@mw-kit/mw-ui 1.10.8 → 1.10.9

package/dist/components/Select/hooks/useFloatingMenu/index.d.ts

@@ -2,9 +2,10 @@ import type { SelectPlacement } from '../../types';
 type UseFloatingMenuParams = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
+    minWidth: number;
     placement?: SelectPlacement;
 };
-declare const useFloatingMenu: ({ open, onOpenChange, placement, }: UseFloatingMenuParams) => {
+declare const useFloatingMenu: ({ open, onOpenChange, minWidth, placement, }: UseFloatingMenuParams) => {
     floating: {
         placement: import("@floating-ui/utils").Placement;
         strategy: import("@floating-ui/utils").Strategy;

package/dist/components/Select/instances/types.d.ts

@@ -7,6 +7,7 @@ export type UseSelect<Props extends CommonSelectProps<unknown> = CommonSelectPro
         menuId: string;
         onClose: () => void;
     }>;
+    minWidth: number;
     buttonProps: SelectButtonProps;
 };
 export * from '../types';

package/dist/components/Select/types.d.ts

@@ -69,6 +69,7 @@ export type CommonSelectProps<Option> = SelectButtonProps & {
      */
     estimateSize?: ReactVirtualizerOptions<Element, Element>['estimateSize'] | number;
     height?: number;
+    minWidth?: number;
 };
 export type SelectSingleProps<Option> = CommonSelectProps<Option> & {
     value: Option | null;

package/dist/index.d.mts

@@ -3234,6 +3234,7 @@ type CommonSelectProps<Option> = SelectButtonProps & {
      */
     estimateSize?: ReactVirtualizerOptions<Element, Element>['estimateSize'] | number;
     height?: number;
+    minWidth?: number;
 };
 type SelectSingleProps<Option> = CommonSelectProps<Option> & {
     value: Option | null;

package/dist/index.js

@@ -19059,6 +19059,7 @@ var import_react71 = require("@floating-ui/react");
 var useFloatingMenu = ({
   open,
   onOpenChange,
+  minWidth,
   placement = "bottom"
 }) => {
   const floating = (0, import_react71.useFloating)({
@@ -19068,13 +19069,16 @@ var useFloatingMenu = ({
     whileElementsMounted: import_react71.autoUpdate,
     middleware: [
       (0, import_react71.flip)(),
-      (0, import_react71.size)({
-        apply({ rects, elements }) {
-          Object.assign(elements.floating.style, {
-            minWidth: `${rects.reference.width}px`
-          });
-        }
-      })
+      (0, import_react71.size)(
+        {
+          apply({ rects, elements }) {
+            Object.assign(elements.floating.style, {
+              minWidth: `${Math.max(rects.reference.width, minWidth)}px`
+            });
+          }
+        },
+        [minWidth]
+      )
     ]
   });
   const transition = (0, import_react71.useTransitionStatus)(floating.context, {
@@ -20054,6 +20058,7 @@ var useMultiSelect = ({
   overscan,
   estimateSize,
   height,
+  minWidth = 290,
   value,
   setValue,
   finder,
@@ -20071,6 +20076,7 @@ var useMultiSelect = ({
     placeholder: closedLabel,
     onClear: () => setValue([]),
     Component: SelectMultiOptions,
+    minWidth,
     buttonProps
   };
 };
@@ -20197,6 +20203,7 @@ var useSingleSelect = ({
   overscan,
   estimateSize,
   height,
+  minWidth = 230,
   value,
   setValue,
   ValueComponent,
@@ -20222,6 +20229,7 @@ var useSingleSelect = ({
     placeholder: closedLabel,
     onClear: () => setValue(null),
     Component: SelectSingleOptions,
+    minWidth,
     buttonProps
   };
 };
@@ -20414,9 +20422,11 @@ var Select2 = import_react81.default.forwardRef(
     const required = isRequired() || props.required;
     const disabled = isDisabled() || props.disabled;
     const viewMode = isViewMode() || props.viewMode;
+    const { isEmpty, placeholder, Component: Component5, onClear, minWidth, buttonProps } = instances_default(props);
     const { floating, transition, interactions } = useFloatingMenu_default({
       open,
       onOpenChange: setOpen,
+      minWidth,
       placement
     });
     const height = (0, import_react81.useMemo)(() => {
@@ -20431,7 +20441,6 @@ var Select2 = import_react81.default.forwardRef(
         setOpen(true);
       }
     };
-    const { isEmpty, placeholder, Component: Component5, onClear, buttonProps } = instances_default(props);
     const clearEnabled = !isEmpty && props.clearable && !props.disabled && !props.readOnly;
     const setRef = (0, import_react81.useCallback)(
       (node) => {

package/dist/index.mjs

@@ -19019,6 +19019,7 @@ import {
 var useFloatingMenu = ({
   open,
   onOpenChange,
+  minWidth,
   placement = "bottom"
 }) => {
   const floating = useFloating2({
@@ -19028,13 +19029,16 @@ var useFloatingMenu = ({
     whileElementsMounted: autoUpdate2,
     middleware: [
       flip2(),
-      size3({
-        apply({ rects, elements }) {
-          Object.assign(elements.floating.style, {
-            minWidth: `${rects.reference.width}px`
-          });
-        }
-      })
+      size3(
+        {
+          apply({ rects, elements }) {
+            Object.assign(elements.floating.style, {
+              minWidth: `${Math.max(rects.reference.width, minWidth)}px`
+            });
+          }
+        },
+        [minWidth]
+      )
     ]
   });
   const transition = useTransitionStatus(floating.context, {
@@ -20014,6 +20018,7 @@ var useMultiSelect = ({
   overscan,
   estimateSize,
   height,
+  minWidth = 290,
   value,
   setValue,
   finder,
@@ -20031,6 +20036,7 @@ var useMultiSelect = ({
     placeholder: closedLabel,
     onClear: () => setValue([]),
     Component: SelectMultiOptions,
+    minWidth,
     buttonProps
   };
 };
@@ -20157,6 +20163,7 @@ var useSingleSelect = ({
   overscan,
   estimateSize,
   height,
+  minWidth = 230,
   value,
   setValue,
   ValueComponent,
@@ -20182,6 +20189,7 @@ var useSingleSelect = ({
     placeholder: closedLabel,
     onClear: () => setValue(null),
     Component: SelectSingleOptions,
+    minWidth,
     buttonProps
   };
 };
@@ -20374,9 +20382,11 @@ var Select2 = React348.forwardRef(
     const required = isRequired() || props.required;
     const disabled = isDisabled() || props.disabled;
     const viewMode = isViewMode() || props.viewMode;
+    const { isEmpty, placeholder, Component: Component5, onClear, minWidth, buttonProps } = instances_default(props);
     const { floating, transition, interactions } = useFloatingMenu_default({
       open,
       onOpenChange: setOpen,
+      minWidth,
       placement
     });
     const height = useMemo13(() => {
@@ -20391,7 +20401,6 @@ var Select2 = React348.forwardRef(
         setOpen(true);
       }
     };
-    const { isEmpty, placeholder, Component: Component5, onClear, buttonProps } = instances_default(props);
     const clearEnabled = !isEmpty && props.clearable && !props.disabled && !props.readOnly;
     const setRef = useCallback12(
       (node) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mw-kit/mw-ui",
-  "version": "1.10.8",
+  "version": "1.10.9",
   "description": "Made with create-react-library",
   "author": "fmgusmao",
   "license": "MIT",