sag_components 2.0.0-beta118 → 2.0.0-beta119

package/dist/index.js

@@ -41479,12 +41479,15 @@ styled__default["default"].input`
   font-size: 15px;
   outline: none;
 `;
-const VendorList$2 = styled__default["default"].div`
-  flex: 1;
-  overflow-y: auto;
-  padding: 0 0 8px 0;
+const VendorListWrapper$2 = styled__default["default"].div`
+  height: calc(100% - ${props => props.headerHeight}px);
+  background: #fff;
+  width: 100%;
+  overflow: auto;
   border-radius: 0 0 8px 8px;
 `;
+const VendorList$2 = styled__default["default"].div`
+`;
 const VendorItem$1 = styled__default["default"].div`
   display: flex;
   align-items: center;
@@ -41641,13 +41644,15 @@ const VendorNameAndPackagesContainer = styled__default["default"].div`
   margin-left: 52px;
   flex-direction: column;
 `;
-const VendorList$1 = styled__default["default"].div`
+const VendorListWrapper$1 = styled__default["default"].div`
   height: calc(100% - ${props => props.headerHeight}px);
-  overflow-y: auto;
   background: #fff;
   width: 100%;
+  overflow: auto;
   border-radius: 0 0 8px 8px;
 `;
+const VendorList$1 = styled__default["default"].div`
+`;
 const VendorItem = styled__default["default"].div`
   display: flex;
   align-items: center;
@@ -41742,14 +41747,14 @@ const NewItemList = ({
     placeholder: "Search",
     value: search,
     onChange: e => setSearch(e.target.value)
-  }), /*#__PURE__*/React__default["default"].createElement(VendorSearchResult, null, search !== "" ? `${filteredItems.length === 0 ? "No" : filteredItems.length} Vendors Found` : " ")), /*#__PURE__*/React__default["default"].createElement(VendorList$1, {
+  }), /*#__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
-  }, filteredItems.map((item, idx) => /*#__PURE__*/React__default["default"].createElement(VendorItem, {
+  }, /*#__PURE__*/React__default["default"].createElement(VendorList$1, null, filteredItems.map((item, idx) => /*#__PURE__*/React__default["default"].createElement(VendorItem, {
     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))))));
+  }, /*#__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)))))));
 };
 
 const NewSubitemContainer$1 = styled__default["default"](Card)`
@@ -50852,6 +50857,13 @@ const ItemManagerPanel = _ref => {
   const [selectedVendor, setSelectedVendor] = React$1.useState(null);
   const [selectedPackage, setSelectedPackage] = React$1.useState(null);
   const [isEditingExisting, setIsEditingExisting] = React$1.useState(false);
+  const [headerHeight, setHeaderHeight] = React$1.useState(0);
+  const headerRef = React$1.useRef(null);
+  React$1.useEffect(() => {
+    if (headerRef.current) {
+      setHeaderHeight(headerRef.current.offsetHeight);
+    }
+  }, []);
   const handleVendorClick = vendor => {
     // console.log("Vendor clicked:", vendor);
     setSelectedVendor(vendor);
@@ -51036,7 +51048,9 @@ const ItemManagerPanel = _ref => {
       text: "First Vendor",
       type: "primary",
       textColor: linkColor
-    })), /*#__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(VendorListWrapper$2, {
+      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, {
       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, {
       onClick: e => {
@@ -51055,7 +51069,7 @@ const ItemManagerPanel = _ref => {
       xmlns: "http://www.w3.org/2000/svg"
     }, /*#__PURE__*/React__default["default"].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"
-    })))))));
+    }))))))));
   }
 };