boreal-ui 0.0.9006 → 0.0.9008
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/dist/core/{Alert-BWdXVIIm.js → Alert-CL1IoCZc.js} +59 -50
- package/dist/core/Alert-CNmWbffq.cjs +1 -0
- package/dist/core/Alert.cjs.js +1 -1
- package/dist/core/Alert.css +1 -1
- package/dist/core/Alert.js +1 -1
- package/dist/core/DataTable-DOOENV1j.cjs +1 -0
- package/dist/core/{DataTable-BEf9CaRu.js → DataTable-SqBf1WoX.js} +105 -39
- package/dist/core/DataTable.cjs.js +1 -1
- package/dist/core/DataTable.css +1 -1
- package/dist/core/DataTable.js +1 -1
- package/dist/core/index.cjs.js +1 -1
- package/dist/core/index.js +2 -2
- package/dist/next/Alert-DcpEX2gx.js +148 -0
- package/dist/next/Alert.css +1 -1
- package/dist/next/Alert.js +1 -1
- package/dist/next/DataTable-atI2r_i1.js +900 -0
- package/dist/next/DataTable.css +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/index.js +2 -2
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Alert/AlertBase.d.ts.map +1 -1
- package/dist/types/components/Alert/core/Alert.d.ts.map +1 -1
- package/dist/types/components/DataTable/DataTableBase.d.ts.map +1 -1
- package/dist/types/components/DataTable/core/DataTable.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/core/Alert-DsGvyg1M.cjs +0 -1
- package/dist/core/DataTable-B3nRQFiU.cjs +0 -1
- package/dist/next/Alert-DbbmcDuR.js +0 -139
- package/dist/next/DataTable-CrYNjzMy.js +0 -834
|
@@ -1,112 +1,121 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as w, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { e as j } from "./propAliases-O-1wR3I5.js";
|
|
3
3
|
import { useMemo as q } from "react";
|
|
4
4
|
import { c as t } from "./classNames-Dz0_huu_.js";
|
|
5
|
-
import { c as
|
|
6
|
-
import { g as F, e as T, b as k, a as
|
|
7
|
-
import './Alert.css';function
|
|
5
|
+
import { c as N } from "./capitalize-D_pj4b3P.js";
|
|
6
|
+
import { g as F, e as T, b as k, a as z } from "./styleConfig-BoNVl5_r.js";
|
|
7
|
+
import './Alert.css';function G({
|
|
8
8
|
children: l,
|
|
9
|
-
title:
|
|
10
|
-
icon:
|
|
11
|
-
actions:
|
|
12
|
-
theme:
|
|
13
|
-
state:
|
|
14
|
-
variant:
|
|
15
|
-
glass:
|
|
16
|
-
rounding:
|
|
9
|
+
title: m,
|
|
10
|
+
icon: s,
|
|
11
|
+
actions: o,
|
|
12
|
+
theme: _ = F(),
|
|
13
|
+
state: n,
|
|
14
|
+
variant: c = "solid",
|
|
15
|
+
glass: h = T(),
|
|
16
|
+
rounding: i = k(),
|
|
17
17
|
outline: f = !1,
|
|
18
|
-
shadow:
|
|
19
|
-
dismissible:
|
|
20
|
-
onDismiss:
|
|
21
|
-
role:
|
|
18
|
+
shadow: d = z(),
|
|
19
|
+
dismissible: u = !1,
|
|
20
|
+
onDismiss: b,
|
|
21
|
+
role: y = n === "error" ? "alert" : "status",
|
|
22
22
|
className: g,
|
|
23
23
|
iconClassName: $,
|
|
24
24
|
contentClassName: v,
|
|
25
|
-
titleClassName:
|
|
26
|
-
messageClassName:
|
|
27
|
-
actionsClassName:
|
|
28
|
-
dismissButtonClassName:
|
|
29
|
-
dismissLabel:
|
|
30
|
-
testId:
|
|
31
|
-
"data-testid":
|
|
25
|
+
titleClassName: A,
|
|
26
|
+
messageClassName: D,
|
|
27
|
+
actionsClassName: I,
|
|
28
|
+
dismissButtonClassName: S,
|
|
29
|
+
dismissLabel: x = "Dismiss alert",
|
|
30
|
+
testId: C,
|
|
31
|
+
"data-testid": L,
|
|
32
32
|
classMap: e
|
|
33
33
|
}) {
|
|
34
|
-
const a =
|
|
34
|
+
const a = C ?? L ?? "alert", B = q(
|
|
35
35
|
() => t(
|
|
36
36
|
e.alert,
|
|
37
|
-
e[m],
|
|
38
|
-
s && e[s],
|
|
39
37
|
e[_],
|
|
38
|
+
n && e[n],
|
|
39
|
+
e[c],
|
|
40
40
|
f && e.outline,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
h && e.glass,
|
|
42
|
+
d && e[`shadow${N(d)}`],
|
|
43
|
+
i && e[`round${N(i)}`],
|
|
44
|
+
s ? e.hasIcon : null,
|
|
45
|
+
o ? e.hasActions : null,
|
|
46
|
+
u && e.dismissible,
|
|
44
47
|
g
|
|
45
48
|
),
|
|
46
49
|
[
|
|
47
50
|
e,
|
|
48
|
-
m,
|
|
49
|
-
s,
|
|
50
51
|
_,
|
|
51
|
-
f,
|
|
52
|
-
c,
|
|
53
52
|
n,
|
|
53
|
+
c,
|
|
54
|
+
f,
|
|
55
|
+
h,
|
|
56
|
+
d,
|
|
57
|
+
i,
|
|
58
|
+
s,
|
|
54
59
|
o,
|
|
60
|
+
u,
|
|
55
61
|
g
|
|
56
62
|
]
|
|
57
63
|
);
|
|
58
|
-
return /* @__PURE__ */
|
|
59
|
-
|
|
64
|
+
return /* @__PURE__ */ w("div", { className: B, role: y, "data-testid": a, children: [
|
|
65
|
+
s ? /* @__PURE__ */ r(
|
|
60
66
|
"span",
|
|
61
67
|
{
|
|
62
68
|
className: t(e.icon, $),
|
|
63
69
|
"aria-hidden": "true",
|
|
64
70
|
"data-testid": `${a}-icon`,
|
|
65
|
-
children:
|
|
71
|
+
children: s
|
|
66
72
|
}
|
|
67
73
|
) : null,
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
|
|
74
|
+
/* @__PURE__ */ w("div", { className: t(e.content, v), children: [
|
|
75
|
+
m ? /* @__PURE__ */ r(
|
|
70
76
|
"div",
|
|
71
77
|
{
|
|
72
|
-
className: t(e.title,
|
|
78
|
+
className: t(e.title, A),
|
|
73
79
|
"data-testid": `${a}-title`,
|
|
74
|
-
children:
|
|
80
|
+
children: m
|
|
75
81
|
}
|
|
76
82
|
) : null,
|
|
77
83
|
l ? /* @__PURE__ */ r(
|
|
78
84
|
"div",
|
|
79
85
|
{
|
|
80
|
-
className: t(e.message,
|
|
86
|
+
className: t(e.message, D),
|
|
81
87
|
"data-testid": `${a}-message`,
|
|
82
88
|
children: l
|
|
83
89
|
}
|
|
84
90
|
) : null
|
|
85
91
|
] }),
|
|
86
|
-
|
|
87
|
-
|
|
92
|
+
o ? /* @__PURE__ */ r("div", { className: t(e.actions, I), children: o }) : null,
|
|
93
|
+
u ? /* @__PURE__ */ r(
|
|
88
94
|
"button",
|
|
89
95
|
{
|
|
90
96
|
type: "button",
|
|
91
97
|
className: t(
|
|
92
98
|
e.dismissButton,
|
|
93
|
-
|
|
99
|
+
S
|
|
94
100
|
),
|
|
95
|
-
"aria-label":
|
|
96
|
-
onClick:
|
|
101
|
+
"aria-label": x,
|
|
102
|
+
onClick: b,
|
|
97
103
|
"data-testid": `${a}-dismiss`,
|
|
98
104
|
children: "×"
|
|
99
105
|
}
|
|
100
106
|
) : null
|
|
101
107
|
] });
|
|
102
108
|
}
|
|
103
|
-
const
|
|
109
|
+
const R = {
|
|
104
110
|
alert: "alert",
|
|
105
111
|
icon: "alert_icon",
|
|
106
112
|
content: "alert_content",
|
|
107
113
|
title: "alert_title",
|
|
108
114
|
message: "alert_message",
|
|
109
115
|
actions: "alert_actions",
|
|
116
|
+
hasIcon: "alert_has_icon",
|
|
117
|
+
hasActions: "alert_has_actions",
|
|
118
|
+
dismissible: "alert_dismissible",
|
|
110
119
|
dismissButton: "alert_dismiss_button",
|
|
111
120
|
solid: "alert_solid",
|
|
112
121
|
soft: "alert_soft",
|
|
@@ -133,9 +142,9 @@ const G = {
|
|
|
133
142
|
roundLarge: "alert_round-Large",
|
|
134
143
|
roundFull: "alert_round-Full"
|
|
135
144
|
};
|
|
136
|
-
function
|
|
137
|
-
return /* @__PURE__ */ r(
|
|
145
|
+
function Q(l) {
|
|
146
|
+
return /* @__PURE__ */ r(G, { ...l, classMap: j(R) });
|
|
138
147
|
}
|
|
139
148
|
export {
|
|
140
|
-
|
|
149
|
+
Q as A
|
|
141
150
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./Alert.css');const t=require("react/jsx-runtime"),L=require("./propAliases-CXU3EEm-.cjs"),z=require("react"),a=require("./classNames-C7V3kfBj.cjs"),f=require("./capitalize-CnTiekgk.cjs"),o=require("./styleConfig-BeavGUyI.cjs");function B({children:r,title:c,icon:l,actions:n,theme:_=o.getDefaultTheme(),state:i,variant:h="solid",glass:N=o.getDefaultGlass(),rounding:d=o.getDefaultRounding(),outline:g=!1,shadow:u=o.getDefaultShadow(),dismissible:m=!1,onDismiss:w,role:C=i==="error"?"alert":"status",className:b,iconClassName:x,contentClassName:y,titleClassName:j,messageClassName:q,actionsClassName:A,dismissButtonClassName:$,dismissLabel:v="Dismiss alert",testId:D,"data-testid":I,classMap:e}){const s=D??I??"alert",S=z.useMemo(()=>a.combineClassNames(e.alert,e[_],i&&e[i],e[h],g&&e.outline,N&&e.glass,u&&e[`shadow${f.capitalize(u)}`],d&&e[`round${f.capitalize(d)}`],l?e.hasIcon:null,n?e.hasActions:null,m&&e.dismissible,b),[e,_,i,h,g,N,u,d,l,n,m,b]);return t.jsxs("div",{className:S,role:C,"data-testid":s,children:[l?t.jsx("span",{className:a.combineClassNames(e.icon,x),"aria-hidden":"true","data-testid":`${s}-icon`,children:l}):null,t.jsxs("div",{className:a.combineClassNames(e.content,y),children:[c?t.jsx("div",{className:a.combineClassNames(e.title,j),"data-testid":`${s}-title`,children:c}):null,r?t.jsx("div",{className:a.combineClassNames(e.message,q),"data-testid":`${s}-message`,children:r}):null]}),n?t.jsx("div",{className:a.combineClassNames(e.actions,A),children:n}):null,m?t.jsx("button",{type:"button",className:a.combineClassNames(e.dismissButton,$),"aria-label":v,onClick:w,"data-testid":`${s}-dismiss`,children:"×"}):null]})}const R={alert:"alert",icon:"alert_icon",content:"alert_content",title:"alert_title",message:"alert_message",actions:"alert_actions",hasIcon:"alert_has_icon",hasActions:"alert_has_actions",dismissible:"alert_dismissible",dismissButton:"alert_dismiss_button",solid:"alert_solid",soft:"alert_soft",outline:"alert_outline",glass:"alert_glass",primary:"alert_primary",secondary:"alert_secondary",tertiary:"alert_tertiary",quaternary:"alert_quaternary",clear:"alert_clear",success:"alert_success",info:"alert_info",warning:"alert_warning",error:"alert_error",disabled:"alert_disabled",shadowNone:"alert_shadow-None",shadowLight:"alert_shadow-Light",shadowMedium:"alert_shadow-Medium",shadowStrong:"alert_shadow-Strong",shadowIntense:"alert_shadow-Intense",roundNone:"alert_round-None",roundSmall:"alert_round-Small",roundMedium:"alert_round-Medium",roundLarge:"alert_round-Large",roundFull:"alert_round-Full"};function F(r){return t.jsx(B,{...r,classMap:L.expandClassMap(R)})}exports.Alert=F;
|
package/dist/core/Alert.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-CNmWbffq.cjs");exports.default=e.Alert;
|
package/dist/core/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:inherit;background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.125rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:inherit;background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.125rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_glass.alert_outline{background:transparent}@media(max-width:767.98px){.alert{gap:var(--spacing-xs);padding:var(--spacing-sm)}.alert_title{font-size:var(--font-size-body-sm)}.alert_message{font-size:var(--font-size-label)}.alert_has_actions{flex-wrap:wrap}.alert_has_actions .alert_actions{flex:1 1 100%;justify-content:center}}@media(max-width:479.98px){.alert_content{gap:var(--spacing-xxs, .35rem)}.alert_actions{display:flex;flex-direction:column;align-items:center}.alert_actions>*{width:100%}.alert_dismiss_button{min-width:1.75rem;min-height:1.75rem}}@media(max-width:319.98px){.alert{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--spacing-xs);padding:var(--spacing-xs)}.alert_has_icon{grid-template-columns:auto minmax(0,1fr)}.alert_dismissible{grid-template-columns:minmax(0,1fr) auto}.alert_has_icon.alert_dismissible{grid-template-columns:auto minmax(0,1fr) auto}.alert_icon{grid-column:auto;margin-top:.1rem}.alert_content{grid-column:auto;min-width:0}.alert_dismiss_button{grid-column:auto;justify-self:end}.alert_actions{grid-column:1/-1;width:100%}}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
package/dist/core/Alert.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./DataTable.css');const a=require("react/jsx-runtime"),Ua=require("./propAliases-CXU3EEm-.cjs");;/* empty css */const o=require("react"),h=require("./classNames-C7V3kfBj.cjs"),mt=require("./capitalize-CnTiekgk.cjs"),W=require("./styleConfig-BeavGUyI.cjs"),Nt=(b,v=160)=>{if(!b)return v;const y=Number.parseFloat(b);return Number.isFinite(y)?y:v};function gt({columns:b,data:v,onRowClick:y,selectableRows:P=!1,selectedRowKeys:Te,defaultSelectedRowKeys:kt=[],onSelectionChange:R,selectAllAriaLabel:$t="Select all rows",getRowSelectAriaLabel:M,filterable:E=!1,filterValue:we,defaultFilterValue:vt,onFilterChange:ee,filterPlaceholder:St="Filter table",filterAriaLabel:Ct="Filter table rows",toolbarTitle:te,toolbarActions:ae,bulkActions:ne,toolbarClassName:Bt,filterInputClassName:Dt,bulkToolbarClassName:Kt,paginationClassName:Tt,columnMenuClassName:wt,classMap:n,theme:O=W.getDefaultTheme(),rounding:le=W.getDefaultRounding(),shadow:se=W.getDefaultShadow(),state:S,outline:Pe=W.getDefaultOutline(),glass:F=W.getDefaultGlass(),className:qe,tableClassName:We,theadClassName:Pt,tbodyClassName:qt,rowClassName:re,cellClassName:ie,striped:de=!0,wrapCells:Ee=!1,defaultSortKey:Wt,defaultSortOrder:Et="asc",serverSort:oe=!1,onSortChange:Oe,rowKey:Fe,caption:ce="Data table",hideCaption:Ot=!0,getSortAriaLabel:Le,getSortAnnouncement:be,getRowAriaLabel:ue,getRowAriaDescription:_e,emptyMessage:Ft="No data available",loading:He=!1,loadingMessage:Ge="Loading data",colCount:Lt,rowCount:Ht,pagination:ye=!1,currentPage:L,defaultPage:Gt=1,itemsPerPage:Jt=10,totalItems:Qt,serverPagination:he=!1,onPageChange:xe,columnVisibility:H=!1,visibleColumnKeys:Je,defaultVisibleColumnKeys:Ut,onColumnVisibilityChange:fe,columnReorder:Qe=!1,columnOrder:Ue,defaultColumnOrder:Yt,onColumnOrderChange:pe,columnResize:Ye=!1,columnWidths:ze,defaultColumnWidths:zt={},onColumnWidthsChange:me,columnPinning:Ae=!1,pinnedColumnKeys:Ve,defaultPinnedColumnKeys:At=[],onPinnedColumnKeysChange:Ne,renderExpandedRow:C,expandedRowKeys:Xe,defaultExpandedRowKeys:Vt=[],onExpandedRowsChange:ge,onCellEdit:je,virtualized:x=!1,virtualRowHeight:G=48,virtualViewportHeight:Ze=360,virtualOverscan:Ie=4,"aria-label":Xt,"aria-labelledby":Zt,"aria-describedby":It,"data-testid":Rt,testId:d=Rt??"data-table"}){const[m,Mt]=o.useState(Wt),[f,ea]=o.useState(Et),[ta,Re]=o.useState(""),[aa,na]=o.useState(kt),[la,sa]=o.useState(vt??""),[ra,ke]=o.useState(Gt),[ia,da]=o.useState(Ut??b.map(e=>e.key)),[oa,ca]=o.useState(Yt??b.map(e=>e.key)),[ba,ua]=o.useState(zt),[_a,ya]=o.useState(At),[ha,xa]=o.useState(Vt),[J,Q]=o.useState(null),[fa,pa]=o.useState(0),Me=`${d}-caption`,et=`${d}-live-region`,ma=[It,ce?Me:void 0,et].filter(Boolean).join(" "),p=Te??aa,U=we??la,$e=L??ra,B=Je??ia,ve=Ue??oa,Y=ze??ba,N=Ve??_a,z=Xe??ha,g=(e,t)=>Fe?Fe(e):t,tt=o.useMemo(()=>{const e=new Map(b.map(r=>[r.key,r])),t=ve.map(r=>e.get(r)).filter(r=>!!r),s=b.filter(r=>!ve.includes(r.key)),l=[...t,...s];return H?l.filter(r=>B.includes(r.key)):l},[b,H,ve,B]),D=[...tt.filter(e=>N.includes(e.key)),...tt.filter(e=>!N.includes(e.key))],Se=o.useMemo(()=>{if(!E||!U.trim())return v;const e=U.toLowerCase();return v.filter(t=>b.some(s=>{const l=t[s.key];return String(l??"").toLowerCase().includes(e)}))},[b,v,E,U]),k=o.useMemo(()=>oe||!m?Se:[...Se].sort((e,t)=>{const s=e[m],l=t[m];if(s===l)return 0;if(s==null)return 1;if(l==null)return-1;const r=Number(s),c=Number(l);if(!Number.isNaN(r)&&!Number.isNaN(c))return f==="asc"?r-c:c-r;const _=String(s).localeCompare(String(l),void 0,{numeric:!0});return f==="asc"?_:-_}),[Se,m,f,oe]),at=Qt??k.length,K=Math.max(1,Jt),j=Math.max(1,Math.ceil(at/K)),T=Math.min(Math.max(1,$e),j),A=(T-1)*K,$=o.useMemo(()=>!ye||he?k:k.slice(A,A+K),[A,ye,K,he,k]),q=x?Math.max(0,Math.floor(fa/G)-Ie):0,Na=x?Math.ceil(Ze/G)+Ie*2:$.length,nt=x?Math.min($.length,q+Na):$.length,lt=x?$.slice(q,nt):$,st=x?q*G:0,rt=x?Math.max(0,($.length-nt)*G):0,ga=k.filter((e,t)=>p.includes(g(e,t))),Ce=e=>{Te||na(e);const t=k.filter((s,l)=>e.includes(g(s,l)));R==null||R(e,t)},ja=e=>{we===void 0&&(sa(e),ke(1)),ee==null||ee(e)},it=e=>{const t=Math.min(Math.max(1,e),j);L===void 0&&ke(t),xe==null||xe(t,{page:t,itemsPerPage:K,offset:(t-1)*K,pageCount:j})},V=P?lt.map((e,t)=>g(e,q+t)):[],dt=V.length>0&&V.every(e=>p.includes(e)),ka=()=>{if(dt){Ce(p.filter(e=>!V.includes(e)));return}Ce(Array.from(new Set([...p,...V])))},$a=(e,t)=>{const s=g(e,t);Ce(p.includes(s)?p.filter(l=>l!==s):[...p,s])},va=(e,t)=>{const s=g(e,t),l=z.includes(s)?z.filter(r=>r!==s):[...z,s];Xe||xa(l),ge==null||ge(l,k.filter((r,c)=>l.includes(g(r,c))))},Be=o.useCallback((e,t)=>{const s=be?be(e,t):`${e.label} sorted ${t==="asc"?"ascending":"descending"}`;Re(s)},[be]),ot=e=>{const t=e.key===m&&f==="asc"?"desc":"asc";Mt(e.key),ea(t),Be(e,t),oe&&Oe&&Oe(e.key,t)},Sa=e=>t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),ot(e))},Ca=e=>t=>{y&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),y(e))},Ba=e=>{Ue||ca(e),pe==null||pe(e)},ct=(e,t)=>{const s=D.map(_=>_.key),l=s.indexOf(e),r=l+t;if(l<0||r<0||r>=s.length)return;const c=[...s];[c[l],c[r]]=[c[r],c[l]];const X=b.map(_=>_.key).filter(_=>!c.includes(_));Ba([...c,...X])},Da=(e,t)=>{const s=t?[...B,e]:B.filter(l=>l!==e);Je||da(s),fe==null||fe(s)},bt=(e,t)=>{const s=Y[e.key]??e.width??e.minWidth,l=`${Math.max(64,Nt(s)+t)}px`,r={...Y,[e.key]:l};ze||ua(r),me==null||me(r)},Ka=e=>{const t=N.includes(e)?N.filter(s=>s!==e):[...N,e];Ve||ya(t),Ne==null||Ne(t)},De=(e,t)=>{const s=N.includes(e.key),l=D.slice(0,t).filter(r=>N.includes(r.key)).reduce((r,c)=>r+Nt(Y[c.key]??c.width??c.minWidth,160),P||C?48:0);return{width:Y[e.key]??e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,left:s?l:void 0}},Ta=(e,t)=>typeof re=="function"?re(e,t):re,wa=(e,t,s,l)=>ie==null?void 0:ie(e,t,s,l),Pa=e=>e.scope??"col",ut=e=>e.id??`${d}-header-${String(e.key)}`,qa=(e,t)=>{if(!e.sortable)return e.srLabel;if(Le)return Le(e,f,t);const s=e.srLabel??e.label;return t?`${s}, sorted ${f==="asc"?"ascending":"descending"}. Activate to sort ${f==="asc"?"descending":"ascending"}.`:`${s}. Activate to sort ascending.`},Wa=(e,t)=>{const s=e[t.key];return t.render?t.render(s,e):typeof s=="object"&&s!==null?JSON.stringify(s):String(s??"")},Ke=(e,t,s,l)=>{je==null||je(l,{row:e,rowIndex:t,column:s,rowKey:g(e,t)}),Q(null)};o.useEffect(()=>{if(!m){Re("");return}const e=b.find(t=>t.key===m);e&&Be(e,f)},[Be,b,m,f]),o.useEffect(()=>{$e>j&&L===void 0&&ke(j)},[L,$e,j]);const Ea=o.useMemo(()=>h.combineClassNames(n.table,n[O],S&&n[S],Pe&&n.outline,F&&n.glass,We),[n,O,S,Pe,F,We]),Oa=o.useMemo(()=>h.combineClassNames(n.wrapper,n[O],S&&n[S],F&&n.glass,se&&n[`shadow${mt.capitalize(se)}`],le&&n[`round${mt.capitalize(le)}`],de&&n.striped,x&&n.virtualized,qe),[n,O,S,F,se,le,de,x,qe]),Fa=(P?1:0)+(C?1:0),w=D.length+Fa,La=te||ae||E||H||ne,Ha=()=>ye?a.jsxs("nav",{className:h.combineClassNames(n.pagination,Tt),"aria-label":"Table pagination","data-testid":`${d}-pagination`,children:[a.jsx("button",{type:"button",className:n.paginationButton,disabled:T<=1,onClick:()=>it(T-1),"data-testid":`${d}-pagination-prev`,children:"Previous"}),a.jsxs("span",{className:n.paginationStatus,"aria-live":"polite","data-testid":`${d}-pagination-status`,children:["Page ",T," of ",j]}),a.jsx("button",{type:"button",className:n.paginationButton,disabled:T>=j,onClick:()=>it(T+1),"data-testid":`${d}-pagination-next`,children:"Next"})]}):null;return a.jsx("div",{className:Oa,"data-testid":d,role:"region","aria-label":"Data table",children:a.jsxs("div",{className:n.scrollArea,children:[La?a.jsxs("div",{className:h.combineClassNames(n.toolbar,Bt),"data-testid":`${d}-toolbar`,children:[te?a.jsx("div",{className:n.toolbarTitle,children:te}):null,E?a.jsx("input",{type:"search",value:U,placeholder:St,"aria-label":Ct,onChange:e=>ja(e.target.value),className:h.combineClassNames(n.filterInput,Dt),"data-testid":`${d}-filter`}):null,H?a.jsxs("details",{className:h.combineClassNames(n.columnMenu,wt),"data-testid":`${d}-column-menu`,children:[a.jsx("summary",{className:n.columnMenuTrigger,children:"Columns"}),a.jsx("div",{className:n.columnMenuPanel,children:b.map(e=>{const t=B.includes(e.key),s=t&&B.length<=1;return a.jsxs("label",{className:n.columnMenuItem,children:[a.jsx("input",{type:"checkbox",checked:t,disabled:s,onChange:l=>Da(e.key,l.target.checked),"data-testid":`${d}-toggle-column-${String(e.key)}`}),a.jsx("span",{children:e.label})]},String(e.key))})})]}):null,ae?a.jsx("div",{className:n.toolbarActions,children:ae}):null]}):null,ne&&p.length>0?a.jsxs("div",{className:h.combineClassNames(n.bulkToolbar,Kt),"data-testid":`${d}-bulk-toolbar`,children:[a.jsxs("span",{children:[p.length," selected"]}),a.jsx("div",{className:n.toolbarActions,children:ne(p,ga)})]}):null,a.jsx("div",{id:et,className:n.srOnly??"sr_only","aria-live":"polite","aria-atomic":"true",children:He?Ge:ta}),a.jsx("div",{className:n.viewport,style:x?{maxHeight:Ze,overflowY:"auto"}:void 0,onScroll:x?e=>pa(e.currentTarget.scrollTop):void 0,"data-testid":x?`${d}-virtual-viewport`:void 0,children:a.jsxs("table",{className:Ea,"aria-label":Xt,"aria-labelledby":Zt,"aria-describedby":ma||void 0,"aria-colcount":Lt??w,"aria-rowcount":Ht??at,children:[ce?a.jsx("caption",{id:Me,className:Ot?n.srOnly??"sr_only":void 0,children:ce}):null,a.jsx("thead",{className:Pt,children:a.jsxs("tr",{children:[C?a.jsx("th",{scope:"col",className:n.selectionCell,children:a.jsx("span",{className:n.srOnly??"sr_only",children:"Expand row"})}):null,P?a.jsx("th",{scope:"col",className:n.selectionCell,children:a.jsx("input",{type:"checkbox","aria-label":$t,checked:dt,onChange:ka,"data-testid":`${d}-select-all`})}):null,D.map((e,t)=>{const s=m===e.key,l=N.includes(e.key);return a.jsx("th",{id:ut(e),scope:Pa(e),style:De(e,t),"aria-sort":e.sortable?s?f==="asc"?"ascending":"descending":"none":void 0,className:h.combineClassNames(e.sortable&&n.sortable,n.headerCell,l&&n.pinnedCell,(e.wrap??Ee)&&n.wrapCell,e.headerClassName),children:a.jsxs("div",{className:n.headerContent,children:[e.sortable?a.jsxs("button",{type:"button",className:h.combineClassNames(n.sortButton,e.sortButtonClassName),onClick:()=>ot(e),onKeyDown:Sa(e),"aria-label":qa(e,s),"data-testid":`${d}-sort-${String(e.key)}`,children:[a.jsx("span",{children:e.label}),a.jsx("span",{className:n.sortIcon,"aria-hidden":"true",children:s?f==="asc"?"▲":"▼":"⇅"})]}):a.jsx("span",{"aria-label":e.srLabel,children:e.label}),Qe||Ye||Ae?a.jsxs("span",{className:n.columnControls,children:[Qe?a.jsxs(a.Fragment,{children:[a.jsx("button",{type:"button",className:n.columnControlButton,disabled:t===0,onClick:()=>ct(e.key,-1),"aria-label":`Move ${e.label} column left`,"data-testid":`${d}-move-${String(e.key)}-left`,children:"‹"}),a.jsx("button",{type:"button",className:n.columnControlButton,disabled:t===D.length-1,onClick:()=>ct(e.key,1),"aria-label":`Move ${e.label} column right`,"data-testid":`${d}-move-${String(e.key)}-right`,children:"›"})]}):null,Ye?a.jsxs(a.Fragment,{children:[a.jsx("button",{type:"button",className:n.columnControlButton,onClick:()=>bt(e,-24),"aria-label":`Resize ${e.label} column narrower`,"data-testid":`${d}-resize-${String(e.key)}-narrower`,children:"−"}),a.jsx("button",{type:"button",className:n.columnControlButton,onClick:()=>bt(e,24),"aria-label":`Resize ${e.label} column wider`,"data-testid":`${d}-resize-${String(e.key)}-wider`,children:"+"})]}):null,Ae?a.jsx("button",{type:"button",className:n.columnControlButton,"aria-pressed":l,onClick:()=>Ka(e.key),"aria-label":`${l?"Unpin":"Pin"} ${e.label} column`,"data-testid":`${d}-pin-${String(e.key)}`,children:"⌖"}):null]}):null]})},String(e.key))})]})}),a.jsx("tbody",{className:qt,children:He?a.jsx("tr",{children:a.jsx("td",{className:n.emptyCell,colSpan:w,"aria-live":"polite",children:Ge})}):$.length===0?a.jsx("tr",{children:a.jsx("td",{className:n.emptyCell,colSpan:w,"aria-live":"polite",children:Ft})}):a.jsxs(a.Fragment,{children:[st>0?a.jsx("tr",{"aria-hidden":"true","data-testid":`${d}-virtual-top`,children:a.jsx("td",{style:{height:st,padding:0},colSpan:w})}):null,lt.map((e,t)=>{const s=q+t,l=he?s:A+s,r=g(e,l),c=ue==null?void 0:ue(e,l),X=_e==null?void 0:_e(e,l),_=z.includes(r);return a.jsxs(o.Fragment,{children:[a.jsxs("tr",{className:h.combineClassNames(y&&n.clickable,de&&l%2===1&&n.striped,Ta(e,l)),onClick:()=>y==null?void 0:y(e),onKeyDown:Ca(e),tabIndex:y?0:void 0,"aria-label":y?c:void 0,"aria-description":y?X:void 0,"data-testid":`${d}-row-${r}`,children:[C?a.jsx("td",{className:n.selectionCell,children:a.jsx("button",{type:"button",className:n.expandButton,"aria-expanded":_,"aria-label":`${_?"Collapse":"Expand"} row ${l+1}`,onClick:i=>{i.stopPropagation(),va(e,l)},"data-testid":`${d}-expand-row-${r}`,children:_?"−":"+"})}):null,P?a.jsx("td",{className:n.selectionCell,children:a.jsx("input",{type:"checkbox","aria-label":(M==null?void 0:M(e,l))??`Select row ${l+1}`,checked:p.includes(r),onChange:i=>{i.stopPropagation(),$a(e,l)},onClick:i=>i.stopPropagation(),"data-testid":`${d}-select-row-${r}`})}):null,D.map((i,_t)=>{var pt;const Z=String(i.key),I=e[i.key],yt=Wa(e,i),ht=ut(i),Ga=i.wrap??Ee,Ja=N.includes(i.key),Qa=(J==null?void 0:J.rowKey)===r&&J.columnKey===i.key,xt=h.combineClassNames(n.cell,Ja&&n.pinnedCell,i.editable&&n.editableCell,Ga&&n.wrapCell,i.cellClassName,wa(I,e,i,l)),ft=i.editable&&Qa?i.renderEditor?i.renderEditor({value:I,row:e,rowIndex:l,column:i,commit:u=>Ke(e,l,i,u),cancel:()=>Q(null)}):a.jsx("input",{className:n.cellEditor,defaultValue:String(I??""),type:i.editInputType??"text",ref:u=>u==null?void 0:u.focus(),"aria-label":((pt=i.getEditAriaLabel)==null?void 0:pt.call(i,e,I,l))??`Edit ${i.label}`,onClick:u=>u.stopPropagation(),onKeyDown:u=>{u.key==="Enter"&&Ke(e,l,i,u.currentTarget.value),u.key==="Escape"&&Q(null)},onBlur:u=>Ke(e,l,i,u.currentTarget.value),"data-testid":`${d}-editor-${r}-${Z}`}):i.editable?a.jsx("button",{type:"button",className:n.editButton,onClick:u=>{u.stopPropagation(),Q({rowKey:r,columnKey:i.key})},"data-testid":`${d}-edit-${r}-${Z}`,children:yt}):yt;return i.isRowHeader?a.jsx("th",{scope:"row",headers:ht,"data-label":i.label,style:De(i,_t),className:h.combineClassNames(xt,i.rowHeaderClassName),children:ft},Z):a.jsx("td",{headers:ht,"data-label":i.label,style:De(i,_t),className:xt,children:ft},Z)})]},r),C&&_?a.jsx("tr",{className:n.expandedRow,"data-testid":`${d}-expanded-row-${r}`,children:a.jsx("td",{className:n.expandedCell,colSpan:w,children:C(e,l)})},`${r}-expanded`):null]},r)}),rt>0?a.jsx("tr",{"aria-hidden":"true","data-testid":`${d}-virtual-bottom`,children:a.jsx("td",{style:{height:rt,padding:0},colSpan:w})}):null]})})]})}),Ha()]})})}gt.displayName="DataTableBase";const Ya={wrapper:"data_table_wrapper",scrollArea:"data_table_scroll_area",table:"data_table",toolbar:"data_table_toolbar",toolbarTitle:"data_table_toolbar_title",toolbarActions:"data_table_toolbar_actions",filterInput:"data_table_filter_input",bulkToolbar:"data_table_bulk_toolbar",pagination:"data_table_pagination",paginationButton:"data_table_pagination_button",paginationStatus:"data_table_pagination_status",columnMenu:"data_table_column_menu",columnMenuTrigger:"data_table_column_menu_trigger",columnMenuPanel:"data_table_column_menu_panel",columnMenuItem:"data_table_column_menu_item",viewport:"data_table_viewport",headerCell:"data_table_header_cell",headerContent:"data_table_header_content",selectionCell:"data_table_selection_cell",sortable:"data_table_header_sortable",sortButton:"data_table_sort_button",sortIcon:"data_table_sort_icon",columnControls:"data_table_column_controls",columnControlButton:"data_table_column_control_button",pinnedCell:"data_table_cell_pinned",clickable:"data_table_row_clickable",striped:"data_table_row_striped",expandedRow:"data_table_expanded_row",expandedCell:"data_table_expanded_cell",expandButton:"data_table_expand_button",virtualized:"data_table_virtualized",cell:"data_table_cell",wrapCell:"data_table_cell_wrap",editableCell:"data_table_cell_editable",editButton:"data_table_edit_button",cellEditor:"data_table_cell_editor",emptyCell:"data_table_empty_cell",srOnly:"sr_only",primary:"data_table_primary",secondary:"data_table_secondary",tertiary:"data_table_tertiary",quaternary:"data_table_quaternary",success:"data_table_success",info:"data_table_info",error:"data_table_error",warning:"data_table_warning",clear:"data_table_clear",outline:"data_table_outline",glass:"data_table_glass",shadowNone:"data_table_shadow-None",shadowLight:"data_table_shadow-Light",shadowMedium:"data_table_shadow-Medium",shadowStrong:"data_table_shadow-Strong",shadowIntense:"data_table_shadow-Intense",roundNone:"data_table_round-None",roundSmall:"data_table_round-Small",roundMedium:"data_table_round-Medium",roundLarge:"data_table_round-Large"};function jt(b){return a.jsx(gt,{...b,classMap:Ua.expandClassMap(Ya)})}jt.displayName="DataTable";exports.DataTable=jt;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as r, jsxs as c, Fragment as Pe } from "react/jsx-runtime";
|
|
2
2
|
import { e as Va } from "./propAliases-O-1wR3I5.js";
|
|
3
3
|
import './DataTable.css';/* empty css */
|
|
4
4
|
import { useState as y, useMemo as O, useCallback as Xa, useEffect as $t, Fragment as Za } from "react";
|
|
5
5
|
import { c as f } from "./classNames-Dz0_huu_.js";
|
|
6
6
|
import { c as kt } from "./capitalize-D_pj4b3P.js";
|
|
7
|
-
import { g as
|
|
7
|
+
import { g as Aa, b as za, a as Ia, d as Ra, e as Ma } from "./styleConfig-BoNVl5_r.js";
|
|
8
8
|
const vt = (b, C = 160) => {
|
|
9
9
|
if (!b) return C;
|
|
10
10
|
const h = Number.parseFloat(b);
|
|
@@ -35,8 +35,8 @@ function xt({
|
|
|
35
35
|
paginationClassName: Wt,
|
|
36
36
|
columnMenuClassName: Ot,
|
|
37
37
|
classMap: a,
|
|
38
|
-
theme: j =
|
|
39
|
-
rounding: re =
|
|
38
|
+
theme: j = Aa(),
|
|
39
|
+
rounding: re = za(),
|
|
40
40
|
shadow: ie = Ia(),
|
|
41
41
|
state: B,
|
|
42
42
|
outline: Ee = Ra(),
|
|
@@ -84,13 +84,13 @@ function xt({
|
|
|
84
84
|
columnWidths: Ze,
|
|
85
85
|
defaultColumnWidths: Zt = {},
|
|
86
86
|
onColumnWidthsChange: Ne,
|
|
87
|
-
columnPinning:
|
|
88
|
-
pinnedColumnKeys:
|
|
89
|
-
defaultPinnedColumnKeys:
|
|
87
|
+
columnPinning: Ae = !1,
|
|
88
|
+
pinnedColumnKeys: ze,
|
|
89
|
+
defaultPinnedColumnKeys: At = [],
|
|
90
90
|
onPinnedColumnKeysChange: $e,
|
|
91
91
|
renderExpandedRow: D,
|
|
92
92
|
expandedRowKeys: Ie,
|
|
93
|
-
defaultExpandedRowKeys:
|
|
93
|
+
defaultExpandedRowKeys: zt = [],
|
|
94
94
|
onExpandedRowsChange: ke,
|
|
95
95
|
onCellEdit: ve,
|
|
96
96
|
virtualized: p = !1,
|
|
@@ -103,13 +103,13 @@ function xt({
|
|
|
103
103
|
"data-testid": ea,
|
|
104
104
|
testId: o = ea ?? "data-table"
|
|
105
105
|
}) {
|
|
106
|
-
const [N, ta] = y(Lt), [m, aa] = y(jt), [na, et] = y(""), [la, ra] = y(St), [ia, da] = y(
|
|
107
|
-
|
|
108
|
-
), [_a, ya] = y(Zt), [ha, fa] = y(
|
|
106
|
+
const [N, ta] = y(Lt), [m, aa] = y(jt), [na, et] = y(""), [la, ra] = y(St), [ia, da] = y(
|
|
107
|
+
Bt ?? ""
|
|
108
|
+
), [oa, xe] = y(Qt), [sa, ca] = y(Vt ?? b.map((e) => e.key)), [ba, ua] = y(Xt ?? b.map((e) => e.key)), [_a, ya] = y(Zt), [ha, fa] = y(At), [pa, ma] = y(zt), [Q, U] = y(null), [ga, Na] = y(0), tt = `${o}-caption`, at = `${o}-live-region`, $a = [
|
|
109
109
|
Mt,
|
|
110
110
|
be ? tt : void 0,
|
|
111
111
|
at
|
|
112
|
-
].filter(Boolean).join(" "), g = We ?? la, Y = Oe ?? ia, Se = H ?? oa, K = Ue ?? sa, Ce = Ve ?? ba, V = Ze ?? _a, $ =
|
|
112
|
+
].filter(Boolean).join(" "), g = We ?? la, Y = Oe ?? ia, Se = H ?? oa, K = Ue ?? sa, Ce = Ve ?? ba, V = Ze ?? _a, $ = ze ?? ha, X = Ie ?? pa, k = (e, t) => He ? He(e) : t, nt = O(() => {
|
|
113
113
|
const e = new Map(b.map((i) => [i.key, i])), t = Ce.map((i) => e.get(i)).filter((i) => !!i), l = b.filter(
|
|
114
114
|
(i) => !Ce.includes(i.key)
|
|
115
115
|
), n = [...t, ...l];
|
|
@@ -167,14 +167,16 @@ function xt({
|
|
|
167
167
|
offset: (t - 1) * w,
|
|
168
168
|
pageCount: v
|
|
169
169
|
});
|
|
170
|
-
},
|
|
170
|
+
}, A = E ? it.map(
|
|
171
171
|
(e, t) => k(e, F + t)
|
|
172
|
-
) : [], ct =
|
|
172
|
+
) : [], ct = A.length > 0 && A.every((e) => g.includes(e)), Sa = () => {
|
|
173
173
|
if (ct) {
|
|
174
|
-
De(
|
|
174
|
+
De(
|
|
175
|
+
g.filter((e) => !A.includes(e))
|
|
176
|
+
);
|
|
175
177
|
return;
|
|
176
178
|
}
|
|
177
|
-
De(Array.from(/* @__PURE__ */ new Set([...g, ...
|
|
179
|
+
De(Array.from(/* @__PURE__ */ new Set([...g, ...A])));
|
|
178
180
|
}, Ca = (e, t) => {
|
|
179
181
|
const l = k(e, t);
|
|
180
182
|
De(
|
|
@@ -188,10 +190,13 @@ function xt({
|
|
|
188
190
|
(i, s) => n.includes(k(i, s))
|
|
189
191
|
)
|
|
190
192
|
);
|
|
191
|
-
}, Ke = Xa(
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
193
|
+
}, Ke = Xa(
|
|
194
|
+
(e, t) => {
|
|
195
|
+
const l = ue ? ue(e, t) : `${e.label} sorted ${t === "asc" ? "ascending" : "descending"}`;
|
|
196
|
+
et(l);
|
|
197
|
+
},
|
|
198
|
+
[ue]
|
|
199
|
+
), bt = (e) => {
|
|
195
200
|
const t = e.key === N && m === "asc" ? "desc" : "asc";
|
|
196
201
|
ta(e.key), aa(t), Ke(e, t), ce && qe && qe(e.key, t);
|
|
197
202
|
}, Da = (e) => (t) => {
|
|
@@ -208,8 +213,8 @@ function xt({
|
|
|
208
213
|
s[i],
|
|
209
214
|
s[n]
|
|
210
215
|
];
|
|
211
|
-
const
|
|
212
|
-
Ta([...s, ...
|
|
216
|
+
const z = b.map((_) => _.key).filter((_) => !s.includes(_));
|
|
217
|
+
Ta([...s, ...z]);
|
|
213
218
|
}, wa = (e, t) => {
|
|
214
219
|
const l = t ? [...K, e] : K.filter((n) => n !== e);
|
|
215
220
|
Ue || ca(l), me == null || me(l);
|
|
@@ -218,7 +223,7 @@ function xt({
|
|
|
218
223
|
Ze || ya(i), Ne == null || Ne(i);
|
|
219
224
|
}, Pa = (e) => {
|
|
220
225
|
const t = $.includes(e) ? $.filter((l) => l !== e) : [...$, e];
|
|
221
|
-
|
|
226
|
+
ze || fa(t), $e == null || $e(t);
|
|
222
227
|
}, Te = (e, t) => {
|
|
223
228
|
const l = $.includes(e.key), n = T.slice(0, t).filter((i) => $.includes(i.key)).reduce(
|
|
224
229
|
(i, s) => i + vt(
|
|
@@ -283,7 +288,17 @@ function xt({
|
|
|
283
288
|
p && a.virtualized,
|
|
284
289
|
Fe
|
|
285
290
|
),
|
|
286
|
-
[
|
|
291
|
+
[
|
|
292
|
+
a,
|
|
293
|
+
j,
|
|
294
|
+
B,
|
|
295
|
+
q,
|
|
296
|
+
ie,
|
|
297
|
+
re,
|
|
298
|
+
se,
|
|
299
|
+
p,
|
|
300
|
+
Fe
|
|
301
|
+
]
|
|
287
302
|
), Ha = (E ? 1 : 0) + (D ? 1 : 0), W = T.length + Ha, Ga = ae || ne || L || G || le, Ja = () => he ? /* @__PURE__ */ c(
|
|
288
303
|
"nav",
|
|
289
304
|
{
|
|
@@ -330,14 +345,14 @@ function xt({
|
|
|
330
345
|
]
|
|
331
346
|
}
|
|
332
347
|
) : null;
|
|
333
|
-
return /* @__PURE__ */
|
|
348
|
+
return /* @__PURE__ */ r(
|
|
334
349
|
"div",
|
|
335
350
|
{
|
|
336
351
|
className: qa,
|
|
337
352
|
"data-testid": o,
|
|
338
353
|
role: "region",
|
|
339
354
|
"aria-label": "Data table",
|
|
340
|
-
children: [
|
|
355
|
+
children: /* @__PURE__ */ c("div", { className: a.scrollArea, children: [
|
|
341
356
|
Ga ? /* @__PURE__ */ c(
|
|
342
357
|
"div",
|
|
343
358
|
{
|
|
@@ -371,7 +386,9 @@ function xt({
|
|
|
371
386
|
children: [
|
|
372
387
|
/* @__PURE__ */ r("summary", { className: a.columnMenuTrigger, children: "Columns" }),
|
|
373
388
|
/* @__PURE__ */ r("div", { className: a.columnMenuPanel, children: b.map((e) => {
|
|
374
|
-
const t = K.includes(
|
|
389
|
+
const t = K.includes(
|
|
390
|
+
e.key
|
|
391
|
+
), l = t && K.length <= 1;
|
|
375
392
|
return /* @__PURE__ */ c(
|
|
376
393
|
"label",
|
|
377
394
|
{
|
|
@@ -383,7 +400,10 @@ function xt({
|
|
|
383
400
|
type: "checkbox",
|
|
384
401
|
checked: t,
|
|
385
402
|
disabled: l,
|
|
386
|
-
onChange: (n) => wa(
|
|
403
|
+
onChange: (n) => wa(
|
|
404
|
+
e.key,
|
|
405
|
+
n.target.checked
|
|
406
|
+
),
|
|
387
407
|
"data-testid": `${o}-toggle-column-${String(
|
|
388
408
|
e.key
|
|
389
409
|
)}`
|
|
@@ -405,7 +425,10 @@ function xt({
|
|
|
405
425
|
le && g.length > 0 ? /* @__PURE__ */ c(
|
|
406
426
|
"div",
|
|
407
427
|
{
|
|
408
|
-
className: f(
|
|
428
|
+
className: f(
|
|
429
|
+
a.bulkToolbar,
|
|
430
|
+
Pt
|
|
431
|
+
),
|
|
409
432
|
"data-testid": `${o}-bulk-toolbar`,
|
|
410
433
|
children: [
|
|
411
434
|
/* @__PURE__ */ c("span", { children: [
|
|
@@ -464,7 +487,9 @@ function xt({
|
|
|
464
487
|
}
|
|
465
488
|
) }) : null,
|
|
466
489
|
T.map((e, t) => {
|
|
467
|
-
const l = N === e.key, n = $.includes(
|
|
490
|
+
const l = N === e.key, n = $.includes(
|
|
491
|
+
e.key
|
|
492
|
+
);
|
|
468
493
|
return /* @__PURE__ */ r(
|
|
469
494
|
"th",
|
|
470
495
|
{
|
|
@@ -494,11 +519,18 @@ function xt({
|
|
|
494
519
|
"data-testid": `${o}-sort-${String(e.key)}`,
|
|
495
520
|
children: [
|
|
496
521
|
/* @__PURE__ */ r("span", { children: e.label }),
|
|
497
|
-
/* @__PURE__ */ r(
|
|
522
|
+
/* @__PURE__ */ r(
|
|
523
|
+
"span",
|
|
524
|
+
{
|
|
525
|
+
className: a.sortIcon,
|
|
526
|
+
"aria-hidden": "true",
|
|
527
|
+
children: l ? m === "asc" ? "▲" : "▼" : "⇅"
|
|
528
|
+
}
|
|
529
|
+
)
|
|
498
530
|
]
|
|
499
531
|
}
|
|
500
532
|
) : /* @__PURE__ */ r("span", { "aria-label": e.srLabel, children: e.label }),
|
|
501
|
-
Ye || Xe ||
|
|
533
|
+
Ye || Xe || Ae ? /* @__PURE__ */ c("span", { className: a.columnControls, children: [
|
|
502
534
|
Ye ? /* @__PURE__ */ c(Pe, { children: [
|
|
503
535
|
/* @__PURE__ */ r(
|
|
504
536
|
"button",
|
|
@@ -557,7 +589,7 @@ function xt({
|
|
|
557
589
|
}
|
|
558
590
|
)
|
|
559
591
|
] }) : null,
|
|
560
|
-
|
|
592
|
+
Ae ? /* @__PURE__ */ r(
|
|
561
593
|
"button",
|
|
562
594
|
{
|
|
563
595
|
type: "button",
|
|
@@ -593,9 +625,22 @@ function xt({
|
|
|
593
625
|
children: Ht
|
|
594
626
|
}
|
|
595
627
|
) }) : /* @__PURE__ */ c(Pe, { children: [
|
|
596
|
-
dt > 0 ? /* @__PURE__ */ r(
|
|
628
|
+
dt > 0 ? /* @__PURE__ */ r(
|
|
629
|
+
"tr",
|
|
630
|
+
{
|
|
631
|
+
"aria-hidden": "true",
|
|
632
|
+
"data-testid": `${o}-virtual-top`,
|
|
633
|
+
children: /* @__PURE__ */ r(
|
|
634
|
+
"td",
|
|
635
|
+
{
|
|
636
|
+
style: { height: dt, padding: 0 },
|
|
637
|
+
colSpan: W
|
|
638
|
+
}
|
|
639
|
+
)
|
|
640
|
+
}
|
|
641
|
+
) : null,
|
|
597
642
|
it.map((e, t) => {
|
|
598
|
-
const l = F + t, n = fe ? l : Z + l, i = k(e, n), s = _e == null ? void 0 : _e(e, n),
|
|
643
|
+
const l = F + t, n = fe ? l : Z + l, i = k(e, n), s = _e == null ? void 0 : _e(e, n), z = ye == null ? void 0 : ye(
|
|
599
644
|
e,
|
|
600
645
|
n
|
|
601
646
|
), _ = X.includes(i);
|
|
@@ -612,7 +657,7 @@ function xt({
|
|
|
612
657
|
onKeyDown: Ka(e),
|
|
613
658
|
tabIndex: h ? 0 : void 0,
|
|
614
659
|
"aria-label": h ? s : void 0,
|
|
615
|
-
"aria-description": h ?
|
|
660
|
+
"aria-description": h ? z : void 0,
|
|
616
661
|
"data-testid": `${o}-row-${i}`,
|
|
617
662
|
children: [
|
|
618
663
|
D ? /* @__PURE__ */ r("td", { className: a.selectionCell, children: /* @__PURE__ */ r(
|
|
@@ -750,13 +795,33 @@ function xt({
|
|
|
750
795
|
{
|
|
751
796
|
className: a.expandedRow,
|
|
752
797
|
"data-testid": `${o}-expanded-row-${i}`,
|
|
753
|
-
children: /* @__PURE__ */ r(
|
|
798
|
+
children: /* @__PURE__ */ r(
|
|
799
|
+
"td",
|
|
800
|
+
{
|
|
801
|
+
className: a.expandedCell,
|
|
802
|
+
colSpan: W,
|
|
803
|
+
children: D(e, n)
|
|
804
|
+
}
|
|
805
|
+
)
|
|
754
806
|
},
|
|
755
807
|
`${i}-expanded`
|
|
756
808
|
) : null
|
|
757
809
|
] }, i);
|
|
758
810
|
}),
|
|
759
|
-
ot > 0 ? /* @__PURE__ */ r(
|
|
811
|
+
ot > 0 ? /* @__PURE__ */ r(
|
|
812
|
+
"tr",
|
|
813
|
+
{
|
|
814
|
+
"aria-hidden": "true",
|
|
815
|
+
"data-testid": `${o}-virtual-bottom`,
|
|
816
|
+
children: /* @__PURE__ */ r(
|
|
817
|
+
"td",
|
|
818
|
+
{
|
|
819
|
+
style: { height: ot, padding: 0 },
|
|
820
|
+
colSpan: W
|
|
821
|
+
}
|
|
822
|
+
)
|
|
823
|
+
}
|
|
824
|
+
) : null
|
|
760
825
|
] }) })
|
|
761
826
|
]
|
|
762
827
|
}
|
|
@@ -764,13 +829,14 @@ function xt({
|
|
|
764
829
|
}
|
|
765
830
|
),
|
|
766
831
|
Ja()
|
|
767
|
-
]
|
|
832
|
+
] })
|
|
768
833
|
}
|
|
769
834
|
);
|
|
770
835
|
}
|
|
771
836
|
xt.displayName = "DataTableBase";
|
|
772
837
|
const en = {
|
|
773
838
|
wrapper: "data_table_wrapper",
|
|
839
|
+
scrollArea: "data_table_scroll_area",
|
|
774
840
|
table: "data_table",
|
|
775
841
|
toolbar: "data_table_toolbar",
|
|
776
842
|
toolbarTitle: "data_table_toolbar_title",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./DataTable.css');;/* empty css */const e=require("./DataTable-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./DataTable.css');;/* empty css */const e=require("./DataTable-DOOENV1j.cjs");exports.default=e.DataTable;
|