sag_components 2.0.0-beta300 → 2.0.0-beta302

package/dist/index.js

@@ -10618,24 +10618,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('');
@@ -11077,23 +11076,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('');
@@ -24204,22 +24202,21 @@ const DeleteIcon = styled__default["default"].div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = _ref => {
-  let {
-    label,
-    hoverColor,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    disabled,
-    width,
-    error,
-    errorMessage,
-    xIconShow,
-    labelColor,
-    showLabelOnTop
-  } = _ref;
+const QuickFilterDropdownSingle = ({
+  label,
+  hoverColor,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  disabled,
+  width,
+  error,
+  errorMessage,
+  xIconShow,
+  labelColor,
+  showLabelOnTop
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
@@ -24671,26 +24668,25 @@ const IconContainer$2 = styled__default["default"].div`
   cursor:  pointer;
 `;
 
-const QuickFilterDropdownMultiSelection = _ref => {
-  let {
-    label,
-    labelEmptyValue,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    required,
-    disabled,
-    width,
-    height,
-    error,
-    errorMessage,
-    labelColor,
-    xIconShow,
-    checkBoxColor,
-    showLabelOnTop,
-    dropdownHeight
-  } = _ref;
+const QuickFilterDropdownMultiSelection = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  required,
+  disabled,
+  width,
+  height,
+  error,
+  errorMessage,
+  labelColor,
+  xIconShow,
+  checkBoxColor,
+  showLabelOnTop,
+  dropdownHeight
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -36230,9 +36226,9 @@ const ToggleSlider = styled__default["default"].span`
   }
 `;
 
-/**
- * ToggleSwitch component for on/off states.
- * Supports small/large sizes and disabled state.
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
  */
 function ToggleSwitch(_ref) {
   let {
@@ -37815,7 +37811,8 @@ const FilterPop = props => {
     showSearch = true,
     searchPlaceholder = "Search...",
     itemHeight = 32,
-    overscan = 5
+    overscan = 5,
+    hasActiveFilter = false // NEW: Indicates if this column has an active filter
   } = props;
   const [searchTerm, setSearchTerm] = React$1.useState("");
   const [selectedAttributes, setSelectedAttributes] = React$1.useState({});
@@ -38166,7 +38163,7 @@ const FilterPop = props => {
     }
   }, "Clear Search"), /*#__PURE__*/React__default["default"].createElement(ResetButton$1, {
     onClick: handleReset,
-    disabled: areAllNonAllItemsSelected() && selectedAttributes.All
+    disabled: !hasActiveFilter && areAllNonAllItemsSelected() && selectedAttributes.All
   }, "Reset")));
 };
 
@@ -41433,6 +41430,8 @@ const TableHeader = ({
         }
       });
     } else {
+      // Check if this column has an active filter (not in default state)
+      const hasActiveFilter = !isFilterInDefaultState(key);
       return /*#__PURE__*/React__default["default"].createElement(FilterPop, {
         width: "300px",
         height: "auto",
@@ -41442,6 +41441,7 @@ const TableHeader = ({
         doubleColumn: doubleColumn,
         menuName: title,
         selectedAttributes: filterSelections[key] || {},
+        hasActiveFilter: hasActiveFilter,
         onCheck: event => handleFilterSelectionChange(key, event),
         onReset: () => handleFilterReset(key)
       });
@@ -42966,6 +42966,9 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
   }, {
     status: "Cancelled",
     palette: ["#EBA6AF", "#8B1538"]
+  }, {
+    status: "Submitted",
+    palette: ["#B9D5D5", "#2F4F4F"]
   }],
   onCommentSave = () => {},
   commentTextLimit = 150,