sag_components 2.0.0-beta244 → 2.0.0-beta245

package/dist/index.esm.js

@@ -9453,26 +9453,27 @@ const IconContainer$4 = styled.div`
   cursor:  pointer;  
 `;
 
-const DropdownMultiNew = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  withMarginBottom = true,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  orderBy,
-  elementType
-}) => {
+const DropdownMultiNew = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    withMarginBottom = true,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    orderBy,
+    elementType
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [showAbove, setShowAbove] = useState(false);
@@ -35223,6 +35224,7 @@ const WeeksPicker = _ref => {
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [showAbove, setShowAbove] = useState(false);
+  const [previousText, setPreviousText] = useState(text);
 
   // Function to parse the value string and extract week numbers
   const parseValueToWeeks = valueString => {
@@ -35230,27 +35232,23 @@ const WeeksPicker = _ref => {
       startWeek: null,
       endWeek: null
     };
-
-    // Handle single week: "Week 5"
-    const singleWeekMatch = valueString.match(/^Week (\d+)$/);
-    if (singleWeekMatch) {
-      const week = parseInt(singleWeekMatch[1]);
-      return {
-        startWeek: week,
-        endWeek: week
-      };
-    }
-
-    // Handle week range: "Weeks 5 - 10"
-    const rangeMatch = valueString.match(/^Weeks (\d+) - (\d+)$/);
+    const rangeMatch = valueString.match(/^(.+?)\s*(\d+)\s*-\s*(\d+)$/);
     if (rangeMatch) {
-      const startWeek = parseInt(rangeMatch[1]);
-      const endWeek = parseInt(rangeMatch[2]);
+      const startWeek = parseInt(rangeMatch[2]);
+      const endWeek = parseInt(rangeMatch[3]);
       return {
         startWeek,
         endWeek
       };
     }
+    const singleMatch = valueString.match(/^(.+?)\s*(\d+)$/);
+    if (singleMatch) {
+      const week = parseInt(singleMatch[2]);
+      return {
+        startWeek: week,
+        endWeek: week
+      };
+    }
     return {
       startWeek: null,
       endWeek: null
@@ -35324,6 +35322,22 @@ const WeeksPicker = _ref => {
       }
     }
   }, [allowedWeekRange, restrictToRange]);
+  useEffect(() => {
+    if (previousText !== text && value) {
+      const {
+        startWeek,
+        endWeek
+      } = parseValueToWeeks(value);
+      if (startWeek && endWeek) {
+        const newValue = endWeek === startWeek ? text === 'Week' ? `${text} ${startWeek}` : `${text}${startWeek}` : text === 'Week' ? `${text}s ${startWeek} - ${endWeek}` : `${text}${startWeek} - ${endWeek}`;
+        setValue(newValue);
+        if (onChange) {
+          onChange(newValue);
+        }
+      }
+      setPreviousText(text);
+    }
+  }, [text, value, previousText, onChange]);
   const handleToggle = () => {
     setIsOpen(!isOpen);
   };
@@ -48191,9 +48205,7 @@ const NewSubitem = ({
   }, [packageObject]);
   useEffect(() => {
     if (packageObject && packageObject.brands === negotiatedBrands) return;
-    setIsPackageDuplicated(itemAndPackage.some(obj => {
-      obj.name === vendor && obj.packages.some(pkg => pkg.brands === negotiatedBrands);
-    }));
+    setIsPackageDuplicated(vendor.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, {
@@ -57743,6 +57755,8 @@ const OverlayDropdown = _ref => {
   const [hoveredText, setHoveredText] = useState(null);
   const [templateDialog, setTemplateDialog] = useState(null);
   const [dropdownPosition, setDropdownPosition] = useState("below");
+  const [selected, setSelected] = useState("");
+  const [hasValue, setHasValue] = useState(false);
   const [lastDefinedGroup, setLastDefinedGroup] = useState(data.find(group => group.overlayCode === "last_defined"));
   const buttonRef = useRef(null);
   const dropdownRef = useRef(null);
@@ -57799,8 +57813,10 @@ const OverlayDropdown = _ref => {
     }
     return null;
   };
-  const selected = findSelectedItem();
-  const hasValue = !!selected;
+  useEffect(() => {
+    setSelected(findSelectedItem());
+    setHasValue(!!findSelectedItem());
+  }, [value]);
   const getTemplateParams = label => {
     if (!label) return [];