@pibit.ai/cure-design-system 0.3.26 → 0.3.30
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/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +96 -91
- package/dist/patterns/table/TableWrapper.d.ts +1 -1
- package/dist/patterns/table/TableWrapper.d.ts.map +1 -1
- package/dist/patterns/table/TableWrapper.js +897 -542
- package/dist/patterns/table/cellRangeSelection.d.ts +64 -0
- package/dist/patterns/table/cellRangeSelection.d.ts.map +1 -0
- package/dist/patterns/table/cellRangeSelection.js +150 -0
- package/dist/patterns/table/cellRangeSelection.test.d.ts +2 -0
- package/dist/patterns/table/cellRangeSelection.test.d.ts.map +1 -0
- package/dist/patterns/table/index.d.ts +3 -2
- package/dist/patterns/table/index.d.ts.map +1 -1
- package/dist/patterns/table/rowReorderDrag.d.ts +70 -0
- package/dist/patterns/table/rowReorderDrag.d.ts.map +1 -0
- package/dist/patterns/table/rowReorderDrag.js +151 -0
- package/dist/patterns/table/rowReorderDrag.test.d.ts +2 -0
- package/dist/patterns/table/rowReorderDrag.test.d.ts.map +1 -0
- package/dist/patterns/table/table.d.ts.map +1 -1
- package/dist/patterns/table/table.js +36 -36
- package/dist/patterns/table/tableUndoRedo.d.ts.map +1 -1
- package/dist/patterns/table/tableUndoRedo.js +21 -18
- package/dist/patterns/table/toolbar/RowActionsMenu.d.ts +17 -1
- package/dist/patterns/table/toolbar/RowActionsMenu.d.ts.map +1 -1
- package/dist/patterns/table/toolbar/RowActionsMenu.js +69 -51
- package/dist/patterns/table/types.d.ts +29 -0
- package/dist/patterns/table/types.d.ts.map +1 -1
- package/dist/patterns/table/useTableUndoRedo.d.ts +9 -0
- package/dist/patterns/table/useTableUndoRedo.d.ts.map +1 -1
- package/dist/patterns/table/useTableUndoRedo.js +217 -127
- package/dist/primitives/checkbox/checkbox.d.ts.map +1 -1
- package/dist/primitives/checkbox/checkbox.js +16 -16
- package/dist/primitives/select/ExpandableSearchInput.d.ts.map +1 -1
- package/dist/primitives/select/ExpandableSearchInput.js +2 -1
- package/dist/primitives/select/SearchInput.d.ts +7 -7
- package/dist/primitives/select/SearchInput.d.ts.map +1 -1
- package/dist/primitives/select/SearchInput.js +66 -62
- package/dist/styles/components.css +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as h, jsx as e, Fragment as V } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as F, useContext as N, createContext as G, useState as R, isValidElement as k, useRef as J, useEffect as Q, cloneElement as _, Children as X } from "react";
|
|
3
|
-
import { Edit01 as Y, Copy01 as Z, Trash01 as ee, HelpCircle as te, ArrowDown as re, ChevronSelectorVertical as oe, ChevronRight as
|
|
4
|
-
import { Table as
|
|
3
|
+
import { Edit01 as Y, Copy01 as Z, Trash01 as ee, HelpCircle as te, ArrowDown as re, ChevronSelectorVertical as oe, ChevronRight as se } from "@untitledui/icons";
|
|
4
|
+
import { Table as ne, useTableOptions as T, Cell as z, TableBody as ie, Column as H, Group as le, TableHeader as ae, Collection as A, Row as B } from "react-aria-components";
|
|
5
5
|
import { cn as d } from "../../utils/cn.js";
|
|
6
6
|
import { isWithinCellEditor as ce } from "./useGridKeyboardNavigation.js";
|
|
7
7
|
import { Badge as de } from "../../primitives/badge/badge.js";
|
|
@@ -21,7 +21,7 @@ const be = () => /* @__PURE__ */ h(b.Root, { children: [
|
|
|
21
21
|
toggleRow: () => {
|
|
22
22
|
},
|
|
23
23
|
inlineSelection: !1
|
|
24
|
-
}), W = F(({ children:
|
|
24
|
+
}), W = F(({ children: s, className: i, size: n = "md", ...a }, o) => {
|
|
25
25
|
const t = J(null), [u, f] = R(!1), [l, p] = R(/* @__PURE__ */ new Set());
|
|
26
26
|
Q(() => {
|
|
27
27
|
const r = t.current;
|
|
@@ -42,7 +42,7 @@ const be = () => /* @__PURE__ */ h(b.Root, { children: [
|
|
|
42
42
|
return c.has(r) ? c.delete(r) : c.add(r), c;
|
|
43
43
|
});
|
|
44
44
|
};
|
|
45
|
-
return /* @__PURE__ */ e(w.Provider, { value: { size:
|
|
45
|
+
return /* @__PURE__ */ e(w.Provider, { value: { size: n, hasOverflow: u, expandedRows: l, toggleRow: x }, children: /* @__PURE__ */ e(
|
|
46
46
|
"div",
|
|
47
47
|
{
|
|
48
48
|
ref: (r) => {
|
|
@@ -50,15 +50,15 @@ const be = () => /* @__PURE__ */ h(b.Root, { children: [
|
|
|
50
50
|
},
|
|
51
51
|
...a,
|
|
52
52
|
className: d("overflow-hidden rounded-lg bg-primary", i),
|
|
53
|
-
children:
|
|
53
|
+
children: s
|
|
54
54
|
}
|
|
55
55
|
) });
|
|
56
56
|
});
|
|
57
57
|
W.displayName = "TableCardRoot";
|
|
58
58
|
const j = ({
|
|
59
|
-
title:
|
|
59
|
+
title: s,
|
|
60
60
|
badge: i,
|
|
61
|
-
description:
|
|
61
|
+
description: n,
|
|
62
62
|
contentTrailing: a,
|
|
63
63
|
className: o
|
|
64
64
|
}) => {
|
|
@@ -81,12 +81,12 @@ const j = ({
|
|
|
81
81
|
"font-semibold text-primary",
|
|
82
82
|
t === "sm" ? "text-md" : t === "xs" ? "text-sm" : "text-lg"
|
|
83
83
|
),
|
|
84
|
-
children:
|
|
84
|
+
children: s
|
|
85
85
|
}
|
|
86
86
|
),
|
|
87
87
|
i ? k(i) ? i : /* @__PURE__ */ e(de, { color: "brand", size: "sm", children: i }) : null
|
|
88
88
|
] }),
|
|
89
|
-
|
|
89
|
+
n && /* @__PURE__ */ e("p", { className: d("text-sm text-tertiary", t === "xs" ? "text-xs" : "text-sm"), children: n })
|
|
90
90
|
] }),
|
|
91
91
|
a
|
|
92
92
|
]
|
|
@@ -95,9 +95,9 @@ const j = ({
|
|
|
95
95
|
};
|
|
96
96
|
j.displayName = "TableCardHeader";
|
|
97
97
|
const I = ({
|
|
98
|
-
className:
|
|
98
|
+
className: s,
|
|
99
99
|
size: i = "sm",
|
|
100
|
-
isEditable:
|
|
100
|
+
isEditable: n = !1,
|
|
101
101
|
inlineSelection: a = !1,
|
|
102
102
|
...o
|
|
103
103
|
}) => {
|
|
@@ -107,12 +107,12 @@ const I = ({
|
|
|
107
107
|
return c.has(r) ? c.delete(r) : c.add(r), c;
|
|
108
108
|
});
|
|
109
109
|
}), x = /* @__PURE__ */ e(
|
|
110
|
-
|
|
110
|
+
ne,
|
|
111
111
|
{
|
|
112
112
|
className: (r) => d(
|
|
113
113
|
"w-full overflow-x-hidden",
|
|
114
114
|
i === "xs" && "px-3 py-0",
|
|
115
|
-
typeof
|
|
115
|
+
typeof s == "function" ? s(r) : s
|
|
116
116
|
),
|
|
117
117
|
...o
|
|
118
118
|
}
|
|
@@ -127,7 +127,7 @@ const I = ({
|
|
|
127
127
|
toggleRow: p,
|
|
128
128
|
inlineSelection: a
|
|
129
129
|
},
|
|
130
|
-
children:
|
|
130
|
+
children: n ? /* @__PURE__ */ e(
|
|
131
131
|
"div",
|
|
132
132
|
{
|
|
133
133
|
onKeyDownCapture: (r) => {
|
|
@@ -151,9 +151,9 @@ const I = ({
|
|
|
151
151
|
};
|
|
152
152
|
I.displayName = "Table";
|
|
153
153
|
const K = ({
|
|
154
|
-
columns:
|
|
154
|
+
columns: s,
|
|
155
155
|
children: i,
|
|
156
|
-
bordered:
|
|
156
|
+
bordered: n = !1,
|
|
157
157
|
hasExpandableRows: a = !1,
|
|
158
158
|
className: o,
|
|
159
159
|
...t
|
|
@@ -165,22 +165,22 @@ const K = ({
|
|
|
165
165
|
...t,
|
|
166
166
|
className: (x) => d(
|
|
167
167
|
"sticky top-0 z-30 rounded-t-lg bg-secondary_subtle [&>tr>th]:h-9 [&>tr>th:first-child]:rounded-tl-lg [&>tr>th:last-child]:rounded-tr-lg",
|
|
168
|
-
|
|
168
|
+
n && "[&>tr>th]:after:pointer-events-none [&>tr>th]:after:absolute [&>tr>th]:after:inset-x-0 [&>tr>th]:after:bottom-0 [&>tr>th]:after:h-px [&>tr>th]:after:bg-border-tertiary [&>tr>th]:focus-visible:after:bg-transparent",
|
|
169
169
|
typeof o == "function" ? o(x) : o
|
|
170
170
|
),
|
|
171
171
|
children: [
|
|
172
172
|
a && /* @__PURE__ */ e(H, { className: d("relative p-0", u === "sm" ? "w-9" : "w-11") }),
|
|
173
|
-
l === "toggle" && !f && /* @__PURE__ */ e(H, { className: d("relative p-0", u === "sm" ? "w-9" : "w-11"), children: p === "multiple" && /* @__PURE__ */ e("div", { className: "flex items-start", children: /* @__PURE__ */ e(M, { slot: "selection" }) }) }),
|
|
174
|
-
/* @__PURE__ */ e(A, { items:
|
|
173
|
+
l === "toggle" && !f && /* @__PURE__ */ e(H, { className: d("relative p-0", u === "sm" ? "w-9" : "w-11"), children: p === "multiple" && /* @__PURE__ */ e("div", { className: "flex items-start", children: /* @__PURE__ */ e(M, { className: "hidden", slot: "selection" }) }) }),
|
|
174
|
+
/* @__PURE__ */ e(A, { items: s, children: i })
|
|
175
175
|
]
|
|
176
176
|
}
|
|
177
177
|
);
|
|
178
178
|
};
|
|
179
179
|
K.displayName = "TableHeader";
|
|
180
180
|
const $ = ({
|
|
181
|
-
className:
|
|
181
|
+
className: s,
|
|
182
182
|
tooltip: i,
|
|
183
|
-
label:
|
|
183
|
+
label: n,
|
|
184
184
|
children: a,
|
|
185
185
|
sticky: o,
|
|
186
186
|
stickyOffset: t = 0,
|
|
@@ -212,7 +212,7 @@ const $ = ({
|
|
|
212
212
|
x === "toggle" && !y && "nth-2:pl-3",
|
|
213
213
|
o && "bg-secondary",
|
|
214
214
|
m.allowsSorting && "cursor-pointer",
|
|
215
|
-
typeof
|
|
215
|
+
typeof s == "function" ? s(m) : s
|
|
216
216
|
),
|
|
217
217
|
children: (m) => /* @__PURE__ */ h(
|
|
218
218
|
le,
|
|
@@ -230,11 +230,11 @@ const $ = ({
|
|
|
230
230
|
u
|
|
231
231
|
),
|
|
232
232
|
children: [
|
|
233
|
-
f ? /* @__PURE__ */ e(O, { title:
|
|
234
|
-
|
|
233
|
+
f ? /* @__PURE__ */ e(O, { title: n, placement: "top", children: /* @__PURE__ */ e(P, { 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__ */ h("div", { className: "flex items-center gap-1 overflow-hidden", children: [
|
|
234
|
+
n && /* @__PURE__ */ e("span", { className: "overflow-hidden text-xs font-medium text-ellipsis whitespace-nowrap text-secondary", children: n }),
|
|
235
235
|
typeof a == "function" ? a(m) : a
|
|
236
236
|
] }) }) }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-1 overflow-hidden", children: [
|
|
237
|
-
|
|
237
|
+
n && /* @__PURE__ */ e("span", { className: "overflow-hidden text-xs font-medium text-ellipsis whitespace-nowrap text-secondary", children: n }),
|
|
238
238
|
typeof a == "function" ? a(m) : a
|
|
239
239
|
] }),
|
|
240
240
|
i && /* @__PURE__ */ e(O, { title: i, placement: "top", children: /* @__PURE__ */ e(P, { 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" }) }) }),
|
|
@@ -261,9 +261,9 @@ const $ = ({
|
|
|
261
261
|
};
|
|
262
262
|
$.displayName = "TableHead";
|
|
263
263
|
const L = ({
|
|
264
|
-
columns:
|
|
264
|
+
columns: s,
|
|
265
265
|
children: i,
|
|
266
|
-
className:
|
|
266
|
+
className: n,
|
|
267
267
|
highlightSelectedRow: a = !0,
|
|
268
268
|
isExpandable: o = !1,
|
|
269
269
|
renderExpandedContent: t,
|
|
@@ -282,7 +282,7 @@ const L = ({
|
|
|
282
282
|
v && "rotate-90"
|
|
283
283
|
),
|
|
284
284
|
"aria-label": v ? "Collapse row" : "Expand row",
|
|
285
|
-
children: /* @__PURE__ */ e(
|
|
285
|
+
children: /* @__PURE__ */ e(se, { className: "size-4 text-fg-quaternary" })
|
|
286
286
|
}
|
|
287
287
|
) : null, E = o ? (() => {
|
|
288
288
|
const g = X.toArray(i);
|
|
@@ -312,31 +312,31 @@ const L = ({
|
|
|
312
312
|
a && !r && "selected:bg-secondary",
|
|
313
313
|
r && "selected:!bg-transparent",
|
|
314
314
|
!v && "[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border-tertiary last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0 focus-visible:[&>td]:after:opacity-0",
|
|
315
|
-
typeof
|
|
315
|
+
typeof n == "function" ? n(g) : n
|
|
316
316
|
),
|
|
317
317
|
children: [
|
|
318
318
|
y === "toggle" && !r && /* @__PURE__ */ e(z, { className: d("relative p-0", l === "sm" ? "w-9" : "w-11"), children: /* @__PURE__ */ e("div", { className: "flex items-end", children: /* @__PURE__ */ e(M, { className: "hidden", slot: "selection" }) }) }),
|
|
319
|
-
/* @__PURE__ */ e(A, { items:
|
|
319
|
+
/* @__PURE__ */ e(A, { items: s, children: E })
|
|
320
320
|
]
|
|
321
321
|
}
|
|
322
322
|
),
|
|
323
|
-
o && v && t && /* @__PURE__ */ e(B, { id: `${c}-expanded`, className: "relative bg-secondary_subtle", children: /* @__PURE__ */ e(z, { className: "p-0", colSpan: u ?? (
|
|
323
|
+
o && v && t && /* @__PURE__ */ e(B, { id: `${c}-expanded`, className: "relative bg-secondary_subtle", children: /* @__PURE__ */ e(z, { className: "p-0", colSpan: u ?? (s == null ? void 0 : s.length) ?? 1, children: /* @__PURE__ */ e("div", { className: "w-full", children: t(f.value) }) }) })
|
|
324
324
|
] });
|
|
325
325
|
};
|
|
326
326
|
L.displayName = "TableRow";
|
|
327
|
-
const U = ({ className:
|
|
327
|
+
const U = ({ className: s, children: i, sticky: n, stickyOffset: a = 0, ...o }) => {
|
|
328
328
|
const { size: t, inlineSelection: u } = N(w), { selectionBehavior: f } = T();
|
|
329
329
|
return /* @__PURE__ */ e(
|
|
330
330
|
z,
|
|
331
331
|
{
|
|
332
332
|
...o,
|
|
333
333
|
style: (l) => {
|
|
334
|
-
const p =
|
|
334
|
+
const p = n ? {
|
|
335
335
|
position: "sticky",
|
|
336
|
-
[
|
|
336
|
+
[n]: a,
|
|
337
337
|
zIndex: 20,
|
|
338
338
|
backgroundColor: "white",
|
|
339
|
-
boxShadow:
|
|
339
|
+
boxShadow: n === "right" ? "inset 2px 0 0px 0px var(--color-border-tertiary)" : "inset -2px 0 0px 0px var(--color-border-tertiary)"
|
|
340
340
|
} : {};
|
|
341
341
|
return { ...typeof o.style == "function" ? o.style(l) : o.style || {}, ...p };
|
|
342
342
|
},
|
|
@@ -346,7 +346,7 @@ const U = ({ className: n, children: i, sticky: s, stickyOffset: a = 0, ...o })
|
|
|
346
346
|
t === "sm" && "p-0 px-4 py-2 text-sm",
|
|
347
347
|
t === "md" && "p-0 px-6 py-2 text-base",
|
|
348
348
|
f === "toggle" && !u && "nth-2:pl-3",
|
|
349
|
-
typeof
|
|
349
|
+
typeof s == "function" ? s(l) : s
|
|
350
350
|
),
|
|
351
351
|
children: i
|
|
352
352
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tableUndoRedo.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/tableUndoRedo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,yFAAyF;IACzF,uBAAuB,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC3D,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,OAAO,EAAE,GAAG,SAAS,CAAC;CACvC,CAAC;AA4BF,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,wBAAwB,GAAG,iBAAiB,CAoB7F;AAED,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,wBAAwB,GAAG;IAAE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CAAE,GAChF,IAAI,CAmCN;AAcD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,yBAAyB,EAClC,MAAM,EAAE,MAAM,IAAI,GACjB,yBAAyB,CAiF3B;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,MAAM,IAAI,GACjB,qBAAqB,CAQvB;AAED,wBAAgB,0BAA0B,CACxC,UAAU,EAAE,sBAAsB,EAClC,MAAM,EAAE,MAAM,IAAI,GACjB,sBAAsB,CAYxB;AAED,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1E,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC3B,MAAM,EAAE,MAAM,IAAI,GACjB,gBAAgB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"tableUndoRedo.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/tableUndoRedo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,yFAAyF;IACzF,uBAAuB,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC3D,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,OAAO,EAAE,GAAG,SAAS,CAAC;CACvC,CAAC;AA4BF,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,wBAAwB,GAAG,iBAAiB,CAoB7F;AAED,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,wBAAwB,GAAG;IAAE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CAAE,GAChF,IAAI,CAmCN;AAcD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,yBAAyB,EAClC,MAAM,EAAE,MAAM,IAAI,GACjB,yBAAyB,CAiF3B;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,MAAM,IAAI,GACjB,qBAAqB,CAQvB;AAED,wBAAgB,0BAA0B,CACxC,UAAU,EAAE,sBAAsB,EAClC,MAAM,EAAE,MAAM,IAAI,GACjB,sBAAsB,CAYxB;AAED,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1E,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC3B,MAAM,EAAE,MAAM,IAAI,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAwBrB;AAED,wBAAgB,kCAAkC,CAChD,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI,EAC3E,MAAM,EAAE,MAAM,IAAI,GACjB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAOvD"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
function
|
|
1
|
+
function h(e) {
|
|
2
2
|
return e ? new Set(e) : void 0;
|
|
3
3
|
}
|
|
4
|
-
function
|
|
4
|
+
function A(e) {
|
|
5
5
|
return e ? new Map(e) : void 0;
|
|
6
6
|
}
|
|
7
|
-
function
|
|
7
|
+
function f(e) {
|
|
8
8
|
return e == null ? void 0 : e.map((n) => ({ ...n }));
|
|
9
9
|
}
|
|
10
|
-
function
|
|
10
|
+
function R(e) {
|
|
11
11
|
return e == null ? void 0 : e.map((n) => ({ ...n }));
|
|
12
12
|
}
|
|
13
13
|
function v(e) {
|
|
@@ -15,24 +15,24 @@ function v(e) {
|
|
|
15
15
|
return typeof structuredClone == "function" ? structuredClone(e) : JSON.parse(JSON.stringify(e));
|
|
16
16
|
}
|
|
17
17
|
function S(e) {
|
|
18
|
-
var
|
|
19
|
-
const { toolbar: n, columnAlignments: i, summaryFooterProps: d, appliedFilterConditions: u, data:
|
|
18
|
+
var t, g, l, w, m, y, C;
|
|
19
|
+
const { toolbar: n, columnAlignments: i, summaryFooterProps: d, appliedFilterConditions: u, data: o, getData: r } = e, s = i ?? ((t = n == null ? void 0 : n.align) == null ? void 0 : t.columnAlignments) ?? void 0, p = u ?? ((g = n == null ? void 0 : n.filter) == null ? void 0 : g.pendingConditions);
|
|
20
20
|
return {
|
|
21
|
-
hiddenColumns:
|
|
21
|
+
hiddenColumns: h((l = n == null ? void 0 : n.hideFields) == null ? void 0 : l.hiddenColumns),
|
|
22
22
|
columnOrder: n != null && n.hideFields ? [...n.hideFields.columnOrder] : void 0,
|
|
23
|
-
columnAlignments:
|
|
24
|
-
groupBy: ((
|
|
23
|
+
columnAlignments: A(s),
|
|
24
|
+
groupBy: ((w = n == null ? void 0 : n.groupBy) == null ? void 0 : w.value) ?? null,
|
|
25
25
|
showSummary: (m = n == null ? void 0 : n.summary) == null ? void 0 : m.value,
|
|
26
|
-
summaryAggregations:
|
|
27
|
-
rowHeight: (
|
|
28
|
-
sorts:
|
|
29
|
-
filterConditions:
|
|
30
|
-
data: v((
|
|
26
|
+
summaryAggregations: A(d == null ? void 0 : d.summaryAggregations),
|
|
27
|
+
rowHeight: (y = n == null ? void 0 : n.rowHeight) == null ? void 0 : y.value,
|
|
28
|
+
sorts: f((C = n == null ? void 0 : n.sort) == null ? void 0 : C.sorts),
|
|
29
|
+
filterConditions: R(p),
|
|
30
|
+
data: v((r == null ? void 0 : r()) ?? o)
|
|
31
31
|
};
|
|
32
32
|
}
|
|
33
33
|
function B(e, n) {
|
|
34
34
|
const { toolbar: i, summaryFooterProps: d, onDataRestore: u } = n;
|
|
35
|
-
e.hiddenColumns !== void 0 && (i != null && i.hideFields) && i.hideFields.setHiddenColumns(new Set(e.hiddenColumns)), e.columnOrder !== void 0 && (i != null && i.hideFields) && i.hideFields.setColumnOrder([...e.columnOrder]), e.columnAlignments !== void 0 && (i != null && i.align) && i.align.setColumnAlignments(new Map(e.columnAlignments)), e.groupBy !== void 0 && (i != null && i.groupBy) && i.groupBy.onChange(e.groupBy), e.showSummary !== void 0 && (i != null && i.summary) && i.summary.onChange(e.showSummary), e.rowHeight !== void 0 && (i != null && i.rowHeight) && i.rowHeight.onChange(e.rowHeight), e.sorts !== void 0 && (i != null && i.sort) && (i.sort.onSortsChange(
|
|
35
|
+
e.hiddenColumns !== void 0 && (i != null && i.hideFields) && i.hideFields.setHiddenColumns(new Set(e.hiddenColumns)), e.columnOrder !== void 0 && (i != null && i.hideFields) && i.hideFields.setColumnOrder([...e.columnOrder]), e.columnAlignments !== void 0 && (i != null && i.align) && i.align.setColumnAlignments(new Map(e.columnAlignments)), e.groupBy !== void 0 && (i != null && i.groupBy) && i.groupBy.onChange(e.groupBy), e.showSummary !== void 0 && (i != null && i.summary) && i.summary.onChange(e.showSummary), e.rowHeight !== void 0 && (i != null && i.rowHeight) && i.rowHeight.onChange(e.rowHeight), e.sorts !== void 0 && (i != null && i.sort) && (i.sort.onSortsChange(f(e.sorts) ?? []), i.sort.onApply()), e.filterConditions !== void 0 && (i != null && i.filter) && (i.filter.setPendingConditions(R(e.filterConditions) ?? []), i.filter.onApply()), e.summaryAggregations !== void 0 && (d != null && d.setSummaryAggregations) && d.setSummaryAggregations(new Map(e.summaryAggregations)), e.data !== void 0 && u && u(v(e.data) ?? []);
|
|
36
36
|
}
|
|
37
37
|
function c(e) {
|
|
38
38
|
let n = !1;
|
|
@@ -119,8 +119,10 @@ function a(e, n) {
|
|
|
119
119
|
};
|
|
120
120
|
}
|
|
121
121
|
function D(e, n) {
|
|
122
|
-
const i = (
|
|
123
|
-
n(),
|
|
122
|
+
const i = (u) => (o, r) => {
|
|
123
|
+
n(), u == null || u(o, r);
|
|
124
|
+
}, d = (u) => (o, r, s) => {
|
|
125
|
+
n(), u == null || u(o, r, s);
|
|
124
126
|
};
|
|
125
127
|
return {
|
|
126
128
|
...e,
|
|
@@ -128,7 +130,8 @@ function D(e, n) {
|
|
|
128
130
|
onAddRowBelow: e.onAddRowBelow ? i(e.onAddRowBelow) : void 0,
|
|
129
131
|
onDuplicateRow: e.onDuplicateRow ? i(e.onDuplicateRow) : void 0,
|
|
130
132
|
onPasteRowValues: e.onPasteRowValues ? i(e.onPasteRowValues) : void 0,
|
|
131
|
-
onDeleteRow: e.onDeleteRow ? i(e.onDeleteRow) : void 0
|
|
133
|
+
onDeleteRow: e.onDeleteRow ? i(e.onDeleteRow) : void 0,
|
|
134
|
+
onReorderRows: e.onReorderRows ? d(e.onReorderRows) : void 0
|
|
132
135
|
};
|
|
133
136
|
}
|
|
134
137
|
function O(e, n) {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PointerEvent } from 'react';
|
|
1
2
|
export interface RowActionsConfig<T extends Record<string, unknown> = Record<string, unknown>> {
|
|
2
3
|
onAddRowAbove?: (sourceRowIndex: number, item: T) => void;
|
|
3
4
|
onAddRowBelow?: (sourceRowIndex: number, item: T) => void;
|
|
@@ -6,6 +7,16 @@ export interface RowActionsConfig<T extends Record<string, unknown> = Record<str
|
|
|
6
7
|
onPasteRowValues?: (sourceRowIndex: number, item: T) => void;
|
|
7
8
|
onDeleteRow?: (sourceRowIndex: number, item: T) => void;
|
|
8
9
|
canPasteRowValues?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Called after a successful drag reorder. Indices are `__sourceIndex` values
|
|
12
|
+
* (source data indices), not visual/display indices.
|
|
13
|
+
*/
|
|
14
|
+
onReorderRows?: (fromSourceIndex: number, toSourceIndex: number, item: T) => void;
|
|
15
|
+
/**
|
|
16
|
+
* When false, drag reorder is disabled even if `onReorderRows` is provided.
|
|
17
|
+
* Defaults to true whenever `onReorderRows` is set. Drag UX is wired by TableWrapper.
|
|
18
|
+
*/
|
|
19
|
+
enableRowReorder?: boolean;
|
|
9
20
|
}
|
|
10
21
|
interface RowActionsMenuProps<T extends Record<string, unknown>> {
|
|
11
22
|
config: RowActionsConfig<T>;
|
|
@@ -13,7 +24,12 @@ interface RowActionsMenuProps<T extends Record<string, unknown>> {
|
|
|
13
24
|
item: T;
|
|
14
25
|
triggerClassName?: string;
|
|
15
26
|
onOpenChange?: (open: boolean) => void;
|
|
27
|
+
/** When true, handle shows grabbing cursor (active row drag). */
|
|
28
|
+
isDragging?: boolean;
|
|
29
|
+
/** When true, primary-button pointer down can start a row drag (wired by TableWrapper). */
|
|
30
|
+
enableDrag?: boolean;
|
|
31
|
+
onDragHandlePointerDown?: (event: PointerEvent<HTMLButtonElement>) => void;
|
|
16
32
|
}
|
|
17
|
-
export declare function RowActionsMenu<T extends Record<string, unknown>>({ config, sourceRowIndex, item, triggerClassName, onOpenChange, }: RowActionsMenuProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare function RowActionsMenu<T extends Record<string, unknown>>({ config, sourceRowIndex, item, triggerClassName, onOpenChange, isDragging, enableDrag, onDragHandlePointerDown, }: RowActionsMenuProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
18
34
|
export {};
|
|
19
35
|
//# sourceMappingURL=RowActionsMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/RowActionsMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RowActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/RowActionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgD,YAAY,EAAE,MAAM,OAAO,CAAC;AAQxF,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3F,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5D,gBAAgB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAClF;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAqCD,UAAU,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,CAAC,CAAC;IACR,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAChE,MAAM,EACN,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,UAAkB,EAClB,UAAkB,EAClB,uBAAuB,GACxB,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAmHxB"}
|
|
@@ -1,84 +1,102 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { ArrowUp as
|
|
4
|
-
import { Button as
|
|
5
|
-
import { cx as
|
|
6
|
-
import { TOOLBAR_ICONS as
|
|
7
|
-
import { Dropdown as
|
|
8
|
-
const a = ({ icon:
|
|
1
|
+
import { jsxs as u, jsx as r, Fragment as D } from "react/jsx-runtime";
|
|
2
|
+
import { useState as M, useRef as V } from "react";
|
|
3
|
+
import { ArrowUp as B, ArrowDown as S, Copy06 as _, Copy01 as F, Clipboard as O, Trash01 as g } from "@untitledui/icons";
|
|
4
|
+
import { Button as j } from "react-aria-components";
|
|
5
|
+
import { cx as b } from "../../../utils/cn.js";
|
|
6
|
+
import { TOOLBAR_ICONS as q } from "../toolbar-icons.js";
|
|
7
|
+
import { Dropdown as x } from "../../../primitives/dropdown/dropdown.js";
|
|
8
|
+
const a = ({ icon: e, label: s, danger: i, disabled: l, onClick: n }) => /* @__PURE__ */ u(
|
|
9
9
|
"button",
|
|
10
10
|
{
|
|
11
11
|
type: "button",
|
|
12
|
-
disabled:
|
|
13
|
-
onClick:
|
|
14
|
-
className:
|
|
12
|
+
disabled: l,
|
|
13
|
+
onClick: n,
|
|
14
|
+
className: b(
|
|
15
15
|
"flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-xs font-medium transition-colors outline-none",
|
|
16
|
-
|
|
16
|
+
l ? "cursor-not-allowed text-disabled" : i ? "cursor-pointer text-error-primary hover:bg-error-primary" : "cursor-pointer text-secondary hover:bg-primary_hover"
|
|
17
17
|
),
|
|
18
18
|
children: [
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
|
|
19
|
+
/* @__PURE__ */ r(
|
|
20
|
+
e,
|
|
21
21
|
{
|
|
22
22
|
size: 16,
|
|
23
|
-
className:
|
|
23
|
+
className: b(
|
|
24
24
|
"shrink-0",
|
|
25
|
-
|
|
25
|
+
l ? "text-fg-disabled" : i ? "text-error-primary" : "text-fg-quaternary"
|
|
26
26
|
)
|
|
27
27
|
}
|
|
28
28
|
),
|
|
29
|
-
/* @__PURE__ */
|
|
29
|
+
/* @__PURE__ */ r("span", { className: "flex-1 truncate", children: s })
|
|
30
30
|
]
|
|
31
31
|
}
|
|
32
|
-
),
|
|
33
|
-
function
|
|
34
|
-
config:
|
|
35
|
-
sourceRowIndex:
|
|
32
|
+
), h = () => /* @__PURE__ */ r("div", { className: "my-1 h-px w-full bg-secondary" });
|
|
33
|
+
function E({
|
|
34
|
+
config: e,
|
|
35
|
+
sourceRowIndex: s,
|
|
36
36
|
item: i,
|
|
37
|
-
triggerClassName:
|
|
38
|
-
onOpenChange:
|
|
37
|
+
triggerClassName: l,
|
|
38
|
+
onOpenChange: n,
|
|
39
|
+
isDragging: A = !1,
|
|
40
|
+
enableDrag: c = !1,
|
|
41
|
+
onDragHandlePointerDown: p
|
|
39
42
|
}) {
|
|
40
|
-
const [
|
|
41
|
-
|
|
42
|
-
},
|
|
43
|
-
|
|
44
|
-
},
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
const [d, C] = M(!1), w = V(!1), m = (o) => {
|
|
44
|
+
o && !w.current || (o && (w.current = !1), C(o), n == null || n(o));
|
|
45
|
+
}, f = () => {
|
|
46
|
+
w.current = !0, m(!0);
|
|
47
|
+
}, v = (o) => {
|
|
48
|
+
o.preventDefault(), o.stopPropagation(), f();
|
|
49
|
+
}, k = (o) => {
|
|
50
|
+
!c || o.button !== 0 || (o.stopPropagation(), p == null || p(o));
|
|
51
|
+
}, N = (o) => {
|
|
52
|
+
(o.key === "ContextMenu" || o.key === "F10" && o.shiftKey) && (o.preventDefault(), o.stopPropagation(), f());
|
|
53
|
+
}, t = (o) => () => {
|
|
54
|
+
o == null || o(s, i), m(!1);
|
|
55
|
+
}, y = e.onAddRowAbove || e.onAddRowBelow, R = e.onDuplicateRow || e.onCopyRowValues || e.onPasteRowValues, P = e.canPasteRowValues ?? !0;
|
|
56
|
+
return /* @__PURE__ */ u(x.Root, { isOpen: d, onOpenChange: m, children: [
|
|
57
|
+
/* @__PURE__ */ r(
|
|
58
|
+
j,
|
|
48
59
|
{
|
|
49
|
-
"aria-label": `
|
|
50
|
-
|
|
51
|
-
|
|
60
|
+
"aria-label": c ? `Reorder or row actions for row ${s + 1}. Drag to reorder. Right-click or Shift+F10 for actions.` : `Row actions for row ${s + 1}. Right-click or Shift+F10 to open.`,
|
|
61
|
+
"aria-haspopup": "menu",
|
|
62
|
+
"aria-expanded": d,
|
|
63
|
+
onContextMenu: v,
|
|
64
|
+
onPointerDown: k,
|
|
65
|
+
onKeyDown: N,
|
|
66
|
+
className: b(
|
|
67
|
+
"flex touch-none items-center justify-center outline-none select-none",
|
|
68
|
+
// Grab cursor only when drag is enabled (sort/filter/group disable drag via enableDrag).
|
|
69
|
+
A ? "cursor-grabbing" : c ? "cursor-grab active:cursor-grabbing" : "cursor-default",
|
|
52
70
|
"text-fg-quaternary hover:bg-secondary_subtle hover:text-fg-quaternary_hover",
|
|
53
71
|
"data-[pressed]:bg-secondary_subtle data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring",
|
|
54
|
-
|
|
55
|
-
|
|
72
|
+
d && "opacity-100",
|
|
73
|
+
l
|
|
56
74
|
),
|
|
57
|
-
children: /* @__PURE__ */
|
|
75
|
+
children: /* @__PURE__ */ r("img", { src: q.reorderDotsNew, alt: "", className: "h-4 w-4", draggable: !1 })
|
|
58
76
|
}
|
|
59
77
|
),
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
78
|
+
/* @__PURE__ */ r(x.Popover, { className: "w-56", children: /* @__PURE__ */ u("div", { className: "flex flex-col px-1.5 py-1", children: [
|
|
79
|
+
e.onAddRowAbove && /* @__PURE__ */ r(a, { icon: B, label: "Add row above", onClick: t(e.onAddRowAbove) }),
|
|
80
|
+
e.onAddRowBelow && /* @__PURE__ */ r(a, { icon: S, label: "Add row below", onClick: t(e.onAddRowBelow) }),
|
|
81
|
+
y && R && /* @__PURE__ */ r(h, {}),
|
|
82
|
+
e.onDuplicateRow && /* @__PURE__ */ r(a, { icon: _, label: "Duplicate row", onClick: t(e.onDuplicateRow) }),
|
|
83
|
+
e.onCopyRowValues && /* @__PURE__ */ r(a, { icon: F, label: "Copy row values", onClick: t(e.onCopyRowValues) }),
|
|
84
|
+
e.onPasteRowValues && /* @__PURE__ */ r(
|
|
67
85
|
a,
|
|
68
86
|
{
|
|
69
|
-
icon:
|
|
87
|
+
icon: O,
|
|
70
88
|
label: "Paste row values",
|
|
71
|
-
disabled: !
|
|
72
|
-
onClick:
|
|
89
|
+
disabled: !P,
|
|
90
|
+
onClick: t(e.onPasteRowValues)
|
|
73
91
|
}
|
|
74
92
|
),
|
|
75
|
-
|
|
76
|
-
(
|
|
77
|
-
/* @__PURE__ */
|
|
93
|
+
e.onDeleteRow && /* @__PURE__ */ u(D, { children: [
|
|
94
|
+
(y || R) && /* @__PURE__ */ r(h, {}),
|
|
95
|
+
/* @__PURE__ */ r(a, { icon: g, label: "Delete row", danger: !0, onClick: t(e.onDeleteRow) })
|
|
78
96
|
] })
|
|
79
97
|
] }) })
|
|
80
98
|
] });
|
|
81
99
|
}
|
|
82
100
|
export {
|
|
83
|
-
|
|
101
|
+
E as RowActionsMenu
|
|
84
102
|
};
|
|
@@ -3,6 +3,8 @@ import { TablePaginationConfig } from './TablePagination';
|
|
|
3
3
|
import { UndoRedoToolConfig } from './toolbar/TableToolbar';
|
|
4
4
|
import { LegacyFilterToolConfig, LegacySortToolConfig } from './toolbar/legacyToolbarTypes';
|
|
5
5
|
import { AlignToolConfig, GroupByToolConfig, HideFieldsToolConfig, RowHeightToolConfig, SearchToolConfig, SummaryToolConfig, CellAlignment, ColumnMenuAction, ColumnMenuCapabilities, RowActionsConfig, RowGroup, SummaryFooterRowProps } from './toolbar';
|
|
6
|
+
import { TableCellRangeRect, TableCellSelection } from './cellRangeSelection';
|
|
7
|
+
export type { TableCellCoord, TableCellRangeRect, TableCellSelection } from './cellRangeSelection';
|
|
6
8
|
/** Value type used for alignment defaults and aggregation eligibility. */
|
|
7
9
|
export type TableColumnValueType = "string" | "number" | "currency" | "date" | "percentage" | "decimal_percentage" | "array" | "link";
|
|
8
10
|
/**
|
|
@@ -142,5 +144,32 @@ export type TableWrapperProps = {
|
|
|
142
144
|
sourceIndex: number | null;
|
|
143
145
|
}) => void;
|
|
144
146
|
renderColumnHeaderMenuExtraItems?: (column: TableColumnMenuSchema) => ReactNode;
|
|
147
|
+
/**
|
|
148
|
+
* Controlled Excel-style rectangular cell selection. Opt-in: pass both
|
|
149
|
+
* `cellSelection` and `onCellSelectionChange` (typically only in edit mode).
|
|
150
|
+
* When set, enables drag / Shift+click / Shift+arrow range selection and
|
|
151
|
+
* Cmd/Ctrl+C·V hooks via `onCopyCells` / `onPasteCells`.
|
|
152
|
+
*/
|
|
153
|
+
cellSelection?: TableCellSelection | null;
|
|
154
|
+
onCellSelectionChange?: (selection: TableCellSelection | null) => void;
|
|
155
|
+
/** Fired on copy when a cell range is selected (not while editing a cell). */
|
|
156
|
+
onCopyCells?: (payload: {
|
|
157
|
+
selection: TableCellSelection;
|
|
158
|
+
rect: TableCellRangeRect;
|
|
159
|
+
event: ClipboardEvent;
|
|
160
|
+
}) => void;
|
|
161
|
+
/** Fired on paste when a cell range is selected (not while editing a cell). */
|
|
162
|
+
onPasteCells?: (payload: {
|
|
163
|
+
selection: TableCellSelection;
|
|
164
|
+
rect: TableCellRangeRect;
|
|
165
|
+
text: string;
|
|
166
|
+
event: ClipboardEvent;
|
|
167
|
+
}) => void;
|
|
168
|
+
/** Fired on Delete/Backspace when a cell range is selected (not while editing a cell). */
|
|
169
|
+
onClearCells?: (payload: {
|
|
170
|
+
selection: TableCellSelection;
|
|
171
|
+
rect: TableCellRangeRect;
|
|
172
|
+
event: KeyboardEvent;
|
|
173
|
+
}) => void;
|
|
145
174
|
};
|
|
146
175
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACjG,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,QAAQ,EACR,qBAAqB,EACtB,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
2
|
import { TableUndoSnapshotSources } from './tableUndoRedo';
|
|
3
|
+
export declare const MAX_HISTORY = 50;
|
|
3
4
|
export type UseTableUndoRedoOptions = TableUndoSnapshotSources & {
|
|
4
5
|
enabled?: boolean;
|
|
5
6
|
tableId?: string;
|
|
@@ -20,6 +21,8 @@ export type TableUndoRedoRegistration = {
|
|
|
20
21
|
canRedo: boolean;
|
|
21
22
|
undo: () => void;
|
|
22
23
|
redo: () => void;
|
|
24
|
+
/** Drop this table's local redo stack (used when it commits a new edit). */
|
|
25
|
+
clearRedo: () => void;
|
|
23
26
|
};
|
|
24
27
|
export type TableUndoRedoScopeApi = {
|
|
25
28
|
canUndo: boolean;
|
|
@@ -27,6 +30,12 @@ export type TableUndoRedoScopeApi = {
|
|
|
27
30
|
undo: () => void;
|
|
28
31
|
redo: () => void;
|
|
29
32
|
recordCommit: (tableId: string) => void;
|
|
33
|
+
/** Sync global order after a table toolbar undo (remove last occurrence of tableId). */
|
|
34
|
+
recordLocalUndo: (tableId: string) => void;
|
|
35
|
+
/** Sync global order after a table toolbar redo (remove last occurrence of tableId). */
|
|
36
|
+
recordLocalRedo: (tableId: string) => void;
|
|
37
|
+
/** Drop the oldest pastOrder entry for tableId when local history is capped. */
|
|
38
|
+
recordHistoryEviction: (tableId: string) => void;
|
|
30
39
|
registerTable: (registration: TableUndoRedoRegistration) => () => void;
|
|
31
40
|
unregisterTable: (tableId: string) => void;
|
|
32
41
|
};
|