datastake-daf 0.6.97 → 0.6.98

package/dist/components/index.js

@@ -3065,7 +3065,7 @@ const config$3 = {
   Integration: config$4
 };
 
-const _excluded$n = ["width", "height", "size", "name", "fill"];
+const _excluded$o = ["width", "height", "size", "name", "fill"];
 const CustomIcon = _ref => {
   let {
       width = 14,
@@ -3074,7 +3074,7 @@ const CustomIcon = _ref => {
       name = "",
       fill = "none"
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$n);
+    props = _objectWithoutProperties(_ref, _excluded$o);
   const conf = config$3[name];
   if (conf) {
     return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -9276,7 +9276,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$m = ["view", "module", "scope", "form", "meta"];
+const _excluded$n = ["view", "module", "scope", "form", "meta"];
 dayjs__default["default"].extend(customParseFormat);
 dayjs__default["default"].extend(utc);
 dayjs__default["default"].extend(utc);
@@ -9650,7 +9650,7 @@ const filterCreateData = data => {
       form,
       meta
     } = data,
-    rest = _objectWithoutProperties(data, _excluded$m);
+    rest = _objectWithoutProperties(data, _excluded$n);
   const _meta = isObjectEmpty(meta) ? undefined : meta;
   return _objectSpread2(_objectSpread2({}, rest), {}, {
     meta: _meta
@@ -10035,7 +10035,7 @@ SelectFilters.propTypes = {
   apiUrl: PropTypes__default["default"].string
 };
 
-const _excluded$l = ["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$m = ["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 = [],
@@ -10066,7 +10066,7 @@ function DAFTable(_ref) {
       app,
       doEmptyRows
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$l);
+    rest = _objectWithoutProperties(_ref, _excluded$m);
   const [source, setSource] = React.useState([]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = React.useState(!loading);
@@ -10788,7 +10788,7 @@ Pagination.propTypes = {
   isMobile: PropTypes__default["default"].bool
 };
 
-const _excluded$k = ["size", "maxHeight", "dataSource", "columns", "pagination"];
+const _excluded$l = ["size", "maxHeight", "dataSource", "columns", "pagination"];
 function StickyTable(_ref) {
   let {
       size = null,
@@ -10797,7 +10797,7 @@ function StickyTable(_ref) {
       columns = {},
       pagination = false
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$k);
+    props = _objectWithoutProperties(_ref, _excluded$l);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "daf-sticky-table",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Table, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -11489,12 +11489,12 @@ const Style$H = dt.div`
   }
 `;
 
-const _excluded$j = ["children"];
+const _excluded$k = ["children"];
 const BorderedButton = _ref => {
   let {
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   return /*#__PURE__*/jsxRuntime.jsx(Style$H, {
     className: "d-btn-cont",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -11503,7 +11503,7 @@ const BorderedButton = _ref => {
   });
 };
 
-var _templateObject$a;
+var _templateObject$b;
 const variantConfig = {
   default: {
     className: "default-badge",
@@ -11621,7 +11621,7 @@ function Badge(_ref) {
     })
   });
 }
-const Style$G = dt.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 4px;\n\tpadding: 4px;\n\tmax-width: 100%;\n\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\n\t> svg {\n\t\tflex-shrink: 0;\n\t}\n\n\t> span {\n\t\tall: unset;\n\t\tmargin-left: 4px;\n\t\tfont-weight: 600;\n\t\tfont-size: 12px;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n"])));
+const Style$G = dt.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 4px;\n\tpadding: 4px;\n\tmax-width: 100%;\n\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\n\t> svg {\n\t\tflex-shrink: 0;\n\t}\n\n\t> span {\n\t\tall: unset;\n\t\tmargin-left: 4px;\n\t\tfont-weight: 600;\n\t\tfont-size: 12px;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n"])));
 Badge.propTypes = {
   children: PropTypes__default["default"].node,
   className: PropTypes__default["default"].string,
@@ -11634,12 +11634,12 @@ Badge.propTypes = {
   props: PropTypes__default["default"].object
 };
 
-const _excluded$i = ["icon"];
+const _excluded$j = ["icon"];
 function GetIcon(_ref) {
   let {
       icon
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$i);
+    props = _objectWithoutProperties(_ref, _excluded$j);
   let Icon = Icons__namespace.CloseOutlined;
   if (Icons__namespace[icon]) {
     Icon = Icons__namespace[icon];
@@ -11961,7 +11961,7 @@ GoToSelect.propTypes = {
   t: PropTypes__default["default"].func
 };
 
-const _excluded$h = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
+const _excluded$i = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
 const {
   useToken: useToken$i
 } = antd.theme;
@@ -12054,7 +12054,7 @@ function Multiselect(_ref) {
       isSingle = false,
       selectionType = SELECTION_TYPES.DEFAULT
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$h);
+    restProps = _objectWithoutProperties(_ref, _excluded$i);
   const {
     token
   } = useToken$i();
@@ -12721,7 +12721,7 @@ DAFHeader.propTypes = {
   downloadDisabled: PropTypes__default["default"].any
 };
 
-const _excluded$g = ["tabs", "onChange", "value", "className"];
+const _excluded$h = ["tabs", "onChange", "value", "className"];
 function TabsHeader(_ref) {
   let {
       tabs = [],
@@ -12729,7 +12729,7 @@ function TabsHeader(_ref) {
       value = '',
       className = 'mt-2'
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$g);
+    rest = _objectWithoutProperties(_ref, _excluded$h);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: formatClassname(['daf-tabs-header pl-6 pr-6', className]),
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Tabs, _objectSpread2({
@@ -12826,6 +12826,114 @@ DrawerHeader.propTypes = {
   tabsConfig: PropTypes__default["default"].any
 };
 
+const _excluded$g = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
+const useFooter = _ref => {
+  let {
+    leftContent,
+    centerContent,
+    rightContent,
+    actionButtons,
+    app,
+    isViewMode
+  } = _ref;
+  const renderFooterContent = React.useMemo(() => {
+    const FooterContent = () => /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "daf-footer-content",
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-footer-left",
+        children: leftContent
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-footer-center",
+        children: centerContent
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "daf-footer-right",
+        children: [rightContent, actionButtons.length > 0 && /*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+          className: "daf-footer-actions",
+          children: actionButtons.map((button, index) => {
+            const {
+                label,
+                onClick,
+                icon,
+                type = BTN_TYPES.PRIMARY,
+                tooltip,
+                disabled = false,
+                loading = false,
+                style = {},
+                className = ""
+              } = button,
+              restProps = _objectWithoutProperties(button, _excluded$g);
+            return /*#__PURE__*/jsxRuntime.jsx(DafButton, _objectSpread2({
+              content: label,
+              type: type,
+              size: BTN_SIZE.MD,
+              icon: typeof icon === "string" ? /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+                name: icon
+              }) : icon,
+              onClick: onClick,
+              disabled: disabled || isViewMode,
+              loading: loading,
+              title: tooltip,
+              style: style,
+              className: className
+            }, restProps), index);
+          })
+        })]
+      })]
+    });
+    FooterContent.displayName = 'FooterContent';
+    return FooterContent;
+  }, [leftContent, centerContent, rightContent, actionButtons, app, isViewMode]);
+  return {
+    renderFooterContent
+  };
+};
+
+var _templateObject$a;
+const FooterContainer = dt.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n\t.daf-footer {\n\t\tbackground: #ffffff;\n\t\tborder-top: 1px solid #e8e8e8;\n\t\tborder-left: none;\n\t\tborder-right: none;\n\t\tborder-bottom: none;\n\t\tborder-radius: 0;\n\t\tpadding: 24px;\n\t\tmargin: 0;\n\t\tbox-shadow: none;\n\t\tz-index: 100;\n\t\tposition: relative;\n\t\tmin-height: 80px;\n\n\t\t&.daf-footer-fixed {\n\t\t\tposition: fixed;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tz-index: 1000;\n\t\t}\n\n\t\t.daf-footer-content {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 32px;\n\n\t\t\t.daf-footer-left {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\t.daf-footer-center {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.daf-footer-right {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t\tgap: 12px;\n\n\t\t\t\t.daf-footer-actions {\n\t\t\t\t\t.ant-btn {\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tpadding: 0 24px;\n\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\ttransition: all 0.3s ease;\n\t\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\t\t&.ant-btn-primary {\n\t\t\t\t\t\t\tbackground-color: var(--color-primary-70);\n\t\t\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: var(--color-primary-60);\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-60);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tbackground-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.ant-btn-default {\n\t\t\t\t\t\t\tbackground: #ffffff;\n\t\t\t\t\t\t\tcolor: #666666;\n\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-70);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.ant-btn-ghost {\n\t\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\t\tcolor: #666666;\n\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-70);\n\t\t\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.02);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* Responsive design */\n\t@media (max-width: 768px) {\n\t\t.daf-footer {\n\t\t\tmargin: 0;\n\t\t\tpadding: 16px;\n\n\t\t\t.daf-footer-content {\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 16px;\n\t\t\t\talign-items: stretch;\n\n\t\t\t\t.daf-footer-left,\n\t\t\t\t.daf-footer-center,\n\t\t\t\t.daf-footer-right {\n\t\t\t\t\tflex: none;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t}\n\n\t\t\t\t.daf-footer-right {\n\t\t\t\t\t.daf-footer-actions {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* App-specific styling */\n\t&.sbg-app {\n\t\t.daf-footer {\n\t\t\tbackground: #f8f9fa;\n\t\t\tborder-color: #e9ecef;\n\t\t}\n\t}\n\n\t&.nashiriki-app {\n\t\t.daf-footer {\n\t\t\tbackground: #fff;\n\t\t\tborder-color: #d9d9d9;\n\t\t}\n\t}\n"])));
+
+function DAFFooter(_ref) {
+  let {
+    leftContent = null,
+    centerContent = null,
+    rightContent = null,
+    actionButtons = [],
+    className = "",
+    style = {},
+    fixed = false,
+    app = "",
+    isViewMode = false
+  } = _ref;
+  const {
+    renderFooterContent
+  } = useFooter({
+    leftContent,
+    centerContent,
+    rightContent,
+    actionButtons,
+    app,
+    isViewMode
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(FooterContainer, {
+    className: "".concat(fixed ? 'daf-footer-fixed' : '', " ").concat(className),
+    style: style,
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "daf-footer ".concat(fixed ? 'daf-footer-fixed' : ''),
+      children: renderFooterContent()
+    })
+  });
+}
+DAFFooter.propTypes = {
+  leftContent: PropTypes__default["default"].any,
+  centerContent: PropTypes__default["default"].any,
+  rightContent: PropTypes__default["default"].any,
+  actionButtons: PropTypes__default["default"].array,
+  className: PropTypes__default["default"].string,
+  style: PropTypes__default["default"].object,
+  fixed: PropTypes__default["default"].bool,
+  app: PropTypes__default["default"].string,
+  isViewMode: PropTypes__default["default"].bool
+};
+
 const PAGE_HEIGHT = 1587;
 // margin-top: 20, bottom: 20;
 const FOOTER_HEIGHT = 70;
@@ -19304,7 +19412,8 @@ DAFSteps.defaultProps = {
 function DashboardLayout(_ref) {
   let {
     children,
-    header
+    header,
+    footer
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "daf-analysis",
@@ -19320,7 +19429,7 @@ function DashboardLayout(_ref) {
           children: children
         })
       })
-    })]
+    }), footer]
   });
 }
 
@@ -58927,6 +59036,7 @@ exports.FindInformationProvider = FindInformationProvider;
 exports.FindInformationSource = FindInformationSource;
 exports.FindInformationSubject = FindInformationSubject;
 exports.FlowWidget = FlowWidget;
+exports.Footer = DAFFooter;
 exports.FormPopover = FormPopover;
 exports.GetIcon = GetIcon;
 exports.Globe = Globe;

package/package.json

@@ -1,109 +1,109 @@
 {
-  "name": "datastake-daf",
-  "version": "0.6.97",
-  "dependencies": {
-    "@ant-design/icons": "^5.2.5",
-    "@antv/g2": "^5.1.1",
-    "@antv/g2plot": "^2.4.32",
-    "@elfalem/leaflet-curve": "^0.9.2",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "@xyflow/react": "^12.4.3",
-    "antd": ">=5.4.0",
-    "axios": "^1.4.0",
-    "buffer": "^6.0.3",
-    "countries-list": "^2.6.1",
-    "country-city-location": "^1.0.13",
-    "datastake-daf": "^0.5.780",
-    "dayjs": "^1.11.12",
-    "deepmerge": "^4.3.1",
-    "dot-object": "^2.1.5",
-    "leaflet": "^1.0.3",
-    "leaflet-editable": "^1.3.0",
-    "leaflet-geosearch": "^3.1.0",
-    "leaflet.heat": "^0.2.0",
-    "leaflet.markercluster": "^1.4.1",
-    "lodash": "^4.17.21",
-    "mapbox-gl": "^3.14.0",
-    "moment": "^2.29.4",
-    "react": "^18.3.1",
-    "react-collapsed": "^4.1.2",
-    "react-dom": "^18.3.1",
-    "react-flow-renderer": "^9.6.0",
-    "react-html-parser": "^2.0.2",
-    "react-scripts": "^5.0.1",
-    "reactflow": "^11.11.4",
-    "rollup-plugin-node-polyfills": "^0.2.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "styled-components": "^6.1.12",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "build-dist": "rollup -c",
-    "start-dist": "rollup -c -w",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "deploy-storybook": "storybook-deployer --ci",
-    "prepare": "rollup -c",
-    "prepublishOnly": "rollup -c",
-    "release": "node ./scripts/prepublish-check.js",
-    "chromatic": "npx chromatic --project-token=chpt_2f5aa5550a15e1d --exit-zero-on-changes"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/plugin-syntax-jsx": "^7.24.7",
-    "@babel/preset-react": "^7.18.6",
-    "@rollup/plugin-commonjs": "^28.0.1",
-    "@rollup/plugin-node-resolve": "^13.0.6",
-    "@storybook/addon-essentials": "^7.2.3",
-    "@storybook/addon-interactions": "^7.2.3",
-    "@storybook/addon-links": "^7.2.3",
-    "@storybook/addon-styling": "^2.0.2-next.3",
-    "@storybook/blocks": "^7.2.3",
-    "@storybook/preset-create-react-app": "^7.2.3",
-    "@storybook/react": "^7.2.3",
-    "@storybook/react-webpack5": "^7.2.3",
-    "@storybook/testing-library": "^0.2.1-next.0",
-    "babel": "^6.23.0",
-    "babel-plugin-import": "^1.13.6",
-    "babel-plugin-named-exports-order": "^0.0.2",
-    "chromatic": "^12.1.0",
-    "eslint": "^8.40.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.33.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "prop-types": "^15.8.1",
-    "rollup": "^2.79.1",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "sass": "^1.62.0",
-    "sass-loader": "^13.2.2",
-    "semver": "^7.7.2",
-    "storybook": "^7.2.3",
-    "storybook-deployer": "^2.8.12",
-    "webpack": "^5.78.0"
-  },
-  "peerDependencies": {
-    "antd": ">=5.4.0"
-  }
+	"name": "datastake-daf",
+	"version": "0.6.98",
+	"dependencies": {
+		"@ant-design/icons": "^5.2.5",
+		"@antv/g2": "^5.1.1",
+		"@antv/g2plot": "^2.4.32",
+		"@elfalem/leaflet-curve": "^0.9.2",
+		"@testing-library/jest-dom": "^5.16.5",
+		"@testing-library/react": "^13.4.0",
+		"@testing-library/user-event": "^13.5.0",
+		"@xyflow/react": "^12.4.3",
+		"antd": ">=5.4.0",
+		"axios": "^1.4.0",
+		"buffer": "^6.0.3",
+		"countries-list": "^2.6.1",
+		"country-city-location": "^1.0.13",
+		"datastake-daf": "^0.5.780",
+		"dayjs": "^1.11.12",
+		"deepmerge": "^4.3.1",
+		"dot-object": "^2.1.5",
+		"leaflet": "^1.0.3",
+		"leaflet-editable": "^1.3.0",
+		"leaflet-geosearch": "^3.1.0",
+		"leaflet.heat": "^0.2.0",
+		"leaflet.markercluster": "^1.4.1",
+		"lodash": "^4.17.21",
+		"mapbox-gl": "^3.14.0",
+		"moment": "^2.29.4",
+		"react": "^18.3.1",
+		"react-collapsed": "^4.1.2",
+		"react-dom": "^18.3.1",
+		"react-flow-renderer": "^9.6.0",
+		"react-html-parser": "^2.0.2",
+		"react-scripts": "^5.0.1",
+		"reactflow": "^11.11.4",
+		"rollup-plugin-node-polyfills": "^0.2.1",
+		"rollup-plugin-postcss": "^4.0.2",
+		"styled-components": "^6.1.12",
+		"web-vitals": "^2.1.4"
+	},
+	"scripts": {
+		"start": "react-scripts start",
+		"build": "react-scripts build",
+		"build-dist": "rollup -c",
+		"start-dist": "rollup -c -w",
+		"test": "react-scripts test",
+		"eject": "react-scripts eject",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"deploy-storybook": "storybook-deployer --ci",
+		"prepare": "rollup -c",
+		"prepublishOnly": "rollup -c",
+		"release": "node ./scripts/prepublish-check.js",
+		"chromatic": "npx chromatic --project-token=chpt_2f5aa5550a15e1d --exit-zero-on-changes"
+	},
+	"browserslist": {
+		"production": [
+			">0.2%",
+			"not dead",
+			"not op_mini all"
+		],
+		"development": [
+			"last 1 chrome version",
+			"last 1 firefox version",
+			"last 1 safari version"
+		]
+	},
+	"devDependencies": {
+		"@babel/plugin-syntax-jsx": "^7.24.7",
+		"@babel/preset-react": "^7.18.6",
+		"@rollup/plugin-commonjs": "^28.0.1",
+		"@rollup/plugin-node-resolve": "^13.0.6",
+		"@storybook/addon-essentials": "^7.2.3",
+		"@storybook/addon-interactions": "^7.2.3",
+		"@storybook/addon-links": "^7.2.3",
+		"@storybook/addon-styling": "^2.0.2-next.3",
+		"@storybook/blocks": "^7.2.3",
+		"@storybook/preset-create-react-app": "^7.2.3",
+		"@storybook/react": "^7.2.3",
+		"@storybook/react-webpack5": "^7.2.3",
+		"@storybook/testing-library": "^0.2.1-next.0",
+		"babel": "^6.23.0",
+		"babel-plugin-import": "^1.13.6",
+		"babel-plugin-named-exports-order": "^0.0.2",
+		"chromatic": "^12.1.0",
+		"eslint": "^8.40.0",
+		"eslint-config-airbnb": "^19.0.4",
+		"eslint-plugin-import": "^2.27.5",
+		"eslint-plugin-jsx-a11y": "^6.7.1",
+		"eslint-plugin-react": "^7.33.1",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"prop-types": "^15.8.1",
+		"rollup": "^2.79.1",
+		"rollup-plugin-babel": "^4.4.0",
+		"rollup-plugin-commonjs": "^10.1.0",
+		"rollup-plugin-node-resolve": "^5.2.0",
+		"rollup-plugin-peer-deps-external": "^2.2.4",
+		"sass": "^1.62.0",
+		"sass-loader": "^13.2.2",
+		"semver": "^7.7.2",
+		"storybook": "^7.2.3",
+		"storybook-deployer": "^2.8.12",
+		"webpack": "^5.78.0"
+	},
+	"peerDependencies": {
+		"antd": ">=5.4.0"
+	}
 }