sag_components 2.0.0-beta136 → 2.0.0-beta137

package/dist/index.js

@@ -23913,21 +23913,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("");
@@ -41663,6 +41664,7 @@ const VendorName$2 = styled__default["default"].div`
   color: #212121;
   font-size: 16px;
   font-weight: 500;
+  text-align: left;
 `;
 styled__default["default"].div`
   color: #b0b0b0;
@@ -51109,12 +51111,18 @@ const ItemManagerPanel = _ref => {
   };
   const hasUnisentPackages = React$1.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;
   React$1.useEffect(() => {
     if (screen === "success" && onSendForms) {
@@ -51250,22 +51258,28 @@ const ItemManagerPanel = _ref => {
     }))), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$2, {
       disabled: disableSection,
       headerHeight: headerHeight
-    }, /*#__PURE__*/React__default["default"].createElement(VendorList$2, null, itemAndPackage.filter(item => item.packages !== null).map((item, idx) => /*#__PURE__*/React__default["default"].createElement(VendorItem$1, {
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement(VendorItem$1, {
       key: idx
-    }, /*#__PURE__*/React__default["default"].createElement(DotContainer, null, item.packages.length === 0 && /*#__PURE__*/React__default["default"].createElement(RedDot, null)), /*#__PURE__*/React__default["default"].createElement(LineContainer, {
+    }, /*#__PURE__*/React__default["default"].createElement(DotContainer, null, item.packages === null && editMode || Array.isArray(item.packages) && item.packages.length === 0 ? /*#__PURE__*/React__default["default"].createElement(RedDot, null) : null), /*#__PURE__*/React__default["default"].createElement(LineContainer, {
       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, (() => {
-      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 `0/${item.packages.length} sent`;
-      } else if (allHaveStatus) {
-        return `${item.packages.length}/${item.packages.length} sent`;
+    }, /*#__PURE__*/React__default["default"].createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React__default["default"].createElement(VendorName$2, null, item.name), editMode && item.packages === null && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, "Not configured"), Array.isArray(item.packages) && item.packages.length === 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, "No Packages"), Array.isArray(item.packages) && item.packages.length > 0 && /*#__PURE__*/React__default["default"].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 `${packagesWithStatus.length}/${item.packages.length} sent`;
+        return `${packagesWithStatus.length}/${item.packages.length} ${string}`;
       }
     })())), /*#__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",