sag_components 2.0.0-beta238 → 2.0.0-beta239

package/dist/index.esm.js

@@ -40797,25 +40797,48 @@ const TableHeader = ({
   // Ref for the popup content to measure its dimensions
   const popupRef = useRef(null);
 
-  // Initialize filter selections for each column
+  // FIXED: Initialize filter selections ONLY for new columns, preserve existing selections
   useEffect(() => {
-    const initialFilterSelections = {};
-    columns.forEach(column => {
-      // Initialize filter selections
-      if (column.filter && column.filterOptions) {
-        // Initialize with all items selected
-        const initialState = {};
-        const fullList = [{
-          value: 'All',
-          label: 'Select All'
-        }, ...column.filterOptions];
-        fullList.forEach(item => {
-          initialState[item.value] = true;
-        });
-        initialFilterSelections[column.key] = initialState;
-      }
+    setFilterSelections(prevSelections => {
+      const newSelections = {
+        ...prevSelections
+      };
+      let hasChanges = false;
+      columns.forEach(column => {
+        // Only initialize if column doesn't exist in state yet
+        if (column.filter && column.filterOptions && !newSelections[column.key]) {
+          const initialState = {};
+          const fullList = [{
+            value: 'All',
+            label: 'Select All'
+          }, ...column.filterOptions];
+          fullList.forEach(item => {
+            initialState[item.value] = true;
+          });
+          newSelections[column.key] = initialState;
+          hasChanges = true;
+        } else if (column.filter && column.filterOptions && newSelections[column.key]) {
+          // Column exists - check if we need to add new options that appeared
+          const currentSelections = newSelections[column.key];
+          const newOptions = column.filterOptions.filter(opt => currentSelections[opt.value] === undefined);
+
+          // Only update if there are genuinely new options
+          if (newOptions.length > 0) {
+            const updatedSelections = {
+              ...currentSelections
+            };
+            newOptions.forEach(opt => {
+              updatedSelections[opt.value] = true; // New options start selected
+            });
+            newSelections[column.key] = updatedSelections;
+            hasChanges = true;
+          }
+        }
+      });
+
+      // Only return new object if there were actual changes
+      return hasChanges ? newSelections : prevSelections;
     });
-    setFilterSelections(initialFilterSelections);
   }, [columns]);
 
   // Helper function to check if filter is in default state (all items selected)
@@ -41186,26 +41209,21 @@ const TableHeader = ({
         paramType: "Week",
         params: [{
           label: 'From',
-          type: 'week' // FIXED: Changed from 'date' to 'week'
+          type: 'week'
         }, {
           label: 'To',
-          type: 'week' // FIXED: Changed from 'date' to 'week'
+          type: 'week'
         }],
-        radioOptions: ['All weeks', 'Custom Range']
-        // ADDED: Pass initialValues for persistence
-        ,
+        radioOptions: ['All weeks', 'Custom Range'],
         initialValues: currentFilterState ? {
           selectedRadio: currentFilterState.selectedRadio,
           fields: currentFilterState.fields
         } : null,
         onApply: data => {
-          // data contains: { selectedRadio, fields }
           setFilterState(prev => ({
             ...prev,
             [key]: data
           }));
-
-          // Close the popup after applying
           setVisibleFilterPopWrapper(null);
         }
       });