@xanui/core 1.2.55 → 1.2.56

package/hooks/usePortal.js

@@ -1,67 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import React__default, { useMemo, useEffect } from 'react';
-import { createRoot } from 'react-dom/client';
-import { useTheme } from '../theme/core.js';
-import '../css/getValue.js';
-import 'oncss';
-import '../theme/ThemeProvider.js';
-import 'react-state-bucket';
-import { useAppRootElement } from '../AppRoot/AppRootProvider.js';
-import { useDocument } from '../Document/index.js';
-import AppRoot from '../AppRoot/index.js';
-import { useCSSCacheId } from '../css/CSSCacheProvider.js';
-
-function usePortal(children, options) {
-    options = options || {};
-    if (options.autoMount === undefined) {
-        options.autoMount = true;
-    }
-    const [mounted, setMounted] = React__default.useState(options.autoMount);
-    const theme = useTheme();
-    const doc = useDocument();
-    const appRoot = useAppRootElement();
-    const cacheId = useCSSCacheId();
-    const { el, root } = useMemo(() => {
-        const el = doc === null || doc === void 0 ? void 0 : doc.document.createElement("div");
-        const root = createRoot(el);
-        return { el, root };
-    }, [options.autoMount]);
-    const container = () => {
-        const container = (options === null || options === void 0 ? void 0 : options.container) || appRoot;
-        if (!container)
-            throw new Error(`Container not found for portal. Please ensure that AppRoot is present in the application tree.`);
-        return container;
-    };
-    const mount = () => {
-        const cont = container();
-        if (!cont.contains(el)) {
-            cont.appendChild(el);
-        }
-        root.render(jsx(AppRoot, { disableRenderar: true, theme: theme.name, CSSCacheId: cacheId, document: doc === null || doc === void 0 ? void 0 : doc.document, children: children }));
-    };
-    const unmount = () => {
-        root.render(null);
-        el === null || el === void 0 ? void 0 : el.remove();
-    };
-    useEffect(() => {
-        (mounted && appRoot) ? mount() : unmount();
-    }, [mounted, appRoot]);
-    useEffect(() => {
-        if (mounted && appRoot)
-            mount();
-    }, [children, appRoot]);
-    useEffect(() => {
-        return () => {
-            unmount();
-        };
-    }, []);
-    return {
-        isMount: () => mounted,
-        mount: () => setMounted(true),
-        unmount: () => setMounted(false)
-    };
-}
-
-export { usePortal as default };
-//# sourceMappingURL=usePortal.js.map

package/hooks/usePortal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePortal.js","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useMemo } from \"react\";\r\nimport { createRoot } from \"react-dom/client\";\r\nimport { ThemeProvider, useTheme } from \"../theme\";\r\nimport { useAppRootElement } from \"../AppRoot/AppRootProvider\";\r\nimport { useDocument } from \"../Document\";\r\nimport AppRoot from \"../AppRoot\";\r\nimport { useCSSCacheId } from \"../css/CSSCacheProvider\";\r\n\r\nexport type UsePortalOptions = {\r\n   container?: HTMLElement;\r\n   autoMount?: boolean;\r\n}\r\n\r\nfunction usePortal(children: React.ReactNode, options?: UsePortalOptions) {\r\n   options = options || {};\r\n   if (options.autoMount === undefined) {\r\n      options.autoMount = true;\r\n   }\r\n   const [mounted, setMounted] = React.useState(options.autoMount);\r\n   const theme = useTheme();\r\n   const doc = useDocument()\r\n   const appRoot = useAppRootElement();\r\n   const cacheId = useCSSCacheId()\r\n\r\n   const { el, root } = useMemo(() => {\r\n      const el = doc?.document.createElement(\"div\");\r\n      const root = createRoot(el!);\r\n      return { el, root };\r\n   }, [options.autoMount]);\r\n\r\n   const container = () => {\r\n      const container = options?.container || appRoot\r\n      if (!container) throw new Error(`Container not found for portal. Please ensure that AppRoot is present in the application tree.`);\r\n      return container;\r\n   }\r\n\r\n   const mount = () => {\r\n      const cont = container();\r\n      if (!cont.contains(el!)) {\r\n         cont.appendChild(el!);\r\n      }\r\n      root.render(<AppRoot disableRenderar theme={theme.name} CSSCacheId={cacheId} document={doc?.document}>{children}</AppRoot>)\r\n   }\r\n\r\n   const unmount = () => {\r\n      root.render(null)\r\n      el?.remove();\r\n   }\r\n\r\n   useEffect(() => {\r\n      (mounted && appRoot) ? mount() : unmount()\r\n   }, [mounted, appRoot]);\r\n\r\n   useEffect(() => {\r\n      if (mounted && appRoot) mount()\r\n   }, [children, appRoot]);\r\n\r\n   useEffect(() => {\r\n      return () => {\r\n         unmount()\r\n      };\r\n   }, []);\r\n\r\n   return {\r\n      isMount: () => mounted,\r\n      mount: () => setMounted(true),\r\n      unmount: () => setMounted(false)\r\n   }\r\n}\r\n\r\n\r\nexport default usePortal;"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACG;AACA;AACG;;AAEH;AACA;AACA;AACA;AACA;;AAGG;AACA;AACA;AACH;;AAGG;AACA;AAAgB;AAChB;AACH;;AAGG;;AAEG;;AAEH;AACH;;AAGG;AACA;AACH;;AAGG;AACH;;;AAG2B;AAC3B;;AAGG;AACG;AACH;;;AAIA;AACA;AACA;;AAEN;;"}