sag_components 2.0.0-beta336 → 2.0.0-beta338

package/dist/index.js

@@ -10802,24 +10802,23 @@ const QuarterPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const QuarterPicker = _ref => {
-  let {
-    availableQuarters,
-    // ["Q1-2024"]
-    label,
-    onChange,
-    borderRadius,
-    required,
-    width,
-    height,
-    placeholder,
-    disabled,
-    borderColor,
-    borderColorFocus,
-    textColor,
-    selectedValue,
-    startYear
-  } = _ref;
+const QuarterPicker = ({
+  availableQuarters,
+  // ["Q1-2024"]
+  label,
+  onChange,
+  borderRadius,
+  required,
+  width,
+  height,
+  placeholder,
+  disabled,
+  borderColor,
+  borderColorFocus,
+  textColor,
+  selectedValue,
+  startYear
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -11261,23 +11260,22 @@ const MonthPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const MonthPicker = _ref => {
-  let {
-    availableMonths,
-    label,
-    onChange,
-    borderRadius,
-    required,
-    width,
-    height,
-    placeholder,
-    disabled,
-    borderColor,
-    borderColorFocus,
-    textColor,
-    selectedValue,
-    startYear
-  } = _ref;
+const MonthPicker = ({
+  availableMonths,
+  label,
+  onChange,
+  borderRadius,
+  required,
+  width,
+  height,
+  placeholder,
+  disabled,
+  borderColor,
+  borderColorFocus,
+  textColor,
+  selectedValue,
+  startYear
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -11600,7 +11598,9 @@ const FilterPanel = props => {
   };
   const getSelectedValueYear = item => {
     let selectedValueYear = [];
-    if (item?.defaultValueYears?.value) {
+    if (item?.selectedValue?.length > 0) {
+      selectedValueYear = item.selectedValue;
+    } else if (item?.defaultValueYears?.value) {
       selectedValueYear = [item?.defaultValueYears];
     }
     return selectedValueYear;
@@ -40727,6 +40727,7 @@ const RangePop = props => {
     params = [],
     paramType = "Week",
     onApply = () => {},
+    onCancel = () => {},
     buttonColor = "#066768",
     hoverColor = "#066768",
     initialValues = null
@@ -40797,6 +40798,7 @@ const RangePop = props => {
   const handleCancel = () => {
     reset();
     setSelectedRadio(radioOptions[0].toLowerCase());
+    onCancel();
   };
 
   // Validation rules
@@ -41341,7 +41343,7 @@ const TableHeader = ({
       return true;
     }
     if (filterData.selectedRadio) {
-      return filterData.selectedRadio === 'all weeks';
+      return filterData.selectedRadio !== 'custom range';
     }
     return filterData.isSelectAll && filterData.excluded?.length === 0 && filterData.included?.length === 0;
   };
@@ -41624,30 +41626,22 @@ const TableHeader = ({
     } else if (rangeFilter) {
       const currentFilterState = filterState[key];
 
-      // Determine if this is a price column
-      const isPriceColumn = key.toLowerCase().includes('price') || key.toLowerCase().includes('cost') || key.toLowerCase().includes('amount');
+      // Determine symbol: use column prop if provided, otherwise auto-detect
+      const isPriceColumn = key.toLowerCase().includes('price') || key.toLowerCase().includes('cost');
+      const symbol = column.rangeFilterSymbol !== undefined ? column.rangeFilterSymbol : isPriceColumn ? '$' : '';
+      const inputType = symbol !== undefined && symbol !== 'week' ? 'price' : 'week';
 
       // Configure RangePop based on column type
-      const rangeConfig = isPriceColumn ? {
-        paramType: '$',
-        params: [{
-          label: 'From $',
-          type: 'price'
-        }, {
-          label: 'To $',
-          type: 'price'
-        }],
-        radioOptions: ['All Prices', 'Custom Range']
-      } : {
-        paramType: 'Week',
+      const rangeConfig = {
+        paramType: symbol || '#',
         params: [{
-          label: 'From',
-          type: 'week'
+          label: symbol ? `From ${symbol}` : 'From',
+          type: inputType
         }, {
-          label: 'To',
-          type: 'week'
+          label: symbol ? `To ${symbol}` : 'To',
+          type: inputType
         }],
-        radioOptions: ['All Weeks', 'Custom Range']
+        radioOptions: [`All ${title}`, 'Custom Range']
       };
       return /*#__PURE__*/React__default["default"].createElement(RangePop, {
         menuName: title,
@@ -41669,7 +41663,8 @@ const TableHeader = ({
             [key]: data
           }));
           setVisibleFilterPopWrapper(null);
-        }
+        },
+        onCancel: () => setVisibleFilterPopWrapper(null)
       });
     } else {
       // Check if this column has an active filter (not in default state)