sag_components 2.0.0-beta245 → 2.0.0-beta246

package/dist/index.js

@@ -9463,27 +9463,26 @@ const IconContainer$4 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-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 DropdownMultiNew = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  onChange,
+  required,
+  disabled,
+  width,
+  height,
+  withMarginBottom = true,
+  error,
+  errorMessage,
+  labelColor,
+  xIconShow,
+  checkBoxColor,
+  showLabelOnTop,
+  orderBy,
+  elementType
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
@@ -35333,21 +35332,26 @@ const WeeksPicker = _ref => {
     }
   }, [allowedWeekRange, restrictToRange]);
   React$1.useEffect(() => {
-    if (previousText !== text && value) {
+    if (previousText !== text) {
+      setPreviousText(text);
+    }
+    const currentValue = value || selectedValue;
+    if (currentValue) {
       const {
         startWeek,
         endWeek
-      } = parseValueToWeeks(value);
+      } = parseValueToWeeks(currentValue);
       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);
+        if (newValue !== value) {
+          setValue(newValue);
+          if (onChange) {
+            onChange(newValue);
+          }
         }
       }
-      setPreviousText(text);
     }
-  }, [text, value, previousText, onChange]);
+  }, [text, value, selectedValue, previousText, onChange]);
   const handleToggle = () => {
     setIsOpen(!isOpen);
   };
@@ -35368,11 +35372,6 @@ const WeeksPicker = _ref => {
     onChange(newValue);
     setValue(newValue);
   };
-  React$1.useEffect(() => {
-    if (selectedValue !== undefined) {
-      setValue(selectedValue);
-    }
-  }, [selectedValue]);
   const handleApply = () => {
     setIsOpen(false);
   };
@@ -36123,15 +36122,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;`;
@@ -36147,14 +36150,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;`;
@@ -36164,10 +36171,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":
@@ -48215,8 +48223,8 @@ const NewSubitem = ({
   }, [packageObject]);
   React$1.useEffect(() => {
     if (packageObject && packageObject.brands === negotiatedBrands) return;
-    setIsPackageDuplicated(vendor.packages.some(pkg => pkg.brands === negotiatedBrands));
-    setIsApplyEnabled(negotiatedBrands.trim().length > 2 && vendor.packages.some(pkg => pkg.brands === negotiatedBrands) === false);
+    setIsPackageDuplicated(itemAndPackage.some(obj => obj.name === vendor.name && obj.packages?.some(pkg => pkg.brands === negotiatedBrands)));
+    setIsApplyEnabled(negotiatedBrands.trim().length > 2 && !itemAndPackage.some(obj => obj.name === vendor.name && obj.packages?.some(pkg => pkg.brands === negotiatedBrands)));
   }, [negotiatedBrands]);
   return /*#__PURE__*/React__default["default"].createElement(NewSubitemContainer, null, /*#__PURE__*/React__default["default"].createElement(Header, null, /*#__PURE__*/React__default["default"].createElement(BackButton, {
     onClick: onBack