@xylabs/react-portal 3.0.5 → 3.0.7

package/dist/browser/components/Portal/Portal.js

@@ -1,6 +1,7 @@
+// src/components/Portal/Portal.tsx
 import { useEffect, useState } from "react";
 import { createPortal } from "react-dom";
-const Portal = ({ children, className, el = "div", target = "body" }) => {
+var Portal = ({ children, className, el = "div", target = "body" }) => {
   const [container] = useState(document.createElement(el));
   if (className) {
     container.classList.add(className);

package/dist/browser/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PortalProps } from './PortalProps'\n\nexport const Portal: React.FC<PortalProps> = ({ children, className, el = 'div', target = 'body' }: 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?.appendChild(container)\n    return () => {\n      targetElement?.removeChild(container)\n    }\n  }, [container, target])\n\n  return createPortal(children, container)\n}\n"],"mappings":"AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAItB,MAAM,SAAgC,CAAC,EAAE,UAAU,WAAW,KAAK,OAAO,SAAS,OAAO,MAAmB;AAClH,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,YAAY,SAAS;AACpC,WAAO,MAAM;AACX,qBAAe,YAAY,SAAS;AAAA,IACtC;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 { PortalProps } from './PortalProps'\n\nexport const Portal: React.FC<PortalProps> = ({ children, className, el = 'div', target = 'body' }: 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?.appendChild(container)\n    return () => {\n      targetElement?.removeChild(container)\n    }\n  }, [container, target])\n\n  return createPortal(children, container)\n}\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAItB,IAAM,SAAgC,CAAC,EAAE,UAAU,WAAW,KAAK,OAAO,SAAS,OAAO,MAAmB;AAClH,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,YAAY,SAAS;AACpC,WAAO,MAAM;AACX,qBAAe,YAAY,SAAS;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,SAAO,aAAa,UAAU,SAAS;AACzC;","names":[]}

package/dist/browser/components/Portal/index.js

@@ -1,3 +1,24 @@
-export * from "./Portal";
-export * from "./PortalProps";
+// src/components/Portal/Portal.tsx
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+var Portal = ({ children, className, el = "div", target = "body" }) => {
+  const [container] = useState(document.createElement(el));
+  if (className) {
+    container.classList.add(className);
+  }
+  useEffect(() => {
+    const targetElement = document.querySelector(target);
+    if (!targetElement) {
+      console.warn(`Unable to find target element: ${target}`);
+    }
+    targetElement?.appendChild(container);
+    return () => {
+      targetElement?.removeChild(container);
+    };
+  }, [container, target]);
+  return createPortal(children, container);
+};
+export {
+  Portal
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Portal/index.ts"],"sourcesContent":["export * from './Portal'\nexport * from './PortalProps'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PortalProps } from './PortalProps'\n\nexport const Portal: React.FC<PortalProps> = ({ children, className, el = 'div', target = 'body' }: 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?.appendChild(container)\n    return () => {\n      targetElement?.removeChild(container)\n    }\n  }, [container, target])\n\n  return createPortal(children, container)\n}\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAItB,IAAM,SAAgC,CAAC,EAAE,UAAU,WAAW,KAAK,OAAO,SAAS,OAAO,MAAmB;AAClH,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,YAAY,SAAS;AACpC,WAAO,MAAM;AACX,qBAAe,YAAY,SAAS;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,SAAO,aAAa,UAAU,SAAS;AACzC;","names":[]}

package/dist/browser/components/index.js

@@ -1,2 +1,24 @@
-export * from "./Portal";
+// src/components/Portal/Portal.tsx
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+var Portal = ({ children, className, el = "div", target = "body" }) => {
+  const [container] = useState(document.createElement(el));
+  if (className) {
+    container.classList.add(className);
+  }
+  useEffect(() => {
+    const targetElement = document.querySelector(target);
+    if (!targetElement) {
+      console.warn(`Unable to find target element: ${target}`);
+    }
+    targetElement?.appendChild(container);
+    return () => {
+      targetElement?.removeChild(container);
+    };
+  }, [container, target]);
+  return createPortal(children, container);
+};
+export {
+  Portal
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Portal'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PortalProps } from './PortalProps'\n\nexport const Portal: React.FC<PortalProps> = ({ children, className, el = 'div', target = 'body' }: 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?.appendChild(container)\n    return () => {\n      targetElement?.removeChild(container)\n    }\n  }, [container, target])\n\n  return createPortal(children, container)\n}\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAItB,IAAM,SAAgC,CAAC,EAAE,UAAU,WAAW,KAAK,OAAO,SAAS,OAAO,MAAmB;AAClH,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,YAAY,SAAS;AACpC,WAAO,MAAM;AACX,qBAAe,YAAY,SAAS;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,SAAO,aAAa,UAAU,SAAS;AACzC;","names":[]}

package/dist/browser/index.js

@@ -1,2 +1,24 @@
-export * from "./components";
+// src/components/Portal/Portal.tsx
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+var Portal = ({ children, className, el = "div", target = "body" }) => {
+  const [container] = useState(document.createElement(el));
+  if (className) {
+    container.classList.add(className);
+  }
+  useEffect(() => {
+    const targetElement = document.querySelector(target);
+    if (!targetElement) {
+      console.warn(`Unable to find target element: ${target}`);
+    }
+    targetElement?.appendChild(container);
+    return () => {
+      targetElement?.removeChild(container);
+    };
+  }, [container, target]);
+  return createPortal(children, container);
+};
+export {
+  Portal
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PortalProps } from './PortalProps'\n\nexport const Portal: React.FC<PortalProps> = ({ children, className, el = 'div', target = 'body' }: 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?.appendChild(container)\n    return () => {\n      targetElement?.removeChild(container)\n    }\n  }, [container, target])\n\n  return createPortal(children, container)\n}\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAItB,IAAM,SAAgC,CAAC,EAAE,UAAU,WAAW,KAAK,OAAO,SAAS,OAAO,MAAmB;AAClH,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,YAAY,SAAS;AACpC,WAAO,MAAM;AACX,qBAAe,YAAY,SAAS;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,SAAO,aAAa,UAAU,SAAS;AACzC;","names":[]}

package/package.json

@@ -15,8 +15,8 @@
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
     "@types/react-dom": "^18.2.8",
-    "@xylabs/ts-scripts-yarn3": "^3.0.78",
-    "@xylabs/tsconfig-react": "^3.0.78",
+    "@xylabs/ts-scripts-yarn3": "^3.0.82",
+    "@xylabs/tsconfig-react": "^3.0.82",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
@@ -72,6 +72,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "version": "3.0.5",
+  "version": "3.0.7",
   "type": "module"
 }