@zentauri-ui/zentauri-components 1.5.0 → 1.5.21
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 +5 -6
- package/cli/registry.json +2 -0
- package/dist/charts/area/Area.d.ts.map +1 -1
- package/dist/charts/area/index.d.ts +1 -1
- package/dist/charts/area/index.d.ts.map +1 -1
- package/dist/charts/area.js +10 -10
- package/dist/charts/area.js.map +1 -1
- package/dist/charts/area.mjs +3 -3
- package/dist/charts/area.mjs.map +1 -1
- package/dist/charts/bar/index.d.ts +1 -1
- package/dist/charts/bar/index.d.ts.map +1 -1
- package/dist/charts/bar.js +9 -8
- package/dist/charts/bar.js.map +1 -1
- package/dist/charts/bar.mjs +3 -2
- package/dist/charts/bar.mjs.map +1 -1
- package/dist/charts/bubble/Bubble.d.ts.map +1 -1
- package/dist/charts/bubble/index.d.ts +1 -1
- package/dist/charts/bubble/index.d.ts.map +1 -1
- package/dist/charts/bubble.js +12 -18
- package/dist/charts/bubble.js.map +1 -1
- package/dist/charts/bubble.mjs +7 -13
- package/dist/charts/bubble.mjs.map +1 -1
- package/dist/charts/line/index.d.ts +1 -1
- package/dist/charts/line/index.d.ts.map +1 -1
- package/dist/charts/line.js +9 -8
- package/dist/charts/line.js.map +1 -1
- package/dist/charts/line.mjs +3 -2
- package/dist/charts/line.mjs.map +1 -1
- package/dist/charts/pie/Pie.d.ts +6 -0
- package/dist/charts/pie/Pie.d.ts.map +1 -0
- package/dist/charts/pie/index.d.ts +4 -0
- package/dist/charts/pie/index.d.ts.map +1 -0
- package/dist/charts/pie.js +104 -0
- package/dist/charts/pie.js.map +1 -0
- package/dist/charts/pie.mjs +91 -0
- package/dist/charts/pie.mjs.map +1 -0
- package/dist/charts/shared/chart-frame.d.ts +0 -3
- package/dist/charts/shared/chart-frame.d.ts.map +1 -1
- package/dist/charts/shared/colors.d.ts +4 -0
- package/dist/charts/shared/colors.d.ts.map +1 -1
- package/dist/charts/shared/types.d.ts +20 -1
- package/dist/charts/shared/types.d.ts.map +1 -1
- package/dist/charts/shared/variants.d.ts +25 -0
- package/dist/charts/shared/variants.d.ts.map +1 -1
- package/dist/{chunk-CIN5JDN4.js → chunk-MTJRPLMG.js} +69 -30
- package/dist/chunk-MTJRPLMG.js.map +1 -0
- package/dist/chunk-MWR5DIA5.mjs +21 -0
- package/dist/chunk-MWR5DIA5.mjs.map +1 -0
- package/dist/chunk-PVTTWOYV.js +24 -0
- package/dist/chunk-PVTTWOYV.js.map +1 -0
- package/dist/{chunk-IQZROQNJ.mjs → chunk-SPX2QDIB.mjs} +70 -29
- package/dist/chunk-SPX2QDIB.mjs.map +1 -0
- package/dist/ui/buttons/variants.d.ts +1 -1
- package/dist/ui/pagination/pagination.d.ts +1 -1
- package/dist/ui/pagination/variants.d.ts +1 -1
- package/package.json +1 -1
- package/src/charts/area/Area.tsx +0 -1
- package/src/charts/area/index.ts +8 -1
- package/src/charts/bar/index.ts +8 -1
- package/src/charts/bubble/Bubble.tsx +3 -10
- package/src/charts/bubble/index.ts +8 -1
- package/src/charts/line/index.ts +8 -1
- package/src/charts/pie/Pie.tsx +101 -0
- package/src/charts/pie/index.ts +9 -0
- package/src/charts/shared/chart-frame.tsx +27 -5
- package/src/charts/shared/types.ts +23 -1
- package/src/charts/shared/variants.ts +45 -8
- package/dist/chunk-CIN5JDN4.js.map +0 -1
- package/dist/chunk-IQZROQNJ.mjs.map +0 -1
package/dist/charts/line.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunkPVTTWOYV_js = require('../chunk-PVTTWOYV.js');
|
|
5
|
+
var chunkMTJRPLMG_js = require('../chunk-MTJRPLMG.js');
|
|
5
6
|
require('../chunk-ZS5756ZC.js');
|
|
6
7
|
var recharts = require('recharts');
|
|
7
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -14,7 +15,7 @@ function LineChart({
|
|
|
14
15
|
density,
|
|
15
16
|
emptyState = null,
|
|
16
17
|
height = 320,
|
|
17
|
-
margin =
|
|
18
|
+
margin = chunkMTJRPLMG_js.defaultChartMargin,
|
|
18
19
|
series,
|
|
19
20
|
showGrid = true,
|
|
20
21
|
showLegend = false,
|
|
@@ -29,7 +30,7 @@ function LineChart({
|
|
|
29
30
|
const hasData = data.length > 0 && series.length > 0;
|
|
30
31
|
const xAxisKey = String(xKey);
|
|
31
32
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
32
|
-
|
|
33
|
+
chunkMTJRPLMG_js.ChartFrame,
|
|
33
34
|
{
|
|
34
35
|
appearance,
|
|
35
36
|
className,
|
|
@@ -42,7 +43,7 @@ function LineChart({
|
|
|
42
43
|
...props,
|
|
43
44
|
children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin, syncId, children: [
|
|
44
45
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
45
|
-
|
|
46
|
+
chunkMTJRPLMG_js.ChartDecorators,
|
|
46
47
|
{
|
|
47
48
|
axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
48
49
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -74,7 +75,7 @@ function LineChart({
|
|
|
74
75
|
}
|
|
75
76
|
),
|
|
76
77
|
series.map((item, index) => {
|
|
77
|
-
const color =
|
|
78
|
+
const color = chunkPVTTWOYV_js.resolveColor(item.color, index);
|
|
78
79
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
79
80
|
recharts.Line,
|
|
80
81
|
{
|
|
@@ -98,15 +99,15 @@ LineChart.displayName = "LineChart";
|
|
|
98
99
|
|
|
99
100
|
Object.defineProperty(exports, "chartColorValues", {
|
|
100
101
|
enumerable: true,
|
|
101
|
-
get: function () { return
|
|
102
|
+
get: function () { return chunkMTJRPLMG_js.chartColorValues; }
|
|
102
103
|
});
|
|
103
104
|
Object.defineProperty(exports, "chartPalette", {
|
|
104
105
|
enumerable: true,
|
|
105
|
-
get: function () { return
|
|
106
|
+
get: function () { return chunkMTJRPLMG_js.chartPalette; }
|
|
106
107
|
});
|
|
107
108
|
Object.defineProperty(exports, "chartVariants", {
|
|
108
109
|
enumerable: true,
|
|
109
|
-
get: function () { return
|
|
110
|
+
get: function () { return chunkMTJRPLMG_js.chartVariants; }
|
|
110
111
|
});
|
|
111
112
|
exports.LineChart = LineChart;
|
|
112
113
|
//# sourceMappingURL=line.js.map
|
package/dist/charts/line.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsLineChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Line"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsLineChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Line"],"mappings":";;;;;;;;AAYO,SAAS,SAAA,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,GAASA,mCAAA;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,MAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,OAAO,IAAI,CAAA;AAE5B,EAAA,uBACEC,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,kBAAA,EAAA,EAAkB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC7C,QAAA,EAAA;AAAA,wBAAAH,cAAA;AAAA,UAACI,gCAAA;AAAA,UAAA;AAAA,YACC,sBACEF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAAL,cAAA;AAAA,gBAACM,cAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,QAAA;AAAA,kBACT,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACAN,cAAA;AAAA,gBAACO,cAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,EAAA;AAAA,kBACP,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,CAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA;AACZ,aAAA,EACF,CAAA;AAAA,YAEF,QAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQC,6BAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,uBACER,cAAA;AAAA,YAACS,aAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,UAAA;AAAA,cACL,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,QAAQ,KAAA,CAAM,MAAA;AAAA,cACd,WAAA,EAAa,CAAA;AAAA,cACb,GAAA,EAAK,KAAA;AAAA,cACL,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,cAClB,iBAAiB,eAAA,IAAmB;AAAA,aAAA;AAAA,YAR/B,IAAA,CAAK;AAAA,WASZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"line.js","sourcesContent":["\"use client\";\n\nimport { Line, LineChart as RechartsLineChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n ChartDecorators,\n ChartFrame,\n defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { LineChartProps } from \"../shared/types\";\n\nexport function LineChart<\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 strokeDasharray,\n ...props\n}: LineChartProps<TDatum>) {\n const hasData = data.length > 0 && series.length > 0;\n const xAxisKey = String(xKey);\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 <RechartsLineChart data={data} margin={margin} syncId={syncId}>\n <ChartDecorators\n axis={\n <>\n <XAxis\n dataKey={xAxisKey}\n minTickGap={24}\n tickLine={false}\n tickMargin={10}\n axisLine={false}\n fontSize={12}\n />\n <YAxis\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 <Line\n key={item.dataKey}\n type=\"monotone\"\n dataKey={item.dataKey}\n name={item.name}\n stroke={color.stroke}\n strokeWidth={2}\n dot={false}\n activeDot={{ r: 5 }}\n strokeDasharray={strokeDasharray ?? undefined}\n />\n );\n })}\n </RechartsLineChart>\n </ChartFrame>\n );\n}\n\nLineChart.displayName = \"LineChart\";\n"]}
|
package/dist/charts/line.mjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { resolveColor } from '../chunk-MWR5DIA5.mjs';
|
|
3
|
+
import { ChartFrame, defaultChartMargin, ChartDecorators } from '../chunk-SPX2QDIB.mjs';
|
|
4
|
+
export { chartColorValues, chartPalette, chartVariants } from '../chunk-SPX2QDIB.mjs';
|
|
4
5
|
import '../chunk-4D54YOL6.mjs';
|
|
5
6
|
import { LineChart as LineChart$1, XAxis, YAxis, Line } from 'recharts';
|
|
6
7
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
package/dist/charts/line.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["RechartsLineChart"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["RechartsLineChart"],"mappings":";;;;;;;AAYO,SAAS,SAAA,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,GAAS,kBAAA;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,MAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,OAAO,IAAI,CAAA;AAE5B,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,WAAA,EAAA,EAAkB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC7C,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,sBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,QAAA;AAAA,kBACT,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,EAAA;AAAA,kBACP,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,CAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA;AACZ,aAAA,EACF,CAAA;AAAA,YAEF,QAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,uBACE,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,UAAA;AAAA,cACL,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,QAAQ,KAAA,CAAM,MAAA;AAAA,cACd,WAAA,EAAa,CAAA;AAAA,cACb,GAAA,EAAK,KAAA;AAAA,cACL,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,cAClB,iBAAiB,eAAA,IAAmB;AAAA,aAAA;AAAA,YAR/B,IAAA,CAAK;AAAA,WASZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"line.mjs","sourcesContent":["\"use client\";\n\nimport { Line, LineChart as RechartsLineChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n ChartDecorators,\n ChartFrame,\n defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { LineChartProps } from \"../shared/types\";\n\nexport function LineChart<\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 strokeDasharray,\n ...props\n}: LineChartProps<TDatum>) {\n const hasData = data.length > 0 && series.length > 0;\n const xAxisKey = String(xKey);\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 <RechartsLineChart data={data} margin={margin} syncId={syncId}>\n <ChartDecorators\n axis={\n <>\n <XAxis\n dataKey={xAxisKey}\n minTickGap={24}\n tickLine={false}\n tickMargin={10}\n axisLine={false}\n fontSize={12}\n />\n <YAxis\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 <Line\n key={item.dataKey}\n type=\"monotone\"\n dataKey={item.dataKey}\n name={item.name}\n stroke={color.stroke}\n strokeWidth={2}\n dot={false}\n activeDot={{ r: 5 }}\n strokeDasharray={strokeDasharray ?? undefined}\n />\n );\n })}\n </RechartsLineChart>\n </ChartFrame>\n );\n}\n\nLineChart.displayName = \"LineChart\";\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { PieChartProps } from "../shared/types";
|
|
2
|
+
export declare function PieChart<TDatum extends Record<string, number | string | null | undefined>>({ appearance, className, containerStyle, cornerRadius, data, dataKey, density, emptyState, height, label, labelLine, nameKey, paddingAngle, showLegend, showTooltip, tooltipColor, stroke, colors, innerRadius, outerRadius, style, ...props }: PieChartProps<TDatum>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare namespace PieChart {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=Pie.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pie.d.ts","sourceRoot":"","sources":["../../../src/charts/pie/Pie.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAuBrD,wBAAgB,QAAQ,CACtB,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EACjE,EACA,UAAU,EACV,SAAS,EACT,cAAc,EACd,YAAiB,EACjB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,UAAiB,EACjB,MAAY,EACZ,KAAa,EACb,SAAiB,EACjB,OAAO,EACP,YAAgB,EAChB,UAAiB,EACjB,WAAkB,EAClB,YAAwB,EACxB,MAAM,EACN,MAAuB,EACvB,WAAW,EACX,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,MAAM,CAAC,2CAuCvB;yBAhEe,QAAQ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/pie/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,aAAa,GACd,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkMTJRPLMG_js = require('../chunk-MTJRPLMG.js');
|
|
5
|
+
require('../chunk-ZS5756ZC.js');
|
|
6
|
+
var recharts = require('recharts');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
|
|
9
|
+
var RADIAN = Math.PI / 180;
|
|
10
|
+
var renderCustomizedLabel = ({ cx, cy, midAngle, innerRadius, outerRadius, percent }) => {
|
|
11
|
+
if (cx == null || cy == null || innerRadius == null || outerRadius == null) {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
|
|
15
|
+
const ncx = Number(cx);
|
|
16
|
+
const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);
|
|
17
|
+
const ncy = Number(cy);
|
|
18
|
+
const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);
|
|
19
|
+
return /* @__PURE__ */ jsxRuntime.jsx("text", { x, y, fill: "white", textAnchor: x > ncx ? "start" : "end", dominantBaseline: "central", children: `${((percent ?? 0) * 100).toFixed(0)}%` });
|
|
20
|
+
};
|
|
21
|
+
var DEFAULT_COLORS = ["#0088FE", "#00C49F", "#FFBB28", "#FF8042"];
|
|
22
|
+
function PieChart({
|
|
23
|
+
appearance,
|
|
24
|
+
className,
|
|
25
|
+
containerStyle,
|
|
26
|
+
cornerRadius = 10,
|
|
27
|
+
data,
|
|
28
|
+
dataKey,
|
|
29
|
+
density,
|
|
30
|
+
emptyState = null,
|
|
31
|
+
height = 320,
|
|
32
|
+
label = false,
|
|
33
|
+
labelLine = false,
|
|
34
|
+
nameKey,
|
|
35
|
+
paddingAngle = 2,
|
|
36
|
+
showLegend = true,
|
|
37
|
+
showTooltip = true,
|
|
38
|
+
tooltipColor = "#0f172a",
|
|
39
|
+
stroke,
|
|
40
|
+
colors = DEFAULT_COLORS,
|
|
41
|
+
innerRadius,
|
|
42
|
+
outerRadius,
|
|
43
|
+
style,
|
|
44
|
+
...props
|
|
45
|
+
}) {
|
|
46
|
+
const hasData = data.length > 0;
|
|
47
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
48
|
+
chunkMTJRPLMG_js.ChartFrame,
|
|
49
|
+
{
|
|
50
|
+
appearance,
|
|
51
|
+
className,
|
|
52
|
+
containerStyle,
|
|
53
|
+
density,
|
|
54
|
+
emptyState,
|
|
55
|
+
hasData,
|
|
56
|
+
height,
|
|
57
|
+
style,
|
|
58
|
+
...props,
|
|
59
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { children: [
|
|
60
|
+
showTooltip ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
61
|
+
recharts.Tooltip,
|
|
62
|
+
{
|
|
63
|
+
contentStyle: { color: tooltipColor },
|
|
64
|
+
labelStyle: { color: tooltipColor },
|
|
65
|
+
itemStyle: { color: tooltipColor }
|
|
66
|
+
}
|
|
67
|
+
) : null,
|
|
68
|
+
showLegend ? /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { color: "currentColor" }) : null,
|
|
69
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
70
|
+
recharts.Pie,
|
|
71
|
+
{
|
|
72
|
+
data,
|
|
73
|
+
dataKey: String(dataKey),
|
|
74
|
+
nameKey: String(nameKey),
|
|
75
|
+
innerRadius,
|
|
76
|
+
outerRadius,
|
|
77
|
+
paddingAngle,
|
|
78
|
+
cornerRadius,
|
|
79
|
+
labelLine,
|
|
80
|
+
label: label ? renderCustomizedLabel : void 0,
|
|
81
|
+
stroke
|
|
82
|
+
}
|
|
83
|
+
)
|
|
84
|
+
] })
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
}
|
|
88
|
+
PieChart.displayName = "PieChart";
|
|
89
|
+
|
|
90
|
+
Object.defineProperty(exports, "chartColorValues", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () { return chunkMTJRPLMG_js.chartColorValues; }
|
|
93
|
+
});
|
|
94
|
+
Object.defineProperty(exports, "chartPalette", {
|
|
95
|
+
enumerable: true,
|
|
96
|
+
get: function () { return chunkMTJRPLMG_js.chartPalette; }
|
|
97
|
+
});
|
|
98
|
+
Object.defineProperty(exports, "chartVariants", {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
get: function () { return chunkMTJRPLMG_js.chartVariants; }
|
|
101
|
+
});
|
|
102
|
+
exports.PieChart = PieChart;
|
|
103
|
+
//# sourceMappingURL=pie.js.map
|
|
104
|
+
//# sourceMappingURL=pie.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["jsx","ChartFrame","RechartsPieChart","Tooltip","Legend","Pie"],"mappings":"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","file":"pie.js","sourcesContent":["\"use client\";\n\nimport {\n Legend,\n Pie,\n PieLabelRenderProps,\n PieChart as RechartsPieChart,\n Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({ cx, cy, midAngle, innerRadius, outerRadius, percent }: PieLabelRenderProps) => {\n if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n return null;\n }\n const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n const ncx = Number(cx);\n const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n const ncy = Number(cy);\n const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n return (\n <text x={x} y={y} fill=\"white\" textAnchor={x > ncx ? 'start' : 'end'} dominantBaseline=\"central\">\n {`${((percent ?? 0) * 100).toFixed(0)}%`}\n </text>\n );\n};\n\nconst DEFAULT_COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];\n\nexport function PieChart<\n TDatum extends Record<string, number | string | null | undefined>,\n>({\n appearance,\n className,\n containerStyle,\n cornerRadius = 10,\n data,\n dataKey,\n density,\n emptyState = null,\n height = 320,\n label = false,\n labelLine = false,\n nameKey,\n paddingAngle = 2,\n showLegend = true,\n showTooltip = true,\n tooltipColor = \"#0f172a\",\n stroke,\n colors = DEFAULT_COLORS,\n innerRadius,\n outerRadius,\n style,\n ...props\n}: PieChartProps<TDatum>) {\n const hasData = data.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 <RechartsPieChart>\n {showTooltip ? (\n <Tooltip\n contentStyle={{ color: tooltipColor }}\n labelStyle={{ color: tooltipColor }}\n itemStyle={{ color: tooltipColor }}\n />\n ) : null}\n {showLegend ? <Legend color=\"currentColor\" /> : null}\n <Pie\n data={data}\n dataKey={String(dataKey)}\n nameKey={String(nameKey)}\n innerRadius={innerRadius}\n outerRadius={outerRadius}\n paddingAngle={paddingAngle}\n cornerRadius={cornerRadius}\n labelLine={labelLine}\n label={label ? renderCustomizedLabel : undefined}\n stroke={stroke}\n />\n </RechartsPieChart>\n </ChartFrame>\n );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { ChartFrame } from '../chunk-SPX2QDIB.mjs';
|
|
3
|
+
export { chartColorValues, chartPalette, chartVariants } from '../chunk-SPX2QDIB.mjs';
|
|
4
|
+
import '../chunk-4D54YOL6.mjs';
|
|
5
|
+
import { PieChart as PieChart$1, Tooltip, Legend, Pie } from 'recharts';
|
|
6
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var RADIAN = Math.PI / 180;
|
|
9
|
+
var renderCustomizedLabel = ({ cx, cy, midAngle, innerRadius, outerRadius, percent }) => {
|
|
10
|
+
if (cx == null || cy == null || innerRadius == null || outerRadius == null) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
|
|
14
|
+
const ncx = Number(cx);
|
|
15
|
+
const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);
|
|
16
|
+
const ncy = Number(cy);
|
|
17
|
+
const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);
|
|
18
|
+
return /* @__PURE__ */ jsx("text", { x, y, fill: "white", textAnchor: x > ncx ? "start" : "end", dominantBaseline: "central", children: `${((percent ?? 0) * 100).toFixed(0)}%` });
|
|
19
|
+
};
|
|
20
|
+
var DEFAULT_COLORS = ["#0088FE", "#00C49F", "#FFBB28", "#FF8042"];
|
|
21
|
+
function PieChart({
|
|
22
|
+
appearance,
|
|
23
|
+
className,
|
|
24
|
+
containerStyle,
|
|
25
|
+
cornerRadius = 10,
|
|
26
|
+
data,
|
|
27
|
+
dataKey,
|
|
28
|
+
density,
|
|
29
|
+
emptyState = null,
|
|
30
|
+
height = 320,
|
|
31
|
+
label = false,
|
|
32
|
+
labelLine = false,
|
|
33
|
+
nameKey,
|
|
34
|
+
paddingAngle = 2,
|
|
35
|
+
showLegend = true,
|
|
36
|
+
showTooltip = true,
|
|
37
|
+
tooltipColor = "#0f172a",
|
|
38
|
+
stroke,
|
|
39
|
+
colors = DEFAULT_COLORS,
|
|
40
|
+
innerRadius,
|
|
41
|
+
outerRadius,
|
|
42
|
+
style,
|
|
43
|
+
...props
|
|
44
|
+
}) {
|
|
45
|
+
const hasData = data.length > 0;
|
|
46
|
+
return /* @__PURE__ */ jsx(
|
|
47
|
+
ChartFrame,
|
|
48
|
+
{
|
|
49
|
+
appearance,
|
|
50
|
+
className,
|
|
51
|
+
containerStyle,
|
|
52
|
+
density,
|
|
53
|
+
emptyState,
|
|
54
|
+
hasData,
|
|
55
|
+
height,
|
|
56
|
+
style,
|
|
57
|
+
...props,
|
|
58
|
+
children: /* @__PURE__ */ jsxs(PieChart$1, { children: [
|
|
59
|
+
showTooltip ? /* @__PURE__ */ jsx(
|
|
60
|
+
Tooltip,
|
|
61
|
+
{
|
|
62
|
+
contentStyle: { color: tooltipColor },
|
|
63
|
+
labelStyle: { color: tooltipColor },
|
|
64
|
+
itemStyle: { color: tooltipColor }
|
|
65
|
+
}
|
|
66
|
+
) : null,
|
|
67
|
+
showLegend ? /* @__PURE__ */ jsx(Legend, { color: "currentColor" }) : null,
|
|
68
|
+
/* @__PURE__ */ jsx(
|
|
69
|
+
Pie,
|
|
70
|
+
{
|
|
71
|
+
data,
|
|
72
|
+
dataKey: String(dataKey),
|
|
73
|
+
nameKey: String(nameKey),
|
|
74
|
+
innerRadius,
|
|
75
|
+
outerRadius,
|
|
76
|
+
paddingAngle,
|
|
77
|
+
cornerRadius,
|
|
78
|
+
labelLine,
|
|
79
|
+
label: label ? renderCustomizedLabel : void 0,
|
|
80
|
+
stroke
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
] })
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
}
|
|
87
|
+
PieChart.displayName = "PieChart";
|
|
88
|
+
|
|
89
|
+
export { PieChart };
|
|
90
|
+
//# sourceMappingURL=pie.mjs.map
|
|
91
|
+
//# sourceMappingURL=pie.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["RechartsPieChart"],"mappings":"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","file":"pie.mjs","sourcesContent":["\"use client\";\n\nimport {\n Legend,\n Pie,\n PieLabelRenderProps,\n PieChart as RechartsPieChart,\n Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({ cx, cy, midAngle, innerRadius, outerRadius, percent }: PieLabelRenderProps) => {\n if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n return null;\n }\n const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n const ncx = Number(cx);\n const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n const ncy = Number(cy);\n const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n return (\n <text x={x} y={y} fill=\"white\" textAnchor={x > ncx ? 'start' : 'end'} dominantBaseline=\"central\">\n {`${((percent ?? 0) * 100).toFixed(0)}%`}\n </text>\n );\n};\n\nconst DEFAULT_COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];\n\nexport function PieChart<\n TDatum extends Record<string, number | string | null | undefined>,\n>({\n appearance,\n className,\n containerStyle,\n cornerRadius = 10,\n data,\n dataKey,\n density,\n emptyState = null,\n height = 320,\n label = false,\n labelLine = false,\n nameKey,\n paddingAngle = 2,\n showLegend = true,\n showTooltip = true,\n tooltipColor = \"#0f172a\",\n stroke,\n colors = DEFAULT_COLORS,\n innerRadius,\n outerRadius,\n style,\n ...props\n}: PieChartProps<TDatum>) {\n const hasData = data.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 <RechartsPieChart>\n {showTooltip ? (\n <Tooltip\n contentStyle={{ color: tooltipColor }}\n labelStyle={{ color: tooltipColor }}\n itemStyle={{ color: tooltipColor }}\n />\n ) : null}\n {showLegend ? <Legend color=\"currentColor\" /> : null}\n <Pie\n data={data}\n dataKey={String(dataKey)}\n nameKey={String(nameKey)}\n innerRadius={innerRadius}\n outerRadius={outerRadius}\n paddingAngle={paddingAngle}\n cornerRadius={cornerRadius}\n labelLine={labelLine}\n label={label ? renderCustomizedLabel : undefined}\n stroke={stroke}\n />\n </RechartsPieChart>\n </ChartFrame>\n );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart-frame.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/chart-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"chart-frame.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/chart-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,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,2CAqCjB;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,5 +1,9 @@
|
|
|
1
1
|
import type { ChartColor, ChartSeries } from "./types";
|
|
2
2
|
export declare function resolveColor(color: ChartColor | string | undefined, index: number): {
|
|
3
|
+
readonly stroke: "#0f172a";
|
|
4
|
+
readonly fill: "#0f172a";
|
|
5
|
+
readonly textColor: "#0f172a";
|
|
6
|
+
} | {
|
|
3
7
|
readonly stroke: "#0891b2";
|
|
4
8
|
readonly fill: "#67e8f9";
|
|
5
9
|
readonly textColor: "#0891b2";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGvD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGvD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWd;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,SAAO,UASf"}
|
|
@@ -1,7 +1,7 @@
|
|
|
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
|
-
export type ChartType = "area" | "bar" | "bubble" | "line";
|
|
4
|
+
export type ChartType = "area" | "bar" | "bubble" | "line" | "pie";
|
|
5
5
|
export type ChartColor = keyof typeof chartPalette;
|
|
6
6
|
export type ChartDatum = Record<string, number | string | null | undefined>;
|
|
7
7
|
export type ChartMargin = {
|
|
@@ -40,4 +40,23 @@ export type AreaChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartPr
|
|
|
40
40
|
export type BarChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
|
|
41
41
|
export type LineChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
|
|
42
42
|
export type BubbleChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
|
|
43
|
+
export type PieChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedStatic & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
44
|
+
data: TDatum[];
|
|
45
|
+
dataKey: keyof TDatum & string;
|
|
46
|
+
nameKey: keyof TDatum & string;
|
|
47
|
+
height?: number;
|
|
48
|
+
showLegend?: boolean;
|
|
49
|
+
showTooltip?: boolean;
|
|
50
|
+
tooltipColor?: string;
|
|
51
|
+
emptyState?: ReactNode;
|
|
52
|
+
containerStyle?: CSSProperties;
|
|
53
|
+
paddingAngle?: number;
|
|
54
|
+
cornerRadius?: number;
|
|
55
|
+
label?: boolean;
|
|
56
|
+
labelLine?: boolean;
|
|
57
|
+
stroke?: string;
|
|
58
|
+
colors?: string[];
|
|
59
|
+
innerRadius?: number | string;
|
|
60
|
+
outerRadius?: number | string;
|
|
61
|
+
};
|
|
43
62
|
//# 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;AAE9D,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,31 @@ export declare const chartVariants: (props?: ({
|
|
|
3
3
|
density?: "compact" | "comfortable" | "spacious" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
5
|
export declare const chartPalette: {
|
|
6
|
+
readonly glass: {
|
|
7
|
+
readonly stroke: "#0f172a";
|
|
8
|
+
readonly fill: "#0f172a";
|
|
9
|
+
readonly textColor: "#0f172a";
|
|
10
|
+
};
|
|
11
|
+
readonly outline: {
|
|
12
|
+
readonly stroke: "#0f172a";
|
|
13
|
+
readonly fill: "#0f172a";
|
|
14
|
+
readonly textColor: "#0f172a";
|
|
15
|
+
};
|
|
16
|
+
readonly muted: {
|
|
17
|
+
readonly stroke: "#0f172a";
|
|
18
|
+
readonly fill: "#0f172a";
|
|
19
|
+
readonly textColor: "#0f172a";
|
|
20
|
+
};
|
|
21
|
+
readonly default: {
|
|
22
|
+
readonly stroke: "#0f172a";
|
|
23
|
+
readonly fill: "#0f172a";
|
|
24
|
+
readonly textColor: "#0f172a";
|
|
25
|
+
};
|
|
26
|
+
readonly sky: {
|
|
27
|
+
readonly stroke: "#0f172a";
|
|
28
|
+
readonly fill: "#0f172a";
|
|
29
|
+
readonly textColor: "#0f172a";
|
|
30
|
+
};
|
|
6
31
|
readonly cyan: {
|
|
7
32
|
readonly stroke: "#0891b2";
|
|
8
33
|
readonly fill: "#67e8f9";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;8EA4DzB,CAAC;AAEF,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;8EA4DzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDf,CAAC;AAEX,eAAO,MAAM,gBAAgB,EAAgC,KAAK,CAChE,MAAM,OAAO,YAAY,CAC1B,CAAC"}
|
|
@@ -50,6 +50,11 @@ var chartVariants = classVarianceAuthority.cva(
|
|
|
50
50
|
}
|
|
51
51
|
);
|
|
52
52
|
var chartPalette = {
|
|
53
|
+
glass: { stroke: "#0f172a", fill: "#0f172a", textColor: "#0f172a" },
|
|
54
|
+
outline: { stroke: "#0f172a", fill: "#0f172a", textColor: "#0f172a" },
|
|
55
|
+
muted: { stroke: "#0f172a", fill: "#0f172a", textColor: "#0f172a" },
|
|
56
|
+
default: { stroke: "#0f172a", fill: "#0f172a", textColor: "#0f172a" },
|
|
57
|
+
sky: { stroke: "#0f172a", fill: "#0f172a", textColor: "#0f172a" },
|
|
53
58
|
cyan: { stroke: "#0891b2", fill: "#67e8f9", textColor: "#0891b2" },
|
|
54
59
|
emerald: { stroke: "#059669", fill: "#6ee7b7", textColor: "#059669" },
|
|
55
60
|
violet: { stroke: "#7c3aed", fill: "#c4b5fd", textColor: "#7c3aed" },
|
|
@@ -59,16 +64,67 @@ var chartPalette = {
|
|
|
59
64
|
gray: { stroke: "#6b7280", fill: "#d1d5db", textColor: "#6b7280" },
|
|
60
65
|
white: { stroke: "#ffffff", fill: "#ffffff", textColor: "#ffffff" },
|
|
61
66
|
indigo: { stroke: "#6366f1", fill: "#c7d2fe", textColor: "#6366f1" },
|
|
62
|
-
"gradient-cyan-violet": {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
"gradient-
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
"gradient-cyan-violet": {
|
|
68
|
+
stroke: "#0891b2",
|
|
69
|
+
fill: "#67e8f9",
|
|
70
|
+
textColor: "#0891b2"
|
|
71
|
+
},
|
|
72
|
+
"gradient-emerald-violet": {
|
|
73
|
+
stroke: "#059669",
|
|
74
|
+
fill: "#6ee7b7",
|
|
75
|
+
textColor: "#059669"
|
|
76
|
+
},
|
|
77
|
+
"gradient-amber-rose": {
|
|
78
|
+
stroke: "#d97706",
|
|
79
|
+
fill: "#fcd34d",
|
|
80
|
+
textColor: "#d97706"
|
|
81
|
+
},
|
|
82
|
+
"gradient-slate-gray": {
|
|
83
|
+
stroke: "#475569",
|
|
84
|
+
fill: "#cbd5e1",
|
|
85
|
+
textColor: "#475569"
|
|
86
|
+
},
|
|
87
|
+
"gradient-indigo-purple": {
|
|
88
|
+
stroke: "#6366f1",
|
|
89
|
+
fill: "#c7d2fe",
|
|
90
|
+
textColor: "#6366f1"
|
|
91
|
+
},
|
|
92
|
+
"gradient-cyan-blue": {
|
|
93
|
+
stroke: "#0891b2",
|
|
94
|
+
fill: "#67e8f9",
|
|
95
|
+
textColor: "#0891b2"
|
|
96
|
+
},
|
|
97
|
+
"gradient-emerald-blue": {
|
|
98
|
+
stroke: "#059669",
|
|
99
|
+
fill: "#6ee7b7",
|
|
100
|
+
textColor: "#059669"
|
|
101
|
+
},
|
|
102
|
+
"gradient-amber-blue": {
|
|
103
|
+
stroke: "#d97706",
|
|
104
|
+
fill: "#fcd34d",
|
|
105
|
+
textColor: "#d97706"
|
|
106
|
+
}
|
|
70
107
|
};
|
|
71
108
|
var chartColorValues = Object.keys(chartPalette);
|
|
109
|
+
var CHART_ONLY_DIV_PROP_KEYS = /* @__PURE__ */ new Set([
|
|
110
|
+
"data",
|
|
111
|
+
"margin",
|
|
112
|
+
"series",
|
|
113
|
+
"showGrid",
|
|
114
|
+
"showLegend",
|
|
115
|
+
"showTooltip",
|
|
116
|
+
"stacked",
|
|
117
|
+
"strokeDasharray",
|
|
118
|
+
"syncId",
|
|
119
|
+
"tooltipColor",
|
|
120
|
+
"xKey"
|
|
121
|
+
]);
|
|
122
|
+
function filterDivProps(props) {
|
|
123
|
+
const entries = Object.entries(props).filter(
|
|
124
|
+
([key]) => !CHART_ONLY_DIV_PROP_KEYS.has(key)
|
|
125
|
+
);
|
|
126
|
+
return Object.fromEntries(entries);
|
|
127
|
+
}
|
|
72
128
|
var defaultChartMargin = { top: 16, right: 16, bottom: 8, left: 0 };
|
|
73
129
|
function ChartFrame({
|
|
74
130
|
appearance,
|
|
@@ -82,6 +138,7 @@ function ChartFrame({
|
|
|
82
138
|
style,
|
|
83
139
|
...props
|
|
84
140
|
}) {
|
|
141
|
+
const divProps = filterDivProps(props);
|
|
85
142
|
const chartStyle = {
|
|
86
143
|
"--chart-height": `${height}px`,
|
|
87
144
|
...style
|
|
@@ -92,7 +149,7 @@ function ChartFrame({
|
|
|
92
149
|
{
|
|
93
150
|
className: chunkZS5756ZC_js.cn(chartVariants({ appearance, density }), className),
|
|
94
151
|
style: chartStyle,
|
|
95
|
-
...
|
|
152
|
+
...divProps,
|
|
96
153
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full min-h-48 items-center justify-center text-sm text-slate-500", children: emptyState })
|
|
97
154
|
}
|
|
98
155
|
);
|
|
@@ -102,7 +159,7 @@ function ChartFrame({
|
|
|
102
159
|
{
|
|
103
160
|
className: chunkZS5756ZC_js.cn(chartVariants({ appearance, density }), className),
|
|
104
161
|
style: chartStyle,
|
|
105
|
-
...
|
|
162
|
+
...divProps,
|
|
106
163
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
107
164
|
recharts.ResponsiveContainer,
|
|
108
165
|
{
|
|
@@ -146,29 +203,11 @@ function ChartDecorators({
|
|
|
146
203
|
] });
|
|
147
204
|
}
|
|
148
205
|
|
|
149
|
-
// src/charts/shared/colors.ts
|
|
150
|
-
function resolveColor(color, index) {
|
|
151
|
-
if (color && color in chartPalette) {
|
|
152
|
-
return chartPalette[color];
|
|
153
|
-
}
|
|
154
|
-
if (color) {
|
|
155
|
-
return { stroke: color, fill: color };
|
|
156
|
-
}
|
|
157
|
-
const paletteValues = Object.values(chartPalette);
|
|
158
|
-
return paletteValues[index % paletteValues.length] ?? chartPalette.cyan;
|
|
159
|
-
}
|
|
160
|
-
function getSeriesFill(series, index, opacity = 0.18) {
|
|
161
|
-
const color = resolveColor(series.color, index);
|
|
162
|
-
return series.fill ?? `${color.fill}${Math.round(opacity * 255).toString(16).padStart(2, "0")}`;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
206
|
exports.ChartDecorators = ChartDecorators;
|
|
166
207
|
exports.ChartFrame = ChartFrame;
|
|
167
208
|
exports.chartColorValues = chartColorValues;
|
|
168
209
|
exports.chartPalette = chartPalette;
|
|
169
210
|
exports.chartVariants = chartVariants;
|
|
170
211
|
exports.defaultChartMargin = defaultChartMargin;
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
//# sourceMappingURL=chunk-CIN5JDN4.js.map
|
|
174
|
-
//# sourceMappingURL=chunk-CIN5JDN4.js.map
|
|
212
|
+
//# sourceMappingURL=chunk-MTJRPLMG.js.map
|
|
213
|
+
//# sourceMappingURL=chunk-MTJRPLMG.js.map
|