sag_components 2.0.0-beta247 → 2.0.0-beta249

package/dist/index.js

@@ -10591,23 +10591,24 @@ const QuarterPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const QuarterPicker = ({
-  availableQuarters,
-  // ["Q1-2024"]
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue,
-  startYear
-}) => {
+const QuarterPicker = _ref => {
+  let {
+    availableQuarters,
+    // ["Q1-2024"]
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue,
+    startYear
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -11049,22 +11050,23 @@ const MonthPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const MonthPicker = ({
-  availableMonths,
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue,
-  startYear
-}) => {
+const MonthPicker = _ref => {
+  let {
+    availableMonths,
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue,
+    startYear
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -24175,21 +24177,22 @@ const DeleteIcon = styled__default["default"].div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = ({
-  label,
-  hoverColor,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownSingle = _ref => {
+  let {
+    label,
+    hoverColor,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
@@ -24646,25 +24649,26 @@ const IconContainer$2 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  dropdownHeight
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    dropdownHeight
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -35205,7 +35209,6 @@ const WeeksPicker = _ref => {
     borderColor,
     borderColorFocus,
     textColor,
-    text = 'Week',
     hoverColor,
     required,
     placeholder,
@@ -35229,7 +35232,6 @@ const WeeksPicker = _ref => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
-  const [previousText, setPreviousText] = React$1.useState(text);
 
   // Function to parse the value string and extract week numbers
   const parseValueToWeeks = valueString => {
@@ -35237,21 +35239,25 @@ const WeeksPicker = _ref => {
       startWeek: null,
       endWeek: null
     };
-    const rangeMatch = valueString.match(/^(.+?)\s*(\d+)\s*-\s*(\d+)$/);
-    if (rangeMatch) {
-      const startWeek = parseInt(rangeMatch[2]);
-      const endWeek = parseInt(rangeMatch[3]);
+
+    // Handle single week: "Week 5"
+    const singleWeekMatch = valueString.match(/^Week (\d+)$/);
+    if (singleWeekMatch) {
+      const week = parseInt(singleWeekMatch[1]);
       return {
-        startWeek,
-        endWeek
+        startWeek: week,
+        endWeek: week
       };
     }
-    const singleMatch = valueString.match(/^(.+?)\s*(\d+)$/);
-    if (singleMatch) {
-      const week = parseInt(singleMatch[2]);
+
+    // Handle week range: "Weeks 5 - 10"
+    const rangeMatch = valueString.match(/^Weeks (\d+) - (\d+)$/);
+    if (rangeMatch) {
+      const startWeek = parseInt(rangeMatch[1]);
+      const endWeek = parseInt(rangeMatch[2]);
       return {
-        startWeek: week,
-        endWeek: week
+        startWeek,
+        endWeek
       };
     }
     return {
@@ -35327,27 +35333,6 @@ const WeeksPicker = _ref => {
       }
     }
   }, [allowedWeekRange, restrictToRange]);
-  React$1.useEffect(() => {
-    if (previousText !== text) {
-      setPreviousText(text);
-    }
-    const currentValue = value || selectedValue;
-    if (currentValue) {
-      const {
-        startWeek,
-        endWeek
-      } = parseValueToWeeks(currentValue);
-      if (startWeek && endWeek) {
-        const newValue = endWeek === startWeek ? text === 'Week' ? `${text} ${startWeek}` : `${text}${startWeek}` : text === 'Week' ? `${text}s ${startWeek} - ${endWeek}` : `${text}${startWeek} - ${endWeek}`;
-        if (newValue !== value) {
-          setValue(newValue);
-          if (onChange) {
-            onChange(newValue);
-          }
-        }
-      }
-    }
-  }, [text, value, selectedValue, previousText, onChange]);
   const handleToggle = () => {
     setIsOpen(!isOpen);
   };
@@ -35368,6 +35353,11 @@ const WeeksPicker = _ref => {
     onChange(newValue);
     setValue(newValue);
   };
+  React$1.useEffect(() => {
+    if (selectedValue !== undefined) {
+      setValue(selectedValue);
+    }
+  }, [selectedValue]);
   const handleApply = () => {
     setIsOpen(false);
   };
@@ -35451,7 +35441,7 @@ const WeeksPicker = _ref => {
         console.warn('Selected weeks are outside the allowed range');
         return;
       }
-      const tempValue = end === start ? text === 'Week' ? `${text} ${start}` : `${text}${start}` : text === 'Week' ? `${text}s ${start} - ${end}` : `${text}${start} - ${end}`;
+      const tempValue = end === start ? `Week ${start}` : `Weeks ${start} - ${end}`;
       onChange(tempValue);
       setValue(tempValue);
       handleApply();
@@ -36118,15 +36108,19 @@ const ToggleInput = styled__default["default"].input`
 const ToggleSlider = styled__default["default"].span`
   display: block;
   position: relative;
-  background: ${({
-  checked,
-  disabled
-}) => checked ? "#006d6a" : disabled ? "#B1B1B1" : "#D0D0D0"};
+  background: ${_ref => {
+  let {
+    checked,
+    disabled
+  } = _ref;
+  return checked ? "#006d6a" : disabled ? "#B1B1B1" : "#D0D0D0";
+}};
   border-radius: 999px;
   transition: background 0.2s;
-  ${({
-  size
-}) => {
+  ${_ref2 => {
+  let {
+    size
+  } = _ref2;
   switch (size) {
     case "s":
       return styled.css`width: 40px; height: 20px;`;
@@ -36142,14 +36136,18 @@ const ToggleSlider = styled__default["default"].span`
     left: 3px;
     top: 50%;
     transform: translateY(-50%);
-    background: ${({
-  disabled
-}) => disabled ? "#D0D0D0" : "#fff"};
+    background: ${_ref3 => {
+  let {
+    disabled
+  } = _ref3;
+  return disabled ? "#D0D0D0" : "#fff";
+}};
     border-radius: 50%;
     transition: left 0.2s, width 0.2s, height 0.2s;
-    ${({
-  size
-}) => {
+    ${_ref4 => {
+  let {
+    size
+  } = _ref4;
   switch (size) {
     case "s":
       return styled.css`width: 14px; height: 14px;`;
@@ -36159,10 +36157,11 @@ const ToggleSlider = styled__default["default"].span`
       return styled.css`width: 20px; height: 20px;`;
   }
 }}
-    left: ${({
-  checked,
-  size
-}) => {
+    left: ${_ref5 => {
+  let {
+    checked,
+    size
+  } = _ref5;
   if (!checked) return "3px";
   switch (size) {
     case "s":
@@ -36176,9 +36175,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 {
@@ -57669,6 +57668,7 @@ const OverlayDropdown = _ref => {
     placeHolder,
     labelColor,
     placeHolderColor,
+    textColorMenu = "black",
     margin = "8px",
     editableDigitalCoupon = false,
     dropdownDigitalCouponTitle = "",
@@ -57943,10 +57943,12 @@ const OverlayDropdown = _ref => {
   }, /*#__PURE__*/React__default["default"].createElement(TruncatedText, {
     onMouseEnter: () => setHoveredText(selected?.label),
     onMouseLeave: () => setHoveredText(null),
-    color: !selected && open ? placeHolderColor : "inherit"
+    color: !selected && open ? textColorMenu : "inherit"
   }, group.templateType === 3 && editableDigitalCoupon ? dropdownDigitalCouponTitle !== "" ? dropdownDigitalCouponTitle : item.label : item.label), group.templateType === 2 ? /*#__PURE__*/React__default["default"].createElement(ChervronRightIcon, {
     fill: item.value === value ? "#fff" : "#212121"
-  }) : group.templateType === 3 && editableDigitalCoupon ? /*#__PURE__*/React__default["default"].createElement(PenIcon, {
+  }) : group.templateType === 3 && editableDigitalCoupon ? dropdownDigitalCouponTitle === "" ? /*#__PURE__*/React__default["default"].createElement(ChervronRightIcon, {
+    fill: item.value === value ? "#fff" : "#212121"
+  }) : /*#__PURE__*/React__default["default"].createElement(PenIcon, {
     fill: item.value === value ? "#fff" : "#212121"
   }) : item.value === value && /*#__PURE__*/React__default["default"].createElement(OkIcon, {
     width: "22px",