sag_components 2.0.0-beta123 → 2.0.0-beta124

package/dist/index.esm.js

@@ -11986,13 +11986,16 @@ const Td$1 = styled.td`
 `;
 const Tr = styled.tr`
   border-bottom: 1px solid #f3f4f6;
-  ${({
-  enableHover,
-  selectHoverColor
-}) => enableHover && `&:hover {
+  ${_ref => {
+  let {
+    enableHover,
+    selectHoverColor
+  } = _ref;
+  return enableHover && `&:hover {
       background-color: ${selectHoverColor};
       cursor: pointer;
-    }`}
+    }`;
+}}
 `;
 const InfoText = styled.div`
   font-weight: 400;
@@ -41580,9 +41583,13 @@ const VendorSelectionContainer = styled(Card)`
   overflow: hidden;
   font-family: 'Poppins', sans-serif;
 `;
+const VendorHeader$1 = styled.div`
+  padding: 12px 16px 20px;
+  text-align: left;
+  color: #212121;
+`;
 const VendorSelectionTitle = styled.h5`
   text-align: left; 
-  color: #212121;
   margin: 0 0 16px;
   font-size: 18px;
   padding-left: 6px;
@@ -41590,14 +41597,9 @@ const VendorSelectionTitle = styled.h5`
 `;
 const VendorBackTitle = styled.span`
   margin-left: 4px;
-  color: #212121;
   font-size: 16px;
   font-weight: 400;
 `;
-const VendorHeader$1 = styled.div`
-  padding: 12px 16px 20px;
-  text-align: left;
-`;
 const VendorRoute = styled.div`
   display: flex;
   align-items: center;
@@ -41609,7 +41611,6 @@ const VendorBackButton = styled.button`
   border: none;
   background: none;
   font-size: 22px;
-  color: #212121;
   cursor: pointer;
 `;
 const VendorSearch = styled.input`
@@ -41623,7 +41624,7 @@ const VendorSearch = styled.input`
   outline: none;
 `;
 const VendorSearchResult = styled.span`
-  color: #212121;
+  display: block;
   font-size: 16px;
   font-weight: 400;
   height: 20px;
@@ -41739,10 +41740,10 @@ 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) => /*#__PURE__*/React$1.createElement(VendorItem, {
+    key: idx,
     onClick: e => {
       if (onVendorClick) onVendorClick(item);
-    },
-    key: idx
+    }
   }, /*#__PURE__*/React$1.createElement(VendorNameAndPackagesContainer, null, /*#__PURE__*/React$1.createElement(VendorName$1, null, highlightMatch(item.name, searchLower)), item.packages && /*#__PURE__*/React$1.createElement(VendorPackages, null, `0/${item.packages.length} Packages Sent`)), /*#__PURE__*/React$1.createElement(VendorChevron, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null)))))));
 };
 
@@ -42145,8 +42146,7 @@ const NewSubitem = ({
   packageObject,
   vendor,
   onBack,
-  addNewPackage,
-  linkColor
+  addNewPackage
 }) => {
   const [negotiatedBrands, setNegotiatedBrands] = useState("");
   const [negotiatedComponent, setNegotiatedComponent] = useState("Scale");
@@ -42167,7 +42167,8 @@ const NewSubitem = ({
     rightIcon: "none",
     size: "small",
     text: "Cancel",
-    type: "secondary"
+    type: "secondary",
+    borderRadius: "8px"
   }), /*#__PURE__*/React$1.createElement(Button$1, {
     leftIcon: "none",
     onClick: () => {
@@ -42178,8 +42179,11 @@ const NewSubitem = ({
     disabled: !isApplyEnabled,
     text: "Apply",
     type: "primary",
-    backgroundColor: linkColor,
-    hoverTextColor: "#212121"
+    borderRadius: "8px",
+    borderColor: "#066768",
+    backgroundColor: "#066768",
+    hoverBackgroundColor: "#388586",
+    hoverBorderColor: "#388586"
   })), /*#__PURE__*/React$1.createElement(Divider, null), /*#__PURE__*/React$1.createElement("form", null, /*#__PURE__*/React$1.createElement(NegotiatedContainer, null, /*#__PURE__*/React$1.createElement(AddNegotiatedBrand, null, "Add Negotiated Brand/s ", /*#__PURE__*/React$1.createElement("span", {
     style: {
       color: "red"
@@ -51051,7 +51055,9 @@ const ItemManagerPanel = _ref => {
       onClick: e => {
         handleVendorClick(item);
       }
-    }, /*#__PURE__*/React$1.createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React$1.createElement(VendorName$2, null, item.name), item.packages.length === 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, "No Packages"), item.packages.length > 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, item.packages.length, " Packages Sent")), /*#__PURE__*/React$1.createElement(VendorChevron$1, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React$1.createElement(Trash$1, {
+    }, /*#__PURE__*/React$1.createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React$1.createElement(VendorName$2, null, item.name), item.packages.length === 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, "No Packages"), item.packages.length > 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, item.packages.length, " Package", item.packages.length !== 1 ? 's' : '',
+    // Check if all packages have a status
+    item.packages.every(pkg => pkg.hasOwnProperty('status') && pkg.status != null && pkg.status !== undefined && pkg.status !== '') ? ' Sent' : '')), /*#__PURE__*/React$1.createElement(VendorChevron$1, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React$1.createElement(Trash$1, {
       className: "trash-icon",
       onClick: () => {
         onDeleteVendor(item);