sag_components 2.0.0-beta165 → 2.0.0-beta167

package/dist/index.js

@@ -35623,9 +35623,12 @@ const ToggleSwitchLabel = styled__default["default"].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__default["default"].input`
   display: none;
@@ -35633,15 +35636,19 @@ const ToggleInput = styled__default["default"].input`
 const ToggleSlider = styled__default["default"].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 styled.css`width: 40px; height: 20px;`;
@@ -35660,9 +35667,10 @@ const ToggleSlider = styled__default["default"].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 styled.css`width: 14px; height: 14px;`;
@@ -35672,10 +35680,11 @@ const ToggleSlider = styled__default["default"].span`
       return styled.css`width: 20px; height: 20px;`;
   }
 }}
-    left: ${({
-  checked,
-  size
-}) => {
+    left: ${_ref5 => {
+  let {
+    checked,
+    size
+  } = _ref5;
   if (!checked) return "3px";
   switch (size) {
     case "s":
@@ -35689,9 +35698,9 @@ const ToggleSlider = styled__default["default"].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 {
@@ -43797,10 +43806,11 @@ const NewSubitem = ({
   packageObject,
   vendor,
   onBack,
-  addNewPackage
+  addNewPackage,
+  componentText = "Scale"
 }) => {
   const [negotiatedBrands, setNegotiatedBrands] = React$1.useState("");
-  const [negotiatedComponent, setNegotiatedComponent] = React$1.useState("Scale");
+  const [negotiatedComponent, setNegotiatedComponent] = React$1.useState(componentText);
 
   // Form state
   const isApplyEnabled = negotiatedBrands.trim().length > 2;
@@ -52515,7 +52525,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] = React$1.useState("initial");
   const [selectedVendor, setSelectedVendor] = React$1.useState(null);
@@ -52711,7 +52722,8 @@ const ItemManagerPanel = _ref => {
       addNewPackage: addNewPackage,
       updateExistingPackage: updateExistingPackage,
       isEditingExisting: isEditingExisting,
-      onBack: () => setScreen("subitem")
+      onBack: () => setScreen("subitem"),
+      componentText: componentText
     }));
   }
   if (screen === "list") {
@@ -52811,7 +52823,8 @@ const Drawer = styled__default["default"].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;
@@ -52847,6 +52860,7 @@ const CloseBtn = styled__default["default"].button`
 function ModalDrawer(_ref) {
   let {
     open,
+    height,
     onClose,
     children,
     widthPercent = 70
@@ -52855,6 +52869,7 @@ function ModalDrawer(_ref) {
     onClick: onClose,
     "data-testid": "overlay"
   }), /*#__PURE__*/React__default["default"].createElement(Drawer, {
+    height: height,
     open: open,
     widthPercent: widthPercent,
     "data-testid": "drawer"