@lax-wp/design-system 0.14.36 → 0.14.38
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/CellContextMenuPortal.cjs.js +1 -1
- package/dist/components/data-display/infinite-table/CellContextMenuPortal.cjs.js.map +1 -1
- package/dist/components/data-display/infinite-table/CellContextMenuPortal.d.ts +16 -1
- package/dist/components/data-display/infinite-table/CellContextMenuPortal.es.js +176 -124
- package/dist/components/data-display/infinite-table/CellContextMenuPortal.es.js.map +1 -1
- package/dist/components/data-display/infinite-table/body/cell/DataCell.cjs.js +1 -1
- package/dist/components/data-display/infinite-table/body/cell/DataCell.cjs.js.map +1 -1
- package/dist/components/data-display/infinite-table/body/cell/DataCell.es.js +125 -127
- package/dist/components/data-display/infinite-table/body/cell/DataCell.es.js.map +1 -1
- package/dist/components/data-display/infinite-table/copy-text.cjs.js +2 -0
- package/dist/components/data-display/infinite-table/copy-text.cjs.js.map +1 -0
- package/dist/components/data-display/infinite-table/copy-text.d.ts +13 -0
- package/dist/components/data-display/infinite-table/copy-text.es.js +56 -0
- package/dist/components/data-display/infinite-table/copy-text.es.js.map +1 -0
- package/dist/components/data-display/infinite-table/index.cjs.js +1 -1
- package/dist/components/data-display/infinite-table/index.cjs.js.map +1 -1
- package/dist/components/data-display/infinite-table/index.es.js +260 -255
- package/dist/components/data-display/infinite-table/index.es.js.map +1 -1
- package/dist/components/data-display/infinite-table/types.d.ts +5 -3
- package/package.json +1 -1
|
@@ -1,254 +1,252 @@
|
|
|
1
1
|
import { jsxs as $, jsx as r, Fragment as We } from "react/jsx-runtime";
|
|
2
2
|
import { useTheme as Ue } from "../../../../../hooks/useTheme.es.js";
|
|
3
|
-
import { formatDate as
|
|
3
|
+
import { formatDate as q, formatCurrency as de } from "../../../../../utils/formatters.es.js";
|
|
4
4
|
import { getTableRowBgClassNamesByStatus as Ye } from "../../../../../constants/table.es.js";
|
|
5
5
|
import { useTableConfig as Be } from "../../../../../providers/design-system-provider/hooks.es.js";
|
|
6
|
-
import
|
|
6
|
+
import J from "../../../../tooltip/Tooltip.es.js";
|
|
7
7
|
import { Typography as Ge } from "../../../typography/Typography.es.js";
|
|
8
8
|
import { OpenInNewRounded as He } from "@mui/icons-material";
|
|
9
9
|
import x from "../../../../../_virtual/index.es.js";
|
|
10
|
-
import g, { useContext as Xe, useCallback as C, useState as
|
|
10
|
+
import g, { useContext as Xe, useCallback as C, useState as D, useRef as Q, useEffect as v } from "react";
|
|
11
11
|
import { Link as qe } from "react-router-dom";
|
|
12
12
|
import { TableContext as Je } from "../../context.es.js";
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
import { getCellText as Qe } from "../../copy-text.es.js";
|
|
14
|
+
import { InlineEditField as Ze } from "./InlineEditField.es.js";
|
|
15
|
+
import { CELL_DEFAULT_RIGHT_OFFSET as Pe, CELL_INDENT_PER_LEVEL_PX as Z, CELL_STICKY_SHADOW_DARK as Ee, CELL_STICKY_SHADOW_LIGHT as eo } from "../../constants.es.js";
|
|
16
|
+
import { LoadingSpinnerIcon as P, KeyboardArrowDownIcon as oo, KeyboardArrowRightFilledIcon as to, LinkIcon as ro } from "../../../../icon/icons.generated.es.js";
|
|
17
|
+
let E;
|
|
18
|
+
const fe = (e) => {
|
|
18
19
|
const o = Number(e);
|
|
19
20
|
if (Number.isNaN(o) || e === null || e === void 0)
|
|
20
21
|
return "0ms";
|
|
21
22
|
if (o >= 864e5) {
|
|
22
|
-
const
|
|
23
|
-
return `${
|
|
23
|
+
const p = Math.floor(o / 864e5), d = Math.floor(o % 864e5 / 36e5), u = Math.floor(o % 36e5 / 6e4), h = Math.floor(o % 6e4 / 1e3);
|
|
24
|
+
return `${p}d ${d}h ${u}m ${h}s`;
|
|
24
25
|
}
|
|
25
26
|
if (o >= 36e5) {
|
|
26
|
-
const
|
|
27
|
-
return `${
|
|
27
|
+
const p = Math.floor(o / 36e5), d = Math.floor(o % 36e5 / 6e4), u = Math.floor(o % 6e4 / 1e3);
|
|
28
|
+
return `${p}h ${d}m ${u}s`;
|
|
28
29
|
}
|
|
29
30
|
if (o >= 6e4) {
|
|
30
|
-
const
|
|
31
|
-
return `${
|
|
31
|
+
const p = Math.floor(o / 6e4), d = Math.floor(o % 6e4 / 1e3);
|
|
32
|
+
return `${p}m ${d}s`;
|
|
32
33
|
}
|
|
33
34
|
return o >= 1e3 ? `${(o / 1e3).toFixed(2)}s` : `${o}ms`;
|
|
34
|
-
},
|
|
35
|
-
const i = (V) => ["string", "number", "boolean"].includes(typeof V), u = i(e) ? e : o;
|
|
36
|
-
return i(u) ? String(u) : (l?.querySelector("[data-cell-content]") ?? l)?.innerText?.trim() || "";
|
|
37
|
-
}, ao = ({ children: e, withLink: o, linkTo: l, rowData: i, disableRowClick: u }) => o && !u ? /* @__PURE__ */ r(qe, { to: l?.(i?.id, i) || "", children: e }) : e, no = ({
|
|
35
|
+
}, ao = ({ children: e, withLink: o, linkTo: p, rowData: d, disableRowClick: u }) => o && !u ? /* @__PURE__ */ r(qe, { to: p?.(d?.id, d) || "", children: e }) : e, no = ({
|
|
38
36
|
cell: e,
|
|
39
37
|
id: o,
|
|
40
|
-
nextWidthSum:
|
|
41
|
-
isLastCell:
|
|
38
|
+
nextWidthSum: p,
|
|
39
|
+
isLastCell: d,
|
|
42
40
|
rowHovering: u,
|
|
43
|
-
index:
|
|
44
|
-
isFirstStickyCell:
|
|
41
|
+
index: h,
|
|
42
|
+
isFirstStickyCell: pe,
|
|
45
43
|
handleCellClick: we,
|
|
46
44
|
currentData: y,
|
|
47
|
-
highlightSubstring:
|
|
45
|
+
highlightSubstring: S,
|
|
48
46
|
is_read: so,
|
|
49
|
-
is_modified:
|
|
50
|
-
is_row_modified:
|
|
51
|
-
is_deleted:
|
|
52
|
-
is_added:
|
|
47
|
+
is_modified: ee,
|
|
48
|
+
is_row_modified: oe,
|
|
49
|
+
is_deleted: R,
|
|
50
|
+
is_added: z,
|
|
53
51
|
level: b,
|
|
54
52
|
inlineEditing: k,
|
|
55
|
-
isInlineEditing:
|
|
53
|
+
isInlineEditing: l,
|
|
56
54
|
setRowHovering: O,
|
|
57
55
|
handleCellValueChange: he,
|
|
58
56
|
cellRef: ye,
|
|
59
57
|
handleUpdateCellData: be,
|
|
60
58
|
registerValidation: ve,
|
|
61
59
|
loadingExpand: ke,
|
|
62
|
-
toggleRowExpand:
|
|
60
|
+
toggleRowExpand: te,
|
|
63
61
|
isDraggingOver: xe,
|
|
64
|
-
isLoading:
|
|
65
|
-
is_incomplete:
|
|
62
|
+
isLoading: V,
|
|
63
|
+
is_incomplete: re,
|
|
66
64
|
pendingEdit: s,
|
|
67
|
-
hasPendingEdit:
|
|
65
|
+
hasPendingEdit: i,
|
|
68
66
|
pendingValidationError: Te
|
|
69
67
|
}) => {
|
|
70
68
|
const {
|
|
71
|
-
cascadingTableConfig:
|
|
69
|
+
cascadingTableConfig: ae,
|
|
72
70
|
originalsOnly: Ce,
|
|
73
71
|
maxLevel: ge,
|
|
74
72
|
showNewItem: uo,
|
|
75
73
|
expandedRows: _e,
|
|
76
|
-
rowLinkConfig:
|
|
74
|
+
rowLinkConfig: F,
|
|
77
75
|
multiSelectConfig: Ne,
|
|
78
|
-
cellEditing:
|
|
79
|
-
cellEditingValue:
|
|
80
|
-
allowInlineEdit:
|
|
76
|
+
cellEditing: K,
|
|
77
|
+
cellEditingValue: A,
|
|
78
|
+
allowInlineEdit: ne,
|
|
81
79
|
fieldOperationLoading: Le,
|
|
82
80
|
pendingEdits: Me,
|
|
83
|
-
selectedRowId:
|
|
84
|
-
cellContextMenuConfig:
|
|
85
|
-
openCellContextMenu:
|
|
86
|
-
} = Xe(Je), $e =
|
|
87
|
-
e?.column?.dataType === "duration" && e?.value ? _ ? _(e.value) :
|
|
88
|
-
), [
|
|
81
|
+
selectedRowId: j,
|
|
82
|
+
cellContextMenuConfig: W,
|
|
83
|
+
openCellContextMenu: U
|
|
84
|
+
} = Xe(Je), $e = j != null && String(j) === String(o), De = Be(), Y = (e?.column?.key ? e?.row?.original?.__cellMetadata?.[e.column.key] : void 0)?.is_locked ?? e?.column?.is_locked, B = (e?.column?.key ? Me?.[o]?.[e.column.key]?.validationError : null) || Te || null, I = k === e.column.key && e?.column?.canEdit && !Y && !e?.column?.is_disabled, Se = Le === `${o}-${e?.column?.id}`, { theme: Oe } = Ue(), Ve = Oe === "dark", Ie = C(() => O(o), [O, o]), Re = C(() => O(null), [O]), _ = De?.formatDuration, [n, f] = D(
|
|
85
|
+
e?.column?.dataType === "duration" && e?.value ? _ ? _(e.value) : fe(e.value) : e.value
|
|
86
|
+
), [w, se] = D(null), [G, ze] = D(!1), [Fe, ue] = D(!1), [Ke, ie] = D(!1), N = Q(null), L = Q(), M = Q(), { selectedColumnIds: le = [] } = Ne || {}, ce = !Object.prototype.hasOwnProperty.call(e?.column?.meta ?? {}, "shouldHighlight") || e?.column?.meta?.shouldHighlight, me = C(() => {
|
|
89
87
|
N.current && ze(N.current.scrollWidth > N.current.clientWidth);
|
|
88
|
+
}, []), H = C((t) => {
|
|
89
|
+
L.current && clearTimeout(L.current), t ? ue(!0) : L.current = setTimeout(() => ue(!1), 200);
|
|
90
90
|
}, []), X = C((t) => {
|
|
91
|
-
|
|
92
|
-
}, []), q = C((t) => {
|
|
93
|
-
M.current && clearTimeout(M.current), t ? le(!0) : M.current = setTimeout(() => le(!1), 200);
|
|
91
|
+
M.current && clearTimeout(M.current), t ? ie(!0) : M.current = setTimeout(() => ie(!1), 200);
|
|
94
92
|
}, []), T = x({
|
|
95
|
-
"bg-amber-100 dark:bg-amber-900/30":
|
|
96
|
-
"bg-neutral-100 dark:bg-black-600": u === o && !
|
|
97
|
-
"bg-error-200 dark:bg-error-900": u === o && !
|
|
98
|
-
"bg-success-100 dark:bg-success-800": u === o && !
|
|
99
|
-
"bg-warning-100 dark:bg-warning-950": u === o && !
|
|
93
|
+
"bg-amber-100 dark:bg-amber-900/30": i,
|
|
94
|
+
"bg-neutral-100 dark:bg-black-600": u === o && !l && !i && !(R || y?.is_deleted) && !(z || y?.is_added),
|
|
95
|
+
"bg-error-200 dark:bg-error-900": u === o && !l && !i && (R || y?.is_deleted),
|
|
96
|
+
"bg-success-100 dark:bg-success-800": u === o && !l && !i && (z || y?.is_added),
|
|
97
|
+
"bg-warning-100 dark:bg-warning-950": u === o && !l && !i && (re || ee || oe || y?.is_row_modified),
|
|
100
98
|
// 'bg-primary-50 dark:bg-black-700': !is_incomplete && !is_read && showNewItem && !isLoading && rowHovering !== id && !isInlineEditing && !hasPendingEdit,
|
|
101
|
-
"bg-warning-50 dark:bg-orange-900": (
|
|
102
|
-
"bg-error-100 dark:bg-error-975": (
|
|
103
|
-
"bg-success-50 dark:bg-success-900": (
|
|
104
|
-
"bg-primary-50 dark:bg-primary-900": (xe ||
|
|
105
|
-
"bg-primary-50 dark:bg-primary-800":
|
|
106
|
-
"bg-primary-50 dark:bg-primary-700": $e && u !== o && !
|
|
107
|
-
[Ye[e?.row?.original?.__rowBgStatus]]: e?.row?.original?.__rowBgStatus && !
|
|
99
|
+
"bg-warning-50 dark:bg-orange-900": (re || ee || oe || y?.is_row_modified) && !V && u !== o && !l && !i,
|
|
100
|
+
"bg-error-100 dark:bg-error-975": (R || y?.is_deleted) && !V && u !== o && !l && !i,
|
|
101
|
+
"bg-success-50 dark:bg-success-900": (z || y?.is_added) && !V && u !== o && !l && !i,
|
|
102
|
+
"bg-primary-50 dark:bg-primary-900": (xe || l) && !i,
|
|
103
|
+
"bg-primary-50 dark:bg-primary-800": le?.includes(e.column.id) && !l && !i,
|
|
104
|
+
"bg-primary-50 dark:bg-primary-700": $e && u !== o && !l && !i && !V,
|
|
105
|
+
[Ye[e?.row?.original?.__rowBgStatus]]: e?.row?.original?.__rowBgStatus && !l && !i
|
|
108
106
|
}), Ae = (t) => {
|
|
109
107
|
e.column?.disableRowClick || we(t);
|
|
110
108
|
}, je = C((t) => {
|
|
111
|
-
if (
|
|
109
|
+
if (W?.isEnabled === !1 || !U || I) return;
|
|
112
110
|
const a = {
|
|
113
111
|
rowId: o,
|
|
114
112
|
rowData: e?.row?.original ?? {},
|
|
115
113
|
columnKey: e?.column?.key ?? "",
|
|
116
114
|
column: e.column,
|
|
117
115
|
value: e?.value,
|
|
118
|
-
text:
|
|
116
|
+
text: Qe(n, e?.value, t.currentTarget),
|
|
119
117
|
cell: e
|
|
120
118
|
};
|
|
121
|
-
|
|
122
|
-
}, [
|
|
123
|
-
v(() => (e?.row?.original?.status === "running" && e.column?.dataType === "duration" && (
|
|
124
|
-
const a = new Date(
|
|
125
|
-
|
|
119
|
+
W?.isDisabledForCell?.(a) || (t.preventDefault(), t.stopPropagation(), U({ x: t.clientX, y: t.clientY, target: a }));
|
|
120
|
+
}, [W, U, I, o, e, n]);
|
|
121
|
+
v(() => (e?.row?.original?.status === "running" && e.column?.dataType === "duration" && (E = setInterval(() => {
|
|
122
|
+
const a = new Date(q(e?.row?.original?.created_at || e?.row?.original?.executed_on, { withTime: !0, format: "yyyy-MM-dd HH:mm:ss" })), m = Math.abs((/* @__PURE__ */ new Date()).getTime() - new Date(a).getTime());
|
|
123
|
+
f(_ ? _(m) : fe(m));
|
|
126
124
|
}, 500)), () => {
|
|
127
|
-
|
|
125
|
+
E && clearInterval(E);
|
|
128
126
|
}), [n, e.value, e?.row?.original?.created_at, e?.row?.original?.executed_on, e?.row?.original?.status, e.column?.dataType, _]), v(() => {
|
|
129
|
-
(e?.column?.tooltipCellKey || e?.column?.type?.toLowerCase() === "url") && (e?.column?.type?.toLowerCase() === "url" ?
|
|
127
|
+
(e?.column?.tooltipCellKey || e?.column?.type?.toLowerCase() === "url") && (e?.column?.type?.toLowerCase() === "url" ? se(e?.value) : se(e?.row?.original?.[String(e?.column?.tooltipCellKey)]));
|
|
130
128
|
}, [e?.column?.tooltipCellKey, e?.row?.original, e?.column?.type, e?.value]), v(() => {
|
|
131
129
|
if (e?.column?.type?.toLowerCase() === "currency")
|
|
132
130
|
if (s?.value !== void 0) {
|
|
133
|
-
const t = e?.row?.original?.__rawData, a = e?.column?.Header,
|
|
134
|
-
|
|
131
|
+
const t = e?.row?.original?.__rawData, a = e?.column?.Header, m = s?.meta?.currency_code || t?.[a]?.currency_code || "USD";
|
|
132
|
+
f(de(s.value, m));
|
|
135
133
|
} else {
|
|
136
134
|
const t = e?.row?.original?.__rawData, a = e?.column?.Header;
|
|
137
|
-
|
|
135
|
+
f(de(e?.value, t?.[a]?.currency_code || "USD"));
|
|
138
136
|
}
|
|
139
137
|
}, [e?.value, e?.column?.type, e?.column?.Header, e?.row?.original?.__rawData, s?.value, s?.meta?.currency_code]), v(() => {
|
|
140
|
-
e?.column?.type?.toLowerCase() === "percentage" && (s?.value !== void 0 ?
|
|
138
|
+
e?.column?.type?.toLowerCase() === "percentage" && (s?.value !== void 0 ? f(s.value?.toString() + "%" || "") : f(e?.value?.toString() + "%" || ""));
|
|
141
139
|
}, [e?.value, e?.column?.type, s?.value]), v(() => {
|
|
142
140
|
const t = e?.column?.type?.toLowerCase() || "";
|
|
143
141
|
if (["date", "datetime"].includes(t))
|
|
144
142
|
if (s?.value !== void 0) {
|
|
145
|
-
const a = t === "datetime",
|
|
146
|
-
|
|
147
|
-
} else
|
|
143
|
+
const a = t === "datetime", m = q(s.value, { withTime: a, skipTimezone: !0 });
|
|
144
|
+
f(m || s.value);
|
|
145
|
+
} else f(e.value);
|
|
148
146
|
}, [e?.value, e?.column?.type, s?.value]), v(() => {
|
|
149
147
|
const t = e?.column?.type?.toLowerCase() || "";
|
|
150
|
-
["currency", "percentage", "duration", "boolean", "date", "datetime"].includes(t) || (s?.value !== void 0 ?
|
|
148
|
+
["currency", "percentage", "duration", "boolean", "date", "datetime"].includes(t) || (s?.value !== void 0 ? f(s.value) : e?.column?.dataType !== "duration" && f(e.value));
|
|
151
149
|
}, [e?.value, e?.column?.type, e?.column?.dataType, s?.value]), v(() => {
|
|
152
|
-
if (e?.column?.type?.toLowerCase() === "boolean" &&
|
|
150
|
+
if (e?.column?.type?.toLowerCase() === "boolean" && ne) {
|
|
153
151
|
const t = s?.value !== void 0 ? s.value : e?.value;
|
|
154
|
-
|
|
152
|
+
f(t === !0 || t === "true" || t === "True" || t === "Yes" || t === 1 ? "Yes" : "No");
|
|
155
153
|
}
|
|
156
|
-
}, [e?.value, e?.column?.type,
|
|
154
|
+
}, [e?.value, e?.column?.type, ne, s?.value]), v(() => () => {
|
|
157
155
|
L.current && clearTimeout(L.current), M.current && clearTimeout(M.current);
|
|
158
156
|
}, []);
|
|
159
|
-
const
|
|
157
|
+
const c = g.isValidElement(n);
|
|
160
158
|
return /* @__PURE__ */ $(
|
|
161
159
|
"td",
|
|
162
160
|
{
|
|
163
161
|
id: e.value,
|
|
164
162
|
"data-column-key": e?.column?.key,
|
|
165
163
|
...e.getCellProps(),
|
|
166
|
-
onClick:
|
|
164
|
+
onClick: F?.isEnabled ? void 0 : Ae,
|
|
167
165
|
className: x(
|
|
168
166
|
"h-row",
|
|
169
167
|
{
|
|
170
168
|
"sticky left-0": e?.column?.sticky,
|
|
171
169
|
relative: !e?.column?.sticky,
|
|
172
|
-
"w-full":
|
|
170
|
+
"w-full": d,
|
|
173
171
|
"overflow-visible": k === e.column.key,
|
|
174
172
|
/** Chips/badges: avoid vertical clip from overflow-x-hidden + truncate (see isUiElementCell branch below) */
|
|
175
|
-
"overflow-x-hidden overflow-y-visible": k !== e.column.key &&
|
|
176
|
-
"overflow-hidden": k !== e.column.key && !
|
|
173
|
+
"overflow-x-hidden overflow-y-visible": k !== e.column.key && c,
|
|
174
|
+
"overflow-hidden": k !== e.column.key && !c
|
|
177
175
|
},
|
|
178
|
-
|
|
176
|
+
B && !I ? "outline outline-2 outline-error-500 -outline-offset-2 z-[5]" : "",
|
|
179
177
|
`${T || "bg-white dark:bg-black-800"}`
|
|
180
178
|
),
|
|
181
|
-
style: { minWidth: `${e.column.width}px`, maxWidth: `${e.column.width}px`, right: e?.column?.sticky ? `${
|
|
182
|
-
onMouseEnter:
|
|
183
|
-
onMouseLeave:
|
|
179
|
+
style: { minWidth: `${e.column.width}px`, maxWidth: `${e.column.width}px`, right: e?.column?.sticky ? `${p}px` : Pe, paddingLeft: b > 0 && h === 0 ? `${b * Z}px` : void 0 },
|
|
180
|
+
onMouseEnter: Ie,
|
|
181
|
+
onMouseLeave: Re,
|
|
184
182
|
onContextMenu: je,
|
|
185
183
|
children: [
|
|
186
|
-
/* @__PURE__ */ r(ao, { withLink:
|
|
184
|
+
/* @__PURE__ */ r(ao, { withLink: F?.isEnabled, linkTo: F?.linkTo || void 0, rowData: e?.row?.original, disableRowClick: e?.column?.disableRowClick, children: (Array.isArray(K) ? K.includes(`${o}-${e?.column?.id}`) : K === `${o}-${e?.column?.id}`) ? /* @__PURE__ */ $("div", { className: "h-row top-0 font-medium font-inter w-full absolute flex items-center px-4", children: [
|
|
187
185
|
/* @__PURE__ */ r("span", { className: "text-neutral-400 dark:text-black-400 truncate", children: (() => {
|
|
188
|
-
const t = `${o}-${e?.column?.id}`, a = typeof
|
|
189
|
-
return
|
|
186
|
+
const t = `${o}-${e?.column?.id}`, a = typeof A == "object" ? A?.[t] : A, m = e?.column?.type?.toLowerCase();
|
|
187
|
+
return m === "boolean" ? a === !0 || a === "true" || a === "True" ? "Yes" : "No" : (m === "date" || m === "datetime") && a ? q(a, { withTime: m === "datetime", skipTimezone: !0 }) || String(a) : a != null ? String(a) : n;
|
|
190
188
|
})() }),
|
|
191
|
-
/* @__PURE__ */ r("div", { className: "ml-2 flex items-center gap-1.5", children: /* @__PURE__ */ r(
|
|
192
|
-
] }) : k === e.column.key && e?.column?.canEdit && !
|
|
193
|
-
b > 0 &&
|
|
189
|
+
/* @__PURE__ */ r("div", { className: "ml-2 flex items-center gap-1.5", children: /* @__PURE__ */ r(P, { className: "spinner text-neutral-600 dark:text-white", size: 12 }) })
|
|
190
|
+
] }) : k === e.column.key && e?.column?.canEdit && !Y && !e?.column?.is_disabled ? /* @__PURE__ */ r("div", { className: "h-row w-full absolute top-0 left-0 flex items-center", style: { marginLeft: b > 0 && h === 0 ? `-${b * Z}px` : void 0, width: b > 0 && h === 0 ? `calc(100% + ${b * Z}px)` : "100%" }, children: /* @__PURE__ */ r(Ze, { cell: e, id: o, inlineEditing: k, cellRef: ye, handleCellValueChange: he, handleUpdateCellData: be, registerValidation: ve }) }) : /* @__PURE__ */ $(We, { children: [
|
|
191
|
+
b > 0 && h === 0 && /* @__PURE__ */ r("div", { className: "h-row border-l border-neutral-300 dark:border-black-600 ml-2" }),
|
|
194
192
|
/* @__PURE__ */ r("div", { className: "min-h-6", children: /* @__PURE__ */ r(
|
|
195
|
-
|
|
193
|
+
J,
|
|
196
194
|
{
|
|
197
|
-
title:
|
|
198
|
-
hideTooltip: !
|
|
195
|
+
title: w && e?.column?.type?.toLowerCase() !== "url" ? w : void 0,
|
|
196
|
+
hideTooltip: !w || e?.column?.type?.toLowerCase() === "url",
|
|
199
197
|
delayShow: !0,
|
|
200
198
|
placement: "top",
|
|
201
199
|
children: /* @__PURE__ */ $(
|
|
202
200
|
"div",
|
|
203
201
|
{
|
|
204
|
-
className: x(`h-row top-0 font-medium font-inter overflow-index-auto whitespace-nowrap text-ellipsis dark:text-black-200 w-full absolute flex items-center ${T || "bg-white dark:bg-black-800"}`,
|
|
205
|
-
style: e?.column?.sticky &&
|
|
202
|
+
className: x(`h-row top-0 font-medium font-inter overflow-index-auto whitespace-nowrap text-ellipsis dark:text-black-200 w-full absolute flex items-center ${T || "bg-white dark:bg-black-800"}`, c ? "overflow-x-hidden overflow-y-visible" : "overflow-x-hidden", { "border border-b-0 border-t-0 border-primary-600 dark:border-blue-800": le?.includes(e.column.id) }),
|
|
203
|
+
style: e?.column?.sticky && pe ? { boxShadow: Ve ? Ee : eo } : {},
|
|
206
204
|
children: [
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
} }) : /* @__PURE__ */ r(
|
|
210
|
-
|
|
205
|
+
ae?.isCascading && !Ce && h === 0 && /* @__PURE__ */ r("div", { className: x("w-[22px] h-row flex items-center px-4", `${T || "bg-white dark:bg-black-800"}`), id: "cascading", children: ge > b && (e?.row?.original?.__has_children || ae?.showAllDropdown) && /* @__PURE__ */ r("div", { children: ke ? /* @__PURE__ */ r(P, { className: "text-neutral-600 dark:text-white", size: 8 }) : /* @__PURE__ */ r("div", { children: _e?.[o]?.isOpen ? /* @__PURE__ */ r(oo, { size: 20, className: "text-neutral-400 dark:text-neutral-400", onClick: (t) => {
|
|
206
|
+
te(), t.stopPropagation();
|
|
207
|
+
} }) : /* @__PURE__ */ r(to, { size: 20, className: "text-neutral-400 dark:text-neutral-400", onClick: (t) => {
|
|
208
|
+
te(), t.stopPropagation();
|
|
211
209
|
} }) }) }) }),
|
|
212
|
-
e?.column?.type?.toLowerCase() === "url" &&
|
|
213
|
-
|
|
210
|
+
e?.column?.type?.toLowerCase() === "url" && w ? /* @__PURE__ */ r(
|
|
211
|
+
J,
|
|
214
212
|
{
|
|
215
|
-
title: /* @__PURE__ */ r("div", { onMouseEnter: () =>
|
|
216
|
-
/* @__PURE__ */ r("div", { className: "w-4 h-4", children: /* @__PURE__ */ r(
|
|
217
|
-
/* @__PURE__ */ r(Ge, { variant: "medium", size: "small", className: "truncate", appearance: "custom", children:
|
|
213
|
+
title: /* @__PURE__ */ r("div", { onMouseEnter: () => H(!0), onMouseLeave: () => H(!1), children: /* @__PURE__ */ r("a", { href: w, target: "_blank", rel: "noopener noreferrer", onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ $("div", { className: "flex gap-1 items-center w-full", children: [
|
|
214
|
+
/* @__PURE__ */ r("div", { className: "w-4 h-4", children: /* @__PURE__ */ r(ro, { height: 16, width: 16 }) }),
|
|
215
|
+
/* @__PURE__ */ r(Ge, { variant: "medium", size: "small", className: "truncate", appearance: "custom", children: w }),
|
|
218
216
|
/* @__PURE__ */ r(He, { sx: { height: "16px", width: "16px", color: "#016DCF" } })
|
|
219
217
|
] }) }) }),
|
|
220
218
|
placement: "top",
|
|
221
219
|
open: Fe,
|
|
222
|
-
onOpenChange:
|
|
220
|
+
onOpenChange: H,
|
|
223
221
|
className: "block w-full min-w-0 overflow-hidden",
|
|
224
|
-
children: /* @__PURE__ */ r("div", { className: "w-full h-row flex items-center px-4 min-w-0 overflow-hidden text-primary-400", children: /* @__PURE__ */ r("span", { ref: N, "data-cell-content": !0, onMouseEnter:
|
|
222
|
+
children: /* @__PURE__ */ r("div", { className: "w-full h-row flex items-center px-4 min-w-0 overflow-hidden text-primary-400", children: /* @__PURE__ */ r("span", { ref: N, "data-cell-content": !0, onMouseEnter: me, className: "truncate w-full", children: S && ce && !g.isValidElement(n) && typeof n != "object" ? S(n) : n }) })
|
|
225
223
|
}
|
|
226
224
|
) : /* @__PURE__ */ r(
|
|
227
|
-
|
|
225
|
+
J,
|
|
228
226
|
{
|
|
229
|
-
title:
|
|
227
|
+
title: G && n && !c ? /* @__PURE__ */ r(
|
|
230
228
|
"div",
|
|
231
229
|
{
|
|
232
|
-
onMouseEnter: () =>
|
|
233
|
-
onMouseLeave: () =>
|
|
230
|
+
onMouseEnter: () => X(!0),
|
|
231
|
+
onMouseLeave: () => X(!1),
|
|
234
232
|
className: "max-h-96 overflow-y-auto whitespace-pre-wrap break-words no-scroll",
|
|
235
233
|
children: String(n)
|
|
236
234
|
}
|
|
237
235
|
) : void 0,
|
|
238
236
|
placement: "top",
|
|
239
237
|
delayShow: !0,
|
|
240
|
-
hideTooltip: !!
|
|
241
|
-
open:
|
|
242
|
-
onOpenChange:
|
|
243
|
-
className: x("block w-full min-w-0",
|
|
244
|
-
children: /* @__PURE__ */ r("div", { className: x("w-full h-row flex items-center px-4 min-w-0",
|
|
238
|
+
hideTooltip: !!w,
|
|
239
|
+
open: G && !w && !c ? Ke : void 0,
|
|
240
|
+
onOpenChange: G && !w && !c ? X : void 0,
|
|
241
|
+
className: x("block w-full min-w-0", c ? "overflow-x-hidden overflow-y-visible" : "overflow-hidden"),
|
|
242
|
+
children: /* @__PURE__ */ r("div", { className: x("w-full h-row flex items-center px-4 min-w-0", c ? "overflow-x-hidden overflow-y-visible" : "overflow-hidden"), children: /* @__PURE__ */ r(
|
|
245
243
|
"span",
|
|
246
244
|
{
|
|
247
|
-
ref:
|
|
245
|
+
ref: c ? void 0 : N,
|
|
248
246
|
"data-cell-content": !0,
|
|
249
|
-
onMouseEnter:
|
|
250
|
-
className: x(
|
|
251
|
-
children:
|
|
247
|
+
onMouseEnter: c ? void 0 : me,
|
|
248
|
+
className: x(c ? "flex min-w-0 max-w-full items-center justify-start gap-1" : "truncate w-full"),
|
|
249
|
+
children: S && ce && !g.isValidElement(n) && typeof n != "object" ? S(n) : g.isValidElement(n) ? typeof n.type == "string" ? n : g.cloneElement(n, {
|
|
252
250
|
...n.props,
|
|
253
251
|
containerWidth: e.column.width
|
|
254
252
|
}) : n
|
|
@@ -262,14 +260,14 @@ const pe = (e) => {
|
|
|
262
260
|
}
|
|
263
261
|
) })
|
|
264
262
|
] }) }),
|
|
265
|
-
|
|
266
|
-
|
|
263
|
+
B && !I && /* @__PURE__ */ r("div", { className: "absolute bottom-0 left-0 right-0 h-row flex items-end pointer-events-none z-[5]", children: /* @__PURE__ */ r("div", { className: "w-full bg-error-50 dark:bg-error-975 px-1.5 py-0.5 truncate", children: /* @__PURE__ */ r("span", { className: "text-error-600 text-2xs font-medium leading-none", children: B }) }) }),
|
|
264
|
+
Se && !(k === e.column.key && e?.column?.canEdit && !Y && !e?.column?.is_disabled) && /* @__PURE__ */ r("div", { className: "absolute top-0 right-0 bg-white dark:bg-black-800 rounded-full w-5 h-5 flex items-center justify-center border border-primary-300 dark:border-primary-600 shadow-sm z-10", children: /* @__PURE__ */ r(P, { className: "text-primary-600 dark:text-white", size: 8 }) })
|
|
267
265
|
]
|
|
268
266
|
},
|
|
269
|
-
|
|
267
|
+
h
|
|
270
268
|
);
|
|
271
|
-
},
|
|
269
|
+
}, Lo = g.memo(no);
|
|
272
270
|
export {
|
|
273
|
-
|
|
271
|
+
Lo as DataCell
|
|
274
272
|
};
|
|
275
273
|
//# sourceMappingURL=DataCell.es.js.map
|