From 83202041260fa862890238f76d3e9dcd61480c8f Mon Sep 17 00:00:00 2001
From: Birm <birm@rbirm.us>
Date: Fri, 6 Dec 2024 11:49:52 -0500
Subject: [PATCH] change sidebar behavior

---
 .../Layout/VisGridView/SideView/SideView.js          |  2 ++
 .../Layout/VisGridView/SideView/VisItem/VisItem.js   |  6 ++++++
 .../VisItem/VisItemContent/VisItemContent.js         | 10 +++-------
 .../VisItem/VisItemControl/VisItemControl.js         | 12 +-----------
 .../SideView/VisItem/VisItemHeader/VisItemHeader.css |  4 ----
 .../SideView/VisItem/VisItemHeader/VisItemHeader.js  |  7 +------
 .../VisGridItemContent/VisGridItemContent.js         |  4 ----
 7 files changed, 13 insertions(+), 32 deletions(-)

diff --git a/source/components/Layout/VisGridView/SideView/SideView.js b/source/components/Layout/VisGridView/SideView/SideView.js
index b1e891e..1815647 100644
--- a/source/components/Layout/VisGridView/SideView/SideView.js
+++ b/source/components/Layout/VisGridView/SideView/SideView.js
@@ -87,6 +87,8 @@ function SideView({ fullVisScreenHandler, fullScreened, designation }) {
               operation={item}
               toggleFullScreen={fullVisScreenHandler}
               fullScreened={fullScreened}
+              isCollapsed={index!=0}
+              index={index}
             />
           </div>
         ))}
diff --git a/source/components/Layout/VisGridView/SideView/VisItem/VisItem.js b/source/components/Layout/VisGridView/SideView/VisItem/VisItem.js
index 137a67a..1cb82b9 100644
--- a/source/components/Layout/VisGridView/SideView/VisItem/VisItem.js
+++ b/source/components/Layout/VisGridView/SideView/VisItem/VisItem.js
@@ -30,6 +30,11 @@ function VisItem(props) {
     if (props.fullScreened) setHover(true);
   }, [props.fullScreened]);
 
+  useEffect(() => {
+    if (props.isCollapsed) setIsCollapsed(true);
+  }, [props.isCollapsed]);
+
+  console.log([props.index, props.isCollapsed, props.operation.title])
   return (
     <div
       className="vis-grid-item"
@@ -109,6 +114,7 @@ VisItem.propTypes = {
   toggleFullScreen: PropTypes.func.isRequired,
   isResizing: PropTypes.bool, // Ensuring isResizing is also considered
   logScale: PropTypes.bool,
+  isCollapsed: PropTypes.bool,
 };
 
 VisItem.defaultProps = {
diff --git a/source/components/Layout/VisGridView/SideView/VisItem/VisItemContent/VisItemContent.js b/source/components/Layout/VisGridView/SideView/VisItem/VisItemContent/VisItemContent.js
index b41627f..86918b1 100644
--- a/source/components/Layout/VisGridView/SideView/VisItem/VisItemContent/VisItemContent.js
+++ b/source/components/Layout/VisGridView/SideView/VisItem/VisItemContent/VisItemContent.js
@@ -9,15 +9,14 @@ import VisTypeComponents from '../../../../../VisualTools/VisTypeComponents';
 const PieChart = React.lazy(() => import('../../../../../VisualTools/Chart/PieChart'));
 const BarChart = React.lazy(() => import('../../../../../VisualTools/Chart/BarChart'));
 const KMCurve = React.lazy(() => import('../../../../../VisualTools/Chart/KMCurve'));
-const EnumList = React.lazy(() => import('../../../../../VisualTools/Chart/EnumList'));
 const HorizontalBarChart = React.lazy(() => import('../../../../../VisualTools/Chart/HorizontalBarChart'));
 const ScatterChart = React.lazy(() => import('../../../../../VisualTools/Chart/ScatterChart'));
 const VisDataTable = React.lazy(() => import('../../../../../VisualTools/VisDataTable/VisDataTable'));
-const VisCard = React.lazy(() => import('../../../../../VisualTools/VisGridCard/VisGridCard'));
 const Histogram = React.lazy(() => import('../../../../../VisualTools/Chart/Histogram'));
 const DensityChart = React.lazy(() => import('../../../../../VisualTools/Chart/DensityChart'));
 const ParallelCoordinates = React.lazy(() => import('../../../../../VisualTools/Chart/ParallelCoordinates'));
 const Heatmap = React.lazy(() => import('../../../../../VisualTools/Chart/Heatmap'));
+const VisGridCard = React.lazy(() => import('../../../../../VisualTools/VisGridCard/VisGridCard'));
 
 function VisItemContent(props) {
   const TagName = VisTypeComponents[props.chartType];
@@ -32,9 +31,6 @@ function VisItemContent(props) {
     case 'BarChart':
       component = <BarChart {...props} />;
       break;
-    case 'EnumList':
-      component = <EnumList {...props} />;
-      break;
     case 'KMCurve':
       component = <KMCurve {...props} />;
       break;
@@ -44,8 +40,8 @@ function VisItemContent(props) {
     case 'VisDataTable':
       component = <VisDataTable {...props} />;
       break;
-    case 'VisCard':
-      component = <VisCard {...props} />;
+    case 'VisGridCard':
+      component = <VisGridCard {...props} />;
       break;
     case 'Histogram':
       component = <Histogram {...props} />;
diff --git a/source/components/Layout/VisGridView/SideView/VisItem/VisItemControl/VisItemControl.js b/source/components/Layout/VisGridView/SideView/VisItem/VisItemControl/VisItemControl.js
index 0ce52e2..0afc9c5 100644
--- a/source/components/Layout/VisGridView/SideView/VisItem/VisItemControl/VisItemControl.js
+++ b/source/components/Layout/VisGridView/SideView/VisItem/VisItemControl/VisItemControl.js
@@ -29,7 +29,7 @@ function VisItemControl(props) {
   }
   return (
     <div>
-      {(props.hover || show) && (
+      {(props.hover || show || true) && (
         <div className="vis-grid-item-control">
           {btnFilterRemove}
           <Button
@@ -42,16 +42,6 @@ function VisItemControl(props) {
           >
             <FontAwesomeIcon icon={props.isCollapsed ? faUpRightAndDownLeftFromCenter : faSquareMinus} />
           </Button>
-          <Button
-            style={{
-              background: 'none',
-              border: 'none',
-            }}
-            onClick={() => props.toggleFullScreen(props.id, !props.fullScreened)}
-          >
-
-            <FontAwesomeIcon icon={props.fullScreened ? faCompressArrowsAlt : faExpandArrowsAlt} />
-          </Button>
         </div>
       )}
     </div>
diff --git a/source/components/Layout/VisGridView/SideView/VisItem/VisItemHeader/VisItemHeader.css b/source/components/Layout/VisGridView/SideView/VisItem/VisItemHeader/VisItemHeader.css
index e24b8be..cdcd323 100644
--- a/source/components/Layout/VisGridView/SideView/VisItem/VisItemHeader/VisItemHeader.css
+++ b/source/components/Layout/VisGridView/SideView/VisItem/VisItemHeader/VisItemHeader.css
@@ -19,7 +19,3 @@
   text-align: left !important;
   font-weight: bold;
 }
-
-.name-header.draggable {
-  cursor: move;
-}
diff --git a/source/components/Layout/VisGridView/SideView/VisItem/VisItemHeader/VisItemHeader.js b/source/components/Layout/VisGridView/SideView/VisItem/VisItemHeader/VisItemHeader.js
index 930d720..6532868 100644
--- a/source/components/Layout/VisGridView/SideView/VisItem/VisItemHeader/VisItemHeader.js
+++ b/source/components/Layout/VisGridView/SideView/VisItem/VisItemHeader/VisItemHeader.js
@@ -9,11 +9,6 @@ function VisItemHeader(props) {
   const { config } = useContext(ConfigContext);
   const { THEME_COLOR: color } = config;
 
-  let dragHeader = 'name-header';
-  if (config.DRAGGABLE) {
-    dragHeader = 'name-header draggable';
-  }
-
   return (
     <div
       className="vis-grid-item-header text-light"
@@ -23,7 +18,7 @@ function VisItemHeader(props) {
         borderRadius: config?.BORDER_RADIUS ? `${config.BORDER_RADIUS}px` : '0px',
       }}
     >
-      <div className={dragHeader}>
+      <div className='name-header'>
         <div className="chartTitle">{props.title}</div>
       </div>
 
diff --git a/source/components/Layout/VisGridView/VisGridItem/VisGridItemContent/VisGridItemContent.js b/source/components/Layout/VisGridView/VisGridItem/VisGridItemContent/VisGridItemContent.js
index bb5b76c..ddc3afe 100644
--- a/source/components/Layout/VisGridView/VisGridItem/VisGridItemContent/VisGridItemContent.js
+++ b/source/components/Layout/VisGridView/VisGridItem/VisGridItemContent/VisGridItemContent.js
@@ -8,7 +8,6 @@ import VisTypeComponents from '../../../../VisualTools/VisTypeComponents';
 
 const PieChart = React.lazy(() => import('../../../../VisualTools/Chart/PieChart'));
 const BarChart = React.lazy(() => import('../../../../VisualTools/Chart/BarChart'));
-const EnumList = React.lazy(() => import('../../../../VisualTools/Chart/EnumList'));
 const KMCurve = React.lazy(() => import('../../../../VisualTools/Chart/KMCurve'));
 const HorizontalBarChart = React.lazy(() => import('../../../../VisualTools/Chart/HorizontalBarChart'));
 const ScatterChart = React.lazy(() => import('../../../../VisualTools/Chart/ScatterChart'));
@@ -32,9 +31,6 @@ function VisGridItemContent(props) {
     case 'BarChart':
       component = <BarChart {...props} />;
       break;
-    case 'EnumList':
-      component = <EnumList {...props} />;
-      break;
     case 'KMCurve':
       component = <KMCurve {...props} />;
       break;