sag_components 2.0.0-beta208 → 2.0.0-beta210

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("");
@@ -24578,24 +24575,23 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = _ref => {
-  let {
-    label,
-    labelEmptyValue,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    required,
-    disabled,
-    width,
-    error,
-    errorMessage,
-    labelColor,
-    xIconShow,
-    checkBoxColor,
-    showLabelOnTop
-  } = _ref;
+const QuickFilterDropdownMultiSelection = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  required,
+  disabled,
+  width,
+  error,
+  errorMessage,
+  labelColor,
+  xIconShow,
+  checkBoxColor,
+  showLabelOnTop
+}) => {
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -35971,12 +35967,9 @@ const ToggleSwitchLabel = styled.label`
   position: relative;
   cursor: pointer;
   user-select: none;
-  opacity: ${_ref => {
-  let {
-    disabled
-  } = _ref;
-  return disabled ? 0.5 : 1;
-}};
+  opacity: ${({
+  disabled
+}) => disabled ? 0.5 : 1};
 `;
 const ToggleInput = styled.input`
   display: none;
@@ -35984,19 +35977,15 @@ const ToggleInput = styled.input`
 const ToggleSlider = styled.span`
   display: block;
   position: relative;
-  background: ${_ref2 => {
-  let {
-    checked,
-    disabled
-  } = _ref2;
-  return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
-}};
+  background: ${({
+  checked,
+  disabled
+}) => checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc"};
   border-radius: 999px;
   transition: background 0.2s;
-  ${_ref3 => {
-  let {
-    size
-  } = _ref3;
+  ${({
+  size
+}) => {
   switch (size) {
     case "s":
       return css`width: 40px; height: 20px;`;
@@ -36015,10 +36004,9 @@ const ToggleSlider = styled.span`
     background: #fff;
     border-radius: 50%;
     transition: left 0.2s, width 0.2s, height 0.2s;
-    ${_ref4 => {
-  let {
-    size
-  } = _ref4;
+    ${({
+  size
+}) => {
   switch (size) {
     case "s":
       return css`width: 14px; height: 14px;`;
@@ -36028,11 +36016,10 @@ const ToggleSlider = styled.span`
       return css`width: 20px; height: 20px;`;
   }
 }}
-    left: ${_ref5 => {
-  let {
-    checked,
-    size
-  } = _ref5;
+    left: ${({
+  checked,
+  size
+}) => {
   if (!checked) return "3px";
   switch (size) {
     case "s":
@@ -36046,9 +36033,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 {
@@ -44816,7 +44803,6 @@ const NewItemList = ({
   }), /*#__PURE__*/React$1.createElement(VendorSearchResult, null, search !== "" ? `${filteredItems.length === 0 ? "No" : filteredItems.length} Vendors Found` : " ")), /*#__PURE__*/React$1.createElement(VendorListWrapper$1, {
     headerHeight: headerHeight
   }, /*#__PURE__*/React$1.createElement(VendorList$1, null, filteredItems.map((item, idx) => {
-    console.log("item", item);
     let packagesLength = 0;
     let sentPackagesLength = 0;
     if (item.packages !== null) {
@@ -45170,11 +45156,6 @@ const NewSubitemList = props => {
     setSelectedPackage(item);
     handleSubitemDetail(item); // Pass the package object for editing
   };
-
-  // useEffect(() => {
-  //   console.log("Vendor items updated:", vendorItems);
-  //   console.log("Props:", props);
-  // }, [vendorItems]);
   const setupTooltip = (el, tooltipText) => {
     if (el && tooltipText) {
       const rect = el.getBoundingClientRect();
@@ -45415,7 +45396,6 @@ const NewSubitem = ({
   // Form state
   const [isApplyEnabled, setIsApplyEnabled] = useState(negotiatedBrands.trim().length > 2);
   useEffect(() => {
-    console.log("packageObject", vendor);
     if (!packageObject) return;
     if (!packageObject.brands) return;
     setNegotiatedBrands(packageObject.brands);
@@ -47026,9 +47006,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0.1628,
-								0.9172,
-								0.7915,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -47283,9 +47263,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -47313,9 +47293,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -47696,9 +47676,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -47726,9 +47706,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -48109,9 +48089,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -48139,9 +48119,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -48522,9 +48502,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -48552,9 +48532,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -48935,9 +48915,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -48965,9 +48945,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -49348,9 +49328,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -49378,9 +49358,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -49761,9 +49741,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -49791,9 +49771,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -50174,9 +50154,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -50204,9 +50184,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -50587,9 +50567,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -50617,9 +50597,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -51000,9 +50980,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -51030,9 +51010,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -51413,9 +51393,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -51443,9 +51423,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -51826,9 +51806,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -51856,9 +51836,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -52239,9 +52219,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -52269,9 +52249,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -52652,9 +52632,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -52682,9 +52662,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -53065,9 +53045,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								0.6941,
-								0.5765,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -53095,9 +53075,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -53478,9 +53458,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -53508,9 +53488,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0,
-								1,
-								0.8333,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -53965,9 +53945,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								0.05,
-								0.95,
-								0.8,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 3
@@ -53995,9 +53975,9 @@ var layers = [
 						c: {
 							a: 0,
 							k: [
-								1,
-								1,
-								1,
+								0.03529411764705882,
+								0.403921568627451,
+								0.40784313725490196,
 								1
 							],
 							ix: 4
@@ -55308,7 +55288,7 @@ const ToasterMessageBox = _ref => {
     linkText = '',
     duration = 5,
     width = '500px',
-    icon = OkCircleIcon,
+    icon = 'ok',
     onLinkClick = () => {},
     onClose = () => {}
   } = _ref;