@trsys-tech/matrix-library 1.1.8-alpha.2 → 1.1.8-alpha.3
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/components/data-table/DataTable.types.d.ts +2 -2
- package/dist/components/data-table/DataTable.types.d.ts.map +1 -1
- package/dist/components/data-table/DataTableHeader.d.ts.map +1 -1
- package/dist/components/data-table/DataTableRowView.d.ts.map +1 -1
- package/dist/datatableheader.es.js +60 -53
- package/dist/datatableheader.es.js.map +1 -1
- package/dist/datatablerowview.es.js +33 -34
- package/dist/datatablerowview.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -16,7 +16,7 @@ export type DataTableFilterOption = {
|
|
|
16
16
|
value: string;
|
|
17
17
|
label: string;
|
|
18
18
|
};
|
|
19
|
-
export type DataTableCellParams<T extends object, TValue = unknown> = {
|
|
19
|
+
export type DataTableCellParams<T extends object = any, TValue = unknown> = {
|
|
20
20
|
data: T;
|
|
21
21
|
value: TValue;
|
|
22
22
|
rowId: string;
|
|
@@ -74,7 +74,7 @@ type DataTableColumnOptions<T extends object> = {
|
|
|
74
74
|
value: unknown;
|
|
75
75
|
}) => string;
|
|
76
76
|
cellClass?: string | ((params: DataTableCellParams<T>) => string);
|
|
77
|
-
align?: "start" | "
|
|
77
|
+
align?: "start" | "end";
|
|
78
78
|
/** Omit this column when printing (typically an actions column). */
|
|
79
79
|
hideInPrint?: boolean;
|
|
80
80
|
/** Prevent row selection/click callbacks for interactive content in this column. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAElG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC;AACzD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI,UAAU,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC;AACnF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC;AACvE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AACxE,MAAM,MAAM,uBAAuB,GAC/B,UAAU,GACV,aAAa,GACb,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,UAAU,GACV,iBAAiB,GACjB,SAAS,GACT,OAAO,GACP,UAAU,CAAC;AACf,MAAM,MAAM,eAAe,GAAG;IAAE,QAAQ,EAAE,uBAAuB,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACtG,MAAM,MAAM,qBAAqB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAErE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,GAAG,OAAO,IAAI;
|
|
1
|
+
{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTable.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTableHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"DataTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTableHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKpD,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAErJ,KAAK,oBAAoB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG;IAC7F,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/C,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,aAAa,CAAC;IAC7F,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,EAChD,KAAK,EACL,GAAG,EACH,YAAY,EACZ,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,cAAc,EACd,YAAY,EACZ,aAAa,EACb,eAAe,EACf,cAAc,EACd,eAAe,EACf,WAAW,EACX,MAAM,GACP,EAAE,oBAAoB,CAAC,CAAC,CAAC,qBAyGzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableRowView.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTableRowView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAOpD,OAAO,KAAK,EACV,YAAY,EAEZ,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,KAAK,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CACjD,qBAAqB,CAAC,CAAC,CAAC,EACxB,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,YAAY,GAAG,mBAAmB,GAAG,oBAAoB,CAC7G,GAAG;IACF,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/C,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,UAAU,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IACjG,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,aAAa,CAAC;IAC7F,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;IACpH,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,gBAAgB,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;CACrD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"DataTableRowView.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTableRowView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAOpD,OAAO,KAAK,EACV,YAAY,EAEZ,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,KAAK,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CACjD,qBAAqB,CAAC,CAAC,CAAC,EACxB,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,YAAY,GAAG,mBAAmB,GAAG,oBAAoB,CAC7G,GAAG;IACF,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/C,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,UAAU,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IACjG,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,aAAa,CAAC;IAC7F,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;IACpH,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,gBAAgB,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;CACrD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,CAAC,CAAC,CAAC,qBA2PxH"}
|
|
@@ -1,97 +1,104 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Checkbox as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
1
|
+
import { jsxs as x, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { Checkbox as C } from "./checkbox.es.js";
|
|
3
|
+
import { cn as f } from "./utils.es.js";
|
|
4
|
+
import { DataTableColumnHeader as S } from "./datatablecolumnheader.es.js";
|
|
5
|
+
import { DataTableColumnMenu as v } from "./datatablecolumnmenu.es.js";
|
|
6
|
+
function I({
|
|
6
7
|
table: d,
|
|
7
|
-
api:
|
|
8
|
+
api: h,
|
|
8
9
|
headerHeight: c,
|
|
9
|
-
totalWidth:
|
|
10
|
-
isPrinting:
|
|
11
|
-
showExpanders:
|
|
12
|
-
expanderWidth:
|
|
13
|
-
showCheckboxes:
|
|
14
|
-
rowSelection:
|
|
15
|
-
selectionRows:
|
|
16
|
-
selectedInScope:
|
|
17
|
-
visibleColumns:
|
|
10
|
+
totalWidth: b,
|
|
11
|
+
isPrinting: m,
|
|
12
|
+
showExpanders: y,
|
|
13
|
+
expanderWidth: n,
|
|
14
|
+
showCheckboxes: p,
|
|
15
|
+
rowSelection: o,
|
|
16
|
+
selectionRows: s,
|
|
17
|
+
selectedInScope: g,
|
|
18
|
+
visibleColumns: u,
|
|
18
19
|
definitionsById: k,
|
|
19
|
-
columnStyle:
|
|
20
|
-
widths:
|
|
20
|
+
columnStyle: w,
|
|
21
|
+
widths: N
|
|
21
22
|
}) {
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ x(
|
|
23
24
|
"div",
|
|
24
25
|
{
|
|
25
26
|
role: "row",
|
|
26
27
|
className: "mtx-sticky mtx-top-0 mtx-z-30 mtx-flex mtx-rounded-t-[inherit] mtx-border-b mtx-border-gray-200 mtx-bg-primary-50 mtx-font-bold",
|
|
27
|
-
style: { height: c, width:
|
|
28
|
+
style: { height: c, width: b, minWidth: "100%", position: m ? "relative" : "sticky" },
|
|
28
29
|
children: [
|
|
29
|
-
|
|
30
|
+
y && /* @__PURE__ */ i(
|
|
30
31
|
"div",
|
|
31
32
|
{
|
|
32
33
|
role: "columnheader",
|
|
33
34
|
"aria-label": "Row details",
|
|
34
35
|
className: "mtx-sticky mtx-start-0 mtx-z-10 mtx-shrink-0 mtx-bg-primary-50",
|
|
35
|
-
style: { width:
|
|
36
|
+
style: { width: n }
|
|
36
37
|
}
|
|
37
38
|
),
|
|
38
|
-
|
|
39
|
+
p && /* @__PURE__ */ i(
|
|
39
40
|
"div",
|
|
40
41
|
{
|
|
41
42
|
role: "columnheader",
|
|
42
43
|
className: "mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-primary-50",
|
|
43
|
-
style: { width: 44, insetInlineStart:
|
|
44
|
-
children:
|
|
45
|
-
|
|
44
|
+
style: { width: 44, insetInlineStart: n },
|
|
45
|
+
children: o?.mode === "multiRow" && /* @__PURE__ */ i(
|
|
46
|
+
C,
|
|
46
47
|
{
|
|
47
48
|
"aria-label": "Select all rows",
|
|
48
|
-
disabled: !
|
|
49
|
-
checked:
|
|
49
|
+
disabled: !s.length,
|
|
50
|
+
checked: s.length > 0 && g === s.length ? !0 : g > 0 ? "indeterminate" : !1,
|
|
50
51
|
onCheckedChange: (e) => {
|
|
51
|
-
e === !0 ?
|
|
52
|
-
(
|
|
52
|
+
e === !0 ? h.selectAll(o.selectAll) : d.setRowSelection(
|
|
53
|
+
(t) => Object.fromEntries(Object.entries(t).filter(([l]) => !s.some((a) => a.id === l)))
|
|
53
54
|
);
|
|
54
55
|
}
|
|
55
56
|
}
|
|
56
57
|
)
|
|
57
58
|
}
|
|
58
59
|
),
|
|
59
|
-
|
|
60
|
-
const
|
|
61
|
-
return /* @__PURE__ */
|
|
62
|
-
|
|
60
|
+
u.map((e) => {
|
|
61
|
+
const t = k.get(e.id), l = d.getFlatHeaders().find((r) => r.column.id === e.id), a = e.getIsSorted();
|
|
62
|
+
return /* @__PURE__ */ x(
|
|
63
|
+
S,
|
|
63
64
|
{
|
|
64
65
|
columnId: e.id,
|
|
65
|
-
label: typeof
|
|
66
|
+
label: typeof t.headerName == "string" ? t.headerName : e.id,
|
|
66
67
|
region: e.getIsPinned(),
|
|
67
|
-
disabled:
|
|
68
|
+
disabled: m,
|
|
68
69
|
"aria-sort": a === "asc" ? "ascending" : a === "desc" ? "descending" : "none",
|
|
69
|
-
className:
|
|
70
|
-
|
|
70
|
+
className: f(
|
|
71
|
+
"mtx-relative mtx-flex mtx-min-w-0 mtx-items-center mtx-gap-1 mtx-px-3",
|
|
72
|
+
t.align === "end" && "mtx-flex-row-reverse"
|
|
73
|
+
),
|
|
74
|
+
style: w(e, !0),
|
|
71
75
|
children: [
|
|
72
|
-
/* @__PURE__ */
|
|
76
|
+
/* @__PURE__ */ x(
|
|
73
77
|
"button",
|
|
74
78
|
{
|
|
75
79
|
type: "button",
|
|
76
80
|
"data-column-sort": "",
|
|
77
|
-
disabled:
|
|
81
|
+
disabled: m,
|
|
78
82
|
"aria-disabled": !e.getCanSort() || void 0,
|
|
79
|
-
onClick: (
|
|
80
|
-
!
|
|
83
|
+
onClick: (r) => {
|
|
84
|
+
!r.defaultPrevented && e.getCanSort() && e.getToggleSortingHandler()?.(r);
|
|
81
85
|
},
|
|
82
|
-
className:
|
|
83
|
-
|
|
86
|
+
className: f(
|
|
87
|
+
"mtx-flex mtx-min-w-0 mtx-flex-1 mtx-cursor-inherit mtx-items-center mtx-gap-1 mtx-text-start disabled:mtx-cursor-default",
|
|
88
|
+
t.align === "end" && "mtx-flex-row-reverse mtx-text-end"
|
|
89
|
+
),
|
|
90
|
+
"aria-label": `Sort ${typeof t.headerName == "string" ? t.headerName : e.id}`,
|
|
84
91
|
children: [
|
|
85
|
-
/* @__PURE__ */ i("span", { className: "mtx-truncate", children:
|
|
86
|
-
a && /* @__PURE__ */
|
|
92
|
+
/* @__PURE__ */ i("span", { className: "mtx-truncate", children: t.headerName ?? e.id }),
|
|
93
|
+
a && /* @__PURE__ */ x("span", { "aria-hidden": "true", children: [
|
|
87
94
|
a === "asc" ? "↑" : "↓",
|
|
88
95
|
d.state.sorting.length > 1 ? e.getSortIndex() + 1 : ""
|
|
89
96
|
] })
|
|
90
97
|
]
|
|
91
98
|
}
|
|
92
99
|
),
|
|
93
|
-
!
|
|
94
|
-
!
|
|
100
|
+
!m && /* @__PURE__ */ i(v, { table: d, column: e, definition: t }),
|
|
101
|
+
!m && e.getCanResize() && /* @__PURE__ */ i(
|
|
95
102
|
"div",
|
|
96
103
|
{
|
|
97
104
|
role: "separator",
|
|
@@ -99,14 +106,14 @@ function j({
|
|
|
99
106
|
"aria-label": `Resize ${e.id}`,
|
|
100
107
|
"aria-orientation": "vertical",
|
|
101
108
|
tabIndex: 0,
|
|
102
|
-
className: "mtx-absolute mtx-inset-y-
|
|
109
|
+
className: "mtx-absolute mtx-inset-y-3 mtx-end-0 mtx-w-2 mtx-cursor-col-resize mtx-touch-none after:mtx-bg-gray-400/70 after:mtx-w-0.5 after:mtx-h-full after:mtx-block after:mtx-absolute after:mtx-start-1/2 after:-mtx-translate-x-1/2",
|
|
103
110
|
onMouseDown: l.getResizeHandler(),
|
|
104
111
|
onTouchStart: l.getResizeHandler(),
|
|
105
112
|
onDoubleClick: () => e.resetSize(),
|
|
106
|
-
onKeyDown: (
|
|
107
|
-
(
|
|
108
|
-
...
|
|
109
|
-
[e.id]: (
|
|
113
|
+
onKeyDown: (r) => {
|
|
114
|
+
(r.key === "ArrowRight" || r.key === "ArrowLeft") && (r.preventDefault(), d.setColumnSizing((z) => ({
|
|
115
|
+
...z,
|
|
116
|
+
[e.id]: (N.get(e.id) ?? e.getSize()) + (r.key === "ArrowRight" ? 10 : -10)
|
|
110
117
|
})));
|
|
111
118
|
}
|
|
112
119
|
}
|
|
@@ -121,6 +128,6 @@ function j({
|
|
|
121
128
|
);
|
|
122
129
|
}
|
|
123
130
|
export {
|
|
124
|
-
|
|
131
|
+
I as DataTableHeader
|
|
125
132
|
};
|
|
126
133
|
//# sourceMappingURL=datatableheader.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datatableheader.es.js","sources":["../src/components/data-table/DataTableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { Column } from \"@tanstack/react-table\";\nimport { Checkbox } from \"../checkbox/Checkbox\";\nimport { DataTableColumnHeader } from \"./DataTableColumnHeader\";\nimport { DataTableColumnMenu } from \"./DataTableColumnMenu\";\nimport type { DataTableApi, DataTableColumnDef, DataTableContentProps, DataTableFeatures, DataTableInstance, DataTableRow } from \"./DataTable.types\";\n\ntype DataTableHeaderProps<T extends object> = Pick<DataTableContentProps<T>, \"rowSelection\"> & {\n table: DataTableInstance<T>;\n api: DataTableApi<T>;\n headerHeight: number;\n totalWidth: number;\n isPrinting: boolean;\n showExpanders: boolean;\n expanderWidth: number;\n showCheckboxes: boolean;\n selectionRows: DataTableRow<T>[];\n selectedInScope: number;\n visibleColumns: Column<DataTableFeatures, T>[];\n definitionsById: Map<string, DataTableColumnDef<T>>;\n columnStyle: (column: Column<DataTableFeatures, T>, header?: boolean) => React.CSSProperties;\n widths: Map<string, number>;\n};\n\nexport function DataTableHeader<T extends object>({\n table,\n api,\n headerHeight,\n totalWidth,\n isPrinting,\n showExpanders,\n expanderWidth,\n showCheckboxes,\n rowSelection,\n selectionRows,\n selectedInScope,\n visibleColumns,\n definitionsById,\n columnStyle,\n widths,\n}: DataTableHeaderProps<T>) {\n return (\n <div\n role=\"row\"\n className=\"mtx-sticky mtx-top-0 mtx-z-30 mtx-flex mtx-rounded-t-[inherit] mtx-border-b mtx-border-gray-200 mtx-bg-primary-50 mtx-font-bold\"\n style={{ height: headerHeight, width: totalWidth, minWidth: \"100%\", position: isPrinting ? \"relative\" : \"sticky\" }}\n >\n {showExpanders && (\n <div\n role=\"columnheader\"\n aria-label=\"Row details\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-shrink-0 mtx-bg-primary-50\"\n style={{ width: expanderWidth }}\n />\n )}\n {showCheckboxes && (\n <div\n role=\"columnheader\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-primary-50\"\n style={{ width: 44, insetInlineStart: expanderWidth }}\n >\n {rowSelection?.mode === \"multiRow\" && (\n <Checkbox\n aria-label=\"Select all rows\"\n disabled={!selectionRows.length}\n checked={selectionRows.length > 0 && selectedInScope === selectionRows.length ? true : selectedInScope > 0 ? \"indeterminate\" : false}\n onCheckedChange={checked => {\n if (checked === true) api.selectAll(rowSelection.selectAll);\n else\n table.setRowSelection(previous =>\n Object.fromEntries(Object.entries(previous).filter(([id]) => !selectionRows.some(row => row.id === id))),\n );\n }}\n />\n )}\n </div>\n )}\n {visibleColumns.map(column => {\n const definition = definitionsById.get(column.id)!;\n const header = table.getFlatHeaders().find(item => item.column.id === column.id)!;\n const sorted = column.getIsSorted();\n return (\n <DataTableColumnHeader\n key={column.id}\n columnId={column.id}\n label={typeof definition.headerName === \"string\" ? definition.headerName : column.id}\n region={column.getIsPinned()}\n disabled={isPrinting}\n aria-sort={sorted === \"asc\" ? \"ascending\" : sorted === \"desc\" ? \"descending\" : \"none\"}\n className=\"mtx-relative mtx-flex mtx-min-w-0 mtx-items-center mtx-gap-1 mtx-px-3\"\n style={columnStyle(column, true)}\n >\n <button\n type=\"button\"\n data-column-sort=\"\"\n disabled={isPrinting}\n aria-disabled={!column.getCanSort() || undefined}\n onClick={event => {\n if (!event.defaultPrevented && column.getCanSort()) column.getToggleSortingHandler()?.(event);\n }}\n className=\"mtx-flex mtx-min-w-0 mtx-flex-1 mtx-cursor-inherit mtx-items-center mtx-gap-1 mtx-text-start disabled:mtx-cursor-default\"\n aria-label={`Sort ${typeof definition.headerName === \"string\" ? definition.headerName : column.id}`}\n >\n <span className=\"mtx-truncate\">{definition.headerName ?? column.id}</span>\n {sorted && (\n <span aria-hidden=\"true\">\n {sorted === \"asc\" ? \"↑\" : \"↓\"}\n {table.state.sorting.length > 1 ? column.getSortIndex() + 1 : \"\"}\n </span>\n )}\n </button>\n {!isPrinting && <DataTableColumnMenu table={table} column={column} definition={definition} />}\n {!isPrinting && column.getCanResize() && (\n <div\n role=\"separator\"\n data-column-drag-ignore=\"\"\n aria-label={`Resize ${column.id}`}\n aria-orientation=\"vertical\"\n tabIndex={0}\n className=\"mtx-absolute mtx-inset-y-0 mtx-end-0 mtx-w-1 mtx-cursor-col-resize mtx-touch-none hover:mtx-bg-primary-300\"\n onMouseDown={header.getResizeHandler()}\n onTouchStart={header.getResizeHandler()}\n onDoubleClick={() => column.resetSize()}\n onKeyDown={event => {\n if (event.key === \"ArrowRight\" || event.key === \"ArrowLeft\") {\n event.preventDefault();\n table.setColumnSizing(previous => ({\n ...previous,\n [column.id]: (widths.get(column.id) ?? column.getSize()) + (event.key === \"ArrowRight\" ? 10 : -10),\n }));\n }\n }}\n />\n )}\n </DataTableColumnHeader>\n );\n })}\n </div>\n );\n}\n"],"names":["DataTableHeader","table","api","headerHeight","totalWidth","isPrinting","showExpanders","expanderWidth","showCheckboxes","rowSelection","selectionRows","selectedInScope","visibleColumns","definitionsById","columnStyle","widths","jsxs","jsx","Checkbox","checked","previous","id","row","column","definition","header","item","sorted","DataTableColumnHeader","event","DataTableColumnMenu"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"datatableheader.es.js","sources":["../src/components/data-table/DataTableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { Column } from \"@tanstack/react-table\";\nimport { Checkbox } from \"../checkbox/Checkbox\";\nimport { cn } from \"../../lib/utils\";\nimport { DataTableColumnHeader } from \"./DataTableColumnHeader\";\nimport { DataTableColumnMenu } from \"./DataTableColumnMenu\";\nimport type { DataTableApi, DataTableColumnDef, DataTableContentProps, DataTableFeatures, DataTableInstance, DataTableRow } from \"./DataTable.types\";\n\ntype DataTableHeaderProps<T extends object> = Pick<DataTableContentProps<T>, \"rowSelection\"> & {\n table: DataTableInstance<T>;\n api: DataTableApi<T>;\n headerHeight: number;\n totalWidth: number;\n isPrinting: boolean;\n showExpanders: boolean;\n expanderWidth: number;\n showCheckboxes: boolean;\n selectionRows: DataTableRow<T>[];\n selectedInScope: number;\n visibleColumns: Column<DataTableFeatures, T>[];\n definitionsById: Map<string, DataTableColumnDef<T>>;\n columnStyle: (column: Column<DataTableFeatures, T>, header?: boolean) => React.CSSProperties;\n widths: Map<string, number>;\n};\n\nexport function DataTableHeader<T extends object>({\n table,\n api,\n headerHeight,\n totalWidth,\n isPrinting,\n showExpanders,\n expanderWidth,\n showCheckboxes,\n rowSelection,\n selectionRows,\n selectedInScope,\n visibleColumns,\n definitionsById,\n columnStyle,\n widths,\n}: DataTableHeaderProps<T>) {\n return (\n <div\n role=\"row\"\n className=\"mtx-sticky mtx-top-0 mtx-z-30 mtx-flex mtx-rounded-t-[inherit] mtx-border-b mtx-border-gray-200 mtx-bg-primary-50 mtx-font-bold\"\n style={{ height: headerHeight, width: totalWidth, minWidth: \"100%\", position: isPrinting ? \"relative\" : \"sticky\" }}\n >\n {showExpanders && (\n <div\n role=\"columnheader\"\n aria-label=\"Row details\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-shrink-0 mtx-bg-primary-50\"\n style={{ width: expanderWidth }}\n />\n )}\n {showCheckboxes && (\n <div\n role=\"columnheader\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-primary-50\"\n style={{ width: 44, insetInlineStart: expanderWidth }}\n >\n {rowSelection?.mode === \"multiRow\" && (\n <Checkbox\n aria-label=\"Select all rows\"\n disabled={!selectionRows.length}\n checked={selectionRows.length > 0 && selectedInScope === selectionRows.length ? true : selectedInScope > 0 ? \"indeterminate\" : false}\n onCheckedChange={checked => {\n if (checked === true) api.selectAll(rowSelection.selectAll);\n else\n table.setRowSelection(previous =>\n Object.fromEntries(Object.entries(previous).filter(([id]) => !selectionRows.some(row => row.id === id))),\n );\n }}\n />\n )}\n </div>\n )}\n {visibleColumns.map(column => {\n const definition = definitionsById.get(column.id)!;\n const header = table.getFlatHeaders().find(item => item.column.id === column.id)!;\n const sorted = column.getIsSorted();\n return (\n <DataTableColumnHeader\n key={column.id}\n columnId={column.id}\n label={typeof definition.headerName === \"string\" ? definition.headerName : column.id}\n region={column.getIsPinned()}\n disabled={isPrinting}\n aria-sort={sorted === \"asc\" ? \"ascending\" : sorted === \"desc\" ? \"descending\" : \"none\"}\n className={cn(\n \"mtx-relative mtx-flex mtx-min-w-0 mtx-items-center mtx-gap-1 mtx-px-3\",\n definition.align === \"end\" && \"mtx-flex-row-reverse\",\n )}\n style={columnStyle(column, true)}\n >\n <button\n type=\"button\"\n data-column-sort=\"\"\n disabled={isPrinting}\n aria-disabled={!column.getCanSort() || undefined}\n onClick={event => {\n if (!event.defaultPrevented && column.getCanSort()) column.getToggleSortingHandler()?.(event);\n }}\n className={cn(\n \"mtx-flex mtx-min-w-0 mtx-flex-1 mtx-cursor-inherit mtx-items-center mtx-gap-1 mtx-text-start disabled:mtx-cursor-default\",\n definition.align === \"end\" && \"mtx-flex-row-reverse mtx-text-end\",\n )}\n aria-label={`Sort ${typeof definition.headerName === \"string\" ? definition.headerName : column.id}`}\n >\n <span className=\"mtx-truncate\">{definition.headerName ?? column.id}</span>\n {sorted && (\n <span aria-hidden=\"true\">\n {sorted === \"asc\" ? \"↑\" : \"↓\"}\n {table.state.sorting.length > 1 ? column.getSortIndex() + 1 : \"\"}\n </span>\n )}\n </button>\n {!isPrinting && <DataTableColumnMenu table={table} column={column} definition={definition} />}\n {!isPrinting && column.getCanResize() && (\n <div\n role=\"separator\"\n data-column-drag-ignore=\"\"\n aria-label={`Resize ${column.id}`}\n aria-orientation=\"vertical\"\n tabIndex={0}\n className=\"mtx-absolute mtx-inset-y-3 mtx-end-0 mtx-w-2 mtx-cursor-col-resize mtx-touch-none after:mtx-bg-gray-400/70 after:mtx-w-0.5 after:mtx-h-full after:mtx-block after:mtx-absolute after:mtx-start-1/2 after:-mtx-translate-x-1/2\"\n onMouseDown={header.getResizeHandler()}\n onTouchStart={header.getResizeHandler()}\n onDoubleClick={() => column.resetSize()}\n onKeyDown={event => {\n if (event.key === \"ArrowRight\" || event.key === \"ArrowLeft\") {\n event.preventDefault();\n table.setColumnSizing(previous => ({\n ...previous,\n [column.id]: (widths.get(column.id) ?? column.getSize()) + (event.key === \"ArrowRight\" ? 10 : -10),\n }));\n }\n }}\n />\n )}\n </DataTableColumnHeader>\n );\n })}\n </div>\n );\n}\n"],"names":["DataTableHeader","table","api","headerHeight","totalWidth","isPrinting","showExpanders","expanderWidth","showCheckboxes","rowSelection","selectionRows","selectedInScope","visibleColumns","definitionsById","columnStyle","widths","jsxs","jsx","Checkbox","checked","previous","id","row","column","definition","header","item","sorted","DataTableColumnHeader","cn","event","DataTableColumnMenu"],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@ import { jsxs as z, jsx as l } from "react/jsx-runtime";
|
|
|
2
2
|
import * as ie from "react";
|
|
3
3
|
import { ChevronDown as re, ChevronRight as le } from "@trsys-tech/matrix-icons";
|
|
4
4
|
import { cn as O } from "./utils.es.js";
|
|
5
|
-
import { IconButton as
|
|
6
|
-
import { Checkbox as
|
|
5
|
+
import { IconButton as se } from "./iconbutton.es.js";
|
|
6
|
+
import { Checkbox as ne } from "./checkbox.es.js";
|
|
7
7
|
import { getCellValue as B, parseDateInputValue as oe, toDateInputValue as de, setCellValue as ce } from "./datatablemodel.es.js";
|
|
8
8
|
import { dataTableInputClass as me } from "./datatablestyles.es.js";
|
|
9
9
|
function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
|
|
@@ -34,7 +34,7 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
|
|
|
34
34
|
editType: ee,
|
|
35
35
|
renderSubComponent: te,
|
|
36
36
|
isDetailExpanded: ae
|
|
37
|
-
} = P,
|
|
37
|
+
} = P, v = c?.rowId === i, m = a?.getIsSelected() ?? !1, p = !!a && ae(a), w = `${A}-${i}`;
|
|
38
38
|
return /* @__PURE__ */ z(ie.Fragment, { children: [
|
|
39
39
|
/* @__PURE__ */ z(
|
|
40
40
|
"div",
|
|
@@ -47,7 +47,7 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
|
|
|
47
47
|
"data-selected": m || void 0,
|
|
48
48
|
className: O(
|
|
49
49
|
"mtx-flex mtx-border-b mtx-border-gray-200 mtx-bg-gray-0 hover:mtx-bg-primary-25",
|
|
50
|
-
m && "mtx-bg-primary-50",
|
|
50
|
+
m && "mtx-bg-primary-25 hover:mtx-bg-primary-50",
|
|
51
51
|
y && "mtx-bg-gray-50",
|
|
52
52
|
J?.(o),
|
|
53
53
|
...Object.entries(M ?? {}).filter(([, t]) => t(o)).map(([t]) => t)
|
|
@@ -70,15 +70,15 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
|
|
|
70
70
|
className: "mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit",
|
|
71
71
|
style: { width: K },
|
|
72
72
|
children: a?.getCanExpand() && /* @__PURE__ */ l(
|
|
73
|
-
|
|
73
|
+
se,
|
|
74
74
|
{
|
|
75
75
|
type: "button",
|
|
76
76
|
size: "sm",
|
|
77
|
-
"aria-label": `${
|
|
78
|
-
"aria-expanded":
|
|
79
|
-
"aria-controls":
|
|
77
|
+
"aria-label": `${p ? "Collapse" : "Expand"} row ${i}`,
|
|
78
|
+
"aria-expanded": p,
|
|
79
|
+
"aria-controls": p ? w : void 0,
|
|
80
80
|
onClick: a.getToggleExpandedHandler(),
|
|
81
|
-
children:
|
|
81
|
+
children: p ? /* @__PURE__ */ l(re, { "aria-hidden": "true" }) : /* @__PURE__ */ l(le, { "aria-hidden": "true", className: "rtl:mtx-rotate-180" })
|
|
82
82
|
}
|
|
83
83
|
)
|
|
84
84
|
}
|
|
@@ -91,7 +91,7 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
|
|
|
91
91
|
className: "mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit",
|
|
92
92
|
style: { width: 44, insetInlineStart: K },
|
|
93
93
|
children: a && /* @__PURE__ */ l(
|
|
94
|
-
|
|
94
|
+
ne,
|
|
95
95
|
{
|
|
96
96
|
"aria-label": `Select row ${i}`,
|
|
97
97
|
checked: m,
|
|
@@ -102,30 +102,30 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
|
|
|
102
102
|
}
|
|
103
103
|
),
|
|
104
104
|
T.map((t, u) => {
|
|
105
|
-
const e = U.get(t.id),
|
|
105
|
+
const e = U.get(t.id), s = B(v ? c.draft : o, e, g), E = !!v && (!c.columnId || c.columnId === t.id) && (typeof e.editable == "function" ? e.editable(o) : e.editable) && (!!e.field || !!e.valueSetter), h = {
|
|
106
106
|
data: o,
|
|
107
|
-
value:
|
|
107
|
+
value: s,
|
|
108
108
|
rowId: i,
|
|
109
109
|
rowIndex: g,
|
|
110
110
|
columnId: t.id,
|
|
111
111
|
api: d,
|
|
112
|
-
isEditing: !!
|
|
112
|
+
isEditing: !!v,
|
|
113
113
|
pinned: y
|
|
114
|
-
}, I = e.cellRenderer, V = e.cellEditor && typeof e.cellEditor != "string" ? e.cellEditor : void 0, $ = typeof e.cellEditor == "string" ? e.cellEditor : e.cellDataType === "number" ? "number" : e.cellDataType === "date" ? "date" : "text", F = e.cellEditor === "number" || e.cellDataType === "number", H = $ === "date" || !F &&
|
|
115
|
-
const
|
|
116
|
-
if (
|
|
114
|
+
}, I = e.cellRenderer, V = e.cellEditor && typeof e.cellEditor != "string" ? e.cellEditor : void 0, $ = typeof e.cellEditor == "string" ? e.cellEditor : e.cellDataType === "number" ? "number" : e.cellDataType === "date" ? "date" : "text", F = e.cellEditor === "number" || e.cellDataType === "number", H = $ === "date" || !F && s instanceof Date, W = (r) => {
|
|
115
|
+
const n = L.current;
|
|
116
|
+
if (n)
|
|
117
117
|
try {
|
|
118
|
-
const
|
|
118
|
+
const x = e.valueParser ? e.valueParser({ data: n.draft, oldValue: B(n.original, e, g), newValue: r }) : r, f = ce(n.draft, e, x), k = { ...n.parseErrors };
|
|
119
119
|
delete k[t.id], D({
|
|
120
|
-
...
|
|
121
|
-
draft:
|
|
122
|
-
changes: { ...
|
|
120
|
+
...n,
|
|
121
|
+
draft: f,
|
|
122
|
+
changes: { ...n.changes, [t.id]: x },
|
|
123
123
|
parseErrors: k,
|
|
124
124
|
errors: Object.values(k)
|
|
125
125
|
});
|
|
126
|
-
} catch (
|
|
127
|
-
const
|
|
128
|
-
D({ ...
|
|
126
|
+
} catch (x) {
|
|
127
|
+
const f = { ...n.parseErrors, [t.id]: x instanceof Error ? x.message : "Invalid value" };
|
|
128
|
+
D({ ...n, parseErrors: f, errors: Object.values(f) });
|
|
129
129
|
}
|
|
130
130
|
};
|
|
131
131
|
return /* @__PURE__ */ l(
|
|
@@ -136,28 +136,27 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
|
|
|
136
136
|
"aria-colindex": u + 1 + (C ? 1 : 0) + (b ? 1 : 0),
|
|
137
137
|
"data-column-id": t.id,
|
|
138
138
|
"data-row-id": i,
|
|
139
|
-
"data-editing":
|
|
139
|
+
"data-editing": E || void 0,
|
|
140
140
|
"data-row-action": e.suppressRowClick || t.id === "actions" || t.id === "action" ? "" : void 0,
|
|
141
141
|
"aria-readonly": !e.editable || !a,
|
|
142
|
-
"aria-invalid":
|
|
142
|
+
"aria-invalid": E && c.errors.length > 0 || void 0,
|
|
143
143
|
className: O(
|
|
144
144
|
"mtx-flex mtx-min-w-0 mtx-items-center mtx-overflow-hidden mtx-px-3 focus:mtx-outline-none focus:mtx-ring-1 focus:mtx-ring-inset focus:mtx-ring-primary",
|
|
145
145
|
e.align === "end" && "mtx-justify-end",
|
|
146
|
-
e.
|
|
147
|
-
typeof e.cellClass == "function" ? e.cellClass(f) : e.cellClass
|
|
146
|
+
typeof e.cellClass == "function" ? e.cellClass(h) : e.cellClass
|
|
148
147
|
),
|
|
149
148
|
style: Y(t),
|
|
150
149
|
onFocus: () => X((r) => r?.rowId === i && r.columnId === t.id ? r : { rowId: i, columnId: t.id }),
|
|
151
150
|
onKeyDown: (r) => {
|
|
152
|
-
e.onKeyDown?.(r,
|
|
151
|
+
e.onKeyDown?.(r, h), a && Z(r, a, t);
|
|
153
152
|
},
|
|
154
153
|
onDoubleClick: (r) => {
|
|
155
154
|
a && !_ && !r.target.closest("button,a,input,select,[data-row-action]") && (ee === "fullRow" ? d.startEditingRow(i) : d.startEditingCell({ rowId: i, columnId: t.id }));
|
|
156
155
|
},
|
|
157
|
-
children:
|
|
156
|
+
children: E ? V ? /* @__PURE__ */ l(
|
|
158
157
|
V,
|
|
159
158
|
{
|
|
160
|
-
...
|
|
159
|
+
...h,
|
|
161
160
|
errors: c.errors,
|
|
162
161
|
onValueChange: W,
|
|
163
162
|
commit: () => d.stopEditing(),
|
|
@@ -169,12 +168,12 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
|
|
|
169
168
|
"aria-label": `Edit ${typeof e.headerName == "string" ? e.headerName : t.id}`,
|
|
170
169
|
className: me,
|
|
171
170
|
type: $,
|
|
172
|
-
value: H ? de(
|
|
171
|
+
value: H ? de(s) : s == null ? "" : String(s),
|
|
173
172
|
onChange: (r) => W(
|
|
174
|
-
F ? r.target.value === "" ? null : Number(r.target.value) : H ? oe(r.target.value,
|
|
173
|
+
F ? r.target.value === "" ? null : Number(r.target.value) : H ? oe(r.target.value, s, e.cellDataType) : r.target.value
|
|
175
174
|
)
|
|
176
175
|
}
|
|
177
|
-
) : I ? /* @__PURE__ */ l(I, { ...
|
|
176
|
+
) : I ? /* @__PURE__ */ l(I, { ...h }) : e.valueFormatter ? e.valueFormatter({ data: o, value: s }) : /* @__PURE__ */ l("span", { className: "mtx-truncate", children: s instanceof Date ? s.toLocaleDateString() : String(s ?? "") })
|
|
178
177
|
},
|
|
179
178
|
t.id
|
|
180
179
|
);
|
|
@@ -182,7 +181,7 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
|
|
|
182
181
|
]
|
|
183
182
|
}
|
|
184
183
|
),
|
|
185
|
-
|
|
184
|
+
p && a && /* @__PURE__ */ l(
|
|
186
185
|
"div",
|
|
187
186
|
{
|
|
188
187
|
role: "row",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datatablerowview.es.js","sources":["../src/components/data-table/DataTableRowView.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { Column } from \"@tanstack/react-table\";\nimport { ChevronDown, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { cn } from \"../../lib/utils\";\nimport { IconButton } from \"../icon-botton/IconButton\";\nimport { Checkbox } from \"../checkbox/Checkbox\";\nimport { getCellValue, setCellValue, toDateInputValue, parseDateInputValue } from \"./dataTableModel\";\nimport { dataTableInputClass } from \"./dataTableStyles\";\nimport type {\n DataTableApi,\n DataTableCellParams,\n DataTableColumnDef,\n DataTableContentProps,\n DataTableFeatures,\n DataTableInstance,\n DataTableRow,\n} from \"./DataTable.types\";\nimport type { DataTableEditSession } from \"./dataTableEditing\";\n\ntype DataTableRowViewProps<T extends object> = Pick<\n DataTableContentProps<T>,\n \"rowSelection\" | \"getRowClass\" | \"rowClassRules\" | \"onRowClick\" | \"suppressClickEdit\" | \"renderSubComponent\"\n> & {\n data: T;\n rowId: string;\n index: number;\n row?: DataTableRow<T>;\n pinned?: \"top\" | \"bottom\";\n edit: DataTableEditSession<T> | null;\n editRef: React.MutableRefObject<DataTableEditSession<T> | null>;\n updateEdit: (next: DataTableEditSession<T> | null) => void;\n api: DataTableApi<T>;\n table: DataTableInstance<T>;\n detailId: string;\n displayedIndices: Map<string, number>;\n rowHeight: number;\n totalWidth: number;\n showExpanders: boolean;\n expanderWidth: number;\n showCheckboxes: boolean;\n visibleColumns: Column<DataTableFeatures, T>[];\n definitionsById: Map<string, DataTableColumnDef<T>>;\n activeCell: { rowId?: string; columnId?: string };\n setFocusedCell: React.Dispatch<React.SetStateAction<{ rowId: string; columnId: string } | null>>;\n columnStyle: (column: Column<DataTableFeatures, T>, header?: boolean) => React.CSSProperties;\n handleCellKeyDown: (event: React.KeyboardEvent, row: DataTableRow<T>, column: Column<DataTableFeatures, T>) => void;\n editType: \"cell\" | \"fullRow\";\n isDetailExpanded: (row: DataTableRow<T>) => boolean;\n};\n\nexport function DataTableRowView<T extends object>({ data, rowId, index, row, pinned, ...view }: DataTableRowViewProps<T>) {\n const {\n edit,\n editRef,\n updateEdit,\n api,\n table,\n detailId,\n displayedIndices,\n rowSelection,\n rowHeight,\n totalWidth,\n getRowClass,\n rowClassRules,\n onRowClick,\n showExpanders,\n expanderWidth,\n showCheckboxes,\n visibleColumns,\n definitionsById,\n activeCell,\n setFocusedCell,\n columnStyle,\n handleCellKeyDown,\n suppressClickEdit,\n editType,\n renderSubComponent,\n isDetailExpanded,\n } = view;\n const editing = edit?.rowId === rowId;\n const selected = row?.getIsSelected() ?? false;\n const expanded = !!row && isDetailExpanded(row);\n const panelId = `${detailId}-${rowId}`;\n return (\n <React.Fragment key={rowId}>\n <div\n role=\"row\"\n aria-rowindex={(displayedIndices.get(rowId) ?? index) + 2}\n aria-selected={rowSelection && row ? selected : undefined}\n data-row-id={rowId}\n data-pinned={pinned}\n data-selected={selected || undefined}\n className={cn(\n \"mtx-flex mtx-border-b mtx-border-gray-200 mtx-bg-gray-0 hover:mtx-bg-primary-25\",\n selected && \"mtx-bg-primary-50\",\n pinned && \"mtx-bg-gray-50\",\n getRowClass?.(data),\n ...Object.entries(rowClassRules ?? {})\n .filter(([, test]) => test(data))\n .map(([name]) => name),\n )}\n style={{ height: rowHeight, width: totalWidth, minWidth: \"100%\" }}\n onClick={event => {\n const target = event.target as HTMLElement;\n const selectionCell = target.closest(\"[data-row-selection-cell]\");\n if (target.closest(\"button,input,a,select,textarea,[data-row-action],[role=checkbox],[role=combobox]\")) return;\n if (row && rowSelection?.enableClickSelection && row.getCanSelect()) {\n row.getToggleSelectedHandler()({\n target: { checked: selectionCell || event.ctrlKey || event.metaKey ? !selected : true },\n shiftKey: event.shiftKey,\n nativeEvent: event.nativeEvent,\n });\n if (!selectionCell && !event.ctrlKey && !event.metaKey && !event.shiftKey) table.setRowSelection({ [row.id]: true });\n }\n onRowClick?.({ data, rowId, event, api });\n }}\n >\n {showExpanders && (\n <div\n role=\"gridcell\"\n data-row-expander-cell=\"\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit\"\n style={{ width: expanderWidth }}\n >\n {row?.getCanExpand() && (\n <IconButton\n type=\"button\"\n size=\"sm\"\n aria-label={`${expanded ? \"Collapse\" : \"Expand\"} row ${rowId}`}\n aria-expanded={expanded}\n aria-controls={expanded ? panelId : undefined}\n onClick={row.getToggleExpandedHandler()}\n >\n {expanded ? <ChevronDown aria-hidden=\"true\" /> : <ChevronRight aria-hidden=\"true\" className=\"rtl:mtx-rotate-180\" />}\n </IconButton>\n )}\n </div>\n )}\n {showCheckboxes && (\n <div\n role=\"gridcell\"\n data-row-selection-cell=\"\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit\"\n style={{ width: 44, insetInlineStart: expanderWidth }}\n >\n {row && (\n <Checkbox\n aria-label={`Select row ${rowId}`}\n checked={selected}\n disabled={!row.getCanSelect()}\n onClick={event =>\n row.getToggleSelectedHandler()({ target: { checked: !selected }, shiftKey: event.shiftKey, nativeEvent: event.nativeEvent })\n }\n />\n )}\n </div>\n )}\n {visibleColumns.map((column, colIndex) => {\n const definition = definitionsById.get(column.id)!;\n const value = getCellValue(editing ? edit.draft : data, definition, index);\n const isEditing =\n !!editing &&\n (!edit.columnId || edit.columnId === column.id) &&\n (typeof definition.editable === \"function\" ? definition.editable(data) : definition.editable) &&\n (!!definition.field || !!definition.valueSetter);\n const params: DataTableCellParams<T> = {\n data,\n value,\n rowId,\n rowIndex: index,\n columnId: column.id,\n api,\n isEditing: !!editing,\n pinned,\n };\n // The definition and value were resolved together; erase the field only at this runtime dispatch boundary.\n const Renderer = definition.cellRenderer as React.ComponentType<DataTableCellParams<T>> | undefined;\n const Editor = definition.cellEditor && typeof definition.cellEditor !== \"string\" ? definition.cellEditor : undefined;\n const editorType =\n typeof definition.cellEditor === \"string\"\n ? definition.cellEditor\n : definition.cellDataType === \"number\"\n ? \"number\"\n : definition.cellDataType === \"date\"\n ? \"date\"\n : \"text\";\n const coerceNumber = definition.cellEditor === \"number\" || definition.cellDataType === \"number\";\n const parseDate = editorType === \"date\" || (!coerceNumber && value instanceof Date);\n const setValue = (newValue: unknown) => {\n const session = editRef.current;\n if (!session) return;\n try {\n const parsed = definition.valueParser\n ? definition.valueParser({ data: session.draft, oldValue: getCellValue(session.original, definition, index), newValue })\n : newValue;\n const draft = setCellValue(session.draft, definition, parsed);\n const parseErrors = { ...session.parseErrors };\n delete parseErrors[column.id];\n updateEdit({\n ...session,\n draft,\n changes: { ...session.changes, [column.id]: parsed },\n parseErrors,\n errors: Object.values(parseErrors),\n });\n } catch (error) {\n const parseErrors = { ...session.parseErrors, [column.id]: error instanceof Error ? error.message : \"Invalid value\" };\n updateEdit({ ...session, parseErrors, errors: Object.values(parseErrors) });\n }\n };\n return (\n <div\n key={column.id}\n role=\"gridcell\"\n tabIndex={activeCell.rowId === rowId && activeCell.columnId === column.id ? 0 : -1}\n aria-colindex={colIndex + 1 + (showCheckboxes ? 1 : 0) + (showExpanders ? 1 : 0)}\n data-column-id={column.id}\n data-row-id={rowId}\n data-editing={isEditing || undefined}\n data-row-action={definition.suppressRowClick || column.id === \"actions\" || column.id === \"action\" ? \"\" : undefined}\n aria-readonly={!definition.editable || !row}\n aria-invalid={(isEditing && edit.errors.length > 0) || undefined}\n className={cn(\n \"mtx-flex mtx-min-w-0 mtx-items-center mtx-overflow-hidden mtx-px-3 focus:mtx-outline-none focus:mtx-ring-1 focus:mtx-ring-inset focus:mtx-ring-primary\",\n definition.align === \"end\" && \"mtx-justify-end\",\n definition.align === \"center\" && \"mtx-justify-center\",\n typeof definition.cellClass === \"function\" ? definition.cellClass(params) : definition.cellClass,\n )}\n style={columnStyle(column)}\n onFocus={() =>\n setFocusedCell(previous => (previous?.rowId === rowId && previous.columnId === column.id ? previous : { rowId, columnId: column.id }))\n }\n onKeyDown={event => {\n definition.onKeyDown?.(event, params);\n if (row) handleCellKeyDown(event, row, column);\n }}\n onDoubleClick={event => {\n if (row && !suppressClickEdit && !(event.target as HTMLElement).closest(\"button,a,input,select,[data-row-action]\")) {\n if (editType === \"fullRow\") api.startEditingRow(rowId);\n else api.startEditingCell({ rowId, columnId: column.id });\n }\n }}\n >\n {isEditing ? (\n Editor ? (\n <Editor\n {...params}\n errors={edit.errors}\n onValueChange={setValue}\n commit={() => api.stopEditing()}\n cancel={() => api.stopEditing(true)}\n />\n ) : (\n <input\n aria-label={`Edit ${typeof definition.headerName === \"string\" ? definition.headerName : column.id}`}\n className={dataTableInputClass}\n type={editorType}\n value={parseDate ? toDateInputValue(value) : value === null || value === undefined ? \"\" : String(value)}\n onChange={event =>\n setValue(\n coerceNumber\n ? event.target.value === \"\"\n ? null\n : Number(event.target.value)\n : parseDate\n ? parseDateInputValue(event.target.value, value, definition.cellDataType)\n : event.target.value,\n )\n }\n />\n )\n ) : Renderer ? (\n <Renderer {...params} />\n ) : definition.valueFormatter ? (\n definition.valueFormatter({ data, value })\n ) : (\n <span className=\"mtx-truncate\">{value instanceof Date ? value.toLocaleDateString() : String(value ?? \"\")}</span>\n )}\n </div>\n );\n })}\n </div>\n {expanded && row && (\n <div\n role=\"row\"\n aria-rowindex={(displayedIndices.get(rowId) ?? index) + 3}\n data-expanded-row-id={rowId}\n className=\"mtx-border-b mtx-border-gray-200 mtx-bg-gray-50\"\n style={{ width: totalWidth, minWidth: \"100%\" }}\n >\n <div\n role=\"gridcell\"\n id={panelId}\n aria-colspan={visibleColumns.length + (showCheckboxes ? 1 : 0) + (showExpanders ? 1 : 0)}\n className=\"mtx-p-4\"\n >\n {renderSubComponent?.({ row, api })}\n </div>\n </div>\n )}\n </React.Fragment>\n );\n}\n"],"names":["DataTableRowView","data","rowId","index","row","pinned","view","edit","editRef","updateEdit","api","table","detailId","displayedIndices","rowSelection","rowHeight","totalWidth","getRowClass","rowClassRules","onRowClick","showExpanders","expanderWidth","showCheckboxes","visibleColumns","definitionsById","activeCell","setFocusedCell","columnStyle","handleCellKeyDown","suppressClickEdit","editType","renderSubComponent","isDetailExpanded","editing","selected","expanded","panelId","jsxs","React","cn","test","name","event","target","selectionCell","jsx","IconButton","ChevronDown","ChevronRight","Checkbox","column","colIndex","definition","value","getCellValue","isEditing","params","Renderer","Editor","editorType","coerceNumber","parseDate","setValue","newValue","session","parsed","draft","setCellValue","parseErrors","error","previous","dataTableInputClass","toDateInputValue","parseDateInputValue"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"datatablerowview.es.js","sources":["../src/components/data-table/DataTableRowView.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { Column } from \"@tanstack/react-table\";\nimport { ChevronDown, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { cn } from \"../../lib/utils\";\nimport { IconButton } from \"../icon-botton/IconButton\";\nimport { Checkbox } from \"../checkbox/Checkbox\";\nimport { getCellValue, setCellValue, toDateInputValue, parseDateInputValue } from \"./dataTableModel\";\nimport { dataTableInputClass } from \"./dataTableStyles\";\nimport type {\n DataTableApi,\n DataTableCellParams,\n DataTableColumnDef,\n DataTableContentProps,\n DataTableFeatures,\n DataTableInstance,\n DataTableRow,\n} from \"./DataTable.types\";\nimport type { DataTableEditSession } from \"./dataTableEditing\";\n\ntype DataTableRowViewProps<T extends object> = Pick<\n DataTableContentProps<T>,\n \"rowSelection\" | \"getRowClass\" | \"rowClassRules\" | \"onRowClick\" | \"suppressClickEdit\" | \"renderSubComponent\"\n> & {\n data: T;\n rowId: string;\n index: number;\n row?: DataTableRow<T>;\n pinned?: \"top\" | \"bottom\";\n edit: DataTableEditSession<T> | null;\n editRef: React.MutableRefObject<DataTableEditSession<T> | null>;\n updateEdit: (next: DataTableEditSession<T> | null) => void;\n api: DataTableApi<T>;\n table: DataTableInstance<T>;\n detailId: string;\n displayedIndices: Map<string, number>;\n rowHeight: number;\n totalWidth: number;\n showExpanders: boolean;\n expanderWidth: number;\n showCheckboxes: boolean;\n visibleColumns: Column<DataTableFeatures, T>[];\n definitionsById: Map<string, DataTableColumnDef<T>>;\n activeCell: { rowId?: string; columnId?: string };\n setFocusedCell: React.Dispatch<React.SetStateAction<{ rowId: string; columnId: string } | null>>;\n columnStyle: (column: Column<DataTableFeatures, T>, header?: boolean) => React.CSSProperties;\n handleCellKeyDown: (event: React.KeyboardEvent, row: DataTableRow<T>, column: Column<DataTableFeatures, T>) => void;\n editType: \"cell\" | \"fullRow\";\n isDetailExpanded: (row: DataTableRow<T>) => boolean;\n};\n\nexport function DataTableRowView<T extends object>({ data, rowId, index, row, pinned, ...view }: DataTableRowViewProps<T>) {\n const {\n edit,\n editRef,\n updateEdit,\n api,\n table,\n detailId,\n displayedIndices,\n rowSelection,\n rowHeight,\n totalWidth,\n getRowClass,\n rowClassRules,\n onRowClick,\n showExpanders,\n expanderWidth,\n showCheckboxes,\n visibleColumns,\n definitionsById,\n activeCell,\n setFocusedCell,\n columnStyle,\n handleCellKeyDown,\n suppressClickEdit,\n editType,\n renderSubComponent,\n isDetailExpanded,\n } = view;\n const editing = edit?.rowId === rowId;\n const selected = row?.getIsSelected() ?? false;\n const expanded = !!row && isDetailExpanded(row);\n const panelId = `${detailId}-${rowId}`;\n return (\n <React.Fragment key={rowId}>\n <div\n role=\"row\"\n aria-rowindex={(displayedIndices.get(rowId) ?? index) + 2}\n aria-selected={rowSelection && row ? selected : undefined}\n data-row-id={rowId}\n data-pinned={pinned}\n data-selected={selected || undefined}\n className={cn(\n \"mtx-flex mtx-border-b mtx-border-gray-200 mtx-bg-gray-0 hover:mtx-bg-primary-25\",\n selected && \"mtx-bg-primary-25 hover:mtx-bg-primary-50\",\n pinned && \"mtx-bg-gray-50\",\n getRowClass?.(data),\n ...Object.entries(rowClassRules ?? {})\n .filter(([, test]) => test(data))\n .map(([name]) => name),\n )}\n style={{ height: rowHeight, width: totalWidth, minWidth: \"100%\" }}\n onClick={event => {\n const target = event.target as HTMLElement;\n const selectionCell = target.closest(\"[data-row-selection-cell]\");\n if (target.closest(\"button,input,a,select,textarea,[data-row-action],[role=checkbox],[role=combobox]\")) return;\n if (row && rowSelection?.enableClickSelection && row.getCanSelect()) {\n row.getToggleSelectedHandler()({\n target: { checked: selectionCell || event.ctrlKey || event.metaKey ? !selected : true },\n shiftKey: event.shiftKey,\n nativeEvent: event.nativeEvent,\n });\n if (!selectionCell && !event.ctrlKey && !event.metaKey && !event.shiftKey) table.setRowSelection({ [row.id]: true });\n }\n onRowClick?.({ data, rowId, event, api });\n }}\n >\n {showExpanders && (\n <div\n role=\"gridcell\"\n data-row-expander-cell=\"\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit\"\n style={{ width: expanderWidth }}\n >\n {row?.getCanExpand() && (\n <IconButton\n type=\"button\"\n size=\"sm\"\n aria-label={`${expanded ? \"Collapse\" : \"Expand\"} row ${rowId}`}\n aria-expanded={expanded}\n aria-controls={expanded ? panelId : undefined}\n onClick={row.getToggleExpandedHandler()}\n >\n {expanded ? <ChevronDown aria-hidden=\"true\" /> : <ChevronRight aria-hidden=\"true\" className=\"rtl:mtx-rotate-180\" />}\n </IconButton>\n )}\n </div>\n )}\n {showCheckboxes && (\n <div\n role=\"gridcell\"\n data-row-selection-cell=\"\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit\"\n style={{ width: 44, insetInlineStart: expanderWidth }}\n >\n {row && (\n <Checkbox\n aria-label={`Select row ${rowId}`}\n checked={selected}\n disabled={!row.getCanSelect()}\n onClick={event =>\n row.getToggleSelectedHandler()({ target: { checked: !selected }, shiftKey: event.shiftKey, nativeEvent: event.nativeEvent })\n }\n />\n )}\n </div>\n )}\n {visibleColumns.map((column, colIndex) => {\n const definition = definitionsById.get(column.id)!;\n const value = getCellValue(editing ? edit.draft : data, definition, index);\n const isEditing =\n !!editing &&\n (!edit.columnId || edit.columnId === column.id) &&\n (typeof definition.editable === \"function\" ? definition.editable(data) : definition.editable) &&\n (!!definition.field || !!definition.valueSetter);\n const params: DataTableCellParams<T> = {\n data,\n value,\n rowId,\n rowIndex: index,\n columnId: column.id,\n api,\n isEditing: !!editing,\n pinned,\n };\n // The definition and value were resolved together; erase the field only at this runtime dispatch boundary.\n const Renderer = definition.cellRenderer as React.ComponentType<DataTableCellParams<T>> | undefined;\n const Editor = definition.cellEditor && typeof definition.cellEditor !== \"string\" ? definition.cellEditor : undefined;\n const editorType =\n typeof definition.cellEditor === \"string\"\n ? definition.cellEditor\n : definition.cellDataType === \"number\"\n ? \"number\"\n : definition.cellDataType === \"date\"\n ? \"date\"\n : \"text\";\n const coerceNumber = definition.cellEditor === \"number\" || definition.cellDataType === \"number\";\n const parseDate = editorType === \"date\" || (!coerceNumber && value instanceof Date);\n const setValue = (newValue: unknown) => {\n const session = editRef.current;\n if (!session) return;\n try {\n const parsed = definition.valueParser\n ? definition.valueParser({ data: session.draft, oldValue: getCellValue(session.original, definition, index), newValue })\n : newValue;\n const draft = setCellValue(session.draft, definition, parsed);\n const parseErrors = { ...session.parseErrors };\n delete parseErrors[column.id];\n updateEdit({\n ...session,\n draft,\n changes: { ...session.changes, [column.id]: parsed },\n parseErrors,\n errors: Object.values(parseErrors),\n });\n } catch (error) {\n const parseErrors = { ...session.parseErrors, [column.id]: error instanceof Error ? error.message : \"Invalid value\" };\n updateEdit({ ...session, parseErrors, errors: Object.values(parseErrors) });\n }\n };\n return (\n <div\n key={column.id}\n role=\"gridcell\"\n tabIndex={activeCell.rowId === rowId && activeCell.columnId === column.id ? 0 : -1}\n aria-colindex={colIndex + 1 + (showCheckboxes ? 1 : 0) + (showExpanders ? 1 : 0)}\n data-column-id={column.id}\n data-row-id={rowId}\n data-editing={isEditing || undefined}\n data-row-action={definition.suppressRowClick || column.id === \"actions\" || column.id === \"action\" ? \"\" : undefined}\n aria-readonly={!definition.editable || !row}\n aria-invalid={(isEditing && edit.errors.length > 0) || undefined}\n className={cn(\n \"mtx-flex mtx-min-w-0 mtx-items-center mtx-overflow-hidden mtx-px-3 focus:mtx-outline-none focus:mtx-ring-1 focus:mtx-ring-inset focus:mtx-ring-primary\",\n definition.align === \"end\" && \"mtx-justify-end\",\n typeof definition.cellClass === \"function\" ? definition.cellClass(params) : definition.cellClass,\n )}\n style={columnStyle(column)}\n onFocus={() =>\n setFocusedCell(previous => (previous?.rowId === rowId && previous.columnId === column.id ? previous : { rowId, columnId: column.id }))\n }\n onKeyDown={event => {\n definition.onKeyDown?.(event, params);\n if (row) handleCellKeyDown(event, row, column);\n }}\n onDoubleClick={event => {\n if (row && !suppressClickEdit && !(event.target as HTMLElement).closest(\"button,a,input,select,[data-row-action]\")) {\n if (editType === \"fullRow\") api.startEditingRow(rowId);\n else api.startEditingCell({ rowId, columnId: column.id });\n }\n }}\n >\n {isEditing ? (\n Editor ? (\n <Editor\n {...params}\n errors={edit.errors}\n onValueChange={setValue}\n commit={() => api.stopEditing()}\n cancel={() => api.stopEditing(true)}\n />\n ) : (\n <input\n aria-label={`Edit ${typeof definition.headerName === \"string\" ? definition.headerName : column.id}`}\n className={dataTableInputClass}\n type={editorType}\n value={parseDate ? toDateInputValue(value) : value === null || value === undefined ? \"\" : String(value)}\n onChange={event =>\n setValue(\n coerceNumber\n ? event.target.value === \"\"\n ? null\n : Number(event.target.value)\n : parseDate\n ? parseDateInputValue(event.target.value, value, definition.cellDataType)\n : event.target.value,\n )\n }\n />\n )\n ) : Renderer ? (\n <Renderer {...params} />\n ) : definition.valueFormatter ? (\n definition.valueFormatter({ data, value })\n ) : (\n <span className=\"mtx-truncate\">{value instanceof Date ? value.toLocaleDateString() : String(value ?? \"\")}</span>\n )}\n </div>\n );\n })}\n </div>\n {expanded && row && (\n <div\n role=\"row\"\n aria-rowindex={(displayedIndices.get(rowId) ?? index) + 3}\n data-expanded-row-id={rowId}\n className=\"mtx-border-b mtx-border-gray-200 mtx-bg-gray-50\"\n style={{ width: totalWidth, minWidth: \"100%\" }}\n >\n <div\n role=\"gridcell\"\n id={panelId}\n aria-colspan={visibleColumns.length + (showCheckboxes ? 1 : 0) + (showExpanders ? 1 : 0)}\n className=\"mtx-p-4\"\n >\n {renderSubComponent?.({ row, api })}\n </div>\n </div>\n )}\n </React.Fragment>\n );\n}\n"],"names":["DataTableRowView","data","rowId","index","row","pinned","view","edit","editRef","updateEdit","api","table","detailId","displayedIndices","rowSelection","rowHeight","totalWidth","getRowClass","rowClassRules","onRowClick","showExpanders","expanderWidth","showCheckboxes","visibleColumns","definitionsById","activeCell","setFocusedCell","columnStyle","handleCellKeyDown","suppressClickEdit","editType","renderSubComponent","isDetailExpanded","editing","selected","expanded","panelId","jsxs","React","cn","test","name","event","target","selectionCell","jsx","IconButton","ChevronDown","ChevronRight","Checkbox","column","colIndex","definition","value","getCellValue","isEditing","params","Renderer","Editor","editorType","coerceNumber","parseDate","setValue","newValue","session","parsed","draft","setCellValue","parseErrors","error","previous","dataTableInputClass","toDateInputValue","parseDateInputValue"],"mappings":"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"}
|