datastake-daf 0.6.218 → 0.6.219

package/dist/components/index.js

@@ -3176,7 +3176,7 @@ const config$3 = {
   Robot: config$4
 };
 
-const _excluded$v = ["width", "height", "size", "name", "fill"];
+const _excluded$w = ["width", "height", "size", "name", "fill"];
 const CustomIcon = _ref => {
   let {
       width = 14,
@@ -3185,7 +3185,7 @@ const CustomIcon = _ref => {
       name = "",
       fill = "none"
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$v);
+    props = _objectWithoutProperties(_ref, _excluded$w);
   const conf = config$3[name];
   if (conf) {
     return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -9387,7 +9387,7 @@ createCommonjsModule(function (module, exports) {
 !function(e,n){module.exports=n();}(commonjsGlobal,(function(){return {name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var n=["th","st","nd","rd"],t=e%100;return "["+e+(n[(t-20)%10]||n[t]||n[0])+"]"}}}));
 });
 
-const _excluded$u = ["view", "module", "scope", "form", "meta"];
+const _excluded$v = ["view", "module", "scope", "form", "meta"];
 dayjs__default["default"].extend(customParseFormat);
 dayjs__default["default"].extend(utc);
 dayjs__default["default"].extend(utc);
@@ -9761,7 +9761,7 @@ const filterCreateData = data => {
       form,
       meta
     } = data,
-    rest = _objectWithoutProperties(data, _excluded$u);
+    rest = _objectWithoutProperties(data, _excluded$v);
   const _meta = isObjectEmpty(meta) ? undefined : meta;
   return _objectSpread2(_objectSpread2({}, rest), {}, {
     meta: _meta
@@ -10140,7 +10140,7 @@ SelectFilters.propTypes = {
   apiUrl: PropTypes__default["default"].string
 };
 
-const _excluded$t = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
+const _excluded$u = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
 function DAFTable(_ref) {
   let {
       columns = [],
@@ -10171,7 +10171,7 @@ function DAFTable(_ref) {
       app,
       doEmptyRows
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$t);
+    rest = _objectWithoutProperties(_ref, _excluded$u);
   const [source, setSource] = React.useState([]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = React.useState(!loading);
@@ -11088,7 +11088,7 @@ function ComponentWithFocus(_ref) {
 }
 
 var _templateObject$c;
-const _excluded$s = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
+const _excluded$t = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
 function StickyTable(_ref) {
   let {
       size = "small",
@@ -11099,7 +11099,7 @@ function StickyTable(_ref) {
       pagination = false,
       doEmptyRows = true
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$s);
+    props = _objectWithoutProperties(_ref, _excluded$t);
   const data = React__default["default"].useMemo(() => {
     if (!doEmptyRows) {
       return dataSource;
@@ -11595,7 +11595,7 @@ const BTN_SIZE = {
   LG: 'large'
 };
 
-const _excluded$r = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
+const _excluded$s = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
 function DafButton(_ref) {
   let {
       content = '',
@@ -11609,7 +11609,7 @@ function DafButton(_ref) {
       style = {},
       className = ''
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$r);
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
   return /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({
     icon: icon,
     type: type,
@@ -11728,12 +11728,12 @@ const Style$H = dt.div`
   }
 `;
 
-const _excluded$q = ["children"];
+const _excluded$r = ["children"];
 const BorderedButton = _ref => {
   let {
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$q);
+    props = _objectWithoutProperties(_ref, _excluded$r);
   return /*#__PURE__*/jsxRuntime.jsx(Style$H, {
     className: "d-btn-cont",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -11873,12 +11873,12 @@ Badge.propTypes = {
   props: PropTypes__default["default"].object
 };
 
-const _excluded$p = ["icon"];
+const _excluded$q = ["icon"];
 function GetIcon(_ref) {
   let {
       icon
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$p);
+    props = _objectWithoutProperties(_ref, _excluded$q);
   let Icon = Icons__namespace.CloseOutlined;
   if (Icons__namespace[icon]) {
     Icon = Icons__namespace[icon];
@@ -12197,7 +12197,7 @@ GoToSelect.propTypes = {
   t: PropTypes__default["default"].func
 };
 
-const _excluded$o = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
+const _excluded$p = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
 const {
   useToken: useToken$k
 } = antd.theme;
@@ -12290,7 +12290,7 @@ function Multiselect(_ref) {
       isSingle = false,
       selectionType = SELECTION_TYPES.DEFAULT
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$o);
+    restProps = _objectWithoutProperties(_ref, _excluded$p);
   const {
     token
   } = useToken$k();
@@ -12991,7 +12991,7 @@ DAFHeader.propTypes = {
   filtersConfig: PropTypes__default["default"].any
 };
 
-const _excluded$n = ["tabs", "onChange", "value", "className"];
+const _excluded$o = ["tabs", "onChange", "value", "className"];
 function TabsHeader(_ref) {
   let {
       tabs = [],
@@ -12999,7 +12999,7 @@ function TabsHeader(_ref) {
       value = '',
       className = 'mt-2'
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$n);
+    rest = _objectWithoutProperties(_ref, _excluded$o);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: formatClassname(['daf-tabs-header pl-6 pr-6', className]),
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Tabs, _objectSpread2({
@@ -13096,7 +13096,7 @@ DrawerHeader.propTypes = {
   tabsConfig: PropTypes__default["default"].any
 };
 
-const _excluded$m = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
+const _excluded$n = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
 const useFooter = _ref => {
   let {
     leftContent,
@@ -13131,7 +13131,7 @@ const useFooter = _ref => {
                 style = {},
                 className = ""
               } = button,
-              restProps = _objectWithoutProperties(button, _excluded$m);
+              restProps = _objectWithoutProperties(button, _excluded$n);
             return /*#__PURE__*/jsxRuntime.jsx(DafButton, _objectSpread2({
               content: label,
               type: type,
@@ -15631,7 +15631,7 @@ Widget.propTypes = {
   description: PropTypes__default["default"].string
 };
 
-const _excluded$l = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText"];
+const _excluded$m = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText"];
 function ImageWidget(_ref) {
   let {
       loading = false,
@@ -15641,7 +15641,7 @@ function ImageWidget(_ref) {
       imgAlt,
       noDescriptionText
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$l);
+    props = _objectWithoutProperties(_ref, _excluded$m);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     loading: loading,
     title: title,
@@ -15698,7 +15698,7 @@ function ImageWidget(_ref) {
 }
 
 var _templateObject$9;
-const _excluded$k = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
+const _excluded$l = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
 function FlowWidget(_ref) {
   let {
       title,
@@ -15710,7 +15710,7 @@ function FlowWidget(_ref) {
       className,
       direction = "horizontal"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$k);
+    rest = _objectWithoutProperties(_ref, _excluded$l);
   const [activeTab, setActiveTab] = React.useState();
   React.useEffect(() => {
     if (defaultActiveTab) {
@@ -18771,6 +18771,81 @@ Map$3.propTypes = {
   nameAsSiderTitle: PropTypes__default["default"].bool
 };
 
+const _excluded$k = ["isExpanded", "shouldRenderMap", "renderKey", "title", "loading", "t", "user", "data", "height", "widgetConfig"];
+function InExpandableWidgetMap(_ref) {
+  let {
+      isExpanded,
+      shouldRenderMap,
+      renderKey,
+      title,
+      loading,
+      t,
+      user,
+      data,
+      height,
+      widgetConfig
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded$k);
+  const [mapKey, setMapKey] = React.useState(0);
+  const [isMapReady, setIsMapReady] = React.useState(false);
+  React.useEffect(() => {
+    if (isExpanded && shouldRenderMap) {
+      setIsMapReady(false);
+      const timer = setTimeout(() => {
+        setMapKey(prev => prev + 1);
+        setIsMapReady(true);
+      }, 350);
+      return () => clearTimeout(timer);
+    } else {
+      setIsMapReady(false);
+    }
+  }, [isExpanded, shouldRenderMap]);
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: shouldRenderMap && isMapReady ? /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
+      title: title,
+      className: "no-px-body no-p-body",
+      loading: loading
+    }, widgetConfig), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        style: {
+          flex: 1,
+          width: '100%',
+          height: height,
+          minHeight: height
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx(Map$3, _objectSpread2({
+          loading: loading,
+          t: t,
+          user: user,
+          data: data || []
+        }, rest), "".concat(renderKey, "-").concat(mapKey, "-").concat(isExpanded))
+      })
+    })) : /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
+      title: title,
+      className: "no-px-body no-p-body",
+      loading: true
+    }, widgetConfig), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        style: {
+          flex: 1,
+          width: '100%',
+          height: height,
+          minHeight: height
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100%',
+            backgroundColor: '#f5f5f5'
+          }
+        })
+      })
+    }))
+  });
+}
+
 const Style$A = dt.div`
   display: flex;
   flex-direction: row;
@@ -55956,13 +56031,17 @@ function AdminView(_ref) {
 }
 var index = withFormsProvider(AdminView);
 
+const isUnderDevelopmentType = backgroundType => {
+  const developmentTypes = ['analysis', 'table', 'field', 'globe', 'chart', 'scout'];
+  return developmentTypes.includes(backgroundType);
+};
 const Style$a = dt.div`
   width: 100%;
   height: 100vh;
   position: relative;
   overflow: hidden;
 
-  background-color: ${props => props.backgroundType === 'analysis' || props.backgroundType === 'table' ? '#f9fafb' : 'transparent'};
+  background-color: ${props => isUnderDevelopmentType(props.backgroundType) ? '#f9fafb' : 'transparent'};
 
   display: flex;
   flex-direction: row;
@@ -55970,34 +56049,26 @@ const Style$a = dt.div`
   align-items: center;
   gap: 51px;
   
-  ${props => {
-  switch (props.backgroundType) {
-    case 'analysis':
-    case 'table':
-      return `
-          &::before {
-            content: '';
-            position: absolute;
-            z-index: 0;
-
-            top: 24px;
-            left: 24px;
-            right: 24px;
-            bottom: 24px;
-
-            background-image: 
-              linear-gradient(rgba(249, 250, 251, 0.2), rgba(249, 250, 251, 0.2)),
-              url(${props.backgroundImage});
-            background-position: top center;
-            background-repeat: no-repeat;
-            
-            background-size: 100% auto;
-          }
-        `;
-    default:
-      return '';
-  }
-}}
+  ${props => isUnderDevelopmentType(props.backgroundType) ? `
+    &::before {
+      content: '';
+      position: absolute;
+      z-index: 0;
+
+      top: 24px;
+      left: 24px;
+      right: 24px;
+      bottom: 24px;
+
+      background-image: 
+        linear-gradient(rgba(249, 250, 251, 0.2), rgba(249, 250, 251, 0.2)),
+        url(${props.backgroundImage});
+      background-position: top center;
+      background-repeat: no-repeat;
+      
+      background-size: 100% auto;
+    }
+  ` : ''}
 
   img, .content {
     position: relative; 
@@ -56011,7 +56082,7 @@ const Style$a = dt.div`
   h1 {
     font-size: 28px;
     font-weight: 600;
-    color: ${props => props.backgroundType === 'analysis' || props.backgroundType === 'table' ? '#003435' : '#384250'};
+    color: ${props => isUnderDevelopmentType(props.backgroundType) ? '#003435' : '#384250'};
     margin-bottom: 6px;
     line-height: 32px;
     letter-spacing: 0%;
@@ -56019,7 +56090,7 @@ const Style$a = dt.div`
 
   p {
     font-size: 16px;
-    color: ${props => props.backgroundType === 'analysis' || props.backgroundType === 'table' ? '#016C6E' : '#6C737F'};
+    color: ${props => isUnderDevelopmentType(props.backgroundType) ? '#016C6E' : '#6C737F'};
     font-weight: 500;
     line-height: 22px;
     letter-spacing: 0%;
@@ -56034,17 +56105,13 @@ const InformationUnavailable = _ref => {
     backgroundType = 'default',
     icon
   } = _ref;
-  const pageTitle = title || (backgroundType === 'analysis' || backgroundType === 'table' ? t('under-development') : t('information-unavailable'));
-  const pageContent = content || (backgroundType === 'analysis' || backgroundType === 'table' ? t('under-development-description') : t('information-unavailable-description'));
+  const developmentTypes = ['analysis', 'table', 'field', 'globe', 'chart', 'scout'];
+  const isUnderDevelopment = developmentTypes.includes(backgroundType);
+  const pageTitle = title || (isUnderDevelopment ? t('under-development') : t('information-unavailable'));
+  const pageContent = content || (isUnderDevelopment ? t('under-development-description') : t('information-unavailable-description'));
   const backgroundImage = React.useMemo(() => {
-    switch (backgroundType) {
-      case 'analysis':
-      case 'table':
-        return "/assets/images/SVG/".concat(backgroundType, "-background.svg");
-      default:
-        return null;
-    }
-  }, [backgroundType]);
+    return isUnderDevelopment ? "/assets/images/SVG/".concat(backgroundType, "-background.svg") : null;
+  }, [backgroundType, isUnderDevelopment]);
   return /*#__PURE__*/jsxRuntime.jsxs(Style$a, {
     backgroundType: backgroundType,
     backgroundImage: backgroundImage,
@@ -56065,7 +56132,7 @@ InformationUnavailable.propTypes = {
   t: PropTypes__default["default"].func,
   title: PropTypes__default["default"].string.optional,
   content: PropTypes__default["default"].string.optional,
-  backgroundType: PropTypes__default["default"].oneOf(['analysis', 'table', 'default']),
+  backgroundType: PropTypes__default["default"].oneOf(['analysis', 'table', 'field', 'globe', 'chart', 'scout', 'default']),
   icon: PropTypes__default["default"].string
 };
 
@@ -60826,6 +60893,7 @@ exports.Globe = Globe;
 exports.GoToSelect = GoToSelect;
 exports.Header = DAFHeader;
 exports.ImageCarousel = ImageCarousel;
+exports.InExpandableWidgetMap = InExpandableWidgetMap;
 exports.InformationChannelProvider = InformationChannelProvider;
 exports.InformationChannels = DataStoreTable;
 exports.InformationChannelsDataPoint = DataPoint;

package/dist/hooks/index.js

@@ -1237,11 +1237,47 @@ function useSource({
   };
 }
 
+const useMapOnExpandableWidget = ({
+  isExpanded,
+  data
+}) => {
+  const timeoutRef = React.useRef(null);
+  const [shouldRenderMap, setShouldRenderMap] = React.useState(false);
+  const [key, setKey] = React.useState(0);
+  React.useEffect(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    if (isExpanded) {
+      timeoutRef.current = setTimeout(() => {
+        setShouldRenderMap(true);
+      }, 50);
+    } else {
+      setShouldRenderMap(false);
+    }
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [isExpanded]);
+  React.useEffect(() => {
+    if (data?.length > 0 && shouldRenderMap) {
+      setKey(prevKey => prevKey + 1);
+    }
+  }, [data, shouldRenderMap]);
+  return {
+    shouldRenderMap,
+    key
+  };
+};
+
 exports.useFilters = useFilters;
 exports.useHeight = useHeight;
 exports.useIsMobile = useIsMobile;
 exports.useLinearGradientAreaChart = useLinearGradientAreaChart;
 exports.useMapConfig = useMapConfig;
+exports.useMapOnExpandableWidget = useMapOnExpandableWidget;
 exports.usePagination = usePagination;
 exports.useRadialBarChart = useRadialBarChart;
 exports.useSource = useSource;

package/package.json

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