@deepnoid/ui 0.1.167 → 0.1.168
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 +182 -177
- package/dist/chunk-2LRPY6DW.mjs +192 -0
- package/dist/{chunk-BRVQTI2T.mjs → chunk-5GAHDSWH.mjs} +1 -1
- package/dist/{chunk-ARNMOGRH.mjs → chunk-LH6Z7SDZ.mjs} +1 -1
- 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/areaChart.js +1 -1
- package/dist/components/charts/areaChart.mjs +1 -1
- package/dist/components/charts/barChart.js +1 -1
- package/dist/components/charts/barChart.mjs +1 -1
- package/dist/components/charts/index.d.mts +1 -0
- package/dist/components/charts/index.d.ts +1 -0
- package/dist/components/charts/index.js +187 -4
- package/dist/components/charts/index.mjs +11 -7
- package/dist/components/charts/simpleBarChart.d.mts +40 -0
- package/dist/components/charts/simpleBarChart.d.ts +40 -0
- package/dist/components/charts/simpleBarChart.js +555 -0
- package/dist/components/charts/simpleBarChart.mjs +10 -0
- 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 +3 -3
- package/dist/components/picker/index.mjs +3 -3
- package/dist/components/table/index.mjs +4 -4
- package/dist/components/table/table-body.mjs +4 -4
- package/dist/components/table/table-head.mjs +4 -4
- package/dist/components/table/table.mjs +4 -4
- package/dist/components/toast/index.mjs +2 -2
- package/dist/components/toast/use-toast.mjs +2 -2
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +200 -17
- package/dist/index.mjs +46 -42
- package/package.json +1 -1
- package/dist/{chunk-VYNBJBXD.mjs → chunk-3OCNT22V.mjs} +0 -0
- package/dist/{chunk-EQLBG32V.mjs → chunk-4OOHXMJH.mjs} +3 -3
- package/dist/{chunk-6DOAZ27E.mjs → chunk-7HMERBCT.mjs} +3 -3
- package/dist/{chunk-PX4RCHOE.mjs → chunk-DWW4ZESK.mjs} +3 -3
- package/dist/{chunk-NJFJJIWK.mjs → chunk-I3SXSUFN.mjs} +6 -6
|
@@ -5,18 +5,18 @@ import {
|
|
|
5
5
|
} from "../../chunk-DS5CGU2X.mjs";
|
|
6
6
|
import {
|
|
7
7
|
table_default
|
|
8
|
-
} from "../../chunk-
|
|
8
|
+
} from "../../chunk-DWW4ZESK.mjs";
|
|
9
9
|
import "../../chunk-7B7LRG5J.mjs";
|
|
10
10
|
import "../../chunk-WLTBJF4I.mjs";
|
|
11
11
|
import "../../chunk-F3HENRVM.mjs";
|
|
12
|
+
import "../../chunk-QZ3LVYJW.mjs";
|
|
12
13
|
import "../../chunk-2GCSFWHD.mjs";
|
|
13
14
|
import "../../chunk-VNRGOOSY.mjs";
|
|
14
|
-
import "../../chunk-DQRAFUDA.mjs";
|
|
15
|
-
import "../../chunk-EWS3FESG.mjs";
|
|
16
|
-
import "../../chunk-QZ3LVYJW.mjs";
|
|
17
15
|
import "../../chunk-OEIEALIP.mjs";
|
|
18
16
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
19
17
|
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-DWW4ZESK.mjs";
|
|
5
5
|
import "../../chunk-7B7LRG5J.mjs";
|
|
6
6
|
import "../../chunk-WLTBJF4I.mjs";
|
|
7
7
|
import "../../chunk-F3HENRVM.mjs";
|
|
8
|
+
import "../../chunk-QZ3LVYJW.mjs";
|
|
8
9
|
import "../../chunk-2GCSFWHD.mjs";
|
|
9
10
|
import "../../chunk-VNRGOOSY.mjs";
|
|
10
|
-
import "../../chunk-DQRAFUDA.mjs";
|
|
11
|
-
import "../../chunk-EWS3FESG.mjs";
|
|
12
|
-
import "../../chunk-QZ3LVYJW.mjs";
|
|
13
11
|
import "../../chunk-OEIEALIP.mjs";
|
|
14
12
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
15
13
|
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-DWW4ZESK.mjs";
|
|
5
5
|
import "../../chunk-7B7LRG5J.mjs";
|
|
6
6
|
import "../../chunk-WLTBJF4I.mjs";
|
|
7
7
|
import "../../chunk-F3HENRVM.mjs";
|
|
8
|
+
import "../../chunk-QZ3LVYJW.mjs";
|
|
8
9
|
import "../../chunk-2GCSFWHD.mjs";
|
|
9
10
|
import "../../chunk-VNRGOOSY.mjs";
|
|
10
|
-
import "../../chunk-DQRAFUDA.mjs";
|
|
11
|
-
import "../../chunk-EWS3FESG.mjs";
|
|
12
|
-
import "../../chunk-QZ3LVYJW.mjs";
|
|
13
11
|
import "../../chunk-OEIEALIP.mjs";
|
|
14
12
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
15
13
|
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-DWW4ZESK.mjs";
|
|
6
6
|
import "../../chunk-7B7LRG5J.mjs";
|
|
7
7
|
import "../../chunk-WLTBJF4I.mjs";
|
|
8
8
|
import "../../chunk-F3HENRVM.mjs";
|
|
9
|
+
import "../../chunk-QZ3LVYJW.mjs";
|
|
9
10
|
import "../../chunk-2GCSFWHD.mjs";
|
|
10
11
|
import "../../chunk-VNRGOOSY.mjs";
|
|
11
|
-
import "../../chunk-DQRAFUDA.mjs";
|
|
12
|
-
import "../../chunk-EWS3FESG.mjs";
|
|
13
|
-
import "../../chunk-QZ3LVYJW.mjs";
|
|
14
12
|
import "../../chunk-OEIEALIP.mjs";
|
|
15
13
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
16
14
|
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";
|
|
@@ -3,11 +3,11 @@ import "../../chunk-LUWGOKLG.mjs";
|
|
|
3
3
|
import {
|
|
4
4
|
ToastProvider,
|
|
5
5
|
useToast
|
|
6
|
-
} from "../../chunk-
|
|
7
|
-
import "../../chunk-ZOTHPHXA.mjs";
|
|
6
|
+
} from "../../chunk-4OOHXMJH.mjs";
|
|
8
7
|
import {
|
|
9
8
|
toast_default
|
|
10
9
|
} from "../../chunk-6574ITBF.mjs";
|
|
10
|
+
import "../../chunk-ZOTHPHXA.mjs";
|
|
11
11
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
12
12
|
import "../../chunk-R7KUEH3N.mjs";
|
|
13
13
|
import "../../chunk-E3G5QXSH.mjs";
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
ToastProvider,
|
|
4
4
|
useToast
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-ZOTHPHXA.mjs";
|
|
5
|
+
} from "../../chunk-4OOHXMJH.mjs";
|
|
7
6
|
import "../../chunk-6574ITBF.mjs";
|
|
7
|
+
import "../../chunk-ZOTHPHXA.mjs";
|
|
8
8
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
9
9
|
import "../../chunk-R7KUEH3N.mjs";
|
|
10
10
|
import "../../chunk-E3G5QXSH.mjs";
|
package/dist/index.d.mts
CHANGED
|
@@ -37,6 +37,7 @@ export { default as CircularProgress } from './components/charts/circularProgres
|
|
|
37
37
|
export { default as AreaChart } from './components/charts/areaChart.mjs';
|
|
38
38
|
export { default as BarChart, BarChartTooltip } from './components/charts/barChart.mjs';
|
|
39
39
|
export { default as RadarChart } from './components/charts/radarChart.mjs';
|
|
40
|
+
export { default as SimpleBarChart } from './components/charts/simpleBarChart.mjs';
|
|
40
41
|
export { default as Progress } from './components/progress/progress.mjs';
|
|
41
42
|
export { default as StarRating, StarRatingProps } from './components/starRating/starRating.mjs';
|
|
42
43
|
export { tv } from './utils/tailwind-variants.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -37,6 +37,7 @@ export { default as CircularProgress } from './components/charts/circularProgres
|
|
|
37
37
|
export { default as AreaChart } from './components/charts/areaChart.js';
|
|
38
38
|
export { default as BarChart, BarChartTooltip } from './components/charts/barChart.js';
|
|
39
39
|
export { default as RadarChart } from './components/charts/radarChart.js';
|
|
40
|
+
export { default as SimpleBarChart } from './components/charts/simpleBarChart.js';
|
|
40
41
|
export { default as Progress } from './components/progress/progress.js';
|
|
41
42
|
export { default as StarRating, StarRatingProps } from './components/starRating/starRating.js';
|
|
42
43
|
export { tv } from './utils/tailwind-variants.js';
|
package/dist/index.js
CHANGED
|
@@ -132,6 +132,7 @@ __export(index_exports, {
|
|
|
132
132
|
Radio: () => radio_default,
|
|
133
133
|
ScrollArea: () => scrollArea_default,
|
|
134
134
|
Select: () => select_default,
|
|
135
|
+
SimpleBarChart: () => simpleBarChart_default,
|
|
135
136
|
Skeleton: () => skeleton_default,
|
|
136
137
|
StarRating: () => starRating_default,
|
|
137
138
|
Switch: () => switch_default,
|
|
@@ -12804,7 +12805,7 @@ var AreaChartComponent = (0, import_react39.forwardRef)((originalProps, ref) =>
|
|
|
12804
12805
|
{
|
|
12805
12806
|
vertical: true,
|
|
12806
12807
|
horizontal: false,
|
|
12807
|
-
strokeDasharray: "
|
|
12808
|
+
strokeDasharray: "4 4",
|
|
12808
12809
|
className: "stroke-neutral-light",
|
|
12809
12810
|
verticalPoints: tickPositions
|
|
12810
12811
|
}
|
|
@@ -13021,7 +13022,7 @@ var BarChartComponent = (0, import_react40.forwardRef)((originalProps, ref) => {
|
|
|
13021
13022
|
{
|
|
13022
13023
|
vertical: true,
|
|
13023
13024
|
horizontal: false,
|
|
13024
|
-
strokeDasharray: "
|
|
13025
|
+
strokeDasharray: "4 4",
|
|
13025
13026
|
className: "stroke-neutral-light",
|
|
13026
13027
|
verticalPoints: tickPositions
|
|
13027
13028
|
}
|
|
@@ -13218,10 +13219,191 @@ var radarChartStyle = tv({
|
|
|
13218
13219
|
}
|
|
13219
13220
|
});
|
|
13220
13221
|
|
|
13221
|
-
// src/components/
|
|
13222
|
+
// src/components/charts/simpleBarChart.tsx
|
|
13222
13223
|
var import_react42 = require("react");
|
|
13224
|
+
var import_recharts5 = require("recharts");
|
|
13223
13225
|
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
13224
|
-
var
|
|
13226
|
+
var SimpleBarChartComponent = (0, import_react42.forwardRef)((originalProps, ref) => {
|
|
13227
|
+
const [props, variantProps] = mapPropsVariants(originalProps, simpleBarChartStyle.variantKeys);
|
|
13228
|
+
const {
|
|
13229
|
+
data = [],
|
|
13230
|
+
label,
|
|
13231
|
+
classNames,
|
|
13232
|
+
yAxisTicks = [0, 20, 40, 60, 80, 100],
|
|
13233
|
+
yAxisDomain = [0, 100],
|
|
13234
|
+
barGap = 20,
|
|
13235
|
+
tooltipFormatter
|
|
13236
|
+
} = { ...props, ...variantProps };
|
|
13237
|
+
const slots = (0, import_react42.useMemo)(() => simpleBarChartStyle({ ...variantProps }), [variantProps]);
|
|
13238
|
+
const chartRef = (0, import_react42.useRef)(null);
|
|
13239
|
+
const tooltipRef = (0, import_react42.useRef)(null);
|
|
13240
|
+
const [tooltipLeft, setTooltipLeft] = (0, import_react42.useState)(0);
|
|
13241
|
+
const [tickPositions, setTickPositions] = (0, import_react42.useState)([]);
|
|
13242
|
+
const tickRef = (0, import_react42.useRef)([]);
|
|
13243
|
+
const [tooltipState, setTooltipState] = (0, import_react42.useState)(null);
|
|
13244
|
+
const handleMouseEnter = (e) => {
|
|
13245
|
+
if (!tooltipFormatter || !chartRef.current) return;
|
|
13246
|
+
const { payload, x, y } = e;
|
|
13247
|
+
if (!payload) return;
|
|
13248
|
+
setTooltipState({
|
|
13249
|
+
x,
|
|
13250
|
+
y,
|
|
13251
|
+
value: payload.value,
|
|
13252
|
+
label: payload.title
|
|
13253
|
+
});
|
|
13254
|
+
};
|
|
13255
|
+
const handleMouseLeave = () => {
|
|
13256
|
+
setTooltipState(null);
|
|
13257
|
+
};
|
|
13258
|
+
const CustomBarShape = ({ x, y, width, height, fill }) => {
|
|
13259
|
+
const radius = 4;
|
|
13260
|
+
const extraHeight = 10;
|
|
13261
|
+
const adjustedHeight = height + extraHeight;
|
|
13262
|
+
const adjustedY = y - extraHeight;
|
|
13263
|
+
const bottomY = adjustedY + adjustedHeight;
|
|
13264
|
+
return height > 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
13265
|
+
"path",
|
|
13266
|
+
{
|
|
13267
|
+
d: `M${x},${bottomY} L${x},${adjustedY + radius} Q${x},${adjustedY} ${x + radius},${adjustedY} L${x + width - radius},${adjustedY} Q${x + width},${adjustedY} ${x + width},${adjustedY + radius} L${x + width},${bottomY} Z`,
|
|
13268
|
+
fill
|
|
13269
|
+
}
|
|
13270
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("rect", { x, y, width, height: 0, fill });
|
|
13271
|
+
};
|
|
13272
|
+
const CustomTick = ({ x, y, payload }) => {
|
|
13273
|
+
if (x !== void 0) tickRef.current.push(x);
|
|
13274
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
13275
|
+
"text",
|
|
13276
|
+
{
|
|
13277
|
+
x,
|
|
13278
|
+
y: y + 14,
|
|
13279
|
+
textAnchor: "middle",
|
|
13280
|
+
fontSize: 12,
|
|
13281
|
+
fontWeight: 700,
|
|
13282
|
+
fill: "currentColor",
|
|
13283
|
+
className: "text-body-foreground",
|
|
13284
|
+
children: payload.value
|
|
13285
|
+
}
|
|
13286
|
+
);
|
|
13287
|
+
};
|
|
13288
|
+
(0, import_react42.useEffect)(() => {
|
|
13289
|
+
const raf = requestAnimationFrame(() => {
|
|
13290
|
+
const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
|
|
13291
|
+
const mids = [];
|
|
13292
|
+
for (let i = 0; i < unique.length - 1; i++) {
|
|
13293
|
+
mids.push((unique[i] + unique[i + 1]) / 2);
|
|
13294
|
+
}
|
|
13295
|
+
setTickPositions(mids);
|
|
13296
|
+
tickRef.current = [];
|
|
13297
|
+
});
|
|
13298
|
+
return () => cancelAnimationFrame(raf);
|
|
13299
|
+
}, [data]);
|
|
13300
|
+
(0, import_react42.useLayoutEffect)(() => {
|
|
13301
|
+
if (!tooltipState || !chartRef.current || !tooltipRef.current) return;
|
|
13302
|
+
const chartRect = chartRef.current.getBoundingClientRect();
|
|
13303
|
+
const tooltipRect = tooltipRef.current.getBoundingClientRect();
|
|
13304
|
+
const chartWidth = chartRect.width;
|
|
13305
|
+
const tooltipWidth = tooltipRect.width;
|
|
13306
|
+
let left = tooltipState.x - tooltipWidth / 2;
|
|
13307
|
+
const padding2 = 8;
|
|
13308
|
+
if (left < padding2) {
|
|
13309
|
+
left = padding2;
|
|
13310
|
+
} else if (left + tooltipWidth > chartWidth - padding2) {
|
|
13311
|
+
left = chartWidth - tooltipWidth - padding2;
|
|
13312
|
+
}
|
|
13313
|
+
setTooltipLeft(left);
|
|
13314
|
+
}, [tooltipState]);
|
|
13315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { ref: chartRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
|
|
13316
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
|
|
13317
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_recharts5.ResponsiveContainer, { width: "100%", height: 140, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
13318
|
+
import_recharts5.BarChart,
|
|
13319
|
+
{
|
|
13320
|
+
data,
|
|
13321
|
+
margin: { left: 0, right: 0, top: 0, bottom: 0 },
|
|
13322
|
+
barSize: 10,
|
|
13323
|
+
barGap,
|
|
13324
|
+
className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
|
|
13325
|
+
children: [
|
|
13326
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
13327
|
+
import_recharts5.CartesianGrid,
|
|
13328
|
+
{
|
|
13329
|
+
vertical: true,
|
|
13330
|
+
horizontal: false,
|
|
13331
|
+
strokeDasharray: "4 4",
|
|
13332
|
+
className: "stroke-neutral-light",
|
|
13333
|
+
verticalPoints: tickPositions
|
|
13334
|
+
}
|
|
13335
|
+
),
|
|
13336
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
13337
|
+
import_recharts5.CartesianGrid,
|
|
13338
|
+
{
|
|
13339
|
+
vertical: true,
|
|
13340
|
+
horizontal: false,
|
|
13341
|
+
strokeDasharray: "0",
|
|
13342
|
+
strokeWidth: 2,
|
|
13343
|
+
className: "stroke-neutral-light",
|
|
13344
|
+
verticalPoints: [0]
|
|
13345
|
+
}
|
|
13346
|
+
),
|
|
13347
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
13348
|
+
import_recharts5.XAxis,
|
|
13349
|
+
{
|
|
13350
|
+
dataKey: "title",
|
|
13351
|
+
axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
|
|
13352
|
+
tickLine: false,
|
|
13353
|
+
tick: CustomTick,
|
|
13354
|
+
padding: { left: 0, right: 0 }
|
|
13355
|
+
}
|
|
13356
|
+
),
|
|
13357
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_recharts5.YAxis, { hide: true, ticks: yAxisTicks, domain: yAxisDomain }),
|
|
13358
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
13359
|
+
import_recharts5.Bar,
|
|
13360
|
+
{
|
|
13361
|
+
dataKey: "value",
|
|
13362
|
+
fill: "#C7E5FA",
|
|
13363
|
+
shape: CustomBarShape,
|
|
13364
|
+
onMouseEnter: handleMouseEnter,
|
|
13365
|
+
onMouseLeave: handleMouseLeave
|
|
13366
|
+
}
|
|
13367
|
+
)
|
|
13368
|
+
]
|
|
13369
|
+
}
|
|
13370
|
+
) }),
|
|
13371
|
+
tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
13372
|
+
"div",
|
|
13373
|
+
{
|
|
13374
|
+
ref: tooltipRef,
|
|
13375
|
+
style: {
|
|
13376
|
+
position: "absolute",
|
|
13377
|
+
left: tooltipLeft + 10,
|
|
13378
|
+
top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 30 : 0,
|
|
13379
|
+
pointerEvents: "none",
|
|
13380
|
+
zIndex: 10,
|
|
13381
|
+
opacity: tooltipState ? 1 : 0,
|
|
13382
|
+
transition: "opacity 0.1s ease-out",
|
|
13383
|
+
visibility: tooltipState ? "visible" : "hidden",
|
|
13384
|
+
width: "fit-content",
|
|
13385
|
+
whiteSpace: "nowrap"
|
|
13386
|
+
},
|
|
13387
|
+
children: tooltipState && tooltipFormatter(tooltipState)
|
|
13388
|
+
}
|
|
13389
|
+
)
|
|
13390
|
+
] });
|
|
13391
|
+
});
|
|
13392
|
+
SimpleBarChartComponent.displayName = "simpleBarChart";
|
|
13393
|
+
var simpleBarChart_default = SimpleBarChartComponent;
|
|
13394
|
+
var simpleBarChartStyle = tv({
|
|
13395
|
+
slots: {
|
|
13396
|
+
base: ["flex", "flex-col", "gap-[10px]", "select-none", "relative", "w-full"],
|
|
13397
|
+
label: ["text-md", "font-bold", "text-common-black"]
|
|
13398
|
+
},
|
|
13399
|
+
variants: {},
|
|
13400
|
+
defaultVariants: {}
|
|
13401
|
+
});
|
|
13402
|
+
|
|
13403
|
+
// src/components/starRating/starRating.tsx
|
|
13404
|
+
var import_react43 = require("react");
|
|
13405
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
13406
|
+
var StarRating = (0, import_react43.forwardRef)((originalProps, ref) => {
|
|
13225
13407
|
const [props, variantProps] = mapPropsVariants(originalProps, starRatingStyle.variantKeys);
|
|
13226
13408
|
const {
|
|
13227
13409
|
stars,
|
|
@@ -13234,8 +13416,8 @@ var StarRating = (0, import_react42.forwardRef)((originalProps, ref) => {
|
|
|
13234
13416
|
filledColor = "text-primary-main",
|
|
13235
13417
|
emptyColor = "text-neutral-soft"
|
|
13236
13418
|
} = { ...props, ...variantProps };
|
|
13237
|
-
const slots = (0,
|
|
13238
|
-
const [hoverRating, setHoverRating] = (0,
|
|
13419
|
+
const slots = (0, import_react43.useMemo)(() => starRatingStyle({ ...variantProps }), [variantProps]);
|
|
13420
|
+
const [hoverRating, setHoverRating] = (0, import_react43.useState)(0);
|
|
13239
13421
|
const handleStarClick = (starIndex, isHalf = false) => {
|
|
13240
13422
|
if (readOnly || !onChange) return;
|
|
13241
13423
|
let newRating;
|
|
@@ -13269,9 +13451,9 @@ var StarRating = (0, import_react42.forwardRef)((originalProps, ref) => {
|
|
|
13269
13451
|
const isEmpty = currentRating < starIndex - 1;
|
|
13270
13452
|
const isPartial = !isFull && !isEmpty;
|
|
13271
13453
|
const fillPercentage = isPartial ? (currentRating - (starIndex - 1)) * 100 : 0;
|
|
13272
|
-
return /* @__PURE__ */ (0,
|
|
13273
|
-
!readOnly && /* @__PURE__ */ (0,
|
|
13274
|
-
/* @__PURE__ */ (0,
|
|
13454
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: slots.starWrapper({ class: classNames == null ? void 0 : classNames.starWrapper }), children: [
|
|
13455
|
+
!readOnly && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
13456
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
13275
13457
|
"div",
|
|
13276
13458
|
{
|
|
13277
13459
|
className: slots.star({ class: classNames == null ? void 0 : classNames.star }),
|
|
@@ -13279,7 +13461,7 @@ var StarRating = (0, import_react42.forwardRef)((originalProps, ref) => {
|
|
|
13279
13461
|
onMouseEnter: () => handleStarHover(starIndex)
|
|
13280
13462
|
}
|
|
13281
13463
|
),
|
|
13282
|
-
allowHalf && /* @__PURE__ */ (0,
|
|
13464
|
+
allowHalf && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
13283
13465
|
"div",
|
|
13284
13466
|
{
|
|
13285
13467
|
className: slots.starHalf({ class: classNames == null ? void 0 : classNames.starHalf }),
|
|
@@ -13288,25 +13470,25 @@ var StarRating = (0, import_react42.forwardRef)((originalProps, ref) => {
|
|
|
13288
13470
|
}
|
|
13289
13471
|
)
|
|
13290
13472
|
] }),
|
|
13291
|
-
/* @__PURE__ */ (0,
|
|
13292
|
-
(isFull || isPartial) && /* @__PURE__ */ (0,
|
|
13293
|
-
/* @__PURE__ */ (0,
|
|
13294
|
-
/* @__PURE__ */ (0,
|
|
13473
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative", children: [
|
|
13474
|
+
(isFull || isPartial) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
13475
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon_default, { name: "star", fill: true, className: emptyColor, size }),
|
|
13476
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
13295
13477
|
"div",
|
|
13296
13478
|
{
|
|
13297
13479
|
className: "absolute left-0 top-0 overflow-hidden",
|
|
13298
13480
|
style: {
|
|
13299
13481
|
width: isFull ? "100%" : `${fillPercentage}%`
|
|
13300
13482
|
},
|
|
13301
|
-
children: /* @__PURE__ */ (0,
|
|
13483
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon_default, { name: "star", fill: true, className: filledColor, size })
|
|
13302
13484
|
}
|
|
13303
13485
|
)
|
|
13304
13486
|
] }),
|
|
13305
|
-
isEmpty && /* @__PURE__ */ (0,
|
|
13487
|
+
isEmpty && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon_default, { name: "star", fill: true, className: emptyColor, size })
|
|
13306
13488
|
] })
|
|
13307
13489
|
] }, starIndex);
|
|
13308
13490
|
};
|
|
13309
|
-
return /* @__PURE__ */ (0,
|
|
13491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: createRange(stars).map(renderStar) });
|
|
13310
13492
|
});
|
|
13311
13493
|
StarRating.displayName = "StarRating";
|
|
13312
13494
|
var starRating_default = StarRating;
|
|
@@ -13361,6 +13543,7 @@ var starRatingStyle = tv({
|
|
|
13361
13543
|
Radio,
|
|
13362
13544
|
ScrollArea,
|
|
13363
13545
|
Select,
|
|
13546
|
+
SimpleBarChart,
|
|
13364
13547
|
Skeleton,
|
|
13365
13548
|
StarRating,
|
|
13366
13549
|
Switch,
|
package/dist/index.mjs
CHANGED
|
@@ -1,38 +1,42 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import "./chunk-HIE2YRGA.mjs";
|
|
3
|
+
import {
|
|
4
|
+
tooltip_default
|
|
5
|
+
} from "./chunk-5KC3IFNR.mjs";
|
|
6
|
+
import "./chunk-ZMOAFSYE.mjs";
|
|
7
|
+
import "./chunk-WSIADHVC.mjs";
|
|
2
8
|
import "./chunk-MBLZYQCN.mjs";
|
|
3
9
|
import {
|
|
4
10
|
tree_default
|
|
5
11
|
} from "./chunk-WSBUOY2M.mjs";
|
|
12
|
+
import "./chunk-3MY6LO7N.mjs";
|
|
13
|
+
import {
|
|
14
|
+
tabs_default
|
|
15
|
+
} from "./chunk-DW3BX4M2.mjs";
|
|
6
16
|
import "./chunk-RRAZM5D3.mjs";
|
|
7
17
|
import {
|
|
8
18
|
textarea_default
|
|
9
19
|
} from "./chunk-3CRSSRCH.mjs";
|
|
10
|
-
import "./chunk-HIE2YRGA.mjs";
|
|
11
|
-
import {
|
|
12
|
-
tooltip_default
|
|
13
|
-
} from "./chunk-5KC3IFNR.mjs";
|
|
14
|
-
import "./chunk-ZMOAFSYE.mjs";
|
|
15
|
-
import "./chunk-WSIADHVC.mjs";
|
|
16
20
|
import "./chunk-LUWGOKLG.mjs";
|
|
17
21
|
import {
|
|
18
22
|
ToastProvider,
|
|
19
23
|
useToast
|
|
20
|
-
} from "./chunk-
|
|
21
|
-
import "./chunk-ZOTHPHXA.mjs";
|
|
24
|
+
} from "./chunk-4OOHXMJH.mjs";
|
|
22
25
|
import {
|
|
23
26
|
toast_default
|
|
24
27
|
} from "./chunk-6574ITBF.mjs";
|
|
28
|
+
import "./chunk-ZOTHPHXA.mjs";
|
|
29
|
+
import "./chunk-LVFI2NOH.mjs";
|
|
30
|
+
import {
|
|
31
|
+
switch_default
|
|
32
|
+
} from "./chunk-AGE57VDD.mjs";
|
|
25
33
|
import "./chunk-DX3KXNP6.mjs";
|
|
26
34
|
import {
|
|
27
35
|
definition_table_default
|
|
28
36
|
} from "./chunk-DS5CGU2X.mjs";
|
|
29
37
|
import {
|
|
30
38
|
table_default
|
|
31
|
-
} from "./chunk-
|
|
32
|
-
import "./chunk-3MY6LO7N.mjs";
|
|
33
|
-
import {
|
|
34
|
-
tabs_default
|
|
35
|
-
} from "./chunk-DW3BX4M2.mjs";
|
|
39
|
+
} from "./chunk-DWW4ZESK.mjs";
|
|
36
40
|
import "./chunk-MZ76AA76.mjs";
|
|
37
41
|
import {
|
|
38
42
|
skeleton_default
|
|
@@ -41,10 +45,6 @@ import "./chunk-OLQOLLKG.mjs";
|
|
|
41
45
|
import {
|
|
42
46
|
starRating_default
|
|
43
47
|
} from "./chunk-XTS6WKFD.mjs";
|
|
44
|
-
import "./chunk-LVFI2NOH.mjs";
|
|
45
|
-
import {
|
|
46
|
-
switch_default
|
|
47
|
-
} from "./chunk-AGE57VDD.mjs";
|
|
48
48
|
import "./chunk-TPFN22HR.mjs";
|
|
49
49
|
import {
|
|
50
50
|
radio_default
|
|
@@ -57,7 +57,8 @@ import "./chunk-F3HENRVM.mjs";
|
|
|
57
57
|
import "./chunk-4VWG4726.mjs";
|
|
58
58
|
import {
|
|
59
59
|
datePicker_default
|
|
60
|
-
} from "./chunk-
|
|
60
|
+
} from "./chunk-I3SXSUFN.mjs";
|
|
61
|
+
import "./chunk-FWFEKWWD.mjs";
|
|
61
62
|
import {
|
|
62
63
|
day_default
|
|
63
64
|
} from "./chunk-XZYQFBCT.mjs";
|
|
@@ -68,7 +69,6 @@ import "./chunk-QCEKPS7U.mjs";
|
|
|
68
69
|
import {
|
|
69
70
|
select_default
|
|
70
71
|
} from "./chunk-5G6CCE55.mjs";
|
|
71
|
-
import "./chunk-FWFEKWWD.mjs";
|
|
72
72
|
import "./chunk-7MVEAQ7Z.mjs";
|
|
73
73
|
import {
|
|
74
74
|
list_default
|
|
@@ -80,6 +80,7 @@ import "./chunk-DJOG6Z35.mjs";
|
|
|
80
80
|
import {
|
|
81
81
|
modal_default
|
|
82
82
|
} from "./chunk-SCQCMQDP.mjs";
|
|
83
|
+
import "./chunk-QZ3LVYJW.mjs";
|
|
83
84
|
import "./chunk-MGEWSREV.mjs";
|
|
84
85
|
import {
|
|
85
86
|
chip_default
|
|
@@ -100,25 +101,6 @@ import "./chunk-2GCSFWHD.mjs";
|
|
|
100
101
|
import {
|
|
101
102
|
input_default
|
|
102
103
|
} from "./chunk-VNRGOOSY.mjs";
|
|
103
|
-
import "./chunk-VYNBJBXD.mjs";
|
|
104
|
-
import {
|
|
105
|
-
areaChart_default
|
|
106
|
-
} from "./chunk-ARNMOGRH.mjs";
|
|
107
|
-
import "./chunk-DQRAFUDA.mjs";
|
|
108
|
-
import {
|
|
109
|
-
scrollArea_default
|
|
110
|
-
} from "./chunk-EWS3FESG.mjs";
|
|
111
|
-
import {
|
|
112
|
-
BarChartTooltip,
|
|
113
|
-
barChart_default
|
|
114
|
-
} from "./chunk-BRVQTI2T.mjs";
|
|
115
|
-
import {
|
|
116
|
-
circularProgress_default
|
|
117
|
-
} from "./chunk-WA7CSZQ3.mjs";
|
|
118
|
-
import {
|
|
119
|
-
radarChart_default
|
|
120
|
-
} from "./chunk-U7SYKG2C.mjs";
|
|
121
|
-
import "./chunk-QZ3LVYJW.mjs";
|
|
122
104
|
import {
|
|
123
105
|
checkbox_default
|
|
124
106
|
} from "./chunk-OEIEALIP.mjs";
|
|
@@ -129,11 +111,8 @@ import {
|
|
|
129
111
|
import "./chunk-KYIODWXL.mjs";
|
|
130
112
|
import {
|
|
131
113
|
breadcrumb_default
|
|
132
|
-
} from "./chunk-
|
|
114
|
+
} from "./chunk-7HMERBCT.mjs";
|
|
133
115
|
import "./chunk-MY5U63QO.mjs";
|
|
134
|
-
import {
|
|
135
|
-
text_button_default
|
|
136
|
-
} from "./chunk-4LUASWAN.mjs";
|
|
137
116
|
import {
|
|
138
117
|
button_group_default
|
|
139
118
|
} from "./chunk-5VTYO3RF.mjs";
|
|
@@ -151,6 +130,30 @@ import {
|
|
|
151
130
|
Icon_default,
|
|
152
131
|
iconTemplate
|
|
153
132
|
} from "./chunk-R7KUEH3N.mjs";
|
|
133
|
+
import {
|
|
134
|
+
text_button_default
|
|
135
|
+
} from "./chunk-4LUASWAN.mjs";
|
|
136
|
+
import "./chunk-3OCNT22V.mjs";
|
|
137
|
+
import {
|
|
138
|
+
radarChart_default
|
|
139
|
+
} from "./chunk-U7SYKG2C.mjs";
|
|
140
|
+
import {
|
|
141
|
+
simpleBarChart_default
|
|
142
|
+
} from "./chunk-2LRPY6DW.mjs";
|
|
143
|
+
import {
|
|
144
|
+
areaChart_default
|
|
145
|
+
} from "./chunk-LH6Z7SDZ.mjs";
|
|
146
|
+
import "./chunk-DQRAFUDA.mjs";
|
|
147
|
+
import {
|
|
148
|
+
scrollArea_default
|
|
149
|
+
} from "./chunk-EWS3FESG.mjs";
|
|
150
|
+
import {
|
|
151
|
+
BarChartTooltip,
|
|
152
|
+
barChart_default
|
|
153
|
+
} from "./chunk-5GAHDSWH.mjs";
|
|
154
|
+
import {
|
|
155
|
+
circularProgress_default
|
|
156
|
+
} from "./chunk-WA7CSZQ3.mjs";
|
|
154
157
|
import "./chunk-NMSDSEBD.mjs";
|
|
155
158
|
import {
|
|
156
159
|
accordion_default
|
|
@@ -202,6 +205,7 @@ export {
|
|
|
202
205
|
radio_default as Radio,
|
|
203
206
|
scrollArea_default as ScrollArea,
|
|
204
207
|
select_default as Select,
|
|
208
|
+
simpleBarChart_default as SimpleBarChart,
|
|
205
209
|
skeleton_default as Skeleton,
|
|
206
210
|
starRating_default as StarRating,
|
|
207
211
|
switch_default as Switch,
|
package/package.json
CHANGED
|
File without changes
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
getToastPosition
|
|
4
|
-
} from "./chunk-ZOTHPHXA.mjs";
|
|
5
2
|
import {
|
|
6
3
|
toast_default
|
|
7
4
|
} from "./chunk-6574ITBF.mjs";
|
|
5
|
+
import {
|
|
6
|
+
getToastPosition
|
|
7
|
+
} from "./chunk-ZOTHPHXA.mjs";
|
|
8
8
|
|
|
9
9
|
// src/components/toast/use-toast.tsx
|
|
10
10
|
import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
text_button_default
|
|
4
|
-
} from "./chunk-4LUASWAN.mjs";
|
|
5
2
|
import {
|
|
6
3
|
Icon_default
|
|
7
4
|
} from "./chunk-R7KUEH3N.mjs";
|
|
5
|
+
import {
|
|
6
|
+
text_button_default
|
|
7
|
+
} from "./chunk-4LUASWAN.mjs";
|
|
8
8
|
import {
|
|
9
9
|
tv
|
|
10
10
|
} from "./chunk-U4DJHAM5.mjs";
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
import {
|
|
3
3
|
pagination_default
|
|
4
4
|
} from "./chunk-WLTBJF4I.mjs";
|
|
5
|
-
import {
|
|
6
|
-
scrollArea_default
|
|
7
|
-
} from "./chunk-EWS3FESG.mjs";
|
|
8
5
|
import {
|
|
9
6
|
checkbox_default
|
|
10
7
|
} from "./chunk-OEIEALIP.mjs";
|
|
8
|
+
import {
|
|
9
|
+
scrollArea_default
|
|
10
|
+
} from "./chunk-EWS3FESG.mjs";
|
|
11
11
|
import {
|
|
12
12
|
mapPropsVariants
|
|
13
13
|
} from "./chunk-E3G5QXSH.mjs";
|