@xanui/ui 1.1.64 → 1.1.65

package/useModal/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/useModal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport useLayer, { UseLayerProps } from \"../useLayer\";\nimport { Tag, TagProps } from '@xanui/core'\n\nexport type UseModalProps = Omit<UseLayerProps, \"slotProps\"> & {\n   size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | number;\n   slotProps?: {\n      layer?: UseLayerProps['slotProps'];\n      root?: Omit<TagProps<'div'>, \"children\">\n   }\n}\n\nexport type UseModalChildren = React.ReactElement | ((props: UseModalReturn) => React.ReactElement)\n\nexport type UseModalReturn = {\n   open: () => void;\n   close: () => void;\n}\n\nconst useModal = (children: UseModalChildren, props?: UseModalProps) => {\n\n   let sizes: any = {\n      xs: 420,\n      sm: 760,\n      md: 990,\n      lg: 1120,\n      xl: 1300,\n      full: \"100%\"\n   }\n   let { size, slotProps, ...useLayerProps } = props || {}\n   size = size ?? \"xs\"\n   slotProps = slotProps || {} as any\n   const root: any = slotProps?.root || {}\n\n   const layer = useLayer(() => {\n      return (\n         <Tag\n            {...root}\n            sxr={{\n               maxWidth: sizes[size as any] || size,\n               width: \"100%\",\n               radius: 2,\n               bgcolor: \"background.primary\",\n               shadow: 15,\n               ...root?.sx\n            }}\n            baseClass='modal'\n         >\n            {typeof children === \"function\" ? children({ open: layer.open, close: layer.close }) : children}\n         </Tag>\n      )\n   }, {\n      ...useLayerProps,\n      onClickOutside: () => {\n         if (props?.onClickOutside) {\n            props.onClickOutside()\n         } else {\n            layer.close()\n         }\n      },\n      slotProps: {\n         ...slotProps?.layer,\n         clickOutside: {\n            maxWidth: sizes[size as any] || size,\n            width: \"100%\",\n            ...slotProps?.layer?.clickOutside,\n         },\n         root: {\n            display: \"flex\",\n            alignItems: 'center',\n            justifyContent: \"center\",\n            ...slotProps?.layer?.root,\n         }\n      }\n   })\n\n   return layer\n}\n\nexport default useModal;"],"names":[],"mappings":";;;;;;;;AAoBA;;AAEG;AACG;AACA;AACA;AACA;AACA;AACA;;AAEH;;AAEA;AACA;AAEA;AACG;AAgBH;;;;;;;AAQG;AAiBH;AACH;;"}

package/useModal/index.d.ts

@@ -1,12 +0,0 @@
-import { UseLayerProps } from '../useLayer/index.js';
-import { TagProps } from '@xanui/core';
-
-type UseModalProps = Omit<UseLayerProps, "slotProps"> & {
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | number;
-    slotProps?: {
-        layer?: UseLayerProps['slotProps'];
-        root?: Omit<TagProps<'div'>, "children">;
-    };
-};
-
-export type { UseModalProps };

package/useModal/index.js

@@ -1,35 +0,0 @@
-"use client";
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import useLayer from '../useLayer/index.js';
-import { Tag } from '@xanui/core';
-
-const useModal = (children, props) => {
-    var _a, _b;
-    let sizes = {
-        xs: 420,
-        sm: 760,
-        md: 990,
-        lg: 1120,
-        xl: 1300,
-        full: "100%"
-    };
-    let _c = props || {}, { size, slotProps } = _c, useLayerProps = __rest(_c, ["size", "slotProps"]);
-    size = size !== null && size !== void 0 ? size : "xs";
-    slotProps = slotProps || {};
-    const root = (slotProps === null || slotProps === void 0 ? void 0 : slotProps.root) || {};
-    const layer = useLayer(() => {
-        return (jsx(Tag, Object.assign({}, root, { sxr: Object.assign({ maxWidth: sizes[size] || size, width: "100%", radius: 2, bgcolor: "background.primary", shadow: 15 }, root === null || root === void 0 ? void 0 : root.sx), baseClass: 'modal', children: typeof children === "function" ? children({ open: layer.open, close: layer.close }) : children })));
-    }, Object.assign(Object.assign({}, useLayerProps), { onClickOutside: () => {
-            if (props === null || props === void 0 ? void 0 : props.onClickOutside) {
-                props.onClickOutside();
-            }
-            else {
-                layer.close();
-            }
-        }, slotProps: Object.assign(Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.layer), { clickOutside: Object.assign({ maxWidth: sizes[size] || size, width: "100%" }, (_a = slotProps === null || slotProps === void 0 ? void 0 : slotProps.layer) === null || _a === void 0 ? void 0 : _a.clickOutside), root: Object.assign({ display: "flex", alignItems: 'center', justifyContent: "center" }, (_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.layer) === null || _b === void 0 ? void 0 : _b.root) }) }));
-    return layer;
-};
-
-export { useModal as default };
-//# sourceMappingURL=index.js.map

package/useModal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/useModal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport useLayer, { UseLayerProps } from \"../useLayer\";\nimport { Tag, TagProps } from '@xanui/core'\n\nexport type UseModalProps = Omit<UseLayerProps, \"slotProps\"> & {\n   size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | number;\n   slotProps?: {\n      layer?: UseLayerProps['slotProps'];\n      root?: Omit<TagProps<'div'>, \"children\">\n   }\n}\n\nexport type UseModalChildren = React.ReactElement | ((props: UseModalReturn) => React.ReactElement)\n\nexport type UseModalReturn = {\n   open: () => void;\n   close: () => void;\n}\n\nconst useModal = (children: UseModalChildren, props?: UseModalProps) => {\n\n   let sizes: any = {\n      xs: 420,\n      sm: 760,\n      md: 990,\n      lg: 1120,\n      xl: 1300,\n      full: \"100%\"\n   }\n   let { size, slotProps, ...useLayerProps } = props || {}\n   size = size ?? \"xs\"\n   slotProps = slotProps || {} as any\n   const root: any = slotProps?.root || {}\n\n   const layer = useLayer(() => {\n      return (\n         <Tag\n            {...root}\n            sxr={{\n               maxWidth: sizes[size as any] || size,\n               width: \"100%\",\n               radius: 2,\n               bgcolor: \"background.primary\",\n               shadow: 15,\n               ...root?.sx\n            }}\n            baseClass='modal'\n         >\n            {typeof children === \"function\" ? children({ open: layer.open, close: layer.close }) : children}\n         </Tag>\n      )\n   }, {\n      ...useLayerProps,\n      onClickOutside: () => {\n         if (props?.onClickOutside) {\n            props.onClickOutside()\n         } else {\n            layer.close()\n         }\n      },\n      slotProps: {\n         ...slotProps?.layer,\n         clickOutside: {\n            maxWidth: sizes[size as any] || size,\n            width: \"100%\",\n            ...slotProps?.layer?.clickOutside,\n         },\n         root: {\n            display: \"flex\",\n            alignItems: 'center',\n            justifyContent: \"center\",\n            ...slotProps?.layer?.root,\n         }\n      }\n   })\n\n   return layer\n}\n\nexport default useModal;"],"names":[],"mappings":";;;;;;AAoBA;;AAEG;AACG;AACA;AACA;AACA;AACA;AACA;;AAEH;;AAEA;AACA;AAEA;AACG;AAgBH;;;;;;;AAQG;AAiBH;AACH;;"}