@xylabs/react-portal 3.4.2 → 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 (102) hide show
  1. package/dist/browser/index.d.ts +10 -2
  2. package/package.json +4 -24
  3. package/xy.config.ts +12 -0
  4. package/dist/browser/components/Portal/Portal.d.cts +0 -3
  5. package/dist/browser/components/Portal/Portal.d.cts.map +0 -1
  6. package/dist/browser/components/Portal/Portal.d.mts +0 -3
  7. package/dist/browser/components/Portal/Portal.d.mts.map +0 -1
  8. package/dist/browser/components/Portal/Portal.d.ts +0 -3
  9. package/dist/browser/components/Portal/Portal.d.ts.map +0 -1
  10. package/dist/browser/components/Portal/PortalProps.d.cts +0 -7
  11. package/dist/browser/components/Portal/PortalProps.d.cts.map +0 -1
  12. package/dist/browser/components/Portal/PortalProps.d.mts +0 -7
  13. package/dist/browser/components/Portal/PortalProps.d.mts.map +0 -1
  14. package/dist/browser/components/Portal/PortalProps.d.ts +0 -7
  15. package/dist/browser/components/Portal/PortalProps.d.ts.map +0 -1
  16. package/dist/browser/components/Portal/index.d.cts +0 -3
  17. package/dist/browser/components/Portal/index.d.cts.map +0 -1
  18. package/dist/browser/components/Portal/index.d.mts +0 -3
  19. package/dist/browser/components/Portal/index.d.mts.map +0 -1
  20. package/dist/browser/components/Portal/index.d.ts +0 -3
  21. package/dist/browser/components/Portal/index.d.ts.map +0 -1
  22. package/dist/browser/components/index.d.cts +0 -2
  23. package/dist/browser/components/index.d.cts.map +0 -1
  24. package/dist/browser/components/index.d.mts +0 -2
  25. package/dist/browser/components/index.d.mts.map +0 -1
  26. package/dist/browser/components/index.d.ts +0 -2
  27. package/dist/browser/components/index.d.ts.map +0 -1
  28. package/dist/browser/index.cjs +0 -51
  29. package/dist/browser/index.cjs.map +0 -1
  30. package/dist/browser/index.d.cts +0 -2
  31. package/dist/browser/index.d.cts.map +0 -1
  32. package/dist/browser/index.d.mts +0 -2
  33. package/dist/browser/index.d.mts.map +0 -1
  34. package/dist/browser/index.d.ts.map +0 -1
  35. package/dist/neutral/components/Portal/Portal.d.cts +0 -3
  36. package/dist/neutral/components/Portal/Portal.d.cts.map +0 -1
  37. package/dist/neutral/components/Portal/Portal.d.mts +0 -3
  38. package/dist/neutral/components/Portal/Portal.d.mts.map +0 -1
  39. package/dist/neutral/components/Portal/Portal.d.ts +0 -3
  40. package/dist/neutral/components/Portal/Portal.d.ts.map +0 -1
  41. package/dist/neutral/components/Portal/PortalProps.d.cts +0 -7
  42. package/dist/neutral/components/Portal/PortalProps.d.cts.map +0 -1
  43. package/dist/neutral/components/Portal/PortalProps.d.mts +0 -7
  44. package/dist/neutral/components/Portal/PortalProps.d.mts.map +0 -1
  45. package/dist/neutral/components/Portal/PortalProps.d.ts +0 -7
  46. package/dist/neutral/components/Portal/PortalProps.d.ts.map +0 -1
  47. package/dist/neutral/components/Portal/index.d.cts +0 -3
  48. package/dist/neutral/components/Portal/index.d.cts.map +0 -1
  49. package/dist/neutral/components/Portal/index.d.mts +0 -3
  50. package/dist/neutral/components/Portal/index.d.mts.map +0 -1
  51. package/dist/neutral/components/Portal/index.d.ts +0 -3
  52. package/dist/neutral/components/Portal/index.d.ts.map +0 -1
  53. package/dist/neutral/components/index.d.cts +0 -2
  54. package/dist/neutral/components/index.d.cts.map +0 -1
  55. package/dist/neutral/components/index.d.mts +0 -2
  56. package/dist/neutral/components/index.d.mts.map +0 -1
  57. package/dist/neutral/components/index.d.ts +0 -2
  58. package/dist/neutral/components/index.d.ts.map +0 -1
  59. package/dist/neutral/index.cjs +0 -51
  60. package/dist/neutral/index.cjs.map +0 -1
  61. package/dist/neutral/index.d.cts +0 -2
  62. package/dist/neutral/index.d.cts.map +0 -1
  63. package/dist/neutral/index.d.mts +0 -2
  64. package/dist/neutral/index.d.mts.map +0 -1
  65. package/dist/neutral/index.d.ts +0 -2
  66. package/dist/neutral/index.d.ts.map +0 -1
  67. package/dist/neutral/index.mjs +0 -30
  68. package/dist/neutral/index.mjs.map +0 -1
  69. package/dist/node/components/Portal/Portal.d.cts +0 -3
  70. package/dist/node/components/Portal/Portal.d.cts.map +0 -1
  71. package/dist/node/components/Portal/Portal.d.mts +0 -3
  72. package/dist/node/components/Portal/Portal.d.mts.map +0 -1
  73. package/dist/node/components/Portal/Portal.d.ts +0 -3
  74. package/dist/node/components/Portal/Portal.d.ts.map +0 -1
  75. package/dist/node/components/Portal/PortalProps.d.cts +0 -7
  76. package/dist/node/components/Portal/PortalProps.d.cts.map +0 -1
  77. package/dist/node/components/Portal/PortalProps.d.mts +0 -7
  78. package/dist/node/components/Portal/PortalProps.d.mts.map +0 -1
  79. package/dist/node/components/Portal/PortalProps.d.ts +0 -7
  80. package/dist/node/components/Portal/PortalProps.d.ts.map +0 -1
  81. package/dist/node/components/Portal/index.d.cts +0 -3
  82. package/dist/node/components/Portal/index.d.cts.map +0 -1
  83. package/dist/node/components/Portal/index.d.mts +0 -3
  84. package/dist/node/components/Portal/index.d.mts.map +0 -1
  85. package/dist/node/components/Portal/index.d.ts +0 -3
  86. package/dist/node/components/Portal/index.d.ts.map +0 -1
  87. package/dist/node/components/index.d.cts +0 -2
  88. package/dist/node/components/index.d.cts.map +0 -1
  89. package/dist/node/components/index.d.mts +0 -2
  90. package/dist/node/components/index.d.mts.map +0 -1
  91. package/dist/node/components/index.d.ts +0 -2
  92. package/dist/node/components/index.d.ts.map +0 -1
  93. package/dist/node/index.cjs +0 -55
  94. package/dist/node/index.cjs.map +0 -1
  95. package/dist/node/index.d.cts +0 -2
  96. package/dist/node/index.d.cts.map +0 -1
  97. package/dist/node/index.d.mts +0 -2
  98. package/dist/node/index.d.mts.map +0 -1
  99. package/dist/node/index.d.ts +0 -2
  100. package/dist/node/index.d.ts.map +0 -1
  101. package/dist/node/index.mjs +0 -30
  102. package/dist/node/index.mjs.map +0 -1
@@ -1,2 +1,10 @@
1
- export * from './components/index.ts';
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 };
package/package.json CHANGED
@@ -16,8 +16,8 @@
16
16
  "devDependencies": {
17
17
  "@types/react": "^18.3.3",
18
18
  "@types/react-dom": "^18.3.0",
19
- "@xylabs/ts-scripts-yarn3": "^3.15.16",
20
- "@xylabs/tsconfig-react": "^3.15.16",
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
23
  "typescript": "^5.5.4"
@@ -28,32 +28,12 @@
28
28
  },
29
29
  "exports": {
30
30
  ".": {
31
- "node": {
32
- "import": {
33
- "types": "./dist/node/index.d.mts",
34
- "default": "./dist/node/index.mjs"
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.mjs"
45
- },
46
- "require": {
47
- "types": "./dist/browser/index.d.cts",
48
- "default": "./dist/browser/index.cjs"
49
- }
50
- },
31
+ "types": "./dist/browser/index.d.ts",
51
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
37
  "module": "./dist/browser/index.mjs",
58
38
  "homepage": "https://xylabs.com",
59
39
  "keywords": [
@@ -70,6 +50,6 @@
70
50
  "url": "https://github.com/xylabs/sdk-react.git"
71
51
  },
72
52
  "sideEffects": false,
73
- "version": "3.4.2",
53
+ "version": "4.0.0",
74
54
  "type": "module"
75
55
  }
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.ts';
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.ts';
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.ts';
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.tsx';
2
- export * from './PortalProps.ts';
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.tsx';
2
- export * from './PortalProps.ts';
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.tsx';
2
- export * from './PortalProps.ts';
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.ts';
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.ts';
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.ts';
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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
-
21
- // src/index.ts
22
- var src_exports = {};
23
- __export(src_exports, {
24
- Portal: () => Portal
25
- });
26
- module.exports = __toCommonJS(src_exports);
27
-
28
- // src/components/Portal/Portal.tsx
29
- var import_react = require("react");
30
- var import_react_dom = require("react-dom");
31
- var Portal = /* @__PURE__ */ __name(({ children, className, el = "div", target = "body" }) => {
32
- const [container] = (0, import_react.useState)(document.createElement(el));
33
- if (className) {
34
- container.classList.add(className);
35
- }
36
- (0, import_react.useEffect)(() => {
37
- const targetElement = document.querySelector(target);
38
- if (!targetElement) {
39
- console.warn(`Unable to find target element: ${target}`);
40
- }
41
- targetElement?.append(container);
42
- return () => {
43
- container.remove();
44
- };
45
- }, [
46
- container,
47
- target
48
- ]);
49
- return /* @__PURE__ */ (0, import_react_dom.createPortal)(children, container);
50
- }, "Portal");
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.ts'\n","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;;;;;;;ACAA,mBAAoC;AACpC,uBAA6B;AAItB,IAAMA,SAAgC,wBAAC,EAAEC,UAAUC,WAAWC,KAAK,OAAOC,SAAS,OAAM,MAAe;AAC7G,QAAM,CAACC,SAAAA,QAAaC,uBAASC,SAASC,cAAcL,EAAAA,CAAAA;AACpD,MAAID,WAAW;AACbG,cAAUI,UAAUC,IAAIR,SAAAA;EAC1B;AACAS,8BAAU,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,mDAAajB,UAAUI,SAAAA;AAChC,GAjB6C;","names":["Portal","children","className","el","target","container","useState","document","createElement","classList","add","useEffect","targetElement","querySelector","console","warn","append","remove","createPortal"]}
@@ -1,2 +0,0 @@
1
- export * from './components/index.ts';
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.ts';
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,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.ts';
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.ts';
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.ts';
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.tsx';
2
- export * from './PortalProps.ts';
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.tsx';
2
- export * from './PortalProps.ts';
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.tsx';
2
- export * from './PortalProps.ts';
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.ts';
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.ts';
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.ts';
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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
-
21
- // src/index.ts
22
- var src_exports = {};
23
- __export(src_exports, {
24
- Portal: () => Portal
25
- });
26
- module.exports = __toCommonJS(src_exports);
27
-
28
- // src/components/Portal/Portal.tsx
29
- var import_react = require("react");
30
- var import_react_dom = require("react-dom");
31
- var Portal = /* @__PURE__ */ __name(({ children, className, el = "div", target = "body" }) => {
32
- const [container] = (0, import_react.useState)(document.createElement(el));
33
- if (className) {
34
- container.classList.add(className);
35
- }
36
- (0, import_react.useEffect)(() => {
37
- const targetElement = document.querySelector(target);
38
- if (!targetElement) {
39
- console.warn(`Unable to find target element: ${target}`);
40
- }
41
- targetElement?.append(container);
42
- return () => {
43
- container.remove();
44
- };
45
- }, [
46
- container,
47
- target
48
- ]);
49
- return /* @__PURE__ */ (0, import_react_dom.createPortal)(children, container);
50
- }, "Portal");
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.ts'\n","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;;;;;;;ACAA,mBAAoC;AACpC,uBAA6B;AAItB,IAAMA,SAAgC,wBAAC,EAAEC,UAAUC,WAAWC,KAAK,OAAOC,SAAS,OAAM,MAAe;AAC7G,QAAM,CAACC,SAAAA,QAAaC,uBAASC,SAASC,cAAcL,EAAAA,CAAAA;AACpD,MAAID,WAAW;AACbG,cAAUI,UAAUC,IAAIR,SAAAA;EAC1B;AACAS,8BAAU,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,mDAAajB,UAAUI,SAAAA;AAChC,GAjB6C;","names":["Portal","children","className","el","target","container","useState","document","createElement","classList","add","useEffect","targetElement","querySelector","console","warn","append","remove","createPortal"]}
@@ -1,2 +0,0 @@
1
- export * from './components/index.ts';
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.ts';
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.ts';
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,30 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
-
4
- // src/components/Portal/Portal.tsx
5
- import { useEffect, useState } from "react";
6
- import { createPortal } from "react-dom";
7
- var Portal = /* @__PURE__ */ __name(({ children, className, el = "div", target = "body" }) => {
8
- const [container] = useState(document.createElement(el));
9
- if (className) {
10
- container.classList.add(className);
11
- }
12
- useEffect(() => {
13
- const targetElement = document.querySelector(target);
14
- if (!targetElement) {
15
- console.warn(`Unable to find target element: ${target}`);
16
- }
17
- targetElement?.append(container);
18
- return () => {
19
- container.remove();
20
- };
21
- }, [
22
- container,
23
- target
24
- ]);
25
- return /* @__PURE__ */ createPortal(children, container);
26
- }, "Portal");
27
- export {
28
- Portal
29
- };
30
- //# sourceMappingURL=index.mjs.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.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"]}
@@ -1,3 +0,0 @@
1
- import { PortalProps } from './PortalProps.ts';
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.ts';
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.ts';
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.tsx';
2
- export * from './PortalProps.ts';
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.tsx';
2
- export * from './PortalProps.ts';
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.tsx';
2
- export * from './PortalProps.ts';
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.ts';
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.ts';
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.ts';
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,55 +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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
-
21
- // src/index.ts
22
- var src_exports = {};
23
- __export(src_exports, {
24
- Portal: () => Portal
25
- });
26
- module.exports = __toCommonJS(src_exports);
27
-
28
- // src/components/Portal/Portal.tsx
29
- var import_react = require("react");
30
- var import_react_dom = require("react-dom");
31
- var Portal = /* @__PURE__ */ __name(({ children, className, el = "div", target = "body" }) => {
32
- const [container] = (0, import_react.useState)(document.createElement(el));
33
- if (className) {
34
- container.classList.add(className);
35
- }
36
- (0, import_react.useEffect)(() => {
37
- const targetElement = document.querySelector(target);
38
- if (!targetElement) {
39
- console.warn(`Unable to find target element: ${target}`);
40
- }
41
- targetElement == null ? void 0 : targetElement.append(container);
42
- return () => {
43
- container.remove();
44
- };
45
- }, [
46
- container,
47
- target
48
- ]);
49
- return /* @__PURE__ */ (0, import_react_dom.createPortal)(children, container);
50
- }, "Portal");
51
- // Annotate the CommonJS export names for ESM import in node:
52
- 0 && (module.exports = {
53
- Portal
54
- });
55
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/index.ts","../../src/components/Portal/Portal.tsx"],"sourcesContent":["export * from './components/index.ts'\n","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;;;;;;;ACAA,mBAAoC;AACpC,uBAA6B;AAItB,IAAMA,SAAgC,wBAAC,EAAEC,UAAUC,WAAWC,KAAK,OAAOC,SAAS,OAAM,MAAe;AAC7G,QAAM,CAACC,SAAAA,QAAaC,uBAASC,SAASC,cAAcL,EAAAA,CAAAA;AACpD,MAAID,WAAW;AACbG,cAAUI,UAAUC,IAAIR,SAAAA;EAC1B;AACAS,8BAAU,MAAA;AACR,UAAMC,gBAAgBL,SAASM,cAAcT,MAAAA;AAC7C,QAAI,CAACQ,eAAe;AAClBE,cAAQC,KAAK,kCAAkCX,MAAAA,EAAQ;IACzD;AACAQ,mDAAeI,OAAOX;AACtB,WAAO,MAAA;AACLA,gBAAUY,OAAM;IAClB;EACF,GAAG;IAACZ;IAAWD;GAAO;AAEtB,SAAOc,mDAAajB,UAAUI,SAAAA;AAChC,GAjB6C;","names":["Portal","children","className","el","target","container","useState","document","createElement","classList","add","useEffect","targetElement","querySelector","console","warn","append","remove","createPortal"]}
@@ -1,2 +0,0 @@
1
- export * from './components/index.ts';
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.ts';
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.ts';
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,30 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
-
4
- // src/components/Portal/Portal.tsx
5
- import { useEffect, useState } from "react";
6
- import { createPortal } from "react-dom";
7
- var Portal = /* @__PURE__ */ __name(({ children, className, el = "div", target = "body" }) => {
8
- const [container] = useState(document.createElement(el));
9
- if (className) {
10
- container.classList.add(className);
11
- }
12
- useEffect(() => {
13
- const targetElement = document.querySelector(target);
14
- if (!targetElement) {
15
- console.warn(`Unable to find target element: ${target}`);
16
- }
17
- targetElement == null ? void 0 : targetElement.append(container);
18
- return () => {
19
- container.remove();
20
- };
21
- }, [
22
- container,
23
- target
24
- ]);
25
- return /* @__PURE__ */ createPortal(children, container);
26
- }, "Portal");
27
- export {
28
- Portal
29
- };
30
- //# sourceMappingURL=index.mjs.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.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,mDAAeI,OAAOX;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"]}