sag_components 2.0.0-beta121 → 2.0.0-beta123

package/dist/index.js

@@ -11996,16 +11996,13 @@ const Td$1 = styled__default["default"].td`
 `;
 const Tr = styled__default["default"].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__default["default"].div`
   font-weight: 400;
@@ -23907,21 +23904,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("");
@@ -24318,23 +24316,24 @@ const IconContainer$2 = styled__default["default"].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] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -34444,11 +34443,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__default["default"].createElement(Button$1, {
     size: "medium",
     type: okButtonType,
@@ -34457,11 +34456,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__default["default"].createElement(ModalBody, {
     className: "modal-body"
   }, children)));
@@ -41366,6 +41365,8 @@ const Table = props => {
     leftIcon: "Plus",
     text: "New Event",
     borderRadius: "12px",
+    borderColor: sideButtonColor,
+    hoverBorderColor: sideButtonHoverColor,
     backgroundColor: sideButtonColor,
     hoverBackgroundColor: sideButtonHoverColor,
     onClick: onSideButtonClick
@@ -41392,6 +41393,8 @@ const Table = props => {
     leftIcon: "Plus",
     text: "New Event",
     borderRadius: "12px",
+    borderColor: buttonColor,
+    hoverBorderColor: buttonHoverColor,
     backgroundColor: buttonColor,
     hoverBackgroundColor: buttonHoverColor,
     onClick: onButtonClick
@@ -50861,8 +50864,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");
   };
@@ -51044,7 +51049,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__default["default"].createElement(VendorListWrapper$2, {