@fuf-stack/pixels 0.5.5 → 0.5.6
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 +3 -2
- package/dist/Button/index.js +2 -1
- package/dist/Card/index.cjs +3 -2
- package/dist/Card/index.js +2 -1
- package/dist/Json/index.cjs +4 -3
- package/dist/Json/index.js +3 -2
- package/dist/Label/index.cjs +3 -2
- package/dist/Label/index.js +2 -1
- package/dist/Menu/index.cjs +3 -2
- package/dist/Menu/index.js +2 -1
- package/dist/Modal/index.cjs +3 -2
- package/dist/Modal/index.js +2 -1
- package/dist/Popover/index.cjs +3 -2
- package/dist/Popover/index.js +2 -1
- package/dist/Tooltip/index.cjs +3 -2
- package/dist/Tooltip/index.js +2 -1
- package/dist/{chunk-BTBF633Q.js → chunk-22MRKUHN.js} +32 -27
- package/dist/{chunk-BTBF633Q.js.map → chunk-22MRKUHN.js.map} +1 -1
- package/dist/{chunk-IEZVKZFP.js → chunk-2C2AZ4GY.js} +14 -9
- package/dist/{chunk-IEZVKZFP.js.map → chunk-2C2AZ4GY.js.map} +1 -1
- package/dist/{chunk-BMKGS5PK.cjs → chunk-5QFG2VXP.cjs} +9 -4
- package/dist/chunk-5QFG2VXP.cjs.map +1 -0
- package/dist/chunk-CJ7YDKHN.cjs +48 -0
- package/dist/chunk-CJ7YDKHN.cjs.map +1 -0
- package/dist/{chunk-O6OLR36Y.js → chunk-DAIBNNTS.js} +12 -7
- package/dist/{chunk-O6OLR36Y.js.map → chunk-DAIBNNTS.js.map} +1 -1
- package/dist/{chunk-GIM2W4JH.cjs → chunk-DFKOD7QX.cjs} +15 -10
- package/dist/chunk-DFKOD7QX.cjs.map +1 -0
- package/dist/chunk-EOBBMFEW.js +3193 -0
- package/dist/chunk-EOBBMFEW.js.map +1 -0
- package/dist/{chunk-HYXTFS4R.js → chunk-ILTQEFAN.js} +13 -8
- package/dist/{chunk-HYXTFS4R.js.map → chunk-ILTQEFAN.js.map} +1 -1
- package/dist/{chunk-ND4VZZVU.cjs → chunk-JSV7ZIIA.cjs} +14 -9
- package/dist/chunk-JSV7ZIIA.cjs.map +1 -0
- package/dist/{chunk-X2MUU2ZI.cjs → chunk-KVCXEJJD.cjs} +13 -8
- package/dist/chunk-KVCXEJJD.cjs.map +1 -0
- package/dist/{chunk-S2WOGSQV.js → chunk-L6CCOLHU.js} +8 -3
- package/dist/{chunk-S2WOGSQV.js.map → chunk-L6CCOLHU.js.map} +1 -1
- package/dist/{chunk-7GYTJLD6.cjs → chunk-NB2Y66Z3.cjs} +33 -28
- package/dist/chunk-NB2Y66Z3.cjs.map +1 -0
- package/dist/chunk-PD246EV7.js +48 -0
- package/dist/{chunk-6G5VTF6K.js.map → chunk-PD246EV7.js.map} +1 -1
- package/dist/chunk-PTN54X4Z.cjs +3193 -0
- package/dist/chunk-PTN54X4Z.cjs.map +1 -0
- package/dist/{chunk-236GX7PP.js → chunk-QC2FAH2W.js} +9 -4
- package/dist/{chunk-236GX7PP.js.map → chunk-QC2FAH2W.js.map} +1 -1
- package/dist/{chunk-HHTTNYDC.cjs → chunk-R2JOVQS5.cjs} +15 -10
- package/dist/chunk-R2JOVQS5.cjs.map +1 -0
- package/dist/{chunk-BSBPQXNG.cjs → chunk-SSPYXO6E.cjs} +10 -5
- package/dist/chunk-SSPYXO6E.cjs.map +1 -0
- package/dist/{chunk-VOXYQARK.js → chunk-XGAFPFRL.js} +14 -9
- package/dist/{chunk-VOXYQARK.js.map → chunk-XGAFPFRL.js.map} +1 -1
- package/dist/index.cjs +20 -16
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +19 -15
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
- package/dist/chunk-6G5VTF6K.js +0 -43
- package/dist/chunk-7GYTJLD6.cjs.map +0 -1
- package/dist/chunk-B35F4645.cjs +0 -43
- package/dist/chunk-B35F4645.cjs.map +0 -1
- package/dist/chunk-BMKGS5PK.cjs.map +0 -1
- package/dist/chunk-BSBPQXNG.cjs.map +0 -1
- package/dist/chunk-GIM2W4JH.cjs.map +0 -1
- package/dist/chunk-HHTTNYDC.cjs.map +0 -1
- package/dist/chunk-ND4VZZVU.cjs.map +0 -1
- package/dist/chunk-X2MUU2ZI.cjs.map +0 -1
package/dist/Button/index.cjs
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkJSV7ZIIAcjs = require('../chunk-JSV7ZIIA.cjs');
|
|
6
|
+
require('../chunk-PTN54X4Z.cjs');
|
|
6
7
|
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
|
-
exports.Button =
|
|
11
|
+
exports.Button = _chunkJSV7ZIIAcjs.Button_default; exports.buttonVariants = _chunkJSV7ZIIAcjs.buttonVariants; exports.default = _chunkJSV7ZIIAcjs.Button_default2;
|
|
11
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Button/index.js
CHANGED
package/dist/Card/index.cjs
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkDFKOD7QXcjs = require('../chunk-DFKOD7QX.cjs');
|
|
6
|
+
require('../chunk-PTN54X4Z.cjs');
|
|
6
7
|
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
|
-
exports.Card =
|
|
11
|
+
exports.Card = _chunkDFKOD7QXcjs.Card_default; exports.cardVariants = _chunkDFKOD7QXcjs.cardVariants; exports.default = _chunkDFKOD7QXcjs.Card_default2;
|
|
11
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Card/index.js
CHANGED
package/dist/Json/index.cjs
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
4
|
+
var _chunkNB2Y66Z3cjs = require('../chunk-NB2Y66Z3.cjs');
|
|
5
|
+
require('../chunk-JSV7ZIIA.cjs');
|
|
6
|
+
require('../chunk-PTN54X4Z.cjs');
|
|
6
7
|
|
|
7
8
|
|
|
8
9
|
|
|
9
|
-
exports.Json =
|
|
10
|
+
exports.Json = _chunkNB2Y66Z3cjs.Json_default; exports.default = _chunkNB2Y66Z3cjs.Json_default2;
|
|
10
11
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Json/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Json_default,
|
|
3
3
|
Json_default2
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-22MRKUHN.js";
|
|
5
|
+
import "../chunk-ILTQEFAN.js";
|
|
6
|
+
import "../chunk-EOBBMFEW.js";
|
|
6
7
|
export {
|
|
7
8
|
Json_default as Json,
|
|
8
9
|
Json_default2 as default
|
package/dist/Label/index.cjs
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunk5QFG2VXPcjs = require('../chunk-5QFG2VXP.cjs');
|
|
5
|
+
require('../chunk-PTN54X4Z.cjs');
|
|
5
6
|
|
|
6
7
|
|
|
7
8
|
|
|
8
|
-
exports.Label =
|
|
9
|
+
exports.Label = _chunk5QFG2VXPcjs.Label_default; exports.default = _chunk5QFG2VXPcjs.Label_default2;
|
|
9
10
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Label/index.js
CHANGED
package/dist/Menu/index.cjs
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkR2JOVQS5cjs = require('../chunk-R2JOVQS5.cjs');
|
|
5
|
+
require('../chunk-PTN54X4Z.cjs');
|
|
5
6
|
|
|
6
7
|
|
|
7
8
|
|
|
8
|
-
exports.Menu =
|
|
9
|
+
exports.Menu = _chunkR2JOVQS5cjs.Menu_default; exports.default = _chunkR2JOVQS5cjs.Menu_default2;
|
|
9
10
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Menu/index.js
CHANGED
package/dist/Modal/index.cjs
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkKVCXEJJDcjs = require('../chunk-KVCXEJJD.cjs');
|
|
6
|
+
require('../chunk-PTN54X4Z.cjs');
|
|
6
7
|
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
|
-
exports.Modal =
|
|
11
|
+
exports.Modal = _chunkKVCXEJJDcjs.Modal_default; exports.default = _chunkKVCXEJJDcjs.Modal_default2; exports.modalVariants = _chunkKVCXEJJDcjs.modalVariants;
|
|
11
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Modal/index.js
CHANGED
package/dist/Popover/index.cjs
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkCJ7YDKHNcjs = require('../chunk-CJ7YDKHN.cjs');
|
|
5
|
+
require('../chunk-PTN54X4Z.cjs');
|
|
5
6
|
|
|
6
7
|
|
|
7
8
|
|
|
8
|
-
exports.Popover =
|
|
9
|
+
exports.Popover = _chunkCJ7YDKHNcjs.Popover_default; exports.default = _chunkCJ7YDKHNcjs.Popover_default2;
|
|
9
10
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Popover/index.js
CHANGED
package/dist/Tooltip/index.cjs
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkSSPYXO6Ecjs = require('../chunk-SSPYXO6E.cjs');
|
|
6
|
+
require('../chunk-PTN54X4Z.cjs');
|
|
6
7
|
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
|
-
exports.Tooltip =
|
|
11
|
+
exports.Tooltip = _chunkSSPYXO6Ecjs.Tooltip_default; exports.default = _chunkSSPYXO6Ecjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunkSSPYXO6Ecjs.tooltipPlacementOptions;
|
|
11
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Tooltip/index.js
CHANGED
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Button_default2 as Button_default
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-ILTQEFAN.js";
|
|
4
|
+
import {
|
|
5
|
+
__toESM,
|
|
6
|
+
require_jsx_runtime,
|
|
7
|
+
require_react
|
|
8
|
+
} from "./chunk-EOBBMFEW.js";
|
|
4
9
|
|
|
5
10
|
// src/Json/Json.tsx
|
|
6
|
-
|
|
11
|
+
var import_react = __toESM(require_react(), 1);
|
|
7
12
|
import { FaChevronDown, FaChevronUp, FaTimesCircle } from "react-icons/fa";
|
|
8
13
|
import { HiOutlineClipboard, HiOutlineClipboardCheck } from "react-icons/hi";
|
|
9
14
|
import JsonView from "@uiw/react-json-view";
|
|
10
15
|
import { lightTheme } from "@uiw/react-json-view/light";
|
|
11
16
|
import { vscodeTheme } from "@uiw/react-json-view/vscode";
|
|
12
17
|
import cn from "classnames";
|
|
13
|
-
|
|
18
|
+
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
|
|
14
19
|
var getValue = (value) => {
|
|
15
20
|
if (typeof value === "string") {
|
|
16
21
|
return JSON.parse(value);
|
|
@@ -24,9 +29,9 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
24
29
|
const isDarkMode = document.body.classList.contains("dark");
|
|
25
30
|
let content = null;
|
|
26
31
|
let error = null;
|
|
27
|
-
const [showDetails, setShowDetails] = useState(false);
|
|
32
|
+
const [showDetails, setShowDetails] = (0, import_react.useState)(false);
|
|
28
33
|
try {
|
|
29
|
-
content = /* @__PURE__ */ jsx(
|
|
34
|
+
content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
30
35
|
JsonView,
|
|
31
36
|
{
|
|
32
37
|
className: "pr-5",
|
|
@@ -37,7 +42,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
37
42
|
backgroundColor: "unset"
|
|
38
43
|
},
|
|
39
44
|
value: getValue(value),
|
|
40
|
-
children: /* @__PURE__ */ jsx(
|
|
45
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
41
46
|
JsonView.Copied,
|
|
42
47
|
{
|
|
43
48
|
render: ({
|
|
@@ -51,7 +56,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
51
56
|
"absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
|
|
52
57
|
{ "text-success": copied }
|
|
53
58
|
);
|
|
54
|
-
return /* @__PURE__ */ jsx("span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ jsx(
|
|
59
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
55
60
|
HiOutlineClipboardCheck,
|
|
56
61
|
{
|
|
57
62
|
...elmProps,
|
|
@@ -59,7 +64,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
59
64
|
}
|
|
60
65
|
) : (
|
|
61
66
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
62
|
-
/* @__PURE__ */ jsx(HiOutlineClipboard, { ...elmProps, className: elmClasses })
|
|
67
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HiOutlineClipboard, { ...elmProps, className: elmClasses })
|
|
63
68
|
) });
|
|
64
69
|
}
|
|
65
70
|
}
|
|
@@ -67,53 +72,53 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
67
72
|
}
|
|
68
73
|
);
|
|
69
74
|
} catch (err) {
|
|
70
|
-
error = /* @__PURE__ */ jsxs(
|
|
75
|
+
error = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
71
76
|
"div",
|
|
72
77
|
{
|
|
73
78
|
className: "mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger",
|
|
74
79
|
role: "alert",
|
|
75
80
|
children: [
|
|
76
|
-
/* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between gap-6", children: [
|
|
77
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
78
|
-
/* @__PURE__ */ jsx(FaTimesCircle, { className: "mr-2" }),
|
|
79
|
-
/* @__PURE__ */ jsx("span", { className: "font-medium", children: "Failed to parse JSON data" })
|
|
81
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full justify-between gap-6", children: [
|
|
82
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", children: [
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaTimesCircle, { className: "mr-2" }),
|
|
84
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: "Failed to parse JSON data" })
|
|
80
85
|
] }),
|
|
81
|
-
/* @__PURE__ */ jsx(
|
|
86
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
82
87
|
Button_default,
|
|
83
88
|
{
|
|
84
89
|
color: "danger",
|
|
85
90
|
size: "sm",
|
|
86
91
|
variant: "light",
|
|
87
92
|
onClick: () => setShowDetails(!showDetails),
|
|
88
|
-
children: showDetails ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
89
|
-
/* @__PURE__ */ jsx(FaChevronUp, {}),
|
|
93
|
+
children: showDetails ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
94
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaChevronUp, {}),
|
|
90
95
|
" Hide Details"
|
|
91
|
-
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
92
|
-
/* @__PURE__ */ jsx(FaChevronDown, {}),
|
|
96
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
97
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaChevronDown, {}),
|
|
93
98
|
" Show Details"
|
|
94
99
|
] })
|
|
95
100
|
}
|
|
96
101
|
)
|
|
97
102
|
] }),
|
|
98
|
-
showDetails && /* @__PURE__ */ jsxs("div", { className: "mt-4 w-full text-left", children: [
|
|
99
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
100
|
-
/* @__PURE__ */ jsx("strong", { children: "Error:" }),
|
|
101
|
-
/* @__PURE__ */ jsxs("pre", { children: [
|
|
103
|
+
showDetails && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 w-full text-left", children: [
|
|
104
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
105
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "Error:" }),
|
|
106
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("pre", { children: [
|
|
102
107
|
err?.name,
|
|
103
108
|
": ",
|
|
104
109
|
err?.message
|
|
105
110
|
] })
|
|
106
111
|
] }),
|
|
107
|
-
/* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
|
|
108
|
-
/* @__PURE__ */ jsx("strong", { children: "Data:" }),
|
|
109
|
-
/* @__PURE__ */ jsx("pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
|
|
112
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4", children: [
|
|
113
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "Data:" }),
|
|
114
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
|
|
110
115
|
] })
|
|
111
116
|
] })
|
|
112
117
|
]
|
|
113
118
|
}
|
|
114
119
|
);
|
|
115
120
|
}
|
|
116
|
-
return /* @__PURE__ */ jsx("div", { className: cn(className), children: error || content });
|
|
121
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn(className), children: error || content });
|
|
117
122
|
};
|
|
118
123
|
var Json_default = Json;
|
|
119
124
|
|
|
@@ -124,4 +129,4 @@ export {
|
|
|
124
129
|
Json_default,
|
|
125
130
|
Json_default2
|
|
126
131
|
};
|
|
127
|
-
//# sourceMappingURL=chunk-
|
|
132
|
+
//# sourceMappingURL=chunk-22MRKUHN.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"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"],"mappings":";;;;;;;;;;AAEA,mBAAyB;AACzB,SAAS,eAAe,aAAa,qBAAqB;AAC1D,SAAS,oBAAoB,+BAA+B;AAE5D,OAAO,cAAc;AACrB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,OAAO,QAAQ;AAiEG;AA1DlB,IAAM,WAAW,CAAC,UAA2B;AAC3C,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,IAAI,MAAM,GAAG,OAAO,KAAK,wBAAwB;AACzD;AAcA,IAAM,OAAO,CAAC,EAAE,YAAY,MAAM,YAAY,OAAO,MAAM,MAAiB;AAC1E,QAAM,aAAa,SAAS,KAAK,UAAU,SAAS,MAAM;AAE1D,MAAI,UAAqB;AACzB,MAAI,QAAmB;AAEvB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AAEpD,MAAI;AACF,cACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,kBAAkB;AAAA,QAClB,OAAO;AAAA,UACL,GAAI,aAAa,cAAc;AAAA,UAC/B,iBAAiB;AAAA,QACnB;AAAA,QACA,OAAO,SAAS,KAAK;AAAA,QAGrB;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,QAAQ,CAAC;AAAA;AAAA,cAEP,eAAe;AAAA,cACf;AAAA,cACA,GAAG;AAAA,YACL,MAAM;AACJ,oBAAM,aAAa;AAAA,gBACjB,SAAS;AAAA,gBACT;AAAA,gBACA,EAAE,gBAAgB,OAAO;AAAA,cAC3B;AACA,qBACE,4CAAC,UAAK,WAAU,gCAA+B,OAC5C,mBACC;AAAA,gBAAC;AAAA;AAAA,kBAEE,GAAG;AAAA,kBACJ,WAAW;AAAA;AAAA,cACb;AAAA;AAAA,gBAGA,4CAAC,sBAAoB,GAAG,UAAU,WAAW,YAAY;AAAA,iBAE7D;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ,SAAS,KAAK;AACZ,YACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QAEL;AAAA,uDAAC,SAAI,WAAU,qCACb;AAAA,yDAAC,SAAI,WAAU,qBACb;AAAA,0DAAC,iBAAc,WAAU,QAAO;AAAA,cAChC,4CAAC,UAAK,WAAU,eAAc,uCAAyB;AAAA,eACzD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,gBAEzC,wBACC,4EACE;AAAA,8DAAC,eAAY;AAAA,kBAAE;AAAA,mBACjB,IAEA,4EACE;AAAA,8DAAC,iBAAc;AAAA,kBAAE;AAAA,mBACnB;AAAA;AAAA,YAEJ;AAAA,aACF;AAAA,UACC,eACC,6CAAC,SAAI,WAAU,yBACb;AAAA,yDAAC,SACC;AAAA,0DAAC,YAAO,oBAAM;AAAA,cACd,6CAAC,SAEE;AAAA,qBAAK;AAAA,gBAAK;AAAA,gBAAG,KAAK;AAAA,iBACrB;AAAA,eACF;AAAA,YACA,6CAAC,SAAI,WAAU,QACb;AAAA,0DAAC,YAAO,mBAAK;AAAA,cACb,4CAAC,SACE,iBAAO,UAAU,WACd,KAAK,UAAU,OAAO,MAAM,CAAC,IAC7B,OACN;AAAA,eACF;AAAA,aACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACA,SAAO,4CAAC,SAAI,WAAW,GAAG,SAAS,GAAI,mBAAS,SAAQ;AAC1D;AAEA,IAAO,eAAQ;;;ACxIf,IAAOA,gBAAQ;","names":["Json_default"]}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
+
import {
|
|
2
|
+
__toESM,
|
|
3
|
+
require_jsx_runtime
|
|
4
|
+
} from "./chunk-EOBBMFEW.js";
|
|
5
|
+
|
|
1
6
|
// src/Card/Card.tsx
|
|
7
|
+
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
|
|
2
8
|
import {
|
|
3
9
|
Card as NextCard,
|
|
4
10
|
CardBody as NextCardBody,
|
|
@@ -7,7 +13,6 @@ import {
|
|
|
7
13
|
} from "@nextui-org/card";
|
|
8
14
|
import { Divider as NextDivider } from "@nextui-org/divider";
|
|
9
15
|
import { tv } from "tailwind-variants";
|
|
10
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
11
16
|
var cardVariants = tv({
|
|
12
17
|
slots: {
|
|
13
18
|
base: "border border-divider",
|
|
@@ -34,13 +39,13 @@ var Card = ({
|
|
|
34
39
|
body: variants.body({ className: classNameObj.body }),
|
|
35
40
|
footer: variants.footer({ className: classNameObj.footer })
|
|
36
41
|
};
|
|
37
|
-
const divider = /* @__PURE__ */ jsx(
|
|
42
|
+
const divider = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
38
43
|
NextDivider,
|
|
39
44
|
{
|
|
40
45
|
className: variants.divider({ className: classNameObj.divider })
|
|
41
46
|
}
|
|
42
47
|
);
|
|
43
|
-
return /* @__PURE__ */ jsxs(
|
|
48
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
44
49
|
NextCard,
|
|
45
50
|
{
|
|
46
51
|
classNames,
|
|
@@ -49,14 +54,14 @@ var Card = ({
|
|
|
49
54
|
radius: "sm",
|
|
50
55
|
shadow: "none",
|
|
51
56
|
children: [
|
|
52
|
-
header && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53
|
-
/* @__PURE__ */ jsx(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
|
|
57
|
+
header && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
58
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
|
|
54
59
|
divider
|
|
55
60
|
] }),
|
|
56
|
-
/* @__PURE__ */ jsx(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
|
|
57
|
-
footer && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
61
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
|
|
62
|
+
footer && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
58
63
|
divider,
|
|
59
|
-
/* @__PURE__ */ jsx(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
|
|
64
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
|
|
60
65
|
] })
|
|
61
66
|
]
|
|
62
67
|
}
|
|
@@ -72,4 +77,4 @@ export {
|
|
|
72
77
|
Card_default,
|
|
73
78
|
Card_default2
|
|
74
79
|
};
|
|
75
|
-
//# sourceMappingURL=chunk-
|
|
80
|
+
//# sourceMappingURL=chunk-2C2AZ4GY.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"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"],"mappings":";
|
|
1
|
+
{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"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"],"mappings":";;;;;;AAgEI;AA7DJ;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAGZ,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,4EACE;AAAA,sDAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,4CAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,4EACG;AAAA;AAAA,UACD,4CAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ;","names":["Card_default"]}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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);
|
|
2
8
|
var _chip = require('@nextui-org/chip');
|
|
3
9
|
var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
|
|
4
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
5
10
|
var Label = ({
|
|
6
11
|
children,
|
|
7
12
|
className = void 0,
|
|
@@ -9,7 +14,7 @@ var Label = ({
|
|
|
9
14
|
endContent = void 0,
|
|
10
15
|
size = "md",
|
|
11
16
|
startContent = void 0
|
|
12
|
-
}) => /* @__PURE__ */
|
|
17
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
13
18
|
_chip.Chip,
|
|
14
19
|
{
|
|
15
20
|
className: _classnames2.default.call(void 0, className),
|
|
@@ -29,4 +34,4 @@ var Label_default2 = Label_default;
|
|
|
29
34
|
|
|
30
35
|
|
|
31
36
|
exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
|
|
32
|
-
//# sourceMappingURL=chunk-
|
|
37
|
+
//# sourceMappingURL=chunk-5QFG2VXP.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":";;;;;;AAgCE;AA7BF,SAAS,QAAQ,iBAAiB;AAClC,OAAO,QAAQ;AAoBf,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"]}
|
|
@@ -0,0 +1,48 @@
|
|
|
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/Popover/Popover.tsx
|
|
7
|
+
var import_jsx_runtime = _chunkPTN54X4Zcjs.__toESM.call(void 0, _chunkPTN54X4Zcjs.require_jsx_runtime.call(void 0, ), 1);
|
|
8
|
+
var _popover = require('@nextui-org/popover');
|
|
9
|
+
var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
|
|
10
|
+
var Popover_default = ({
|
|
11
|
+
children = null,
|
|
12
|
+
className = void 0,
|
|
13
|
+
content,
|
|
14
|
+
contentTestId = void 0,
|
|
15
|
+
placement = "top",
|
|
16
|
+
openControlled = void 0,
|
|
17
|
+
testId = void 0,
|
|
18
|
+
title = void 0
|
|
19
|
+
}) => {
|
|
20
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
21
|
+
_popover.Popover,
|
|
22
|
+
{
|
|
23
|
+
placement,
|
|
24
|
+
radius: "sm",
|
|
25
|
+
showArrow: true,
|
|
26
|
+
...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
|
|
27
|
+
children: [
|
|
28
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(_popover.PopoverTrigger, { className: _classnames2.default.call(void 0, className), "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { children }) }),
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(_popover.PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-h-[80vh] overflow-y-auto", children: [
|
|
30
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
31
|
+
title,
|
|
32
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {})
|
|
33
|
+
] }),
|
|
34
|
+
content
|
|
35
|
+
] }) })
|
|
36
|
+
]
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
// src/Popover/index.ts
|
|
42
|
+
var Popover_default2 = Popover_default;
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
|
|
48
|
+
//# sourceMappingURL=chunk-CJ7YDKHN.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":";;;;;;AAkDQ;AA/CR,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,OAAO,QAAQ;AAwBf,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,oDAAC,kBAAe,WAAW,GAAG,SAAS,GAAG,eAAa,QAGrD,sDAAC,YAAQ,UAAS,GACpB;AAAA,QACA,4CAAC,kBAAe,eAAa,eAC3B,uDAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,6CAAC,SACE;AAAA;AAAA,YACD,4CAAC,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,4 +1,10 @@
|
|
|
1
|
+
import {
|
|
2
|
+
__toESM,
|
|
3
|
+
require_jsx_runtime
|
|
4
|
+
} from "./chunk-EOBBMFEW.js";
|
|
5
|
+
|
|
1
6
|
// src/Modal/Modal.tsx
|
|
7
|
+
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
|
|
2
8
|
import {
|
|
3
9
|
Modal as NextModal,
|
|
4
10
|
ModalBody as NextModalBody,
|
|
@@ -7,7 +13,6 @@ import {
|
|
|
7
13
|
ModalHeader as NextModalHeader
|
|
8
14
|
} from "@nextui-org/modal";
|
|
9
15
|
import { tv } from "tailwind-variants";
|
|
10
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
11
16
|
var modalVariants = tv({
|
|
12
17
|
slots: {
|
|
13
18
|
backdrop: "",
|
|
@@ -51,7 +56,7 @@ var Modal = ({
|
|
|
51
56
|
header: variants.header({ className: classNameObj.header }),
|
|
52
57
|
wrapper: variants.wrapper({ className: classNameObj.wrapper })
|
|
53
58
|
};
|
|
54
|
-
return /* @__PURE__ */ jsx(
|
|
59
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
55
60
|
NextModal,
|
|
56
61
|
{
|
|
57
62
|
backdrop: "opaque",
|
|
@@ -61,10 +66,10 @@ var Modal = ({
|
|
|
61
66
|
onClose,
|
|
62
67
|
placement: "center",
|
|
63
68
|
scrollBehavior: "inside",
|
|
64
|
-
children: /* @__PURE__ */ jsx(NextModalContent, { "data-testid": testId ? `modal_${testId}` : "modal", children: () => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
65
|
-
header && /* @__PURE__ */ jsx(NextModalHeader, { children: header }),
|
|
66
|
-
/* @__PURE__ */ jsx(NextModalBody, { id: "modal_body", children }),
|
|
67
|
-
footer && /* @__PURE__ */ jsx(NextModalFooter, { children: footer })
|
|
69
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextModalContent, { "data-testid": testId ? `modal_${testId}` : "modal", children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
70
|
+
header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextModalHeader, { children: header }),
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextModalBody, { id: "modal_body", children }),
|
|
72
|
+
footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextModalFooter, { children: footer })
|
|
68
73
|
] }) })
|
|
69
74
|
}
|
|
70
75
|
);
|
|
@@ -79,4 +84,4 @@ export {
|
|
|
79
84
|
Modal_default,
|
|
80
85
|
Modal_default2
|
|
81
86
|
};
|
|
82
|
-
//# sourceMappingURL=chunk-
|
|
87
|
+
//# sourceMappingURL=chunk-DAIBNNTS.js.map
|