@fuf-stack/pixels 0.5.6 → 0.5.8
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-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-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-NB2Y66Z3.cjs → chunk-M7IVIJEA.cjs} +28 -33
- package/dist/chunk-M7IVIJEA.cjs.map +1 -0
- 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/{chunk-22MRKUHN.js → chunk-YQBT544X.js} +28 -33
- package/dist/chunk-YQBT544X.js.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 +12 -7
- package/dist/chunk-22MRKUHN.js.map +0 -1
- 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 _chunkM7IVIJEAcjs = require('../chunk-M7IVIJEA.cjs');
|
|
5
|
+
require('../chunk-ND4VZZVU.cjs');
|
|
7
6
|
|
|
8
7
|
|
|
9
8
|
|
|
10
|
-
exports.Json =
|
|
9
|
+
exports.Json = _chunkM7IVIJEAcjs.Json_default; exports.default = _chunkM7IVIJEAcjs.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-YQBT544X.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"]}
|
|
@@ -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"]}
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true})
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var _chunkPTN54X4Zcjs = require('./chunk-PTN54X4Z.cjs');
|
|
5
|
-
|
|
6
|
-
// src/Card/Card.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});// src/Card/Card.tsx
|
|
8
2
|
|
|
9
3
|
|
|
10
4
|
|
|
@@ -13,6 +7,7 @@ var import_jsx_runtime = _chunkPTN54X4Zcjs.__toESM.call(void 0, _chunkPTN54X4Zcj
|
|
|
13
7
|
var _card = require('@nextui-org/card');
|
|
14
8
|
var _divider = require('@nextui-org/divider');
|
|
15
9
|
var _tailwindvariants = require('tailwind-variants');
|
|
10
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
16
11
|
var cardVariants = _tailwindvariants.tv.call(void 0, {
|
|
17
12
|
slots: {
|
|
18
13
|
base: "border border-divider",
|
|
@@ -39,13 +34,13 @@ var Card = ({
|
|
|
39
34
|
body: variants.body({ className: classNameObj.body }),
|
|
40
35
|
footer: variants.footer({ className: classNameObj.footer })
|
|
41
36
|
};
|
|
42
|
-
const divider = /* @__PURE__ */ (0,
|
|
37
|
+
const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
43
38
|
_divider.Divider,
|
|
44
39
|
{
|
|
45
40
|
className: variants.divider({ className: classNameObj.divider })
|
|
46
41
|
}
|
|
47
42
|
);
|
|
48
|
-
return /* @__PURE__ */ (0,
|
|
43
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
49
44
|
_card.Card,
|
|
50
45
|
{
|
|
51
46
|
classNames,
|
|
@@ -54,14 +49,14 @@ var Card = ({
|
|
|
54
49
|
radius: "sm",
|
|
55
50
|
shadow: "none",
|
|
56
51
|
children: [
|
|
57
|
-
header && /* @__PURE__ */ (0,
|
|
58
|
-
/* @__PURE__ */ (0,
|
|
52
|
+
header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
53
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
|
|
59
54
|
divider
|
|
60
55
|
] }),
|
|
61
|
-
/* @__PURE__ */ (0,
|
|
62
|
-
footer && /* @__PURE__ */ (0,
|
|
56
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardBody, { "data-testid": testId && `card_body_${testId}`, children }),
|
|
57
|
+
footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
63
58
|
divider,
|
|
64
|
-
/* @__PURE__ */ (0,
|
|
59
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
|
|
65
60
|
] })
|
|
66
61
|
]
|
|
67
62
|
}
|
|
@@ -77,4 +72,4 @@ var Card_default2 = Card_default;
|
|
|
77
72
|
|
|
78
73
|
|
|
79
74
|
exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
|
|
80
|
-
//# sourceMappingURL=chunk-
|
|
75
|
+
//# sourceMappingURL=chunk-GIM2W4JH.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"names":["Card_default"],"mappings":";AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAsDf,SAcI,UAdJ,KAcI,YAdJ;AAnDG,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,EAC5D;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA;AAAA,EACjE;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ","sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n Card as NextCard,\n CardBody as NextCardBody,\n CardFooter as NextCardFooter,\n CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\nexport const cardVariants = tv({\n slots: {\n base: 'border border-divider',\n body: '',\n divider: 'my-0 border-divider',\n footer: '',\n header: 'text-base font-semibold',\n },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n /** card body content */\n children?: ReactNode;\n /** CSS class name */\n className?: string | CardVariantSlots;\n /** footer content */\n footer?: ReactNode;\n /** header content */\n header?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n children = null,\n className = undefined,\n testId = undefined,\n header = undefined,\n footer = undefined,\n}: CardProps) => {\n // classNames from slots\n const variants = cardVariants();\n const classNameObj = (typeof className === 'object' && className) || {};\n const classNames = {\n base: variants.base({\n className: classNameObj.base || (className as string),\n }),\n header: variants.header({ className: classNameObj.header }),\n body: variants.body({ className: classNameObj.body }),\n footer: variants.footer({ className: classNameObj.footer }),\n };\n\n const divider = (\n <NextDivider\n className={variants.divider({ className: classNameObj.divider })}\n />\n );\n\n return (\n <NextCard\n classNames={classNames}\n data-testid={testId && `card_${testId}`}\n fullWidth\n radius=\"sm\"\n shadow=\"none\"\n >\n {header && (\n <>\n <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n {header}\n </NextCardHeader>\n {divider}\n </>\n )}\n <NextCardBody data-testid={testId && `card_body_${testId}`}>\n {children}\n </NextCardBody>\n {footer && (\n <>\n {divider}\n <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n {footer}\n </NextCardFooter>\n </>\n )}\n </NextCard>\n );\n};\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"]}
|
|
@@ -1,10 +1,4 @@
|
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
var _chunkPTN54X4Zcjs = require('./chunk-PTN54X4Z.cjs');
|
|
5
|
-
|
|
6
|
-
// src/Menu/Menu.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 }; } 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; }// src/Menu/Menu.tsx
|
|
8
2
|
var _fa6 = require('react-icons/fa6');
|
|
9
3
|
var _button = require('@nextui-org/button');
|
|
10
4
|
|
|
@@ -15,12 +9,13 @@ var _button = require('@nextui-org/button');
|
|
|
15
9
|
|
|
16
10
|
var _dropdown = require('@nextui-org/dropdown');
|
|
17
11
|
var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
|
|
12
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
18
13
|
var getDisabledKeys = (items) => {
|
|
19
14
|
return items.map((item) => typeof _optionalChain([item, 'optionalAccess', _ => _.items]) === "undefined" ? item : item.items).flat().filter((item) => {
|
|
20
15
|
return Object.hasOwn(item, "disabled") && item.disabled === true;
|
|
21
16
|
}).map((item) => item.key);
|
|
22
17
|
};
|
|
23
|
-
var renderMenuItem = (item) => /* @__PURE__ */ (0,
|
|
18
|
+
var renderMenuItem = (item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24
19
|
_dropdown.DropdownItem,
|
|
25
20
|
{
|
|
26
21
|
className: item.className,
|
|
@@ -40,15 +35,15 @@ var Menu = ({
|
|
|
40
35
|
isDisabled = false,
|
|
41
36
|
items
|
|
42
37
|
}) => {
|
|
43
|
-
return /* @__PURE__ */ (0,
|
|
44
|
-
/* @__PURE__ */ (0,
|
|
38
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dropdown.Dropdown, { isDisabled, children: [
|
|
39
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dropdown.DropdownTrigger, { className: _classnames2.default.call(void 0, className), "data-testid": testId, children: children ? (
|
|
45
40
|
// eslint-disable-next-line react/button-has-type
|
|
46
|
-
/* @__PURE__ */ (0,
|
|
41
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { children })
|
|
47
42
|
) : (
|
|
48
43
|
// INFO: we use next button here so that ref passing works
|
|
49
|
-
/* @__PURE__ */ (0,
|
|
44
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _button.Button, { size: "sm", variant: "flat", className: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa6.FaEllipsisVertical, {}) })
|
|
50
45
|
) }),
|
|
51
|
-
/* @__PURE__ */ (0,
|
|
46
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
52
47
|
_dropdown.DropdownMenu,
|
|
53
48
|
{
|
|
54
49
|
items,
|
|
@@ -56,7 +51,7 @@ var Menu = ({
|
|
|
56
51
|
onAction,
|
|
57
52
|
children: (item) => {
|
|
58
53
|
if ("items" in item) {
|
|
59
|
-
return /* @__PURE__ */ (0,
|
|
54
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
60
55
|
_dropdown.DropdownSection,
|
|
61
56
|
{
|
|
62
57
|
items: item.items,
|
|
@@ -83,4 +78,4 @@ var Menu_default2 = Menu_default;
|
|
|
83
78
|
|
|
84
79
|
|
|
85
80
|
exports.Menu_default = Menu_default; exports.Menu_default2 = Menu_default2;
|
|
86
|
-
//# sourceMappingURL=chunk-
|
|
81
|
+
//# sourceMappingURL=chunk-HHTTNYDC.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Menu/Menu.tsx","../src/Menu/index.ts"],"names":["Menu_default"],"mappings":";AAGA,SAAS,0BAA0B;AAEnC,SAAS,cAAc;AACvB;AAAA,EACE,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,OACd;AACP,OAAO,QAAQ;AAkEb,cAwBE,YAxBF;AAdF,IAAM,kBAAkB,CAAC,UAAsC;AAC7D,SACE,MAEG,IAAI,CAAC,SAAU,OAAO,MAAM,UAAU,cAAc,OAAO,KAAK,KAAM,EACtE,KAAiB,EACjB,OAAO,CAAC,SAAS;AAChB,WAAO,OAAO,OAAO,MAAM,UAAU,KAAK,KAAK,aAAa;AAAA,EAC9D,CAAC,EACA,IAAI,CAAC,SAAS,KAAK,GAAG;AAE7B;AAEA,IAAM,iBAAiB,CAAC,SACtB;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,KAAK;AAAA,IAChB,eAAa,KAAK,UAAU,KAAK;AAAA,IACjC,aAAa,KAAK;AAAA,IAElB,SAAS,KAAK;AAAA,IACd,cAAc,KAAK;AAAA,IAElB,eAAK;AAAA;AAAA,EAJD,KAAK;AAKZ;AAMF,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa;AAAA,EACb;AACF,MAAiB;AACf,SACE,qBAAC,gBAAa,YACZ;AAAA,wBAAC,uBAAoB,WAAW,GAAG,SAAS,GAAG,eAAa,QACzD;AAAA;AAAA,MAEC,oBAAC,YAAQ,UAAS;AAAA;AAAA;AAAA,MAGlB,oBAAC,UAAO,MAAK,MAAK,SAAQ,QAAO,WAAU,WACzC,8BAAC,sBAAmB,GACtB;AAAA,OAEJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,cAAc,gBAAgB,KAAK;AAAA,QACnC;AAAA,QAEC,WAAC,SAAS;AACT,cAAI,WAAW,MAAM;AACnB,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,KAAK;AAAA,gBACZ,OAAO,KAAK;AAAA,gBAIX,WAAC,gBAAgB;AAChB,yBAAO,eAAe,WAAW;AAAA,gBACnC;AAAA;AAAA,cALK,KAAK;AAAA,YAMZ;AAAA,UAEJ;AACA,iBAAO,eAAe,IAAI;AAAA,QAC5B;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,eAAQ;;;ACzIf,IAAOA,gBAAQ","sourcesContent":["import type { DropdownSectionProps } from '@nextui-org/dropdown';\nimport type { Key, MouseEventHandler, ReactNode } from 'react';\n\nimport { FaEllipsisVertical } from 'react-icons/fa6';\n\nimport { Button } from '@nextui-org/button';\nimport {\n Dropdown as NextDropdown,\n DropdownItem as NextDropdownItem,\n DropdownMenu as NextDropdownMenu,\n DropdownSection as NextDropdownSection,\n DropdownTrigger as NextDropdownTrigger,\n} from '@nextui-org/dropdown';\nimport cn from 'classnames';\n\n/**\n * Menu item type\n */\nexport interface MenuItem {\n /** unique identifier */\n key: string;\n /** CSS class name */\n className?: string;\n /** additional description shown under the label */\n description?: string;\n /** disables the menu item */\n disabled?: boolean;\n /** menu item icon */\n icon?: ReactNode;\n /** menu item name */\n label: ReactNode;\n /** click event handler */\n onClick?: MouseEventHandler<HTMLLIElement>;\n /** e2e test identifier */\n testId?: string;\n}\n\n/**\n * Menu section type\n */\nexport interface MenuSection {\n /** unique identifier */\n key: string;\n /** section label */\n label: ReactNode;\n /** section items (array of MenuItem) */\n items: MenuItem[];\n}\n\nexport interface MenuProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** menu item structure */\n items: (MenuSection | MenuItem)[];\n /** disable menu trigger */\n isDisabled?: boolean;\n /** called if item is selected */\n onAction?: (key: Key) => void;\n}\n\n/** returns String[] of disabled items/keys */\nconst getDisabledKeys = (items: (MenuSection | MenuItem)[]) => {\n return (\n items\n // @ts-expect-error typing issue with MenuSection | MenuItem\n .map((item) => (typeof item?.items === 'undefined' ? item : item.items))\n .flat<MenuItem[]>()\n .filter((item) => {\n return Object.hasOwn(item, 'disabled') && item.disabled === true;\n })\n .map((item) => item.key)\n );\n};\n\nconst renderMenuItem = (item: MenuItem) => (\n <NextDropdownItem\n className={item.className}\n data-testid={item.testId || item.key}\n description={item.description}\n key={item.key}\n onClick={item.onClick}\n startContent={item.icon}\n >\n {item.label}\n </NextDropdownItem>\n);\n\n/**\n * Dropdown menu component based on [NextUI Dropdown](https://nextui.org/docs/components/dropdown)\n */\nconst Menu = ({\n children = null,\n className = undefined,\n onAction = undefined,\n testId = undefined,\n isDisabled = false,\n items,\n}: MenuProps) => {\n return (\n <NextDropdown isDisabled={isDisabled}>\n <NextDropdownTrigger className={cn(className)} data-testid={testId}>\n {children ? (\n // eslint-disable-next-line react/button-has-type\n <button>{children}</button>\n ) : (\n // INFO: we use next button here so that ref passing works\n <Button size=\"sm\" variant=\"flat\" className=\"min-w-0\">\n <FaEllipsisVertical />\n </Button>\n )}\n </NextDropdownTrigger>\n <NextDropdownMenu\n // aria-label=\"Dynamic Actions\"\n items={items}\n disabledKeys={getDisabledKeys(items)}\n onAction={onAction}\n >\n {(item) => {\n if ('items' in item) {\n return (\n <NextDropdownSection\n items={item.items as MenuSection['items']}\n title={item.label as DropdownSectionProps['title']}\n key={item.key}\n >\n {/* @ts-expect-error ts problem here with render fn */}\n {(sectionItem) => {\n return renderMenuItem(sectionItem);\n }}\n </NextDropdownSection>\n );\n }\n return renderMenuItem(item);\n }}\n </NextDropdownMenu>\n </NextDropdown>\n );\n};\n\nexport default Menu;\n","import Menu from './Menu';\n\nexport type { MenuProps, MenuItem, MenuSection } from './Menu';\n\nexport { Menu };\n\nexport default Menu;\n"]}
|