@mw-kit/mw-ui 1.10.3 → 1.10.5

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

@@ -1,3 +1,4 @@
+import type { FloatingPortalProps } from '@floating-ui/react';
 export type PopupProps<T extends React.ElementType = 'div'> = {
     content: React.FunctionComponent;
     position: PopupPosition;
@@ -14,5 +15,7 @@ export type PopupProps<T extends React.ElementType = 'div'> = {
     setOpen?: (open: boolean) => void;
     fallbackPlacements?: PopupPosition[];
     zIndex?: number;
+    portalRoot?: FloatingPortalProps['root'];
+    style?: React.CSSProperties | undefined;
 };
 export type PopupPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';

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

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { FloatingPortalProps } from '@floating-ui/react';
 import type { ReactVirtualizerOptions } from '@tanstack/react-virtual';
 import type { Property } from 'csstype';
 export type SelectOptionsLoader<Option> = (search: string, page: number, cursor: Option | null) => Promise<{
@@ -48,6 +49,7 @@ export type CommonSelectProps<Option> = SelectButtonProps & {
     borderless?: boolean;
     paddingless?: boolean;
     zIndex?: Property.ZIndex;
+    portalRoot?: FloatingPortalProps['root'];
     placement?: SelectPlacement;
     /**
      * Defines the element used as the visual boundary when resolving the automatic placement.

package/dist/components/index.d.ts

@@ -15,6 +15,7 @@ export { default as MwLoader } from './Loader';
 export { default as MwMenu } from './Menu';
 export { default as MwModal } from './Modal';
 export { default as MwPlaceholder } from './Placeholder';
+export { default as MwPopup } from './Popup';
 export { default as MwProgressBar } from './ProgressBar';
 export { default as MwScrollContainer } from './ScrollContainer';
 export { default as MwSelect } from './Select';

package/dist/index.d.mts

@@ -4,6 +4,7 @@ import * as react from 'react';
 import react__default, { TextareaHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import { FloatingPortalProps } from '@floating-ui/react';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import { ReactVirtualizerOptions } from '@tanstack/react-virtual';
 import { Property } from 'csstype';
@@ -280,6 +281,8 @@ type PopupProps<T extends React.ElementType = 'div'> = {
     setOpen?: (open: boolean) => void;
     fallbackPlacements?: PopupPosition[];
     zIndex?: number;
+    portalRoot?: FloatingPortalProps['root'];
+    style?: React.CSSProperties | undefined;
 };
 type PopupPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
 
@@ -3198,6 +3201,7 @@ type CommonSelectProps<Option> = SelectButtonProps & {
     borderless?: boolean;
     paddingless?: boolean;
     zIndex?: Property.ZIndex;
+    portalRoot?: FloatingPortalProps['root'];
     placement?: SelectPlacement;
     /**
      * Defines the element used as the visual boundary when resolving the automatic placement.
@@ -3987,6 +3991,10 @@ 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;
+
 interface ProgressBarProps {
     type: 'default' | 'info' | 'danger' | 'success' | 'warning';
     value: number | null;
@@ -4064,4 +4072,4 @@ declare const ThemeProvider: (props: React.PropsWithChildren<{
     assetBaseUrl: string;
 }>) => react_jsx_runtime.JSX.Element;
 
-export { Inflector, AbsoluteContainer as MwAbsoluteContainer, AppliedFilters as MwAppliedFilters, Button as MwButton, Calendar as MwCalendar, Card as MwCard, EllipsisContainer as MwEllipsisContainer, Filters as MwFilters, Form as MwForm, Grid as MwGrid, Icon as MwIcon, Indicator as MwIndicator, Input as MwInput, Link as MwLink, Loader as MwLoader, Menu as MwMenu, Modal as MwModal, Placeholder as MwPlaceholder, ProgressBar as MwProgressBar, ScrollContainer as MwScrollContainer, _default as MwSelect, SignatureInput as MwSignature, Tabs as MwTabs, TextArea as MwTextArea, Toast as MwToast, Transition as MwTransition, Zoom as MwZoom, ThemeProvider, theme, useTransition as useMwTransition };
+export { Inflector, AbsoluteContainer as MwAbsoluteContainer, AppliedFilters as MwAppliedFilters, Button as MwButton, Calendar as MwCalendar, Card as MwCard, EllipsisContainer as MwEllipsisContainer, Filters as MwFilters, Form as MwForm, Grid as MwGrid, Icon as MwIcon, Indicator as MwIndicator, Input as MwInput, Link as MwLink, Loader as MwLoader, Menu as MwMenu, Modal as MwModal, Placeholder as MwPlaceholder, Popup as MwPopup, ProgressBar as MwProgressBar, ScrollContainer as MwScrollContainer, _default as MwSelect, SignatureInput as MwSignature, Tabs as MwTabs, TextArea as MwTextArea, Toast as MwToast, Transition as MwTransition, Zoom as MwZoom, ThemeProvider, theme, useTransition as useMwTransition };

package/dist/index.js

@@ -48,6 +48,7 @@ __export(index_exports, {
   MwMenu: () => Menu_default2,
   MwModal: () => Modal_default,
   MwPlaceholder: () => Placeholder_default,
+  MwPopup: () => Popup_default,
   MwProgressBar: () => ProgressBar_default,
   MwScrollContainer: () => ScrollContainer_default,
   MwSelect: () => Select_default3,
@@ -10069,11 +10070,15 @@ var PopupComponent = (props) => {
   }, [floating.refs.setReference, interactions, triggerProps]);
   return /* @__PURE__ */ (0, import_jsx_runtime294.jsxs)(import_react11.default.Fragment, { children: [
     renderTrigger(referenceProps),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(import_react12.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime294.jsxs)(
+    open ? /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(import_react12.FloatingPortal, { root: props.portalRoot, children: /* @__PURE__ */ (0, import_jsx_runtime294.jsxs)(
       TooltipSurface,
       {
         ref: floating.refs.setFloating,
-        style: { ...floating.floatingStyles, zIndex },
+        style: {
+          ...floating.floatingStyles,
+          ...props.style || {},
+          zIndex
+        },
         $placement: floating.placement,
         $background: background,
         ...interactions.getFloatingProps(),
@@ -20041,6 +20046,7 @@ var useMultiSelect = ({
   borderless,
   paddingless,
   zIndex,
+  portalRoot,
   placement,
   boundRef,
   overscan,
@@ -20183,6 +20189,7 @@ var useSingleSelect = ({
   borderless,
   paddingless,
   zIndex,
+  portalRoot,
   placement,
   boundRef,
   overscan,
@@ -20495,7 +20502,7 @@ var Select2 = import_react81.default.forwardRef(
           ]
         }
       ),
-      transition.isMounted ? /* @__PURE__ */ (0, import_jsx_runtime366.jsx)(import_react82.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime366.jsx)(
+      transition.isMounted ? /* @__PURE__ */ (0, import_jsx_runtime366.jsx)(import_react82.FloatingPortal, { root: props.portalRoot, children: /* @__PURE__ */ (0, import_jsx_runtime366.jsx)(
         FloatingWrapper,
         {
           ref: floating.refs.setFloating,
@@ -21621,6 +21628,7 @@ var Zoom_default = Zoom;
   MwMenu,
   MwModal,
   MwPlaceholder,
+  MwPopup,
   MwProgressBar,
   MwScrollContainer,
   MwSelect,

package/dist/index.mjs

@@ -10022,11 +10022,15 @@ var PopupComponent = (props) => {
   }, [floating.refs.setReference, interactions, triggerProps]);
   return /* @__PURE__ */ jsxs143(React291.Fragment, { children: [
     renderTrigger(referenceProps),
-    open ? /* @__PURE__ */ jsx294(FloatingPortal, { children: /* @__PURE__ */ jsxs143(
+    open ? /* @__PURE__ */ jsx294(FloatingPortal, { root: props.portalRoot, children: /* @__PURE__ */ jsxs143(
       TooltipSurface,
       {
         ref: floating.refs.setFloating,
-        style: { ...floating.floatingStyles, zIndex },
+        style: {
+          ...floating.floatingStyles,
+          ...props.style || {},
+          zIndex
+        },
         $placement: floating.placement,
         $background: background,
         ...interactions.getFloatingProps(),
@@ -20002,6 +20006,7 @@ var useMultiSelect = ({
   borderless,
   paddingless,
   zIndex,
+  portalRoot,
   placement,
   boundRef,
   overscan,
@@ -20144,6 +20149,7 @@ var useSingleSelect = ({
   borderless,
   paddingless,
   zIndex,
+  portalRoot,
   placement,
   boundRef,
   overscan,
@@ -20456,7 +20462,7 @@ var Select2 = React348.forwardRef(
           ]
         }
       ),
-      transition.isMounted ? /* @__PURE__ */ jsx366(FloatingPortal2, { children: /* @__PURE__ */ jsx366(
+      transition.isMounted ? /* @__PURE__ */ jsx366(FloatingPortal2, { root: props.portalRoot, children: /* @__PURE__ */ jsx366(
         FloatingWrapper,
         {
           ref: floating.refs.setFloating,
@@ -21581,6 +21587,7 @@ export {
   Menu_default2 as MwMenu,
   Modal_default as MwModal,
   Placeholder_default as MwPlaceholder,
+  Popup_default as MwPopup,
   ProgressBar_default as MwProgressBar,
   ScrollContainer_default as MwScrollContainer,
   Select_default3 as MwSelect,

package/dist/interfaces.d.ts

@@ -26,4 +26,5 @@ export type { AppliedFilter } from './components/Filters/interfaces';
 export type { Transition } from './components/Transition/interfaces';
 export type { TabComponent, TabComponents, TabProps, TabProvider, } from './components/Tabs/interfaces';
 export type * from './components/Select/types';
+export type * from './components/Popup/types';
 export type * from './functions/inflections';

package/package.json

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