@fuf-stack/pixels 0.2.5 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/dist/Button/index.cjs +3 -112
  2. package/dist/Button/index.cjs.map +1 -1
  3. package/dist/Button/index.d.cts +3 -3
  4. package/dist/Button/index.d.ts +3 -3
  5. package/dist/Button/index.js +5 -5
  6. package/dist/{Button/Button.d.cts → Button-B0H0w1eR.d.cts} +1 -1
  7. package/dist/{Button/Button.d.ts → Button-B0H0w1eR.d.ts} +1 -1
  8. package/dist/Card/index.cjs +5 -133
  9. package/dist/Card/index.cjs.map +1 -1
  10. package/dist/Card/index.d.cts +3 -3
  11. package/dist/Card/index.d.ts +3 -3
  12. package/dist/Card/index.js +4 -5
  13. package/dist/Card/index.js.map +1 -1
  14. package/dist/{Card/Card.d.ts → Card-Cl_I4L8G.d.cts} +1 -1
  15. package/dist/{Card/Card.d.cts → Card-Cl_I4L8G.d.ts} +1 -1
  16. package/dist/Json/index.cjs +4 -203
  17. package/dist/Json/index.cjs.map +1 -1
  18. package/dist/Json/index.d.cts +3 -3
  19. package/dist/Json/index.d.ts +3 -3
  20. package/dist/Json/index.js +5 -8
  21. package/dist/Json/index.js.map +1 -1
  22. package/dist/{Json/Json.d.cts → Json-ClGDcbcp.d.cts} +1 -1
  23. package/dist/{Json/Json.d.ts → Json-ClGDcbcp.d.ts} +1 -1
  24. package/dist/Label/index.cjs +5 -59
  25. package/dist/Label/index.cjs.map +1 -1
  26. package/dist/Label/index.d.cts +3 -3
  27. package/dist/Label/index.d.ts +3 -3
  28. package/dist/Label/index.js +4 -5
  29. package/dist/Label/index.js.map +1 -1
  30. package/dist/{Label/Label.d.cts → Label-DzZDW95M.d.cts} +1 -1
  31. package/dist/{Label/Label.d.ts → Label-DzZDW95M.d.ts} +1 -1
  32. package/dist/Menu/index.cjs +5 -105
  33. package/dist/Menu/index.cjs.map +1 -1
  34. package/dist/Menu/index.d.cts +3 -3
  35. package/dist/Menu/index.d.ts +3 -3
  36. package/dist/Menu/index.js +4 -5
  37. package/dist/Menu/index.js.map +1 -1
  38. package/dist/{Menu/Menu.d.cts → Menu-D50c3gIq.d.cts} +2 -2
  39. package/dist/{Menu/Menu.d.ts → Menu-D50c3gIq.d.ts} +2 -2
  40. package/dist/Modal/index.cjs +5 -81
  41. package/dist/Modal/index.cjs.map +1 -1
  42. package/dist/Modal/index.d.cts +3 -3
  43. package/dist/Modal/index.d.ts +3 -3
  44. package/dist/Modal/index.js +4 -5
  45. package/dist/Modal/index.js.map +1 -1
  46. package/dist/{Modal/Modal.d.cts → Modal-CSxNe0bS.d.cts} +1 -1
  47. package/dist/{Modal/Modal.d.ts → Modal-CSxNe0bS.d.ts} +1 -1
  48. package/dist/Popover/index.cjs +5 -73
  49. package/dist/Popover/index.cjs.map +1 -1
  50. package/dist/Popover/index.d.cts +3 -3
  51. package/dist/Popover/index.d.ts +3 -3
  52. package/dist/Popover/index.js +4 -5
  53. package/dist/Popover/index.js.map +1 -1
  54. package/dist/{Popover/Popover.d.cts → Popover-DbTTk7_N.d.cts} +1 -1
  55. package/dist/{Popover/Popover.d.ts → Popover-DbTTk7_N.d.ts} +1 -1
  56. package/dist/Tooltip/index.cjs +3 -63
  57. package/dist/Tooltip/index.cjs.map +1 -1
  58. package/dist/Tooltip/index.d.cts +2 -2
  59. package/dist/Tooltip/index.d.ts +2 -2
  60. package/dist/Tooltip/index.js +2 -5
  61. package/dist/Tooltip/index.js.map +1 -1
  62. package/dist/{Tooltip/Tooltip.d.cts → Tooltip-D0yEMBnv.d.cts} +1 -1
  63. package/dist/{Tooltip/Tooltip.d.ts → Tooltip-D0yEMBnv.d.ts} +1 -1
  64. package/dist/chunk-2UJJIIMU.js +87 -0
  65. package/dist/chunk-2UJJIIMU.js.map +1 -0
  66. package/dist/{chunk-WBAURF6J.js → chunk-7ERBBFDC.js} +38 -5
  67. package/dist/chunk-7ERBBFDC.js.map +1 -0
  68. package/dist/chunk-BMKGS5PK.cjs +32 -0
  69. package/dist/chunk-BMKGS5PK.cjs.map +1 -0
  70. package/dist/chunk-DSSM3ANE.cjs +84 -0
  71. package/dist/chunk-DSSM3ANE.cjs.map +1 -0
  72. package/dist/chunk-I76NWOB3.cjs +87 -0
  73. package/dist/chunk-I76NWOB3.cjs.map +1 -0
  74. package/dist/{chunk-ONXXZTZY.js → chunk-J47IOXCU.js} +5 -4
  75. package/dist/chunk-J47IOXCU.js.map +1 -0
  76. package/dist/{chunk-Y35GJHOR.js → chunk-J4OGTE6Z.js} +6 -2
  77. package/dist/chunk-J4OGTE6Z.js.map +1 -0
  78. package/dist/chunk-JD3BEOSK.cjs +35 -0
  79. package/dist/chunk-JD3BEOSK.cjs.map +1 -0
  80. package/dist/{chunk-EYUTNORZ.js → chunk-MBQA3LPM.js} +6 -4
  81. package/dist/chunk-MBQA3LPM.js.map +1 -0
  82. package/dist/chunk-PI7CBPUS.cjs +127 -0
  83. package/dist/chunk-PI7CBPUS.cjs.map +1 -0
  84. package/dist/{chunk-CEUL4NWH.js → chunk-S2WOGSQV.js} +6 -2
  85. package/dist/chunk-S2WOGSQV.js.map +1 -0
  86. package/dist/chunk-STEC6TAQ.cjs +60 -0
  87. package/dist/chunk-STEC6TAQ.cjs.map +1 -0
  88. package/dist/{chunk-SGAWYTO7.js → chunk-V2C3KFMP.js} +6 -2
  89. package/dist/chunk-V2C3KFMP.js.map +1 -0
  90. package/dist/{chunk-XPTSDDXG.js → chunk-VQ5Q33MY.js} +6 -3
  91. package/dist/chunk-VQ5Q33MY.js.map +1 -0
  92. package/dist/chunk-WTKZJFQV.cjs +111 -0
  93. package/dist/chunk-WTKZJFQV.cjs.map +1 -0
  94. package/dist/chunk-YUOFNPJO.cjs +46 -0
  95. package/dist/chunk-YUOFNPJO.cjs.map +1 -0
  96. package/dist/index.cjs +102 -0
  97. package/dist/index.cjs.map +1 -0
  98. package/dist/index.d.cts +21 -0
  99. package/dist/index.d.ts +21 -0
  100. package/dist/{hooks/useLocalStorage.js → index.js} +56 -6
  101. package/dist/index.js.map +1 -0
  102. package/package.json +54 -11
  103. package/dist/Button/Button.cjs +0 -113
  104. package/dist/Button/Button.cjs.map +0 -1
  105. package/dist/Button/Button.js +0 -8
  106. package/dist/Button/Button.js.map +0 -1
  107. package/dist/Button/subcomponents/LoadingSpinner.cjs +0 -57
  108. package/dist/Button/subcomponents/LoadingSpinner.cjs.map +0 -1
  109. package/dist/Button/subcomponents/LoadingSpinner.d.cts +0 -9
  110. package/dist/Button/subcomponents/LoadingSpinner.d.ts +0 -9
  111. package/dist/Button/subcomponents/LoadingSpinner.js +0 -7
  112. package/dist/Button/subcomponents/LoadingSpinner.js.map +0 -1
  113. package/dist/Card/Card.cjs +0 -137
  114. package/dist/Card/Card.cjs.map +0 -1
  115. package/dist/Card/Card.js +0 -9
  116. package/dist/Card/Card.js.map +0 -1
  117. package/dist/Json/Json.cjs +0 -204
  118. package/dist/Json/Json.cjs.map +0 -1
  119. package/dist/Json/Json.js +0 -10
  120. package/dist/Json/Json.js.map +0 -1
  121. package/dist/Label/Label.cjs +0 -58
  122. package/dist/Label/Label.cjs.map +0 -1
  123. package/dist/Label/Label.js +0 -7
  124. package/dist/Label/Label.js.map +0 -1
  125. package/dist/Menu/Menu.cjs +0 -104
  126. package/dist/Menu/Menu.cjs.map +0 -1
  127. package/dist/Menu/Menu.js +0 -7
  128. package/dist/Menu/Menu.js.map +0 -1
  129. package/dist/Modal/Modal.cjs +0 -86
  130. package/dist/Modal/Modal.cjs.map +0 -1
  131. package/dist/Modal/Modal.js +0 -9
  132. package/dist/Modal/Modal.js.map +0 -1
  133. package/dist/Popover/Popover.cjs +0 -72
  134. package/dist/Popover/Popover.cjs.map +0 -1
  135. package/dist/Popover/Popover.js +0 -7
  136. package/dist/Popover/Popover.js.map +0 -1
  137. package/dist/Tooltip/Tooltip.cjs +0 -68
  138. package/dist/Tooltip/Tooltip.cjs.map +0 -1
  139. package/dist/Tooltip/Tooltip.js +0 -9
  140. package/dist/Tooltip/Tooltip.js.map +0 -1
  141. package/dist/chunk-4WCKFSLX.js +0 -11
  142. package/dist/chunk-4WCKFSLX.js.map +0 -1
  143. package/dist/chunk-6QVKZ4AT.js +0 -52
  144. package/dist/chunk-6QVKZ4AT.js.map +0 -1
  145. package/dist/chunk-CEUL4NWH.js.map +0 -1
  146. package/dist/chunk-EYUTNORZ.js.map +0 -1
  147. package/dist/chunk-ONXXZTZY.js.map +0 -1
  148. package/dist/chunk-SGAWYTO7.js.map +0 -1
  149. package/dist/chunk-WBAURF6J.js.map +0 -1
  150. package/dist/chunk-XPTSDDXG.js.map +0 -1
  151. package/dist/chunk-Y35GJHOR.js.map +0 -1
  152. package/dist/chunk-ZFEVTQWW.js +0 -37
  153. package/dist/chunk-ZFEVTQWW.js.map +0 -1
  154. package/dist/hooks/useDebounce.cjs +0 -43
  155. package/dist/hooks/useDebounce.cjs.map +0 -1
  156. package/dist/hooks/useDebounce.d.cts +0 -3
  157. package/dist/hooks/useDebounce.d.ts +0 -3
  158. package/dist/hooks/useDebounce.js +0 -22
  159. package/dist/hooks/useDebounce.js.map +0 -1
  160. package/dist/hooks/useLocalStorage.cjs +0 -73
  161. package/dist/hooks/useLocalStorage.cjs.map +0 -1
  162. package/dist/hooks/useLocalStorage.d.cts +0 -5
  163. package/dist/hooks/useLocalStorage.d.ts +0 -5
  164. package/dist/hooks/useLocalStorage.js.map +0 -1
@@ -1,118 +1,9 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
29
2
 
30
- // src/Button/index.ts
31
- var Button_exports = {};
32
- __export(Button_exports, {
33
- default: () => Button_default2
34
- });
35
- module.exports = __toCommonJS(Button_exports);
36
3
 
37
- // src/Button/Button.tsx
38
- var import_button = require("@nextui-org/button");
39
- var import_classnames = __toESM(require("classnames"), 1);
4
+ var _chunkI76NWOB3cjs = require('../chunk-I76NWOB3.cjs');
40
5
 
41
- // src/Button/subcomponents/LoadingSpinner.tsx
42
- var import_jsx_runtime = require("react/jsx-runtime");
43
- var LoadingSpinner_default = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
44
- "svg",
45
- {
46
- className: "animate-spin h-5 w-5 text-current",
47
- fill: "none",
48
- viewBox: "0 0 24 24",
49
- xmlns: "http://www.w3.org/2000/svg",
50
- children: [
51
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
52
- "circle",
53
- {
54
- className: "opacity-25",
55
- cx: "12",
56
- cy: "12",
57
- r: "10",
58
- stroke: "currentColor",
59
- strokeWidth: "4"
60
- }
61
- ),
62
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
63
- "path",
64
- {
65
- className: "opacity-75",
66
- d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
67
- fill: "currentColor"
68
- }
69
- )
70
- ]
71
- }
72
- );
73
6
 
74
- // src/Button/Button.tsx
75
- var import_jsx_runtime2 = require("react/jsx-runtime");
76
- var Button = ({
77
- ariaLabel = void 0,
78
- children = void 0,
79
- className = void 0,
80
- color = "default",
81
- disabled = false,
82
- icon = void 0,
83
- loading = false,
84
- onClick = void 0,
85
- size = void 0,
86
- testId = void 0,
87
- type = void 0,
88
- variant = "solid",
89
- ...passthrouhProps
90
- }) => {
91
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
92
- import_button.Button,
93
- {
94
- "aria-label": ariaLabel,
95
- className: (0, import_classnames.default)(className),
96
- color,
97
- "data-testid": testId,
98
- isDisabled: disabled,
99
- isIconOnly: !!(icon && !children),
100
- isLoading: loading,
101
- onPress: onClick,
102
- size,
103
- spinner: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingSpinner_default, {}),
104
- type,
105
- variant,
106
- ...passthrouhProps,
107
- children: [
108
- icon,
109
- children
110
- ]
111
- }
112
- );
113
- };
114
- var Button_default = Button;
115
7
 
116
- // src/Button/index.ts
117
- var Button_default2 = Button_default;
8
+ exports.Button = _chunkI76NWOB3cjs.Button_default; exports.default = _chunkI76NWOB3cjs.Button_default2;
118
9
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Button/index.ts","../../src/Button/Button.tsx","../../src/Button/subcomponents/LoadingSpinner.tsx"],"sourcesContent":["import type { ButtonProps } from './Button';\n\nimport Button from './Button';\n\nexport type { ButtonProps };\nexport default Button;\n","import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** next ui button color */\n color?: NextButtonProps['color'];\n /** disables function of the button. */\n disabled?: boolean;\n /** If set loading animation is shown */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** on click event */\n onClick?: NextButtonProps['onPress'];\n /** 3 size options */\n size?: NextButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** sets the button type. */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** next ui button variants */\n variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disabled = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n ...passthrouhProps\n}: ButtonProps) => {\n return (\n <NextButton\n aria-label={ariaLabel}\n className={cn(className)}\n color={color}\n data-testid={testId}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n {...passthrouhProps}\n >\n {icon}\n {children}\n </NextButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"animate-spin h-5 w-5 text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACGA,oBAAqC;AACrC,wBAAe;;;ACCb;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;AD8BE,IAAAC,sBAAA;AAhBJ,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,MAAmB;AACjB,SACE;AAAA,IAAC,cAAAC;AAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ,eAAW,kBAAAC,SAAG,SAAS;AAAA,MACvB;AAAA,MACA,eAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,6CAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;ADtEf,IAAOC,kBAAQ;","names":["Button_default","import_jsx_runtime","NextButton","cn","Button_default"]}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -1,9 +1,9 @@
1
- import Button from './Button.cjs';
2
- export { ButtonProps } from './Button.cjs';
1
+ import { B as Button } from '../Button-B0H0w1eR.cjs';
2
+ export { a as ButtonProps } from '../Button-B0H0w1eR.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import '@nextui-org/button';
5
5
  import 'react';
6
6
 
7
7
 
8
8
 
9
- export { Button as default };
9
+ export { Button, Button as default };
@@ -1,9 +1,9 @@
1
- import Button from './Button.js';
2
- export { ButtonProps } from './Button.js';
1
+ import { B as Button } from '../Button-B0H0w1eR.js';
2
+ export { a as ButtonProps } from '../Button-B0H0w1eR.js';
3
3
  import 'react/jsx-runtime';
4
4
  import '@nextui-org/button';
5
5
  import 'react';
6
6
 
7
7
 
8
8
 
9
- export { Button as default };
9
+ export { Button, Button as default };
@@ -1,9 +1,9 @@
1
1
  import {
2
- Button_default
3
- } from "../chunk-4WCKFSLX.js";
4
- import "../chunk-6QVKZ4AT.js";
5
- import "../chunk-ZFEVTQWW.js";
2
+ Button_default,
3
+ Button_default2
4
+ } from "../chunk-2UJJIIMU.js";
6
5
  export {
7
- Button_default as default
6
+ Button_default as Button,
7
+ Button_default2 as default
8
8
  };
9
9
  //# sourceMappingURL=index.js.map
@@ -33,4 +33,4 @@ interface ButtonProps {
33
33
  */
34
34
  declare const Button: ({ ariaLabel, children, className, color, disabled, icon, loading, onClick, size, testId, type, variant, ...passthrouhProps }: ButtonProps) => react_jsx_runtime.JSX.Element;
35
35
 
36
- export { type ButtonProps, Button as default };
36
+ export { Button as B, type ButtonProps as a };
@@ -33,4 +33,4 @@ interface ButtonProps {
33
33
  */
34
34
  declare const Button: ({ ariaLabel, children, className, color, disabled, icon, loading, onClick, size, testId, type, variant, ...passthrouhProps }: ButtonProps) => react_jsx_runtime.JSX.Element;
35
35
 
36
- export { type ButtonProps, Button as default };
36
+ export { Button as B, type ButtonProps as a };
@@ -1,137 +1,9 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
29
2
 
30
- // src/Card/index.ts
31
- var Card_exports = {};
32
- __export(Card_exports, {
33
- default: () => Card_default2
34
- });
35
- module.exports = __toCommonJS(Card_exports);
36
3
 
37
- // src/Card/Card.tsx
38
- var import_card = require("@nextui-org/card");
39
- var import_divider = require("@nextui-org/divider");
40
- var import_debug = __toESM(require("debug"), 1);
41
- var import_tailwind_variants = require("tailwind-variants");
42
- var import_jsx_runtime = require("react/jsx-runtime");
43
- var debug = (0, import_debug.default)("component:Card");
44
- var cardVariants = (0, import_tailwind_variants.tv)({
45
- slots: {
46
- base: "border border-slate-300",
47
- body: "",
48
- divider: "my-0 bg-slate-300",
49
- footer: "",
50
- header: "text-base font-semibold"
51
- }
52
- });
53
- var Card = ({
54
- children = null,
55
- className = void 0,
56
- testId = void 0,
57
- header = void 0,
58
- footer = void 0
59
- }) => {
60
- debug("Card", { className, testId });
61
- const {
62
- base: baseSlot,
63
- body: bodySlot,
64
- divider: dividerSlot,
65
- footer: footerSlot,
66
- header: headerSlot
67
- } = cardVariants();
68
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
69
- import_card.Card,
70
- {
71
- "data-testid": testId && `card_${testId}`,
72
- className: baseSlot({
73
- className: typeof className === "object" ? className.base : className
74
- }),
75
- fullWidth: true,
76
- radius: "sm",
77
- shadow: "none",
78
- children: [
79
- header && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
80
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
81
- import_card.CardHeader,
82
- {
83
- "data-testid": testId && `card_header_${testId}`,
84
- className: headerSlot({
85
- className: typeof className === "object" && className.header
86
- }),
87
- children: header
88
- }
89
- ),
90
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
91
- import_divider.Divider,
92
- {
93
- className: dividerSlot({
94
- className: typeof className === "object" && className.divider
95
- })
96
- }
97
- )
98
- ] }),
99
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
100
- import_card.CardBody,
101
- {
102
- "data-testid": testId && `card_body_${testId}`,
103
- className: bodySlot({
104
- className: typeof className === "object" && className.body
105
- }),
106
- children
107
- }
108
- ),
109
- footer && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
110
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
111
- import_divider.Divider,
112
- {
113
- className: dividerSlot({
114
- className: typeof className === "object" && className.divider
115
- })
116
- }
117
- ),
118
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
119
- import_card.CardFooter,
120
- {
121
- "data-testid": testId && `card_footer_${testId}`,
122
- className: footerSlot({
123
- className: typeof className === "object" && className.footer
124
- }),
125
- children: footer
126
- }
127
- )
128
- ] })
129
- ]
130
- }
131
- );
132
- };
133
- var Card_default = Card;
4
+ var _chunkWTKZJFQVcjs = require('../chunk-WTKZJFQV.cjs');
134
5
 
135
- // src/Card/index.ts
136
- var Card_default2 = Card_default;
6
+
7
+
8
+ exports.Card = _chunkWTKZJFQVcjs.Card_default; exports.default = _chunkWTKZJFQVcjs.Card_default2;
137
9
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Card/index.ts","../../src/Card/Card.tsx"],"sourcesContent":["import type { CardProps } from './Card';\n\nimport Card from './Card';\n\nexport type { CardProps };\nexport default Card;\n","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 createDebug from 'debug';\nimport { tv } from 'tailwind-variants';\n\nconst debug = createDebug('component:Card');\n\n// card styling variants\nexport const cardVariants = tv({\n slots: {\n base: 'border border-slate-300',\n body: '',\n divider: 'my-0 bg-slate-300',\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 /** child components */\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 debug('Card', { className, testId });\n const {\n base: baseSlot,\n body: bodySlot,\n divider: dividerSlot,\n footer: footerSlot,\n header: headerSlot,\n } = cardVariants();\n\n return (\n <NextCard\n data-testid={testId && `card_${testId}`}\n className={baseSlot({\n className: typeof className === 'object' ? className.base : className,\n })}\n fullWidth\n radius=\"sm\"\n shadow=\"none\"\n >\n {header && (\n <>\n <NextCardHeader\n data-testid={testId && `card_header_${testId}`}\n className={headerSlot({\n className: typeof className === 'object' && className.header,\n })}\n >\n {header}\n </NextCardHeader>\n <NextDivider\n className={dividerSlot({\n className: typeof className === 'object' && className.divider,\n })}\n />\n </>\n )}\n <NextCardBody\n data-testid={testId && `card_body_${testId}`}\n className={bodySlot({\n className: typeof className === 'object' && className.body,\n })}\n >\n {children}\n </NextCardBody>\n {footer && (\n <>\n <NextDivider\n className={dividerSlot({\n className: typeof className === 'object' && className.divider,\n })}\n />\n <NextCardFooter\n data-testid={testId && `card_footer_${testId}`}\n className={footerSlot({\n className: typeof className === 'object' && className.footer,\n })}\n >\n {footer}\n </NextCardFooter>\n </>\n )}\n </NextCard>\n );\n};\n\nexport default Card;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACGA,kBAKO;AACP,qBAAuC;AACvC,mBAAwB;AACxB,+BAAmB;AA+DX;AA7DR,IAAM,YAAQ,aAAAC,SAAY,gBAAgB;AAGnC,IAAM,mBAAe,6BAAG;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;AACf,QAAM,QAAQ,EAAE,WAAW,OAAO,CAAC;AACnC,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,IAAI,aAAa;AAEjB,SACE;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAW,SAAS;AAAA,QAClB,WAAW,OAAO,cAAc,WAAW,UAAU,OAAO;AAAA,MAC9D,CAAC;AAAA,MACD,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,4EACE;AAAA;AAAA,YAAC,YAAAC;AAAA,YAAA;AAAA,cACC,eAAa,UAAU,eAAe,MAAM;AAAA,cAC5C,WAAW,WAAW;AAAA,gBACpB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA,cAEA;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC,eAAAC;AAAA,YAAA;AAAA,cACC,WAAW,YAAY;AAAA,gBACrB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA;AAAA,UACH;AAAA,WACF;AAAA,QAEF;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACC,eAAa,UAAU,aAAa,MAAM;AAAA,YAC1C,WAAW,SAAS;AAAA,cAClB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,YACxD,CAAC;AAAA,YAEA;AAAA;AAAA,QACH;AAAA,QACC,UACC,4EACE;AAAA;AAAA,YAAC,eAAAD;AAAA,YAAA;AAAA,cACC,WAAW,YAAY;AAAA,gBACrB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC,YAAAE;AAAA,YAAA;AAAA,cACC,eAAa,UAAU,eAAe,MAAM;AAAA,cAC5C,WAAW,WAAW;AAAA,gBACpB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA,cAEA;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;ADlHf,IAAOC,gBAAQ;","names":["Card_default","createDebug","NextCard","NextCardHeader","NextDivider","NextCardBody","NextCardFooter","Card_default"]}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -1,5 +1,5 @@
1
- import Card from './Card.cjs';
2
- export { CardProps } from './Card.cjs';
1
+ import { C as Card } from '../Card-Cl_I4L8G.cjs';
2
+ export { a as CardProps } from '../Card-Cl_I4L8G.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
@@ -7,4 +7,4 @@ import 'react';
7
7
 
8
8
 
9
9
 
10
- export { Card as default };
10
+ export { Card, Card as default };
@@ -1,5 +1,5 @@
1
- import Card from './Card.js';
2
- export { CardProps } from './Card.js';
1
+ import { C as Card } from '../Card-Cl_I4L8G.js';
2
+ export { a as CardProps } from '../Card-Cl_I4L8G.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
@@ -7,4 +7,4 @@ import 'react';
7
7
 
8
8
 
9
9
 
10
- export { Card as default };
10
+ export { Card, Card as default };
@@ -1,10 +1,9 @@
1
1
  import {
2
- Card_default
3
- } from "../chunk-XPTSDDXG.js";
4
-
5
- // src/Card/index.ts
6
- var Card_default2 = Card_default;
2
+ Card_default,
3
+ Card_default2
4
+ } from "../chunk-VQ5Q33MY.js";
7
5
  export {
6
+ Card_default as Card,
8
7
  Card_default2 as default
9
8
  };
10
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Card/index.ts"],"sourcesContent":["import type { CardProps } from './Card';\n\nimport Card from './Card';\n\nexport type { CardProps };\nexport default Card;\n"],"mappings":";;;;;AAKA,IAAOA,gBAAQ;","names":["Card_default"]}
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -92,4 +92,4 @@ interface CardProps extends CardVariantProps {
92
92
  */
93
93
  declare const Card: ({ children, className, testId, header, footer, }: CardProps) => react_jsx_runtime.JSX.Element;
94
94
 
95
- export { type CardProps, cardVariants, Card as default };
95
+ export { Card as C, type CardProps as a };
@@ -92,4 +92,4 @@ interface CardProps extends CardVariantProps {
92
92
  */
93
93
  declare const Card: ({ children, className, testId, header, footer, }: CardProps) => react_jsx_runtime.JSX.Element;
94
94
 
95
- export { type CardProps, cardVariants, Card as default };
95
+ export { Card as C, type CardProps as a };
@@ -1,209 +1,10 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
29
2
 
30
- // src/Json/index.ts
31
- var Json_exports = {};
32
- __export(Json_exports, {
33
- default: () => Json_default2
34
- });
35
- module.exports = __toCommonJS(Json_exports);
36
3
 
37
- // src/Json/Json.tsx
38
- var import_react = require("react");
39
- var import_fa = require("react-icons/fa");
40
- var import_react_json_view = __toESM(require("@uiw/react-json-view"), 1);
41
- var import_light = require("@uiw/react-json-view/light");
42
- var import_vscode = require("@uiw/react-json-view/vscode");
43
- var import_classnames2 = __toESM(require("classnames"), 1);
4
+ var _chunkPI7CBPUScjs = require('../chunk-PI7CBPUS.cjs');
5
+ require('../chunk-I76NWOB3.cjs');
44
6
 
45
- // src/Button/Button.tsx
46
- var import_button = require("@nextui-org/button");
47
- var import_classnames = __toESM(require("classnames"), 1);
48
7
 
49
- // src/Button/subcomponents/LoadingSpinner.tsx
50
- var import_jsx_runtime = require("react/jsx-runtime");
51
- var LoadingSpinner_default = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
52
- "svg",
53
- {
54
- className: "animate-spin h-5 w-5 text-current",
55
- fill: "none",
56
- viewBox: "0 0 24 24",
57
- xmlns: "http://www.w3.org/2000/svg",
58
- children: [
59
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
60
- "circle",
61
- {
62
- className: "opacity-25",
63
- cx: "12",
64
- cy: "12",
65
- r: "10",
66
- stroke: "currentColor",
67
- strokeWidth: "4"
68
- }
69
- ),
70
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
71
- "path",
72
- {
73
- className: "opacity-75",
74
- d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
75
- fill: "currentColor"
76
- }
77
- )
78
- ]
79
- }
80
- );
81
8
 
82
- // src/Button/Button.tsx
83
- var import_jsx_runtime2 = require("react/jsx-runtime");
84
- var Button = ({
85
- ariaLabel = void 0,
86
- children = void 0,
87
- className = void 0,
88
- color = "default",
89
- disabled = false,
90
- icon = void 0,
91
- loading = false,
92
- onClick = void 0,
93
- size = void 0,
94
- testId = void 0,
95
- type = void 0,
96
- variant = "solid",
97
- ...passthrouhProps
98
- }) => {
99
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
100
- import_button.Button,
101
- {
102
- "aria-label": ariaLabel,
103
- className: (0, import_classnames.default)(className),
104
- color,
105
- "data-testid": testId,
106
- isDisabled: disabled,
107
- isIconOnly: !!(icon && !children),
108
- isLoading: loading,
109
- onPress: onClick,
110
- size,
111
- spinner: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingSpinner_default, {}),
112
- type,
113
- variant,
114
- ...passthrouhProps,
115
- children: [
116
- icon,
117
- children
118
- ]
119
- }
120
- );
121
- };
122
- var Button_default = Button;
123
-
124
- // src/Button/index.ts
125
- var Button_default2 = Button_default;
126
-
127
- // src/Json/Json.tsx
128
- var import_jsx_runtime3 = require("react/jsx-runtime");
129
- var getValue = (value) => {
130
- if (typeof value === "string") {
131
- return JSON.parse(value);
132
- }
133
- if (typeof value === "object") {
134
- return value;
135
- }
136
- throw new Error(`${typeof value} can not be visualized`);
137
- };
138
- var Json = ({ className = null, collapsed = false, value }) => {
139
- const isDarkMode = document.body.classList.contains("dark");
140
- let content = null;
141
- let error = null;
142
- const [showDetails, setShowDetails] = (0, import_react.useState)(false);
143
- try {
144
- content = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
145
- import_react_json_view.default,
146
- {
147
- collapsed,
148
- displayDataTypes: false,
149
- style: {
150
- ...isDarkMode ? import_vscode.vscodeTheme : import_light.lightTheme,
151
- backgroundColor: "unset"
152
- },
153
- value: getValue(value)
154
- }
155
- );
156
- } catch (err) {
157
- error = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
158
- "div",
159
- {
160
- className: "mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger",
161
- role: "alert",
162
- children: [
163
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex w-full justify-between gap-6", children: [
164
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center", children: [
165
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_fa.FaTimesCircle, { className: "mr-2" }),
166
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "font-medium", children: "Failed to parse JSON data" })
167
- ] }),
168
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
169
- Button_default2,
170
- {
171
- color: "danger",
172
- size: "sm",
173
- variant: "light",
174
- onClick: () => setShowDetails(!showDetails),
175
- children: showDetails ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
176
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_fa.FaChevronUp, {}),
177
- " Hide Details"
178
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
179
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_fa.FaChevronDown, {}),
180
- " Show Details"
181
- ] })
182
- }
183
- )
184
- ] }),
185
- showDetails && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mt-4 w-full text-left", children: [
186
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
187
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "Error:" }),
188
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("pre", { children: [
189
- err?.name,
190
- ": ",
191
- err?.message
192
- ] })
193
- ] }),
194
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mt-4", children: [
195
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "Data:" }),
196
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
197
- ] })
198
- ] })
199
- ]
200
- }
201
- );
202
- }
203
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: (0, import_classnames2.default)(className), children: error || content });
204
- };
205
- var Json_default = Json;
206
-
207
- // src/Json/index.ts
208
- var Json_default2 = Json_default;
9
+ exports.Json = _chunkPI7CBPUScjs.Json_default; exports.default = _chunkPI7CBPUScjs.Json_default2;
209
10
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Json/index.ts","../../src/Json/Json.tsx","../../src/Button/Button.tsx","../../src/Button/subcomponents/LoadingSpinner.tsx","../../src/Button/index.ts"],"sourcesContent":["import type { JsonProps } from './Json';\n\nimport Json from './Json';\n\nexport type { JsonProps };\nexport default Json;\n","import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\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 collapsed={collapsed}\n displayDataTypes={false}\n style={{\n ...(isDarkMode ? vscodeTheme : lightTheme),\n backgroundColor: 'unset',\n }}\n value={getValue(value)}\n />\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 type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** next ui button color */\n color?: NextButtonProps['color'];\n /** disables function of the button. */\n disabled?: boolean;\n /** If set loading animation is shown */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** on click event */\n onClick?: NextButtonProps['onPress'];\n /** 3 size options */\n size?: NextButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** sets the button type. */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** next ui button variants */\n variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disabled = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n ...passthrouhProps\n}: ButtonProps) => {\n return (\n <NextButton\n aria-label={ariaLabel}\n className={cn(className)}\n color={color}\n data-testid={testId}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n {...passthrouhProps}\n >\n {icon}\n {children}\n </NextButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"animate-spin h-5 w-5 text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n","import type { ButtonProps } from './Button';\n\nimport Button from './Button';\n\nexport type { ButtonProps };\nexport default Button;\n"],"mappings":"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","names":["Json_default","import_classnames","import_jsx_runtime","NextButton","cn","Button_default","import_jsx_runtime","JsonView","Button_default","cn","Json_default"]}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}