@lax-wp/design-system 0.14.6 → 0.14.8
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-display/infinite-table/body/rows/row.cjs.js +1 -1
- package/dist/components/data-display/infinite-table/body/rows/row.cjs.js.map +1 -1
- package/dist/components/data-display/infinite-table/body/rows/row.es.js +77 -75
- package/dist/components/data-display/infinite-table/body/rows/row.es.js.map +1 -1
- package/dist/components/navigation/tabs/Tabs.cjs.js +1 -1
- package/dist/components/navigation/tabs/Tabs.cjs.js.map +1 -1
- package/dist/components/navigation/tabs/Tabs.es.js +126 -126
- package/dist/components/navigation/tabs/Tabs.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,9 +4,9 @@ import { getTableRowBgClassNamesByStatus as vi } from "../../../../../constants/
|
|
|
4
4
|
import { useTableConfig as le } from "../../../../../providers/design-system-provider/hooks.es.js";
|
|
5
5
|
import { useDraggable as ae, useDroppable as oe } from "@dnd-kit/core";
|
|
6
6
|
import { useSortable as de } from "@dnd-kit/sortable";
|
|
7
|
-
import { CSS as
|
|
7
|
+
import { CSS as re } from "@dnd-kit/utilities";
|
|
8
8
|
import { SubdirectoryArrowLeftRounded as Yi } from "@mui/icons-material";
|
|
9
|
-
import
|
|
9
|
+
import se from "@mui/icons-material/AddRounded";
|
|
10
10
|
import Oi from "../../../../../_virtual/index.es.js";
|
|
11
11
|
import { createPortal as ge } from "react-dom";
|
|
12
12
|
import { TableContext as Bi } from "../../context.es.js";
|
|
@@ -22,7 +22,7 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
22
22
|
const {
|
|
23
23
|
lastNonStickyColumnIndex: H,
|
|
24
24
|
checkboxConfig: a,
|
|
25
|
-
onRowClick:
|
|
25
|
+
onRowClick: S,
|
|
26
26
|
rowOptions: f,
|
|
27
27
|
disableOptionsForRowIndex: W = null,
|
|
28
28
|
getSumOfNextVisibleColumnWidth: ni,
|
|
@@ -30,61 +30,61 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
30
30
|
inlineEditColumns: yi,
|
|
31
31
|
tableActions: ti,
|
|
32
32
|
dndSortableUtils: li,
|
|
33
|
-
withSortable:
|
|
34
|
-
withDraggable:
|
|
33
|
+
withSortable: m,
|
|
34
|
+
withDraggable: E,
|
|
35
35
|
getInnerRowData: ai,
|
|
36
36
|
showNewItem: j,
|
|
37
37
|
rawData: B,
|
|
38
38
|
dragConfig: p,
|
|
39
39
|
getFullRowDataOnClick: oi,
|
|
40
|
-
selectedRowId:
|
|
40
|
+
selectedRowId: r,
|
|
41
41
|
rowWrapper: U,
|
|
42
42
|
isCellClickDisabled: Ri,
|
|
43
|
-
rowAdditionalActions:
|
|
43
|
+
rowAdditionalActions: x,
|
|
44
44
|
hoverConfig: di,
|
|
45
|
-
addPendingEdit:
|
|
45
|
+
addPendingEdit: N,
|
|
46
46
|
removePendingEdit: P,
|
|
47
|
-
fieldOperationLoading:
|
|
47
|
+
fieldOperationLoading: ri,
|
|
48
48
|
clearRowPendingEdits: L,
|
|
49
49
|
saveRowPendingEdits: K,
|
|
50
50
|
pendingEdits: A
|
|
51
|
-
} = Pi(Bi), O = le(),
|
|
51
|
+
} = Pi(Bi), O = le(), si = !!a, { activeInlineEdit: gi, setActiveInlineEdit: z } = Pi(Bi), l = gi?.rowId === i.original.id ? gi?.columnKey : null, c = !!l, ci = (n) => {
|
|
52
52
|
z?.(n === null ? null : { rowId: String(i.original.id), columnKey: n });
|
|
53
|
-
}, [b, Y] = F(null), [mi,
|
|
53
|
+
}, [b, Y] = F(null), [mi, u] = F(null), [y, q] = F(null), [C, R] = F(!1), [k, G] = F(!1), ui = bi(null);
|
|
54
54
|
Ki(() => {
|
|
55
|
-
const n = ui.current,
|
|
56
|
-
if (n && !
|
|
55
|
+
const n = ui.current, s = l;
|
|
56
|
+
if (n && !s) {
|
|
57
57
|
const h = A?.[i.original.id]?.[n];
|
|
58
58
|
if (h) {
|
|
59
59
|
const d = i.cells?.find((_) => _.column?.key === n);
|
|
60
60
|
if (d) {
|
|
61
61
|
const _ = qi(h.value, d.column);
|
|
62
|
-
!_.isValid &&
|
|
62
|
+
!_.isValid && N && N(String(i.original.id), n, {
|
|
63
63
|
...h,
|
|
64
64
|
validationError: _.error
|
|
65
65
|
});
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
|
-
ui.current =
|
|
70
|
-
}, [l, i.original.id, i.cells, A,
|
|
69
|
+
ui.current = s ?? null;
|
|
70
|
+
}, [l, i.original.id, i.cells, A, N]), Ki(() => {
|
|
71
71
|
if (B) {
|
|
72
72
|
const n = String(i?.original?.id);
|
|
73
73
|
q(B[n]?.[i?.cells[0].column.Header] || B[n]?.[0]);
|
|
74
74
|
}
|
|
75
75
|
}, [B, i?.original?.id, i?.cells]);
|
|
76
|
-
const o = de({ id: i.original.id, data: { ...i.original }, disabled: !
|
|
76
|
+
const o = de({ id: i.original.id, data: { ...i.original }, disabled: !m }), v = ae({ id: i.original.id, data: { ...i.original }, disabled: !!m }), { listeners: _i, transform: fi, setNodeRef: pi, isDragging: V, attributes: ki, active: T, over: D, ...Ji } = m ? o : v, { setNodeRef: Li } = oe({
|
|
77
77
|
id: `table-file-dropzone-${i?.original?.id}`,
|
|
78
78
|
data: { type: "table-file-dropzone", folderId: i?.original?.id, isFolder: i?.original?.type === "folder" }
|
|
79
79
|
}), Qi = {
|
|
80
|
-
transform:
|
|
81
|
-
transition:
|
|
80
|
+
transform: re.Transform.toString(fi),
|
|
81
|
+
transition: m ? Ji.transition : void 0,
|
|
82
82
|
cursor: V ? "grabbing" : "grab",
|
|
83
83
|
opacity: V ? "0.5" : "1"
|
|
84
|
-
}, Xi = () => !T || !
|
|
85
|
-
|
|
84
|
+
}, Xi = () => !T || !D || !m ? !1 : li?.checkOverEachItem ? li.checkOverEachItem(T, D) && !!D : T.data.current?.type !== D.data.current?.type && !!D, Ai = (n) => {
|
|
85
|
+
u(n.target.value);
|
|
86
86
|
}, Zi = () => {
|
|
87
|
-
|
|
87
|
+
ri || ci(null);
|
|
88
88
|
}, Si = bi(null), zi = Ii(
|
|
89
89
|
(n) => {
|
|
90
90
|
Si.current = n;
|
|
@@ -98,15 +98,15 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
98
98
|
if (Si.current) {
|
|
99
99
|
const n = Si.current();
|
|
100
100
|
if (!n.isValid) return;
|
|
101
|
-
l && n.value !== void 0 &&
|
|
101
|
+
l && n.value !== void 0 && N && N(String(i.original.id), l, {
|
|
102
102
|
value: n.value,
|
|
103
103
|
originalValue: i.original[l],
|
|
104
104
|
meta: n.meta || void 0
|
|
105
105
|
});
|
|
106
106
|
} else if (l) {
|
|
107
|
-
const n = i.cells?.find((
|
|
107
|
+
const n = i.cells?.find((s) => s.column?.key === l);
|
|
108
108
|
if (n) {
|
|
109
|
-
const
|
|
109
|
+
const s = A?.[i.original.id]?.[l]?.value, h = s !== void 0 ? s : n.value, d = qi(h, n.column);
|
|
110
110
|
if (!d.isValid) {
|
|
111
111
|
Vi.current?.showNotification?.("error", d.error || "Validation failed");
|
|
112
112
|
return;
|
|
@@ -114,30 +114,31 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
K && K(String(i.original.id));
|
|
117
|
-
}, [K, i.original, i.cells, l,
|
|
117
|
+
}, [K, i.original, i.cells, l, N, A]), Mi = (n, s) => {
|
|
118
118
|
const h = { ...i.original }, d = n !== void 0 ? n : mi;
|
|
119
|
-
l && d !== void 0 && (h[l] = d, $ && $(h, M, l, d,
|
|
120
|
-
}, Hi = bi(null), Wi = (n,
|
|
119
|
+
l && d !== void 0 && (h[l] = d, $ && $(h, M, l, d, s), P && P(String(i.original.id), l)), Zi();
|
|
120
|
+
}, Hi = bi(null), Wi = (n, s, h, d) => {
|
|
121
121
|
if (!Ri && (n?.stopPropagation(), l !== d)) {
|
|
122
122
|
if ($) {
|
|
123
123
|
if (yi?.includes(d))
|
|
124
|
-
ci(d),
|
|
124
|
+
ci(d), u(String(i.original[d]));
|
|
125
125
|
else {
|
|
126
126
|
const _ = O?.getSystemMessage?.("notAllowedInlineEdit") || "Inline Edit is not allowed for this column";
|
|
127
127
|
O?.showNotification?.("error", _);
|
|
128
128
|
}
|
|
129
129
|
return;
|
|
130
130
|
}
|
|
131
|
-
if (
|
|
132
|
-
|
|
133
|
-
else if (!
|
|
131
|
+
if (S)
|
|
132
|
+
S(s, h, i.original, ei?.map((_) => _.original) || []);
|
|
133
|
+
else if (!S && a) {
|
|
134
134
|
const _ = i.original.id, ne = { target: { checked: !a.checkedIds.includes(_) } };
|
|
135
135
|
a.onItemCheck(ne, _);
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
138
|
}, $i = async () => {
|
|
139
139
|
R(!0), ai && await ai(i?.original?.id, i?.original, !(g?.[i?.original?.id]?.isOpen ?? !1), i?.original?.__level || 0), R(!1);
|
|
140
|
-
}, wi = Ci(() => i.cells.filter((n) => n.column?.visible).map((n) => n.column?.width ?? 0).reduce((n,
|
|
140
|
+
}, wi = Ci(() => i.cells.filter((n) => n.column?.visible).map((n) => n.column?.width ?? 0).reduce((n, s) => n + s, 0), [i.cells]), J = Ci(() => p?.draggingOver && p?.draggingOver === i?.original?.id, [p, i?.original?.id]), Ei = Ci(() => J ? p?.dropPosition || "inside" : null, [J, p?.dropPosition]), Q = !!(J && Ei === "inside"), I = i?.original?.__rowMetadata || i?.original?._meta, X = b !== i?.original?.id, xi = !i?.original?.__isLoading, ji = !!(I?.__is_new || I?.__is_added || i?.original?.is_added || y?.is_added || // _meta.is_added alone is not reliable — the API sends it on modified/deleted rows too; only is_new confirms "added".
|
|
141
|
+
I?.is_new), ie = !!(i?.original?.is_deleted || I?.__is_deleted || y?.is_deleted || I?.is_deleted), ee = !!(i?.original?.is_modified || i?.original?.is_row_modified || I?.__is_modified || I?.__is_edited || y?.is_row_modified || I?.is_modified) && !ji, Ni = r != null && String(r) === String(i?.original?.id), Ui = Oi({
|
|
141
142
|
"bg-neutral-100 dark:bg-black-600": b === i?.original?.id && !c,
|
|
142
143
|
"bg-primary-100 dark:bg-primary-950": Ni && X && !c,
|
|
143
144
|
"bg-primary-50 dark:bg-black-700": !i?.original?.is_read && j && !i?.original?.__isLoading && X && !c,
|
|
@@ -152,23 +153,23 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
152
153
|
"tr",
|
|
153
154
|
{
|
|
154
155
|
...i.getRowProps(),
|
|
155
|
-
ref:
|
|
156
|
+
ref: E || m ? pi : null,
|
|
156
157
|
key: i.original.id,
|
|
157
158
|
"data-row-id": i.original.id,
|
|
158
159
|
className: Oi(
|
|
159
160
|
`text-neutral-900 dark:text-white cursor-pointer min-w-full relative ${a?.selectionDisabledRowIds?.includes(i?.original?.id) ? "opacity-50" : ""} border-t`,
|
|
160
161
|
V ? "z-40" : "",
|
|
161
162
|
Xi() ? "shadow-dnd-drop" : "",
|
|
162
|
-
|
|
163
|
+
E && D && D?.data?.current?.type === "table-file-dropzone" && D?.data?.current?.folderId === i?.original?.id && i?.original?.type === "folder" ? "bg-primary-50" : "",
|
|
163
164
|
i?.original?.isDefinedActionRow ? "bg-primary-50" : "",
|
|
164
165
|
Q ? "z-50" : "",
|
|
165
166
|
Ui || "bg-white dark:bg-black-800"
|
|
166
167
|
),
|
|
167
|
-
style: { ...hi, ...
|
|
168
|
-
...
|
|
169
|
-
...
|
|
168
|
+
style: { ...hi, ...m ? Qi : {}, width: "max-content" },
|
|
169
|
+
...E || m ? ki : {},
|
|
170
|
+
...E || m ? _i : {}
|
|
170
171
|
},
|
|
171
|
-
Q && p?.dragOperation ? /* @__PURE__ */ t("div", { className: "absolute right-2 h-row flex items-center z-20 pointer-events-none", children: /* @__PURE__ */ t("div", { className: "bg-primary-200 px-2 py-1 rounded", children: p?.dragOperation === "COPY" ? /* @__PURE__ */ t(
|
|
172
|
+
Q && p?.dragOperation ? /* @__PURE__ */ t("div", { className: "absolute right-2 h-row flex items-center z-20 pointer-events-none", children: /* @__PURE__ */ t("div", { className: "bg-primary-200 px-2 py-1 rounded", children: p?.dragOperation === "COPY" ? /* @__PURE__ */ t(se, { sx: { fontSize: 12 }, className: "text-primary-700" }) : /* @__PURE__ */ t(Yi, { sx: { fontSize: 12 }, className: "text-primary-700" }) }) }) : null,
|
|
172
173
|
Q && !p?.dragOperation ? /* @__PURE__ */ t("div", { className: "absolute right-2 h-row flex items-center z-20 pointer-events-none", children: /* @__PURE__ */ t(Yi, { sx: { fontSize: 16 }, className: "text-primary-500" }) }) : null,
|
|
173
174
|
J && Ei === "before" && !i?.original?.isDefinedActionRow ? /* @__PURE__ */ t("div", { className: "absolute -top-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none", children: /* @__PURE__ */ t("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500" }) }) : null,
|
|
174
175
|
J && Ei === "after" && !i?.original?.isDefinedActionRow ? /* @__PURE__ */ t("div", { className: "absolute -bottom-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none", children: /* @__PURE__ */ t("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500" }) }) : null,
|
|
@@ -194,11 +195,11 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
194
195
|
{
|
|
195
196
|
isDraggingOver: Q,
|
|
196
197
|
level: e,
|
|
197
|
-
withDraggable:
|
|
198
|
+
withDraggable: E,
|
|
198
199
|
setDroppableNodeRef: Li,
|
|
199
200
|
isLastRow: Z,
|
|
200
201
|
lastRow: w,
|
|
201
|
-
isCheckbox:
|
|
202
|
+
isCheckbox: si,
|
|
202
203
|
checkboxConfig: a,
|
|
203
204
|
row: i,
|
|
204
205
|
rowHovering: b,
|
|
@@ -225,7 +226,7 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
225
226
|
highlightSubstring: ii,
|
|
226
227
|
rowOptions: f,
|
|
227
228
|
isDraggingFile: k,
|
|
228
|
-
rowAdditionalActions:
|
|
229
|
+
rowAdditionalActions: x,
|
|
229
230
|
hoverConfig: di,
|
|
230
231
|
isSelected: Ni
|
|
231
232
|
}
|
|
@@ -233,11 +234,11 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
233
234
|
Gi,
|
|
234
235
|
{
|
|
235
236
|
level: e,
|
|
236
|
-
withDraggable:
|
|
237
|
+
withDraggable: E,
|
|
237
238
|
setDroppableNodeRef: Li,
|
|
238
239
|
isLastRow: Z,
|
|
239
240
|
lastRow: w,
|
|
240
|
-
isCheckbox:
|
|
241
|
+
isCheckbox: si,
|
|
241
242
|
checkboxConfig: a,
|
|
242
243
|
row: i,
|
|
243
244
|
rowHovering: b,
|
|
@@ -265,7 +266,7 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
265
266
|
rowOptions: f,
|
|
266
267
|
isDraggingFile: k,
|
|
267
268
|
isDraggingOver: Q,
|
|
268
|
-
rowAdditionalActions:
|
|
269
|
+
rowAdditionalActions: x,
|
|
269
270
|
hoverConfig: di,
|
|
270
271
|
isSelected: Ni
|
|
271
272
|
}
|
|
@@ -283,7 +284,7 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
283
284
|
tableActions: ei,
|
|
284
285
|
disableOptionsForRowIndex: H,
|
|
285
286
|
index: a,
|
|
286
|
-
showNewItem:
|
|
287
|
+
showNewItem: S,
|
|
287
288
|
currentData: f,
|
|
288
289
|
lastNonStickyColumnIndex: W,
|
|
289
290
|
getSumOfNextVisibleColumnWidth: ni,
|
|
@@ -291,42 +292,43 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
291
292
|
loadingExpand: yi,
|
|
292
293
|
cellRef: ti,
|
|
293
294
|
handleCellClick: li,
|
|
294
|
-
getFullRowDataOnClick:
|
|
295
|
-
handleCellValueChange:
|
|
295
|
+
getFullRowDataOnClick: m,
|
|
296
|
+
handleCellValueChange: E,
|
|
296
297
|
handleUpdateCellData: ai,
|
|
297
298
|
handleRowCancelEdit: j,
|
|
298
299
|
handleRowConfirmEdit: B,
|
|
299
300
|
registerValidation: p,
|
|
300
301
|
inlineEditing: oi,
|
|
301
|
-
isInlineEditing:
|
|
302
|
+
isInlineEditing: r,
|
|
302
303
|
setRowHovering: U,
|
|
303
304
|
highlightSubstring: Ri,
|
|
304
|
-
rowOptions:
|
|
305
|
+
rowOptions: x,
|
|
305
306
|
level: di,
|
|
306
|
-
isDraggingFile:
|
|
307
|
+
isDraggingFile: N,
|
|
307
308
|
isDraggingOver: P,
|
|
308
|
-
rowAdditionalActions:
|
|
309
|
+
rowAdditionalActions: ri,
|
|
309
310
|
hoverConfig: L,
|
|
310
311
|
isSelected: K
|
|
311
312
|
}) => {
|
|
312
313
|
const [A, O] = F(!1), {
|
|
313
|
-
getPendingEdit:
|
|
314
|
+
getPendingEdit: si,
|
|
314
315
|
hasPendingEdit: gi,
|
|
315
316
|
pendingEdits: z,
|
|
316
317
|
tableHeaders: l,
|
|
317
318
|
pendingEditsCount: c,
|
|
318
319
|
scrollToCell: ci
|
|
319
320
|
} = Pi(Bi), b = z?.[e.original.id] && Object.keys(z[e.original.id]).length > 0, Y = (c ?? 0) > 0, mi = Ci(() => {
|
|
320
|
-
if (Array.isArray(
|
|
321
|
-
if (typeof
|
|
322
|
-
const o =
|
|
321
|
+
if (Array.isArray(x)) return x;
|
|
322
|
+
if (typeof x == "function") {
|
|
323
|
+
const o = x({ ...e.original, rowIndex: a });
|
|
323
324
|
return Array.isArray(o) ? o : [];
|
|
324
325
|
}
|
|
325
326
|
return [];
|
|
326
|
-
}, [
|
|
327
|
-
|
|
328
|
-
"bg-
|
|
329
|
-
"bg-
|
|
327
|
+
}, [x, e.original, a]), u = e?.original?.__rowMetadata || e?.original?._meta, y = g !== e?.original?.id, q = !e?.original?.__isLoading, C = !!(u?.__is_new || u?.__is_added || e?.original?.is_added || f?.is_added || // _meta.is_added alone is not reliable — the API sends it on modified/deleted rows too; only is_new confirms "added".
|
|
328
|
+
u?.is_new), R = !!(e?.original?.is_deleted || u?.__is_deleted || f?.is_deleted || u?.is_deleted), k = !!(e?.original?.is_modified || e?.original?.is_row_modified || u?.__is_modified || u?.__is_edited || f?.is_row_modified || u?.is_modified) && !C, G = K && !r && g !== e?.original?.id ? "bg-primary-100 dark:bg-primary-950" : void 0, ui = Oi("pointer-events-none absolute left-0 top-0 bottom-0 w-[3px] z-40", {
|
|
329
|
+
"bg-success-400 dark:bg-success-500": C && q && y && !r,
|
|
330
|
+
"bg-error-400 dark:bg-error-500": R && q && y && !r,
|
|
331
|
+
"bg-warning-400 dark:bg-warning-500": k && q && y && !r
|
|
330
332
|
});
|
|
331
333
|
return /* @__PURE__ */ Di(
|
|
332
334
|
"div",
|
|
@@ -345,14 +347,14 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
345
347
|
tableHeaders: l,
|
|
346
348
|
rowHasPendingEdits: !!b,
|
|
347
349
|
rowHovering: g != null ? String(g) : void 0,
|
|
348
|
-
isInlineEditing:
|
|
350
|
+
isInlineEditing: r,
|
|
349
351
|
is_read: !!e.original.is_read,
|
|
350
352
|
is_modified: k,
|
|
351
353
|
is_row_modified: !!e.original.is_row_modified,
|
|
352
354
|
is_deleted: R,
|
|
353
355
|
is_added: C,
|
|
354
356
|
is_incomplete: e?.original?.status === "Incomplete",
|
|
355
|
-
showNewItem:
|
|
357
|
+
showNewItem: S,
|
|
356
358
|
onScrollToCell: ci
|
|
357
359
|
}
|
|
358
360
|
),
|
|
@@ -370,10 +372,10 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
370
372
|
is_modified: k,
|
|
371
373
|
is_read: !!e.original.is_read,
|
|
372
374
|
is_row_modified: !!e.original.is_row_modified,
|
|
373
|
-
showNewItem:
|
|
375
|
+
showNewItem: S,
|
|
374
376
|
currentData: f ?? {},
|
|
375
377
|
bgColor: e?.original?.__rowBgStatus ? vi[e?.original?.__rowBgStatus] : G,
|
|
376
|
-
isInlineEditing:
|
|
378
|
+
isInlineEditing: r,
|
|
377
379
|
hasPendingEditsColumn: Y,
|
|
378
380
|
rowHasPendingEdits: b
|
|
379
381
|
}
|
|
@@ -387,7 +389,7 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
387
389
|
index: a,
|
|
388
390
|
is_read: !!e?.original?.is_read,
|
|
389
391
|
is_incomplete: e?.original?.status === "Incomplete",
|
|
390
|
-
showNewItem: !!
|
|
392
|
+
showNewItem: !!S,
|
|
391
393
|
is_modified: k,
|
|
392
394
|
is_row_modified: !!e?.original?.is_row_modified,
|
|
393
395
|
is_deleted: R,
|
|
@@ -396,8 +398,8 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
396
398
|
rowData: e.original,
|
|
397
399
|
rowHovering: g,
|
|
398
400
|
isDisabled: !!e?.original?.__isLoading,
|
|
399
|
-
bgColor:
|
|
400
|
-
isInlineEditing:
|
|
401
|
+
bgColor: N ? "bg-primary-50" : e?.original?.__rowBgStatus ? vi[e?.original?.__rowBgStatus] : G,
|
|
402
|
+
isInlineEditing: r,
|
|
401
403
|
rowHasPendingEdits: b
|
|
402
404
|
}
|
|
403
405
|
) : null,
|
|
@@ -413,7 +415,7 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
413
415
|
const _i = v === W?.(), fi = v === (W?.() ?? -1) + 1, pi = o?.column?.sticky ? ni?.(v) ?? 0 : 0;
|
|
414
416
|
if (e.original?.__isLoading)
|
|
415
417
|
return /* @__PURE__ */ t(_e, { cell: o, id: v, nextWidthSum: pi, isLastCell: _i, rowHovering: g, index: v, isFirstStickyCell: fi }, v);
|
|
416
|
-
const V =
|
|
418
|
+
const V = si?.(String(e.original.id), o?.column?.key || ""), ki = gi?.(String(e.original.id), o?.column?.key || "");
|
|
417
419
|
return /* @__PURE__ */ t(
|
|
418
420
|
ue,
|
|
419
421
|
{
|
|
@@ -427,14 +429,14 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
427
429
|
cellRef: ti,
|
|
428
430
|
currentData: f,
|
|
429
431
|
handleCellClick: (T) => {
|
|
430
|
-
T && li(T,
|
|
432
|
+
T && li(T, m ? e.original : String(e.original.id), v, o?.column?.key || "");
|
|
431
433
|
},
|
|
432
|
-
handleCellValueChange:
|
|
434
|
+
handleCellValueChange: E,
|
|
433
435
|
handleUpdateCellData: ai,
|
|
434
436
|
registerValidation: p,
|
|
435
437
|
id: e.original.id,
|
|
436
438
|
inlineEditing: oi,
|
|
437
|
-
isInlineEditing:
|
|
439
|
+
isInlineEditing: r,
|
|
438
440
|
isLastCell: _i,
|
|
439
441
|
is_incomplete: e?.original?.status === "Incomplete",
|
|
440
442
|
is_added: C,
|
|
@@ -461,7 +463,7 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
461
463
|
]
|
|
462
464
|
}
|
|
463
465
|
),
|
|
464
|
-
(mi.length > 0 || !!
|
|
466
|
+
(mi.length > 0 || !!ri) && /* @__PURE__ */ t(
|
|
465
467
|
be,
|
|
466
468
|
{
|
|
467
469
|
rowId: e.original.id,
|
|
@@ -470,7 +472,7 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
470
472
|
rowHovering: g,
|
|
471
473
|
setRowHovering: U,
|
|
472
474
|
is_read: !!e.original.is_read,
|
|
473
|
-
showNewItem: !!
|
|
475
|
+
showNewItem: !!S,
|
|
474
476
|
is_modified: k,
|
|
475
477
|
is_row_modified: !!e.original.is_row_modified,
|
|
476
478
|
is_incomplete: e?.original?.status === "Incomplete",
|
|
@@ -478,11 +480,11 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
|
|
|
478
480
|
is_deleted: R,
|
|
479
481
|
is_added: C,
|
|
480
482
|
isDraggingOver: !!P,
|
|
481
|
-
rowAdditionalActions:
|
|
483
|
+
rowAdditionalActions: ri,
|
|
482
484
|
rowData: e.original,
|
|
483
485
|
index: a,
|
|
484
486
|
bgColor: e?.original?.__rowBgStatus ? vi[e?.original?.__rowBgStatus] : G,
|
|
485
|
-
isInlineEditing:
|
|
487
|
+
isInlineEditing: r,
|
|
486
488
|
onConfirmEdit: B,
|
|
487
489
|
onCancelEdit: j,
|
|
488
490
|
rowHasPendingEdits: b
|