sag_components 2.0.0-beta123 → 2.0.0-beta124

package/dist/index.js

@@ -11996,13 +11996,16 @@ const Td$1 = styled__default["default"].td`
 `;
 const Tr = styled__default["default"].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__default["default"].div`
   font-weight: 400;
@@ -41590,9 +41593,13 @@ const VendorSelectionContainer = styled__default["default"](Card)`
   overflow: hidden;
   font-family: 'Poppins', sans-serif;
 `;
+const VendorHeader$1 = styled__default["default"].div`
+  padding: 12px 16px 20px;
+  text-align: left;
+  color: #212121;
+`;
 const VendorSelectionTitle = styled__default["default"].h5`
   text-align: left; 
-  color: #212121;
   margin: 0 0 16px;
   font-size: 18px;
   padding-left: 6px;
@@ -41600,14 +41607,9 @@ const VendorSelectionTitle = styled__default["default"].h5`
 `;
 const VendorBackTitle = styled__default["default"].span`
   margin-left: 4px;
-  color: #212121;
   font-size: 16px;
   font-weight: 400;
 `;
-const VendorHeader$1 = styled__default["default"].div`
-  padding: 12px 16px 20px;
-  text-align: left;
-`;
 const VendorRoute = styled__default["default"].div`
   display: flex;
   align-items: center;
@@ -41619,7 +41621,6 @@ const VendorBackButton = styled__default["default"].button`
   border: none;
   background: none;
   font-size: 22px;
-  color: #212121;
   cursor: pointer;
 `;
 const VendorSearch = styled__default["default"].input`
@@ -41633,7 +41634,7 @@ const VendorSearch = styled__default["default"].input`
   outline: none;
 `;
 const VendorSearchResult = styled__default["default"].span`
-  color: #212121;
+  display: block;
   font-size: 16px;
   font-weight: 400;
   height: 20px;
@@ -41749,10 +41750,10 @@ const NewItemList = ({
   }), /*#__PURE__*/React__default["default"].createElement(VendorSearchResult, null, search !== "" ? `${filteredItems.length === 0 ? "No" : filteredItems.length} Vendors Found` : " ")), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$1, {
     headerHeight: headerHeight
   }, /*#__PURE__*/React__default["default"].createElement(VendorList$1, null, filteredItems.map((item, idx) => /*#__PURE__*/React__default["default"].createElement(VendorItem, {
+    key: idx,
     onClick: e => {
       if (onVendorClick) onVendorClick(item);
-    },
-    key: idx
+    }
   }, /*#__PURE__*/React__default["default"].createElement(VendorNameAndPackagesContainer, null, /*#__PURE__*/React__default["default"].createElement(VendorName$1, null, highlightMatch(item.name, searchLower)), item.packages && /*#__PURE__*/React__default["default"].createElement(VendorPackages, null, `0/${item.packages.length} Packages Sent`)), /*#__PURE__*/React__default["default"].createElement(VendorChevron, null, /*#__PURE__*/React__default["default"].createElement(ArrowRightFullIcon, null)))))));
 };
 
@@ -42155,8 +42156,7 @@ const NewSubitem = ({
   packageObject,
   vendor,
   onBack,
-  addNewPackage,
-  linkColor
+  addNewPackage
 }) => {
   const [negotiatedBrands, setNegotiatedBrands] = React$1.useState("");
   const [negotiatedComponent, setNegotiatedComponent] = React$1.useState("Scale");
@@ -42177,7 +42177,8 @@ const NewSubitem = ({
     rightIcon: "none",
     size: "small",
     text: "Cancel",
-    type: "secondary"
+    type: "secondary",
+    borderRadius: "8px"
   }), /*#__PURE__*/React__default["default"].createElement(Button$1, {
     leftIcon: "none",
     onClick: () => {
@@ -42188,8 +42189,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__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement(NegotiatedContainer, null, /*#__PURE__*/React__default["default"].createElement(AddNegotiatedBrand, null, "Add Negotiated Brand/s ", /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       color: "red"
@@ -51061,7 +51065,9 @@ const ItemManagerPanel = _ref => {
       onClick: e => {
         handleVendorClick(item);
       }
-    }, /*#__PURE__*/React__default["default"].createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React__default["default"].createElement(VendorName$2, null, item.name), item.packages.length === 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, "No Packages"), item.packages.length > 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, item.packages.length, " Packages Sent")), /*#__PURE__*/React__default["default"].createElement(VendorChevron$1, null, /*#__PURE__*/React__default["default"].createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React__default["default"].createElement(Trash$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React__default["default"].createElement(VendorName$2, null, item.name), item.packages.length === 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, "No Packages"), item.packages.length > 0 && /*#__PURE__*/React__default["default"].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__default["default"].createElement(VendorChevron$1, null, /*#__PURE__*/React__default["default"].createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React__default["default"].createElement(Trash$1, {
       className: "trash-icon",
       onClick: () => {
         onDeleteVendor(item);