sag_components 2.0.0-beta121 → 2.0.0-beta123

package/dist/index.esm.js

@@ -11986,16 +11986,13 @@ const Td$1 = styled.td`
 `;
 const Tr = styled.tr`
   border-bottom: 1px solid #f3f4f6;
-  ${_ref => {
-  let {
-    enableHover,
-    selectHoverColor
-  } = _ref;
-  return enableHover && `&:hover {
+  ${({
+  enableHover,
+  selectHoverColor
+}) => enableHover && `&:hover {
       background-color: ${selectHoverColor};
       cursor: pointer;
-    }`;
-}}
+    }`}
 `;
 const InfoText = styled.div`
   font-weight: 400;
@@ -23897,21 +23894,22 @@ const DeleteIcon = styled.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] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -24308,23 +24306,24 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -34434,11 +34433,11 @@ const ModalWithOverlay = props => {
     disabled: disableOkButton,
     text: okButtonText,
     onClick: onOk,
+    hoverTextColor: "#ffffff",
     borderColor: okButtonColor,
     backgroundColor: okButtonColor,
     hoverBorderColor: okButtonHoverBackgroundColor,
-    hoverBackgroundColor: okButtonHoverBackgroundColor,
-    hoverTextColor: "#212121"
+    hoverBackgroundColor: okButtonHoverBackgroundColor
   })) : /*#__PURE__*/React$1.createElement(Button$1, {
     size: "medium",
     type: okButtonType,
@@ -34447,11 +34446,11 @@ const ModalWithOverlay = props => {
     disabled: disableOkButton,
     text: okButtonText,
     onClick: onOk,
+    hoverTextColor: "#ffffff",
     borderColor: okButtonColor,
     backgroundColor: okButtonColor,
     hoverBorderColor: okButtonHoverBackgroundColor,
-    hoverBackgroundColor: okButtonHoverBackgroundColor,
-    hoverTextColor: "#212121"
+    hoverBackgroundColor: okButtonHoverBackgroundColor
   })))), /*#__PURE__*/React$1.createElement(ModalBody, {
     className: "modal-body"
   }, children)));
@@ -41356,6 +41355,8 @@ const Table = props => {
     leftIcon: "Plus",
     text: "New Event",
     borderRadius: "12px",
+    borderColor: sideButtonColor,
+    hoverBorderColor: sideButtonHoverColor,
     backgroundColor: sideButtonColor,
     hoverBackgroundColor: sideButtonHoverColor,
     onClick: onSideButtonClick
@@ -41382,6 +41383,8 @@ const Table = props => {
     leftIcon: "Plus",
     text: "New Event",
     borderRadius: "12px",
+    borderColor: buttonColor,
+    hoverBorderColor: buttonHoverColor,
     backgroundColor: buttonColor,
     hoverBackgroundColor: buttonHoverColor,
     onClick: onButtonClick
@@ -50851,8 +50854,10 @@ const ItemManagerPanel = _ref => {
       setHeaderHeight(headerRef.current.offsetHeight);
     }
   }, []);
+  const hasVendorsWithPackages = () => {
+    return itemAndPackage.some(item => item.packages !== null && Array.isArray(item.packages) && item.packages.length > 0);
+  };
   const handleVendorClick = vendor => {
-    // console.log("Vendor clicked:", vendor);
     setSelectedVendor(vendor);
     setScreen("subitem");
   };
@@ -51034,7 +51039,7 @@ const ItemManagerPanel = _ref => {
       onClick: () => setScreen("list"),
       rightIcon: "none",
       size: "small",
-      text: "First Vendor",
+      text: hasVendorsWithPackages() ? "Add Vendor" : "First Vendor",
       type: "primary",
       textColor: linkColor
     }))), /*#__PURE__*/React$1.createElement(VendorListWrapper$2, {