@pibit.ai/cure-design-system 0.3.20 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/applications/schedule-calendar/schedule-calendar.d.ts.map +1 -1
- package/dist/applications/schedule-calendar/schedule-calendar.js +24 -22
- package/dist/applications/schedule-calendar/utils.d.ts +13 -3
- package/dist/applications/schedule-calendar/utils.d.ts.map +1 -1
- package/dist/applications/schedule-calendar/utils.js +136 -117
- package/dist/patterns/table/TableWrapper.d.ts.map +1 -1
- package/dist/patterns/table/TableWrapper.js +776 -661
- package/dist/patterns/table/table.d.ts.map +1 -1
- package/dist/patterns/table/table.js +44 -43
- package/dist/patterns/table/toolbar/AlignDropdown.js +14 -14
- package/dist/patterns/table/toolbar/ColumnHeaderMenu.d.ts +9 -0
- package/dist/patterns/table/toolbar/ColumnHeaderMenu.d.ts.map +1 -1
- package/dist/patterns/table/toolbar/ColumnHeaderMenu.js +115 -81
- package/dist/patterns/table/toolbar/SummaryFooter.d.ts.map +1 -1
- package/dist/patterns/table/toolbar/SummaryFooter.js +34 -27
- package/dist/patterns/table/toolbar/index.d.ts +1 -1
- package/dist/patterns/table/toolbar/index.d.ts.map +1 -1
- package/dist/patterns/table/toolbar/tableToolbarHelpers.js +1 -1
- package/dist/primitives/select/searchable-select.d.ts +5 -3
- package/dist/primitives/select/searchable-select.d.ts.map +1 -1
- package/dist/primitives/select/searchable-select.js +196 -177
- package/dist/primitives/select/select-item.d.ts.map +1 -1
- package/dist/primitives/select/select-item.js +70 -54
- package/dist/primitives/select/select.d.ts +7 -2
- package/dist/primitives/select/select.d.ts.map +1 -1
- package/dist/primitives/select/select.js +161 -137
- package/dist/primitives/tooltip/ellipsis-content.d.ts.map +1 -1
- package/dist/primitives/tooltip/ellipsis-content.js +46 -43
- package/dist/styles/components.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAqBvH,OAAO,KAAK,EACV,SAAS,IAAI,aAAa,EAC1B,WAAW,IAAI,eAAe,EAC9B,QAAQ,IAAI,YAAY,EACxB,gBAAgB,IAAI,oBAAoB,EACxC,UAAU,IAAI,cAAc,EAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAOL,SAAS,IAAI,aAAa,EAG3B,MAAM,uBAAuB,CAAC;AAQ/B,eAAO,MAAM,uBAAuB,+CAiBnC,CAAC;AA2EF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiDD,UAAU,cACR,SAAQ,cAAc,EACpB,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACtE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mGAAmG;IACnG,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,SAAS;iEAMZ,cAAc;;CAoEhB,CAAC;AAGF,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CACzC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC7B,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW;KAAI,CAAC,SAAS,MAAM,2EAOlC,gBAAgB,CAAC,CAAC,CAAC;;CA+BrB,CAAC;AAGF,UAAU,cACR,SAAQ,eAAe,EACrB,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,SAAS;8GAUZ,cAAc;;CAgFhB,CAAC;AAGF,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM,CACtC,SAAQ,YAAY,CAAC,CAAC,CAAC,EACrB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACnG,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAC/C,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,QAAQ;KAAI,CAAC,SAAS,MAAM,0HAS/B,aAAa,CAAC,CAAC,CAAC;;
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs as u, jsx as e, Fragment as V } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as F, useContext as b, createContext as G, useState as R, isValidElement as
|
|
2
|
+
import { forwardRef as F, useContext as b, createContext as G, useState as R, isValidElement as B, useRef as L, useEffect as J, Children as Q, cloneElement as X } from "react";
|
|
3
3
|
import { Edit01 as Y, Copy01 as Z, Trash01 as ee, HelpCircle as te, ArrowDown as re, ChevronSelectorVertical as oe, ChevronRight as ne } from "@untitledui/icons";
|
|
4
|
-
import { Table as se, useTableOptions as C, Cell as T, TableBody as ie, Column as S, Group as le, TableHeader as ae, Collection as
|
|
4
|
+
import { Table as se, useTableOptions as C, Cell as T, TableBody as ie, Column as S, Group as le, TableHeader as ae, Collection as A, Row as D } from "react-aria-components";
|
|
5
5
|
import { cn as p } from "../../utils/cn.js";
|
|
6
6
|
import { isWithinCellEditor as ce } from "./useGridKeyboardNavigation.js";
|
|
7
7
|
import { Badge as de } from "../../primitives/badge/badge.js";
|
|
8
8
|
import { Dropdown as w } from "../../primitives/dropdown/dropdown.js";
|
|
9
|
-
import { Tooltip as
|
|
10
|
-
import { Checkbox as
|
|
9
|
+
import { Tooltip as E, TooltipTrigger as q } from "../../primitives/tooltip/tooltip.js";
|
|
10
|
+
import { Checkbox as O } from "../../primitives/checkbox/checkbox.js";
|
|
11
11
|
const be = () => /* @__PURE__ */ u(w.Root, { children: [
|
|
12
12
|
/* @__PURE__ */ e(w.DotsButton, {}),
|
|
13
13
|
/* @__PURE__ */ e(w.Popover, { className: "w-min", children: /* @__PURE__ */ u(w.Menu, { children: [
|
|
@@ -21,7 +21,7 @@ const be = () => /* @__PURE__ */ u(w.Root, { children: [
|
|
|
21
21
|
toggleRow: () => {
|
|
22
22
|
},
|
|
23
23
|
inlineSelection: !1
|
|
24
|
-
}),
|
|
24
|
+
}), P = F(({ children: n, className: i, size: s = "md", ...c }, o) => {
|
|
25
25
|
const t = L(null), [m, f] = R(!1), [a, x] = R(/* @__PURE__ */ new Set());
|
|
26
26
|
J(() => {
|
|
27
27
|
const r = t.current;
|
|
@@ -54,8 +54,8 @@ const be = () => /* @__PURE__ */ u(w.Root, { children: [
|
|
|
54
54
|
}
|
|
55
55
|
) });
|
|
56
56
|
});
|
|
57
|
-
|
|
58
|
-
const
|
|
57
|
+
P.displayName = "TableCardRoot";
|
|
58
|
+
const _ = ({
|
|
59
59
|
title: n,
|
|
60
60
|
badge: i,
|
|
61
61
|
description: s,
|
|
@@ -84,17 +84,17 @@ const P = ({
|
|
|
84
84
|
children: n
|
|
85
85
|
}
|
|
86
86
|
),
|
|
87
|
-
i ?
|
|
87
|
+
i ? B(i) ? i : /* @__PURE__ */ e(de, { color: "brand", size: "sm", children: i }) : null
|
|
88
88
|
] }),
|
|
89
|
-
s && /* @__PURE__ */ e("p", { className: p("text-tertiary", t === "xs" ? "text-xs" : "text-sm"), children: s })
|
|
89
|
+
s && /* @__PURE__ */ e("p", { className: p("text-sm text-tertiary", t === "xs" ? "text-xs" : "text-sm"), children: s })
|
|
90
90
|
] }),
|
|
91
91
|
c
|
|
92
92
|
]
|
|
93
93
|
}
|
|
94
94
|
);
|
|
95
95
|
};
|
|
96
|
-
|
|
97
|
-
const
|
|
96
|
+
_.displayName = "TableCardHeader";
|
|
97
|
+
const W = ({
|
|
98
98
|
className: n,
|
|
99
99
|
size: i = "sm",
|
|
100
100
|
isEditable: s = !1,
|
|
@@ -149,8 +149,8 @@ const _ = ({
|
|
|
149
149
|
}
|
|
150
150
|
);
|
|
151
151
|
};
|
|
152
|
-
|
|
153
|
-
const
|
|
152
|
+
W.displayName = "Table";
|
|
153
|
+
const j = ({
|
|
154
154
|
columns: n,
|
|
155
155
|
children: i,
|
|
156
156
|
bordered: s = !1,
|
|
@@ -170,14 +170,14 @@ const W = ({
|
|
|
170
170
|
),
|
|
171
171
|
children: [
|
|
172
172
|
c && /* @__PURE__ */ e(S, { className: p("relative p-0", m === "sm" ? "w-9" : "w-11") }),
|
|
173
|
-
a === "toggle" && !f && /* @__PURE__ */ e(S, { className: p("relative p-0", m === "sm" ? "w-9" : "w-11"), children: x === "multiple" && /* @__PURE__ */ e("div", { className: "flex items-start", children: /* @__PURE__ */ e(
|
|
174
|
-
/* @__PURE__ */ e(
|
|
173
|
+
a === "toggle" && !f && /* @__PURE__ */ e(S, { className: p("relative p-0", m === "sm" ? "w-9" : "w-11"), children: x === "multiple" && /* @__PURE__ */ e("div", { className: "flex items-start", children: /* @__PURE__ */ e(O, { slot: "selection" }) }) }),
|
|
174
|
+
/* @__PURE__ */ e(A, { items: n, children: i })
|
|
175
175
|
]
|
|
176
176
|
}
|
|
177
177
|
);
|
|
178
178
|
};
|
|
179
|
-
|
|
180
|
-
const
|
|
179
|
+
j.displayName = "TableHeader";
|
|
180
|
+
const K = ({
|
|
181
181
|
className: n,
|
|
182
182
|
tooltip: i,
|
|
183
183
|
label: s,
|
|
@@ -212,14 +212,14 @@ const j = ({
|
|
|
212
212
|
typeof n == "function" ? n(l) : n
|
|
213
213
|
),
|
|
214
214
|
children: (l) => /* @__PURE__ */ u(le, { className: p("flex items-center gap-1", m), children: [
|
|
215
|
-
f ? /* @__PURE__ */ e(
|
|
215
|
+
f ? /* @__PURE__ */ e(E, { title: s, placement: "top", children: /* @__PURE__ */ e(q, { className: "cursor-pointer overflow-hidden text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-1 overflow-hidden", children: [
|
|
216
216
|
s && /* @__PURE__ */ e("span", { className: "overflow-hidden text-xs font-medium text-ellipsis whitespace-nowrap text-secondary", children: s }),
|
|
217
217
|
typeof c == "function" ? c(l) : c
|
|
218
218
|
] }) }) }) : /* @__PURE__ */ u("div", { className: "flex items-center gap-1 overflow-hidden", children: [
|
|
219
219
|
s && /* @__PURE__ */ e("span", { className: "overflow-hidden text-xs font-medium text-ellipsis whitespace-nowrap text-secondary", children: s }),
|
|
220
220
|
typeof c == "function" ? c(l) : c
|
|
221
221
|
] }),
|
|
222
|
-
i && /* @__PURE__ */ e(
|
|
222
|
+
i && /* @__PURE__ */ e(E, { title: i, placement: "top", children: /* @__PURE__ */ e(q, { className: "cursor-pointer overflow-hidden text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: /* @__PURE__ */ e(te, { className: "size-4" }) }) }),
|
|
223
223
|
l.allowsSorting && (l.sortDirection ? /* @__PURE__ */ e(
|
|
224
224
|
re,
|
|
225
225
|
{
|
|
@@ -233,8 +233,8 @@ const j = ({
|
|
|
233
233
|
}
|
|
234
234
|
);
|
|
235
235
|
};
|
|
236
|
-
|
|
237
|
-
const
|
|
236
|
+
K.displayName = "TableHead";
|
|
237
|
+
const $ = ({
|
|
238
238
|
columns: n,
|
|
239
239
|
children: i,
|
|
240
240
|
className: s,
|
|
@@ -244,7 +244,7 @@ const K = ({
|
|
|
244
244
|
expandedColSpan: m,
|
|
245
245
|
...f
|
|
246
246
|
}) => {
|
|
247
|
-
const { size: a, expandedRows: x, toggleRow: h, inlineSelection: r } = b(g), { selectionBehavior: l } = C(), d = typeof f.id == "string" ? f.id : String(f.id), v = x.has(d),
|
|
247
|
+
const { size: a, expandedRows: x, toggleRow: h, inlineSelection: r } = b(g), { selectionBehavior: l } = C(), d = typeof f.id == "string" ? f.id : String(f.id), v = x.has(d), M = o ? /* @__PURE__ */ e(
|
|
248
248
|
"button",
|
|
249
249
|
{
|
|
250
250
|
type: "button",
|
|
@@ -252,21 +252,22 @@ const K = ({
|
|
|
252
252
|
y.stopPropagation(), h(d);
|
|
253
253
|
},
|
|
254
254
|
className: p(
|
|
255
|
-
"
|
|
255
|
+
"flex items-center justify-center transition-transform duration-200 ease-in-out cursor-pointer hover:bg-secondary_subtle rounded p-1 flex-shrink-0 -ml-1 mr-2",
|
|
256
256
|
v && "rotate-90"
|
|
257
257
|
),
|
|
258
258
|
"aria-label": v ? "Collapse row" : "Expand row",
|
|
259
259
|
children: /* @__PURE__ */ e(ne, { className: "size-4 text-fg-quaternary" })
|
|
260
260
|
}
|
|
261
|
-
) : null,
|
|
261
|
+
) : null, U = o ? (() => {
|
|
262
262
|
const y = Q.toArray(i);
|
|
263
|
-
if (y.length > 0 &&
|
|
264
|
-
const H = y[0],
|
|
263
|
+
if (y.length > 0 && B(y[0])) {
|
|
264
|
+
const H = y[0], k = H.props;
|
|
265
265
|
return [
|
|
266
266
|
X(H, {
|
|
267
|
+
...k,
|
|
267
268
|
children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
|
|
268
|
-
|
|
269
|
-
|
|
269
|
+
M,
|
|
270
|
+
k.children
|
|
270
271
|
] })
|
|
271
272
|
}),
|
|
272
273
|
...y.slice(1)
|
|
@@ -276,7 +277,7 @@ const K = ({
|
|
|
276
277
|
})() : i;
|
|
277
278
|
return /* @__PURE__ */ u(V, { children: [
|
|
278
279
|
/* @__PURE__ */ u(
|
|
279
|
-
|
|
280
|
+
D,
|
|
280
281
|
{
|
|
281
282
|
...f,
|
|
282
283
|
className: (y) => p(
|
|
@@ -288,16 +289,16 @@ const K = ({
|
|
|
288
289
|
typeof s == "function" ? s(y) : s
|
|
289
290
|
),
|
|
290
291
|
children: [
|
|
291
|
-
l === "toggle" && !r && /* @__PURE__ */ e(T, { className: p("relative p-0", a === "sm" ? "w-9" : "w-11"), children: /* @__PURE__ */ e("div", { className: "flex items-end", children: /* @__PURE__ */ e(
|
|
292
|
-
/* @__PURE__ */ e(
|
|
292
|
+
l === "toggle" && !r && /* @__PURE__ */ e(T, { className: p("relative p-0", a === "sm" ? "w-9" : "w-11"), children: /* @__PURE__ */ e("div", { className: "flex items-end", children: /* @__PURE__ */ e(O, { className: "hidden", slot: "selection" }) }) }),
|
|
293
|
+
/* @__PURE__ */ e(A, { items: n, children: U })
|
|
293
294
|
]
|
|
294
295
|
}
|
|
295
296
|
),
|
|
296
|
-
o && v && t &&
|
|
297
|
+
o && v && t && /* @__PURE__ */ e(D, { id: `${d}-expanded`, className: "relative bg-secondary_subtle", children: /* @__PURE__ */ e(T, { className: "p-0", colSpan: m ?? (n == null ? void 0 : n.length) ?? 1, children: /* @__PURE__ */ e("div", { className: "w-full", children: t(f.value) }) }) })
|
|
297
298
|
] });
|
|
298
299
|
};
|
|
299
|
-
|
|
300
|
-
const
|
|
300
|
+
$.displayName = "TableRow";
|
|
301
|
+
const I = ({ className: n, children: i, sticky: s, stickyOffset: c = 0, ...o }) => {
|
|
301
302
|
const { size: t, inlineSelection: m } = b(g), { selectionBehavior: f } = C();
|
|
302
303
|
return /* @__PURE__ */ e(
|
|
303
304
|
T,
|
|
@@ -325,19 +326,19 @@ const $ = ({ className: n, children: i, sticky: s, stickyOffset: c = 0, ...o })
|
|
|
325
326
|
}
|
|
326
327
|
);
|
|
327
328
|
};
|
|
328
|
-
|
|
329
|
+
I.displayName = "TableCell";
|
|
329
330
|
const Ne = {
|
|
330
|
-
Root:
|
|
331
|
-
Header:
|
|
332
|
-
}, N =
|
|
331
|
+
Root: P,
|
|
332
|
+
Header: _
|
|
333
|
+
}, N = W;
|
|
333
334
|
N.Body = ie;
|
|
334
|
-
N.Cell =
|
|
335
|
-
N.Head =
|
|
336
|
-
N.Header =
|
|
337
|
-
N.Row =
|
|
335
|
+
N.Cell = I;
|
|
336
|
+
N.Head = K;
|
|
337
|
+
N.Header = j;
|
|
338
|
+
N.Row = $;
|
|
338
339
|
export {
|
|
339
340
|
N as Table,
|
|
340
341
|
Ne as TableCard,
|
|
341
|
-
|
|
342
|
+
I as TableCell,
|
|
342
343
|
be as TableRowActionsDropdown
|
|
343
344
|
};
|
|
@@ -9,23 +9,23 @@ const v = [
|
|
|
9
9
|
{ id: "center", icon: u, label: "Align center" },
|
|
10
10
|
{ id: "right", icon: h, label: "Align right" }
|
|
11
11
|
];
|
|
12
|
-
function y(
|
|
13
|
-
if (
|
|
14
|
-
const o = d(
|
|
15
|
-
for (let l = 1; l <
|
|
16
|
-
if (d(
|
|
12
|
+
function y(r, t) {
|
|
13
|
+
if (r.length === 0) return null;
|
|
14
|
+
const o = d(r[0], t);
|
|
15
|
+
for (let l = 1; l < r.length; l++)
|
|
16
|
+
if (d(r[l], t) !== o) return null;
|
|
17
17
|
return o;
|
|
18
18
|
}
|
|
19
19
|
const L = ({
|
|
20
|
-
schema:
|
|
20
|
+
schema: r,
|
|
21
21
|
columnAlignments: t,
|
|
22
22
|
setColumnAlignments: o,
|
|
23
23
|
isDisabled: l
|
|
24
24
|
}) => {
|
|
25
|
-
const m = t.size > 0, p = y(
|
|
25
|
+
const m = t.size > 0, p = y(r, t), x = (e) => {
|
|
26
26
|
const c = /* @__PURE__ */ new Map();
|
|
27
|
-
for (const
|
|
28
|
-
A(
|
|
27
|
+
for (const i of r)
|
|
28
|
+
A(i.value_type) !== e && c.set(i.value, e);
|
|
29
29
|
o(c);
|
|
30
30
|
};
|
|
31
31
|
return /* @__PURE__ */ s(f.Root, { children: [
|
|
@@ -43,14 +43,14 @@ const L = ({
|
|
|
43
43
|
}
|
|
44
44
|
),
|
|
45
45
|
/* @__PURE__ */ n(f.Popover, { className: "w-44", children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-1 py-1 px-2", children: /* @__PURE__ */ n("ul", { className: "flex flex-col", children: v.map((e) => {
|
|
46
|
-
const c = e.icon,
|
|
46
|
+
const c = e.icon, i = p === e.id;
|
|
47
47
|
return /* @__PURE__ */ s(
|
|
48
48
|
"li",
|
|
49
49
|
{
|
|
50
50
|
className: a([
|
|
51
|
-
"flex items-center gap-2 rounded-md px-2 py-2",
|
|
52
|
-
|
|
53
|
-
!
|
|
51
|
+
"flex items-center gap-2 rounded-md px-2 py-2 cursor-pointer",
|
|
52
|
+
i && "bg-utility-brand-25",
|
|
53
|
+
!i && "text-secondary hover:bg-primary_hover"
|
|
54
54
|
]),
|
|
55
55
|
children: [
|
|
56
56
|
/* @__PURE__ */ s(
|
|
@@ -64,7 +64,7 @@ const L = ({
|
|
|
64
64
|
]
|
|
65
65
|
}
|
|
66
66
|
),
|
|
67
|
-
|
|
67
|
+
i && /* @__PURE__ */ n(b, { size: 16, className: "shrink-0 text-brand-600" })
|
|
68
68
|
]
|
|
69
69
|
},
|
|
70
70
|
e.id
|
|
@@ -27,11 +27,20 @@ export interface ColumnMenuCapabilities {
|
|
|
27
27
|
filter?: boolean;
|
|
28
28
|
hide?: boolean;
|
|
29
29
|
}
|
|
30
|
+
/** Optional field metadata for lookup/formula menu variants (mirrors platform-ui `fieldDef`). */
|
|
31
|
+
export interface ColumnHeaderMenuFieldDef {
|
|
32
|
+
data_type?: string;
|
|
33
|
+
formula?: string;
|
|
34
|
+
}
|
|
30
35
|
interface ColumnHeaderMenuProps {
|
|
31
36
|
column: TableColumnMenuSchema;
|
|
32
37
|
columnLabel: string;
|
|
38
|
+
/** When set, drives lookup/formula menu sections via `data_type`. Falls back to `column.variant`. */
|
|
39
|
+
fieldDef?: ColumnHeaderMenuFieldDef | null;
|
|
33
40
|
currentAlignment: CellAlignment;
|
|
34
41
|
capabilities?: ColumnMenuCapabilities;
|
|
42
|
+
/** When true, the hide row renders disabled (e.g. last visible column). */
|
|
43
|
+
hideDisabled?: boolean;
|
|
35
44
|
onAction: (action: ColumnMenuAction) => void;
|
|
36
45
|
/** Domain-specific rows rendered after variant sections and before universal items. */
|
|
37
46
|
renderExtraItems?: (column: TableColumnMenuSchema) => ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnHeaderMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ColumnHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,UAAU,qBAAqB;IAC7B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,aAAa,CAAC;IAChC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,SAAS,CAAC;CACjE;
|
|
1
|
+
{"version":3,"file":"ColumnHeaderMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ColumnHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iGAAiG;AACjG,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,qBAAqB;IAC7B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC3C,gBAAgB,EAAE,aAAa,CAAC;IAChC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,SAAS,CAAC;CACjE;AA8ED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAsKtD,CAAC"}
|
|
@@ -1,78 +1,103 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { AlignLeft as
|
|
4
|
-
import { Button as
|
|
5
|
-
import { cx as
|
|
6
|
-
import { Dropdown as
|
|
7
|
-
const i = ({
|
|
1
|
+
import { jsxs as t, jsx as e, Fragment as m } from "react/jsx-runtime";
|
|
2
|
+
import { useState as _ } from "react";
|
|
3
|
+
import { AlignLeft as E, AlignCenter as I, AlignRight as U, ChevronDown as V, Eye as Z, Edit03 as B, ArrowRight as G, ArrowLeft as K, ArrowDown as $, ArrowUp as J, ChevronRight as T, FilterLines as Q, EyeOff as W, Trash01 as X, Check as Y } from "@untitledui/icons";
|
|
4
|
+
import { Button as q } from "react-aria-components";
|
|
5
|
+
import { cx as p } from "../../../utils/cn.js";
|
|
6
|
+
import { Dropdown as y } from "../../../primitives/dropdown/dropdown.js";
|
|
7
|
+
const i = ({
|
|
8
|
+
icon: n,
|
|
9
|
+
label: a,
|
|
10
|
+
danger: s,
|
|
11
|
+
submenu: h,
|
|
12
|
+
selected: r,
|
|
13
|
+
disabled: d,
|
|
14
|
+
title: g,
|
|
15
|
+
onClick: u
|
|
16
|
+
}) => /* @__PURE__ */ t(
|
|
8
17
|
"div",
|
|
9
18
|
{
|
|
10
|
-
onClick:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
19
|
+
onClick: d ? void 0 : u,
|
|
20
|
+
title: g,
|
|
21
|
+
"aria-disabled": d || void 0,
|
|
22
|
+
className: p(
|
|
23
|
+
"flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium transition-colors w-full text-left",
|
|
24
|
+
d ? "cursor-not-allowed text-disabled" : p(
|
|
25
|
+
"cursor-pointer",
|
|
26
|
+
s ? "text-error-primary hover:bg-error-primary" : r ? "bg-utility-brand-25 text-secondary" : "text-secondary hover:bg-primary_hover"
|
|
27
|
+
)
|
|
14
28
|
),
|
|
15
29
|
children: [
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
30
|
+
n && /* @__PURE__ */ e(
|
|
31
|
+
n,
|
|
32
|
+
{
|
|
33
|
+
size: 16,
|
|
34
|
+
className: p(
|
|
35
|
+
"shrink-0",
|
|
36
|
+
d ? "text-fg-disabled" : s ? "text-error-primary" : "text-fg-quaternary"
|
|
37
|
+
)
|
|
38
|
+
}
|
|
39
|
+
),
|
|
40
|
+
/* @__PURE__ */ e("span", { className: "flex-1 truncate", children: a }),
|
|
41
|
+
r && /* @__PURE__ */ e(Y, { size: 14, className: "shrink-0 text-brand-600" }),
|
|
42
|
+
h && /* @__PURE__ */ e(T, { size: 14, className: "shrink-0 text-fg-quaternary" })
|
|
20
43
|
]
|
|
21
44
|
}
|
|
22
|
-
), c = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }),
|
|
45
|
+
), c = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }), z = ({ children: n }) => /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase tracking-wider text-tertiary", children: n }), D = ({ label: n, suffix: a }) => /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-secondary bg-primary px-1.5 py-0.5", children: [
|
|
23
46
|
/* @__PURE__ */ e("span", { className: "flex h-4 w-4 items-center justify-center rounded-sm border border-secondary text-[9px] font-semibold text-tertiary", children: "T" }),
|
|
24
|
-
/* @__PURE__ */ e("span", { className: "text-xs font-semibold text-primary", children:
|
|
25
|
-
|
|
26
|
-
] }),
|
|
27
|
-
{ id: "left", icon:
|
|
28
|
-
{ id: "center", icon:
|
|
29
|
-
{ id: "right", icon:
|
|
30
|
-
],
|
|
31
|
-
column:
|
|
32
|
-
columnLabel:
|
|
33
|
-
|
|
47
|
+
/* @__PURE__ */ e("span", { className: "text-xs font-semibold text-primary", children: n }),
|
|
48
|
+
a && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary", children: a })
|
|
49
|
+
] }), C = [
|
|
50
|
+
{ id: "left", icon: E, label: "Align Left" },
|
|
51
|
+
{ id: "center", icon: I, label: "Align Center" },
|
|
52
|
+
{ id: "right", icon: U, label: "Align Right" }
|
|
53
|
+
], ie = ({
|
|
54
|
+
column: n,
|
|
55
|
+
columnLabel: a,
|
|
56
|
+
fieldDef: s,
|
|
57
|
+
currentAlignment: h,
|
|
34
58
|
capabilities: r,
|
|
35
|
-
|
|
36
|
-
|
|
59
|
+
hideDisabled: d,
|
|
60
|
+
onAction: g,
|
|
61
|
+
renderExtraItems: u
|
|
37
62
|
}) => {
|
|
38
|
-
var
|
|
39
|
-
const
|
|
40
|
-
|
|
41
|
-
},
|
|
42
|
-
return /* @__PURE__ */
|
|
43
|
-
|
|
63
|
+
var R, S;
|
|
64
|
+
const w = (s == null ? void 0 : s.data_type) ?? n.dataType, x = w === "LOOKUP" || n.variant === "lookup", A = w === "DERIVED" || n.variant === "derived", j = x ? "Hide field" : "Hide column", f = (r == null ? void 0 : r.sort) ?? !0, v = (r == null ? void 0 : r.align) ?? !0, N = (r == null ? void 0 : r.filter) ?? !0, k = (r == null ? void 0 : r.hide) ?? !0, [H, O] = _(!1), [M, b] = _(!1), l = (o) => {
|
|
65
|
+
g(o), b(!1), O(!1);
|
|
66
|
+
}, F = C.find((o) => o.id === h) ?? C[0], P = F.icon, L = u == null ? void 0 : u(n);
|
|
67
|
+
return /* @__PURE__ */ t(
|
|
68
|
+
y.Root,
|
|
44
69
|
{
|
|
45
|
-
isOpen:
|
|
46
|
-
onOpenChange: (
|
|
47
|
-
|
|
70
|
+
isOpen: H,
|
|
71
|
+
onOpenChange: (o) => {
|
|
72
|
+
O(o), o || b(!1);
|
|
48
73
|
},
|
|
49
74
|
children: [
|
|
50
75
|
/* @__PURE__ */ e(
|
|
51
|
-
|
|
76
|
+
q,
|
|
52
77
|
{
|
|
53
|
-
"aria-label": `Open ${
|
|
54
|
-
className:
|
|
78
|
+
"aria-label": `Open ${a} column menu`,
|
|
79
|
+
className: p(
|
|
55
80
|
"flex items-center justify-center rounded p-0.5 outline-none cursor-pointer",
|
|
56
81
|
"text-fg-quaternary hover:bg-secondary_subtle hover:text-fg-quaternary_hover",
|
|
57
82
|
"data-[pressed]:bg-secondary_subtle data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring"
|
|
58
83
|
),
|
|
59
|
-
children: /* @__PURE__ */ e(
|
|
84
|
+
children: /* @__PURE__ */ e(V, { size: 14, className: "stroke-2" })
|
|
60
85
|
}
|
|
61
86
|
),
|
|
62
|
-
/* @__PURE__ */ e(
|
|
63
|
-
|
|
64
|
-
/* @__PURE__ */
|
|
65
|
-
/* @__PURE__ */ e(
|
|
66
|
-
/* @__PURE__ */ e(
|
|
87
|
+
/* @__PURE__ */ e(y.Popover, { className: p(x || A ? "w-72" : "w-56"), children: /* @__PURE__ */ t("div", { className: "flex flex-col py-1 px-1.5", children: [
|
|
88
|
+
x && /* @__PURE__ */ t(m, { children: [
|
|
89
|
+
/* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
|
|
90
|
+
/* @__PURE__ */ e(z, { children: "Lookup field" }),
|
|
91
|
+
/* @__PURE__ */ e(D, { label: a, suffix: "Object name" })
|
|
67
92
|
] }),
|
|
68
93
|
/* @__PURE__ */ e(c, {}),
|
|
69
|
-
/* @__PURE__ */ e(i, { icon:
|
|
70
|
-
/* @__PURE__ */ e(i, { icon:
|
|
94
|
+
/* @__PURE__ */ e(i, { icon: Z, label: "View Field", onClick: () => l({ type: "lookup-view" }) }),
|
|
95
|
+
/* @__PURE__ */ e(i, { icon: B, label: "Edit field", onClick: () => l({ type: "lookup-edit" }) }),
|
|
71
96
|
/* @__PURE__ */ e(c, {}),
|
|
72
97
|
/* @__PURE__ */ e(
|
|
73
98
|
i,
|
|
74
99
|
{
|
|
75
|
-
icon:
|
|
100
|
+
icon: G,
|
|
76
101
|
label: "Add field to right",
|
|
77
102
|
onClick: () => l({ type: "add-field", side: "right" })
|
|
78
103
|
}
|
|
@@ -80,27 +105,27 @@ const i = ({ icon: o, label: s, danger: d, submenu: r, selected: p, onClick: f }
|
|
|
80
105
|
/* @__PURE__ */ e(
|
|
81
106
|
i,
|
|
82
107
|
{
|
|
83
|
-
icon:
|
|
108
|
+
icon: K,
|
|
84
109
|
label: "Add field to left",
|
|
85
110
|
onClick: () => l({ type: "add-field", side: "left" })
|
|
86
111
|
}
|
|
87
112
|
),
|
|
88
113
|
/* @__PURE__ */ e(c, {})
|
|
89
114
|
] }),
|
|
90
|
-
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
/* @__PURE__ */ e(
|
|
93
|
-
/* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((
|
|
115
|
+
A && /* @__PURE__ */ t(m, { children: [
|
|
116
|
+
/* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
|
|
117
|
+
/* @__PURE__ */ e(z, { children: "Formula" }),
|
|
118
|
+
/* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((R = s == null ? void 0 : s.formula) == null ? void 0 : R.trim()) || ((S = n.formula) == null ? void 0 : S.trim()) || a })
|
|
94
119
|
] }),
|
|
95
120
|
/* @__PURE__ */ e(c, {})
|
|
96
121
|
] }),
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
122
|
+
L,
|
|
123
|
+
L && (f || v || N || k) && /* @__PURE__ */ e(c, {}),
|
|
124
|
+
f && /* @__PURE__ */ t(m, { children: [
|
|
100
125
|
/* @__PURE__ */ e(
|
|
101
126
|
i,
|
|
102
127
|
{
|
|
103
|
-
icon:
|
|
128
|
+
icon: $,
|
|
104
129
|
label: "Sort A to Z",
|
|
105
130
|
onClick: () => l({ type: "sort", direction: "asc" })
|
|
106
131
|
}
|
|
@@ -108,53 +133,62 @@ const i = ({ icon: o, label: s, danger: d, submenu: r, selected: p, onClick: f }
|
|
|
108
133
|
/* @__PURE__ */ e(
|
|
109
134
|
i,
|
|
110
135
|
{
|
|
111
|
-
icon:
|
|
136
|
+
icon: J,
|
|
112
137
|
label: "Sort Z to A",
|
|
113
138
|
onClick: () => l({ type: "sort", direction: "desc" })
|
|
114
139
|
}
|
|
115
140
|
)
|
|
116
141
|
] }),
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
/* @__PURE__ */
|
|
120
|
-
/* @__PURE__ */
|
|
121
|
-
|
|
142
|
+
v && /* @__PURE__ */ t(m, { children: [
|
|
143
|
+
f && /* @__PURE__ */ e(c, {}),
|
|
144
|
+
/* @__PURE__ */ t(y.Root, { isOpen: M, onOpenChange: b, children: [
|
|
145
|
+
/* @__PURE__ */ t(
|
|
146
|
+
q,
|
|
122
147
|
{
|
|
123
|
-
className:
|
|
148
|
+
className: p(
|
|
124
149
|
"flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium cursor-pointer transition-colors w-full text-left outline-none",
|
|
125
150
|
"text-secondary hover:bg-primary_hover",
|
|
126
151
|
"data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring"
|
|
127
152
|
),
|
|
128
153
|
children: [
|
|
129
|
-
/* @__PURE__ */ e(
|
|
130
|
-
/* @__PURE__ */ e("span", { className: "flex-1 truncate", children:
|
|
131
|
-
/* @__PURE__ */ e(
|
|
154
|
+
/* @__PURE__ */ e(P, { size: 16, className: "shrink-0 text-fg-quaternary" }),
|
|
155
|
+
/* @__PURE__ */ e("span", { className: "flex-1 truncate", children: F.label }),
|
|
156
|
+
/* @__PURE__ */ e(T, { size: 14, className: "shrink-0 text-fg-quaternary" })
|
|
132
157
|
]
|
|
133
158
|
}
|
|
134
159
|
),
|
|
135
|
-
/* @__PURE__ */ e(
|
|
160
|
+
/* @__PURE__ */ e(y.Popover, { placement: "right top", className: "w-44", children: /* @__PURE__ */ e("div", { className: "flex flex-col py-1 px-1.5", children: C.map((o) => /* @__PURE__ */ e(
|
|
136
161
|
i,
|
|
137
162
|
{
|
|
138
|
-
icon:
|
|
139
|
-
label:
|
|
140
|
-
selected:
|
|
141
|
-
onClick: () => l({ type: "align", alignment:
|
|
163
|
+
icon: o.icon,
|
|
164
|
+
label: o.label,
|
|
165
|
+
selected: h === o.id,
|
|
166
|
+
onClick: () => l({ type: "align", alignment: o.id })
|
|
142
167
|
},
|
|
143
|
-
|
|
168
|
+
o.id
|
|
144
169
|
)) }) })
|
|
145
170
|
] })
|
|
146
171
|
] }),
|
|
147
|
-
(
|
|
148
|
-
(
|
|
149
|
-
|
|
150
|
-
|
|
172
|
+
(N || k) && /* @__PURE__ */ t(m, { children: [
|
|
173
|
+
(f || v) && /* @__PURE__ */ e(c, {}),
|
|
174
|
+
N && /* @__PURE__ */ e(i, { icon: Q, label: "Filter by", onClick: () => l({ type: "filter" }) }),
|
|
175
|
+
k && /* @__PURE__ */ e(
|
|
176
|
+
i,
|
|
177
|
+
{
|
|
178
|
+
icon: W,
|
|
179
|
+
label: j,
|
|
180
|
+
disabled: d,
|
|
181
|
+
title: d ? "At least one column must remain visible" : void 0,
|
|
182
|
+
onClick: () => l({ type: "hide" })
|
|
183
|
+
}
|
|
184
|
+
)
|
|
151
185
|
] }),
|
|
152
|
-
|
|
186
|
+
x && /* @__PURE__ */ t(m, { children: [
|
|
153
187
|
/* @__PURE__ */ e(c, {}),
|
|
154
188
|
/* @__PURE__ */ e(
|
|
155
189
|
i,
|
|
156
190
|
{
|
|
157
|
-
icon:
|
|
191
|
+
icon: X,
|
|
158
192
|
label: "Delete fields",
|
|
159
193
|
danger: !0,
|
|
160
194
|
onClick: () => l({ type: "lookup-delete" })
|
|
@@ -167,5 +201,5 @@ const i = ({ icon: o, label: s, danger: d, submenu: r, selected: p, onClick: f }
|
|
|
167
201
|
);
|
|
168
202
|
};
|
|
169
203
|
export {
|
|
170
|
-
|
|
204
|
+
ie as ColumnHeaderMenu
|
|
171
205
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SummaryFooter.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/SummaryFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SummaryFooter.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/SummaryFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,EAInB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,mBAAmB,EAAE,WAAW,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC1D,sBAAsB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC/E,gBAAgB,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;CACtB;AA2DD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAkEtD,CAAC"}
|