@mw-kit/mw-ui 1.10.7 → 1.10.9

package/dist/components/Popup/hooks/fallbackPlacements/index.d.ts

@@ -1,3 +1,3 @@
 import type { PopupPosition, PopupProps } from '../../types';
-declare const useFallbackPlacements: (props: PopupProps) => PopupPosition[];
+declare const useFallbackPlacements: (props: Omit<PopupProps, "enabled">) => PopupPosition[];
 export default useFallbackPlacements;

package/dist/components/Popup/hooks/open/index.d.ts

@@ -1,3 +1,3 @@
 import type { PopupProps } from '../../types';
-declare const useOpen: (props: PopupProps) => readonly [boolean | undefined, (nextOpen: boolean) => void];
+declare const useOpen: (props: Omit<PopupProps, "enabled">) => readonly [boolean | undefined, (nextOpen: boolean) => void];
 export default useOpen;

package/dist/components/Popup/index.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
 import type { PopupProps } from './types';
-declare const Popup: <T extends React.ElementType = "div">(props: PopupProps<T> & {
-    enabled?: boolean;
-}) => JSX.Element;
+declare const Popup: <T extends React.ElementType = "div", P = {}>(props: PopupProps<T, P>) => JSX.Element;
 export default Popup;

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

@@ -1,6 +1,12 @@
 import type { FloatingPortalProps, OffsetOptions } from '@floating-ui/react';
-export type PopupProps<T extends React.ElementType = 'div'> = {
-    content: React.FunctionComponent;
+type RequiredKeys<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? never : K;
+}[keyof T];
+export type PopupContentProps<P = {}> = {
+    closePopup: () => void;
+} & P;
+export type PopupProps<T extends React.ElementType = 'div', P = {}> = {
+    content: React.FunctionComponent<PopupContentProps<P>>;
     position: PopupPosition;
     on?: 'hover' | 'click';
     triggerType?: T;
@@ -19,5 +25,11 @@ export type PopupProps<T extends React.ElementType = 'div'> = {
     style?: React.CSSProperties | undefined;
     dependencies?: React.DependencyList;
     pinned?: boolean;
-};
+    enabled?: boolean;
+} & (RequiredKeys<P> extends never ? {
+    contentProps?: P;
+} : {
+    contentProps: P;
+});
 export type PopupPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+export {};

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

@@ -265,8 +265,14 @@ type AbsoluteContainerProps = CommonProps$4 & {
     transition?: Partial<Omit<TransitionArguments, 'active'>>;
 };
 
-type PopupProps<T extends React.ElementType = 'div'> = {
-    content: React.FunctionComponent;
+type RequiredKeys<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? never : K;
+}[keyof T];
+type PopupContentProps<P = {}> = {
+    closePopup: () => void;
+} & P;
+type PopupProps<T extends React.ElementType = 'div', P = {}> = {
+    content: React.FunctionComponent<PopupContentProps<P>>;
     position: PopupPosition;
     on?: 'hover' | 'click';
     triggerType?: T;
@@ -285,7 +291,12 @@ type PopupProps<T extends React.ElementType = 'div'> = {
     style?: React.CSSProperties | undefined;
     dependencies?: React.DependencyList;
     pinned?: boolean;
-};
+    enabled?: boolean;
+} & (RequiredKeys<P> extends never ? {
+    contentProps?: P;
+} : {
+    contentProps: P;
+});
 type PopupPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
 
 interface LoaderProps extends Omit<react__default.HTMLAttributes<HTMLDivElement>, 'color'> {
@@ -3223,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;
@@ -3993,9 +4005,7 @@ interface PlaceholderProps {
 
 declare const Placeholder: (props: PlaceholderProps) => react_jsx_runtime.JSX.Element;
 
-declare const Popup: <T extends react__default.ElementType = "div">(props: PopupProps<T> & {
-    enabled?: boolean;
-}) => JSX.Element;
+declare const Popup: <T extends react__default.ElementType = "div", P = {}>(props: PopupProps<T, P>) => JSX.Element;
 
 interface ProgressBarProps {
     type: 'default' | 'info' | 'danger' | 'success' | 'warning';

package/dist/index.js

@@ -10010,6 +10010,7 @@ var defaultDependencies = [];
 var PopupComponent = (props) => {
   const {
     content: Content5,
+    contentProps = {},
     renderTrigger,
     triggerProps,
     on = "hover",
@@ -10095,16 +10096,13 @@ var PopupComponent = (props) => {
               $placement: floating.placement
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(Content5, {})
+          /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(Content5, { closePopup: () => setOpen(false), ...contentProps })
         ]
       }
     ) }) : null
   ] });
 };
-var Popup = ({
-  enabled,
-  ...props
-}) => {
+var Popup = ({ enabled, ...props }) => {
   return enabled !== false ? /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(PopupComponent, { ...props }) : props.renderTrigger(props.triggerProps || {});
 };
 var Popup_default = Popup;
@@ -19061,6 +19059,7 @@ var import_react71 = require("@floating-ui/react");
 var useFloatingMenu = ({
   open,
   onOpenChange,
+  minWidth,
   placement = "bottom"
 }) => {
   const floating = (0, import_react71.useFloating)({
@@ -19070,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, {
@@ -20056,6 +20058,7 @@ var useMultiSelect = ({
   overscan,
   estimateSize,
   height,
+  minWidth = 290,
   value,
   setValue,
   finder,
@@ -20073,6 +20076,7 @@ var useMultiSelect = ({
     placeholder: closedLabel,
     onClear: () => setValue([]),
     Component: SelectMultiOptions,
+    minWidth,
     buttonProps
   };
 };
@@ -20199,6 +20203,7 @@ var useSingleSelect = ({
   overscan,
   estimateSize,
   height,
+  minWidth = 230,
   value,
   setValue,
   ValueComponent,
@@ -20224,6 +20229,7 @@ var useSingleSelect = ({
     placeholder: closedLabel,
     onClear: () => setValue(null),
     Component: SelectSingleOptions,
+    minWidth,
     buttonProps
   };
 };
@@ -20416,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)(() => {
@@ -20433,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

@@ -9962,6 +9962,7 @@ var defaultDependencies = [];
 var PopupComponent = (props) => {
   const {
     content: Content5,
+    contentProps = {},
     renderTrigger,
     triggerProps,
     on = "hover",
@@ -10047,16 +10048,13 @@ var PopupComponent = (props) => {
               $placement: floating.placement
             }
           ) : null,
-          /* @__PURE__ */ jsx294(Content5, {})
+          /* @__PURE__ */ jsx294(Content5, { closePopup: () => setOpen(false), ...contentProps })
         ]
       }
     ) }) : null
   ] });
 };
-var Popup = ({
-  enabled,
-  ...props
-}) => {
+var Popup = ({ enabled, ...props }) => {
   return enabled !== false ? /* @__PURE__ */ jsx294(PopupComponent, { ...props }) : props.renderTrigger(props.triggerProps || {});
 };
 var Popup_default = Popup;
@@ -19021,6 +19019,7 @@ import {
 var useFloatingMenu = ({
   open,
   onOpenChange,
+  minWidth,
   placement = "bottom"
 }) => {
   const floating = useFloating2({
@@ -19030,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, {
@@ -20016,6 +20018,7 @@ var useMultiSelect = ({
   overscan,
   estimateSize,
   height,
+  minWidth = 290,
   value,
   setValue,
   finder,
@@ -20033,6 +20036,7 @@ var useMultiSelect = ({
     placeholder: closedLabel,
     onClear: () => setValue([]),
     Component: SelectMultiOptions,
+    minWidth,
     buttonProps
   };
 };
@@ -20159,6 +20163,7 @@ var useSingleSelect = ({
   overscan,
   estimateSize,
   height,
+  minWidth = 230,
   value,
   setValue,
   ValueComponent,
@@ -20184,6 +20189,7 @@ var useSingleSelect = ({
     placeholder: closedLabel,
     onClear: () => setValue(null),
     Component: SelectSingleOptions,
+    minWidth,
     buttonProps
   };
 };
@@ -20376,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(() => {
@@ -20393,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.7",
+  "version": "1.10.9",
   "description": "Made with create-react-library",
   "author": "fmgusmao",
   "license": "MIT",