sag_components 2.0.0-beta232 → 2.0.0-beta233

package/dist/index.esm.js

@@ -10581,24 +10581,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] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -11040,23 +11039,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] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -24167,22 +24165,21 @@ const DeleteIcon = styled.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] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -24639,26 +24636,25 @@ const IconContainer$2 = styled.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] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -36155,9 +36151,9 @@ const ToggleSlider = styled.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 {
@@ -38242,48 +38238,28 @@ const SortPop = props => {
     color = '#066768',
     onCheck = () => {},
     onReset = () => {},
-    selectedValue: externalSelectedValue = null // Accept external state
+    selectedValue: externalSelectedValue = null
   } = props;
-
-  // Use external state if provided, otherwise use internal state
   const [internalValue, setInternalValue] = useState(null);
   const value = externalSelectedValue !== null ? externalSelectedValue : internalValue;
   const setValue = externalSelectedValue !== null ? () => {} : setInternalValue;
-
-  // Initialize internal state from external state if provided
   useEffect(() => {
     if (externalSelectedValue !== null) {
       setInternalValue(externalSelectedValue);
     }
   }, [externalSelectedValue]);
   const handleReset = () => {
-    // console.log('SortPop Reset:', {
-    //     menuName,
-    //     previousValue: value,
-    //     newValue: null,
-    //     timestamp: new Date().toISOString()
-    // });
-
-    // Reset state (either internal or external)
     if (externalSelectedValue === null) {
       setValue(null);
     }
-
-    // Call the onReset callback
     onReset();
-
-    // Notify parent about the reset
     onCheck(null);
   };
   const handleChange = newValue => {
     const selectedItem = list.find(item => item.value === newValue.value);
-
-    // Update state (either internal or external)
     if (externalSelectedValue === null) {
       setValue(selectedItem);
     }
-
-    // Notify parent about the change
     onCheck(selectedItem);
   };
   useEffect(() => {
@@ -38294,17 +38270,18 @@ const SortPop = props => {
     height: height
   }, /*#__PURE__*/React$1.createElement(Title$3, null, menuName), /*#__PURE__*/React$1.createElement(DropdownList$1, {
     role: "listbox"
-  }, list.map(item => /*#__PURE__*/React$1.createElement(DropdownItem$1, {
-    key: item.value,
-    selected: item.value === value,
-    onClick: () => {
-      handleChange(item);
-    }
-  }, /*#__PURE__*/React$1.createElement(TruncatedText$1, null, item.label), item.value === value && /*#__PURE__*/React$1.createElement(Checkmark, {
-    color: color
-  }, "\u2713")))), /*#__PURE__*/React$1.createElement(ButtonWrapper$1, null, /*#__PURE__*/React$1.createElement(ResetButton, {
+  }, list.map(item => {
+    const isSelected = value && item.value === value.value;
+    return /*#__PURE__*/React$1.createElement(DropdownItem$1, {
+      key: item.value,
+      selected: isSelected,
+      onClick: () => handleChange(item)
+    }, /*#__PURE__*/React$1.createElement(TruncatedText$1, null, item.label), isSelected && /*#__PURE__*/React$1.createElement(Checkmark, {
+      color: color
+    }, "\u2713"));
+  })), /*#__PURE__*/React$1.createElement(ButtonWrapper$1, null, /*#__PURE__*/React$1.createElement(ResetButton, {
     onClick: handleReset,
-    disabled: value === null // Disable reset if no value is selected
+    disabled: value === null
   }, "Reset")));
 };