sag_components 2.0.0-beta166 → 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;
 
 /**

package/dist/index.esm.js

@@ -34705,16 +34705,15 @@ css`
  * • onApply(start,end) – callback, both numbers (inclusive)
  * • onCancel()         – callback
  */
-const WeeksCalendar = _ref => {
-  let {
-    year,
-    defaultStartWeek = null,
-    defaultEndWeek = null,
-    backgroundColor = "#066768",
-    hoverBackgroundColor = "#E6F0F0",
-    onApply,
-    onCancel
-  } = _ref;
+const WeeksCalendar = ({
+  year,
+  defaultStartWeek = null,
+  defaultEndWeek = null,
+  backgroundColor = "#066768",
+  hoverBackgroundColor = "#E6F0F0",
+  onApply,
+  onCancel
+}) => {
   // state -------------------------------------------------
   const [startWeek, setStartWeek] = useState(defaultStartWeek);
   const [endWeek, setEndWeek] = useState(defaultEndWeek);
@@ -35614,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;
@@ -35624,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;`;
@@ -35651,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;`;
@@ -35663,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":
@@ -43788,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;
@@ -52506,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);
@@ -52702,7 +52712,8 @@ const ItemManagerPanel = _ref => {
       addNewPackage: addNewPackage,
       updateExistingPackage: updateExistingPackage,
       isEditingExisting: isEditingExisting,
-      onBack: () => setScreen("subitem")
+      onBack: () => setScreen("subitem"),
+      componentText: componentText
     }));
   }
   if (screen === "list") {
@@ -52920,11 +52931,10 @@ const DropdownList = styled.ul`
       `}
 `;
 const SectionDiv = styled.div`
-  ${_ref => {
-  let {
-    $showBorder,
-    margin
-  } = _ref;
+  ${({
+  $showBorder,
+  margin
+}) => {
   switch ($showBorder) {
     case 'Template Offer':
       return css`border-top: 1px solid #e6e2e2ff;