@fuf-stack/pixels 0.5.6 → 0.5.7
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.
- package/dist/Button/index.cjs +2 -3
- package/dist/Button/index.js +1 -2
- package/dist/Card/index.cjs +2 -3
- package/dist/Card/index.js +1 -2
- package/dist/Json/index.cjs +3 -4
- package/dist/Json/index.js +2 -3
- package/dist/Label/index.cjs +2 -3
- package/dist/Label/index.js +1 -2
- package/dist/Menu/index.cjs +2 -3
- package/dist/Menu/index.js +1 -2
- package/dist/Modal/index.cjs +2 -3
- package/dist/Modal/index.js +1 -2
- package/dist/Popover/index.cjs +2 -3
- package/dist/Popover/index.js +1 -2
- package/dist/Tooltip/index.cjs +2 -3
- package/dist/Tooltip/index.js +1 -2
- package/dist/{chunk-QC2FAH2W.js → chunk-236GX7PP.js} +4 -9
- package/dist/{chunk-QC2FAH2W.js.map → chunk-236GX7PP.js.map} +1 -1
- package/dist/chunk-6G5VTF6K.js +43 -0
- package/dist/{chunk-PD246EV7.js.map → chunk-6G5VTF6K.js.map} +1 -1
- package/dist/{chunk-NB2Y66Z3.cjs → chunk-7GYTJLD6.cjs} +28 -33
- package/dist/chunk-7GYTJLD6.cjs.map +1 -0
- package/dist/chunk-B35F4645.cjs +43 -0
- package/dist/chunk-B35F4645.cjs.map +1 -0
- package/dist/{chunk-5QFG2VXP.cjs → chunk-BMKGS5PK.cjs} +4 -9
- package/dist/chunk-BMKGS5PK.cjs.map +1 -0
- package/dist/{chunk-SSPYXO6E.cjs → chunk-BSBPQXNG.cjs} +5 -10
- package/dist/chunk-BSBPQXNG.cjs.map +1 -0
- package/dist/{chunk-22MRKUHN.js → chunk-BTBF633Q.js} +27 -32
- package/dist/{chunk-22MRKUHN.js.map → chunk-BTBF633Q.js.map} +1 -1
- package/dist/{chunk-DFKOD7QX.cjs → chunk-GIM2W4JH.cjs} +10 -15
- package/dist/chunk-GIM2W4JH.cjs.map +1 -0
- package/dist/{chunk-R2JOVQS5.cjs → chunk-HHTTNYDC.cjs} +10 -15
- package/dist/chunk-HHTTNYDC.cjs.map +1 -0
- package/dist/{chunk-ILTQEFAN.js → chunk-HYXTFS4R.js} +8 -13
- package/dist/{chunk-ILTQEFAN.js.map → chunk-HYXTFS4R.js.map} +1 -1
- package/dist/{chunk-2C2AZ4GY.js → chunk-IEZVKZFP.js} +9 -14
- package/dist/{chunk-2C2AZ4GY.js.map → chunk-IEZVKZFP.js.map} +1 -1
- package/dist/{chunk-JSV7ZIIA.cjs → chunk-ND4VZZVU.cjs} +9 -14
- package/dist/chunk-ND4VZZVU.cjs.map +1 -0
- package/dist/{chunk-DAIBNNTS.js → chunk-O6OLR36Y.js} +7 -12
- package/dist/{chunk-DAIBNNTS.js.map → chunk-O6OLR36Y.js.map} +1 -1
- package/dist/{chunk-L6CCOLHU.js → chunk-S2WOGSQV.js} +3 -8
- package/dist/{chunk-L6CCOLHU.js.map → chunk-S2WOGSQV.js.map} +1 -1
- package/dist/{chunk-XGAFPFRL.js → chunk-VOXYQARK.js} +9 -14
- package/dist/{chunk-XGAFPFRL.js.map → chunk-VOXYQARK.js.map} +1 -1
- package/dist/{chunk-KVCXEJJD.cjs → chunk-X2MUU2ZI.cjs} +8 -13
- package/dist/chunk-X2MUU2ZI.cjs.map +1 -0
- package/dist/index.cjs +16 -20
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +15 -19
- package/dist/index.js.map +1 -1
- package/package.json +10 -6
- package/dist/chunk-5QFG2VXP.cjs.map +0 -1
- package/dist/chunk-CJ7YDKHN.cjs +0 -48
- package/dist/chunk-CJ7YDKHN.cjs.map +0 -1
- package/dist/chunk-DFKOD7QX.cjs.map +0 -1
- package/dist/chunk-EOBBMFEW.js +0 -3193
- package/dist/chunk-EOBBMFEW.js.map +0 -1
- package/dist/chunk-JSV7ZIIA.cjs.map +0 -1
- package/dist/chunk-KVCXEJJD.cjs.map +0 -1
- package/dist/chunk-NB2Y66Z3.cjs.map +0 -1
- package/dist/chunk-PD246EV7.js +0 -48
- package/dist/chunk-PTN54X4Z.cjs +0 -3193
- package/dist/chunk-PTN54X4Z.cjs.map +0 -1
- package/dist/chunk-R2JOVQS5.cjs.map +0 -1
- package/dist/chunk-SSPYXO6E.cjs.map +0 -1
package/dist/Button/index.cjs
CHANGED
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-PTN54X4Z.cjs');
|
|
5
|
+
var _chunkND4VZZVUcjs = require('../chunk-ND4VZZVU.cjs');
|
|
7
6
|
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
|
-
exports.Button =
|
|
10
|
+
exports.Button = _chunkND4VZZVUcjs.Button_default; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.default = _chunkND4VZZVUcjs.Button_default2;
|
|
12
11
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Button/index.js
CHANGED
package/dist/Card/index.cjs
CHANGED
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-PTN54X4Z.cjs');
|
|
5
|
+
var _chunkGIM2W4JHcjs = require('../chunk-GIM2W4JH.cjs');
|
|
7
6
|
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
|
-
exports.Card =
|
|
10
|
+
exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.default = _chunkGIM2W4JHcjs.Card_default2;
|
|
12
11
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Card/index.js
CHANGED
package/dist/Json/index.cjs
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
6
|
-
require('../chunk-PTN54X4Z.cjs');
|
|
4
|
+
var _chunk7GYTJLD6cjs = require('../chunk-7GYTJLD6.cjs');
|
|
5
|
+
require('../chunk-ND4VZZVU.cjs');
|
|
7
6
|
|
|
8
7
|
|
|
9
8
|
|
|
10
|
-
exports.Json =
|
|
9
|
+
exports.Json = _chunk7GYTJLD6cjs.Json_default; exports.default = _chunk7GYTJLD6cjs.Json_default2;
|
|
11
10
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Json/index.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Json_default,
|
|
3
3
|
Json_default2
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-EOBBMFEW.js";
|
|
4
|
+
} from "../chunk-BTBF633Q.js";
|
|
5
|
+
import "../chunk-HYXTFS4R.js";
|
|
7
6
|
export {
|
|
8
7
|
Json_default as Json,
|
|
9
8
|
Json_default2 as default
|
package/dist/Label/index.cjs
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-PTN54X4Z.cjs');
|
|
4
|
+
var _chunkBMKGS5PKcjs = require('../chunk-BMKGS5PK.cjs');
|
|
6
5
|
|
|
7
6
|
|
|
8
7
|
|
|
9
|
-
exports.Label =
|
|
8
|
+
exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.default = _chunkBMKGS5PKcjs.Label_default2;
|
|
10
9
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Label/index.js
CHANGED
package/dist/Menu/index.cjs
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-PTN54X4Z.cjs');
|
|
4
|
+
var _chunkHHTTNYDCcjs = require('../chunk-HHTTNYDC.cjs');
|
|
6
5
|
|
|
7
6
|
|
|
8
7
|
|
|
9
|
-
exports.Menu =
|
|
8
|
+
exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.default = _chunkHHTTNYDCcjs.Menu_default2;
|
|
10
9
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Menu/index.js
CHANGED
package/dist/Modal/index.cjs
CHANGED
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-PTN54X4Z.cjs');
|
|
5
|
+
var _chunkX2MUU2ZIcjs = require('../chunk-X2MUU2ZI.cjs');
|
|
7
6
|
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
|
-
exports.Modal =
|
|
10
|
+
exports.Modal = _chunkX2MUU2ZIcjs.Modal_default; exports.default = _chunkX2MUU2ZIcjs.Modal_default2; exports.modalVariants = _chunkX2MUU2ZIcjs.modalVariants;
|
|
12
11
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Modal/index.js
CHANGED
package/dist/Popover/index.cjs
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-PTN54X4Z.cjs');
|
|
4
|
+
var _chunkB35F4645cjs = require('../chunk-B35F4645.cjs');
|
|
6
5
|
|
|
7
6
|
|
|
8
7
|
|
|
9
|
-
exports.Popover =
|
|
8
|
+
exports.Popover = _chunkB35F4645cjs.Popover_default; exports.default = _chunkB35F4645cjs.Popover_default2;
|
|
10
9
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Popover/index.js
CHANGED
package/dist/Tooltip/index.cjs
CHANGED
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-PTN54X4Z.cjs');
|
|
5
|
+
var _chunkBSBPQXNGcjs = require('../chunk-BSBPQXNG.cjs');
|
|
7
6
|
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
|
-
exports.Tooltip =
|
|
10
|
+
exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.default = _chunkBSBPQXNGcjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions;
|
|
12
11
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Tooltip/index.js
CHANGED
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
__toESM,
|
|
3
|
-
require_jsx_runtime
|
|
4
|
-
} from "./chunk-EOBBMFEW.js";
|
|
5
|
-
|
|
6
1
|
// src/Tooltip/Tooltip.tsx
|
|
7
|
-
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
|
|
8
2
|
import { Tooltip as NextTooltip } from "@nextui-org/tooltip";
|
|
9
3
|
import cn from "classnames";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
5
|
var tooltipPlacementOptions = [
|
|
11
6
|
"top",
|
|
12
7
|
"bottom",
|
|
@@ -21,7 +16,7 @@ var Tooltip = ({
|
|
|
21
16
|
defaultOpen = false,
|
|
22
17
|
onOpenChange = void 0,
|
|
23
18
|
containerPadding = 0
|
|
24
|
-
}) => /* @__PURE__ */
|
|
19
|
+
}) => /* @__PURE__ */ jsx(
|
|
25
20
|
NextTooltip,
|
|
26
21
|
{
|
|
27
22
|
className: cn(className),
|
|
@@ -33,7 +28,7 @@ var Tooltip = ({
|
|
|
33
28
|
placement,
|
|
34
29
|
shouldFlip: true,
|
|
35
30
|
showArrow: true,
|
|
36
|
-
children: /* @__PURE__ */
|
|
31
|
+
children: /* @__PURE__ */ jsx("span", { className: "cursor-pointer", children })
|
|
37
32
|
}
|
|
38
33
|
);
|
|
39
34
|
var Tooltip_default = Tooltip;
|
|
@@ -46,4 +41,4 @@ export {
|
|
|
46
41
|
Tooltip_default,
|
|
47
42
|
Tooltip_default2
|
|
48
43
|
};
|
|
49
|
-
//# sourceMappingURL=chunk-
|
|
44
|
+
//# sourceMappingURL=chunk-236GX7PP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const tooltipPlacementOptions = [\n 'top',\n 'bottom',\n 'left',\n 'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className = undefined,\n content,\n placement = 'top',\n defaultOpen = false,\n onOpenChange = undefined,\n containerPadding = 0,\n}: TooltipProps) => (\n <NextTooltip\n className={cn(className)}\n containerPadding={containerPadding}\n content={content}\n defaultOpen={defaultOpen}\n onClick={(e) => e.preventDefault()}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className=\"cursor-pointer\">{children}</span>\n </NextTooltip>\n);\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const tooltipPlacementOptions = [\n 'top',\n 'bottom',\n 'left',\n 'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className = undefined,\n content,\n placement = 'top',\n defaultOpen = false,\n onOpenChange = undefined,\n containerPadding = 0,\n}: TooltipProps) => (\n <NextTooltip\n className={cn(className)}\n containerPadding={containerPadding}\n content={content}\n defaultOpen={defaultOpen}\n onClick={(e) => e.preventDefault()}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className=\"cursor-pointer\">{children}</span>\n </NextTooltip>\n);\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AAkDX;AAhDG,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,IACjC;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;ACnDf,IAAOA,mBAAQ;","names":["Tooltip_default"]}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
// src/Popover/Popover.tsx
|
|
2
|
+
import { Popover, PopoverContent, PopoverTrigger } from "@nextui-org/popover";
|
|
3
|
+
import cn from "classnames";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
var Popover_default = ({
|
|
6
|
+
children = null,
|
|
7
|
+
className = void 0,
|
|
8
|
+
content,
|
|
9
|
+
contentTestId = void 0,
|
|
10
|
+
placement = "top",
|
|
11
|
+
openControlled = void 0,
|
|
12
|
+
testId = void 0,
|
|
13
|
+
title = void 0
|
|
14
|
+
}) => {
|
|
15
|
+
return /* @__PURE__ */ jsxs(
|
|
16
|
+
Popover,
|
|
17
|
+
{
|
|
18
|
+
placement,
|
|
19
|
+
radius: "sm",
|
|
20
|
+
showArrow: true,
|
|
21
|
+
...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ jsx(PopoverTrigger, { className: cn(className), "data-testid": testId, children: /* @__PURE__ */ jsx("button", { children }) }),
|
|
24
|
+
/* @__PURE__ */ jsx(PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ jsxs("div", { className: "max-h-[80vh] overflow-y-auto", children: [
|
|
25
|
+
title && /* @__PURE__ */ jsxs("div", { children: [
|
|
26
|
+
title,
|
|
27
|
+
/* @__PURE__ */ jsx("hr", {})
|
|
28
|
+
] }),
|
|
29
|
+
content
|
|
30
|
+
] }) })
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
// src/Popover/index.ts
|
|
37
|
+
var Popover_default2 = Popover_default;
|
|
38
|
+
|
|
39
|
+
export {
|
|
40
|
+
Popover_default,
|
|
41
|
+
Popover_default2
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=chunk-6G5VTF6K.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\nimport cn from 'classnames';\n\nexport interface PopoverProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** placement of the popover relative to its trigger reference */\n placement?: NextPopoverProps['placement'];\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** popover title */\n title?: ReactNode;\n}\n\n/**\n * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)\n */\nexport default ({\n children = null,\n className = undefined,\n content,\n contentTestId = undefined,\n placement = 'top',\n openControlled = undefined,\n testId = undefined,\n title = undefined,\n}: PopoverProps) => {\n return (\n <Popover\n placement={placement}\n radius=\"sm\"\n showArrow\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <PopoverTrigger className={cn(className)} data-testid={testId}>\n {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n {/* eslint-disable-next-line react/button-has-type */}\n <button>{children}</button>\n </PopoverTrigger>\n <PopoverContent data-testid={contentTestId}>\n <div className=\"max-h-[80vh] overflow-y-auto\">\n {title && (\n <div>\n {title}\n <hr />\n </div>\n )}\n {content}\n </div>\n </PopoverContent>\n </Popover>\n );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\nimport cn from 'classnames';\n\nexport interface PopoverProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** placement of the popover relative to its trigger reference */\n placement?: NextPopoverProps['placement'];\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** popover title */\n title?: ReactNode;\n}\n\n/**\n * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)\n */\nexport default ({\n children = null,\n className = undefined,\n content,\n contentTestId = undefined,\n placement = 'top',\n openControlled = undefined,\n testId = undefined,\n title = undefined,\n}: PopoverProps) => {\n return (\n <Popover\n placement={placement}\n radius=\"sm\"\n showArrow\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <PopoverTrigger className={cn(className)} data-testid={testId}>\n {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n {/* eslint-disable-next-line react/button-has-type */}\n <button>{children}</button>\n </PopoverTrigger>\n <PopoverContent data-testid={contentTestId}>\n <div className=\"max-h-[80vh] overflow-y-auto\">\n {title && (\n <div>\n {title}\n <hr />\n </div>\n )}\n {content}\n </div>\n </PopoverContent>\n </Popover>\n );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"],"mappings":";AAGA,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,OAAO,QAAQ;AA8CP,cAKI,YALJ;AAtBR,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AACV,MAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,WAAS;AAAA,MACR,GAAI,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC;AAAA,MAEL;AAAA,4BAAC,kBAAe,WAAW,GAAG,SAAS,GAAG,eAAa,QAGrD,8BAAC,YAAQ,UAAS,GACpB;AAAA,QACA,oBAAC,kBAAe,eAAa,eAC3B,+BAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,qBAAC,SACE;AAAA;AAAA,YACD,oBAAC,QAAG;AAAA,aACN;AAAA,UAED;AAAA,WACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC3DA,IAAOA,mBAAQ;","names":["Popover_default"]}
|
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var _chunkPTN54X4Zcjs = require('./chunk-PTN54X4Z.cjs');
|
|
3
|
+
var _chunkND4VZZVUcjs = require('./chunk-ND4VZZVU.cjs');
|
|
9
4
|
|
|
10
5
|
// src/Json/Json.tsx
|
|
11
|
-
var
|
|
6
|
+
var _react = require('react');
|
|
12
7
|
var _fa = require('react-icons/fa');
|
|
13
8
|
var _hi = require('react-icons/hi');
|
|
14
9
|
var _reactjsonview = require('@uiw/react-json-view'); var _reactjsonview2 = _interopRequireDefault(_reactjsonview);
|
|
15
10
|
var _light = require('@uiw/react-json-view/light');
|
|
16
11
|
var _vscode = require('@uiw/react-json-view/vscode');
|
|
17
12
|
var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
|
|
18
|
-
var
|
|
13
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
19
14
|
var getValue = (value) => {
|
|
20
15
|
if (typeof value === "string") {
|
|
21
16
|
return JSON.parse(value);
|
|
@@ -29,9 +24,9 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
29
24
|
const isDarkMode = document.body.classList.contains("dark");
|
|
30
25
|
let content = null;
|
|
31
26
|
let error = null;
|
|
32
|
-
const [showDetails, setShowDetails] = (0,
|
|
27
|
+
const [showDetails, setShowDetails] = _react.useState.call(void 0, false);
|
|
33
28
|
try {
|
|
34
|
-
content = /* @__PURE__ */ (0,
|
|
29
|
+
content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
35
30
|
_reactjsonview2.default,
|
|
36
31
|
{
|
|
37
32
|
className: "pr-5",
|
|
@@ -42,7 +37,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
42
37
|
backgroundColor: "unset"
|
|
43
38
|
},
|
|
44
39
|
value: getValue(value),
|
|
45
|
-
children: /* @__PURE__ */ (0,
|
|
40
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
46
41
|
_reactjsonview2.default.Copied,
|
|
47
42
|
{
|
|
48
43
|
render: ({
|
|
@@ -56,7 +51,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
56
51
|
"absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
|
|
57
52
|
{ "text-success": copied }
|
|
58
53
|
);
|
|
59
|
-
return /* @__PURE__ */ (0,
|
|
54
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
60
55
|
_hi.HiOutlineClipboardCheck,
|
|
61
56
|
{
|
|
62
57
|
...elmProps,
|
|
@@ -64,7 +59,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
64
59
|
}
|
|
65
60
|
) : (
|
|
66
61
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
67
|
-
/* @__PURE__ */ (0,
|
|
62
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi.HiOutlineClipboard, { ...elmProps, className: elmClasses })
|
|
68
63
|
) });
|
|
69
64
|
}
|
|
70
65
|
}
|
|
@@ -72,53 +67,53 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
72
67
|
}
|
|
73
68
|
);
|
|
74
69
|
} catch (err) {
|
|
75
|
-
error = /* @__PURE__ */ (0,
|
|
70
|
+
error = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
76
71
|
"div",
|
|
77
72
|
{
|
|
78
73
|
className: "mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger",
|
|
79
74
|
role: "alert",
|
|
80
75
|
children: [
|
|
81
|
-
/* @__PURE__ */ (0,
|
|
82
|
-
/* @__PURE__ */ (0,
|
|
83
|
-
/* @__PURE__ */ (0,
|
|
84
|
-
/* @__PURE__ */ (0,
|
|
76
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full justify-between gap-6", children: [
|
|
77
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center", children: [
|
|
78
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaTimesCircle, { className: "mr-2" }),
|
|
79
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", children: "Failed to parse JSON data" })
|
|
85
80
|
] }),
|
|
86
|
-
/* @__PURE__ */ (0,
|
|
87
|
-
|
|
81
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
82
|
+
_chunkND4VZZVUcjs.Button_default2,
|
|
88
83
|
{
|
|
89
84
|
color: "danger",
|
|
90
85
|
size: "sm",
|
|
91
86
|
variant: "light",
|
|
92
87
|
onClick: () => setShowDetails(!showDetails),
|
|
93
|
-
children: showDetails ? /* @__PURE__ */ (0,
|
|
94
|
-
/* @__PURE__ */ (0,
|
|
88
|
+
children: showDetails ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
89
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaChevronUp, {}),
|
|
95
90
|
" Hide Details"
|
|
96
|
-
] }) : /* @__PURE__ */ (0,
|
|
97
|
-
/* @__PURE__ */ (0,
|
|
91
|
+
] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
92
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaChevronDown, {}),
|
|
98
93
|
" Show Details"
|
|
99
94
|
] })
|
|
100
95
|
}
|
|
101
96
|
)
|
|
102
97
|
] }),
|
|
103
|
-
showDetails && /* @__PURE__ */ (0,
|
|
104
|
-
/* @__PURE__ */ (0,
|
|
105
|
-
/* @__PURE__ */ (0,
|
|
106
|
-
/* @__PURE__ */ (0,
|
|
98
|
+
showDetails && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-4 w-full text-left", children: [
|
|
99
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
|
|
100
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "Error:" }),
|
|
101
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "pre", { children: [
|
|
107
102
|
_optionalChain([err, 'optionalAccess', _ => _.name]),
|
|
108
103
|
": ",
|
|
109
104
|
_optionalChain([err, 'optionalAccess', _2 => _2.message])
|
|
110
105
|
] })
|
|
111
106
|
] }),
|
|
112
|
-
/* @__PURE__ */ (0,
|
|
113
|
-
/* @__PURE__ */ (0,
|
|
114
|
-
/* @__PURE__ */ (0,
|
|
107
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-4", children: [
|
|
108
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "Data:" }),
|
|
109
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
|
|
115
110
|
] })
|
|
116
111
|
] })
|
|
117
112
|
]
|
|
118
113
|
}
|
|
119
114
|
);
|
|
120
115
|
}
|
|
121
|
-
return /* @__PURE__ */ (0,
|
|
116
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _classnames2.default.call(void 0, className), children: error || content });
|
|
122
117
|
};
|
|
123
118
|
var Json_default = Json;
|
|
124
119
|
|
|
@@ -129,4 +124,4 @@ var Json_default2 = Json_default;
|
|
|
129
124
|
|
|
130
125
|
|
|
131
126
|
exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
|
|
132
|
-
//# sourceMappingURL=chunk-
|
|
127
|
+
//# sourceMappingURL=chunk-7GYTJLD6.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"names":["Json_default"],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport { lightTheme } from '@uiw/react-json-view/light';\nimport { vscodeTheme } from '@uiw/react-json-view/vscode';\nimport cn from 'classnames';\n\nimport Button from '../Button';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n if (typeof value === 'string') {\n return JSON.parse(value);\n }\n if (typeof value === 'object') {\n return value;\n }\n throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n /** CSS class name */\n className?: string | string[] | null;\n /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n collapsed?: boolean | number;\n /** Object to be visualized JSON string or object */\n value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n const isDarkMode = document.body.classList.contains('dark');\n\n let content: ReactNode = null;\n let error: ReactNode = null;\n\n const [showDetails, setShowDetails] = useState(false);\n\n try {\n content = (\n <JsonView\n className=\"pr-5\"\n collapsed={collapsed}\n displayDataTypes={false}\n style={{\n ...(isDarkMode ? vscodeTheme : lightTheme),\n backgroundColor: 'unset',\n }}\n value={getValue(value)}\n >\n {/* FIX: overwrite Copied component to fix flickering copy button */}\n <JsonView.Copied\n render={({\n // @ts-expect-error this should be fine\n 'data-copied': copied,\n style,\n ...elmProps\n }) => {\n const elmClasses = cn(\n elmProps.className,\n 'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n { 'text-success': copied },\n );\n return (\n <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n {copied ? (\n <HiOutlineClipboardCheck\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...elmProps}\n className={elmClasses}\n />\n ) : (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <HiOutlineClipboard {...elmProps} className={elmClasses} />\n )}\n </span>\n );\n }}\n />\n </JsonView>\n );\n } catch (err) {\n error = (\n <div\n className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n role=\"alert\"\n >\n <div className=\"flex w-full justify-between gap-6\">\n <div className=\"flex items-center\">\n <FaTimesCircle className=\"mr-2\" />\n <span className=\"font-medium\">Failed to parse JSON data</span>\n </div>\n <Button\n color=\"danger\"\n size=\"sm\"\n variant=\"light\"\n onClick={() => setShowDetails(!showDetails)}\n >\n {showDetails ? (\n <>\n <FaChevronUp /> Hide Details\n </>\n ) : (\n <>\n <FaChevronDown /> Show Details\n </>\n )}\n </Button>\n </div>\n {showDetails && (\n <div className=\"mt-4 w-full text-left\">\n <div>\n <strong>Error:</strong>\n <pre>\n {/* @ts-expect-error is ok */}\n {err?.name}: {err?.message}\n </pre>\n </div>\n <div className=\"mt-4\">\n <strong>Data:</strong>\n <pre>\n {typeof value !== 'string'\n ? JSON.stringify(value, null, 2)\n : value}\n </pre>\n </div>\n </div>\n )}\n </div>\n );\n }\n return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"]}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Popover/Popover.tsx
|
|
2
|
+
var _popover = require('@nextui-org/popover');
|
|
3
|
+
var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
|
|
4
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
5
|
+
var Popover_default = ({
|
|
6
|
+
children = null,
|
|
7
|
+
className = void 0,
|
|
8
|
+
content,
|
|
9
|
+
contentTestId = void 0,
|
|
10
|
+
placement = "top",
|
|
11
|
+
openControlled = void 0,
|
|
12
|
+
testId = void 0,
|
|
13
|
+
title = void 0
|
|
14
|
+
}) => {
|
|
15
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
16
|
+
_popover.Popover,
|
|
17
|
+
{
|
|
18
|
+
placement,
|
|
19
|
+
radius: "sm",
|
|
20
|
+
showArrow: true,
|
|
21
|
+
...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _popover.PopoverTrigger, { className: _classnames2.default.call(void 0, className), "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { children }) }),
|
|
24
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _popover.PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "max-h-[80vh] overflow-y-auto", children: [
|
|
25
|
+
title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
|
|
26
|
+
title,
|
|
27
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", {})
|
|
28
|
+
] }),
|
|
29
|
+
content
|
|
30
|
+
] }) })
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
// src/Popover/index.ts
|
|
37
|
+
var Popover_default2 = Popover_default;
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
|
|
43
|
+
//# sourceMappingURL=chunk-B35F4645.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":";AAGA,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,OAAO,QAAQ;AA8CP,cAKI,YALJ;AAtBR,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AACV,MAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,WAAS;AAAA,MACR,GAAI,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC;AAAA,MAEL;AAAA,4BAAC,kBAAe,WAAW,GAAG,SAAS,GAAG,eAAa,QAGrD,8BAAC,YAAQ,UAAS,GACpB;AAAA,QACA,oBAAC,kBAAe,eAAa,eAC3B,+BAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,qBAAC,SACE;AAAA;AAAA,YACD,oBAAC,QAAG;AAAA,aACN;AAAA,UAED;AAAA,WACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC3DA,IAAOA,mBAAQ","sourcesContent":["import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\nimport cn from 'classnames';\n\nexport interface PopoverProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** placement of the popover relative to its trigger reference */\n placement?: NextPopoverProps['placement'];\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** popover title */\n title?: ReactNode;\n}\n\n/**\n * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)\n */\nexport default ({\n children = null,\n className = undefined,\n content,\n contentTestId = undefined,\n placement = 'top',\n openControlled = undefined,\n testId = undefined,\n title = undefined,\n}: PopoverProps) => {\n return (\n <Popover\n placement={placement}\n radius=\"sm\"\n showArrow\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <PopoverTrigger className={cn(className)} data-testid={testId}>\n {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n {/* eslint-disable-next-line react/button-has-type */}\n <button>{children}</button>\n </PopoverTrigger>\n <PopoverContent data-testid={contentTestId}>\n <div className=\"max-h-[80vh] overflow-y-auto\">\n {title && (\n <div>\n {title}\n <hr />\n </div>\n )}\n {content}\n </div>\n </PopoverContent>\n </Popover>\n );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var _chunkPTN54X4Zcjs = require('./chunk-PTN54X4Z.cjs');
|
|
5
|
-
|
|
6
|
-
// src/Label/Label.tsx
|
|
7
|
-
var import_jsx_runtime = _chunkPTN54X4Zcjs.__toESM.call(void 0, _chunkPTN54X4Zcjs.require_jsx_runtime.call(void 0, ), 1);
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Label/Label.tsx
|
|
8
2
|
var _chip = require('@nextui-org/chip');
|
|
9
3
|
var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
|
|
4
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
10
5
|
var Label = ({
|
|
11
6
|
children,
|
|
12
7
|
className = void 0,
|
|
@@ -14,7 +9,7 @@ var Label = ({
|
|
|
14
9
|
endContent = void 0,
|
|
15
10
|
size = "md",
|
|
16
11
|
startContent = void 0
|
|
17
|
-
}) => /* @__PURE__ */ (0,
|
|
12
|
+
}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18
13
|
_chip.Chip,
|
|
19
14
|
{
|
|
20
15
|
className: _classnames2.default.call(void 0, className),
|
|
@@ -34,4 +29,4 @@ var Label_default2 = Label_default;
|
|
|
34
29
|
|
|
35
30
|
|
|
36
31
|
exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
|
|
37
|
-
//# sourceMappingURL=chunk-
|
|
32
|
+
//# sourceMappingURL=chunk-BMKGS5PK.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":";AAGA,SAAS,QAAQ,iBAAiB;AAClC,OAAO,QAAQ;AA4Bb;AARF,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AACjB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;;;ACrCf,IAAOA,iBAAQ","sourcesContent":["import type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\nimport cn from 'classnames';\n\nexport interface LabelProps {\n /** content of the label */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** color of the label */\n color?: ChipProps['color'];\n /** element to be rendered in the right side of the label */\n endContent?: ChipProps['endContent'];\n /** size of the label */\n size?: ChipProps['size'];\n /** element to be rendered in the left side of the label */\n startContent?: ChipProps['startContent'];\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n children,\n className = undefined,\n color = 'default',\n endContent = undefined,\n size = 'md',\n startContent = undefined,\n}: LabelProps) => (\n <NextLabel\n className={cn(className)}\n color={color}\n endContent={endContent}\n size={size}\n startContent={startContent}\n >\n {children}\n </NextLabel>\n);\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"]}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var _chunkPTN54X4Zcjs = require('./chunk-PTN54X4Z.cjs');
|
|
5
|
-
|
|
6
|
-
// src/Tooltip/Tooltip.tsx
|
|
7
|
-
var import_jsx_runtime = _chunkPTN54X4Zcjs.__toESM.call(void 0, _chunkPTN54X4Zcjs.require_jsx_runtime.call(void 0, ), 1);
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Tooltip/Tooltip.tsx
|
|
8
2
|
var _tooltip = require('@nextui-org/tooltip');
|
|
9
3
|
var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
|
|
4
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
10
5
|
var tooltipPlacementOptions = [
|
|
11
6
|
"top",
|
|
12
7
|
"bottom",
|
|
@@ -21,7 +16,7 @@ var Tooltip = ({
|
|
|
21
16
|
defaultOpen = false,
|
|
22
17
|
onOpenChange = void 0,
|
|
23
18
|
containerPadding = 0
|
|
24
|
-
}) => /* @__PURE__ */ (0,
|
|
19
|
+
}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25
20
|
_tooltip.Tooltip,
|
|
26
21
|
{
|
|
27
22
|
className: _classnames2.default.call(void 0, className),
|
|
@@ -33,7 +28,7 @@ var Tooltip = ({
|
|
|
33
28
|
placement,
|
|
34
29
|
shouldFlip: true,
|
|
35
30
|
showArrow: true,
|
|
36
|
-
children: /* @__PURE__ */ (0,
|
|
31
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "cursor-pointer", children })
|
|
37
32
|
}
|
|
38
33
|
);
|
|
39
34
|
var Tooltip_default = Tooltip;
|
|
@@ -46,4 +41,4 @@ var Tooltip_default2 = Tooltip_default;
|
|
|
46
41
|
|
|
47
42
|
|
|
48
43
|
exports.tooltipPlacementOptions = tooltipPlacementOptions; exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
|
|
49
|
-
//# sourceMappingURL=chunk-
|
|
44
|
+
//# sourceMappingURL=chunk-BSBPQXNG.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AAkDX;AAhDG,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,IACjC;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;ACnDf,IAAOA,mBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const tooltipPlacementOptions = [\n 'top',\n 'bottom',\n 'left',\n 'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className = undefined,\n content,\n placement = 'top',\n defaultOpen = false,\n onOpenChange = undefined,\n containerPadding = 0,\n}: TooltipProps) => (\n <NextTooltip\n className={cn(className)}\n containerPadding={containerPadding}\n content={content}\n defaultOpen={defaultOpen}\n onClick={(e) => e.preventDefault()}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className=\"cursor-pointer\">{children}</span>\n </NextTooltip>\n);\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"]}
|