sag_components 2.0.0-beta135 → 2.0.0-beta137

package/dist/index.esm.js

@@ -38206,6 +38206,18 @@ const TableBody = /*#__PURE__*/forwardRef(({
     }, formattedValue);
   }))));
 });
+TableBody.propTypes = {
+  columns: PropTypes.array.isRequired,
+  data: PropTypes.array.isRequired,
+  onRowClick: PropTypes.func,
+  onSendClick: PropTypes.func,
+  buttonColor: PropTypes.string,
+  onDeleteClick: PropTypes.func,
+  resetFocus: PropTypes.bool,
+  onFocusChange: PropTypes.func,
+  indexToShimmer: PropTypes.number
+};
+TableBody.displayName = 'TableBody';
 
 var nm$1 = "calendar_lottie";
 var ddd$1 = 0;
@@ -41642,6 +41654,7 @@ const VendorName$2 = styled.div`
   color: #212121;
   font-size: 16px;
   font-weight: 500;
+  text-align: left;
 `;
 styled.div`
   color: #b0b0b0;
@@ -41659,7 +41672,8 @@ const VendorNameAndPackagesContainer$1 = styled.div`
   align-items: flex-start;
 `;
 const DotContainer = styled.div`
-  display: flex;
+  text-align: center;
+  margin-top: 10px;
   width: 40px;
   height: 100%;
 `;
@@ -41886,7 +41900,10 @@ const NewItemList = ({
   }, /*#__PURE__*/React$1.createElement(VendorList$1, null, filteredItems.map((item, idx) => /*#__PURE__*/React$1.createElement(VendorItem, {
     key: idx,
     onClick: e => {
-      if (onVendorClick) onVendorClick(item);
+      // 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)))))));
 };
@@ -51008,6 +51025,10 @@ const ItemManagerPanel = _ref => {
   const [isEditingExisting, setIsEditingExisting] = useState(false);
   const [headerHeight, setHeaderHeight] = useState(0);
   const headerRef = useRef(null);
+  useEffect(() => {
+    console.log("Screen changed to:", screen);
+    console.log("Selected Vendor:", selectedVendor);
+  }, [screen, selectedVendor]);
   useEffect(() => {
     if (headerRef.current) {
       setHeaderHeight(headerRef.current.offsetHeight);
@@ -51017,7 +51038,11 @@ const ItemManagerPanel = _ref => {
     return itemAndPackage.some(item => item.packages !== null && Array.isArray(item.packages) && item.packages.length > 0);
   };
   const handleVendorClick = vendor => {
-    setSelectedVendor(vendor);
+    const modifiedVendor = {
+      ...vendor,
+      packages: vendor.packages || []
+    };
+    setSelectedVendor(modifiedVendor);
     setScreen("subitem");
   };
   const addNewPackage = (vendorName, packageName, component) => {
@@ -51076,12 +51101,18 @@ const ItemManagerPanel = _ref => {
   };
   const hasUnisentPackages = useMemo(() => {
     return itemAndPackage.some(vendor => {
+      // In edit mode, treat packages: null as unsent
+      if (editMode && vendor.packages === null) {
+        return true; // This vendor has unsent items
+      }
+
+      // Original logic for other cases
       if (vendor.packages === null || !Array.isArray(vendor.packages)) {
         return false;
       }
       return vendor.packages.some(pkg => !pkg.hasOwnProperty('status') || pkg.status == null || pkg.status === undefined || pkg.status === '');
     });
-  }, [itemAndPackage]);
+  }, [itemAndPackage, editMode]);
   const actuallyAllFormsSent = AllFormsSent && !hasUnisentPackages;
   useEffect(() => {
     if (screen === "success" && onSendForms) {
@@ -51100,16 +51131,25 @@ const ItemManagerPanel = _ref => {
       setItemAndPackage: setItemAndPackage,
       vendor: selectedVendor,
       itemAndPackage: itemAndPackage,
-      onBack: () => setScreen("initial"),
+      onBack: () => {
+        // Check if selected vendor originally had packages: null
+        const currentVendor = itemAndPackage.find(v => v.name === selectedVendor.name);
+        if (currentVendor && currentVendor.packages === null) {
+          // User visited vendor but didn't add packages - convert to empty array to show red dot
+          setItemAndPackage(prev => prev.map(item => item.name === selectedVendor.name ? {
+            ...item,
+            packages: []
+          } : item));
+        }
+        setScreen("initial");
+      },
       onTrashClick: () => onDeleteInner(selectedVendor),
       handleSubitemDetail: function () {
         let pkg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
         if (pkg) {
-          // Editing existing package
           setSelectedPackage(pkg);
           setIsEditingExisting(true);
         } else {
-          // Adding new package
           setSelectedPackage(null);
           setIsEditingExisting(false);
         }
@@ -51208,22 +51248,28 @@ const ItemManagerPanel = _ref => {
     }))), /*#__PURE__*/React$1.createElement(VendorListWrapper$2, {
       disabled: disableSection,
       headerHeight: headerHeight
-    }, /*#__PURE__*/React$1.createElement(VendorList$2, null, itemAndPackage.filter(item => item.packages !== null).map((item, idx) => /*#__PURE__*/React$1.createElement(VendorItem$1, {
+    }, /*#__PURE__*/React$1.createElement(VendorList$2, null, itemAndPackage.filter(item => {
+      // In edit mode, show vendors with packages: null as well
+      if (editMode && item.packages === null) {
+        return true;
+      }
+      // Original logic: show only vendors with packages !== null
+      return item.packages !== null;
+    }).map((item, idx) => /*#__PURE__*/React$1.createElement(VendorItem$1, {
       key: idx
-    }, /*#__PURE__*/React$1.createElement(DotContainer, null, item.packages.length === 0 && /*#__PURE__*/React$1.createElement(RedDot, null)), /*#__PURE__*/React$1.createElement(LineContainer, {
+    }, /*#__PURE__*/React$1.createElement(DotContainer, null, item.packages === null && editMode || Array.isArray(item.packages) && item.packages.length === 0 ? /*#__PURE__*/React$1.createElement(RedDot, null) : null), /*#__PURE__*/React$1.createElement(LineContainer, {
       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, (() => {
-      const packagesWithStatus = item.packages.filter(pkg => pkg.hasOwnProperty('status') && pkg.status != null && pkg.status !== undefined && pkg.status !== '');
-      const allHaveStatus = packagesWithStatus.length === item.packages.length;
-      const noneHaveStatus = packagesWithStatus.length === 0;
-      if (noneHaveStatus) {
-        return 'No Packages sent';
-      } else if (allHaveStatus) {
-        return `${item.packages.length} Package${item.packages.length !== 1 ? 's' : ''} Sent`;
+    }, /*#__PURE__*/React$1.createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React$1.createElement(VendorName$2, null, item.name), editMode && item.packages === null && /*#__PURE__*/React$1.createElement(Subtitle$1, null, "Not configured"), Array.isArray(item.packages) && item.packages.length === 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, "No Packages"), Array.isArray(item.packages) && item.packages.length > 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, (() => {
+      const packagesWithStatus = item.packages.filter(pkg => pkg.hasOwnProperty('status') && pkg.status != null && pkg.status !== undefined && pkg.status !== '' && pkg.status !== 1);
+      const string = `Package${item.packages.length > 1 ? 's' : ''} sent`;
+      if (packagesWithStatus.length === 0) {
+        return `0/${item.packages.length} ${string}`;
+      } else if (packagesWithStatus.length === item.packages.length) {
+        return `${item.packages.length}/${item.packages.length} ${string}`;
       } else {
-        return `${item.packages.length} Package${item.packages.length !== 1 ? 's' : ''}`;
+        return `${packagesWithStatus.length}/${item.packages.length} ${string}`;
       }
     })())), /*#__PURE__*/React$1.createElement(VendorChevron$1, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React$1.createElement(Trash$1, {
       className: "trash-icon",