@xylabs/react-portal 3.4.1 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/dist/browser/index.d.ts +10 -2
  2. package/dist/browser/{index.js → index.mjs} +11 -5
  3. package/dist/browser/index.mjs.map +1 -0
  4. package/package.json +7 -27
  5. package/src/components/Portal/Portal.tsx +1 -1
  6. package/src/components/Portal/index.ts +2 -2
  7. package/src/components/index.ts +1 -1
  8. package/src/index.ts +1 -1
  9. package/xy.config.ts +12 -0
  10. package/dist/browser/components/Portal/Portal.d.cts +0 -3
  11. package/dist/browser/components/Portal/Portal.d.cts.map +0 -1
  12. package/dist/browser/components/Portal/Portal.d.mts +0 -3
  13. package/dist/browser/components/Portal/Portal.d.mts.map +0 -1
  14. package/dist/browser/components/Portal/Portal.d.ts +0 -3
  15. package/dist/browser/components/Portal/Portal.d.ts.map +0 -1
  16. package/dist/browser/components/Portal/PortalProps.d.cts +0 -7
  17. package/dist/browser/components/Portal/PortalProps.d.cts.map +0 -1
  18. package/dist/browser/components/Portal/PortalProps.d.mts +0 -7
  19. package/dist/browser/components/Portal/PortalProps.d.mts.map +0 -1
  20. package/dist/browser/components/Portal/PortalProps.d.ts +0 -7
  21. package/dist/browser/components/Portal/PortalProps.d.ts.map +0 -1
  22. package/dist/browser/components/Portal/index.d.cts +0 -3
  23. package/dist/browser/components/Portal/index.d.cts.map +0 -1
  24. package/dist/browser/components/Portal/index.d.mts +0 -3
  25. package/dist/browser/components/Portal/index.d.mts.map +0 -1
  26. package/dist/browser/components/Portal/index.d.ts +0 -3
  27. package/dist/browser/components/Portal/index.d.ts.map +0 -1
  28. package/dist/browser/components/index.d.cts +0 -2
  29. package/dist/browser/components/index.d.cts.map +0 -1
  30. package/dist/browser/components/index.d.mts +0 -2
  31. package/dist/browser/components/index.d.mts.map +0 -1
  32. package/dist/browser/components/index.d.ts +0 -2
  33. package/dist/browser/components/index.d.ts.map +0 -1
  34. package/dist/browser/index.cjs +0 -47
  35. package/dist/browser/index.cjs.map +0 -1
  36. package/dist/browser/index.d.cts +0 -2
  37. package/dist/browser/index.d.cts.map +0 -1
  38. package/dist/browser/index.d.mts +0 -2
  39. package/dist/browser/index.d.mts.map +0 -1
  40. package/dist/browser/index.d.ts.map +0 -1
  41. package/dist/browser/index.js.map +0 -1
  42. package/dist/neutral/components/Portal/Portal.d.cts +0 -3
  43. package/dist/neutral/components/Portal/Portal.d.cts.map +0 -1
  44. package/dist/neutral/components/Portal/Portal.d.mts +0 -3
  45. package/dist/neutral/components/Portal/Portal.d.mts.map +0 -1
  46. package/dist/neutral/components/Portal/Portal.d.ts +0 -3
  47. package/dist/neutral/components/Portal/Portal.d.ts.map +0 -1
  48. package/dist/neutral/components/Portal/PortalProps.d.cts +0 -7
  49. package/dist/neutral/components/Portal/PortalProps.d.cts.map +0 -1
  50. package/dist/neutral/components/Portal/PortalProps.d.mts +0 -7
  51. package/dist/neutral/components/Portal/PortalProps.d.mts.map +0 -1
  52. package/dist/neutral/components/Portal/PortalProps.d.ts +0 -7
  53. package/dist/neutral/components/Portal/PortalProps.d.ts.map +0 -1
  54. package/dist/neutral/components/Portal/index.d.cts +0 -3
  55. package/dist/neutral/components/Portal/index.d.cts.map +0 -1
  56. package/dist/neutral/components/Portal/index.d.mts +0 -3
  57. package/dist/neutral/components/Portal/index.d.mts.map +0 -1
  58. package/dist/neutral/components/Portal/index.d.ts +0 -3
  59. package/dist/neutral/components/Portal/index.d.ts.map +0 -1
  60. package/dist/neutral/components/index.d.cts +0 -2
  61. package/dist/neutral/components/index.d.cts.map +0 -1
  62. package/dist/neutral/components/index.d.mts +0 -2
  63. package/dist/neutral/components/index.d.mts.map +0 -1
  64. package/dist/neutral/components/index.d.ts +0 -2
  65. package/dist/neutral/components/index.d.ts.map +0 -1
  66. package/dist/neutral/index.cjs +0 -47
  67. package/dist/neutral/index.cjs.map +0 -1
  68. package/dist/neutral/index.d.cts +0 -2
  69. package/dist/neutral/index.d.cts.map +0 -1
  70. package/dist/neutral/index.d.mts +0 -2
  71. package/dist/neutral/index.d.mts.map +0 -1
  72. package/dist/neutral/index.d.ts +0 -2
  73. package/dist/neutral/index.d.ts.map +0 -1
  74. package/dist/neutral/index.js +0 -24
  75. package/dist/neutral/index.js.map +0 -1
  76. package/dist/node/components/Portal/Portal.d.cts +0 -3
  77. package/dist/node/components/Portal/Portal.d.cts.map +0 -1
  78. package/dist/node/components/Portal/Portal.d.mts +0 -3
  79. package/dist/node/components/Portal/Portal.d.mts.map +0 -1
  80. package/dist/node/components/Portal/Portal.d.ts +0 -3
  81. package/dist/node/components/Portal/Portal.d.ts.map +0 -1
  82. package/dist/node/components/Portal/PortalProps.d.cts +0 -7
  83. package/dist/node/components/Portal/PortalProps.d.cts.map +0 -1
  84. package/dist/node/components/Portal/PortalProps.d.mts +0 -7
  85. package/dist/node/components/Portal/PortalProps.d.mts.map +0 -1
  86. package/dist/node/components/Portal/PortalProps.d.ts +0 -7
  87. package/dist/node/components/Portal/PortalProps.d.ts.map +0 -1
  88. package/dist/node/components/Portal/index.d.cts +0 -3
  89. package/dist/node/components/Portal/index.d.cts.map +0 -1
  90. package/dist/node/components/Portal/index.d.mts +0 -3
  91. package/dist/node/components/Portal/index.d.mts.map +0 -1
  92. package/dist/node/components/Portal/index.d.ts +0 -3
  93. package/dist/node/components/Portal/index.d.ts.map +0 -1
  94. package/dist/node/components/index.d.cts +0 -2
  95. package/dist/node/components/index.d.cts.map +0 -1
  96. package/dist/node/components/index.d.mts +0 -2
  97. package/dist/node/components/index.d.mts.map +0 -1
  98. package/dist/node/components/index.d.ts +0 -2
  99. package/dist/node/components/index.d.ts.map +0 -1
  100. package/dist/node/index.cjs +0 -51
  101. package/dist/node/index.cjs.map +0 -1
  102. package/dist/node/index.d.cts +0 -2
  103. package/dist/node/index.d.cts.map +0 -1
  104. package/dist/node/index.d.mts +0 -2
  105. package/dist/node/index.d.mts.map +0 -1
  106. package/dist/node/index.d.ts +0 -2
  107. package/dist/node/index.d.ts.map +0 -1
  108. package/dist/node/index.js +0 -24
  109. package/dist/node/index.js.map +0 -1
@@ -1,2 +1,10 @@
1
- export * from './components/index.js';
2
- //# sourceMappingURL=index.d.ts.map
1
+ interface PortalProps {
2
+ children: React.ReactNode;
3
+ className?: string;
4
+ el?: string;
5
+ target?: string;
6
+ }
7
+
8
+ declare const Portal: React.FC<PortalProps>;
9
+
10
+ export { Portal, type PortalProps };
@@ -1,7 +1,10 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+
1
4
  // src/components/Portal/Portal.tsx
2
5
  import { useEffect, useState } from "react";
3
6
  import { createPortal } from "react-dom";
4
- var Portal = ({ children, className, el = "div", target = "body" }) => {
7
+ var Portal = /* @__PURE__ */ __name(({ children, className, el = "div", target = "body" }) => {
5
8
  const [container] = useState(document.createElement(el));
6
9
  if (className) {
7
10
  container.classList.add(className);
@@ -15,10 +18,13 @@ var Portal = ({ children, className, el = "div", target = "body" }) => {
15
18
  return () => {
16
19
  container.remove();
17
20
  };
18
- }, [container, target]);
19
- return createPortal(children, container);
20
- };
21
+ }, [
22
+ container,
23
+ target
24
+ ]);
25
+ return /* @__PURE__ */ createPortal(children, container);
26
+ }, "Portal");
21
27
  export {
22
28
  Portal
23
29
  };
24
- //# sourceMappingURL=index.js.map
30
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +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.ts'\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?.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,EAAEC,UAAUC,WAAWC,KAAK,OAAOC,SAAS,OAAM,MAAe;AAC7G,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,GAjB6C;","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 CHANGED
@@ -16,11 +16,11 @@
16
16
  "devDependencies": {
17
17
  "@types/react": "^18.3.3",
18
18
  "@types/react-dom": "^18.3.0",
19
- "@xylabs/ts-scripts-yarn3": "^3.12.1",
20
- "@xylabs/tsconfig-react": "^3.12.1",
19
+ "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
20
+ "@xylabs/tsconfig-react": "^4.0.0-rc.15",
21
21
  "react": "^18.3.1",
22
22
  "react-dom": "^18.3.1",
23
- "typescript": "^5.5.3"
23
+ "typescript": "^5.5.4"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": "^18",
@@ -28,33 +28,13 @@
28
28
  },
29
29
  "exports": {
30
30
  ".": {
31
- "node": {
32
- "import": {
33
- "types": "./dist/node/index.d.mts",
34
- "default": "./dist/node/index.js"
35
- },
36
- "require": {
37
- "types": "./dist/node/index.d.cts",
38
- "default": "./dist/node/index.cjs"
39
- }
40
- },
41
- "browser": {
42
- "import": {
43
- "types": "./dist/browser/index.d.mts",
44
- "default": "./dist/browser/index.js"
45
- },
46
- "require": {
47
- "types": "./dist/browser/index.d.cts",
48
- "default": "./dist/browser/index.cjs"
49
- }
50
- },
51
- "default": "./dist/browser/index.js"
31
+ "types": "./dist/browser/index.d.ts",
32
+ "default": "./dist/browser/index.mjs"
52
33
  },
53
34
  "./package.json": "./package.json"
54
35
  },
55
36
  "types": "dist/browser/index.d.ts",
56
- "main": "./dist/browser/index.cjs",
57
- "module": "./dist/browser/index.js",
37
+ "module": "./dist/browser/index.mjs",
58
38
  "homepage": "https://xylabs.com",
59
39
  "keywords": [
60
40
  "utility",
@@ -70,6 +50,6 @@
70
50
  "url": "https://github.com/xylabs/sdk-react.git"
71
51
  },
72
52
  "sideEffects": false,
73
- "version": "3.4.1",
53
+ "version": "4.0.0",
74
54
  "type": "module"
75
55
  }
@@ -1,7 +1,7 @@
1
1
  import { useEffect, useState } from 'react'
2
2
  import { createPortal } from 'react-dom'
3
3
 
4
- import { PortalProps } from './PortalProps.js'
4
+ import { PortalProps } from './PortalProps.ts'
5
5
 
6
6
  export const Portal: React.FC<PortalProps> = ({ children, className, el = 'div', target = 'body' }: PortalProps) => {
7
7
  const [container] = useState(document.createElement(el))
@@ -1,2 +1,2 @@
1
- export * from './Portal.jsx'
2
- export * from './PortalProps.js'
1
+ export * from './Portal.tsx'
2
+ export * from './PortalProps.ts'
@@ -1 +1 @@
1
- export * from './Portal/index.js'
1
+ export * from './Portal/index.ts'
package/src/index.ts CHANGED
@@ -1 +1 @@
1
- export * from './components/index.js'
1
+ export * from './components/index.ts'
package/xy.config.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
2
+ const config: XyTsupConfig = {
3
+ compile: {
4
+ browser: {
5
+ src: {},
6
+ },
7
+ node: {},
8
+ neutral: {},
9
+ },
10
+ }
11
+
12
+ export default config
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.js';
2
- export declare const Portal: React.FC<PortalProps>;
3
- //# sourceMappingURL=Portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBxC,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.js';
2
- export declare const Portal: React.FC<PortalProps>;
3
- //# sourceMappingURL=Portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBxC,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.js';
2
- export declare const Portal: React.FC<PortalProps>;
3
- //# sourceMappingURL=Portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBxC,CAAA"}
@@ -1,7 +0,0 @@
1
- export interface PortalProps {
2
- children: React.ReactNode;
3
- className?: string;
4
- el?: string;
5
- target?: string;
6
- }
7
- //# sourceMappingURL=PortalProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
@@ -1,7 +0,0 @@
1
- export interface PortalProps {
2
- children: React.ReactNode;
3
- className?: string;
4
- el?: string;
5
- target?: string;
6
- }
7
- //# sourceMappingURL=PortalProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
@@ -1,7 +0,0 @@
1
- export interface PortalProps {
2
- children: React.ReactNode;
3
- className?: string;
4
- el?: string;
5
- target?: string;
6
- }
7
- //# sourceMappingURL=PortalProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
@@ -1,3 +0,0 @@
1
- export * from './Portal.jsx';
2
- export * from './PortalProps.js';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
@@ -1,3 +0,0 @@
1
- export * from './Portal.jsx';
2
- export * from './PortalProps.js';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
@@ -1,3 +0,0 @@
1
- export * from './Portal.jsx';
2
- export * from './PortalProps.js';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Portal/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Portal/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Portal/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
@@ -1,47 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/index.ts
21
- var src_exports = {};
22
- __export(src_exports, {
23
- Portal: () => Portal
24
- });
25
- module.exports = __toCommonJS(src_exports);
26
-
27
- // src/components/Portal/Portal.tsx
28
- var import_react = require("react");
29
- var import_react_dom = require("react-dom");
30
- var Portal = ({ children, className, el = "div", target = "body" }) => {
31
- const [container] = (0, import_react.useState)(document.createElement(el));
32
- if (className) {
33
- container.classList.add(className);
34
- }
35
- (0, import_react.useEffect)(() => {
36
- const targetElement = document.querySelector(target);
37
- if (!targetElement) {
38
- console.warn(`Unable to find target element: ${target}`);
39
- }
40
- targetElement?.append(container);
41
- return () => {
42
- container.remove();
43
- };
44
- }, [container, target]);
45
- return (0, import_react_dom.createPortal)(children, container);
46
- };
47
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/index.ts","../../src/components/Portal/Portal.tsx"],"sourcesContent":["export * from './components/index.js'\n","import { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PortalProps } from './PortalProps.js'\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?.append(container)\n return () => {\n container.remove()\n }\n }, [container, target])\n\n return createPortal(children, container)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAoC;AACpC,uBAA6B;AAItB,IAAM,SAAgC,CAAC,EAAE,UAAU,WAAW,KAAK,OAAO,SAAS,OAAO,MAAmB;AAClH,QAAM,CAAC,SAAS,QAAI,uBAAS,SAAS,cAAc,EAAE,CAAC;AACvD,MAAI,WAAW;AACb,cAAU,UAAU,IAAI,SAAS;AAAA,EACnC;AACA,8BAAU,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,aAAO,+BAAa,UAAU,SAAS;AACzC;","names":[]}
@@ -1,2 +0,0 @@
1
- export * from './components/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './components/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1 +0,0 @@
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.js'\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?.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,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,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":[]}
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.js';
2
- export declare const Portal: React.FC<PortalProps>;
3
- //# sourceMappingURL=Portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBxC,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.js';
2
- export declare const Portal: React.FC<PortalProps>;
3
- //# sourceMappingURL=Portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBxC,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.js';
2
- export declare const Portal: React.FC<PortalProps>;
3
- //# sourceMappingURL=Portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBxC,CAAA"}
@@ -1,7 +0,0 @@
1
- export interface PortalProps {
2
- children: React.ReactNode;
3
- className?: string;
4
- el?: string;
5
- target?: string;
6
- }
7
- //# sourceMappingURL=PortalProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
@@ -1,7 +0,0 @@
1
- export interface PortalProps {
2
- children: React.ReactNode;
3
- className?: string;
4
- el?: string;
5
- target?: string;
6
- }
7
- //# sourceMappingURL=PortalProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
@@ -1,7 +0,0 @@
1
- export interface PortalProps {
2
- children: React.ReactNode;
3
- className?: string;
4
- el?: string;
5
- target?: string;
6
- }
7
- //# sourceMappingURL=PortalProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
@@ -1,3 +0,0 @@
1
- export * from './Portal.jsx';
2
- export * from './PortalProps.js';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
@@ -1,3 +0,0 @@
1
- export * from './Portal.jsx';
2
- export * from './PortalProps.js';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
@@ -1,3 +0,0 @@
1
- export * from './Portal.jsx';
2
- export * from './PortalProps.js';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Portal/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Portal/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Portal/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
@@ -1,47 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/index.ts
21
- var src_exports = {};
22
- __export(src_exports, {
23
- Portal: () => Portal
24
- });
25
- module.exports = __toCommonJS(src_exports);
26
-
27
- // src/components/Portal/Portal.tsx
28
- var import_react = require("react");
29
- var import_react_dom = require("react-dom");
30
- var Portal = ({ children, className, el = "div", target = "body" }) => {
31
- const [container] = (0, import_react.useState)(document.createElement(el));
32
- if (className) {
33
- container.classList.add(className);
34
- }
35
- (0, import_react.useEffect)(() => {
36
- const targetElement = document.querySelector(target);
37
- if (!targetElement) {
38
- console.warn(`Unable to find target element: ${target}`);
39
- }
40
- targetElement?.append(container);
41
- return () => {
42
- container.remove();
43
- };
44
- }, [container, target]);
45
- return (0, import_react_dom.createPortal)(children, container);
46
- };
47
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/index.ts","../../src/components/Portal/Portal.tsx"],"sourcesContent":["export * from './components/index.js'\n","import { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PortalProps } from './PortalProps.js'\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?.append(container)\n return () => {\n container.remove()\n }\n }, [container, target])\n\n return createPortal(children, container)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAoC;AACpC,uBAA6B;AAItB,IAAM,SAAgC,CAAC,EAAE,UAAU,WAAW,KAAK,OAAO,SAAS,OAAO,MAAmB;AAClH,QAAM,CAAC,SAAS,QAAI,uBAAS,SAAS,cAAc,EAAE,CAAC;AACvD,MAAI,WAAW;AACb,cAAU,UAAU,IAAI,SAAS;AAAA,EACnC;AACA,8BAAU,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,aAAO,+BAAa,UAAU,SAAS;AACzC;","names":[]}
@@ -1,2 +0,0 @@
1
- export * from './components/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './components/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './components/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,24 +0,0 @@
1
- // src/components/Portal/Portal.tsx
2
- import { useEffect, useState } from "react";
3
- import { createPortal } from "react-dom";
4
- var Portal = ({ children, className, el = "div", target = "body" }) => {
5
- const [container] = useState(document.createElement(el));
6
- if (className) {
7
- container.classList.add(className);
8
- }
9
- useEffect(() => {
10
- const targetElement = document.querySelector(target);
11
- if (!targetElement) {
12
- console.warn(`Unable to find target element: ${target}`);
13
- }
14
- targetElement?.append(container);
15
- return () => {
16
- container.remove();
17
- };
18
- }, [container, target]);
19
- return createPortal(children, container);
20
- };
21
- export {
22
- Portal
23
- };
24
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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.js'\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?.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,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,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":[]}
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.js';
2
- export declare const Portal: React.FC<PortalProps>;
3
- //# sourceMappingURL=Portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBxC,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.js';
2
- export declare const Portal: React.FC<PortalProps>;
3
- //# sourceMappingURL=Portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBxC,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.js';
2
- export declare const Portal: React.FC<PortalProps>;
3
- //# sourceMappingURL=Portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBxC,CAAA"}
@@ -1,7 +0,0 @@
1
- export interface PortalProps {
2
- children: React.ReactNode;
3
- className?: string;
4
- el?: string;
5
- target?: string;
6
- }
7
- //# sourceMappingURL=PortalProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
@@ -1,7 +0,0 @@
1
- export interface PortalProps {
2
- children: React.ReactNode;
3
- className?: string;
4
- el?: string;
5
- target?: string;
6
- }
7
- //# sourceMappingURL=PortalProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
@@ -1,7 +0,0 @@
1
- export interface PortalProps {
2
- children: React.ReactNode;
3
- className?: string;
4
- el?: string;
5
- target?: string;
6
- }
7
- //# sourceMappingURL=PortalProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
@@ -1,3 +0,0 @@
1
- export * from './Portal.jsx';
2
- export * from './PortalProps.js';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
@@ -1,3 +0,0 @@
1
- export * from './Portal.jsx';
2
- export * from './PortalProps.js';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
@@ -1,3 +0,0 @@
1
- export * from './Portal.jsx';
2
- export * from './PortalProps.js';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Portal/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Portal/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Portal/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
@@ -1,51 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/index.ts
21
- var src_exports = {};
22
- __export(src_exports, {
23
- Portal: () => Portal
24
- });
25
- module.exports = __toCommonJS(src_exports);
26
-
27
- // src/components/Portal/Portal.tsx
28
- var import_react = require("react");
29
- var import_react_dom = require("react-dom");
30
- var Portal = ({ children, className, el = "div", target = "body" }) => {
31
- const [container] = (0, import_react.useState)(document.createElement(el));
32
- if (className) {
33
- container.classList.add(className);
34
- }
35
- (0, import_react.useEffect)(() => {
36
- const targetElement = document.querySelector(target);
37
- if (!targetElement) {
38
- console.warn(`Unable to find target element: ${target}`);
39
- }
40
- targetElement == null ? void 0 : targetElement.append(container);
41
- return () => {
42
- container.remove();
43
- };
44
- }, [container, target]);
45
- return (0, import_react_dom.createPortal)(children, container);
46
- };
47
- // Annotate the CommonJS export names for ESM import in node:
48
- 0 && (module.exports = {
49
- Portal
50
- });
51
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/index.ts","../../src/components/Portal/Portal.tsx"],"sourcesContent":["export * from './components/index.js'\n","import { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PortalProps } from './PortalProps.js'\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?.append(container)\n return () => {\n container.remove()\n }\n }, [container, target])\n\n return createPortal(children, container)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAoC;AACpC,uBAA6B;AAItB,IAAM,SAAgC,CAAC,EAAE,UAAU,WAAW,KAAK,OAAO,SAAS,OAAO,MAAmB;AAClH,QAAM,CAAC,SAAS,QAAI,uBAAS,SAAS,cAAc,EAAE,CAAC;AACvD,MAAI,WAAW;AACb,cAAU,UAAU,IAAI,SAAS;AAAA,EACnC;AACA,8BAAU,MAAM;AACd,UAAM,gBAAgB,SAAS,cAAc,MAAM;AACnD,QAAI,CAAC,eAAe;AAClB,cAAQ,KAAK,kCAAkC,MAAM,EAAE;AAAA,IACzD;AACA,mDAAe,OAAO;AACtB,WAAO,MAAM;AACX,gBAAU,OAAO;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,aAAO,+BAAa,UAAU,SAAS;AACzC;","names":[]}
@@ -1,2 +0,0 @@
1
- export * from './components/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './components/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './components/index.js';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,24 +0,0 @@
1
- // src/components/Portal/Portal.tsx
2
- import { useEffect, useState } from "react";
3
- import { createPortal } from "react-dom";
4
- var Portal = ({ children, className, el = "div", target = "body" }) => {
5
- const [container] = useState(document.createElement(el));
6
- if (className) {
7
- container.classList.add(className);
8
- }
9
- useEffect(() => {
10
- const targetElement = document.querySelector(target);
11
- if (!targetElement) {
12
- console.warn(`Unable to find target element: ${target}`);
13
- }
14
- targetElement == null ? void 0 : targetElement.append(container);
15
- return () => {
16
- container.remove();
17
- };
18
- }, [container, target]);
19
- return createPortal(children, container);
20
- };
21
- export {
22
- Portal
23
- };
24
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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.js'\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?.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,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,mDAAe,OAAO;AACtB,WAAO,MAAM;AACX,gBAAU,OAAO;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,SAAO,aAAa,UAAU,SAAS;AACzC;","names":[]}