@ktnpm_devops/react-component 0.4.0 → 0.5.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.
- package/dist/charts/Sparkline/Sparkline.d.ts +4 -0
- package/dist/charts/Sparkline/Sparkline.d.ts.map +1 -0
- package/dist/charts/Sparkline/Sparkline.types.d.ts +15 -0
- package/dist/charts/Sparkline/Sparkline.types.d.ts.map +1 -0
- package/dist/charts/Sparkline/index.d.ts +3 -0
- package/dist/charts/Sparkline/index.d.ts.map +1 -0
- package/dist/composites/Accordion/Accordion.d.ts +5 -0
- package/dist/composites/Accordion/Accordion.d.ts.map +1 -0
- package/dist/composites/Accordion/Accordion.types.d.ts +15 -0
- package/dist/composites/Accordion/Accordion.types.d.ts.map +1 -0
- package/dist/composites/Accordion/index.d.ts +3 -0
- package/dist/composites/Accordion/index.d.ts.map +1 -0
- package/dist/composites/DatePickerDropdown/DatePickerDropdown.d.ts +7 -0
- package/dist/composites/DatePickerDropdown/DatePickerDropdown.d.ts.map +1 -0
- package/dist/composites/DatePickerDropdown/DatePickerDropdown.types.d.ts +20 -0
- package/dist/composites/DatePickerDropdown/DatePickerDropdown.types.d.ts.map +1 -0
- package/dist/composites/DatePickerDropdown/index.d.ts +3 -0
- package/dist/composites/DatePickerDropdown/index.d.ts.map +1 -0
- package/dist/composites/FilterDropdown/FilterDropdown.d.ts +7 -0
- package/dist/composites/FilterDropdown/FilterDropdown.d.ts.map +1 -0
- package/dist/composites/FilterDropdown/FilterDropdown.types.d.ts +29 -0
- package/dist/composites/FilterDropdown/FilterDropdown.types.d.ts.map +1 -0
- package/dist/composites/FilterDropdown/index.d.ts +3 -0
- package/dist/composites/FilterDropdown/index.d.ts.map +1 -0
- package/dist/constants.d.ts +2 -0
- package/dist/constants.d.ts.map +1 -1
- package/dist/data/HeatmapMatrix/HeatmapMatrix.d.ts +4 -0
- package/dist/data/HeatmapMatrix/HeatmapMatrix.d.ts.map +1 -0
- package/dist/data/HeatmapMatrix/HeatmapMatrix.types.d.ts +40 -0
- package/dist/data/HeatmapMatrix/HeatmapMatrix.types.d.ts.map +1 -0
- package/dist/data/HeatmapMatrix/index.d.ts +3 -0
- package/dist/data/HeatmapMatrix/index.d.ts.map +1 -0
- package/dist/index.cjs +49 -29
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +50 -30
- package/dist/index.js.map +1 -1
- package/dist/index10.cjs +14 -15
- package/dist/index10.cjs.map +1 -1
- package/dist/index10.js +15 -16
- package/dist/index10.js.map +1 -1
- package/dist/index11.cjs +15 -4
- package/dist/index11.cjs.map +1 -1
- package/dist/index11.js +15 -4
- package/dist/index11.js.map +1 -1
- package/dist/index12.cjs +4 -16
- package/dist/index12.cjs.map +1 -1
- package/dist/index12.js +4 -16
- package/dist/index12.js.map +1 -1
- package/dist/index13.cjs +16 -10
- package/dist/index13.cjs.map +1 -1
- package/dist/index13.js +16 -10
- package/dist/index13.js.map +1 -1
- package/dist/index14.cjs +10 -100
- package/dist/index14.cjs.map +1 -1
- package/dist/index14.js +11 -101
- package/dist/index14.js.map +1 -1
- package/dist/index15.cjs +100 -20
- package/dist/index15.cjs.map +1 -1
- package/dist/index15.js +101 -21
- package/dist/index15.js.map +1 -1
- package/dist/index16.cjs +20 -43
- package/dist/index16.cjs.map +1 -1
- package/dist/index16.js +21 -44
- package/dist/index16.js.map +1 -1
- package/dist/index17.cjs +38 -85
- package/dist/index17.cjs.map +1 -1
- package/dist/index17.js +40 -87
- package/dist/index17.js.map +1 -1
- package/dist/index18.cjs +85 -153
- package/dist/index18.cjs.map +1 -1
- package/dist/index18.js +86 -154
- package/dist/index18.js.map +1 -1
- package/dist/index19.cjs +150 -128
- package/dist/index19.cjs.map +1 -1
- package/dist/index19.js +150 -128
- package/dist/index19.js.map +1 -1
- package/dist/index20.cjs +121 -106
- package/dist/index20.cjs.map +1 -1
- package/dist/index20.js +122 -107
- package/dist/index20.js.map +1 -1
- package/dist/index21.cjs +121 -17
- package/dist/index21.cjs.map +1 -1
- package/dist/index21.js +121 -17
- package/dist/index21.js.map +1 -1
- package/dist/index22.cjs +17 -8
- package/dist/index22.cjs.map +1 -1
- package/dist/index22.js +18 -9
- package/dist/index22.js.map +1 -1
- package/dist/index23.cjs +152 -119
- package/dist/index23.cjs.map +1 -1
- package/dist/index23.js +153 -120
- package/dist/index23.js.map +1 -1
- package/dist/index24.cjs +125 -33
- package/dist/index24.cjs.map +1 -1
- package/dist/index24.js +126 -34
- package/dist/index24.js.map +1 -1
- package/dist/index25.cjs +71 -218
- package/dist/index25.cjs.map +1 -1
- package/dist/index25.js +73 -220
- package/dist/index25.js.map +1 -1
- package/dist/index26.cjs +6 -32
- package/dist/index26.cjs.map +1 -1
- package/dist/index26.js +7 -33
- package/dist/index26.js.map +1 -1
- package/dist/index27.cjs +120 -67
- package/dist/index27.cjs.map +1 -1
- package/dist/index27.js +121 -68
- package/dist/index27.js.map +1 -1
- package/dist/index28.cjs +37 -58
- package/dist/index28.cjs.map +1 -1
- package/dist/index28.js +38 -59
- package/dist/index28.js.map +1 -1
- package/dist/index29.cjs +208 -137
- package/dist/index29.cjs.map +1 -1
- package/dist/index29.js +209 -138
- package/dist/index29.js.map +1 -1
- package/dist/index30.cjs +32 -6
- package/dist/index30.cjs.map +1 -1
- package/dist/index30.js +33 -7
- package/dist/index30.js.map +1 -1
- package/dist/index31.cjs +78 -17
- package/dist/index31.cjs.map +1 -1
- package/dist/index31.js +78 -17
- package/dist/index31.js.map +1 -1
- package/dist/index32.cjs +55 -73
- package/dist/index32.cjs.map +1 -1
- package/dist/index32.js +57 -75
- package/dist/index32.js.map +1 -1
- package/dist/index33.cjs +145 -135
- package/dist/index33.cjs.map +1 -1
- package/dist/index33.js +146 -136
- package/dist/index33.js.map +1 -1
- package/dist/index34.cjs +66 -99
- package/dist/index34.cjs.map +1 -1
- package/dist/index34.js +68 -101
- package/dist/index34.js.map +1 -1
- package/dist/index35.cjs +8 -6
- package/dist/index35.cjs.map +1 -1
- package/dist/index35.js +8 -6
- package/dist/index35.js.map +1 -1
- package/dist/index36.cjs +16 -215
- package/dist/index36.cjs.map +1 -1
- package/dist/index36.js +16 -215
- package/dist/index36.js.map +1 -1
- package/dist/index37.cjs +76 -7
- package/dist/index37.cjs.map +1 -1
- package/dist/index37.js +78 -9
- package/dist/index37.js.map +1 -1
- package/dist/index38.cjs +145 -16
- package/dist/index38.cjs.map +1 -1
- package/dist/index38.js +144 -15
- package/dist/index38.js.map +1 -1
- package/dist/index39.cjs +66 -16
- package/dist/index39.cjs.map +1 -1
- package/dist/index39.js +65 -15
- package/dist/index39.js.map +1 -1
- package/dist/index40.cjs +105 -23
- package/dist/index40.cjs.map +1 -1
- package/dist/index40.js +104 -22
- package/dist/index40.js.map +1 -1
- package/dist/index41.cjs +49 -16
- package/dist/index41.cjs.map +1 -1
- package/dist/index41.js +48 -15
- package/dist/index41.js.map +1 -1
- package/dist/index42.cjs +8 -7
- package/dist/index42.cjs.map +1 -1
- package/dist/index42.js +7 -6
- package/dist/index42.js.map +1 -1
- package/dist/index43.cjs +218 -7
- package/dist/index43.cjs.map +1 -1
- package/dist/index43.js +217 -6
- package/dist/index43.js.map +1 -1
- package/dist/index44.cjs +10 -28
- package/dist/index44.cjs.map +1 -1
- package/dist/index44.js +9 -27
- package/dist/index44.js.map +1 -1
- package/dist/index45.cjs +19 -16
- package/dist/index45.cjs.map +1 -1
- package/dist/index45.js +18 -15
- package/dist/index45.js.map +1 -1
- package/dist/index46.cjs +67 -21
- package/dist/index46.cjs.map +1 -1
- package/dist/index46.js +66 -20
- package/dist/index46.js.map +1 -1
- package/dist/index47.cjs +15 -21
- package/dist/index47.cjs.map +1 -1
- package/dist/index47.js +15 -21
- package/dist/index47.js.map +1 -1
- package/dist/index48.cjs +6 -67
- package/dist/index48.cjs.map +1 -1
- package/dist/index48.js +5 -66
- package/dist/index48.js.map +1 -1
- package/dist/index49.cjs +18 -75
- package/dist/index49.cjs.map +1 -1
- package/dist/index49.js +19 -76
- package/dist/index49.js.map +1 -1
- package/dist/index50.cjs +15 -36
- package/dist/index50.cjs.map +1 -1
- package/dist/index50.js +15 -36
- package/dist/index50.js.map +1 -1
- package/dist/index51.cjs +69 -33
- package/dist/index51.cjs.map +1 -1
- package/dist/index51.js +68 -32
- package/dist/index51.js.map +1 -1
- package/dist/index52.cjs +22 -13
- package/dist/index52.cjs.map +1 -1
- package/dist/index52.js +23 -14
- package/dist/index52.js.map +1 -1
- package/dist/index53.cjs +13 -34
- package/dist/index53.cjs.map +1 -1
- package/dist/index53.js +13 -34
- package/dist/index53.js.map +1 -1
- package/dist/index54.cjs +11 -2
- package/dist/index54.cjs.map +1 -1
- package/dist/index54.js +11 -2
- package/dist/index54.js.map +1 -1
- package/dist/index55.cjs +20 -5
- package/dist/index55.cjs.map +1 -1
- package/dist/index55.js +21 -6
- package/dist/index55.js.map +1 -1
- package/dist/index56.cjs +2 -38
- package/dist/index56.cjs.map +1 -1
- package/dist/index56.js +3 -39
- package/dist/index56.js.map +1 -1
- package/dist/index57.cjs +1 -1
- package/dist/index57.js +1 -1
- package/dist/index58.cjs +34 -13
- package/dist/index58.cjs.map +1 -1
- package/dist/index58.js +34 -13
- package/dist/index58.js.map +1 -1
- package/dist/index59.cjs +13 -52
- package/dist/index59.cjs.map +1 -1
- package/dist/index59.js +14 -53
- package/dist/index59.js.map +1 -1
- package/dist/index60.cjs +16 -64
- package/dist/index60.cjs.map +1 -1
- package/dist/index60.js +16 -64
- package/dist/index60.js.map +1 -1
- package/dist/index61.cjs +16 -19
- package/dist/index61.cjs.map +1 -1
- package/dist/index61.js +17 -20
- package/dist/index61.js.map +1 -1
- package/dist/index62.cjs +10 -16
- package/dist/index62.cjs.map +1 -1
- package/dist/index62.js +11 -17
- package/dist/index62.js.map +1 -1
- package/dist/index63.cjs +13 -28
- package/dist/index63.cjs.map +1 -1
- package/dist/index63.js +14 -29
- package/dist/index63.js.map +1 -1
- package/dist/index64.cjs +16 -13
- package/dist/index64.cjs.map +1 -1
- package/dist/index64.js +17 -14
- package/dist/index64.js.map +1 -1
- package/dist/index65.cjs +48 -36
- package/dist/index65.cjs.map +1 -1
- package/dist/index65.js +48 -36
- package/dist/index65.js.map +1 -1
- package/dist/index66.cjs +43 -134
- package/dist/index66.cjs.map +1 -1
- package/dist/index66.js +42 -133
- package/dist/index66.js.map +1 -1
- package/dist/index67.cjs +43 -37
- package/dist/index67.cjs.map +1 -1
- package/dist/index67.js +43 -37
- package/dist/index67.js.map +1 -1
- package/dist/index68.cjs +24 -39
- package/dist/index68.cjs.map +1 -1
- package/dist/index68.js +25 -40
- package/dist/index68.js.map +1 -1
- package/dist/index69.cjs +2 -50
- package/dist/index69.cjs.map +1 -1
- package/dist/index69.js +3 -51
- package/dist/index69.js.map +1 -1
- package/dist/index70.cjs +27 -0
- package/dist/index70.cjs.map +1 -0
- package/dist/index70.js +27 -0
- package/dist/index70.js.map +1 -0
- package/dist/index71.cjs +27 -0
- package/dist/index71.cjs.map +1 -0
- package/dist/index71.js +27 -0
- package/dist/index71.js.map +1 -0
- package/dist/index72.cjs +12 -0
- package/dist/index72.cjs.map +1 -0
- package/dist/index72.js +12 -0
- package/dist/index72.js.map +1 -0
- package/dist/index73.cjs +39 -0
- package/dist/index73.cjs.map +1 -0
- package/dist/index73.js +39 -0
- package/dist/index73.js.map +1 -0
- package/dist/index74.cjs +36 -0
- package/dist/index74.cjs.map +1 -0
- package/dist/index74.js +36 -0
- package/dist/index74.js.map +1 -0
- package/dist/index75.cjs +72 -0
- package/dist/index75.cjs.map +1 -0
- package/dist/index75.js +72 -0
- package/dist/index75.js.map +1 -0
- package/dist/index76.cjs +27 -0
- package/dist/index76.cjs.map +1 -0
- package/dist/index76.js +27 -0
- package/dist/index76.js.map +1 -0
- package/dist/index77.cjs +136 -0
- package/dist/index77.cjs.map +1 -0
- package/dist/index77.js +136 -0
- package/dist/index77.js.map +1 -0
- package/dist/index78.cjs +48 -0
- package/dist/index78.cjs.map +1 -0
- package/dist/index78.js +48 -0
- package/dist/index78.js.map +1 -0
- package/dist/index79.cjs +87 -0
- package/dist/index79.cjs.map +1 -0
- package/dist/index79.js +87 -0
- package/dist/index79.js.map +1 -0
- package/dist/index80.cjs +60 -0
- package/dist/index80.cjs.map +1 -0
- package/dist/index80.js +60 -0
- package/dist/index80.js.map +1 -0
- package/dist/index81.cjs +36 -0
- package/dist/index81.cjs.map +1 -0
- package/dist/index81.js +36 -0
- package/dist/index81.js.map +1 -0
- package/dist/index82.cjs +33 -0
- package/dist/index82.cjs.map +1 -0
- package/dist/index82.js +33 -0
- package/dist/index82.js.map +1 -0
- package/dist/index83.cjs +42 -0
- package/dist/index83.cjs.map +1 -0
- package/dist/index83.js +42 -0
- package/dist/index83.js.map +1 -0
- package/dist/index84.cjs +60 -0
- package/dist/index84.cjs.map +1 -0
- package/dist/index84.js +60 -0
- package/dist/index84.js.map +1 -0
- package/dist/index85.cjs +12 -0
- package/dist/index85.cjs.map +1 -0
- package/dist/index85.js +12 -0
- package/dist/index85.js.map +1 -0
- package/dist/index86.cjs +18 -0
- package/dist/index86.cjs.map +1 -0
- package/dist/index86.js +18 -0
- package/dist/index86.js.map +1 -0
- package/dist/index9.cjs +45 -14
- package/dist/index9.cjs.map +1 -1
- package/dist/index9.js +46 -15
- package/dist/index9.js.map +1 -1
- package/dist/primitives/SegmentedControl/SegmentedControl.d.ts +8 -0
- package/dist/primitives/SegmentedControl/SegmentedControl.d.ts.map +1 -0
- package/dist/primitives/SegmentedControl/SegmentedControl.types.d.ts +25 -0
- package/dist/primitives/SegmentedControl/SegmentedControl.types.d.ts.map +1 -0
- package/dist/primitives/SegmentedControl/index.d.ts +3 -0
- package/dist/primitives/SegmentedControl/index.d.ts.map +1 -0
- package/dist/primitives/StatCard/StatCard.d.ts +4 -0
- package/dist/primitives/StatCard/StatCard.d.ts.map +1 -0
- package/dist/primitives/StatCard/StatCard.types.d.ts +16 -0
- package/dist/primitives/StatCard/StatCard.types.d.ts.map +1 -0
- package/dist/primitives/StatCard/index.d.ts +3 -0
- package/dist/primitives/StatCard/index.d.ts.map +1 -0
- package/dist/primitives/Toast/Toast.d.ts +5 -0
- package/dist/primitives/Toast/Toast.d.ts.map +1 -0
- package/dist/primitives/Toast/Toast.types.d.ts +28 -0
- package/dist/primitives/Toast/Toast.types.d.ts.map +1 -0
- package/dist/primitives/Toast/ToastProvider.d.ts +5 -0
- package/dist/primitives/Toast/ToastProvider.d.ts.map +1 -0
- package/dist/primitives/Toast/index.d.ts +4 -0
- package/dist/primitives/Toast/index.d.ts.map +1 -0
- package/dist/style.css +561 -0
- package/dist/styles.cjs +1 -0
- package/dist/styles.mjs +1 -0
- package/package.json +8 -3
package/dist/index10.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index10.cjs","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index10.cjs","sources":["../src/layouts/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { AuthLayoutProps } from './AuthLayout.types';\nimport styles from './AuthLayout.module.css';\n\nexport const AuthLayout = ({\n children,\n logo,\n footer,\n maxWidth = '28rem',\n className,\n}: AuthLayoutProps) => (\n <main className={clsx(styles.root, className)}>\n {logo && <div className={styles.logo}>{logo}</div>}\n <div className={styles.card} style={{ maxWidth }}>\n {children}\n </div>\n {footer && <div className={styles.footer}>{footer}</div>}\n </main>\n);\n"],"names":["clsx","styles","jsx"],"mappings":";;;;;AAIO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,sCACG,QAAA,EAAK,WAAWA,KAAAA,KAAKC,kBAAAA,QAAO,MAAM,SAAS,GACzC,UAAA;AAAA,EAAA,QAAQC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,kBAAAA,QAAO,MAAO,UAAA,MAAK;AAAA,EAC5CC,+BAAC,SAAI,WAAWD,kBAAAA,QAAO,MAAM,OAAO,EAAE,YACnC,UACH;AAAA,EACC,UAAUC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,kBAAAA,QAAO,QAAS,UAAA,OAAA,CAAO;AAAA,EAAA,CACpD;;"}
|
package/dist/index10.js
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { clsx } from "./
|
|
3
|
-
import styles from "./
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { clsx } from "./index47.js";
|
|
3
|
+
import styles from "./index62.js";
|
|
4
|
+
const AuthLayout = ({
|
|
5
|
+
children,
|
|
6
|
+
logo,
|
|
7
|
+
footer,
|
|
8
|
+
maxWidth = "28rem",
|
|
9
|
+
className
|
|
10
|
+
}) => /* @__PURE__ */ jsxs("main", { className: clsx(styles.root, className), children: [
|
|
11
|
+
logo && /* @__PURE__ */ jsx("div", { className: styles.logo, children: logo }),
|
|
12
|
+
/* @__PURE__ */ jsx("div", { className: styles.card, style: { maxWidth }, children }),
|
|
13
|
+
footer && /* @__PURE__ */ jsx("div", { className: styles.footer, children: footer })
|
|
14
|
+
] });
|
|
16
15
|
export {
|
|
17
|
-
|
|
16
|
+
AuthLayout
|
|
18
17
|
};
|
|
19
18
|
//# sourceMappingURL=index10.js.map
|
package/dist/index10.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index10.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index10.js","sources":["../src/layouts/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { AuthLayoutProps } from './AuthLayout.types';\nimport styles from './AuthLayout.module.css';\n\nexport const AuthLayout = ({\n children,\n logo,\n footer,\n maxWidth = '28rem',\n className,\n}: AuthLayoutProps) => (\n <main className={clsx(styles.root, className)}>\n {logo && <div className={styles.logo}>{logo}</div>}\n <div className={styles.card} style={{ maxWidth }}>\n {children}\n </div>\n {footer && <div className={styles.footer}>{footer}</div>}\n </main>\n);\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,2BACG,QAAA,EAAK,WAAW,KAAK,OAAO,MAAM,SAAS,GACzC,UAAA;AAAA,EAAA,QAAQ,oBAAC,OAAA,EAAI,WAAW,OAAO,MAAO,UAAA,MAAK;AAAA,EAC5C,oBAAC,SAAI,WAAW,OAAO,MAAM,OAAO,EAAE,YACnC,UACH;AAAA,EACC,UAAU,oBAAC,OAAA,EAAI,WAAW,OAAO,QAAS,UAAA,OAAA,CAAO;AAAA,EAAA,CACpD;"}
|
package/dist/index11.cjs
CHANGED
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const clsx = require("./
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
|
|
4
|
+
const clsx = require("./index47.cjs");
|
|
5
|
+
const Avatar_module = require("./index86.cjs");
|
|
6
|
+
const Avatar = ({ label, size = "md", className, ...props }) => {
|
|
7
|
+
const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
|
|
8
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
9
|
+
"span",
|
|
10
|
+
{
|
|
11
|
+
className: clsx.clsx(Avatar_module.default.root, Avatar_module.default[size], className),
|
|
12
|
+
"aria-hidden": "true",
|
|
13
|
+
...props,
|
|
14
|
+
children: initials || "?"
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
};
|
|
18
|
+
exports.Avatar = Avatar;
|
|
8
19
|
//# sourceMappingURL=index11.cjs.map
|
package/dist/index11.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index11.cjs","sources":["../src/primitives/
|
|
1
|
+
{"version":3,"file":"index11.cjs","sources":["../src/primitives/Avatar/Avatar.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Avatar.module.css';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {\n label: string;\n size?: AvatarSize;\n}\n\nexport const Avatar = ({ label, size = 'md', className, ...props }: AvatarProps) => {\n const initials = label\n .split(' ')\n .filter(Boolean)\n .map((part) => part[0])\n .join('')\n .slice(0, 2)\n .toUpperCase();\n\n return (\n <span\n className={clsx(styles.root, styles[size], className)}\n aria-hidden=\"true\"\n {...props}\n >\n {initials || '?'}\n </span>\n );\n};\n"],"names":["jsx","clsx","styles"],"mappings":";;;;;AAUO,MAAM,SAAS,CAAC,EAAE,OAAO,OAAO,MAAM,WAAW,GAAG,YAAyB;AAClF,QAAM,WAAW,MACd,MAAM,GAAG,EACT,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,KAAK,EAAE,EACP,MAAM,GAAG,CAAC,EACV,YAAA;AAEH,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,KAAAA,KAAKC,sBAAO,MAAMA,cAAAA,QAAO,IAAI,GAAG,SAAS;AAAA,MACpD,eAAY;AAAA,MACX,GAAG;AAAA,MAEH,UAAA,YAAY;AAAA,IAAA;AAAA,EAAA;AAGnB;;"}
|
package/dist/index11.js
CHANGED
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { clsx } from "./
|
|
3
|
-
import styles from "./
|
|
4
|
-
const
|
|
2
|
+
import { clsx } from "./index47.js";
|
|
3
|
+
import styles from "./index86.js";
|
|
4
|
+
const Avatar = ({ label, size = "md", className, ...props }) => {
|
|
5
|
+
const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
|
|
6
|
+
return /* @__PURE__ */ jsx(
|
|
7
|
+
"span",
|
|
8
|
+
{
|
|
9
|
+
className: clsx(styles.root, styles[size], className),
|
|
10
|
+
"aria-hidden": "true",
|
|
11
|
+
...props,
|
|
12
|
+
children: initials || "?"
|
|
13
|
+
}
|
|
14
|
+
);
|
|
15
|
+
};
|
|
5
16
|
export {
|
|
6
|
-
|
|
17
|
+
Avatar
|
|
7
18
|
};
|
|
8
19
|
//# sourceMappingURL=index11.js.map
|
package/dist/index11.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index11.js","sources":["../src/primitives/
|
|
1
|
+
{"version":3,"file":"index11.js","sources":["../src/primitives/Avatar/Avatar.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Avatar.module.css';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {\n label: string;\n size?: AvatarSize;\n}\n\nexport const Avatar = ({ label, size = 'md', className, ...props }: AvatarProps) => {\n const initials = label\n .split(' ')\n .filter(Boolean)\n .map((part) => part[0])\n .join('')\n .slice(0, 2)\n .toUpperCase();\n\n return (\n <span\n className={clsx(styles.root, styles[size], className)}\n aria-hidden=\"true\"\n {...props}\n >\n {initials || '?'}\n </span>\n );\n};\n"],"names":[],"mappings":";;;AAUO,MAAM,SAAS,CAAC,EAAE,OAAO,OAAO,MAAM,WAAW,GAAG,YAAyB;AAClF,QAAM,WAAW,MACd,MAAM,GAAG,EACT,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,KAAK,EAAE,EACP,MAAM,GAAG,CAAC,EACV,YAAA;AAEH,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,GAAG,SAAS;AAAA,MACpD,eAAY;AAAA,MACX,GAAG;AAAA,MAEH,UAAA,YAAY;AAAA,IAAA;AAAA,EAAA;AAGnB;"}
|
package/dist/index12.cjs
CHANGED
|
@@ -1,20 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
9
|
-
"button",
|
|
10
|
-
{
|
|
11
|
-
ref,
|
|
12
|
-
type,
|
|
13
|
-
className: clsx.clsx(Button_module.default.root, Button_module.default[variant], size !== "md" && Button_module.default[size], className),
|
|
14
|
-
...props
|
|
15
|
-
}
|
|
16
|
-
)
|
|
17
|
-
);
|
|
18
|
-
Button.displayName = "Button";
|
|
19
|
-
exports.Button = Button;
|
|
4
|
+
const clsx = require("./index47.cjs");
|
|
5
|
+
const Badge_module = require("./index53.cjs");
|
|
6
|
+
const Badge = ({ className, variant = "info", ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(Badge_module.default.root, Badge_module.default[variant], className), ...props });
|
|
7
|
+
exports.Badge = Badge;
|
|
20
8
|
//# sourceMappingURL=index12.cjs.map
|
package/dist/index12.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index12.cjs","sources":["../src/primitives/
|
|
1
|
+
{"version":3,"file":"index12.cjs","sources":["../src/primitives/Badge/Badge.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Badge.module.css';\n\nexport type BadgeVariant = 'success' | 'warning' | 'danger' | 'info';\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n variant?: BadgeVariant;\n}\n\nexport const Badge = ({ className, variant = 'info', ...props }: BadgeProps) => (\n <span className={clsx(styles.root, styles[variant], className)} {...props} />\n);\n"],"names":["jsx","clsx","styles"],"mappings":";;;;;AASO,MAAM,QAAQ,CAAC,EAAE,WAAW,UAAU,QAAQ,GAAG,YACtDA,2BAAAA,IAAC,UAAK,WAAWC,KAAAA,KAAKC,aAAAA,QAAO,MAAMA,aAAAA,QAAO,OAAO,GAAG,SAAS,GAAI,GAAG,MAAA,CAAO;;"}
|
package/dist/index12.js
CHANGED
|
@@ -1,20 +1,8 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
const Button = forwardRef(
|
|
6
|
-
({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7
|
-
"button",
|
|
8
|
-
{
|
|
9
|
-
ref,
|
|
10
|
-
type,
|
|
11
|
-
className: clsx(styles.root, styles[variant], size !== "md" && styles[size], className),
|
|
12
|
-
...props
|
|
13
|
-
}
|
|
14
|
-
)
|
|
15
|
-
);
|
|
16
|
-
Button.displayName = "Button";
|
|
2
|
+
import { clsx } from "./index47.js";
|
|
3
|
+
import styles from "./index53.js";
|
|
4
|
+
const Badge = ({ className, variant = "info", ...props }) => /* @__PURE__ */ jsx("span", { className: clsx(styles.root, styles[variant], className), ...props });
|
|
17
5
|
export {
|
|
18
|
-
|
|
6
|
+
Badge
|
|
19
7
|
};
|
|
20
8
|
//# sourceMappingURL=index12.js.map
|
package/dist/index12.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index12.js","sources":["../src/primitives/
|
|
1
|
+
{"version":3,"file":"index12.js","sources":["../src/primitives/Badge/Badge.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Badge.module.css';\n\nexport type BadgeVariant = 'success' | 'warning' | 'danger' | 'info';\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n variant?: BadgeVariant;\n}\n\nexport const Badge = ({ className, variant = 'info', ...props }: BadgeProps) => (\n <span className={clsx(styles.root, styles[variant], className)} {...props} />\n);\n"],"names":[],"mappings":";;;AASO,MAAM,QAAQ,CAAC,EAAE,WAAW,UAAU,QAAQ,GAAG,YACtD,oBAAC,UAAK,WAAW,KAAK,OAAO,MAAM,OAAO,OAAO,GAAG,SAAS,GAAI,GAAG,MAAA,CAAO;"}
|
package/dist/index13.cjs
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
const react = require("react");
|
|
5
|
+
const clsx = require("./index47.cjs");
|
|
6
|
+
const Button_module = require("./index52.cjs");
|
|
7
|
+
const Button = react.forwardRef(
|
|
8
|
+
({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
9
|
+
"button",
|
|
10
|
+
{
|
|
11
|
+
ref,
|
|
12
|
+
type,
|
|
13
|
+
className: clsx.clsx(Button_module.default.root, Button_module.default[variant], size !== "md" && Button_module.default[size], className),
|
|
14
|
+
...props
|
|
15
|
+
}
|
|
16
|
+
)
|
|
17
|
+
);
|
|
18
|
+
Button.displayName = "Button";
|
|
19
|
+
exports.Button = Button;
|
|
14
20
|
//# sourceMappingURL=index13.cjs.map
|
package/dist/index13.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index13.cjs","sources":["../src/primitives/
|
|
1
|
+
{"version":3,"file":"index13.cjs","sources":["../src/primitives/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Button.module.css';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n variant?: ButtonVariant;\n size?: ButtonSize;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant = 'primary', size = 'md', type = 'button', ...props }, ref) => (\n <button\n ref={ref}\n type={type}\n className={clsx(styles.root, styles[variant], size !== 'md' && styles[size], className)}\n {...props}\n />\n ),\n);\n\nButton.displayName = 'Button';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAYO,MAAM,SAASA,MAAAA;AAAAA,EACpB,CAAC,EAAE,WAAW,UAAU,WAAW,OAAO,MAAM,OAAO,UAAU,GAAG,MAAA,GAAS,QAC3EC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAWC,KAAAA,KAAKC,sBAAO,MAAMA,cAAAA,QAAO,OAAO,GAAG,SAAS,QAAQA,cAAAA,QAAO,IAAI,GAAG,SAAS;AAAA,MACrF,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,OAAO,cAAc;;"}
|
package/dist/index13.js
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { clsx } from "./index47.js";
|
|
4
|
+
import styles from "./index52.js";
|
|
5
|
+
const Button = forwardRef(
|
|
6
|
+
({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7
|
+
"button",
|
|
8
|
+
{
|
|
9
|
+
ref,
|
|
10
|
+
type,
|
|
11
|
+
className: clsx(styles.root, styles[variant], size !== "md" && styles[size], className),
|
|
12
|
+
...props
|
|
13
|
+
}
|
|
14
|
+
)
|
|
15
|
+
);
|
|
16
|
+
Button.displayName = "Button";
|
|
8
17
|
export {
|
|
9
|
-
|
|
10
|
-
CardContent,
|
|
11
|
-
CardFooter,
|
|
12
|
-
CardHeader
|
|
18
|
+
Button
|
|
13
19
|
};
|
|
14
20
|
//# sourceMappingURL=index13.js.map
|
package/dist/index13.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index13.js","sources":["../src/primitives/
|
|
1
|
+
{"version":3,"file":"index13.js","sources":["../src/primitives/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Button.module.css';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n variant?: ButtonVariant;\n size?: ButtonSize;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant = 'primary', size = 'md', type = 'button', ...props }, ref) => (\n <button\n ref={ref}\n type={type}\n className={clsx(styles.root, styles[variant], size !== 'md' && styles[size], className)}\n {...props}\n />\n ),\n);\n\nButton.displayName = 'Button';\n"],"names":[],"mappings":";;;;AAYO,MAAM,SAAS;AAAA,EACpB,CAAC,EAAE,WAAW,UAAU,WAAW,OAAO,MAAM,OAAO,UAAU,GAAG,MAAA,GAAS,QAC3E;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,OAAO,MAAM,OAAO,OAAO,GAAG,SAAS,QAAQ,OAAO,IAAI,GAAG,SAAS;AAAA,MACrF,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,OAAO,cAAc;"}
|
package/dist/index14.cjs
CHANGED
|
@@ -1,104 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
height: (override == null ? void 0 : override.height) ?? constants.CHART_MODAL.FALLBACK_HEIGHT
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
const w = Math.min((override == null ? void 0 : override.width) ?? constants.CHART_MODAL.DEFAULT_WIDTH, window.innerWidth - constants.VIEWPORT_MARGIN);
|
|
18
|
-
const h = Math.min((override == null ? void 0 : override.height) ?? constants.CHART_MODAL.DEFAULT_HEIGHT, window.innerHeight - constants.VIEWPORT_MARGIN);
|
|
19
|
-
return { width: Math.max(w, constants.CHART_MODAL.MIN_WIDTH), height: Math.max(h, constants.CHART_MODAL.MIN_HEIGHT) };
|
|
20
|
-
};
|
|
21
|
-
const ChartExpandModal = ({
|
|
22
|
-
title,
|
|
23
|
-
children,
|
|
24
|
-
onClose,
|
|
25
|
-
resizable = false,
|
|
26
|
-
defaultSize,
|
|
27
|
-
actions
|
|
28
|
-
}) => {
|
|
29
|
-
const [size, setSize] = react.useState(() => getInitialSize(defaultSize));
|
|
30
|
-
const [isReady, setIsReady] = react.useState(false);
|
|
31
|
-
const bodyRef = react.useRef(null);
|
|
32
|
-
useEscapeKey.useEscapeKey(onClose);
|
|
33
|
-
react.useEffect(() => {
|
|
34
|
-
if (!resizable) return;
|
|
35
|
-
const handleResize = () => setSize(getInitialSize(defaultSize));
|
|
36
|
-
window.addEventListener("resize", handleResize);
|
|
37
|
-
return () => window.removeEventListener("resize", handleResize);
|
|
38
|
-
}, [resizable, defaultSize]);
|
|
39
|
-
react.useEffect(() => {
|
|
40
|
-
const check = () => {
|
|
41
|
-
const body = bodyRef.current;
|
|
42
|
-
if (body && body.clientWidth > 0 && body.clientHeight > 0) {
|
|
43
|
-
setIsReady(true);
|
|
44
|
-
} else {
|
|
45
|
-
requestAnimationFrame(check);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
requestAnimationFrame(check);
|
|
49
|
-
}, []);
|
|
50
|
-
const handleResizeStart = react.useCallback(
|
|
51
|
-
(e) => {
|
|
52
|
-
var _a, _b;
|
|
53
|
-
if (!resizable || typeof window === "undefined") return;
|
|
54
|
-
e.preventDefault();
|
|
55
|
-
const startX = "touches" in e ? ((_a = e.touches[0]) == null ? void 0 : _a.clientX) ?? 0 : e.clientX;
|
|
56
|
-
const startY = "touches" in e ? ((_b = e.touches[0]) == null ? void 0 : _b.clientY) ?? 0 : e.clientY;
|
|
57
|
-
const startW = size.width;
|
|
58
|
-
const startH = size.height;
|
|
59
|
-
const handleMove = (ev) => {
|
|
60
|
-
var _a2, _b2;
|
|
61
|
-
const cx = ev instanceof TouchEvent ? ((_a2 = ev.touches[0]) == null ? void 0 : _a2.clientX) ?? 0 : ev.clientX;
|
|
62
|
-
const cy = ev instanceof TouchEvent ? ((_b2 = ev.touches[0]) == null ? void 0 : _b2.clientY) ?? 0 : ev.clientY;
|
|
63
|
-
const maxW = Math.min(window.innerWidth - constants.VIEWPORT_MARGIN, constants.CHART_MODAL.MAX_WIDTH);
|
|
64
|
-
const maxH = Math.min(window.innerHeight - constants.VIEWPORT_MARGIN, constants.CHART_MODAL.MAX_HEIGHT);
|
|
65
|
-
setSize({
|
|
66
|
-
width: Math.min(Math.max(startW + (cx - startX), constants.CHART_MODAL.MIN_WIDTH), maxW),
|
|
67
|
-
height: Math.min(Math.max(startH + (cy - startY), constants.CHART_MODAL.MIN_HEIGHT), maxH)
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
const handleUp = () => {
|
|
71
|
-
window.removeEventListener("mousemove", handleMove);
|
|
72
|
-
window.removeEventListener("mouseup", handleUp);
|
|
73
|
-
window.removeEventListener("touchmove", handleMove);
|
|
74
|
-
window.removeEventListener("touchend", handleUp);
|
|
75
|
-
};
|
|
76
|
-
window.addEventListener("mousemove", handleMove);
|
|
77
|
-
window.addEventListener("mouseup", handleUp);
|
|
78
|
-
window.addEventListener("touchmove", handleMove, { passive: false });
|
|
79
|
-
window.addEventListener("touchend", handleUp);
|
|
80
|
-
},
|
|
81
|
-
[resizable, size]
|
|
82
|
-
);
|
|
83
|
-
if (typeof document === "undefined") return null;
|
|
84
|
-
const modalStyle = resizable ? { width: `${size.width}px`, height: `${size.height}px` } : void 0;
|
|
85
|
-
return reactDom.createPortal(
|
|
86
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ChartExpandModal_module.default.overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(ChartExpandModal_module.default.modal, { [ChartExpandModal_module.default.resizable]: resizable }), style: modalStyle, children: [
|
|
87
|
-
/* @__PURE__ */ jsxRuntime.jsxs("header", { className: ChartExpandModal_module.default.header, children: [
|
|
88
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: ChartExpandModal_module.default.title, children: title }),
|
|
89
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ChartExpandModal_module.default.headerActions, children: [
|
|
90
|
-
actions,
|
|
91
|
-
/* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: ChartExpandModal_module.default.close, onClick: onClose, "aria-label": "Close expanded chart", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: constants.ICON_SIZE.LG, height: constants.ICON_SIZE.LG, viewBox: constants.SVG_VIEWBOX, fill: "none", stroke: "currentColor", strokeWidth: constants.SVG_STROKE_WIDTH, strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
92
|
-
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
93
|
-
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
|
|
94
|
-
] }) })
|
|
95
|
-
] })
|
|
96
|
-
] }),
|
|
97
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ChartExpandModal_module.default.body, ref: bodyRef, children: isReady ? children : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChartExpandModal_module.default.loading, children: "Loading chart..." }) }),
|
|
98
|
-
resizable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChartExpandModal_module.default.resizeHandle, onMouseDown: handleResizeStart, onTouchStart: handleResizeStart, children: /* @__PURE__ */ jsxRuntime.jsx("span", {}) })
|
|
99
|
-
] }) }),
|
|
100
|
-
document.body
|
|
101
|
-
);
|
|
102
|
-
};
|
|
103
|
-
exports.ChartExpandModal = ChartExpandModal;
|
|
4
|
+
const clsx = require("./index47.cjs");
|
|
5
|
+
const Card_module = require("./index54.cjs");
|
|
6
|
+
const Card = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.root, className), ...props });
|
|
7
|
+
const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.header, className), ...props });
|
|
8
|
+
const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.content, className), ...props });
|
|
9
|
+
const CardFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.footer, className), ...props });
|
|
10
|
+
exports.Card = Card;
|
|
11
|
+
exports.CardContent = CardContent;
|
|
12
|
+
exports.CardFooter = CardFooter;
|
|
13
|
+
exports.CardHeader = CardHeader;
|
|
104
14
|
//# sourceMappingURL=index14.cjs.map
|
package/dist/index14.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index14.cjs","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index14.cjs","sources":["../src/primitives/Card/Card.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Card.module.css';\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const Card = ({ className, ...props }: CardProps) => (\n <div className={clsx(styles.root, className)} {...props} />\n);\n\nexport const CardHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={clsx(styles.header, className)} {...props} />\n);\n\nexport const CardContent = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={clsx(styles.content, className)} {...props} />\n);\n\nexport const CardFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={clsx(styles.footer, className)} {...props} />\n);\n"],"names":["jsx","clsx","styles"],"mappings":";;;;;AAKO,MAAM,OAAO,CAAC,EAAE,WAAW,GAAG,YACnCA,2BAAAA,IAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKC,YAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAGpD,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YACzCF,2BAAAA,IAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKC,YAAAA,QAAO,QAAQ,SAAS,GAAI,GAAG,MAAA,CAAO;AAGtD,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,YAC1CF,2BAAAA,IAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKC,YAAAA,QAAO,SAAS,SAAS,GAAI,GAAG,MAAA,CAAO;AAGvD,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YACzCF,2BAAAA,IAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKC,YAAAA,QAAO,QAAQ,SAAS,GAAI,GAAG,MAAA,CAAO;;;;;"}
|
package/dist/index14.js
CHANGED
|
@@ -1,104 +1,14 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const getInitialSize = (override) => {
|
|
9
|
-
if (typeof window === "undefined") {
|
|
10
|
-
return {
|
|
11
|
-
width: (override == null ? void 0 : override.width) ?? CHART_MODAL.FALLBACK_WIDTH,
|
|
12
|
-
height: (override == null ? void 0 : override.height) ?? CHART_MODAL.FALLBACK_HEIGHT
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
const w = Math.min((override == null ? void 0 : override.width) ?? CHART_MODAL.DEFAULT_WIDTH, window.innerWidth - VIEWPORT_MARGIN);
|
|
16
|
-
const h = Math.min((override == null ? void 0 : override.height) ?? CHART_MODAL.DEFAULT_HEIGHT, window.innerHeight - VIEWPORT_MARGIN);
|
|
17
|
-
return { width: Math.max(w, CHART_MODAL.MIN_WIDTH), height: Math.max(h, CHART_MODAL.MIN_HEIGHT) };
|
|
18
|
-
};
|
|
19
|
-
const ChartExpandModal = ({
|
|
20
|
-
title,
|
|
21
|
-
children,
|
|
22
|
-
onClose,
|
|
23
|
-
resizable = false,
|
|
24
|
-
defaultSize,
|
|
25
|
-
actions
|
|
26
|
-
}) => {
|
|
27
|
-
const [size, setSize] = useState(() => getInitialSize(defaultSize));
|
|
28
|
-
const [isReady, setIsReady] = useState(false);
|
|
29
|
-
const bodyRef = useRef(null);
|
|
30
|
-
useEscapeKey(onClose);
|
|
31
|
-
useEffect(() => {
|
|
32
|
-
if (!resizable) return;
|
|
33
|
-
const handleResize = () => setSize(getInitialSize(defaultSize));
|
|
34
|
-
window.addEventListener("resize", handleResize);
|
|
35
|
-
return () => window.removeEventListener("resize", handleResize);
|
|
36
|
-
}, [resizable, defaultSize]);
|
|
37
|
-
useEffect(() => {
|
|
38
|
-
const check = () => {
|
|
39
|
-
const body = bodyRef.current;
|
|
40
|
-
if (body && body.clientWidth > 0 && body.clientHeight > 0) {
|
|
41
|
-
setIsReady(true);
|
|
42
|
-
} else {
|
|
43
|
-
requestAnimationFrame(check);
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
requestAnimationFrame(check);
|
|
47
|
-
}, []);
|
|
48
|
-
const handleResizeStart = useCallback(
|
|
49
|
-
(e) => {
|
|
50
|
-
var _a, _b;
|
|
51
|
-
if (!resizable || typeof window === "undefined") return;
|
|
52
|
-
e.preventDefault();
|
|
53
|
-
const startX = "touches" in e ? ((_a = e.touches[0]) == null ? void 0 : _a.clientX) ?? 0 : e.clientX;
|
|
54
|
-
const startY = "touches" in e ? ((_b = e.touches[0]) == null ? void 0 : _b.clientY) ?? 0 : e.clientY;
|
|
55
|
-
const startW = size.width;
|
|
56
|
-
const startH = size.height;
|
|
57
|
-
const handleMove = (ev) => {
|
|
58
|
-
var _a2, _b2;
|
|
59
|
-
const cx = ev instanceof TouchEvent ? ((_a2 = ev.touches[0]) == null ? void 0 : _a2.clientX) ?? 0 : ev.clientX;
|
|
60
|
-
const cy = ev instanceof TouchEvent ? ((_b2 = ev.touches[0]) == null ? void 0 : _b2.clientY) ?? 0 : ev.clientY;
|
|
61
|
-
const maxW = Math.min(window.innerWidth - VIEWPORT_MARGIN, CHART_MODAL.MAX_WIDTH);
|
|
62
|
-
const maxH = Math.min(window.innerHeight - VIEWPORT_MARGIN, CHART_MODAL.MAX_HEIGHT);
|
|
63
|
-
setSize({
|
|
64
|
-
width: Math.min(Math.max(startW + (cx - startX), CHART_MODAL.MIN_WIDTH), maxW),
|
|
65
|
-
height: Math.min(Math.max(startH + (cy - startY), CHART_MODAL.MIN_HEIGHT), maxH)
|
|
66
|
-
});
|
|
67
|
-
};
|
|
68
|
-
const handleUp = () => {
|
|
69
|
-
window.removeEventListener("mousemove", handleMove);
|
|
70
|
-
window.removeEventListener("mouseup", handleUp);
|
|
71
|
-
window.removeEventListener("touchmove", handleMove);
|
|
72
|
-
window.removeEventListener("touchend", handleUp);
|
|
73
|
-
};
|
|
74
|
-
window.addEventListener("mousemove", handleMove);
|
|
75
|
-
window.addEventListener("mouseup", handleUp);
|
|
76
|
-
window.addEventListener("touchmove", handleMove, { passive: false });
|
|
77
|
-
window.addEventListener("touchend", handleUp);
|
|
78
|
-
},
|
|
79
|
-
[resizable, size]
|
|
80
|
-
);
|
|
81
|
-
if (typeof document === "undefined") return null;
|
|
82
|
-
const modalStyle = resizable ? { width: `${size.width}px`, height: `${size.height}px` } : void 0;
|
|
83
|
-
return createPortal(
|
|
84
|
-
/* @__PURE__ */ jsx("div", { className: styles.overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.modal, { [styles.resizable]: resizable }), style: modalStyle, children: [
|
|
85
|
-
/* @__PURE__ */ jsxs("header", { className: styles.header, children: [
|
|
86
|
-
/* @__PURE__ */ jsx("h2", { className: styles.title, children: title }),
|
|
87
|
-
/* @__PURE__ */ jsxs("div", { className: styles.headerActions, children: [
|
|
88
|
-
actions,
|
|
89
|
-
/* @__PURE__ */ jsx("button", { type: "button", className: styles.close, onClick: onClose, "aria-label": "Close expanded chart", children: /* @__PURE__ */ jsxs("svg", { width: ICON_SIZE.LG, height: ICON_SIZE.LG, viewBox: SVG_VIEWBOX, fill: "none", stroke: "currentColor", strokeWidth: SVG_STROKE_WIDTH, strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
90
|
-
/* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
91
|
-
/* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
|
|
92
|
-
] }) })
|
|
93
|
-
] })
|
|
94
|
-
] }),
|
|
95
|
-
/* @__PURE__ */ jsx("div", { className: styles.body, ref: bodyRef, children: isReady ? children : /* @__PURE__ */ jsx("div", { className: styles.loading, children: "Loading chart..." }) }),
|
|
96
|
-
resizable && /* @__PURE__ */ jsx("div", { className: styles.resizeHandle, onMouseDown: handleResizeStart, onTouchStart: handleResizeStart, children: /* @__PURE__ */ jsx("span", {}) })
|
|
97
|
-
] }) }),
|
|
98
|
-
document.body
|
|
99
|
-
);
|
|
100
|
-
};
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { clsx } from "./index47.js";
|
|
3
|
+
import styles from "./index54.js";
|
|
4
|
+
const Card = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.root, className), ...props });
|
|
5
|
+
const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.header, className), ...props });
|
|
6
|
+
const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.content, className), ...props });
|
|
7
|
+
const CardFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footer, className), ...props });
|
|
101
8
|
export {
|
|
102
|
-
|
|
9
|
+
Card,
|
|
10
|
+
CardContent,
|
|
11
|
+
CardFooter,
|
|
12
|
+
CardHeader
|
|
103
13
|
};
|
|
104
14
|
//# sourceMappingURL=index14.js.map
|
package/dist/index14.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index14.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index14.js","sources":["../src/primitives/Card/Card.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Card.module.css';\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const Card = ({ className, ...props }: CardProps) => (\n <div className={clsx(styles.root, className)} {...props} />\n);\n\nexport const CardHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={clsx(styles.header, className)} {...props} />\n);\n\nexport const CardContent = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={clsx(styles.content, className)} {...props} />\n);\n\nexport const CardFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={clsx(styles.footer, className)} {...props} />\n);\n"],"names":[],"mappings":";;;AAKO,MAAM,OAAO,CAAC,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAGpD,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAI,GAAG,MAAA,CAAO;AAGtD,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,YAC1C,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,SAAS,SAAS,GAAI,GAAG,MAAA,CAAO;AAGvD,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAI,GAAG,MAAA,CAAO;"}
|