@xylabs/react-portal 6.3.13 → 6.4.0

package/dist/browser/index.d.ts

@@ -1,11 +1,2 @@
-interface PortalProps {
-    children: React.ReactNode;
-    className?: string;
-    el?: string;
-    target?: string;
-}
-
-declare const Portal: React.FC<PortalProps>;
-
-export { Portal };
-export type { PortalProps };
+export * from './components/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.mjs

@@ -1,12 +1,10 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/components/Portal/Portal.tsx
 import { useEffect, useState } from "react";
 import { createPortal } from "react-dom";
-var Portal = ({
-  children,
-  className,
-  el = "div",
-  target = "body"
-}) => {
+var Portal = /* @__PURE__ */ __name(({ children, className, el = "div", target = "body" }) => {
   const [container] = useState(document.createElement(el));
   if (className) {
     container.classList.add(className);
@@ -20,9 +18,12 @@ var Portal = ({
     return () => {
       container.remove();
     };
-  }, [container, target]);
-  return createPortal(children, container);
-};
+  }, [
+    container,
+    target
+  ]);
+  return /* @__PURE__ */ createPortal(children, container);
+}, "Portal");
 export {
   Portal
 };

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PortalProps } from './PortalProps.ts'\n\nexport const Portal: React.FC<PortalProps> = ({\n  children, className, el = 'div', target = 'body',\n}: PortalProps) => {\n  const [container] = useState(document.createElement(el))\n  if (className) {\n    container.classList.add(className)\n  }\n  useEffect(() => {\n    const targetElement = document.querySelector(target)\n    if (!targetElement) {\n      console.warn(`Unable to find target element: ${target}`)\n    }\n    targetElement?.append(container)\n    return () => {\n      container.remove()\n    }\n  }, [container, target])\n\n  return createPortal(children, container)\n}\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAItB,IAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EAAU;AAAA,EAAW,KAAK;AAAA,EAAO,SAAS;AAC5C,MAAmB;AACjB,QAAM,CAAC,SAAS,IAAI,SAAS,SAAS,cAAc,EAAE,CAAC;AACvD,MAAI,WAAW;AACb,cAAU,UAAU,IAAI,SAAS;AAAA,EACnC;AACA,YAAU,MAAM;AACd,UAAM,gBAAgB,SAAS,cAAc,MAAM;AACnD,QAAI,CAAC,eAAe;AAClB,cAAQ,KAAK,kCAAkC,MAAM,EAAE;AAAA,IACzD;AACA,mBAAe,OAAO,SAAS;AAC/B,WAAO,MAAM;AACX,gBAAU,OAAO;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,SAAO,aAAa,UAAU,SAAS;AACzC;","names":[]}
+{"version":3,"sources":["../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PortalProps } from './PortalProps.ts'\n\nexport const Portal: React.FC<PortalProps> = ({\n  children, className, el = 'div', target = 'body',\n}: PortalProps) => {\n  const [container] = useState(document.createElement(el))\n  if (className) {\n    container.classList.add(className)\n  }\n  useEffect(() => {\n    const targetElement = document.querySelector(target)\n    if (!targetElement) {\n      console.warn(`Unable to find target element: ${target}`)\n    }\n    targetElement?.append(container)\n    return () => {\n      container.remove()\n    }\n  }, [container, target])\n\n  return createPortal(children, container)\n}\n"],"mappings":";;;;AAAA,SAASA,WAAWC,gBAAgB;AACpC,SAASC,oBAAoB;AAItB,IAAMC,SAAgC,wBAAC,EAC5CC,UAAUC,WAAWC,KAAK,OAAOC,SAAS,OAAM,MACpC;AACZ,QAAM,CAACC,SAAAA,IAAaC,SAASC,SAASC,cAAcL,EAAAA,CAAAA;AACpD,MAAID,WAAW;AACbG,cAAUI,UAAUC,IAAIR,SAAAA;EAC1B;AACAS,YAAU,MAAA;AACR,UAAMC,gBAAgBL,SAASM,cAAcT,MAAAA;AAC7C,QAAI,CAACQ,eAAe;AAClBE,cAAQC,KAAK,kCAAkCX,MAAAA,EAAQ;IACzD;AACAQ,mBAAeI,OAAOX,SAAAA;AACtB,WAAO,MAAA;AACLA,gBAAUY,OAAM;IAClB;EACF,GAAG;IAACZ;IAAWD;GAAO;AAEtB,SAAOc,6BAAajB,UAAUI,SAAAA;AAChC,GAnB6C;","names":["useEffect","useState","createPortal","Portal","children","className","el","target","container","useState","document","createElement","classList","add","useEffect","targetElement","querySelector","console","warn","append","remove","createPortal"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-portal",
-  "version": "6.3.13",
+  "version": "6.4.0",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",
@@ -39,11 +39,11 @@
   "devDependencies": {
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
-    "@xylabs/ts-scripts-yarn3": "^7.0.0-rc.24",
-    "@xylabs/tsconfig-react": "^7.0.0-rc.24",
-    "knip": "^5.61.3",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "@xylabs/ts-scripts-yarn3": "^7.0.1",
+    "@xylabs/tsconfig-react": "^7.0.1",
+    "knip": "^5.62.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {