sag_components 2.0.0-beta215 → 2.0.0-beta217

package/dist/index.esm.js

@@ -10580,24 +10580,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('');
@@ -11039,23 +11038,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('');
@@ -24166,22 +24164,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("");
@@ -24638,26 +24635,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('');
@@ -36141,9 +36137,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 {
@@ -38755,6 +38751,7 @@ const TableHeader = ({
   const showColumnFilter = column => {
     const {
       key,
+      doubleColumn,
       title,
       filterOptions,
       freeTextFilter,
@@ -38771,7 +38768,12 @@ const TableHeader = ({
         inputType: "text",
         placeholder: column.key === 'EventCode' ? 'Enter Event ID' : 'Search..',
         fieldHeight: "40px",
-        onTyping: () => {},
+        onTyping: value => {
+          setFilterState(prev => ({
+            ...prev,
+            [key]: value
+          }));
+        },
         onReset: () => {
           setFilterState(prev => ({
             ...prev,
@@ -38814,6 +38816,7 @@ const TableHeader = ({
         color: "#066768",
         isAsc: true,
         list: filterOptions,
+        doubleColumn: doubleColumn,
         menuName: title,
         selectedAttributes: filterSelections[key] || {},
         onCheck: event => handleFilterSelectionChange(key, event),
@@ -40197,7 +40200,7 @@ const TableBody = /*#__PURE__*/forwardRef(({
 
   // Handle shimmer effect changes
   useEffect(() => {
-    if (indexToShimmer >= 0 && indexToShimmer !== shimmerRowIndex) {
+    if (indexToShimmer >= 0) {
       setShimmerRowIndex(indexToShimmer);
       setShimmerStartTime(Date.now());
 
@@ -40207,8 +40210,11 @@ const TableBody = /*#__PURE__*/forwardRef(({
         setShimmerStartTime(null);
       }, 5000);
       return () => clearTimeout(timeout);
+    } else if (indexToShimmer === -1) {
+      setShimmerRowIndex(-1);
+      setShimmerStartTime(null);
     }
-  }, [indexToShimmer, shimmerRowIndex]);
+  }, [indexToShimmer]);
 
   // Expose methods to parent component via ref
   useImperativeHandle(ref, () => ({
@@ -40802,7 +40808,7 @@ const TableBody = /*#__PURE__*/forwardRef(({
       key: row.id || `row-${rowIndex}`
     }, /*#__PURE__*/React$1.createElement(TableRow, {
       "data-row-index": rowIndex,
-      className: indexToShimmer === rowIndex ? "shimmer-row" : "",
+      className: shimmerRowIndex === rowIndex ? "shimmer-row" : "",
       isFocused: focusedRowIndex === rowIndex,
       selectedColor: selectedColor,
       onMouseEnter: () => setHoveredRowIndex(rowIndex),
@@ -45534,7 +45540,8 @@ const NewSubitem = ({
   onBack,
   addNewPackage,
   updateExistingPackage,
-  componentText = "Scale"
+  componentText = "Scale",
+  itemAndPackage
 }) => {
   const [negotiatedBrands, setNegotiatedBrands] = useState("");
   const [negotiatedComponent, setNegotiatedComponent] = useState(componentText);
@@ -45549,7 +45556,9 @@ const NewSubitem = ({
   }, [packageObject]);
   useEffect(() => {
     if (packageObject && packageObject.brands === negotiatedBrands) return;
-    setIsPackageDuplicated(vendor.packages.some(pkg => pkg.brands === negotiatedBrands));
+    setIsPackageDuplicated(itemAndPackage.some(obj => {
+      obj.name === vendor && obj.packages.some(pkg => pkg.brands === negotiatedBrands);
+    }));
     setIsApplyEnabled(negotiatedBrands.trim().length > 2 && vendor.packages.some(pkg => pkg.brands === negotiatedBrands) === false);
   }, [negotiatedBrands]);
   return /*#__PURE__*/React$1.createElement(NewSubitemContainer, null, /*#__PURE__*/React$1.createElement(Header, null, /*#__PURE__*/React$1.createElement(BackButton, {