sag_components 2.0.0-beta170 → 2.0.0-beta172

package/dist/index.esm.js

@@ -38713,9 +38713,7 @@ const ExpandedRow = styled.tr`
   }
 `;
 const ExpandedContent = styled.div`
-  padding: 16px;
   background-color: ${props => props.$expandedBackgroundColor || '#E6F0F0'};
-  border-left: 3px solid #e0e0e0;
   margin: 0;
   
   /* Ensure content doesn't interfere with table layout */
@@ -43364,11 +43362,13 @@ const NewItemList = ({
   // Helper to highlight matched portions
   const highlightMatch = (text, query) => {
     if (!query) return text;
-    const regex = new RegExp(`(${query})`, 'ig');
+    const regex = new RegExp(`(${query})`, "ig");
     return text.split(regex).map((part, i) => regex.test(part) ? /*#__PURE__*/React$1.createElement(MarkVendorName, {
       key: i
     }, part) : part);
   };
+  const hasValidStatus = pkg => pkg.hasOwnProperty("status") && pkg.status != null && pkg.status !== undefined && pkg.status !== "";
+  const draftPackages = pkg => pkg.status === 1;
   return /*#__PURE__*/React$1.createElement(VendorSelectionContainer, null, /*#__PURE__*/React$1.createElement(VendorHeader$1, {
     ref: headerRef
   }, /*#__PURE__*/React$1.createElement(VendorRoute, null, /*#__PURE__*/React$1.createElement(VendorBackButton, {
@@ -43380,15 +43380,31 @@ const NewItemList = ({
     onChange: e => setSearch(e.target.value)
   }), /*#__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 => {
-      // Always call onVendorClick - it will handle the conversion from null to []
-      if (onVendorClick) {
-        onVendorClick(item);
+  }, /*#__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) {
+      packagesLength = item.packages.length;
+      sentPackagesLength = item.packages.filter(pkg => hasValidStatus(pkg) && !draftPackages(pkg)).length;
+    }
+    return /*#__PURE__*/React$1.createElement(VendorItem, {
+      key: idx,
+      onClick: e => {
+        // Always call onVendorClick - it will handle the conversion from null to []
+        if (onVendorClick) {
+          onVendorClick(item);
+        }
       }
-    }
-  }, /*#__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)))))));
+    }, /*#__PURE__*/React$1.createElement(VendorNameAndPackagesContainer, null, /*#__PURE__*/React$1.createElement(VendorName$1, null, highlightMatch(item.name, searchLower)), packagesLength > 0 && /*#__PURE__*/React$1.createElement(VendorPackages, null, (() => {
+      const noPackagesSent = sentPackagesLength === 0;
+      if (noPackagesSent) {
+        return `0/${packagesLength} Packages Sent`;
+      } else {
+        return `${sentPackagesLength}/${packagesLength} Packages Sent`;
+      }
+    })())), /*#__PURE__*/React$1.createElement(VendorChevron, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null)));
+  }))));
 };
 
 const NewSubitemContainer$1 = styled(Card)`
@@ -43544,7 +43560,7 @@ const Chevron = styled.div`
   align-items: center;
   display: flex;
 `;
-const Trash = styled.div`
+styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -43595,12 +43611,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]);
-
   return /*#__PURE__*/React$1.createElement(NewSubitemContainer$1, null, /*#__PURE__*/React$1.createElement(Header$1, null, /*#__PURE__*/React$1.createElement(BackButton$1, {
     onClick: onBack
   }, /*#__PURE__*/React$1.createElement(ArrowLeftIcon, null)), /*#__PURE__*/React$1.createElement(BackTitle$1, null, "All Vendors")), /*#__PURE__*/React$1.createElement(SelectionTitle$1, null, vendor.name), /*#__PURE__*/React$1.createElement(AddButtonContainer, null, /*#__PURE__*/React$1.createElement(LinkButton, {
@@ -43617,20 +43627,23 @@ const NewSubitemList = props => {
     onClick: e => {
       handleEditExistingPackage(item);
     }
-  }, item.brands && /*#__PURE__*/React$1.createElement(Title$2, null, item.brands), item.component && /*#__PURE__*/React$1.createElement(ComponentContainer, null, item.component[0]), /*#__PURE__*/React$1.createElement(Chevron, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React$1.createElement(Trash, {
+  }, item.brands && /*#__PURE__*/React$1.createElement(Title$2, null, item.brands), item.component && /*#__PURE__*/React$1.createElement(ComponentContainer, null, item.component[0]), /*#__PURE__*/React$1.createElement(Chevron, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), item.status && Number(item.status) > 1 ? /*#__PURE__*/React$1.createElement(DisabledTrashIconWrapper, {
+    className: "trash-icon-disabled"
+
+    // ref={(el) => setupTooltip(el, trashTooltipText)}
+  }, /*#__PURE__*/React$1.createElement(DisabledTrashIcon, {
+    width: "22",
+    height: "22"
+  })) : /*#__PURE__*/React$1.createElement(TrashIconWrapper, {
     className: "trash-icon",
     onClick: e => {
+      e.stopPropagation();
       onDeletePackage(item);
     }
-  }, /*#__PURE__*/React$1.createElement("svg", {
+  }, /*#__PURE__*/React$1.createElement(TrashIcon, {
     width: "14",
-    height: "18",
-    viewBox: "0 0 14 18",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React$1.createElement("path", {
-    d: "M1 16C1 17.1 1.9 18 3 18H11C12.1 18 13 17.1 13 16V4H1V16ZM14 1H10.5L9.5 0H4.5L3.5 1H0V3H14V1Z"
-  })))))));
+    height: "18"
+  }))))));
 };
 
 const NewSubitemContainer = styled(Card)`
@@ -52774,9 +52787,9 @@ const ItemManagerPanel = _ref => {
       }, /*#__PURE__*/React$1.createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React$1.createElement(VendorName$2, null, item.name), packagesLength === 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, "No Packages"), packagesLength > 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, (() => {
         const noPackagesSent = sentPackagesLength === 0;
         if (noPackagesSent) {
-          return `0/${packagesLength} sent`;
+          return `0/${packagesLength} Packages Sent`;
         } else {
-          return `${sentPackagesLength}/${packagesLength} sent`;
+          return `${sentPackagesLength}/${packagesLength} Packages Sent`;
         }
       })())), /*#__PURE__*/React$1.createElement(VendorChevron$1, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), sentPackagesLength > 0 ? /*#__PURE__*/React$1.createElement(DisabledTrashIconWrapper, {
         className: "trash-icon-disabled",