datastake-daf 0.6.182 → 0.6.183

package/dist/components/index.js

@@ -18679,25 +18679,6 @@ const Style$A = dt.div`
   position: relative;
   width: 100%;
   height: 472px;
-  min-height: 300px;
-  flex: 1;
-  
-  @media (max-width: 768px) {
-    height: 350px;
-    min-height: 250px;
-  }
-  
-  @media (max-width: 480px) {
-    height: 300px;
-    min-height: 200px;
-  }
-  
-  /* Responsive height adjustments for sidebar state changes */
-  @media (min-width: 769px) {
-    height: calc(100vh - 200px);
-    min-height: 400px;
-    max-height: 600px;
-  }
 
   .filter-cont {
     position: absolute; 
@@ -18788,9 +18769,6 @@ const Style$A = dt.div`
     flex: 1;
     background: rgb(0, 0, 0);
     z-index: 1;
-    width: 100%;
-    height: 100%;
-    min-height: inherit;
     
     /* Mapbox GL JS specific styles */
     .mapboxgl-ctrl-top-right {
@@ -19060,23 +19038,6 @@ const Style$A = dt.div`
       right: 300px;
     }
   }
-  
-  /* Responsive adjustments for different sidebar states */
-  &.sidebar-collapsed {
-    height: calc(100vh - 180px);
-    
-    @media (min-width: 769px) {
-      height: calc(100vh - 180px);
-    }
-  }
-  
-  &.sidebar-expanded {
-    height: calc(100vh - 200px);
-    
-    @media (min-width: 769px) {
-      height: calc(100vh - 200px);
-    }
-  }
 
   .sider {
     display: flex;
@@ -20005,22 +19966,6 @@ const useGlobe = ({
   };
 };
 
-typeof localStorage.getItem('is_collapsed') === 'string' ? localStorage.getItem('is_collapsed') === 'true' ? true : false : true;
-typeof localStorage.getItem('is_nested_sidebar_collapsed') === 'string' ? localStorage.getItem('is_nested_sidebar_collapsed') === 'true' : true;
-const ResizeContext = /*#__PURE__*/React.createContext({
-  resizeLoading: false,
-  windowWidth: 0,
-  resizeDif: 0,
-  isCollapsed: false,
-  setIsCollapsed: () => {},
-  isNestedSidebarCollapsed: false,
-  setIsNestedSidebarCollapsed: () => {}
-});
-const useResizeContext = () => {
-  const values = React.useContext(ResizeContext);
-  return values;
-};
-
 function Globe(_ref) {
   var _activeMarker$data, _activeMarker$data2;
   let {
@@ -20061,11 +20006,6 @@ function Globe(_ref) {
     });
   }), [data]);
 
-  // Get resize context for sidebar state
-  const {
-    isCollapsed
-  } = useResizeContext();
-
   // Use custom hook to configure globe functionality
   const {
     container,
@@ -20109,20 +20049,9 @@ function Globe(_ref) {
       return () => clearTimeout(timer);
     }
   }, [forceResize]);
-
-  // Force resize when sidebar state changes
-  React.useEffect(() => {
-    if (forceResize) {
-      // Trigger resize when sidebar collapses/expands
-      const timer = setTimeout(() => {
-        forceResize();
-      }, 100);
-      return () => clearTimeout(timer);
-    }
-  }, [isCollapsed, forceResize]);
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
     children: /*#__PURE__*/jsxRuntime.jsxs(Style$A, {
-      className: formatClassname([showSider && activeMarker && "with-sider", isCollapsed ? "sidebar-collapsed" : "sidebar-expanded"]),
+      className: formatClassname([showSider && activeMarker && "with-sider"]),
       children: [filtersConfig ? /*#__PURE__*/jsxRuntime.jsx(Filters, {
         t: t,
         filtersConfig: filtersConfig,
@@ -51518,6 +51447,22 @@ function useConfig(data) {
   return config;
 }
 
+typeof localStorage.getItem('is_collapsed') === 'string' ? localStorage.getItem('is_collapsed') === 'true' ? true : false : true;
+typeof localStorage.getItem('is_nested_sidebar_collapsed') === 'string' ? localStorage.getItem('is_nested_sidebar_collapsed') === 'true' : true;
+const ResizeContext = /*#__PURE__*/React.createContext({
+  resizeLoading: false,
+  windowWidth: 0,
+  resizeDif: 0,
+  isCollapsed: false,
+  setIsCollapsed: () => {},
+  isNestedSidebarCollapsed: false,
+  setIsNestedSidebarCollapsed: () => {}
+});
+const useResizeContext = () => {
+  const values = React.useContext(ResizeContext);
+  return values;
+};
+
 const DAYS = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
 function UserActivity({
   loading,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.182",
+	"version": "0.6.183",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/Dashboard/Globe/index.jsx

@@ -8,7 +8,6 @@ import CustomIcon from "../../Icon/CustomIcon.jsx";
 import ComponentWithFocus from "../ComponentWithFocus/index.jsx";
 import { formatClassname } from "../../../../../helpers/ClassesHelper";
 import Filters from "../../Filters/FloatingFilters/index.js";
-import { useResizeContext } from "../../../context/Resize/index.js";
 
 /**
  * Globe Component
@@ -130,9 +129,6 @@ function Globe({
 		[data],
 	);
 
-	// Get resize context for sidebar state
-	const { isCollapsed } = useResizeContext();
-
 	// Use custom hook to configure globe functionality
 	const { container, activeMarker, mapOptionsButtonsConfig, forceResize } = useGlobe({
 		data: mappedData,
@@ -175,24 +171,9 @@ function Globe({
 		}
 	}, [forceResize]);
 
-	// Force resize when sidebar state changes
-	useEffect(() => {
-		if (forceResize) {
-			// Trigger resize when sidebar collapses/expands
-			const timer = setTimeout(() => {
-				forceResize();
-			}, 100);
-
-			return () => clearTimeout(timer);
-		}
-	}, [isCollapsed, forceResize]);
-
 	return (
 		<ComponentWithFocus>
-			<Style className={formatClassname([
-				showSider && activeMarker && "with-sider",
-				isCollapsed ? "sidebar-collapsed" : "sidebar-expanded"
-			])}>
+			<Style className={formatClassname([showSider && activeMarker && "with-sider"])}>
 				{filtersConfig ? (
 					<Filters t={t} filtersConfig={filtersConfig} onFilterChange={onFilterChange} />
 				) : null}

package/src/@daf/core/components/Dashboard/Globe/style.js

@@ -6,25 +6,6 @@ const Style = styled.div`
   position: relative;
   width: 100%;
   height: 472px;
-  min-height: 300px;
-  flex: 1;
-  
-  @media (max-width: 768px) {
-    height: 350px;
-    min-height: 250px;
-  }
-  
-  @media (max-width: 480px) {
-    height: 300px;
-    min-height: 200px;
-  }
-  
-  /* Responsive height adjustments for sidebar state changes */
-  @media (min-width: 769px) {
-    height: calc(100vh - 200px);
-    min-height: 400px;
-    max-height: 600px;
-  }
 
   .filter-cont {
     position: absolute; 
@@ -115,9 +96,6 @@ const Style = styled.div`
     flex: 1;
     background: rgb(0, 0, 0);
     z-index: 1;
-    width: 100%;
-    height: 100%;
-    min-height: inherit;
     
     /* Mapbox GL JS specific styles */
     .mapboxgl-ctrl-top-right {
@@ -387,23 +365,6 @@ const Style = styled.div`
       right: 300px;
     }
   }
-  
-  /* Responsive adjustments for different sidebar states */
-  &.sidebar-collapsed {
-    height: calc(100vh - 180px);
-    
-    @media (min-width: 769px) {
-      height: calc(100vh - 180px);
-    }
-  }
-  
-  &.sidebar-expanded {
-    height: calc(100vh - 200px);
-    
-    @media (min-width: 769px) {
-      height: calc(100vh - 200px);
-    }
-  }
 
   .sider {
     display: flex;