@purr-core/components.portal 0.0.8 → 0.0.9

package/dist/index.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react'),reactDom=require('react-dom');var E=({children:l,className:r="",...o})=>{let e=react.useRef(null),n=react.useCallback(t=>{t?.setAttribute("data-test-id","portal"),t?.setAttribute("class",`portal ${r}`),Object.entries(o).forEach(([u,c])=>{t?.setAttribute(u,String(c));});},[r,o]);return react.useEffect(()=>{let t=document.getElementById("portal-root");return t||(t=document.createElement("div"),t.setAttribute("id","portal-root")),e.current||(e.current=document.createElement("div"),n(e.current)),document.body.appendChild(t),t.appendChild(e.current),()=>{e.current&&t.removeChild(e.current);}},[n]),e.current?reactDom.createPortal(l,e.current):null};exports.Portal=E;

package/dist/index.d.cts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+/**
+ * The props for the Portal component.
+ *
+ * @interface IPortalProps
+ * @property {string} [className] - The class name of the component.
+ * @property {ReactNode} children - The children of the component.
+ */
+interface IPortalProps extends IExtendable {
+    className?: string;
+    children: ReactNode;
+}
+
+/**
+ * The Portal component.
+ *
+ * @param {IPortalProps} props - The props for the component.
+ * @returns {ReactNode} The component.
+ */
+declare const Portal: ({ children, className, ...restProps }: IPortalProps) => ReactNode;
+
+export { type IPortalProps, Portal };

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+/**
+ * The props for the Portal component.
+ *
+ * @interface IPortalProps
+ * @property {string} [className] - The class name of the component.
+ * @property {ReactNode} children - The children of the component.
+ */
+interface IPortalProps extends IExtendable {
+    className?: string;
+    children: ReactNode;
+}
+
+/**
+ * The Portal component.
+ *
+ * @param {IPortalProps} props - The props for the component.
+ * @returns {ReactNode} The component.
+ */
+declare const Portal: ({ children, className, ...restProps }: IPortalProps) => ReactNode;
+
+export { type IPortalProps, Portal };

package/dist/index.js

@@ -0,0 +1 @@
+import {useRef,useCallback,useEffect}from'react';import {createPortal}from'react-dom';var E=({children:l,className:r="",...o})=>{let e=useRef(null),n=useCallback(t=>{t?.setAttribute("data-test-id","portal"),t?.setAttribute("class",`portal ${r}`),Object.entries(o).forEach(([u,c])=>{t?.setAttribute(u,String(c));});},[r,o]);return useEffect(()=>{let t=document.getElementById("portal-root");return t||(t=document.createElement("div"),t.setAttribute("id","portal-root")),e.current||(e.current=document.createElement("div"),n(e.current)),document.body.appendChild(t),t.appendChild(e.current),()=>{e.current&&t.removeChild(e.current);}},[n]),e.current?createPortal(l,e.current):null};export{E as Portal};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-core/components.portal",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -23,7 +23,7 @@
   "peerDependencies": {
     "react": "*",
     "react-dom": "*",
-    "@purr-core/utils.definitions": "0.0.11"
+    "@purr-core/utils.definitions": "0.0.12"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",