sag_components 2.0.0-beta262 → 2.0.0-beta264

package/dist/index.js

@@ -8939,26 +8939,27 @@ const IconContainer$5 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const DropdownSingleNew = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  withMarginBottom = true,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop,
-  orderBy,
-  placeHolder = "",
-  elementType
-}) => {
+const DropdownSingleNew = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    withMarginBottom = true,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop,
+    orderBy,
+    placeHolder = "",
+    elementType
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
@@ -9463,26 +9464,27 @@ const IconContainer$4 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const DropdownMultiNew = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  withMarginBottom = true,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  orderBy,
-  elementType
-}) => {
+const DropdownMultiNew = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    withMarginBottom = true,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    orderBy,
+    elementType
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
@@ -34981,17 +34983,18 @@ styled.css`
  * • onApply(start,end) — callback, both numbers (inclusive)
  * • onCancel()         — callback
  */
-const WeeksCalendar = ({
-  year,
-  defaultStartWeek = null,
-  defaultEndWeek = null,
-  backgroundColor = "#066768",
-  hoverBackgroundColor = "#E6F0F0",
-  allowedWeekRange = null,
-  // New prop for range restriction
-  onApply,
-  onCancel
-}) => {
+const WeeksCalendar = _ref => {
+  let {
+    year,
+    defaultStartWeek = null,
+    defaultEndWeek = null,
+    backgroundColor = "#066768",
+    hoverBackgroundColor = "#E6F0F0",
+    allowedWeekRange = null,
+    // New prop for range restriction
+    onApply,
+    onCancel
+  } = _ref;
   // state -------------------------------------------------
   const [startWeek, setStartWeek] = React$1.useState(defaultStartWeek);
   const [endWeek, setEndWeek] = React$1.useState(defaultEndWeek);
@@ -57734,6 +57737,7 @@ const OverlayDropdown = _ref => {
     selectedColor = "#066768",
     hoverColor = "#E6F0F0",
     dropdownMaxHeight = "600px",
+    dropdownWidth = "100%",
     width = "100%",
     height = "auto",
     label,
@@ -57981,7 +57985,7 @@ const OverlayDropdown = _ref => {
     ref: dropdownRef,
     role: "listbox",
     dropdownMaxHeight: dropdownMaxHeight,
-    width: width,
+    width: dropdownWidth,
     position: dropdownPosition
   }, dataToRender.map((group, groupIndex) => group.items?.length > 0 && /*#__PURE__*/React__default["default"].createElement(SectionDiv, {
     $showBorder: group.overlayName,