sag_components 2.0.0-beta166 → 2.0.0-beta168

package/dist/index.esm.js

@@ -8818,6 +8818,7 @@ const DropdownSingleNew = ({
   labelColor,
   showLabelOnTop,
   orderBy,
+  placeHolder = "",
   elementType
 }) => {
   const [isFocused, setIsFocused] = useState(false);
@@ -9002,7 +9003,7 @@ const DropdownSingleNew = ({
     onChange: handleInputChange,
     onClick: handleLabelClick,
     disabled: disabled,
-    placeholder: isFocused ? filteredOptions.length <= 5 ? "Select Option…" : "Type To Search" : "",
+    placeholder: isFocused ? placeHolder ? placeHolder : filteredOptions.length <= 5 ? "Select Option…" : "Type To Search" : "",
     error: error,
     isFocused: isFocused
   })), selectedOptions.length > 0 && xIconShow && /*#__PURE__*/React$1.createElement(IconContainer$5, {
@@ -34705,16 +34706,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);
@@ -35680,9 +35680,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 {
@@ -43788,10 +43788,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 +52507,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 +52704,8 @@ const ItemManagerPanel = _ref => {
       addNewPackage: addNewPackage,
       updateExistingPackage: updateExistingPackage,
       isEditingExisting: isEditingExisting,
-      onBack: () => setScreen("subitem")
+      onBack: () => setScreen("subitem"),
+      componentText: componentText
     }));
   }
   if (screen === "list") {
@@ -52920,11 +52923,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;