@zentauri-ui/zentauri-components 1.8.1 → 1.8.2
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/README.md +21 -10
- package/cli/registry.json +10 -0
- package/dist/charts/area.js +9 -10
- package/dist/charts/area.js.map +1 -1
- package/dist/charts/area.mjs +2 -3
- package/dist/charts/area.mjs.map +1 -1
- package/dist/charts/bar.js +10 -95
- package/dist/charts/bar.js.map +1 -1
- package/dist/charts/bar.mjs +2 -95
- package/dist/charts/bar.mjs.map +1 -1
- package/dist/charts/bubble.js +8 -9
- package/dist/charts/bubble.js.map +1 -1
- package/dist/charts/bubble.mjs +2 -3
- package/dist/charts/bubble.mjs.map +1 -1
- package/dist/charts/funnel/Funnel.d.ts +6 -0
- package/dist/charts/funnel/Funnel.d.ts.map +1 -0
- package/dist/charts/funnel/index.d.ts +4 -0
- package/dist/charts/funnel/index.d.ts.map +1 -0
- package/dist/charts/funnel.js +102 -0
- package/dist/charts/funnel.js.map +1 -0
- package/dist/charts/funnel.mjs +89 -0
- package/dist/charts/funnel.mjs.map +1 -0
- package/dist/charts/line.js +8 -9
- package/dist/charts/line.js.map +1 -1
- package/dist/charts/line.mjs +2 -3
- package/dist/charts/line.mjs.map +1 -1
- package/dist/charts/pie/Pie.d.ts +1 -1
- package/dist/charts/pie/Pie.d.ts.map +1 -1
- package/dist/charts/pie.js +19 -6
- package/dist/charts/pie.js.map +1 -1
- package/dist/charts/pie.mjs +17 -4
- package/dist/charts/pie.mjs.map +1 -1
- package/dist/charts/radar/Radar.d.ts +6 -0
- package/dist/charts/radar/Radar.d.ts.map +1 -0
- package/dist/charts/radar/index.d.ts +4 -0
- package/dist/charts/radar/index.d.ts.map +1 -0
- package/dist/charts/radar.js +94 -0
- package/dist/charts/radar.js.map +1 -0
- package/dist/charts/radar.mjs +81 -0
- package/dist/charts/radar.mjs.map +1 -0
- package/dist/charts/scatter/Scatter.d.ts +6 -0
- package/dist/charts/scatter/Scatter.d.ts.map +1 -0
- package/dist/charts/scatter/index.d.ts +4 -0
- package/dist/charts/scatter/index.d.ts.map +1 -0
- package/dist/charts/scatter.js +116 -0
- package/dist/charts/scatter.js.map +1 -0
- package/dist/charts/scatter.mjs +103 -0
- package/dist/charts/scatter.mjs.map +1 -0
- package/dist/charts/shared/chart-frame.d.ts +2 -1
- package/dist/charts/shared/chart-frame.d.ts.map +1 -1
- package/dist/charts/shared/types.d.ts +22 -2
- package/dist/charts/shared/types.d.ts.map +1 -1
- package/dist/charts/stacked-bar/StackedBar.d.ts +6 -0
- package/dist/charts/stacked-bar/StackedBar.d.ts.map +1 -0
- package/dist/charts/stacked-bar/index.d.ts +4 -0
- package/dist/charts/stacked-bar/index.d.ts.map +1 -0
- package/dist/charts/stacked-bar.js +29 -0
- package/dist/charts/stacked-bar.js.map +1 -0
- package/dist/charts/stacked-bar.mjs +15 -0
- package/dist/charts/stacked-bar.mjs.map +1 -0
- package/dist/chunk-F3V4POW3.mjs +8 -0
- package/dist/chunk-F3V4POW3.mjs.map +1 -0
- package/dist/{chunk-G2WARVAM.mjs → chunk-HZIRD3SR.mjs} +35 -15
- package/dist/chunk-HZIRD3SR.mjs.map +1 -0
- package/dist/{chunk-G66SXATZ.js → chunk-IL4LH2XX.js} +50 -4
- package/dist/chunk-IL4LH2XX.js.map +1 -0
- package/dist/chunk-LREMK2XR.js +97 -0
- package/dist/chunk-LREMK2XR.js.map +1 -0
- package/dist/chunk-O2KM3ETC.mjs +95 -0
- package/dist/chunk-O2KM3ETC.mjs.map +1 -0
- package/dist/{chunk-ZIFMIS7D.mjs → chunk-OL3BJSRC.mjs} +51 -5
- package/dist/chunk-OL3BJSRC.mjs.map +1 -0
- package/dist/{chunk-QNUDODDX.js → chunk-PWPMKXEG.js} +36 -14
- package/dist/chunk-PWPMKXEG.js.map +1 -0
- package/dist/chunk-XRM7GOIE.js +10 -0
- package/dist/chunk-XRM7GOIE.js.map +1 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useIsomorphicLayoutEffect.js +6 -4
- package/dist/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist/hooks/useIsomorphicLayoutEffect.mjs +1 -6
- package/dist/hooks/useIsomorphicLayoutEffect.mjs.map +1 -1
- package/dist/hooks/useTableFilter/index.d.ts +3 -0
- package/dist/hooks/useTableFilter/index.d.ts.map +1 -0
- package/dist/hooks/useTableFilter/types.d.ts +20 -0
- package/dist/hooks/useTableFilter/types.d.ts.map +1 -0
- package/dist/hooks/useTableFilter/useTableFilter.d.ts +3 -0
- package/dist/hooks/useTableFilter/useTableFilter.d.ts.map +1 -0
- package/dist/hooks/useTableFilter.js +124 -0
- package/dist/hooks/useTableFilter.js.map +1 -0
- package/dist/hooks/useTableFilter.mjs +122 -0
- package/dist/hooks/useTableFilter.mjs.map +1 -0
- package/dist/hooks/useTableSort/index.d.ts +3 -0
- package/dist/hooks/useTableSort/index.d.ts.map +1 -0
- package/dist/hooks/useTableSort/types.d.ts +15 -0
- package/dist/hooks/useTableSort/types.d.ts.map +1 -0
- package/dist/hooks/useTableSort/useTableSort.d.ts +3 -0
- package/dist/hooks/useTableSort/useTableSort.d.ts.map +1 -0
- package/dist/hooks/useTableSort.js +99 -0
- package/dist/hooks/useTableSort.js.map +1 -0
- package/dist/hooks/useTableSort.mjs +97 -0
- package/dist/hooks/useTableSort.mjs.map +1 -0
- package/dist/ui/marquee/marquee.d.ts.map +1 -1
- package/dist/ui/marquee.js +82 -21
- package/dist/ui/marquee.js.map +1 -1
- package/dist/ui/marquee.mjs +83 -22
- package/dist/ui/marquee.mjs.map +1 -1
- package/dist/ui/table/animated.js +8 -8
- package/dist/ui/table/animated.mjs +2 -2
- package/dist/ui/table/index.d.ts +1 -1
- package/dist/ui/table/index.d.ts.map +1 -1
- package/dist/ui/table/table-base.d.ts +2 -2
- package/dist/ui/table/table-base.d.ts.map +1 -1
- package/dist/ui/table/types.d.ts +9 -1
- package/dist/ui/table/types.d.ts.map +1 -1
- package/dist/ui/table.js +14 -14
- package/dist/ui/table.mjs +1 -1
- package/package.json +1 -1
- package/src/charts/charts.test.tsx +80 -0
- package/src/charts/funnel/Funnel.tsx +105 -0
- package/src/charts/funnel/index.ts +14 -0
- package/src/charts/pie/Pie.tsx +28 -1
- package/src/charts/radar/Radar.tsx +84 -0
- package/src/charts/radar/index.ts +16 -0
- package/src/charts/scatter/Scatter.tsx +104 -0
- package/src/charts/scatter/index.ts +16 -0
- package/src/charts/shared/chart-frame.tsx +4 -2
- package/src/charts/shared/types.ts +42 -2
- package/src/charts/stacked-bar/StackedBar.tsx +12 -0
- package/src/charts/stacked-bar/index.ts +16 -0
- package/src/hooks/index.ts +12 -0
- package/src/hooks/useTableFilter/index.ts +7 -0
- package/src/hooks/useTableFilter/types.ts +28 -0
- package/src/hooks/useTableFilter/useTableFilter.test.ts +141 -0
- package/src/hooks/useTableFilter/useTableFilter.ts +153 -0
- package/src/hooks/useTableSort/index.ts +5 -0
- package/src/hooks/useTableSort/types.ts +23 -0
- package/src/hooks/useTableSort/useTableSort.test.ts +150 -0
- package/src/hooks/useTableSort/useTableSort.ts +121 -0
- package/src/ui/divider/divider.test.tsx +55 -0
- package/src/ui/empty-state/empty-state.test.tsx +88 -0
- package/src/ui/marquee/marquee.test.tsx +45 -4
- package/src/ui/marquee/marquee.tsx +100 -18
- package/src/ui/skeleton/skeleton.test.tsx +85 -0
- package/src/ui/table/index.ts +3 -0
- package/src/ui/table/table-base.tsx +69 -4
- package/src/ui/table/table.test.tsx +207 -0
- package/src/ui/table/types.ts +13 -1
- package/dist/chunk-G2WARVAM.mjs.map +0 -1
- package/dist/chunk-G66SXATZ.js.map +0 -1
- package/dist/chunk-OULU7OC4.mjs +0 -21
- package/dist/chunk-OULU7OC4.mjs.map +0 -1
- package/dist/chunk-QNUDODDX.js.map +0 -1
- package/dist/chunk-Z6S36PDD.js +0 -24
- package/dist/chunk-Z6S36PDD.js.map +0 -1
- package/dist/chunk-ZIFMIS7D.mjs.map +0 -1
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
|
|
5
|
+
require('../chunk-W3QRRWQX.js');
|
|
6
|
+
require('../chunk-ZS5756ZC.js');
|
|
7
|
+
var recharts = require('recharts');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
|
|
10
|
+
function RadarChart({
|
|
11
|
+
appearance,
|
|
12
|
+
className,
|
|
13
|
+
containerStyle,
|
|
14
|
+
data,
|
|
15
|
+
density,
|
|
16
|
+
emptyState = null,
|
|
17
|
+
height = 320,
|
|
18
|
+
series,
|
|
19
|
+
showGrid = true,
|
|
20
|
+
showLegend = false,
|
|
21
|
+
showTooltip = true,
|
|
22
|
+
tooltipColor = "#0f172a",
|
|
23
|
+
style,
|
|
24
|
+
xKey,
|
|
25
|
+
...props
|
|
26
|
+
}) {
|
|
27
|
+
const hasData = data.length > 0 && series.length > 0;
|
|
28
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
29
|
+
chunkPWPMKXEG_js.ChartFrame,
|
|
30
|
+
{
|
|
31
|
+
appearance,
|
|
32
|
+
className,
|
|
33
|
+
containerStyle,
|
|
34
|
+
density,
|
|
35
|
+
emptyState,
|
|
36
|
+
hasData,
|
|
37
|
+
height,
|
|
38
|
+
style,
|
|
39
|
+
...props,
|
|
40
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.RadarChart, { data, children: [
|
|
41
|
+
showGrid ? /* @__PURE__ */ jsxRuntime.jsx(recharts.PolarGrid, { stroke: "currentColor", opacity: 0.18 }) : null,
|
|
42
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
43
|
+
recharts.PolarAngleAxis,
|
|
44
|
+
{
|
|
45
|
+
dataKey: String(xKey),
|
|
46
|
+
tick: { fill: "currentColor", fontSize: 12 }
|
|
47
|
+
}
|
|
48
|
+
),
|
|
49
|
+
/* @__PURE__ */ jsxRuntime.jsx(recharts.PolarRadiusAxis, { tick: { fill: "currentColor", fontSize: 11 } }),
|
|
50
|
+
showTooltip ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
51
|
+
recharts.Tooltip,
|
|
52
|
+
{
|
|
53
|
+
contentStyle: { color: tooltipColor },
|
|
54
|
+
labelStyle: { color: tooltipColor },
|
|
55
|
+
itemStyle: { color: tooltipColor }
|
|
56
|
+
}
|
|
57
|
+
) : null,
|
|
58
|
+
showLegend ? /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}) : null,
|
|
59
|
+
series.map((item, index) => {
|
|
60
|
+
const color = chunkPWPMKXEG_js.resolveColor(item.color, index);
|
|
61
|
+
const fill = chunkPWPMKXEG_js.getSeriesFill(item, index, 0.24);
|
|
62
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
63
|
+
recharts.Radar,
|
|
64
|
+
{
|
|
65
|
+
dataKey: item.dataKey,
|
|
66
|
+
name: item.name,
|
|
67
|
+
stroke: item.stroke ?? color.stroke,
|
|
68
|
+
fill: fill ?? color.fill,
|
|
69
|
+
fillOpacity: 0.72
|
|
70
|
+
},
|
|
71
|
+
item.dataKey
|
|
72
|
+
);
|
|
73
|
+
})
|
|
74
|
+
] })
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
RadarChart.displayName = "RadarChart";
|
|
79
|
+
|
|
80
|
+
Object.defineProperty(exports, "chartColorValues", {
|
|
81
|
+
enumerable: true,
|
|
82
|
+
get: function () { return chunkPWPMKXEG_js.chartColorValues; }
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "chartPalette", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function () { return chunkPWPMKXEG_js.chartPalette; }
|
|
87
|
+
});
|
|
88
|
+
Object.defineProperty(exports, "chartVariants", {
|
|
89
|
+
enumerable: true,
|
|
90
|
+
get: function () { return chunkPWPMKXEG_js.chartVariants; }
|
|
91
|
+
});
|
|
92
|
+
exports.RadarChart = RadarChart;
|
|
93
|
+
//# sourceMappingURL=radar.js.map
|
|
94
|
+
//# sourceMappingURL=radar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/charts/radar/Radar.tsx"],"names":["jsx","ChartFrame","jsxs","RechartsRadarChart","PolarGrid","PolarAngleAxis","PolarRadiusAxis","Tooltip","Legend","resolveColor","getSeriesFill","Radar"],"mappings":";;;;;;;;AAgBO,SAAS,UAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AAEnD,EAAA,uBACEA,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAC,eAAA,CAACC,uBAAmB,IAAA,EACjB,QAAA,EAAA;AAAA,QAAA,QAAA,kCAAYC,kBAAA,EAAA,EAAU,MAAA,EAAO,cAAA,EAAe,OAAA,EAAS,MAAM,CAAA,GAAK,IAAA;AAAA,wBACjEJ,cAAA;AAAA,UAACK,uBAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAO,IAAI,CAAA;AAAA,YACpB,IAAA,EAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,UAAU,EAAA;AAAG;AAAA,SAC7C;AAAA,wBACAL,cAAA,CAACM,4BAAgB,IAAA,EAAM,EAAE,MAAM,cAAA,EAAgB,QAAA,EAAU,IAAG,EAAG,CAAA;AAAA,QAC9D,WAAA,mBACCN,cAAA;AAAA,UAACO,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAaP,cAAA,CAACQ,eAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,QAC1B,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQC,6BAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,MAAM,IAAA,GAAOC,8BAAA,CAAc,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AAC5C,UAAA,uBACEV,cAAA;AAAA,YAACW,cAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM,MAAA;AAAA,cAC7B,IAAA,EAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,cACpB,WAAA,EAAa;AAAA,aAAA;AAAA,YALR,IAAA,CAAK;AAAA,WAMZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"radar.js","sourcesContent":["\"use client\";\n\nimport {\n Legend,\n PolarAngleAxis,\n PolarGrid,\n PolarRadiusAxis,\n Radar,\n RadarChart as RechartsRadarChart,\n Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { RadarChartProps } from \"../shared/types\";\n\nexport function RadarChart<\n TDatum extends Record<string, number | string | null | undefined>,\n>({\n appearance,\n className,\n containerStyle,\n data,\n density,\n emptyState = null,\n height = 320,\n series,\n showGrid = true,\n showLegend = false,\n showTooltip = true,\n tooltipColor = \"#0f172a\",\n style,\n xKey,\n ...props\n}: RadarChartProps<TDatum>) {\n const hasData = data.length > 0 && series.length > 0;\n\n return (\n <ChartFrame\n appearance={appearance}\n className={className}\n containerStyle={containerStyle}\n density={density}\n emptyState={emptyState}\n hasData={hasData}\n height={height}\n style={style}\n {...props}\n >\n <RechartsRadarChart data={data}>\n {showGrid ? <PolarGrid stroke=\"currentColor\" opacity={0.18} /> : null}\n <PolarAngleAxis\n dataKey={String(xKey)}\n tick={{ fill: \"currentColor\", fontSize: 12 }}\n />\n <PolarRadiusAxis tick={{ fill: \"currentColor\", fontSize: 11 }} />\n {showTooltip ? (\n <Tooltip\n contentStyle={{ color: tooltipColor }}\n labelStyle={{ color: tooltipColor }}\n itemStyle={{ color: tooltipColor }}\n />\n ) : null}\n {showLegend ? <Legend /> : null}\n {series.map((item, index) => {\n const color = resolveColor(item.color, index);\n const fill = getSeriesFill(item, index, 0.24);\n return (\n <Radar\n key={item.dataKey}\n dataKey={item.dataKey}\n name={item.name}\n stroke={item.stroke ?? color.stroke}\n fill={fill ?? color.fill}\n fillOpacity={0.72}\n />\n );\n })}\n </RechartsRadarChart>\n </ChartFrame>\n );\n}\n\nRadarChart.displayName = \"RadarChart\";\n"]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { ChartFrame, resolveColor, getSeriesFill } from '../chunk-HZIRD3SR.mjs';
|
|
3
|
+
export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
|
|
4
|
+
import '../chunk-FXYPRPAT.mjs';
|
|
5
|
+
import '../chunk-4D54YOL6.mjs';
|
|
6
|
+
import { RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Tooltip, Legend, Radar } from 'recharts';
|
|
7
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
function RadarChart({
|
|
10
|
+
appearance,
|
|
11
|
+
className,
|
|
12
|
+
containerStyle,
|
|
13
|
+
data,
|
|
14
|
+
density,
|
|
15
|
+
emptyState = null,
|
|
16
|
+
height = 320,
|
|
17
|
+
series,
|
|
18
|
+
showGrid = true,
|
|
19
|
+
showLegend = false,
|
|
20
|
+
showTooltip = true,
|
|
21
|
+
tooltipColor = "#0f172a",
|
|
22
|
+
style,
|
|
23
|
+
xKey,
|
|
24
|
+
...props
|
|
25
|
+
}) {
|
|
26
|
+
const hasData = data.length > 0 && series.length > 0;
|
|
27
|
+
return /* @__PURE__ */ jsx(
|
|
28
|
+
ChartFrame,
|
|
29
|
+
{
|
|
30
|
+
appearance,
|
|
31
|
+
className,
|
|
32
|
+
containerStyle,
|
|
33
|
+
density,
|
|
34
|
+
emptyState,
|
|
35
|
+
hasData,
|
|
36
|
+
height,
|
|
37
|
+
style,
|
|
38
|
+
...props,
|
|
39
|
+
children: /* @__PURE__ */ jsxs(RadarChart$1, { data, children: [
|
|
40
|
+
showGrid ? /* @__PURE__ */ jsx(PolarGrid, { stroke: "currentColor", opacity: 0.18 }) : null,
|
|
41
|
+
/* @__PURE__ */ jsx(
|
|
42
|
+
PolarAngleAxis,
|
|
43
|
+
{
|
|
44
|
+
dataKey: String(xKey),
|
|
45
|
+
tick: { fill: "currentColor", fontSize: 12 }
|
|
46
|
+
}
|
|
47
|
+
),
|
|
48
|
+
/* @__PURE__ */ jsx(PolarRadiusAxis, { tick: { fill: "currentColor", fontSize: 11 } }),
|
|
49
|
+
showTooltip ? /* @__PURE__ */ jsx(
|
|
50
|
+
Tooltip,
|
|
51
|
+
{
|
|
52
|
+
contentStyle: { color: tooltipColor },
|
|
53
|
+
labelStyle: { color: tooltipColor },
|
|
54
|
+
itemStyle: { color: tooltipColor }
|
|
55
|
+
}
|
|
56
|
+
) : null,
|
|
57
|
+
showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
|
|
58
|
+
series.map((item, index) => {
|
|
59
|
+
const color = resolveColor(item.color, index);
|
|
60
|
+
const fill = getSeriesFill(item, index, 0.24);
|
|
61
|
+
return /* @__PURE__ */ jsx(
|
|
62
|
+
Radar,
|
|
63
|
+
{
|
|
64
|
+
dataKey: item.dataKey,
|
|
65
|
+
name: item.name,
|
|
66
|
+
stroke: item.stroke ?? color.stroke,
|
|
67
|
+
fill: fill ?? color.fill,
|
|
68
|
+
fillOpacity: 0.72
|
|
69
|
+
},
|
|
70
|
+
item.dataKey
|
|
71
|
+
);
|
|
72
|
+
})
|
|
73
|
+
] })
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
}
|
|
77
|
+
RadarChart.displayName = "RadarChart";
|
|
78
|
+
|
|
79
|
+
export { RadarChart };
|
|
80
|
+
//# sourceMappingURL=radar.mjs.map
|
|
81
|
+
//# sourceMappingURL=radar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/charts/radar/Radar.tsx"],"names":["RechartsRadarChart"],"mappings":";;;;;;;AAgBO,SAAS,UAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AAEnD,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAACA,gBAAmB,IAAA,EACjB,QAAA,EAAA;AAAA,QAAA,QAAA,uBAAY,SAAA,EAAA,EAAU,MAAA,EAAO,cAAA,EAAe,OAAA,EAAS,MAAM,CAAA,GAAK,IAAA;AAAA,wBACjE,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAO,IAAI,CAAA;AAAA,YACpB,IAAA,EAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,UAAU,EAAA;AAAG;AAAA,SAC7C;AAAA,wBACA,GAAA,CAAC,mBAAgB,IAAA,EAAM,EAAE,MAAM,cAAA,EAAgB,QAAA,EAAU,IAAG,EAAG,CAAA;AAAA,QAC9D,WAAA,mBACC,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,QAC1B,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AAC5C,UAAA,uBACE,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM,MAAA;AAAA,cAC7B,IAAA,EAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,cACpB,WAAA,EAAa;AAAA,aAAA;AAAA,YALR,IAAA,CAAK;AAAA,WAMZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"radar.mjs","sourcesContent":["\"use client\";\n\nimport {\n Legend,\n PolarAngleAxis,\n PolarGrid,\n PolarRadiusAxis,\n Radar,\n RadarChart as RechartsRadarChart,\n Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { RadarChartProps } from \"../shared/types\";\n\nexport function RadarChart<\n TDatum extends Record<string, number | string | null | undefined>,\n>({\n appearance,\n className,\n containerStyle,\n data,\n density,\n emptyState = null,\n height = 320,\n series,\n showGrid = true,\n showLegend = false,\n showTooltip = true,\n tooltipColor = \"#0f172a\",\n style,\n xKey,\n ...props\n}: RadarChartProps<TDatum>) {\n const hasData = data.length > 0 && series.length > 0;\n\n return (\n <ChartFrame\n appearance={appearance}\n className={className}\n containerStyle={containerStyle}\n density={density}\n emptyState={emptyState}\n hasData={hasData}\n height={height}\n style={style}\n {...props}\n >\n <RechartsRadarChart data={data}>\n {showGrid ? <PolarGrid stroke=\"currentColor\" opacity={0.18} /> : null}\n <PolarAngleAxis\n dataKey={String(xKey)}\n tick={{ fill: \"currentColor\", fontSize: 12 }}\n />\n <PolarRadiusAxis tick={{ fill: \"currentColor\", fontSize: 11 }} />\n {showTooltip ? (\n <Tooltip\n contentStyle={{ color: tooltipColor }}\n labelStyle={{ color: tooltipColor }}\n itemStyle={{ color: tooltipColor }}\n />\n ) : null}\n {showLegend ? <Legend /> : null}\n {series.map((item, index) => {\n const color = resolveColor(item.color, index);\n const fill = getSeriesFill(item, index, 0.24);\n return (\n <Radar\n key={item.dataKey}\n dataKey={item.dataKey}\n name={item.name}\n stroke={item.stroke ?? color.stroke}\n fill={fill ?? color.fill}\n fillOpacity={0.72}\n />\n );\n })}\n </RechartsRadarChart>\n </ChartFrame>\n );\n}\n\nRadarChart.displayName = \"RadarChart\";\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ScatterChartProps } from "../shared/types";
|
|
2
|
+
export declare function ScatterChart<TDatum extends Record<string, number | string | null | undefined>>({ appearance, className, containerStyle, data, density, emptyState, height, margin, series, showGrid, showLegend, showTooltip, tooltipColor, style, syncId, xKey, ...props }: ScatterChartProps<TDatum>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare namespace ScatterChart {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=Scatter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scatter.d.ts","sourceRoot":"","sources":["../../../src/charts/scatter/Scatter.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,YAAY,CAC1B,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EACjE,EACA,UAAU,EACV,SAAS,EACT,cAAc,EACd,IAAI,EACJ,OAAO,EACP,UAAiB,EACjB,MAAY,EACZ,MAA2B,EAC3B,MAAM,EACN,QAAe,EACf,UAAkB,EAClB,WAAkB,EAClB,YAAwB,EACxB,KAAK,EACL,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,MAAM,CAAC,2CAgE3B;yBApFe,YAAY"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { ScatterChart } from "./Scatter";
|
|
2
|
+
export type { ChartColor, ChartDatum, ChartMargin, ChartSeries, ChartSharedStatic, ScatterChartProps, } from "../shared/types";
|
|
3
|
+
export { chartColorValues, chartPalette, chartVariants, } from "../shared/variants";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/scatter/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,aAAa,GACd,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
|
|
5
|
+
require('../chunk-W3QRRWQX.js');
|
|
6
|
+
require('../chunk-ZS5756ZC.js');
|
|
7
|
+
var recharts = require('recharts');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
|
|
10
|
+
function ScatterChart({
|
|
11
|
+
appearance,
|
|
12
|
+
className,
|
|
13
|
+
containerStyle,
|
|
14
|
+
data,
|
|
15
|
+
density,
|
|
16
|
+
emptyState = null,
|
|
17
|
+
height = 320,
|
|
18
|
+
margin = chunkPWPMKXEG_js.defaultChartMargin,
|
|
19
|
+
series,
|
|
20
|
+
showGrid = true,
|
|
21
|
+
showLegend = false,
|
|
22
|
+
showTooltip = true,
|
|
23
|
+
tooltipColor = "#0f172a",
|
|
24
|
+
style,
|
|
25
|
+
syncId,
|
|
26
|
+
xKey,
|
|
27
|
+
...props
|
|
28
|
+
}) {
|
|
29
|
+
const hasData = data.length > 0 && series.length > 0;
|
|
30
|
+
const xAxisKey = String(xKey);
|
|
31
|
+
const isNumericX = typeof data[0]?.[xAxisKey] === "number";
|
|
32
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
|
+
chunkPWPMKXEG_js.ChartFrame,
|
|
34
|
+
{
|
|
35
|
+
appearance,
|
|
36
|
+
className,
|
|
37
|
+
containerStyle,
|
|
38
|
+
density,
|
|
39
|
+
emptyState,
|
|
40
|
+
hasData,
|
|
41
|
+
height,
|
|
42
|
+
style,
|
|
43
|
+
...props,
|
|
44
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { data, margin, syncId, children: [
|
|
45
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
46
|
+
chunkPWPMKXEG_js.ChartDecorators,
|
|
47
|
+
{
|
|
48
|
+
axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
49
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
50
|
+
recharts.XAxis,
|
|
51
|
+
{
|
|
52
|
+
dataKey: xAxisKey,
|
|
53
|
+
type: isNumericX ? "number" : "category",
|
|
54
|
+
minTickGap: 24,
|
|
55
|
+
tickLine: false,
|
|
56
|
+
tickMargin: 10,
|
|
57
|
+
axisLine: false,
|
|
58
|
+
fontSize: 12
|
|
59
|
+
}
|
|
60
|
+
),
|
|
61
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
62
|
+
recharts.YAxis,
|
|
63
|
+
{
|
|
64
|
+
dataKey: "__chartY",
|
|
65
|
+
type: "number",
|
|
66
|
+
width: 40,
|
|
67
|
+
tickLine: false,
|
|
68
|
+
tickMargin: 8,
|
|
69
|
+
axisLine: false,
|
|
70
|
+
fontSize: 12
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
] }),
|
|
74
|
+
showGrid,
|
|
75
|
+
showLegend,
|
|
76
|
+
showTooltip,
|
|
77
|
+
tooltipColor
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
series.map((item, index) => {
|
|
81
|
+
const color = chunkPWPMKXEG_js.resolveColor(item.color, index);
|
|
82
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
83
|
+
recharts.Scatter,
|
|
84
|
+
{
|
|
85
|
+
data: data.map((entry) => ({
|
|
86
|
+
...entry,
|
|
87
|
+
__chartY: entry[item.dataKey]
|
|
88
|
+
})),
|
|
89
|
+
name: item.name,
|
|
90
|
+
fill: item.fill ?? color.stroke,
|
|
91
|
+
line: item.stroke ? { stroke: item.stroke } : false
|
|
92
|
+
},
|
|
93
|
+
item.dataKey
|
|
94
|
+
);
|
|
95
|
+
})
|
|
96
|
+
] })
|
|
97
|
+
}
|
|
98
|
+
);
|
|
99
|
+
}
|
|
100
|
+
ScatterChart.displayName = "ScatterChart";
|
|
101
|
+
|
|
102
|
+
Object.defineProperty(exports, "chartColorValues", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function () { return chunkPWPMKXEG_js.chartColorValues; }
|
|
105
|
+
});
|
|
106
|
+
Object.defineProperty(exports, "chartPalette", {
|
|
107
|
+
enumerable: true,
|
|
108
|
+
get: function () { return chunkPWPMKXEG_js.chartPalette; }
|
|
109
|
+
});
|
|
110
|
+
Object.defineProperty(exports, "chartVariants", {
|
|
111
|
+
enumerable: true,
|
|
112
|
+
get: function () { return chunkPWPMKXEG_js.chartVariants; }
|
|
113
|
+
});
|
|
114
|
+
exports.ScatterChart = ScatterChart;
|
|
115
|
+
//# sourceMappingURL=scatter.js.map
|
|
116
|
+
//# sourceMappingURL=scatter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/charts/scatter/Scatter.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsScatterChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Scatter"],"mappings":"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","file":"scatter.js","sourcesContent":["\"use client\";\n\nimport {\n Scatter,\n ScatterChart as RechartsScatterChart,\n XAxis,\n YAxis,\n} from \"recharts\";\n\nimport {\n ChartDecorators,\n ChartFrame,\n defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { ScatterChartProps } from \"../shared/types\";\n\nexport function ScatterChart<\n TDatum extends Record<string, number | string | null | undefined>,\n>({\n appearance,\n className,\n containerStyle,\n data,\n density,\n emptyState = null,\n height = 320,\n margin = defaultChartMargin,\n series,\n showGrid = true,\n showLegend = false,\n showTooltip = true,\n tooltipColor = \"#0f172a\",\n style,\n syncId,\n xKey,\n ...props\n}: ScatterChartProps<TDatum>) {\n const hasData = data.length > 0 && series.length > 0;\n const xAxisKey = String(xKey);\n const isNumericX = typeof data[0]?.[xAxisKey] === \"number\";\n\n return (\n <ChartFrame\n appearance={appearance}\n className={className}\n containerStyle={containerStyle}\n density={density}\n emptyState={emptyState}\n hasData={hasData}\n height={height}\n style={style}\n {...props}\n >\n <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n <ChartDecorators\n axis={\n <>\n <XAxis\n dataKey={xAxisKey}\n type={isNumericX ? \"number\" : \"category\"}\n minTickGap={24}\n tickLine={false}\n tickMargin={10}\n axisLine={false}\n fontSize={12}\n />\n <YAxis\n dataKey=\"__chartY\"\n type=\"number\"\n width={40}\n tickLine={false}\n tickMargin={8}\n axisLine={false}\n fontSize={12}\n />\n </>\n }\n showGrid={showGrid}\n showLegend={showLegend}\n showTooltip={showTooltip}\n tooltipColor={tooltipColor}\n />\n {series.map((item, index) => {\n const color = resolveColor(item.color, index);\n return (\n <Scatter\n key={item.dataKey}\n data={data.map((entry) => ({\n ...entry,\n __chartY: entry[item.dataKey],\n }))}\n name={item.name}\n fill={item.fill ?? color.stroke}\n line={item.stroke ? { stroke: item.stroke } : false}\n />\n );\n })}\n </RechartsScatterChart>\n </ChartFrame>\n );\n}\n\nScatterChart.displayName = \"ScatterChart\";\n"]}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-HZIRD3SR.mjs';
|
|
3
|
+
export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
|
|
4
|
+
import '../chunk-FXYPRPAT.mjs';
|
|
5
|
+
import '../chunk-4D54YOL6.mjs';
|
|
6
|
+
import { ScatterChart as ScatterChart$1, XAxis, YAxis, Scatter } from 'recharts';
|
|
7
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
function ScatterChart({
|
|
10
|
+
appearance,
|
|
11
|
+
className,
|
|
12
|
+
containerStyle,
|
|
13
|
+
data,
|
|
14
|
+
density,
|
|
15
|
+
emptyState = null,
|
|
16
|
+
height = 320,
|
|
17
|
+
margin = defaultChartMargin,
|
|
18
|
+
series,
|
|
19
|
+
showGrid = true,
|
|
20
|
+
showLegend = false,
|
|
21
|
+
showTooltip = true,
|
|
22
|
+
tooltipColor = "#0f172a",
|
|
23
|
+
style,
|
|
24
|
+
syncId,
|
|
25
|
+
xKey,
|
|
26
|
+
...props
|
|
27
|
+
}) {
|
|
28
|
+
const hasData = data.length > 0 && series.length > 0;
|
|
29
|
+
const xAxisKey = String(xKey);
|
|
30
|
+
const isNumericX = typeof data[0]?.[xAxisKey] === "number";
|
|
31
|
+
return /* @__PURE__ */ jsx(
|
|
32
|
+
ChartFrame,
|
|
33
|
+
{
|
|
34
|
+
appearance,
|
|
35
|
+
className,
|
|
36
|
+
containerStyle,
|
|
37
|
+
density,
|
|
38
|
+
emptyState,
|
|
39
|
+
hasData,
|
|
40
|
+
height,
|
|
41
|
+
style,
|
|
42
|
+
...props,
|
|
43
|
+
children: /* @__PURE__ */ jsxs(ScatterChart$1, { data, margin, syncId, children: [
|
|
44
|
+
/* @__PURE__ */ jsx(
|
|
45
|
+
ChartDecorators,
|
|
46
|
+
{
|
|
47
|
+
axis: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
48
|
+
/* @__PURE__ */ jsx(
|
|
49
|
+
XAxis,
|
|
50
|
+
{
|
|
51
|
+
dataKey: xAxisKey,
|
|
52
|
+
type: isNumericX ? "number" : "category",
|
|
53
|
+
minTickGap: 24,
|
|
54
|
+
tickLine: false,
|
|
55
|
+
tickMargin: 10,
|
|
56
|
+
axisLine: false,
|
|
57
|
+
fontSize: 12
|
|
58
|
+
}
|
|
59
|
+
),
|
|
60
|
+
/* @__PURE__ */ jsx(
|
|
61
|
+
YAxis,
|
|
62
|
+
{
|
|
63
|
+
dataKey: "__chartY",
|
|
64
|
+
type: "number",
|
|
65
|
+
width: 40,
|
|
66
|
+
tickLine: false,
|
|
67
|
+
tickMargin: 8,
|
|
68
|
+
axisLine: false,
|
|
69
|
+
fontSize: 12
|
|
70
|
+
}
|
|
71
|
+
)
|
|
72
|
+
] }),
|
|
73
|
+
showGrid,
|
|
74
|
+
showLegend,
|
|
75
|
+
showTooltip,
|
|
76
|
+
tooltipColor
|
|
77
|
+
}
|
|
78
|
+
),
|
|
79
|
+
series.map((item, index) => {
|
|
80
|
+
const color = resolveColor(item.color, index);
|
|
81
|
+
return /* @__PURE__ */ jsx(
|
|
82
|
+
Scatter,
|
|
83
|
+
{
|
|
84
|
+
data: data.map((entry) => ({
|
|
85
|
+
...entry,
|
|
86
|
+
__chartY: entry[item.dataKey]
|
|
87
|
+
})),
|
|
88
|
+
name: item.name,
|
|
89
|
+
fill: item.fill ?? color.stroke,
|
|
90
|
+
line: item.stroke ? { stroke: item.stroke } : false
|
|
91
|
+
},
|
|
92
|
+
item.dataKey
|
|
93
|
+
);
|
|
94
|
+
})
|
|
95
|
+
] })
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
}
|
|
99
|
+
ScatterChart.displayName = "ScatterChart";
|
|
100
|
+
|
|
101
|
+
export { ScatterChart };
|
|
102
|
+
//# sourceMappingURL=scatter.mjs.map
|
|
103
|
+
//# sourceMappingURL=scatter.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/charts/scatter/Scatter.tsx"],"names":["RechartsScatterChart"],"mappings":"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","file":"scatter.mjs","sourcesContent":["\"use client\";\n\nimport {\n Scatter,\n ScatterChart as RechartsScatterChart,\n XAxis,\n YAxis,\n} from \"recharts\";\n\nimport {\n ChartDecorators,\n ChartFrame,\n defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { ScatterChartProps } from \"../shared/types\";\n\nexport function ScatterChart<\n TDatum extends Record<string, number | string | null | undefined>,\n>({\n appearance,\n className,\n containerStyle,\n data,\n density,\n emptyState = null,\n height = 320,\n margin = defaultChartMargin,\n series,\n showGrid = true,\n showLegend = false,\n showTooltip = true,\n tooltipColor = \"#0f172a\",\n style,\n syncId,\n xKey,\n ...props\n}: ScatterChartProps<TDatum>) {\n const hasData = data.length > 0 && series.length > 0;\n const xAxisKey = String(xKey);\n const isNumericX = typeof data[0]?.[xAxisKey] === \"number\";\n\n return (\n <ChartFrame\n appearance={appearance}\n className={className}\n containerStyle={containerStyle}\n density={density}\n emptyState={emptyState}\n hasData={hasData}\n height={height}\n style={style}\n {...props}\n >\n <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n <ChartDecorators\n axis={\n <>\n <XAxis\n dataKey={xAxisKey}\n type={isNumericX ? \"number\" : \"category\"}\n minTickGap={24}\n tickLine={false}\n tickMargin={10}\n axisLine={false}\n fontSize={12}\n />\n <YAxis\n dataKey=\"__chartY\"\n type=\"number\"\n width={40}\n tickLine={false}\n tickMargin={8}\n axisLine={false}\n fontSize={12}\n />\n </>\n }\n showGrid={showGrid}\n showLegend={showLegend}\n showTooltip={showTooltip}\n tooltipColor={tooltipColor}\n />\n {series.map((item, index) => {\n const color = resolveColor(item.color, index);\n return (\n <Scatter\n key={item.dataKey}\n data={data.map((entry) => ({\n ...entry,\n __chartY: entry[item.dataKey],\n }))}\n name={item.name}\n fill={item.fill ?? color.stroke}\n line={item.stroke ? { stroke: item.stroke } : false}\n />\n );\n })}\n </RechartsScatterChart>\n </ChartFrame>\n );\n}\n\nScatterChart.displayName = \"ScatterChart\";\n"]}
|
|
@@ -8,6 +8,7 @@ type ChartFrameProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
8
8
|
emptyState?: ReactNode;
|
|
9
9
|
hasData: boolean;
|
|
10
10
|
height: number;
|
|
11
|
+
overlay?: ReactNode;
|
|
11
12
|
style?: CSSProperties;
|
|
12
13
|
children: ReactNode;
|
|
13
14
|
};
|
|
@@ -17,7 +18,7 @@ export declare const defaultChartMargin: {
|
|
|
17
18
|
bottom: number;
|
|
18
19
|
left: number;
|
|
19
20
|
};
|
|
20
|
-
export declare function ChartFrame({ appearance, children, className, containerStyle, density, emptyState, hasData, height, style, ...props }: ChartFrameProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare function ChartFrame({ appearance, children, className, containerStyle, density, emptyState, hasData, height, overlay, style, ...props }: ChartFrameProps): import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export declare function ChartDecorators({ axis, showGrid, showLegend, showTooltip, tooltipColor, }: {
|
|
22
23
|
axis: ReactNode;
|
|
23
24
|
showGrid: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart-frame.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/chart-frame.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA0BxD,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACtD,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;CAA6C,CAAC;AAE7E,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,cAAc,EACd,OAAO,EACP,UAAiB,EACjB,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CA6CjB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAwB,GACzB,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAsBA"}
|
|
1
|
+
{"version":3,"file":"chart-frame.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/chart-frame.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA0BxD,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACtD,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;CAA6C,CAAC;AAE7E,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,cAAc,EACd,OAAO,EACP,UAAiB,EACjB,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CA6CjB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAwB,GACzB,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAsBA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { VariantProps } from "class-variance-authority";
|
|
2
2
|
import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
|
|
3
3
|
import type { chartPalette, chartVariants } from "./variants";
|
|
4
|
-
import { PieProps } from "recharts";
|
|
5
|
-
export type ChartType = "area" | "bar" | "bubble" | "line" | "pie";
|
|
4
|
+
import type { PieProps } from "recharts";
|
|
5
|
+
export type ChartType = "area" | "bar" | "bubble" | "funnel" | "line" | "pie" | "radar" | "scatter" | "stacked-bar";
|
|
6
6
|
export type ChartColor = keyof typeof chartPalette;
|
|
7
7
|
export type ChartDatum = Record<string, number | string | null | undefined>;
|
|
8
8
|
export type ChartMargin = {
|
|
@@ -42,6 +42,9 @@ export type AreaChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartPr
|
|
|
42
42
|
export type BarChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
|
|
43
43
|
export type LineChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
|
|
44
44
|
export type BubbleChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
|
|
45
|
+
export type RadarChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
|
|
46
|
+
export type ScatterChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
|
|
47
|
+
export type StackedBarChartProps<TDatum extends ChartDatum = ChartDatum> = Omit<BaseChartProps<TDatum>, "stacked">;
|
|
45
48
|
export type PieChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedStatic & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
46
49
|
data: TDatum[];
|
|
47
50
|
dataKey: keyof TDatum & string;
|
|
@@ -54,6 +57,8 @@ export type PieChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedS
|
|
|
54
57
|
containerStyle?: CSSProperties;
|
|
55
58
|
paddingAngle?: PieProps["paddingAngle"];
|
|
56
59
|
cornerRadius?: PieProps["cornerRadius"];
|
|
60
|
+
center?: ReactNode;
|
|
61
|
+
colorKey?: keyof TDatum & string;
|
|
57
62
|
label?: boolean;
|
|
58
63
|
labelLine?: boolean;
|
|
59
64
|
labelColor?: string;
|
|
@@ -63,4 +68,19 @@ export type PieChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedS
|
|
|
63
68
|
outerRadius?: PieProps["outerRadius"];
|
|
64
69
|
shape?: PieProps["shape"];
|
|
65
70
|
};
|
|
71
|
+
export type FunnelChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedStatic & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
72
|
+
data: TDatum[];
|
|
73
|
+
dataKey: keyof TDatum & string;
|
|
74
|
+
nameKey: keyof TDatum & string;
|
|
75
|
+
height?: number;
|
|
76
|
+
showLegend?: boolean;
|
|
77
|
+
showTooltip?: boolean;
|
|
78
|
+
tooltipColor?: string;
|
|
79
|
+
emptyState?: ReactNode;
|
|
80
|
+
containerStyle?: CSSProperties;
|
|
81
|
+
colorKey?: keyof TDatum & string;
|
|
82
|
+
label?: boolean;
|
|
83
|
+
stroke?: string;
|
|
84
|
+
fill?: string;
|
|
85
|
+
};
|
|
66
86
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { StackedBarChartProps } from "../shared/types";
|
|
2
|
+
export declare function StackedBarChart<TDatum extends Record<string, number | string | null | undefined>>(props: StackedBarChartProps<TDatum>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare namespace StackedBarChart {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=StackedBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StackedBar.d.ts","sourceRoot":"","sources":["../../../src/charts/stacked-bar/StackedBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,wBAAgB,eAAe,CAC7B,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EACjE,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,2CAEpC;yBAJe,eAAe"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { StackedBarChart } from "./StackedBar";
|
|
2
|
+
export type { ChartColor, ChartDatum, ChartMargin, ChartSeries, ChartSharedStatic, StackedBarChartProps, } from "../shared/types";
|
|
3
|
+
export { chartColorValues, chartPalette, chartVariants, } from "../shared/variants";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/stacked-bar/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,YAAY,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,aAAa,GACd,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkLREMK2XR_js = require('../chunk-LREMK2XR.js');
|
|
5
|
+
var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
|
|
6
|
+
require('../chunk-W3QRRWQX.js');
|
|
7
|
+
require('../chunk-ZS5756ZC.js');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
|
|
10
|
+
function StackedBarChart(props) {
|
|
11
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkLREMK2XR_js.BarChart, { ...props, stacked: true });
|
|
12
|
+
}
|
|
13
|
+
StackedBarChart.displayName = "StackedBarChart";
|
|
14
|
+
|
|
15
|
+
Object.defineProperty(exports, "chartColorValues", {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () { return chunkPWPMKXEG_js.chartColorValues; }
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "chartPalette", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () { return chunkPWPMKXEG_js.chartPalette; }
|
|
22
|
+
});
|
|
23
|
+
Object.defineProperty(exports, "chartVariants", {
|
|
24
|
+
enumerable: true,
|
|
25
|
+
get: function () { return chunkPWPMKXEG_js.chartVariants; }
|
|
26
|
+
});
|
|
27
|
+
exports.StackedBarChart = StackedBarChart;
|
|
28
|
+
//# sourceMappingURL=stacked-bar.js.map
|
|
29
|
+
//# sourceMappingURL=stacked-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/charts/stacked-bar/StackedBar.tsx"],"names":["jsx","BarChart"],"mappings":";;;;;;;;AAKO,SAAS,gBAEd,KAAA,EAAqC;AACrC,EAAA,uBAAOA,cAAA,CAACC,yBAAA,EAAA,EAAU,GAAG,KAAA,EAAO,SAAO,IAAA,EAAC,CAAA;AACtC;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"stacked-bar.js","sourcesContent":["\"use client\";\n\nimport { BarChart } from \"../bar/Bar\";\nimport type { StackedBarChartProps } from \"../shared/types\";\n\nexport function StackedBarChart<\n TDatum extends Record<string, number | string | null | undefined>,\n>(props: StackedBarChartProps<TDatum>) {\n return <BarChart {...props} stacked />;\n}\n\nStackedBarChart.displayName = \"StackedBarChart\";\n"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { BarChart } from '../chunk-O2KM3ETC.mjs';
|
|
3
|
+
export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
|
|
4
|
+
import '../chunk-FXYPRPAT.mjs';
|
|
5
|
+
import '../chunk-4D54YOL6.mjs';
|
|
6
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
function StackedBarChart(props) {
|
|
9
|
+
return /* @__PURE__ */ jsx(BarChart, { ...props, stacked: true });
|
|
10
|
+
}
|
|
11
|
+
StackedBarChart.displayName = "StackedBarChart";
|
|
12
|
+
|
|
13
|
+
export { StackedBarChart };
|
|
14
|
+
//# sourceMappingURL=stacked-bar.mjs.map
|
|
15
|
+
//# sourceMappingURL=stacked-bar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/charts/stacked-bar/StackedBar.tsx"],"names":[],"mappings":";;;;;;AAKO,SAAS,gBAEd,KAAA,EAAqC;AACrC,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,SAAO,IAAA,EAAC,CAAA;AACtC;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"stacked-bar.mjs","sourcesContent":["\"use client\";\n\nimport { BarChart } from \"../bar/Bar\";\nimport type { StackedBarChartProps } from \"../shared/types\";\n\nexport function StackedBarChart<\n TDatum extends Record<string, number | string | null | undefined>,\n>(props: StackedBarChartProps<TDatum>) {\n return <BarChart {...props} stacked />;\n}\n\nStackedBarChart.displayName = \"StackedBarChart\";\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { useLayoutEffect, useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
// src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts
|
|
4
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
|
|
5
|
+
|
|
6
|
+
export { useIsomorphicLayoutEffect };
|
|
7
|
+
//# sourceMappingURL=chunk-F3V4POW3.mjs.map
|
|
8
|
+
//# sourceMappingURL=chunk-F3V4POW3.mjs.map
|