sag_components 2.0.0-beta262 → 2.0.0-beta264

package/dist/index.d.ts

@@ -1574,7 +1574,7 @@ declare function ModalDrawer({ open, height, onClose, children, widthPercent }:
     widthPercent?: number;
 }): react_jsx_runtime.JSX.Element;
 
-declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, textColorMenu, margin, editableDigitalCoupon, dropdownDigitalCouponTitle, className, ...props }: {
+declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, dropdownWidth, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, textColorMenu, margin, editableDigitalCoupon, dropdownDigitalCouponTitle, className, ...props }: {
     [x: string]: any;
     data?: any[];
     value: any;
@@ -1585,6 +1585,7 @@ declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarke
     selectedColor?: string;
     hoverColor?: string;
     dropdownMaxHeight?: string;
+    dropdownWidth?: string;
     width?: string;
     height?: string;
     label: any;

package/dist/index.esm.js

@@ -8929,26 +8929,27 @@ const IconContainer$5 = styled.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] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [showAbove, setShowAbove] = useState(false);
@@ -9453,26 +9454,27 @@ const IconContainer$4 = styled.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] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [showAbove, setShowAbove] = useState(false);
@@ -34971,17 +34973,18 @@ 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] = useState(defaultStartWeek);
   const [endWeek, setEndWeek] = useState(defaultEndWeek);
@@ -57724,6 +57727,7 @@ const OverlayDropdown = _ref => {
     selectedColor = "#066768",
     hoverColor = "#E6F0F0",
     dropdownMaxHeight = "600px",
+    dropdownWidth = "100%",
     width = "100%",
     height = "auto",
     label,
@@ -57971,7 +57975,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$1.createElement(SectionDiv, {
     $showBorder: group.overlayName,