@deepnoid/ui 0.1.168 → 0.1.170
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/.turbo/turbo-build.log +173 -173
- package/dist/{chunk-2LRPY6DW.mjs → chunk-GWHUQUKA.mjs} +33 -16
- package/dist/{chunk-5GAHDSWH.mjs → chunk-JOK735WN.mjs} +8 -2
- package/dist/components/breadcrumb/breadcrumb.mjs +2 -2
- package/dist/components/breadcrumb/index.mjs +2 -2
- package/dist/components/button/index.mjs +3 -3
- package/dist/components/charts/barChart.d.mts +4 -2
- package/dist/components/charts/barChart.d.ts +4 -2
- package/dist/components/charts/barChart.js +8 -2
- package/dist/components/charts/barChart.mjs +1 -1
- package/dist/components/charts/index.js +41 -18
- package/dist/components/charts/index.mjs +7 -7
- package/dist/components/charts/simpleBarChart.js +33 -16
- package/dist/components/charts/simpleBarChart.mjs +1 -1
- package/dist/components/fileUpload/fileUpload.mjs +1 -1
- package/dist/components/fileUpload/index.mjs +1 -1
- package/dist/components/modal/index.mjs +1 -1
- package/dist/components/modal/modal.mjs +1 -1
- package/dist/components/picker/datePicker.mjs +2 -2
- package/dist/components/picker/index.mjs +2 -2
- package/dist/components/table/index.mjs +3 -3
- package/dist/components/table/table-body.mjs +3 -3
- package/dist/components/table/table-head.mjs +3 -3
- package/dist/components/table/table.mjs +3 -3
- package/dist/index.js +41 -18
- package/dist/index.mjs +27 -27
- package/package.json +1 -1
- package/dist/{chunk-7HMERBCT.mjs → chunk-6DOAZ27E.mjs} +3 -3
- package/dist/{chunk-DWW4ZESK.mjs → chunk-PX4RCHOE.mjs} +3 -3
- package/dist/{chunk-I3SXSUFN.mjs → chunk-W66K4FK5.mjs} +3 -3
|
@@ -26,8 +26,38 @@ var SimpleBarChartComponent = forwardRef((originalProps, ref) => {
|
|
|
26
26
|
const tooltipRef = useRef(null);
|
|
27
27
|
const [tooltipLeft, setTooltipLeft] = useState(0);
|
|
28
28
|
const [tickPositions, setTickPositions] = useState([]);
|
|
29
|
-
const tickRef = useRef([]);
|
|
30
29
|
const [tooltipState, setTooltipState] = useState(null);
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
if (!chartRef.current || !data.length) return;
|
|
32
|
+
const updateDimensions = () => {
|
|
33
|
+
if (!chartRef.current) return;
|
|
34
|
+
const rect = chartRef.current.getBoundingClientRect();
|
|
35
|
+
const chartWidth = rect.width;
|
|
36
|
+
const leftPadding = 0;
|
|
37
|
+
const rightPadding = 0;
|
|
38
|
+
const availableWidth = chartWidth - leftPadding - rightPadding;
|
|
39
|
+
const barCount = data.length;
|
|
40
|
+
if (barCount <= 1) {
|
|
41
|
+
setTickPositions([]);
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
const barWidth = availableWidth / barCount;
|
|
45
|
+
const gridPositions = [];
|
|
46
|
+
for (let i = 0; i < barCount - 1; i++) {
|
|
47
|
+
const firstBarCenter = leftPadding + (i + 0.5) * barWidth;
|
|
48
|
+
const secondBarCenter = leftPadding + (i + 1.5) * barWidth;
|
|
49
|
+
const gridPosition = (firstBarCenter + secondBarCenter) / 2;
|
|
50
|
+
gridPositions.push(gridPosition);
|
|
51
|
+
}
|
|
52
|
+
setTickPositions(gridPositions);
|
|
53
|
+
};
|
|
54
|
+
updateDimensions();
|
|
55
|
+
const resizeObserver = new ResizeObserver(updateDimensions);
|
|
56
|
+
resizeObserver.observe(chartRef.current);
|
|
57
|
+
return () => {
|
|
58
|
+
resizeObserver.disconnect();
|
|
59
|
+
};
|
|
60
|
+
}, [data]);
|
|
31
61
|
const handleMouseEnter = (e) => {
|
|
32
62
|
if (!tooltipFormatter || !chartRef.current) return;
|
|
33
63
|
const { payload, x, y } = e;
|
|
@@ -57,7 +87,6 @@ var SimpleBarChartComponent = forwardRef((originalProps, ref) => {
|
|
|
57
87
|
) : /* @__PURE__ */ jsx("rect", { x, y, width, height: 0, fill });
|
|
58
88
|
};
|
|
59
89
|
const CustomTick = ({ x, y, payload }) => {
|
|
60
|
-
if (x !== void 0) tickRef.current.push(x);
|
|
61
90
|
return /* @__PURE__ */ jsx(
|
|
62
91
|
"text",
|
|
63
92
|
{
|
|
@@ -72,18 +101,6 @@ var SimpleBarChartComponent = forwardRef((originalProps, ref) => {
|
|
|
72
101
|
}
|
|
73
102
|
);
|
|
74
103
|
};
|
|
75
|
-
useEffect(() => {
|
|
76
|
-
const raf = requestAnimationFrame(() => {
|
|
77
|
-
const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
|
|
78
|
-
const mids = [];
|
|
79
|
-
for (let i = 0; i < unique.length - 1; i++) {
|
|
80
|
-
mids.push((unique[i] + unique[i + 1]) / 2);
|
|
81
|
-
}
|
|
82
|
-
setTickPositions(mids);
|
|
83
|
-
tickRef.current = [];
|
|
84
|
-
});
|
|
85
|
-
return () => cancelAnimationFrame(raf);
|
|
86
|
-
}, [data]);
|
|
87
104
|
useLayoutEffect(() => {
|
|
88
105
|
if (!tooltipState || !chartRef.current || !tooltipRef.current) return;
|
|
89
106
|
const chartRect = chartRef.current.getBoundingClientRect();
|
|
@@ -161,8 +178,8 @@ var SimpleBarChartComponent = forwardRef((originalProps, ref) => {
|
|
|
161
178
|
ref: tooltipRef,
|
|
162
179
|
style: {
|
|
163
180
|
position: "absolute",
|
|
164
|
-
left: tooltipLeft +
|
|
165
|
-
top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y -
|
|
181
|
+
left: tooltipLeft + 5,
|
|
182
|
+
top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 20 : 0,
|
|
166
183
|
pointerEvents: "none",
|
|
167
184
|
zIndex: 10,
|
|
168
185
|
opacity: tooltipState ? 1 : 0,
|
|
@@ -234,8 +234,14 @@ var barChartStyle = tv({
|
|
|
234
234
|
variants: {},
|
|
235
235
|
defaultVariants: {}
|
|
236
236
|
});
|
|
237
|
-
function BarChartTooltip({ children }) {
|
|
238
|
-
return /* @__PURE__ */ jsx(
|
|
237
|
+
function BarChartTooltip({ className = "", children }) {
|
|
238
|
+
return /* @__PURE__ */ jsx(
|
|
239
|
+
"div",
|
|
240
|
+
{
|
|
241
|
+
className: `text-md text-common-white bg-common-black flex max-w-[160px] whitespace-nowrap rounded-[5px] px-[10px] py-[6px] text-center font-bold ${className}`,
|
|
242
|
+
children
|
|
243
|
+
}
|
|
244
|
+
);
|
|
239
245
|
}
|
|
240
246
|
|
|
241
247
|
export {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
breadcrumb_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-6DOAZ27E.mjs";
|
|
5
5
|
import "../../chunk-MY5U63QO.mjs";
|
|
6
|
+
import "../../chunk-4LUASWAN.mjs";
|
|
6
7
|
import "../../chunk-5VTYO3RF.mjs";
|
|
7
8
|
import "../../chunk-DO56H4BN.mjs";
|
|
8
9
|
import "../../chunk-AKAGWXXP.mjs";
|
|
@@ -11,7 +12,6 @@ import "../../chunk-LXHUO6VM.mjs";
|
|
|
11
12
|
import "../../chunk-SZL743JC.mjs";
|
|
12
13
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
13
14
|
import "../../chunk-R7KUEH3N.mjs";
|
|
14
|
-
import "../../chunk-4LUASWAN.mjs";
|
|
15
15
|
import "../../chunk-E3G5QXSH.mjs";
|
|
16
16
|
import "../../chunk-DDFJMHBC.mjs";
|
|
17
17
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
import "../../chunk-KYIODWXL.mjs";
|
|
3
3
|
import {
|
|
4
4
|
breadcrumb_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-6DOAZ27E.mjs";
|
|
6
6
|
import "../../chunk-MY5U63QO.mjs";
|
|
7
|
+
import "../../chunk-4LUASWAN.mjs";
|
|
7
8
|
import "../../chunk-5VTYO3RF.mjs";
|
|
8
9
|
import "../../chunk-DO56H4BN.mjs";
|
|
9
10
|
import "../../chunk-AKAGWXXP.mjs";
|
|
@@ -12,7 +13,6 @@ import "../../chunk-LXHUO6VM.mjs";
|
|
|
12
13
|
import "../../chunk-SZL743JC.mjs";
|
|
13
14
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
14
15
|
import "../../chunk-R7KUEH3N.mjs";
|
|
15
|
-
import "../../chunk-4LUASWAN.mjs";
|
|
16
16
|
import "../../chunk-E3G5QXSH.mjs";
|
|
17
17
|
import "../../chunk-DDFJMHBC.mjs";
|
|
18
18
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "../../chunk-MY5U63QO.mjs";
|
|
3
|
+
import {
|
|
4
|
+
text_button_default
|
|
5
|
+
} from "../../chunk-4LUASWAN.mjs";
|
|
3
6
|
import {
|
|
4
7
|
button_group_default
|
|
5
8
|
} from "../../chunk-5VTYO3RF.mjs";
|
|
@@ -14,9 +17,6 @@ import "../../chunk-LXHUO6VM.mjs";
|
|
|
14
17
|
import "../../chunk-SZL743JC.mjs";
|
|
15
18
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
16
19
|
import "../../chunk-R7KUEH3N.mjs";
|
|
17
|
-
import {
|
|
18
|
-
text_button_default
|
|
19
|
-
} from "../../chunk-4LUASWAN.mjs";
|
|
20
20
|
import "../../chunk-E3G5QXSH.mjs";
|
|
21
21
|
import "../../chunk-DDFJMHBC.mjs";
|
|
22
22
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -41,8 +41,10 @@ declare const barChartStyle: tailwind_variants.TVReturnType<{}, {
|
|
|
41
41
|
}, undefined, unknown, unknown, undefined>>;
|
|
42
42
|
type barChartVariantProps = VariantProps<typeof barChartStyle>;
|
|
43
43
|
type barChartSlots = keyof ReturnType<typeof barChartStyle>;
|
|
44
|
-
|
|
44
|
+
type BarChartTooltipProps = {
|
|
45
|
+
className?: string;
|
|
45
46
|
children: ReactNode;
|
|
46
|
-
}
|
|
47
|
+
};
|
|
48
|
+
declare function BarChartTooltip({ className, children }: BarChartTooltipProps): react_jsx_runtime.JSX.Element;
|
|
47
49
|
|
|
48
50
|
export { BarChartTooltip, type barChartProps, BarChartComponent as default };
|
|
@@ -41,8 +41,10 @@ declare const barChartStyle: tailwind_variants.TVReturnType<{}, {
|
|
|
41
41
|
}, undefined, unknown, unknown, undefined>>;
|
|
42
42
|
type barChartVariantProps = VariantProps<typeof barChartStyle>;
|
|
43
43
|
type barChartSlots = keyof ReturnType<typeof barChartStyle>;
|
|
44
|
-
|
|
44
|
+
type BarChartTooltipProps = {
|
|
45
|
+
className?: string;
|
|
45
46
|
children: ReactNode;
|
|
46
|
-
}
|
|
47
|
+
};
|
|
48
|
+
declare function BarChartTooltip({ className, children }: BarChartTooltipProps): react_jsx_runtime.JSX.Element;
|
|
47
49
|
|
|
48
50
|
export { BarChartTooltip, type barChartProps, BarChartComponent as default };
|
|
@@ -602,8 +602,14 @@ var barChartStyle = tv({
|
|
|
602
602
|
variants: {},
|
|
603
603
|
defaultVariants: {}
|
|
604
604
|
});
|
|
605
|
-
function BarChartTooltip({ children }) {
|
|
606
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
605
|
+
function BarChartTooltip({ className = "", children }) {
|
|
606
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
607
|
+
"div",
|
|
608
|
+
{
|
|
609
|
+
className: `text-md text-common-white bg-common-black flex max-w-[160px] whitespace-nowrap rounded-[5px] px-[10px] py-[6px] text-center font-bold ${className}`,
|
|
610
|
+
children
|
|
611
|
+
}
|
|
612
|
+
);
|
|
607
613
|
}
|
|
608
614
|
// Annotate the CommonJS export names for ESM import in node:
|
|
609
615
|
0 && (module.exports = {
|
|
@@ -1022,8 +1022,14 @@ var barChartStyle = tv({
|
|
|
1022
1022
|
variants: {},
|
|
1023
1023
|
defaultVariants: {}
|
|
1024
1024
|
});
|
|
1025
|
-
function BarChartTooltip({ children }) {
|
|
1026
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
1025
|
+
function BarChartTooltip({ className = "", children }) {
|
|
1026
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
1027
|
+
"div",
|
|
1028
|
+
{
|
|
1029
|
+
className: `text-md text-common-white bg-common-black flex max-w-[160px] whitespace-nowrap rounded-[5px] px-[10px] py-[6px] text-center font-bold ${className}`,
|
|
1030
|
+
children
|
|
1031
|
+
}
|
|
1032
|
+
);
|
|
1027
1033
|
}
|
|
1028
1034
|
|
|
1029
1035
|
// src/components/charts/radarChart.tsx
|
|
@@ -1150,8 +1156,38 @@ var SimpleBarChartComponent = (0, import_react5.forwardRef)((originalProps, ref)
|
|
|
1150
1156
|
const tooltipRef = (0, import_react5.useRef)(null);
|
|
1151
1157
|
const [tooltipLeft, setTooltipLeft] = (0, import_react5.useState)(0);
|
|
1152
1158
|
const [tickPositions, setTickPositions] = (0, import_react5.useState)([]);
|
|
1153
|
-
const tickRef = (0, import_react5.useRef)([]);
|
|
1154
1159
|
const [tooltipState, setTooltipState] = (0, import_react5.useState)(null);
|
|
1160
|
+
(0, import_react5.useEffect)(() => {
|
|
1161
|
+
if (!chartRef.current || !data.length) return;
|
|
1162
|
+
const updateDimensions = () => {
|
|
1163
|
+
if (!chartRef.current) return;
|
|
1164
|
+
const rect = chartRef.current.getBoundingClientRect();
|
|
1165
|
+
const chartWidth = rect.width;
|
|
1166
|
+
const leftPadding = 0;
|
|
1167
|
+
const rightPadding = 0;
|
|
1168
|
+
const availableWidth = chartWidth - leftPadding - rightPadding;
|
|
1169
|
+
const barCount = data.length;
|
|
1170
|
+
if (barCount <= 1) {
|
|
1171
|
+
setTickPositions([]);
|
|
1172
|
+
return;
|
|
1173
|
+
}
|
|
1174
|
+
const barWidth = availableWidth / barCount;
|
|
1175
|
+
const gridPositions = [];
|
|
1176
|
+
for (let i = 0; i < barCount - 1; i++) {
|
|
1177
|
+
const firstBarCenter = leftPadding + (i + 0.5) * barWidth;
|
|
1178
|
+
const secondBarCenter = leftPadding + (i + 1.5) * barWidth;
|
|
1179
|
+
const gridPosition = (firstBarCenter + secondBarCenter) / 2;
|
|
1180
|
+
gridPositions.push(gridPosition);
|
|
1181
|
+
}
|
|
1182
|
+
setTickPositions(gridPositions);
|
|
1183
|
+
};
|
|
1184
|
+
updateDimensions();
|
|
1185
|
+
const resizeObserver = new ResizeObserver(updateDimensions);
|
|
1186
|
+
resizeObserver.observe(chartRef.current);
|
|
1187
|
+
return () => {
|
|
1188
|
+
resizeObserver.disconnect();
|
|
1189
|
+
};
|
|
1190
|
+
}, [data]);
|
|
1155
1191
|
const handleMouseEnter = (e) => {
|
|
1156
1192
|
if (!tooltipFormatter || !chartRef.current) return;
|
|
1157
1193
|
const { payload, x, y } = e;
|
|
@@ -1181,7 +1217,6 @@ var SimpleBarChartComponent = (0, import_react5.forwardRef)((originalProps, ref)
|
|
|
1181
1217
|
) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x, y, width, height: 0, fill });
|
|
1182
1218
|
};
|
|
1183
1219
|
const CustomTick = ({ x, y, payload }) => {
|
|
1184
|
-
if (x !== void 0) tickRef.current.push(x);
|
|
1185
1220
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1186
1221
|
"text",
|
|
1187
1222
|
{
|
|
@@ -1196,18 +1231,6 @@ var SimpleBarChartComponent = (0, import_react5.forwardRef)((originalProps, ref)
|
|
|
1196
1231
|
}
|
|
1197
1232
|
);
|
|
1198
1233
|
};
|
|
1199
|
-
(0, import_react5.useEffect)(() => {
|
|
1200
|
-
const raf = requestAnimationFrame(() => {
|
|
1201
|
-
const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
|
|
1202
|
-
const mids = [];
|
|
1203
|
-
for (let i = 0; i < unique.length - 1; i++) {
|
|
1204
|
-
mids.push((unique[i] + unique[i + 1]) / 2);
|
|
1205
|
-
}
|
|
1206
|
-
setTickPositions(mids);
|
|
1207
|
-
tickRef.current = [];
|
|
1208
|
-
});
|
|
1209
|
-
return () => cancelAnimationFrame(raf);
|
|
1210
|
-
}, [data]);
|
|
1211
1234
|
(0, import_react5.useLayoutEffect)(() => {
|
|
1212
1235
|
if (!tooltipState || !chartRef.current || !tooltipRef.current) return;
|
|
1213
1236
|
const chartRect = chartRef.current.getBoundingClientRect();
|
|
@@ -1285,8 +1308,8 @@ var SimpleBarChartComponent = (0, import_react5.forwardRef)((originalProps, ref)
|
|
|
1285
1308
|
ref: tooltipRef,
|
|
1286
1309
|
style: {
|
|
1287
1310
|
position: "absolute",
|
|
1288
|
-
left: tooltipLeft +
|
|
1289
|
-
top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y -
|
|
1311
|
+
left: tooltipLeft + 5,
|
|
1312
|
+
top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 20 : 0,
|
|
1290
1313
|
pointerEvents: "none",
|
|
1291
1314
|
zIndex: 10,
|
|
1292
1315
|
opacity: tooltipState ? 1 : 0,
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "../../chunk-3OCNT22V.mjs";
|
|
3
|
-
import {
|
|
4
|
-
radarChart_default
|
|
5
|
-
} from "../../chunk-U7SYKG2C.mjs";
|
|
6
|
-
import {
|
|
7
|
-
simpleBarChart_default
|
|
8
|
-
} from "../../chunk-2LRPY6DW.mjs";
|
|
9
3
|
import {
|
|
10
4
|
areaChart_default
|
|
11
5
|
} from "../../chunk-LH6Z7SDZ.mjs";
|
|
@@ -14,10 +8,16 @@ import "../../chunk-EWS3FESG.mjs";
|
|
|
14
8
|
import {
|
|
15
9
|
BarChartTooltip,
|
|
16
10
|
barChart_default
|
|
17
|
-
} from "../../chunk-
|
|
11
|
+
} from "../../chunk-JOK735WN.mjs";
|
|
18
12
|
import {
|
|
19
13
|
circularProgress_default
|
|
20
14
|
} from "../../chunk-WA7CSZQ3.mjs";
|
|
15
|
+
import {
|
|
16
|
+
radarChart_default
|
|
17
|
+
} from "../../chunk-U7SYKG2C.mjs";
|
|
18
|
+
import {
|
|
19
|
+
simpleBarChart_default
|
|
20
|
+
} from "../../chunk-GWHUQUKA.mjs";
|
|
21
21
|
import "../../chunk-E3G5QXSH.mjs";
|
|
22
22
|
import "../../chunk-U4DJHAM5.mjs";
|
|
23
23
|
import "../../chunk-27Y6K5NK.mjs";
|
|
@@ -393,8 +393,38 @@ var SimpleBarChartComponent = (0, import_react.forwardRef)((originalProps, ref)
|
|
|
393
393
|
const tooltipRef = (0, import_react.useRef)(null);
|
|
394
394
|
const [tooltipLeft, setTooltipLeft] = (0, import_react.useState)(0);
|
|
395
395
|
const [tickPositions, setTickPositions] = (0, import_react.useState)([]);
|
|
396
|
-
const tickRef = (0, import_react.useRef)([]);
|
|
397
396
|
const [tooltipState, setTooltipState] = (0, import_react.useState)(null);
|
|
397
|
+
(0, import_react.useEffect)(() => {
|
|
398
|
+
if (!chartRef.current || !data.length) return;
|
|
399
|
+
const updateDimensions = () => {
|
|
400
|
+
if (!chartRef.current) return;
|
|
401
|
+
const rect = chartRef.current.getBoundingClientRect();
|
|
402
|
+
const chartWidth = rect.width;
|
|
403
|
+
const leftPadding = 0;
|
|
404
|
+
const rightPadding = 0;
|
|
405
|
+
const availableWidth = chartWidth - leftPadding - rightPadding;
|
|
406
|
+
const barCount = data.length;
|
|
407
|
+
if (barCount <= 1) {
|
|
408
|
+
setTickPositions([]);
|
|
409
|
+
return;
|
|
410
|
+
}
|
|
411
|
+
const barWidth = availableWidth / barCount;
|
|
412
|
+
const gridPositions = [];
|
|
413
|
+
for (let i = 0; i < barCount - 1; i++) {
|
|
414
|
+
const firstBarCenter = leftPadding + (i + 0.5) * barWidth;
|
|
415
|
+
const secondBarCenter = leftPadding + (i + 1.5) * barWidth;
|
|
416
|
+
const gridPosition = (firstBarCenter + secondBarCenter) / 2;
|
|
417
|
+
gridPositions.push(gridPosition);
|
|
418
|
+
}
|
|
419
|
+
setTickPositions(gridPositions);
|
|
420
|
+
};
|
|
421
|
+
updateDimensions();
|
|
422
|
+
const resizeObserver = new ResizeObserver(updateDimensions);
|
|
423
|
+
resizeObserver.observe(chartRef.current);
|
|
424
|
+
return () => {
|
|
425
|
+
resizeObserver.disconnect();
|
|
426
|
+
};
|
|
427
|
+
}, [data]);
|
|
398
428
|
const handleMouseEnter = (e) => {
|
|
399
429
|
if (!tooltipFormatter || !chartRef.current) return;
|
|
400
430
|
const { payload, x, y } = e;
|
|
@@ -424,7 +454,6 @@ var SimpleBarChartComponent = (0, import_react.forwardRef)((originalProps, ref)
|
|
|
424
454
|
) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x, y, width, height: 0, fill });
|
|
425
455
|
};
|
|
426
456
|
const CustomTick = ({ x, y, payload }) => {
|
|
427
|
-
if (x !== void 0) tickRef.current.push(x);
|
|
428
457
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
429
458
|
"text",
|
|
430
459
|
{
|
|
@@ -439,18 +468,6 @@ var SimpleBarChartComponent = (0, import_react.forwardRef)((originalProps, ref)
|
|
|
439
468
|
}
|
|
440
469
|
);
|
|
441
470
|
};
|
|
442
|
-
(0, import_react.useEffect)(() => {
|
|
443
|
-
const raf = requestAnimationFrame(() => {
|
|
444
|
-
const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
|
|
445
|
-
const mids = [];
|
|
446
|
-
for (let i = 0; i < unique.length - 1; i++) {
|
|
447
|
-
mids.push((unique[i] + unique[i + 1]) / 2);
|
|
448
|
-
}
|
|
449
|
-
setTickPositions(mids);
|
|
450
|
-
tickRef.current = [];
|
|
451
|
-
});
|
|
452
|
-
return () => cancelAnimationFrame(raf);
|
|
453
|
-
}, [data]);
|
|
454
471
|
(0, import_react.useLayoutEffect)(() => {
|
|
455
472
|
if (!tooltipState || !chartRef.current || !tooltipRef.current) return;
|
|
456
473
|
const chartRect = chartRef.current.getBoundingClientRect();
|
|
@@ -528,8 +545,8 @@ var SimpleBarChartComponent = (0, import_react.forwardRef)((originalProps, ref)
|
|
|
528
545
|
ref: tooltipRef,
|
|
529
546
|
style: {
|
|
530
547
|
position: "absolute",
|
|
531
|
-
left: tooltipLeft +
|
|
532
|
-
top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y -
|
|
548
|
+
left: tooltipLeft + 5,
|
|
549
|
+
top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 20 : 0,
|
|
533
550
|
pointerEvents: "none",
|
|
534
551
|
zIndex: 10,
|
|
535
552
|
opacity: tooltipState ? 1 : 0,
|
|
@@ -9,6 +9,7 @@ import "../../chunk-KH63CD55.mjs";
|
|
|
9
9
|
import "../../chunk-2GCSFWHD.mjs";
|
|
10
10
|
import "../../chunk-VNRGOOSY.mjs";
|
|
11
11
|
import "../../chunk-MY5U63QO.mjs";
|
|
12
|
+
import "../../chunk-4LUASWAN.mjs";
|
|
12
13
|
import "../../chunk-5VTYO3RF.mjs";
|
|
13
14
|
import "../../chunk-DO56H4BN.mjs";
|
|
14
15
|
import "../../chunk-AKAGWXXP.mjs";
|
|
@@ -17,7 +18,6 @@ import "../../chunk-LXHUO6VM.mjs";
|
|
|
17
18
|
import "../../chunk-SZL743JC.mjs";
|
|
18
19
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
19
20
|
import "../../chunk-R7KUEH3N.mjs";
|
|
20
|
-
import "../../chunk-4LUASWAN.mjs";
|
|
21
21
|
import "../../chunk-E3G5QXSH.mjs";
|
|
22
22
|
import "../../chunk-DDFJMHBC.mjs";
|
|
23
23
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -8,6 +8,7 @@ import "../../chunk-KH63CD55.mjs";
|
|
|
8
8
|
import "../../chunk-2GCSFWHD.mjs";
|
|
9
9
|
import "../../chunk-VNRGOOSY.mjs";
|
|
10
10
|
import "../../chunk-MY5U63QO.mjs";
|
|
11
|
+
import "../../chunk-4LUASWAN.mjs";
|
|
11
12
|
import "../../chunk-5VTYO3RF.mjs";
|
|
12
13
|
import "../../chunk-DO56H4BN.mjs";
|
|
13
14
|
import "../../chunk-AKAGWXXP.mjs";
|
|
@@ -16,7 +17,6 @@ import "../../chunk-LXHUO6VM.mjs";
|
|
|
16
17
|
import "../../chunk-SZL743JC.mjs";
|
|
17
18
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
18
19
|
import "../../chunk-R7KUEH3N.mjs";
|
|
19
|
-
import "../../chunk-4LUASWAN.mjs";
|
|
20
20
|
import "../../chunk-E3G5QXSH.mjs";
|
|
21
21
|
import "../../chunk-DDFJMHBC.mjs";
|
|
22
22
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
import "../../chunk-SE5TU755.mjs";
|
|
7
7
|
import "../../chunk-IH3BJRTV.mjs";
|
|
8
8
|
import "../../chunk-MY5U63QO.mjs";
|
|
9
|
+
import "../../chunk-4LUASWAN.mjs";
|
|
9
10
|
import "../../chunk-5VTYO3RF.mjs";
|
|
10
11
|
import "../../chunk-DO56H4BN.mjs";
|
|
11
12
|
import "../../chunk-AKAGWXXP.mjs";
|
|
@@ -14,7 +15,6 @@ import "../../chunk-LXHUO6VM.mjs";
|
|
|
14
15
|
import "../../chunk-SZL743JC.mjs";
|
|
15
16
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
16
17
|
import "../../chunk-R7KUEH3N.mjs";
|
|
17
|
-
import "../../chunk-4LUASWAN.mjs";
|
|
18
18
|
import "../../chunk-E3G5QXSH.mjs";
|
|
19
19
|
import "../../chunk-DDFJMHBC.mjs";
|
|
20
20
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
import "../../chunk-SE5TU755.mjs";
|
|
6
6
|
import "../../chunk-IH3BJRTV.mjs";
|
|
7
7
|
import "../../chunk-MY5U63QO.mjs";
|
|
8
|
+
import "../../chunk-4LUASWAN.mjs";
|
|
8
9
|
import "../../chunk-5VTYO3RF.mjs";
|
|
9
10
|
import "../../chunk-DO56H4BN.mjs";
|
|
10
11
|
import "../../chunk-AKAGWXXP.mjs";
|
|
@@ -13,7 +14,6 @@ import "../../chunk-LXHUO6VM.mjs";
|
|
|
13
14
|
import "../../chunk-SZL743JC.mjs";
|
|
14
15
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
15
16
|
import "../../chunk-R7KUEH3N.mjs";
|
|
16
|
-
import "../../chunk-4LUASWAN.mjs";
|
|
17
17
|
import "../../chunk-E3G5QXSH.mjs";
|
|
18
18
|
import "../../chunk-DDFJMHBC.mjs";
|
|
19
19
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
import {
|
|
3
3
|
datePickerStyle,
|
|
4
4
|
datePicker_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-W66K4FK5.mjs";
|
|
6
6
|
import "../../chunk-FWFEKWWD.mjs";
|
|
7
7
|
import "../../chunk-XZYQFBCT.mjs";
|
|
8
8
|
import "../../chunk-2GCSFWHD.mjs";
|
|
9
9
|
import "../../chunk-VNRGOOSY.mjs";
|
|
10
10
|
import "../../chunk-MY5U63QO.mjs";
|
|
11
|
+
import "../../chunk-4LUASWAN.mjs";
|
|
11
12
|
import "../../chunk-5VTYO3RF.mjs";
|
|
12
13
|
import "../../chunk-DO56H4BN.mjs";
|
|
13
14
|
import "../../chunk-AKAGWXXP.mjs";
|
|
@@ -16,7 +17,6 @@ import "../../chunk-LXHUO6VM.mjs";
|
|
|
16
17
|
import "../../chunk-SZL743JC.mjs";
|
|
17
18
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
18
19
|
import "../../chunk-R7KUEH3N.mjs";
|
|
19
|
-
import "../../chunk-4LUASWAN.mjs";
|
|
20
20
|
import "../../chunk-E3G5QXSH.mjs";
|
|
21
21
|
import "../../chunk-DDFJMHBC.mjs";
|
|
22
22
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import "../../chunk-4VWG4726.mjs";
|
|
3
3
|
import {
|
|
4
4
|
datePicker_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-W66K4FK5.mjs";
|
|
6
6
|
import "../../chunk-FWFEKWWD.mjs";
|
|
7
7
|
import {
|
|
8
8
|
day_default
|
|
@@ -15,6 +15,7 @@ import "../../chunk-5G6CCE55.mjs";
|
|
|
15
15
|
import "../../chunk-2GCSFWHD.mjs";
|
|
16
16
|
import "../../chunk-VNRGOOSY.mjs";
|
|
17
17
|
import "../../chunk-MY5U63QO.mjs";
|
|
18
|
+
import "../../chunk-4LUASWAN.mjs";
|
|
18
19
|
import "../../chunk-5VTYO3RF.mjs";
|
|
19
20
|
import "../../chunk-DO56H4BN.mjs";
|
|
20
21
|
import "../../chunk-AKAGWXXP.mjs";
|
|
@@ -23,7 +24,6 @@ import "../../chunk-LXHUO6VM.mjs";
|
|
|
23
24
|
import "../../chunk-SZL743JC.mjs";
|
|
24
25
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
25
26
|
import "../../chunk-R7KUEH3N.mjs";
|
|
26
|
-
import "../../chunk-4LUASWAN.mjs";
|
|
27
27
|
import "../../chunk-E3G5QXSH.mjs";
|
|
28
28
|
import "../../chunk-DDFJMHBC.mjs";
|
|
29
29
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -5,18 +5,18 @@ import {
|
|
|
5
5
|
} from "../../chunk-DS5CGU2X.mjs";
|
|
6
6
|
import {
|
|
7
7
|
table_default
|
|
8
|
-
} from "../../chunk-
|
|
8
|
+
} from "../../chunk-PX4RCHOE.mjs";
|
|
9
9
|
import "../../chunk-7B7LRG5J.mjs";
|
|
10
10
|
import "../../chunk-WLTBJF4I.mjs";
|
|
11
11
|
import "../../chunk-F3HENRVM.mjs";
|
|
12
12
|
import "../../chunk-QZ3LVYJW.mjs";
|
|
13
13
|
import "../../chunk-2GCSFWHD.mjs";
|
|
14
14
|
import "../../chunk-VNRGOOSY.mjs";
|
|
15
|
+
import "../../chunk-DQRAFUDA.mjs";
|
|
16
|
+
import "../../chunk-EWS3FESG.mjs";
|
|
15
17
|
import "../../chunk-OEIEALIP.mjs";
|
|
16
18
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
17
19
|
import "../../chunk-R7KUEH3N.mjs";
|
|
18
|
-
import "../../chunk-DQRAFUDA.mjs";
|
|
19
|
-
import "../../chunk-EWS3FESG.mjs";
|
|
20
20
|
import "../../chunk-E3G5QXSH.mjs";
|
|
21
21
|
import "../../chunk-DDFJMHBC.mjs";
|
|
22
22
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
table_body_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-PX4RCHOE.mjs";
|
|
5
5
|
import "../../chunk-7B7LRG5J.mjs";
|
|
6
6
|
import "../../chunk-WLTBJF4I.mjs";
|
|
7
7
|
import "../../chunk-F3HENRVM.mjs";
|
|
8
8
|
import "../../chunk-QZ3LVYJW.mjs";
|
|
9
9
|
import "../../chunk-2GCSFWHD.mjs";
|
|
10
10
|
import "../../chunk-VNRGOOSY.mjs";
|
|
11
|
+
import "../../chunk-DQRAFUDA.mjs";
|
|
12
|
+
import "../../chunk-EWS3FESG.mjs";
|
|
11
13
|
import "../../chunk-OEIEALIP.mjs";
|
|
12
14
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
13
15
|
import "../../chunk-R7KUEH3N.mjs";
|
|
14
|
-
import "../../chunk-DQRAFUDA.mjs";
|
|
15
|
-
import "../../chunk-EWS3FESG.mjs";
|
|
16
16
|
import "../../chunk-E3G5QXSH.mjs";
|
|
17
17
|
import "../../chunk-DDFJMHBC.mjs";
|
|
18
18
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
table_head_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-PX4RCHOE.mjs";
|
|
5
5
|
import "../../chunk-7B7LRG5J.mjs";
|
|
6
6
|
import "../../chunk-WLTBJF4I.mjs";
|
|
7
7
|
import "../../chunk-F3HENRVM.mjs";
|
|
8
8
|
import "../../chunk-QZ3LVYJW.mjs";
|
|
9
9
|
import "../../chunk-2GCSFWHD.mjs";
|
|
10
10
|
import "../../chunk-VNRGOOSY.mjs";
|
|
11
|
+
import "../../chunk-DQRAFUDA.mjs";
|
|
12
|
+
import "../../chunk-EWS3FESG.mjs";
|
|
11
13
|
import "../../chunk-OEIEALIP.mjs";
|
|
12
14
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
13
15
|
import "../../chunk-R7KUEH3N.mjs";
|
|
14
|
-
import "../../chunk-DQRAFUDA.mjs";
|
|
15
|
-
import "../../chunk-EWS3FESG.mjs";
|
|
16
16
|
import "../../chunk-E3G5QXSH.mjs";
|
|
17
17
|
import "../../chunk-DDFJMHBC.mjs";
|
|
18
18
|
import "../../chunk-U4DJHAM5.mjs";
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
import {
|
|
3
3
|
getCellStyle,
|
|
4
4
|
table_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-PX4RCHOE.mjs";
|
|
6
6
|
import "../../chunk-7B7LRG5J.mjs";
|
|
7
7
|
import "../../chunk-WLTBJF4I.mjs";
|
|
8
8
|
import "../../chunk-F3HENRVM.mjs";
|
|
9
9
|
import "../../chunk-QZ3LVYJW.mjs";
|
|
10
10
|
import "../../chunk-2GCSFWHD.mjs";
|
|
11
11
|
import "../../chunk-VNRGOOSY.mjs";
|
|
12
|
+
import "../../chunk-DQRAFUDA.mjs";
|
|
13
|
+
import "../../chunk-EWS3FESG.mjs";
|
|
12
14
|
import "../../chunk-OEIEALIP.mjs";
|
|
13
15
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
14
16
|
import "../../chunk-R7KUEH3N.mjs";
|
|
15
|
-
import "../../chunk-DQRAFUDA.mjs";
|
|
16
|
-
import "../../chunk-EWS3FESG.mjs";
|
|
17
17
|
import "../../chunk-E3G5QXSH.mjs";
|
|
18
18
|
import "../../chunk-DDFJMHBC.mjs";
|
|
19
19
|
import "../../chunk-U4DJHAM5.mjs";
|