@trinityui/design-system 1.0.5 → 1.0.7
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/CHANGELOG.md +18 -0
- package/dist/Legend.js +3 -3
- package/dist/data-table.d.ts +3 -0
- package/dist/data-table.d.ts.map +1 -0
- package/dist/data-table.js +4 -0
- package/dist/data.js +329 -329
- package/dist/essentials.js +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +26 -27
- package/dist/navigation.js +18 -18
- package/dist/theme.js +4 -4
- package/dist/tokens.js +11 -11
- package/package.json +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
## [1.0.7](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v1.0.7) (2026-02-24)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
* **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
|
|
6
|
+
* simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
|
|
7
|
+
* simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
|
|
8
|
+
* **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
|
|
9
|
+
* **storybook:** add Trinity branding with custom logo and theme ([8859283](https://github.com/Trinity-UI-Components/trinity-design-system/commit/8859283b58ad77f22b303f0e31f915c0f4f9aecd)), closes [#050742](https://github.com/Trinity-UI-Components/trinity-design-system/issues/050742) [#7841C9](https://github.com/Trinity-UI-Components/trinity-design-system/issues/7841C9)
|
|
10
|
+
* **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
|
|
11
|
+
* **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* **DataCard:** use theme-aware status backgrounds for dark mode ([621a039](https://github.com/Trinity-UI-Components/trinity-design-system/commit/621a039446736238cabb7ed5919333c97145f009)), closes [#F0FDF4](https://github.com/Trinity-UI-Components/trinity-design-system/issues/F0FDF4) [#FFFBEB](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFFBEB)
|
|
16
|
+
* improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
|
|
17
|
+
* replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
|
|
18
|
+
* update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
|
|
1
19
|
## [1.0.5](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v1.0.5) (2026-02-24)
|
|
2
20
|
|
|
3
21
|
### Features
|
package/dist/Legend.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../src/data-table.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC"}
|
package/dist/data.js
CHANGED
|
@@ -1,22 +1,289 @@
|
|
|
1
1
|
import { jsx as e, jsxs as h, Fragment as We } from "react/jsx-runtime";
|
|
2
|
-
import fr,
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import Br from "@mui/
|
|
7
|
-
import
|
|
2
|
+
import { useTheme as le, Card as fr, CardContent as br, Box as x, Skeleton as W, Typography as L, Tooltip as O, IconButton as A, Stack as j, FormControl as xr, Select as yr, MenuItem as Y, TextField as Ae, InputAdornment as ge, Menu as Le, ListItemIcon as wr, ListItemText as ie, Paper as He, Toolbar as Oe, alpha as ae, Chip as Sr, Divider as Pe } from "@mui/material";
|
|
3
|
+
import { InfoOutlined as Cr, MoreVert as kr, TrendingFlat as vr, TrendingDown as zr, TrendingUp as Mr } from "@mui/icons-material";
|
|
4
|
+
import { s as H, b as l } from "./navigation.js";
|
|
5
|
+
import Rr, { useState as G, useCallback as z, useMemo as ne } from "react";
|
|
6
|
+
import { useGridApiRef as Dr, GridRowEditStopReasons as Tr, DataGrid as Br, GridToolbarColumnsButton as Ir, GridToolbarFilterButton as $r, GridToolbarDensitySelector as Fr } from "@mui/x-data-grid";
|
|
7
|
+
import Gr from "@mui/icons-material/Search";
|
|
8
|
+
import Hr from "@mui/icons-material/Refresh";
|
|
9
|
+
import Pr from "@mui/icons-material/FileDownload";
|
|
8
10
|
import _e from "@mui/icons-material/Add";
|
|
9
11
|
import je from "@mui/icons-material/Close";
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import Fr from "@mui/icons-material/MoreVert";
|
|
12
|
+
import Er from "@mui/icons-material/Check";
|
|
13
|
+
import Wr from "@mui/icons-material/MoreVert";
|
|
13
14
|
import "@mui/icons-material/CheckCircle";
|
|
14
15
|
import "@mui/icons-material/Error";
|
|
15
16
|
import "@mui/icons-material/Warning";
|
|
16
17
|
import "@mui/icons-material/Info";
|
|
17
18
|
import "@mui/icons-material/DragIndicator";
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
const Ar = ({ data: d, color: n, height: m = 40 }) => {
|
|
20
|
+
if (!d || d.length < 2) return null;
|
|
21
|
+
const s = Math.min(...d), v = Math.max(...d) - s || 1, C = 100, g = d.map((y, D) => {
|
|
22
|
+
const u = D / (d.length - 1) * C, t = m - (y - s) / v * m;
|
|
23
|
+
return `${u},${t}`;
|
|
24
|
+
}).join(" "), f = `0,${m} ${g} ${C},${m}`;
|
|
25
|
+
return /* @__PURE__ */ h("svg", { width: "100%", height: m, viewBox: `0 0 ${C} ${m}`, preserveAspectRatio: "none", children: [
|
|
26
|
+
/* @__PURE__ */ e("defs", { children: /* @__PURE__ */ h("linearGradient", { id: `sparkline-gradient-${n}`, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
|
|
27
|
+
/* @__PURE__ */ e("stop", { offset: "0%", stopColor: n, stopOpacity: 0.3 }),
|
|
28
|
+
/* @__PURE__ */ e("stop", { offset: "100%", stopColor: n, stopOpacity: 0 })
|
|
29
|
+
] }) }),
|
|
30
|
+
/* @__PURE__ */ e(
|
|
31
|
+
"polygon",
|
|
32
|
+
{
|
|
33
|
+
points: f,
|
|
34
|
+
fill: `url(#sparkline-gradient-${n})`
|
|
35
|
+
}
|
|
36
|
+
),
|
|
37
|
+
/* @__PURE__ */ e(
|
|
38
|
+
"polyline",
|
|
39
|
+
{
|
|
40
|
+
points: g,
|
|
41
|
+
fill: "none",
|
|
42
|
+
stroke: n,
|
|
43
|
+
strokeWidth: 2,
|
|
44
|
+
strokeLinecap: "round",
|
|
45
|
+
strokeLinejoin: "round"
|
|
46
|
+
}
|
|
47
|
+
)
|
|
48
|
+
] });
|
|
49
|
+
}, Lr = {
|
|
50
|
+
small: {
|
|
51
|
+
padding: H.density.standard.cellPadding,
|
|
52
|
+
titleSize: "caption",
|
|
53
|
+
valueSize: "h5",
|
|
54
|
+
iconSize: 32
|
|
55
|
+
},
|
|
56
|
+
medium: {
|
|
57
|
+
padding: H.density.comfortable.cellPadding,
|
|
58
|
+
titleSize: "body2",
|
|
59
|
+
valueSize: "h4",
|
|
60
|
+
iconSize: 40
|
|
61
|
+
},
|
|
62
|
+
large: {
|
|
63
|
+
padding: H.inline.relaxed,
|
|
64
|
+
// 20px - relaxed breathing room
|
|
65
|
+
titleSize: "body1",
|
|
66
|
+
valueSize: "h3",
|
|
67
|
+
iconSize: 48
|
|
68
|
+
}
|
|
69
|
+
}, ft = ({
|
|
70
|
+
title: d,
|
|
71
|
+
value: n,
|
|
72
|
+
unit: m,
|
|
73
|
+
trend: s,
|
|
74
|
+
trendValue: c,
|
|
75
|
+
trendLabel: v = "vs last period",
|
|
76
|
+
sparklineData: C,
|
|
77
|
+
subtitle: g,
|
|
78
|
+
icon: f,
|
|
79
|
+
iconColor: y = "primary",
|
|
80
|
+
comparison: D,
|
|
81
|
+
loading: u = !1,
|
|
82
|
+
infoTooltip: t,
|
|
83
|
+
onMoreClick: M,
|
|
84
|
+
onClick: F,
|
|
85
|
+
footer: _,
|
|
86
|
+
size: P = "medium",
|
|
87
|
+
variant: T = "default",
|
|
88
|
+
fullHeight: w = !1
|
|
89
|
+
}) => {
|
|
90
|
+
const i = le(), B = Lr[P], o = () => {
|
|
91
|
+
switch (s) {
|
|
92
|
+
case "up":
|
|
93
|
+
return i.palette.success.main;
|
|
94
|
+
case "down":
|
|
95
|
+
return i.palette.error.main;
|
|
96
|
+
default:
|
|
97
|
+
return i.palette.text.secondary;
|
|
98
|
+
}
|
|
99
|
+
}, p = () => {
|
|
100
|
+
switch (s) {
|
|
101
|
+
case "up":
|
|
102
|
+
return /* @__PURE__ */ e(Mr, { sx: { fontSize: 18 } });
|
|
103
|
+
case "down":
|
|
104
|
+
return /* @__PURE__ */ e(zr, { sx: { fontSize: 18 } });
|
|
105
|
+
default:
|
|
106
|
+
return /* @__PURE__ */ e(vr, { sx: { fontSize: 18 } });
|
|
107
|
+
}
|
|
108
|
+
}, R = () => {
|
|
109
|
+
const k = i.palette.trinity?.status;
|
|
110
|
+
return {
|
|
111
|
+
primary: i.palette.action.selected,
|
|
112
|
+
// Theme-aware 12%
|
|
113
|
+
secondary: i.palette.action.selected,
|
|
114
|
+
success: k?.success?.background || i.palette.action.selected,
|
|
115
|
+
warning: k?.warning?.background || i.palette.action.selected,
|
|
116
|
+
error: k?.error?.background || i.palette.action.selected,
|
|
117
|
+
info: k?.info?.background || i.palette.action.selected
|
|
118
|
+
}[y] || i.palette.action.selected;
|
|
119
|
+
}, $ = {
|
|
120
|
+
default: {},
|
|
121
|
+
outlined: {
|
|
122
|
+
border: `1px solid ${i.palette.divider}`,
|
|
123
|
+
boxShadow: "none"
|
|
124
|
+
},
|
|
125
|
+
filled: {
|
|
126
|
+
backgroundColor: i.palette.action.hover,
|
|
127
|
+
// Theme-aware subtle background
|
|
128
|
+
boxShadow: "none"
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
return /* @__PURE__ */ e(
|
|
132
|
+
fr,
|
|
133
|
+
{
|
|
134
|
+
elevation: T === "default" ? 1 : 0,
|
|
135
|
+
onClick: F,
|
|
136
|
+
sx: {
|
|
137
|
+
borderRadius: H.borders.radiusPx.lg,
|
|
138
|
+
// 12px to match AI StatCard
|
|
139
|
+
height: w ? "100%" : "auto",
|
|
140
|
+
cursor: F ? "pointer" : "default",
|
|
141
|
+
transition: `all ${H.motion.duration.fast} ${H.motion.easing.default}`,
|
|
142
|
+
"&:hover": F ? {
|
|
143
|
+
boxShadow: i.shadows[4],
|
|
144
|
+
transform: "translateY(-2px)"
|
|
145
|
+
} : {},
|
|
146
|
+
...$[T]
|
|
147
|
+
},
|
|
148
|
+
children: /* @__PURE__ */ h(br, { sx: { p: `${B.padding}px !important` }, children: [
|
|
149
|
+
/* @__PURE__ */ h(
|
|
150
|
+
x,
|
|
151
|
+
{
|
|
152
|
+
sx: {
|
|
153
|
+
display: "flex",
|
|
154
|
+
alignItems: "flex-start",
|
|
155
|
+
justifyContent: "space-between",
|
|
156
|
+
mb: 2
|
|
157
|
+
},
|
|
158
|
+
children: [
|
|
159
|
+
/* @__PURE__ */ h(x, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
|
|
160
|
+
f && /* @__PURE__ */ e(
|
|
161
|
+
x,
|
|
162
|
+
{
|
|
163
|
+
sx: {
|
|
164
|
+
display: "flex",
|
|
165
|
+
alignItems: "center",
|
|
166
|
+
justifyContent: "center",
|
|
167
|
+
width: B.iconSize,
|
|
168
|
+
height: B.iconSize,
|
|
169
|
+
borderRadius: `${H.borders.radius.iconContainer}px`,
|
|
170
|
+
backgroundColor: R(),
|
|
171
|
+
color: i.palette[y].main
|
|
172
|
+
},
|
|
173
|
+
children: f
|
|
174
|
+
}
|
|
175
|
+
),
|
|
176
|
+
/* @__PURE__ */ h(x, { children: [
|
|
177
|
+
/* @__PURE__ */ h(x, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
|
|
178
|
+
u ? /* @__PURE__ */ e(W, { width: 80, height: 20 }) : /* @__PURE__ */ e(
|
|
179
|
+
L,
|
|
180
|
+
{
|
|
181
|
+
variant: B.titleSize,
|
|
182
|
+
color: "text.secondary",
|
|
183
|
+
fontWeight: 500,
|
|
184
|
+
children: d
|
|
185
|
+
}
|
|
186
|
+
),
|
|
187
|
+
t && /* @__PURE__ */ e(O, { title: t, arrow: !0, children: /* @__PURE__ */ e(
|
|
188
|
+
Cr,
|
|
189
|
+
{
|
|
190
|
+
sx: {
|
|
191
|
+
fontSize: 14,
|
|
192
|
+
color: i.palette.text.disabled,
|
|
193
|
+
cursor: "help"
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
) })
|
|
197
|
+
] }),
|
|
198
|
+
g && !u && /* @__PURE__ */ e(L, { variant: "caption", color: "text.secondary", children: g })
|
|
199
|
+
] })
|
|
200
|
+
] }),
|
|
201
|
+
M && /* @__PURE__ */ e(
|
|
202
|
+
A,
|
|
203
|
+
{
|
|
204
|
+
size: "small",
|
|
205
|
+
onClick: (k) => {
|
|
206
|
+
k.stopPropagation(), M(k);
|
|
207
|
+
},
|
|
208
|
+
sx: { mr: -1, mt: -0.5 },
|
|
209
|
+
children: /* @__PURE__ */ e(kr, { fontSize: "small" })
|
|
210
|
+
}
|
|
211
|
+
)
|
|
212
|
+
]
|
|
213
|
+
}
|
|
214
|
+
),
|
|
215
|
+
/* @__PURE__ */ e(x, { sx: { mb: C ? 2 : s ? 1 : 0 }, children: u ? /* @__PURE__ */ e(W, { width: 120, height: 40 }) : /* @__PURE__ */ h(
|
|
216
|
+
L,
|
|
217
|
+
{
|
|
218
|
+
variant: B.valueSize,
|
|
219
|
+
fontWeight: 700,
|
|
220
|
+
sx: {
|
|
221
|
+
display: "flex",
|
|
222
|
+
alignItems: "baseline",
|
|
223
|
+
gap: 0.5
|
|
224
|
+
},
|
|
225
|
+
children: [
|
|
226
|
+
n,
|
|
227
|
+
m && /* @__PURE__ */ e(
|
|
228
|
+
L,
|
|
229
|
+
{
|
|
230
|
+
component: "span",
|
|
231
|
+
variant: "body2",
|
|
232
|
+
color: "text.secondary",
|
|
233
|
+
fontWeight: 400,
|
|
234
|
+
children: m
|
|
235
|
+
}
|
|
236
|
+
)
|
|
237
|
+
]
|
|
238
|
+
}
|
|
239
|
+
) }),
|
|
240
|
+
C && C.length > 1 && !u && /* @__PURE__ */ e(x, { sx: { mb: 2, mx: -1 }, children: /* @__PURE__ */ e(
|
|
241
|
+
Ar,
|
|
242
|
+
{
|
|
243
|
+
data: C,
|
|
244
|
+
color: o(),
|
|
245
|
+
height: P === "small" ? 30 : P === "large" ? 50 : 40
|
|
246
|
+
}
|
|
247
|
+
) }),
|
|
248
|
+
s && !u && /* @__PURE__ */ h(
|
|
249
|
+
x,
|
|
250
|
+
{
|
|
251
|
+
sx: {
|
|
252
|
+
display: "flex",
|
|
253
|
+
alignItems: "center",
|
|
254
|
+
gap: 1,
|
|
255
|
+
flexWrap: "wrap"
|
|
256
|
+
},
|
|
257
|
+
children: [
|
|
258
|
+
/* @__PURE__ */ h(
|
|
259
|
+
x,
|
|
260
|
+
{
|
|
261
|
+
sx: {
|
|
262
|
+
display: "flex",
|
|
263
|
+
alignItems: "center",
|
|
264
|
+
gap: 0.5,
|
|
265
|
+
color: o()
|
|
266
|
+
},
|
|
267
|
+
children: [
|
|
268
|
+
p(),
|
|
269
|
+
c !== void 0 && /* @__PURE__ */ h(L, { variant: "body2", fontWeight: 600, children: [
|
|
270
|
+
c > 0 ? "+" : "",
|
|
271
|
+
c,
|
|
272
|
+
"%"
|
|
273
|
+
] })
|
|
274
|
+
]
|
|
275
|
+
}
|
|
276
|
+
),
|
|
277
|
+
/* @__PURE__ */ e(L, { variant: "caption", color: "text.secondary", children: v })
|
|
278
|
+
]
|
|
279
|
+
}
|
|
280
|
+
),
|
|
281
|
+
D && !u && /* @__PURE__ */ e(L, { variant: "caption", color: "text.secondary", sx: { mt: 1, display: "block" }, children: D }),
|
|
282
|
+
_ && /* @__PURE__ */ e(x, { sx: { mt: 2, pt: 2, borderTop: `1px solid ${i.palette.divider}` }, children: _ })
|
|
283
|
+
] })
|
|
284
|
+
}
|
|
285
|
+
);
|
|
286
|
+
}, me = {
|
|
20
287
|
compact: {
|
|
21
288
|
rowHeight: 48,
|
|
22
289
|
headerHeight: 44,
|
|
@@ -86,12 +353,12 @@ const me = {
|
|
|
86
353
|
cellSecondary: {
|
|
87
354
|
color: l.neutral.gray500
|
|
88
355
|
}
|
|
89
|
-
},
|
|
356
|
+
}, Or = {
|
|
90
357
|
hover: "background-color 0.15s ease"
|
|
91
358
|
};
|
|
92
359
|
l.neutral.gray100, l.neutral.gray600, l.neutral.gray400;
|
|
93
360
|
l.neutral.white, l.neutral.lightGray, l.neutral.white, l.neutral.lightGray, l.neutral.gray100, `${l.primary.light}`, l.neutral.gray100, l.neutral.gray600, l.neutral.gray500, l.neutral.darkBg, l.neutral.darkPaper, l.neutral.darkBg, l.neutral.darkPaper, H.effects.onDark.tint, `${l.primary.light}`, H.effects.onDark.divider, l.neutral.white, l.neutral.gray400;
|
|
94
|
-
const
|
|
361
|
+
const _r = ({
|
|
95
362
|
columns: d,
|
|
96
363
|
config: n,
|
|
97
364
|
density: m,
|
|
@@ -146,13 +413,13 @@ const Lr = ({
|
|
|
146
413
|
_.map((o) => {
|
|
147
414
|
const p = n.fieldConfigs?.[o.field], R = !!D[o.field], $ = f[o.field] ?? "";
|
|
148
415
|
return p?.type === "select" && p.options ? /* @__PURE__ */ e(
|
|
149
|
-
|
|
416
|
+
xr,
|
|
150
417
|
{
|
|
151
418
|
size: "small",
|
|
152
419
|
error: R,
|
|
153
420
|
sx: { minWidth: o.width || 150 },
|
|
154
421
|
children: /* @__PURE__ */ h(
|
|
155
|
-
|
|
422
|
+
yr,
|
|
156
423
|
{
|
|
157
424
|
value: $,
|
|
158
425
|
onChange: (k) => P(o.field, k.target.value),
|
|
@@ -211,7 +478,7 @@ const Lr = ({
|
|
|
211
478
|
}),
|
|
212
479
|
/* @__PURE__ */ h(j, { direction: "row", spacing: 0.5, sx: { ml: "auto" }, children: [
|
|
213
480
|
/* @__PURE__ */ e(O, { title: "Save (⌘+Enter)", children: /* @__PURE__ */ e(
|
|
214
|
-
|
|
481
|
+
A,
|
|
215
482
|
{
|
|
216
483
|
size: "small",
|
|
217
484
|
color: "primary",
|
|
@@ -223,11 +490,11 @@ const Lr = ({
|
|
|
223
490
|
backgroundColor: "primary.dark"
|
|
224
491
|
}
|
|
225
492
|
},
|
|
226
|
-
children: /* @__PURE__ */ e(
|
|
493
|
+
children: /* @__PURE__ */ e(Er, { fontSize: "small" })
|
|
227
494
|
}
|
|
228
495
|
) }),
|
|
229
496
|
/* @__PURE__ */ e(O, { title: "Cancel (Esc)", children: /* @__PURE__ */ e(
|
|
230
|
-
|
|
497
|
+
A,
|
|
231
498
|
{
|
|
232
499
|
size: "small",
|
|
233
500
|
onClick: i,
|
|
@@ -276,12 +543,12 @@ const Lr = ({
|
|
|
276
543
|
] })
|
|
277
544
|
}
|
|
278
545
|
);
|
|
279
|
-
},
|
|
546
|
+
}, jr = ({
|
|
280
547
|
row: d,
|
|
281
548
|
actions: n,
|
|
282
549
|
maxInline: m = 2
|
|
283
550
|
}) => {
|
|
284
|
-
const [s, c] =
|
|
551
|
+
const [s, c] = Rr.useState(null), v = !!s, C = n.filter((t) => !t.showInMenu).slice(0, m), g = [
|
|
285
552
|
...n.filter((t) => t.showInMenu),
|
|
286
553
|
...n.filter((t) => !t.showInMenu).slice(m)
|
|
287
554
|
], f = (t) => {
|
|
@@ -293,7 +560,7 @@ const Lr = ({
|
|
|
293
560
|
}, u = (t) => typeof t.disabled == "function" ? t.disabled(d) : t.disabled;
|
|
294
561
|
return /* @__PURE__ */ h(j, { direction: "row", spacing: 0.5, alignItems: "center", children: [
|
|
295
562
|
C.map((t) => /* @__PURE__ */ e(O, { title: t.label, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
|
|
296
|
-
|
|
563
|
+
A,
|
|
297
564
|
{
|
|
298
565
|
size: "small",
|
|
299
566
|
color: t.color || "default",
|
|
@@ -307,12 +574,12 @@ const Lr = ({
|
|
|
307
574
|
) }) }, t.id)),
|
|
308
575
|
g.length > 0 && /* @__PURE__ */ h(We, { children: [
|
|
309
576
|
/* @__PURE__ */ e(
|
|
310
|
-
|
|
577
|
+
A,
|
|
311
578
|
{
|
|
312
579
|
size: "small",
|
|
313
580
|
onClick: f,
|
|
314
581
|
sx: { p: 0.5 },
|
|
315
|
-
children: /* @__PURE__ */ e(
|
|
582
|
+
children: /* @__PURE__ */ e(Wr, { fontSize: "small" })
|
|
316
583
|
}
|
|
317
584
|
),
|
|
318
585
|
/* @__PURE__ */ e(
|
|
@@ -342,7 +609,7 @@ const Lr = ({
|
|
|
342
609
|
fontSize: 13
|
|
343
610
|
},
|
|
344
611
|
children: [
|
|
345
|
-
t.icon && /* @__PURE__ */ e(
|
|
612
|
+
t.icon && /* @__PURE__ */ e(wr, { sx: { color: t.color ? `${t.color}.main` : void 0 }, children: t.icon }),
|
|
346
613
|
/* @__PURE__ */ e(ie, { children: t.label })
|
|
347
614
|
]
|
|
348
615
|
},
|
|
@@ -352,7 +619,7 @@ const Lr = ({
|
|
|
352
619
|
)
|
|
353
620
|
] })
|
|
354
621
|
] });
|
|
355
|
-
},
|
|
622
|
+
}, Vr = ({
|
|
356
623
|
row: d,
|
|
357
624
|
actions: n,
|
|
358
625
|
isHovered: m = !1
|
|
@@ -370,7 +637,7 @@ const Lr = ({
|
|
|
370
637
|
visibility: m ? "visible" : "hidden"
|
|
371
638
|
},
|
|
372
639
|
children: n.map((c) => /* @__PURE__ */ e(O, { title: c.label, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
|
|
373
|
-
|
|
640
|
+
A,
|
|
374
641
|
{
|
|
375
642
|
size: "small",
|
|
376
643
|
color: c.color || "default",
|
|
@@ -389,7 +656,7 @@ const Lr = ({
|
|
|
389
656
|
) }) }, c.id))
|
|
390
657
|
}
|
|
391
658
|
);
|
|
392
|
-
},
|
|
659
|
+
}, Nr = {
|
|
393
660
|
compact: "compact",
|
|
394
661
|
standard: "standard",
|
|
395
662
|
comfortable: "comfortable"
|
|
@@ -402,7 +669,7 @@ const Lr = ({
|
|
|
402
669
|
[45, 88, 65, 72, 82, 55, 78, 68, 50, 85],
|
|
403
670
|
[78, 62, 88, 55, 70, 45, 82, 72, 65, 90],
|
|
404
671
|
[52, 78, 70, 88, 62, 75, 55, 85, 48, 72]
|
|
405
|
-
],
|
|
672
|
+
], Ur = (d) => `${Ee[d % Ee.length]}%`, Yr = (d, n) => `${pe[d % pe.length][n % pe[0].length]}%`, Kr = ({
|
|
406
673
|
columns: d,
|
|
407
674
|
rows: n,
|
|
408
675
|
density: m,
|
|
@@ -425,7 +692,7 @@ const Lr = ({
|
|
|
425
692
|
},
|
|
426
693
|
children: [
|
|
427
694
|
s && /* @__PURE__ */ e(
|
|
428
|
-
|
|
695
|
+
W,
|
|
429
696
|
{
|
|
430
697
|
variant: "rectangular",
|
|
431
698
|
width: 18,
|
|
@@ -433,7 +700,7 @@ const Lr = ({
|
|
|
433
700
|
sx: { borderRadius: "4px", flexShrink: 0 }
|
|
434
701
|
}
|
|
435
702
|
),
|
|
436
|
-
Array.from({ length: d }).map((C, g) => /* @__PURE__ */ e(x, { sx: { flex: 1, px: 1 }, children: /* @__PURE__ */ e(
|
|
703
|
+
Array.from({ length: d }).map((C, g) => /* @__PURE__ */ e(x, { sx: { flex: 1, px: 1 }, children: /* @__PURE__ */ e(W, { width: Ur(g), height: 14 }) }, g))
|
|
437
704
|
]
|
|
438
705
|
}
|
|
439
706
|
),
|
|
@@ -451,7 +718,7 @@ const Lr = ({
|
|
|
451
718
|
},
|
|
452
719
|
children: [
|
|
453
720
|
s && /* @__PURE__ */ e(
|
|
454
|
-
|
|
721
|
+
W,
|
|
455
722
|
{
|
|
456
723
|
variant: "rectangular",
|
|
457
724
|
width: 18,
|
|
@@ -460,9 +727,9 @@ const Lr = ({
|
|
|
460
727
|
}
|
|
461
728
|
),
|
|
462
729
|
Array.from({ length: d }).map((f, y) => /* @__PURE__ */ e(x, { sx: { flex: 1, px: 1 }, children: /* @__PURE__ */ e(
|
|
463
|
-
|
|
730
|
+
W,
|
|
464
731
|
{
|
|
465
|
-
width:
|
|
732
|
+
width: Yr(g, y),
|
|
466
733
|
height: 12,
|
|
467
734
|
sx: { my: 0.5 }
|
|
468
735
|
}
|
|
@@ -473,7 +740,7 @@ const Lr = ({
|
|
|
473
740
|
))
|
|
474
741
|
] });
|
|
475
742
|
};
|
|
476
|
-
function
|
|
743
|
+
function qr({
|
|
477
744
|
title: d,
|
|
478
745
|
subtitle: n,
|
|
479
746
|
searchValue: m,
|
|
@@ -518,7 +785,7 @@ function Yr({
|
|
|
518
785
|
children: [
|
|
519
786
|
/* @__PURE__ */ e(x, { sx: { flex: "1 1 auto", minWidth: 180 }, children: k ? /* @__PURE__ */ h(j, { direction: "row", spacing: 1.5, alignItems: "center", children: [
|
|
520
787
|
/* @__PURE__ */ e(
|
|
521
|
-
|
|
788
|
+
Sr,
|
|
522
789
|
{
|
|
523
790
|
label: `${v} selected`,
|
|
524
791
|
size: "small",
|
|
@@ -538,7 +805,7 @@ function Yr({
|
|
|
538
805
|
}
|
|
539
806
|
),
|
|
540
807
|
g && g.length > 0 && /* @__PURE__ */ e(j, { direction: "row", spacing: 0.5, children: g.map((I, Z) => /* @__PURE__ */ e(O, { title: I.label, children: /* @__PURE__ */ e(
|
|
541
|
-
|
|
808
|
+
A,
|
|
542
809
|
{
|
|
543
810
|
size: "small",
|
|
544
811
|
onClick: () => f?.(I),
|
|
@@ -574,7 +841,7 @@ function Yr({
|
|
|
574
841
|
value: m,
|
|
575
842
|
onChange: (I) => s(I.target.value),
|
|
576
843
|
InputProps: {
|
|
577
|
-
startAdornment: /* @__PURE__ */ e(ge, { position: "start", children: /* @__PURE__ */ e(
|
|
844
|
+
startAdornment: /* @__PURE__ */ e(ge, { position: "start", children: /* @__PURE__ */ e(Gr, { fontSize: "small", sx: { color: w.textSecondary } }) })
|
|
578
845
|
},
|
|
579
846
|
sx: {
|
|
580
847
|
width: 200,
|
|
@@ -593,7 +860,7 @@ function Yr({
|
|
|
593
860
|
}
|
|
594
861
|
),
|
|
595
862
|
D && /* @__PURE__ */ e(O, { title: "Add row", children: /* @__PURE__ */ e(
|
|
596
|
-
|
|
863
|
+
A,
|
|
597
864
|
{
|
|
598
865
|
size: "small",
|
|
599
866
|
onClick: D,
|
|
@@ -610,7 +877,7 @@ function Yr({
|
|
|
610
877
|
) }),
|
|
611
878
|
/* @__PURE__ */ e(Pe, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5, height: 24, alignSelf: "center" } }),
|
|
612
879
|
_ && /* @__PURE__ */ e(
|
|
613
|
-
|
|
880
|
+
Ir,
|
|
614
881
|
{
|
|
615
882
|
slotProps: {
|
|
616
883
|
button: {
|
|
@@ -626,7 +893,7 @@ function Yr({
|
|
|
626
893
|
}
|
|
627
894
|
),
|
|
628
895
|
P && /* @__PURE__ */ e(
|
|
629
|
-
|
|
896
|
+
$r,
|
|
630
897
|
{
|
|
631
898
|
slotProps: {
|
|
632
899
|
button: {
|
|
@@ -642,7 +909,7 @@ function Yr({
|
|
|
642
909
|
}
|
|
643
910
|
),
|
|
644
911
|
T && /* @__PURE__ */ e(
|
|
645
|
-
|
|
912
|
+
Fr,
|
|
646
913
|
{
|
|
647
914
|
slotProps: {
|
|
648
915
|
button: {
|
|
@@ -659,7 +926,7 @@ function Yr({
|
|
|
659
926
|
),
|
|
660
927
|
M && t && /* @__PURE__ */ h(We, { children: [
|
|
661
928
|
/* @__PURE__ */ e(O, { title: "Export", children: /* @__PURE__ */ e(
|
|
662
|
-
|
|
929
|
+
A,
|
|
663
930
|
{
|
|
664
931
|
size: "small",
|
|
665
932
|
onClick: p,
|
|
@@ -667,7 +934,7 @@ function Yr({
|
|
|
667
934
|
borderRadius: "8px",
|
|
668
935
|
"&:hover": { backgroundColor: w.hover }
|
|
669
936
|
},
|
|
670
|
-
children: /* @__PURE__ */ e(
|
|
937
|
+
children: /* @__PURE__ */ e(Pr, { fontSize: "small" })
|
|
671
938
|
}
|
|
672
939
|
) }),
|
|
673
940
|
/* @__PURE__ */ h(
|
|
@@ -693,7 +960,7 @@ function Yr({
|
|
|
693
960
|
)
|
|
694
961
|
] }),
|
|
695
962
|
F && u && /* @__PURE__ */ e(O, { title: "Refresh", children: /* @__PURE__ */ e(
|
|
696
|
-
|
|
963
|
+
A,
|
|
697
964
|
{
|
|
698
965
|
size: "small",
|
|
699
966
|
onClick: u,
|
|
@@ -701,7 +968,7 @@ function Yr({
|
|
|
701
968
|
borderRadius: "8px",
|
|
702
969
|
"&:hover": { backgroundColor: w.hover }
|
|
703
970
|
},
|
|
704
|
-
children: /* @__PURE__ */ e(
|
|
971
|
+
children: /* @__PURE__ */ e(Hr, { fontSize: "small" })
|
|
705
972
|
}
|
|
706
973
|
) })
|
|
707
974
|
] })
|
|
@@ -709,7 +976,7 @@ function Yr({
|
|
|
709
976
|
}
|
|
710
977
|
);
|
|
711
978
|
}
|
|
712
|
-
const
|
|
979
|
+
const bt = ({
|
|
713
980
|
// Core props
|
|
714
981
|
rows: d,
|
|
715
982
|
columns: n,
|
|
@@ -784,7 +1051,7 @@ const ft = ({
|
|
|
784
1051
|
slots: qe,
|
|
785
1052
|
slotProps: re
|
|
786
1053
|
}) => {
|
|
787
|
-
const ze = le(), Me = ze.palette.mode, a = Ve[Me], N =
|
|
1054
|
+
const ze = le(), Me = ze.palette.mode, a = Ve[Me], N = Dr(), [te, Qr] = G(c), [K, Re] = G({
|
|
788
1055
|
type: "include",
|
|
789
1056
|
ids: /* @__PURE__ */ new Set()
|
|
790
1057
|
}), [Je, Qe] = G({
|
|
@@ -809,14 +1076,14 @@ const ft = ({
|
|
|
809
1076
|
renderCell: (S) => {
|
|
810
1077
|
const E = s ? s(S.row) : S.row.id, X = String(De) === String(E);
|
|
811
1078
|
return he === "hover" ? /* @__PURE__ */ e(
|
|
812
|
-
|
|
1079
|
+
Vr,
|
|
813
1080
|
{
|
|
814
1081
|
row: S.row,
|
|
815
1082
|
actions: U,
|
|
816
1083
|
isHovered: X
|
|
817
1084
|
}
|
|
818
1085
|
) : /* @__PURE__ */ e(
|
|
819
|
-
|
|
1086
|
+
jr,
|
|
820
1087
|
{
|
|
821
1088
|
row: S.row,
|
|
822
1089
|
actions: U,
|
|
@@ -867,7 +1134,7 @@ const ft = ({
|
|
|
867
1134
|
},
|
|
868
1135
|
[we]
|
|
869
1136
|
), cr = z((r, b) => {
|
|
870
|
-
r.reason ===
|
|
1137
|
+
r.reason === Tr.rowFocusOut && (b.defaultMuiPrevented = !0);
|
|
871
1138
|
}, []), hr = z(
|
|
872
1139
|
async (r, b) => de ? await de(r, b) : r,
|
|
873
1140
|
[de]
|
|
@@ -925,7 +1192,7 @@ const ft = ({
|
|
|
925
1192
|
[I, ce, Q, s]
|
|
926
1193
|
), mr = z(
|
|
927
1194
|
() => /* @__PURE__ */ e(
|
|
928
|
-
|
|
1195
|
+
qr,
|
|
929
1196
|
{
|
|
930
1197
|
title: B,
|
|
931
1198
|
subtitle: o,
|
|
@@ -993,16 +1260,16 @@ const ft = ({
|
|
|
993
1260
|
gap: 2
|
|
994
1261
|
},
|
|
995
1262
|
children: [
|
|
996
|
-
/* @__PURE__ */ e(
|
|
1263
|
+
/* @__PURE__ */ e(W, { width: 120, height: 24, sx: { borderRadius: "4px" } }),
|
|
997
1264
|
/* @__PURE__ */ e(x, { sx: { flex: 1 } }),
|
|
998
|
-
/* @__PURE__ */ e(
|
|
999
|
-
/* @__PURE__ */ e(
|
|
1000
|
-
/* @__PURE__ */ e(
|
|
1265
|
+
/* @__PURE__ */ e(W, { width: 180, height: 36, sx: { borderRadius: "8px" } }),
|
|
1266
|
+
/* @__PURE__ */ e(W, { width: 32, height: 32, sx: { borderRadius: "8px" } }),
|
|
1267
|
+
/* @__PURE__ */ e(W, { width: 32, height: 32, sx: { borderRadius: "8px" } })
|
|
1001
1268
|
]
|
|
1002
1269
|
}
|
|
1003
1270
|
),
|
|
1004
1271
|
/* @__PURE__ */ e(
|
|
1005
|
-
|
|
1272
|
+
Kr,
|
|
1006
1273
|
{
|
|
1007
1274
|
columns: Math.min(n.length, 5),
|
|
1008
1275
|
rows: Math.floor((p - 120) / J.rowHeight),
|
|
@@ -1031,14 +1298,14 @@ const ft = ({
|
|
|
1031
1298
|
},
|
|
1032
1299
|
children: [
|
|
1033
1300
|
/* @__PURE__ */ e(
|
|
1034
|
-
|
|
1301
|
+
Br,
|
|
1035
1302
|
{
|
|
1036
1303
|
apiRef: N,
|
|
1037
1304
|
rows: Q,
|
|
1038
1305
|
columns: Be,
|
|
1039
1306
|
loading: !1,
|
|
1040
1307
|
getRowId: s,
|
|
1041
|
-
density:
|
|
1308
|
+
density: Nr[te],
|
|
1042
1309
|
checkboxSelection: C?.enabled,
|
|
1043
1310
|
rowSelectionModel: K,
|
|
1044
1311
|
onRowSelectionModelChange: ar,
|
|
@@ -1161,7 +1428,7 @@ const ft = ({
|
|
|
1161
1428
|
},
|
|
1162
1429
|
// Row styles
|
|
1163
1430
|
"& .MuiDataGrid-row": {
|
|
1164
|
-
transition:
|
|
1431
|
+
transition: Or.hover,
|
|
1165
1432
|
"&:hover": {
|
|
1166
1433
|
backgroundColor: a.hover
|
|
1167
1434
|
},
|
|
@@ -1230,7 +1497,7 @@ const ft = ({
|
|
|
1230
1497
|
}
|
|
1231
1498
|
),
|
|
1232
1499
|
M?.enabled && /* @__PURE__ */ e(
|
|
1233
|
-
|
|
1500
|
+
_r,
|
|
1234
1501
|
{
|
|
1235
1502
|
columns: Be,
|
|
1236
1503
|
config: M,
|
|
@@ -1245,275 +1512,8 @@ const ft = ({
|
|
|
1245
1512
|
]
|
|
1246
1513
|
}
|
|
1247
1514
|
) });
|
|
1248
|
-
}, Kr = ({ data: d, color: n, height: m = 40 }) => {
|
|
1249
|
-
if (!d || d.length < 2) return null;
|
|
1250
|
-
const s = Math.min(...d), v = Math.max(...d) - s || 1, C = 100, g = d.map((y, D) => {
|
|
1251
|
-
const u = D / (d.length - 1) * C, t = m - (y - s) / v * m;
|
|
1252
|
-
return `${u},${t}`;
|
|
1253
|
-
}).join(" "), f = `0,${m} ${g} ${C},${m}`;
|
|
1254
|
-
return /* @__PURE__ */ h("svg", { width: "100%", height: m, viewBox: `0 0 ${C} ${m}`, preserveAspectRatio: "none", children: [
|
|
1255
|
-
/* @__PURE__ */ e("defs", { children: /* @__PURE__ */ h("linearGradient", { id: `sparkline-gradient-${n}`, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
|
|
1256
|
-
/* @__PURE__ */ e("stop", { offset: "0%", stopColor: n, stopOpacity: 0.3 }),
|
|
1257
|
-
/* @__PURE__ */ e("stop", { offset: "100%", stopColor: n, stopOpacity: 0 })
|
|
1258
|
-
] }) }),
|
|
1259
|
-
/* @__PURE__ */ e(
|
|
1260
|
-
"polygon",
|
|
1261
|
-
{
|
|
1262
|
-
points: f,
|
|
1263
|
-
fill: `url(#sparkline-gradient-${n})`
|
|
1264
|
-
}
|
|
1265
|
-
),
|
|
1266
|
-
/* @__PURE__ */ e(
|
|
1267
|
-
"polyline",
|
|
1268
|
-
{
|
|
1269
|
-
points: g,
|
|
1270
|
-
fill: "none",
|
|
1271
|
-
stroke: n,
|
|
1272
|
-
strokeWidth: 2,
|
|
1273
|
-
strokeLinecap: "round",
|
|
1274
|
-
strokeLinejoin: "round"
|
|
1275
|
-
}
|
|
1276
|
-
)
|
|
1277
|
-
] });
|
|
1278
|
-
}, qr = {
|
|
1279
|
-
small: {
|
|
1280
|
-
padding: H.density.standard.cellPadding,
|
|
1281
|
-
titleSize: "caption",
|
|
1282
|
-
valueSize: "h5",
|
|
1283
|
-
iconSize: 32
|
|
1284
|
-
},
|
|
1285
|
-
medium: {
|
|
1286
|
-
padding: H.density.comfortable.cellPadding,
|
|
1287
|
-
titleSize: "body2",
|
|
1288
|
-
valueSize: "h4",
|
|
1289
|
-
iconSize: 40
|
|
1290
|
-
},
|
|
1291
|
-
large: {
|
|
1292
|
-
padding: H.inline.relaxed,
|
|
1293
|
-
// 20px - relaxed breathing room
|
|
1294
|
-
titleSize: "body1",
|
|
1295
|
-
valueSize: "h3",
|
|
1296
|
-
iconSize: 48
|
|
1297
|
-
}
|
|
1298
|
-
}, bt = ({
|
|
1299
|
-
title: d,
|
|
1300
|
-
value: n,
|
|
1301
|
-
unit: m,
|
|
1302
|
-
trend: s,
|
|
1303
|
-
trendValue: c,
|
|
1304
|
-
trendLabel: v = "vs last period",
|
|
1305
|
-
sparklineData: C,
|
|
1306
|
-
subtitle: g,
|
|
1307
|
-
icon: f,
|
|
1308
|
-
iconColor: y = "primary",
|
|
1309
|
-
comparison: D,
|
|
1310
|
-
loading: u = !1,
|
|
1311
|
-
infoTooltip: t,
|
|
1312
|
-
onMoreClick: M,
|
|
1313
|
-
onClick: F,
|
|
1314
|
-
footer: _,
|
|
1315
|
-
size: P = "medium",
|
|
1316
|
-
variant: T = "default",
|
|
1317
|
-
fullHeight: w = !1
|
|
1318
|
-
}) => {
|
|
1319
|
-
const i = le(), B = qr[P], o = () => {
|
|
1320
|
-
switch (s) {
|
|
1321
|
-
case "up":
|
|
1322
|
-
return i.palette.success.main;
|
|
1323
|
-
case "down":
|
|
1324
|
-
return i.palette.error.main;
|
|
1325
|
-
default:
|
|
1326
|
-
return i.palette.text.secondary;
|
|
1327
|
-
}
|
|
1328
|
-
}, p = () => {
|
|
1329
|
-
switch (s) {
|
|
1330
|
-
case "up":
|
|
1331
|
-
return /* @__PURE__ */ e(Wr, { sx: { fontSize: 18 } });
|
|
1332
|
-
case "down":
|
|
1333
|
-
return /* @__PURE__ */ e(Er, { sx: { fontSize: 18 } });
|
|
1334
|
-
default:
|
|
1335
|
-
return /* @__PURE__ */ e(Pr, { sx: { fontSize: 18 } });
|
|
1336
|
-
}
|
|
1337
|
-
}, R = () => {
|
|
1338
|
-
const k = i.palette.trinity?.status;
|
|
1339
|
-
return {
|
|
1340
|
-
primary: i.palette.action.selected,
|
|
1341
|
-
// Theme-aware 12%
|
|
1342
|
-
secondary: i.palette.action.selected,
|
|
1343
|
-
success: k?.success?.background || i.palette.action.selected,
|
|
1344
|
-
warning: k?.warning?.background || i.palette.action.selected,
|
|
1345
|
-
error: k?.error?.background || i.palette.action.selected,
|
|
1346
|
-
info: k?.info?.background || i.palette.action.selected
|
|
1347
|
-
}[y] || i.palette.action.selected;
|
|
1348
|
-
}, $ = {
|
|
1349
|
-
default: {},
|
|
1350
|
-
outlined: {
|
|
1351
|
-
border: `1px solid ${i.palette.divider}`,
|
|
1352
|
-
boxShadow: "none"
|
|
1353
|
-
},
|
|
1354
|
-
filled: {
|
|
1355
|
-
backgroundColor: i.palette.action.hover,
|
|
1356
|
-
// Theme-aware subtle background
|
|
1357
|
-
boxShadow: "none"
|
|
1358
|
-
}
|
|
1359
|
-
};
|
|
1360
|
-
return /* @__PURE__ */ e(
|
|
1361
|
-
Sr,
|
|
1362
|
-
{
|
|
1363
|
-
elevation: T === "default" ? 1 : 0,
|
|
1364
|
-
onClick: F,
|
|
1365
|
-
sx: {
|
|
1366
|
-
borderRadius: H.borders.radiusPx.lg,
|
|
1367
|
-
// 12px to match AI StatCard
|
|
1368
|
-
height: w ? "100%" : "auto",
|
|
1369
|
-
cursor: F ? "pointer" : "default",
|
|
1370
|
-
transition: `all ${H.motion.duration.fast} ${H.motion.easing.default}`,
|
|
1371
|
-
"&:hover": F ? {
|
|
1372
|
-
boxShadow: i.shadows[4],
|
|
1373
|
-
transform: "translateY(-2px)"
|
|
1374
|
-
} : {},
|
|
1375
|
-
...$[T]
|
|
1376
|
-
},
|
|
1377
|
-
children: /* @__PURE__ */ h(Cr, { sx: { p: `${B.padding}px !important` }, children: [
|
|
1378
|
-
/* @__PURE__ */ h(
|
|
1379
|
-
x,
|
|
1380
|
-
{
|
|
1381
|
-
sx: {
|
|
1382
|
-
display: "flex",
|
|
1383
|
-
alignItems: "flex-start",
|
|
1384
|
-
justifyContent: "space-between",
|
|
1385
|
-
mb: 2
|
|
1386
|
-
},
|
|
1387
|
-
children: [
|
|
1388
|
-
/* @__PURE__ */ h(x, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
|
|
1389
|
-
f && /* @__PURE__ */ e(
|
|
1390
|
-
x,
|
|
1391
|
-
{
|
|
1392
|
-
sx: {
|
|
1393
|
-
display: "flex",
|
|
1394
|
-
alignItems: "center",
|
|
1395
|
-
justifyContent: "center",
|
|
1396
|
-
width: B.iconSize,
|
|
1397
|
-
height: B.iconSize,
|
|
1398
|
-
borderRadius: `${H.borders.radius.iconContainer}px`,
|
|
1399
|
-
backgroundColor: R(),
|
|
1400
|
-
color: i.palette[y].main
|
|
1401
|
-
},
|
|
1402
|
-
children: f
|
|
1403
|
-
}
|
|
1404
|
-
),
|
|
1405
|
-
/* @__PURE__ */ h(x, { children: [
|
|
1406
|
-
/* @__PURE__ */ h(x, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
|
|
1407
|
-
u ? /* @__PURE__ */ e(A, { width: 80, height: 20 }) : /* @__PURE__ */ e(
|
|
1408
|
-
L,
|
|
1409
|
-
{
|
|
1410
|
-
variant: B.titleSize,
|
|
1411
|
-
color: "text.secondary",
|
|
1412
|
-
fontWeight: 500,
|
|
1413
|
-
children: d
|
|
1414
|
-
}
|
|
1415
|
-
),
|
|
1416
|
-
t && /* @__PURE__ */ e(O, { title: t, arrow: !0, children: /* @__PURE__ */ e(
|
|
1417
|
-
Gr,
|
|
1418
|
-
{
|
|
1419
|
-
sx: {
|
|
1420
|
-
fontSize: 14,
|
|
1421
|
-
color: i.palette.text.disabled,
|
|
1422
|
-
cursor: "help"
|
|
1423
|
-
}
|
|
1424
|
-
}
|
|
1425
|
-
) })
|
|
1426
|
-
] }),
|
|
1427
|
-
g && !u && /* @__PURE__ */ e(L, { variant: "caption", color: "text.secondary", children: g })
|
|
1428
|
-
] })
|
|
1429
|
-
] }),
|
|
1430
|
-
M && /* @__PURE__ */ e(
|
|
1431
|
-
W,
|
|
1432
|
-
{
|
|
1433
|
-
size: "small",
|
|
1434
|
-
onClick: (k) => {
|
|
1435
|
-
k.stopPropagation(), M(k);
|
|
1436
|
-
},
|
|
1437
|
-
sx: { mr: -1, mt: -0.5 },
|
|
1438
|
-
children: /* @__PURE__ */ e(Hr, { fontSize: "small" })
|
|
1439
|
-
}
|
|
1440
|
-
)
|
|
1441
|
-
]
|
|
1442
|
-
}
|
|
1443
|
-
),
|
|
1444
|
-
/* @__PURE__ */ e(x, { sx: { mb: C ? 2 : s ? 1 : 0 }, children: u ? /* @__PURE__ */ e(A, { width: 120, height: 40 }) : /* @__PURE__ */ h(
|
|
1445
|
-
L,
|
|
1446
|
-
{
|
|
1447
|
-
variant: B.valueSize,
|
|
1448
|
-
fontWeight: 700,
|
|
1449
|
-
sx: {
|
|
1450
|
-
display: "flex",
|
|
1451
|
-
alignItems: "baseline",
|
|
1452
|
-
gap: 0.5
|
|
1453
|
-
},
|
|
1454
|
-
children: [
|
|
1455
|
-
n,
|
|
1456
|
-
m && /* @__PURE__ */ e(
|
|
1457
|
-
L,
|
|
1458
|
-
{
|
|
1459
|
-
component: "span",
|
|
1460
|
-
variant: "body2",
|
|
1461
|
-
color: "text.secondary",
|
|
1462
|
-
fontWeight: 400,
|
|
1463
|
-
children: m
|
|
1464
|
-
}
|
|
1465
|
-
)
|
|
1466
|
-
]
|
|
1467
|
-
}
|
|
1468
|
-
) }),
|
|
1469
|
-
C && C.length > 1 && !u && /* @__PURE__ */ e(x, { sx: { mb: 2, mx: -1 }, children: /* @__PURE__ */ e(
|
|
1470
|
-
Kr,
|
|
1471
|
-
{
|
|
1472
|
-
data: C,
|
|
1473
|
-
color: o(),
|
|
1474
|
-
height: P === "small" ? 30 : P === "large" ? 50 : 40
|
|
1475
|
-
}
|
|
1476
|
-
) }),
|
|
1477
|
-
s && !u && /* @__PURE__ */ h(
|
|
1478
|
-
x,
|
|
1479
|
-
{
|
|
1480
|
-
sx: {
|
|
1481
|
-
display: "flex",
|
|
1482
|
-
alignItems: "center",
|
|
1483
|
-
gap: 1,
|
|
1484
|
-
flexWrap: "wrap"
|
|
1485
|
-
},
|
|
1486
|
-
children: [
|
|
1487
|
-
/* @__PURE__ */ h(
|
|
1488
|
-
x,
|
|
1489
|
-
{
|
|
1490
|
-
sx: {
|
|
1491
|
-
display: "flex",
|
|
1492
|
-
alignItems: "center",
|
|
1493
|
-
gap: 0.5,
|
|
1494
|
-
color: o()
|
|
1495
|
-
},
|
|
1496
|
-
children: [
|
|
1497
|
-
p(),
|
|
1498
|
-
c !== void 0 && /* @__PURE__ */ h(L, { variant: "body2", fontWeight: 600, children: [
|
|
1499
|
-
c > 0 ? "+" : "",
|
|
1500
|
-
c,
|
|
1501
|
-
"%"
|
|
1502
|
-
] })
|
|
1503
|
-
]
|
|
1504
|
-
}
|
|
1505
|
-
),
|
|
1506
|
-
/* @__PURE__ */ e(L, { variant: "caption", color: "text.secondary", children: v })
|
|
1507
|
-
]
|
|
1508
|
-
}
|
|
1509
|
-
),
|
|
1510
|
-
D && !u && /* @__PURE__ */ e(L, { variant: "caption", color: "text.secondary", sx: { mt: 1, display: "block" }, children: D }),
|
|
1511
|
-
_ && /* @__PURE__ */ e(x, { sx: { mt: 2, pt: 2, borderTop: `1px solid ${i.palette.divider}` }, children: _ })
|
|
1512
|
-
] })
|
|
1513
|
-
}
|
|
1514
|
-
);
|
|
1515
1515
|
};
|
|
1516
1516
|
export {
|
|
1517
|
-
|
|
1518
|
-
|
|
1517
|
+
bt as D,
|
|
1518
|
+
ft as a
|
|
1519
1519
|
};
|
package/dist/essentials.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { brandColors as Se, darkTheme as Re, lightTheme as Ie, useTrinityTokens as Ae } from "./theme.js";
|
|
2
2
|
import { a as je, s as we } from "./navigation.js";
|
|
3
|
-
import { C as Oe, I as Ve, M as We, S as _e,
|
|
3
|
+
import { C as Oe, I as Ve, M as We, S as _e, a as Be, c as He, T as Le, u as Me, b as Ne } from "./Legend.js";
|
|
4
4
|
import { a as qe } from "./data.js";
|
|
5
5
|
import { jsxs as k, jsx as t, Fragment as ae } from "react/jsx-runtime";
|
|
6
6
|
import { useState as y, useCallback as b, useMemo as O } from "react";
|
package/dist/index.d.ts
CHANGED
|
@@ -60,8 +60,6 @@ export type { GradientTextProps, StatCardProps, GradientIconBadgeProps, AIShimme
|
|
|
60
60
|
export { AIChatMessage, AIChatInput, AITypingIndicator, AIQuickReply } from './components/AI/AIChat';
|
|
61
61
|
export type { AIChatMessageProps, AIChatInputProps, AITypingIndicatorProps, AIQuickReplyProps, MessageRole } from './components/AI/AIChat';
|
|
62
62
|
export { aiTokens } from './components/AI/tokens';
|
|
63
|
-
export { DataTable } from './components/DataTable';
|
|
64
|
-
export type { DataTableProps, TrinityColumnDef, RowAction } from './components/DataTable';
|
|
65
63
|
export { DataCard } from './components/DataCard';
|
|
66
64
|
export type { DataCardProps, TrendDirection } from './components/DataCard';
|
|
67
65
|
export { DiffViewer } from './components/DiffViewer';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { s as B, b as he,
|
|
2
|
-
import {
|
|
1
|
+
import { s as B, b as he, o as ve, l as ie, f as Ze, c as Ct, g as wt, p as St, i as $e, k as kt, a as zt, j as Tt } from "./navigation.js";
|
|
2
|
+
import { v as Kn, u as Nn, A as Un, C as Gn, H as _n, I as qn, R as Yn, S as Jn, T as Xn, q as Zn, r as Qn, U as eo, e as to, d as ro, m as no, n as oo, h as io, t as ao } from "./navigation.js";
|
|
3
3
|
import { jsx as t, jsxs as g, Fragment as fe } from "react/jsx-runtime";
|
|
4
4
|
import * as y from "react";
|
|
5
5
|
import Dt, { useState as oe, useEffect as le, useRef as ge, useCallback as q, useMemo as Qe, createContext as At, useContext as It, useId as Mt } from "react";
|
|
6
6
|
import { useTheme as ee, useMediaQuery as ue, Box as m, Typography as j, Divider as ye, Link as et, Skeleton as we, Breadcrumbs as Et, Stack as Be, Chip as Se, Button as ae, IconButton as Q, Tabs as tt, Tab as rt, alpha as _, Paper as ke, Menu as We, MenuItem as ce, Tooltip as Ce, ToggleButtonGroup as Ft, ToggleButton as Ne, Avatar as Lt, Collapse as nt, TextField as me, InputAdornment as Fe, Checkbox as Le, List as Ie, ListItem as Pe, ListItemButton as Me, ListItemIcon as de, ListItemText as pe, ClickAwayListener as Pt, InputBase as ot, Popper as Rt, Fade as it, Badge as Bt, Popover as Wt, FormControl as Ht, Select as Ot, Dialog as $t, DialogContent as jt } from "@mui/material";
|
|
7
7
|
import { w as so, i as co, E as uo, A as ho, v as po, x as fo, y as mo, r as go, q as yo, h as xo, o as bo, z as vo, F as Co, d as wo, m as So, D as ko, s as zo, c as To, t as Do, u as Ao, n as Io, e as Mo, g as Eo, k as Fo, l as Lo, C as Po, B as Ro, G as Bo, I as Wo, H as Ho, j as Oo, f as $o, Q as jo, S as Vo, p as Ko, U as No, a as Uo } from "./ai.js";
|
|
8
|
-
import { C as _o, I as qo, M as Yo, S as Jo,
|
|
8
|
+
import { C as _o, I as qo, M as Yo, S as Jo, a as Xo, c as Zo, T as Qo, U as ei, u as ti, b as ri } from "./Legend.js";
|
|
9
9
|
import { createTrinityThemePreset as Te, brandColors as Vt } from "./theme.js";
|
|
10
10
|
import { accessibleCombinations as oi, createTrinityTheme as ii, darkTheme as ai, generateCssVariables as li, generateDarkModeCssVariables as si, getContrastRatio as ci, injectDarkModeCssVariables as di, injectTrinityCssVariables as ui, lightTheme as hi, useTrinityTokens as pi, validateAccessibility as fi } from "./theme.js";
|
|
11
11
|
import Kt from "@mui/icons-material/NavigateNext";
|
|
12
12
|
import Nt from "@mui/icons-material/Home";
|
|
13
13
|
import Ut from "@mui/icons-material/MoreVert";
|
|
14
14
|
import { DragIndicator as at, Close as ze, PushPin as Ue, Minimize as Ge, Maximize as _e, MoreVert as Gt, OpenInNew as _t, ContentCopy as qe, ViewStream as qt, ViewColumn as Yt, ExpandLess as lt, ExpandMore as Ee, Clear as st, Search as Re, InsertDriveFile as Jt, Folder as Xt, FolderOpen as Zt, ChevronRight as ct, KeyboardDoubleArrowRight as Qt, ChevronLeft as er, KeyboardDoubleArrowLeft as tr, TrendingUp as rr, ArrowForward as nr, History as or, FilterList as ir, BookmarkBorder as ar, Refresh as Ye, Check as lr, Add as sr, ArrowUpward as cr, ArrowDownward as dr, KeyboardReturn as ur } from "@mui/icons-material";
|
|
15
|
-
import { a as gi
|
|
16
|
-
import { C as
|
|
17
|
-
import { A as
|
|
15
|
+
import { a as gi } from "./data.js";
|
|
16
|
+
import { C as xi, F as bi, R as vi } from "./forms.js";
|
|
17
|
+
import { A as wi, B as Si, a as ki, c as zi, C as Ti, f as Di, d as Ai, D as Ii, G as Mi, I as Ei, L as Fi, P as Li, g as Pi, R as Ri, S as Bi, e as Wi, b as Hi } from "./charts.js";
|
|
18
18
|
const hr = [
|
|
19
19
|
{
|
|
20
20
|
label: "Privacy Policy",
|
|
@@ -4970,30 +4970,29 @@ export {
|
|
|
4970
4970
|
Eo as AIVoiceOverlay,
|
|
4971
4971
|
Nn as AppLayout,
|
|
4972
4972
|
Un as AppsMenu,
|
|
4973
|
-
|
|
4974
|
-
|
|
4975
|
-
|
|
4976
|
-
|
|
4973
|
+
wi as AreaChart,
|
|
4974
|
+
Si as BarChart,
|
|
4975
|
+
ki as BubbleChart,
|
|
4976
|
+
zi as ChartWrapper,
|
|
4977
4977
|
Fo as ChatHeader,
|
|
4978
4978
|
Lo as ChatHistoryList,
|
|
4979
4979
|
Po as ChatThread,
|
|
4980
4980
|
Gn as ClientMenu,
|
|
4981
|
-
|
|
4981
|
+
xi as Combobox,
|
|
4982
4982
|
Gr as CommandPalette,
|
|
4983
|
-
|
|
4983
|
+
Ti as ComposedChart,
|
|
4984
4984
|
_o as ConfirmDialog,
|
|
4985
|
-
|
|
4986
|
-
|
|
4985
|
+
Di as CustomLegend,
|
|
4986
|
+
Ai as CustomTooltip,
|
|
4987
4987
|
gi as DataCard,
|
|
4988
|
-
yi as DataTable,
|
|
4989
4988
|
$r as DiffViewer,
|
|
4990
4989
|
Or as DockLayout,
|
|
4991
|
-
|
|
4992
|
-
|
|
4990
|
+
Ii as DonutChart,
|
|
4991
|
+
bi as FileUpload,
|
|
4993
4992
|
Ur as FilterBar,
|
|
4994
4993
|
Br as Footer,
|
|
4995
4994
|
dn as FormProvider,
|
|
4996
|
-
|
|
4995
|
+
Mi as GaugeChart,
|
|
4997
4996
|
Ro as GradientIconBadge,
|
|
4998
4997
|
Bo as GradientText,
|
|
4999
4998
|
_n as HeaderActions,
|
|
@@ -5003,22 +5002,22 @@ export {
|
|
|
5003
5002
|
Oo as InsightEngine,
|
|
5004
5003
|
$o as InsightEngineInput,
|
|
5005
5004
|
qn as InsightEnginePanel,
|
|
5006
|
-
|
|
5007
|
-
|
|
5005
|
+
Ei as InteractiveLegend,
|
|
5006
|
+
Fi as LineChart,
|
|
5008
5007
|
Yo as Modal,
|
|
5009
5008
|
Wr as PageHeader,
|
|
5010
|
-
|
|
5011
|
-
|
|
5009
|
+
Li as PieChart,
|
|
5010
|
+
Pi as PieLegend,
|
|
5012
5011
|
jo as QueryInput,
|
|
5013
|
-
|
|
5012
|
+
Ri as RadialBarChart,
|
|
5014
5013
|
Yn as ResizablePanel,
|
|
5015
|
-
|
|
5016
|
-
|
|
5014
|
+
vi as RichTextEditor,
|
|
5015
|
+
Bi as ScatterChart,
|
|
5017
5016
|
Jn as SearchBar,
|
|
5018
5017
|
Nr as SearchInput,
|
|
5019
|
-
|
|
5018
|
+
Wi as SimpleTooltip,
|
|
5020
5019
|
an as SkipLink,
|
|
5021
|
-
|
|
5020
|
+
Hi as Sparkline,
|
|
5022
5021
|
Hr as SplitPane,
|
|
5023
5022
|
Vo as StatCard,
|
|
5024
5023
|
Jo as StatusIndicator,
|
package/dist/navigation.js
CHANGED
|
@@ -4635,26 +4635,26 @@ export {
|
|
|
4635
4635
|
yn as U,
|
|
4636
4636
|
e as a,
|
|
4637
4637
|
h as b,
|
|
4638
|
-
|
|
4639
|
-
|
|
4640
|
-
|
|
4641
|
-
|
|
4642
|
-
|
|
4643
|
-
|
|
4644
|
-
|
|
4638
|
+
Fo as c,
|
|
4639
|
+
tt as d,
|
|
4640
|
+
le as e,
|
|
4641
|
+
wo as f,
|
|
4642
|
+
qo as g,
|
|
4643
|
+
it as h,
|
|
4644
|
+
Jo as i,
|
|
4645
4645
|
et as j,
|
|
4646
|
-
|
|
4647
|
-
|
|
4648
|
-
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
|
|
4652
|
-
|
|
4653
|
-
|
|
4646
|
+
ot as k,
|
|
4647
|
+
vo as l,
|
|
4648
|
+
sn as m,
|
|
4649
|
+
cn as n,
|
|
4650
|
+
dn as o,
|
|
4651
|
+
pn as p,
|
|
4652
|
+
gt as q,
|
|
4653
|
+
un as r,
|
|
4654
4654
|
n as s,
|
|
4655
|
-
|
|
4656
|
-
|
|
4657
|
-
|
|
4655
|
+
mn as t,
|
|
4656
|
+
It as u,
|
|
4657
|
+
Sn as v,
|
|
4658
4658
|
gn as w,
|
|
4659
4659
|
nt as x,
|
|
4660
4660
|
hn as y
|
package/dist/theme.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createTheme as M, useTheme as C } from "@mui/material/styles";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { t as p, c as o, d as m, e as R, s as v, a as h } from "./navigation.js";
|
|
3
|
+
import { g as Z, j as q, f as J, o as K, m as Q, p as U, n as Y, h as _, k, i as S, l as rr } from "./navigation.js";
|
|
4
4
|
import { useMemo as O } from "react";
|
|
5
5
|
function w(...r) {
|
|
6
6
|
return `--trinity-${r.join("-").replace(/([A-Z])/g, "-$1").toLowerCase()}`;
|
|
@@ -1323,11 +1323,11 @@ function N() {
|
|
|
1323
1323
|
}
|
|
1324
1324
|
export {
|
|
1325
1325
|
L as accessibleCombinations,
|
|
1326
|
-
|
|
1326
|
+
Z as attentionHierarchy,
|
|
1327
1327
|
h as baseTokens,
|
|
1328
1328
|
d as brandColors,
|
|
1329
1329
|
R as componentTokens,
|
|
1330
|
-
|
|
1330
|
+
q as contrastHierarchy,
|
|
1331
1331
|
y as createTrinityTheme,
|
|
1332
1332
|
E as createTrinityThemePreset,
|
|
1333
1333
|
m as darkModeTokens,
|
package/dist/tokens.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { g as s, a as r, b as t, x as n, e as o, j as i, w as c, d as h, t as y, f as d, o as g, y as k, m as p, p as H, n as l, h as T, k as m, i as b, s as f, l as v, t as S, c as w } from "./navigation.js";
|
|
2
2
|
export {
|
|
3
3
|
s as attentionHierarchy,
|
|
4
4
|
r as baseTokens,
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
t as brandColors,
|
|
6
|
+
n as brandVariants,
|
|
7
|
+
o as componentTokens,
|
|
8
8
|
i as contrastHierarchy,
|
|
9
9
|
c as darkModeShadows,
|
|
10
10
|
h as darkModeTokens,
|
|
11
11
|
y as default,
|
|
12
12
|
d as elevationHierarchy,
|
|
13
13
|
g as getAttentionColor,
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
k as getBrandSemanticTokens,
|
|
15
|
+
p as getElevation,
|
|
16
16
|
H as getHierarchySpacing,
|
|
17
17
|
l as getTypography,
|
|
18
18
|
T as hierarchy,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
m as interactiveHierarchy,
|
|
20
|
+
b as scaleHierarchy,
|
|
21
|
+
f as semanticTokens,
|
|
22
|
+
v as spacingHierarchy,
|
|
23
23
|
S as tokens,
|
|
24
|
-
|
|
24
|
+
w as typographicHierarchy
|
|
25
25
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trinityui/design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.7",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "Trinity Design System - A customizable MUI-based component library",
|
|
7
7
|
"main": "dist/index.js",
|
|
@@ -28,6 +28,10 @@
|
|
|
28
28
|
"import": "./dist/tokens.js",
|
|
29
29
|
"types": "./dist/tokens.d.ts"
|
|
30
30
|
},
|
|
31
|
+
"./data-table": {
|
|
32
|
+
"import": "./dist/data-table.js",
|
|
33
|
+
"types": "./dist/data-table.d.ts"
|
|
34
|
+
},
|
|
31
35
|
"./css": "./dist/trinity.css"
|
|
32
36
|
},
|
|
33
37
|
"files": [
|