@mw-kit/mw-ui 1.10.6 → 1.10.8

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,12 +1,18 @@
-import type { FloatingPortalProps } from '@floating-ui/react';
-export type PopupProps<T extends React.ElementType = 'div'> = {
-    content: React.FunctionComponent;
+import type { FloatingPortalProps, OffsetOptions } from '@floating-ui/react';
+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;
     triggerProps?: React.ComponentPropsWithRef<T>;
     renderTrigger: (props: React.ComponentPropsWithRef<T>) => React.ReactNode;
-    offset?: number;
+    offset?: OffsetOptions;
     shift?: number;
     background?: 'light' | 'dark';
     arrow?: 'flattened' | 'pointed' | 'none';
@@ -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/index.d.mts

@@ -4,7 +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 { OffsetOptions, 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';
@@ -265,14 +265,20 @@ 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;
     triggerProps?: React.ComponentPropsWithRef<T>;
     renderTrigger: (props: React.ComponentPropsWithRef<T>) => React.ReactNode;
-    offset?: number;
+    offset?: OffsetOptions;
     shift?: number;
     background?: 'light' | 'dark';
     arrow?: 'flattened' | 'pointed' | 'none';
@@ -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'> {
@@ -3993,9 +4004,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;

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;

package/package.json

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