@purr-core/components.portal 0.0.7 → 0.0.9

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),d=require("react-dom"),s=({children:a,className:u="",...c})=>{const r=o.useRef(null),e=o.useCallback(t=>{t==null||t.setAttribute("data-test-id","portal"),t==null||t.setAttribute("class",`portal ${u}`),Object.entries(c).forEach(([i,n])=>{t==null||t.setAttribute(i,String(n))})},[u,c]);return o.useEffect(()=>{let t=document.getElementById("portal-root");return t||(t=document.createElement("div"),t.setAttribute("id","portal-root")),r.current||(r.current=document.createElement("div"),e(r.current)),document.body.appendChild(t),t.appendChild(r.current),()=>{r.current&&t.removeChild(r.current)}},[e]),r.current?d.createPortal(a,r.current):null};exports.Portal=s;
+'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

@@ -1,2 +1,24 @@
-export * from './_components';
-export * from './_types';
+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

@@ -1,25 +1 @@
-import n, { useCallback as e, useEffect as s } from "react";
-import { createPortal as p } from "react-dom";
-const l = ({
-  children: i,
-  className: o = "",
-  ...u
-}) => {
-  const r = n.useRef(null), c = e(
-    (t) => {
-      t == null || t.setAttribute("data-test-id", "portal"), t == null || t.setAttribute("class", `portal ${o}`), Object.entries(u).forEach(([a, d]) => {
-        t == null || t.setAttribute(a, String(d));
-      });
-    },
-    [o, u]
-  );
-  return s(() => {
-    let t = document.getElementById("portal-root");
-    return t || (t = document.createElement("div"), t.setAttribute("id", "portal-root")), r.current || (r.current = document.createElement("div"), c(r.current)), document.body.appendChild(t), t.appendChild(r.current), () => {
-      r.current && t.removeChild(r.current);
-    };
-  }, [c]), r.current ? p(i, r.current) : null;
-};
-export {
-  l as Portal
-};
+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.7",
+  "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.10"
+    "@purr-core/utils.definitions": "0.0.12"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",
@@ -32,6 +32,8 @@
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc && vite build",
+    "build:vite": "tsc && vite build",
+    "build:tsup": "tsup",
     "lint": "eslint . --ext ts,tsx --max-warnings 0"
   }
 }

package/dist/_components.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { IPortalProps } from './_types';
-
-export declare const Portal: ({ children, className, ...restProps }: IPortalProps) => React.ReactPortal | null;

package/dist/_types.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-import { IExtendable } from '@purr-core/utils.definitions';
-
-export interface IPortalProps extends IExtendable {
-    className?: string;
-    children: ReactNode;
-}