datastake-daf 0.6.236 → 0.6.237

package/dist/components/index.js

@@ -10003,22 +10003,6 @@ const SelectFilters = _ref => {
   } = _ref;
   const [filters, setFilters] = React.useState(selectedFilters || {});
   const [initFilters, setInitFilters] = React.useState(selectedFilters || {});
-
-  // Sync internal state with selectedFilters prop changes
-  React.useEffect(() => {
-    // Only sync if selectedFilters prop has actually changed and is different from current initFilters
-    const selectedFiltersStr = JSON.stringify(selectedFilters || {});
-    const initFiltersStr = JSON.stringify(initFilters);
-    if (selectedFiltersStr !== initFiltersStr) {
-      setFilters(selectedFilters || {});
-      setInitFilters(selectedFilters || {});
-
-      // Auto-show filters in header if there are active filters and this is a header instance
-      if (isHeader && selectedFilters && Object.keys(selectedFilters).length > 0 && !showFilters) {
-        setShowFilters(true);
-      }
-    }
-  }, [selectedFilters, initFilters, isHeader, showFilters, setShowFilters]);
   const getClearLabel = () => {
     switch (type) {
       case 'small':
@@ -12679,7 +12663,6 @@ const useHeader = _ref => {
     isViewMode = false,
     filtersConfig = {}
   } = _ref;
-  const [showFilters, setShowFilters] = React.useState(false);
   const hasFilters = filtersConfig && Object.keys(filtersConfig).length > 0;
   const downloadButtonAction = app && app === 'sbg' && isViewMode ? null : {
     onClick: onDownload,
@@ -12706,7 +12689,7 @@ const useHeader = _ref => {
     noMinWidth: true,
     squareIconButton: true,
     onClick: () => {
-      setShowFilters(p => !p);
+      filtersConfig.setShowFilters(p => !p);
     }
   }];
   const actionButtons = onDownload && _actionButtons.length < 3 ? [..._actionButtons, ...(hasFilters ? filterButton : []), downloadButton] : [..._actionButtons, ...(hasFilters ? filterButton : [])];
@@ -12852,10 +12835,10 @@ const useHeader = _ref => {
       children: hasFilters && /*#__PURE__*/jsxRuntime.jsx(SelectFilters, {
         t: filtersConfig.t,
         apiUrl: filtersConfig.apiUrl,
-        showFilters: showFilters,
+        showFilters: filtersConfig.showFilters,
         onApply: filtersConfig.onApply,
         options: filtersConfig.options,
-        setShowFilters: setShowFilters,
+        setShowFilters: filtersConfig.setShowFilters,
         language: filtersConfig.language,
         type: filtersConfig.type,
         filtersConfig: filtersConfig.filtersConfig,

package/package.json

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

package/src/@daf/core/components/Filters/selectFilters/index.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 import { Button, Input, Tooltip } from 'antd';
-import React, { useMemo, useState, useEffect } from 'react';
+import React, { useMemo, useState } from 'react';
 import { CustomSelect } from './Select.jsx';
 import { Timeframe } from './Timeframe.jsx';
 import { AjaxSelect } from "./AjaxSelect.jsx";
@@ -26,23 +26,6 @@ const SelectFilters = ({
   const [filters, setFilters] = useState(selectedFilters || {});
   const [initFilters, setInitFilters] = useState(selectedFilters || {})
 
-  // Sync internal state with selectedFilters prop changes
-  useEffect(() => {
-    // Only sync if selectedFilters prop has actually changed and is different from current initFilters
-    const selectedFiltersStr = JSON.stringify(selectedFilters || {});
-    const initFiltersStr = JSON.stringify(initFilters);
-    
-    if (selectedFiltersStr !== initFiltersStr) {
-      setFilters(selectedFilters || {});
-      setInitFilters(selectedFilters || {});
-      
-      // Auto-show filters in header if there are active filters and this is a header instance
-      if (isHeader && selectedFilters && Object.keys(selectedFilters).length > 0 && !showFilters) {
-        setShowFilters(true);
-      }
-    }
-  }, [selectedFilters, initFilters, isHeader, showFilters, setShowFilters]);
-
   const getClearLabel = () => {
     switch (type) {
       case 'small':

package/src/@daf/core/components/Header/hook.js

@@ -31,7 +31,6 @@ export const useHeader = ({
   isViewMode = false,
   filtersConfig = {},
 }) => {
-  const [showFilters, setShowFilters] = useState(false)
   const hasFilters = filtersConfig && Object.keys(filtersConfig).length > 0
   const downloadButtonAction = app && app === 'sbg' && isViewMode ? null : {
     onClick: onDownload,
@@ -55,7 +54,7 @@ export const useHeader = ({
     noMinWidth: true,
     squareIconButton: true,
     onClick: () => {
-      setShowFilters((p) => !p)
+      filtersConfig.setShowFilters((p) => !p)
     }
   }]
   
@@ -213,10 +212,10 @@ export const useHeader = ({
               <SelectFilters
                 t={filtersConfig.t}
                 apiUrl={filtersConfig.apiUrl}
-                showFilters={showFilters}
+                showFilters={filtersConfig.showFilters}
                 onApply={filtersConfig.onApply}
                 options={filtersConfig.options}
-                setShowFilters={setShowFilters}
+                setShowFilters={filtersConfig.setShowFilters}
                 language={filtersConfig.language}
                 type={filtersConfig.type}
                 filtersConfig={filtersConfig.filtersConfig}