sag_components 2.0.0-beta165 → 2.0.0-beta167

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, trashTooltipText, maxVisibleVendors }: {
+declare function ItemManagerPanel({ width, height, disableSection, onSendForms, editMode, disabledSendForms, AllFormsSent, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, buttonTooltipText, trashTooltipText, maxVisibleVendors, componentText }: {
     width?: string;
     height?: string;
     disableSection?: boolean;
@@ -1524,6 +1524,7 @@ declare function ItemManagerPanel({ width, height, disableSection, onSendForms,
     buttonTooltipText?: string;
     trashTooltipText?: string;
     maxVisibleVendors?: number;
+    componentText?: string;
 }): react_jsx_runtime.JSX.Element;
 
 /**
@@ -1534,7 +1535,7 @@ declare function ItemManagerPanel({ width, height, disableSection, onSendForms,
  * @param {React.ReactNode} props.children - Drawer content
  * @param {number} [props.widthPercent=70] - Width of the drawer as a percentage of the viewport width
  */
-declare function ModalDrawer({ open, onClose, children, widthPercent }: {
+declare function ModalDrawer({ open, height, onClose, children, widthPercent }: {
     open: boolean;
     onClose: Function;
     children: React.ReactNode;

package/dist/index.esm.js

@@ -35613,9 +35613,12 @@ const ToggleSwitchLabel = styled.label`
   position: relative;
   cursor: pointer;
   user-select: none;
-  opacity: ${({
-  disabled
-}) => disabled ? 0.5 : 1};
+  opacity: ${_ref => {
+  let {
+    disabled
+  } = _ref;
+  return disabled ? 0.5 : 1;
+}};
 `;
 const ToggleInput = styled.input`
   display: none;
@@ -35623,15 +35626,19 @@ const ToggleInput = styled.input`
 const ToggleSlider = styled.span`
   display: block;
   position: relative;
-  background: ${({
-  checked,
-  disabled
-}) => checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc"};
+  background: ${_ref2 => {
+  let {
+    checked,
+    disabled
+  } = _ref2;
+  return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
+}};
   border-radius: 999px;
   transition: background 0.2s;
-  ${({
-  size
-}) => {
+  ${_ref3 => {
+  let {
+    size
+  } = _ref3;
   switch (size) {
     case "s":
       return css`width: 40px; height: 20px;`;
@@ -35650,9 +35657,10 @@ const ToggleSlider = styled.span`
     background: #fff;
     border-radius: 50%;
     transition: left 0.2s, width 0.2s, height 0.2s;
-    ${({
-  size
-}) => {
+    ${_ref4 => {
+  let {
+    size
+  } = _ref4;
   switch (size) {
     case "s":
       return css`width: 14px; height: 14px;`;
@@ -35662,10 +35670,11 @@ const ToggleSlider = styled.span`
       return css`width: 20px; height: 20px;`;
   }
 }}
-    left: ${({
-  checked,
-  size
-}) => {
+    left: ${_ref5 => {
+  let {
+    checked,
+    size
+  } = _ref5;
   if (!checked) return "3px";
   switch (size) {
     case "s":
@@ -35679,9 +35688,9 @@ const ToggleSlider = styled.span`
   }
 `;
 
-/**
- * ToggleSwitch component for on/off states.
- * Supports small/large sizes and disabled state.
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
  */
 function ToggleSwitch(_ref) {
   let {
@@ -43787,10 +43796,11 @@ const NewSubitem = ({
   packageObject,
   vendor,
   onBack,
-  addNewPackage
+  addNewPackage,
+  componentText = "Scale"
 }) => {
   const [negotiatedBrands, setNegotiatedBrands] = useState("");
-  const [negotiatedComponent, setNegotiatedComponent] = useState("Scale");
+  const [negotiatedComponent, setNegotiatedComponent] = useState(componentText);
 
   // Form state
   const isApplyEnabled = negotiatedBrands.trim().length > 2;
@@ -52505,7 +52515,8 @@ const ItemManagerPanel = _ref => {
     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
+    maxVisibleVendors = 12,
+    componentText = "Scale"
   } = _ref;
   const [screen, setScreen] = useState("initial");
   const [selectedVendor, setSelectedVendor] = useState(null);
@@ -52701,7 +52712,8 @@ const ItemManagerPanel = _ref => {
       addNewPackage: addNewPackage,
       updateExistingPackage: updateExistingPackage,
       isEditingExisting: isEditingExisting,
-      onBack: () => setScreen("subitem")
+      onBack: () => setScreen("subitem"),
+      componentText: componentText
     }));
   }
   if (screen === "list") {
@@ -52801,7 +52813,8 @@ const Drawer = styled.div`
   top: 0;
   right: ${props => props.open ? '0' : `-${props.widthPercent || 70}%`};
   width: ${props => props.widthPercent ? `${props.widthPercent}%` : '70%'};
-  height: 100%;
+  height: ${props => props.height ? props.height : '100%'};
+
   background: #fff;
   z-index: 1001;
   transition: right 0.3s;
@@ -52837,6 +52850,7 @@ const CloseBtn = styled.button`
 function ModalDrawer(_ref) {
   let {
     open,
+    height,
     onClose,
     children,
     widthPercent = 70
@@ -52845,6 +52859,7 @@ function ModalDrawer(_ref) {
     onClick: onClose,
     "data-testid": "overlay"
   }), /*#__PURE__*/React$1.createElement(Drawer, {
+    height: height,
     open: open,
     widthPercent: widthPercent,
     "data-testid": "drawer"