@purr-core/components.portal 0.0.1

package/dist/_components.d.ts

@@ -0,0 +1,4 @@
+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

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

package/dist/index.cjs

@@ -0,0 +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;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './_components';
+export * from './_types';

package/dist/index.js

@@ -0,0 +1,25 @@
+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
+};

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@purr-core/components.portal",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "@purr-core/utils.definitions": "0.0.4"
+  },
+  "author": "@DinhThienPhuc",
+  "license": "ISC",
+  "description": "",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --max-warnings 0"
+  }
+}