sag_components 2.0.0-beta152 → 2.0.0-beta154

package/dist/index.d.ts

@@ -1509,7 +1509,7 @@ declare function RangePop(props: any): react_jsx_runtime.JSX.Element;
 
 declare function SearchInput(props: any): react_jsx_runtime.JSX.Element;
 
-declare function ItemManagerPanel({ width, height, disableSection, onSendForms, editMode, disabledSendForms, AllFormsSent, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, buttonTooltipText, maxVisibleVendors }: {
+declare function ItemManagerPanel({ width, height, disableSection, onSendForms, editMode, disabledSendForms, AllFormsSent, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, buttonTooltipText, trashTooltipText, maxVisibleVendors }: {
     width?: string;
     height?: string;
     disableSection?: boolean;
@@ -1522,6 +1522,7 @@ declare function ItemManagerPanel({ width, height, disableSection, onSendForms,
     linkColor?: string;
     backgroundColor?: string;
     buttonTooltipText?: string;
+    trashTooltipText?: string;
     maxVisibleVendors?: number;
 }): react_jsx_runtime.JSX.Element;
 

package/dist/index.esm.js

@@ -3099,6 +3099,25 @@ const InfoIcon = _ref => {
   }));
 };
 
+const UploadIcon = _ref => {
+  let {
+    clicked,
+    color = '#757575',
+    width = '18',
+    height = '18'
+  } = _ref;
+  return /*#__PURE__*/React$1.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React$1.createElement("path", {
+    d: "M9.3125 1.65625C9.3125 1.30078 9.58594 1 9.96875 1H14.3164C14.6992 1 14.9727 1.30078 14.9727 1.65625V6.03125C14.9727 6.41406 14.6992 6.6875 14.3164 6.6875C13.9609 6.6875 13.6602 6.41406 13.6602 6.03125V3.24219L7.5625 9.33984C7.31641 9.61328 6.90625 9.61328 6.66016 9.33984C6.38672 9.09375 6.38672 8.68359 6.66016 8.41016L12.7578 2.3125H9.96875C9.58594 2.3125 9.3125 2.03906 9.3125 1.65625ZM2.96875 1.875H6.46875C6.82422 1.875 7.125 2.17578 7.125 2.53125C7.125 2.91406 6.82422 3.1875 6.46875 3.1875H2.96875C2.58594 3.1875 2.3125 3.48828 2.3125 3.84375V13.0312C2.3125 13.4141 2.58594 13.6875 2.96875 13.6875H12.1562C12.5117 13.6875 12.8125 13.4141 12.8125 13.0312V9.53125C12.8125 9.17578 13.0859 8.875 13.4688 8.875C13.8242 8.875 14.125 9.17578 14.125 9.53125V13.0312C14.125 14.125 13.2227 15 12.1562 15H2.96875C1.875 15 1 14.125 1 13.0312V3.84375C1 2.77734 1.875 1.875 2.96875 1.875Z",
+    fill: color
+  }));
+};
+
 const LinkButton = _ref => {
   let {
     text = '',
@@ -3252,6 +3271,14 @@ const LinkButton = _ref => {
           width: iconWidth,
           color: color
         }));
+      case 'upload':
+        return /*#__PURE__*/React$1.createElement(IconWrapper$4, {
+          className: "UploadIcon"
+        }, /*#__PURE__*/React$1.createElement(UploadIcon, {
+          height: iconHeight,
+          width: iconWidth,
+          color: color
+        }));
       default:
         return '';
     }
@@ -42679,6 +42706,10 @@ const CustomTooltip = styled(Tooltip$2)`
     &::before {
       left: 90%;
     }
+    ${props => props.trashIcon && `width: 150px;
+      white-space: normal;
+      max-height: 50px;
+      margin-top: 8px;`}
   }
 `;
 const Container$1 = styled.div`
@@ -42696,7 +42727,9 @@ const Trash$1 = styled.div`
   height: 24px;
   padding: 0 12px;
   cursor: pointer;
-
+  ${props => props.disabled && `opacity: 0.5;
+      pointer-events: none;
+      user-select: none;`};
   svg {
     pointer-events: none;
   }
@@ -52005,6 +52038,7 @@ const ItemManagerPanel = _ref => {
     linkColor = "#212121",
     backgroundColor = 'white',
     buttonTooltipText = "Please fill out all forms before sending.",
+    trashTooltipText = 'Package cannot be deleted since it has been sent to the vendor as a form.',
     maxVisibleVendors = 12
   } = _ref;
   const [screen, setScreen] = useState("initial");
@@ -52242,6 +52276,7 @@ const ItemManagerPanel = _ref => {
       headerHeight: headerHeight
     }, /*#__PURE__*/React$1.createElement(VendorList$2, null, itemAndPackage.filter(item => item.packages !== null).map((item, idx) => {
       const packagesLength = item.packages.length;
+      const sentPackagesLength = item.packages.filter(pkg => hasValidStatus(pkg) && !draftPackages(pkg)).length;
       return /*#__PURE__*/React$1.createElement(VendorItem$1, {
         key: idx
       }, /*#__PURE__*/React$1.createElement(DotContainer, null, packagesLength === 0 && /*#__PURE__*/React$1.createElement(RedDot, null)), /*#__PURE__*/React$1.createElement(LineContainer, {
@@ -52249,14 +52284,20 @@ const ItemManagerPanel = _ref => {
           handleVendorClick(item);
         }
       }, /*#__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 sentPackagesLength = item.packages.filter(pkg => hasValidStatus(pkg) && !draftPackages(pkg)).length;
         const noPackagesSent = sentPackagesLength === 0;
         if (noPackagesSent) {
           return `0/${packagesLength} sent`;
         } else {
           return `${sentPackagesLength}/${packagesLength} sent`;
         }
-      })())), /*#__PURE__*/React$1.createElement(VendorChevron$1, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React$1.createElement(Trash$1, {
+      })())), /*#__PURE__*/React$1.createElement(VendorChevron$1, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React$1.createElement(CustomTooltip, {
+        hideTooltip: !sentPackagesLength > 0,
+        content: trashTooltipText,
+        topFactor: 2,
+        direction: "left",
+        trashIcon: true
+      }, /*#__PURE__*/React$1.createElement(Trash$1, {
+        disabled: sentPackagesLength > 0,
         className: "trash-icon",
         onClick: () => {
           onDeleteVendor(item);
@@ -52269,7 +52310,7 @@ const ItemManagerPanel = _ref => {
         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"
-      }))));
+      })))));
     }))));
   }
 };