sag_components 2.0.0-beta166 → 2.0.0-beta167

package/dist/index.js

@@ -34715,16 +34715,15 @@ styled.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] = React$1.useState(defaultStartWeek);
   const [endWeek, setEndWeek] = React$1.useState(defaultEndWeek);
@@ -35624,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;
@@ -35634,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;`;
@@ -35661,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;`;
@@ -35673,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":
@@ -43798,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;
@@ -52516,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);
@@ -52712,7 +52722,8 @@ const ItemManagerPanel = _ref => {
       addNewPackage: addNewPackage,
       updateExistingPackage: updateExistingPackage,
       isEditingExisting: isEditingExisting,
-      onBack: () => setScreen("subitem")
+      onBack: () => setScreen("subitem"),
+      componentText: componentText
     }));
   }
   if (screen === "list") {
@@ -52930,11 +52941,10 @@ const DropdownList = styled__default["default"].ul`
       `}
 `;
 const SectionDiv = styled__default["default"].div`
-  ${_ref => {
-  let {
-    $showBorder,
-    margin
-  } = _ref;
+  ${({
+  $showBorder,
+  margin
+}) => {
   switch ($showBorder) {
     case 'Template Offer':
       return styled.css`border-top: 1px solid #e6e2e2ff;