@declarion/react 0.6.6 → 0.6.7

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.
Files changed (48) hide show
  1. package/dist-lib/DraggableChildrenTable-CdzxxoTe.js +259 -0
  2. package/dist-lib/Grid-Cwxca9aO.js +0 -2
  3. package/dist-lib/JsonEditor-KelPV-OQ.js +0 -2
  4. package/dist-lib/MarkdownRenderer-Dbl3AFDQ.js +0 -2
  5. package/dist-lib/api/data.d.ts +1 -1
  6. package/dist-lib/components/detail-layout/DetailAuditStrip.d.ts +2 -2
  7. package/dist-lib/components/detail-layout/DetailHighlights.d.ts +2 -2
  8. package/dist-lib/components/detail-layout/DraggableChildrenTable.d.ts +2 -2
  9. package/dist-lib/components/detail-layout/EditableChildrenTable.d.ts +2 -2
  10. package/dist-lib/components/detail-layout/LayoutRenderer.d.ts +2 -2
  11. package/dist-lib/components/fields/cells/registry.d.ts +4 -4
  12. package/dist-lib/components/fields/index.d.ts +3 -3
  13. package/dist-lib/components/file-widgets/host.d.ts +2 -2
  14. package/dist-lib/components/filters/FilterDrawer.d.ts +1 -1
  15. package/dist-lib/components/list/PeekFieldCell.d.ts +2 -2
  16. package/dist-lib/components/list/QuickPeek.d.ts +2 -2
  17. package/dist-lib/components/mass-edit/PropertyGridEditor.d.ts +1 -1
  18. package/dist-lib/components/pages/SmartListPage.d.ts +1 -25
  19. package/dist-lib/components/pages/list/DataCell.d.ts +1 -2
  20. package/dist-lib/components/pages/list/columns.d.ts +3 -3
  21. package/dist-lib/components/primitives/index.d.ts +0 -1
  22. package/dist-lib/components/shared/ActionRunner.d.ts +3 -2
  23. package/dist-lib/components/shared/Breadcrumbs.d.ts +1 -1
  24. package/dist-lib/{dataTableStyles-BwnbXviH.js → dataTableStyles-zH3M7xdm.js} +765 -793
  25. package/dist-lib/index.d.ts +1 -6
  26. package/dist-lib/index.js +2844 -3271
  27. package/dist-lib/lib/display-value.d.ts +1 -0
  28. package/dist-lib/lib/filters.d.ts +0 -4
  29. package/dist-lib/lib/timestamp.d.ts +16 -3
  30. package/dist-lib/rich-text-CJpzFOG5.js +0 -2
  31. package/dist-lib/types/api.d.ts +10 -3
  32. package/dist-lib/value-CrpaObP_.js +0 -2
  33. package/dist-lib/vite/index.js +0 -2
  34. package/package.json +4 -2
  35. package/dist-lib/DraggableChildrenTable-DhcSXQfV.js +0 -261
  36. package/dist-lib/DraggableChildrenTable-DhcSXQfV.js.map +0 -1
  37. package/dist-lib/Grid-Cwxca9aO.js.map +0 -1
  38. package/dist-lib/JsonEditor-KelPV-OQ.js.map +0 -1
  39. package/dist-lib/MarkdownRenderer-Dbl3AFDQ.js.map +0 -1
  40. package/dist-lib/components/list/BulkBar.d.ts +0 -18
  41. package/dist-lib/components/list/ListPage.d.ts +0 -34
  42. package/dist-lib/components/list/resolveActions.d.ts +0 -53
  43. package/dist-lib/components/primitives/cx.d.ts +0 -1
  44. package/dist-lib/dataTableStyles-BwnbXviH.js.map +0 -1
  45. package/dist-lib/index.js.map +0 -1
  46. package/dist-lib/rich-text-CJpzFOG5.js.map +0 -1
  47. package/dist-lib/value-CrpaObP_.js.map +0 -1
  48. package/dist-lib/vite/index.js.map +0 -1
@@ -0,0 +1 @@
1
+ export declare function coerceDisplayString(value: unknown): string;
@@ -1,7 +1,3 @@
1
- /**
2
- * Filter system types and utilities.
3
- * One JSON format everywhere: API, URL, DB, frontend state.
4
- */
5
1
  /** A single node in the recursive filter tree. */
6
2
  export interface FilterNode {
7
3
  /** Field condition */
@@ -12,10 +12,23 @@
12
12
  export declare function formatWireDateTime(date?: Date): string;
13
13
  /**
14
14
  * Format an offset-aware timestamp string (e.g. "2026-03-27T14:30:00+03:00")
15
- * for display WITHOUT browser-local timezone conversion. The server returns
16
- * timestamps already converted to the target timezone - we display as-is.
15
+ * for display WITHOUT browser-local timezone conversion, applying the given
16
+ * Intl options. The server returns timestamps already converted to the target
17
+ * timezone - we display the wall-clock as-is:
18
+ * - "...Z" -> rendered in the UTC zone.
19
+ * - whole-hour offset -> rendered in the matching `Etc/GMT±h` zone.
20
+ * - fractional offset (e.g. +05:30) -> the instant is shifted by the offset
21
+ * and rendered in UTC (no IANA zone exists for a bare fractional offset).
22
+ * - bare datetime -> browser-local.
23
+ * - unparseable input -> the raw string, unchanged.
17
24
  *
18
- * Falls back to browser-local formatting for bare datetime strings.
25
+ * Single source of the offset-resolution algorithm; callers (`formatOffsetTimestamp`
26
+ * here, `TimestampField`'s display formatter) differ ONLY in the Intl options.
27
+ */
28
+ export declare function formatInOffsetZone(raw: string, options: Intl.DateTimeFormatOptions): string;
29
+ /**
30
+ * Format an offset-aware timestamp for display (medium date + short time)
31
+ * WITHOUT browser-local conversion. Thin wrapper over `formatInOffsetZone`.
19
32
  */
20
33
  export declare function formatOffsetTimestamp(raw: string): string;
21
34
  /**
@@ -44,5 +44,3 @@ function l(e) {
44
44
  }
45
45
  //#endregion
46
46
  export { c as a, t as i, s as n, r as o, o as r, i as s, n as t };
47
-
48
- //# sourceMappingURL=rich-text-CJpzFOG5.js.map
@@ -26,7 +26,7 @@ export interface ListMeta {
26
26
  export interface ListResponse<T = Record<string, unknown>> {
27
27
  data: T[];
28
28
  meta: ListMeta;
29
- $refs?: Record<string, Record<string, Record<string, unknown>>>;
29
+ $refs?: Refs;
30
30
  }
31
31
  export interface DataResponse<T = Record<string, unknown>> {
32
32
  data: T;
@@ -71,7 +71,7 @@ export declare const CURSOR_LOCALE_CHANGED = "cursor_locale_changed";
71
71
  /** True if the error is a recoverable cursor-stale signal that warrants
72
72
  * refetching page 1 instead of surfacing to the user. */
73
73
  export declare function isCursorStaleError(err: unknown): boolean;
74
- export type TenantEnv = "production" | "staging" | "dev" | string;
74
+ export type TenantEnv = "production" | "staging" | "dev" | (string & {});
75
75
  export interface Tenant {
76
76
  id: string;
77
77
  code: string;
@@ -319,8 +319,15 @@ export interface V2ListParams {
319
319
  }
320
320
  /** Per-field resolved display unit codes. */
321
321
  export type Units = Record<string, string>;
322
+ /**
323
+ * A raw entity row: an untyped bag of field values keyed by field code. The
324
+ * single canonical alias for `Record<string, unknown>` rows - import this
325
+ * instead of re-declaring a local `RowData`/`RowData`. `EnrichedRow` is the
326
+ * same bag plus typed `$`-prefixed sub-resources.
327
+ */
328
+ export type RowData = Record<string, unknown>;
322
329
  /** A row enriched with $-prefixed sub-resources (as returned by Get or write responses). */
323
- export interface EnrichedRow extends Record<string, unknown> {
330
+ export interface EnrichedRow extends RowData {
324
331
  $refs?: Refs;
325
332
  $files?: Record<string, HydratedFile | HydratedFile[] | null>;
326
333
  $statuses?: V2StatusInstance[];
@@ -772,5 +772,3 @@ function st(e) {
772
772
  }
773
773
  //#endregion
774
774
  export { xe as A, _ as B, B as C, F as D, ye as E, se as F, u as G, ne as H, oe as I, l as K, b as L, ge as M, S as N, L as O, x as P, ue as R, O as S, V as T, te as U, v as V, c as W, q as _, $e as a, Ae as b, Ue as c, Ke as d, qe as f, Ze as g, Ve as h, it as i, T as j, N as k, Ge as l, Ye as m, ot as n, tt as o, We as p, d as q, at as r, et as s, st as t, Xe as u, Fe as v, Te as w, Ie as x, Q as y, g as z };
775
-
776
- //# sourceMappingURL=value-CrpaObP_.js.map
@@ -48,5 +48,3 @@ function s(e) {
48
48
  }
49
49
  //#endregion
50
50
  export { o as declarionFingerprintPlugin };
51
-
52
- //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@declarion/react",
3
- "version": "0.6.6",
3
+ "version": "0.6.7",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "description": "React SDK for Declarion, the schema-driven business apps platform.",
@@ -66,7 +66,6 @@
66
66
  "zustand": "^5.0.14"
67
67
  },
68
68
  "devDependencies": {
69
- "publint": "^0.3.0",
70
69
  "@axe-core/react": "^4.11.3",
71
70
  "@tailwindcss/typography": "^0.5.19",
72
71
  "@tailwindcss/vite": "^4.3.0",
@@ -77,11 +76,13 @@
77
76
  "@types/react": "^19.2.16",
78
77
  "@types/react-dom": "^19.2.3",
79
78
  "@vitejs/plugin-react": "^6.0.2",
79
+ "@vitest/coverage-v8": "^4.1.8",
80
80
  "axe-core": "^4.12.0",
81
81
  "eslint": "^10.4.1",
82
82
  "eslint-plugin-react-hooks": "^7.1.1",
83
83
  "jsdom": "^29.1.1",
84
84
  "msw": "^2.14.6",
85
+ "publint": "^0.3.0",
85
86
  "react": "^19.2.7",
86
87
  "react-dom": "^19.2.7",
87
88
  "tailwindcss": "^4.3.0",
@@ -99,6 +100,7 @@
99
100
  "check:pkg": "publint run",
100
101
  "lint": "tsc --noEmit && eslint src --max-warnings=0",
101
102
  "test": "vitest run",
103
+ "test:coverage": "vitest run --coverage --coverage.include='src/**'",
102
104
  "preview": "vite preview"
103
105
  }
104
106
  }
@@ -1,261 +0,0 @@
1
- import { Xt as e, Yt as t, Zt as n, a as r, i, n as a, r as o, t as s, ut as c } from "./dataTableStyles-BwnbXviH.js";
2
- import { useCallback as l, useMemo as u, useRef as d } from "react";
3
- import { jsx as f, jsxs as p } from "react/jsx-runtime";
4
- import { DndContext as m, PointerSensor as h, closestCenter as g, useSensor as _, useSensors as v } from "@dnd-kit/core";
5
- import { SortableContext as y, useSortable as b, verticalListSortingStrategy as x } from "@dnd-kit/sortable";
6
- import { CSS as S } from "@dnd-kit/utilities";
7
- //#region src/components/detail-layout/DraggableChildrenTable.tsx
8
- function C({ config: t, childEntity: r, schema: i, rows: s, onChange: b, validationErrors: S, refs: C }) {
9
- let T = d(null), E = t.position_field, D = t.columns, O = v(_(h, { activationConstraint: { distance: 5 } })), k = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), A = D.filter((e) => {
10
- if (k.has(e) || e === E) return !1;
11
- let t = r.fields.get(e);
12
- return !(!t || t.auto || t.primary);
13
- }), j = new Set(D.filter((e) => {
14
- if (e === E) return !0;
15
- let t = r.fields.get(e);
16
- return t && (t.auto || t.primary);
17
- })), M = D.filter((e) => e !== E), N = u(() => s.filter((e) => !e._deleted).map((e) => e._key), [s]), P = l((e, t, n) => {
18
- b(s.map((r) => r._key === e ? {
19
- ...r,
20
- [t]: n,
21
- _dirty: !0
22
- } : r));
23
- }, [s, b]), F = l(() => {
24
- let e = s.filter((e) => !e._deleted).reduce((e, t) => {
25
- let n = typeof t[E] == "number" ? t[E] : -1;
26
- return Math.max(e, n);
27
- }, -1), n = {
28
- _key: crypto.randomUUID(),
29
- _dirty: !0,
30
- [E]: e + 1
31
- }, i = t.quick_add?.defaults ?? {};
32
- for (let e of A) {
33
- let t = r.fields.get(e);
34
- t && (i[e] === void 0 ? t.default === void 0 ? t.type === "bool" && (n[e] = !1) : n[e] = t.default : n[e] = i[e]);
35
- }
36
- b([...s, n]);
37
- }, [
38
- s,
39
- b,
40
- A,
41
- r,
42
- t.quick_add?.defaults,
43
- E
44
- ]), I = l((e) => {
45
- b(s.map((t) => t._key === e ? {
46
- ...t,
47
- _deleted: !0
48
- } : t));
49
- }, [s, b]), L = l((e) => {
50
- b(s.map((t) => t._key === e ? {
51
- ...t,
52
- _deleted: !1
53
- } : t));
54
- }, [s, b]), R = l((e) => {
55
- let { active: t, over: n } = e;
56
- if (!n || t.id === n.id) return;
57
- let r = s.filter((e) => !e._deleted), i = s.filter((e) => e._deleted), a = r.findIndex((e) => e._key === String(t.id)), o = r.findIndex((e) => e._key === String(n.id));
58
- if (a === -1 || o === -1) return;
59
- let c = [...r], [l] = c.splice(a, 1);
60
- c.splice(o, 0, l), b([...c.map((e, t) => ({
61
- ...e,
62
- [E]: t,
63
- _dirty: e[E] === t ? e._dirty : !0
64
- })), ...i]);
65
- }, [
66
- s,
67
- b,
68
- E
69
- ]), z = l((e) => {
70
- let t = e.target, n = t.closest("td");
71
- if (!n) return;
72
- let r = n.closest("tr");
73
- if (!r) return;
74
- let i = r.closest("tbody");
75
- if (!i) return;
76
- let a = Array.from(r.cells).indexOf(n), o = Array.from(i.rows).indexOf(r);
77
- if (e.key === "Tab") {
78
- let t = e.shiftKey ? -1 : 1, n = Array.from(i.rows), r = o, s = a + t;
79
- for (; r >= 0 && r < n.length;) if (s >= 0 && s < n[r].cells.length) {
80
- let i = n[r].cells[s].querySelector("input, select, textarea, [tabindex]");
81
- if (i) {
82
- e.preventDefault(), i.focus();
83
- return;
84
- }
85
- s += t;
86
- } else r += t, s = t > 0 ? 0 : (n[r]?.cells.length ?? 1) - 1;
87
- } else if (e.key === "Enter") {
88
- e.preventDefault();
89
- let t = Array.from(i.rows);
90
- if (o < t.length - 1) {
91
- let e = t[o + 1].cells[a]?.querySelector("input, select, textarea, [tabindex]");
92
- e && e.focus();
93
- } else F(), requestAnimationFrame(() => {
94
- let e = i.querySelectorAll("tr"), t = e[e.length - 1];
95
- if (t) {
96
- let e = t.querySelector("input, select, textarea, [tabindex]");
97
- e && e.focus();
98
- }
99
- });
100
- } else e.key === "Escape" && t.blur?.();
101
- }, [F]), B = a;
102
- return /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
103
- style: { overflowX: "auto" },
104
- children: /* @__PURE__ */ f(m, {
105
- sensors: O,
106
- collisionDetection: g,
107
- onDragEnd: R,
108
- children: /* @__PURE__ */ p("table", {
109
- ref: T,
110
- style: o,
111
- onKeyDown: z,
112
- children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", { children: [
113
- /* @__PURE__ */ f("th", { style: {
114
- ...B,
115
- width: 32,
116
- padding: "0 4px"
117
- } }),
118
- M.map((e) => {
119
- let t = r.fields.get(e);
120
- return /* @__PURE__ */ f("th", {
121
- style: B,
122
- children: t ? c(t, e, i.entities) : e
123
- }, e);
124
- }),
125
- /* @__PURE__ */ f("th", { style: {
126
- ...B,
127
- width: 40
128
- } })
129
- ] }) }), /* @__PURE__ */ f(y, {
130
- items: N,
131
- strategy: x,
132
- children: /* @__PURE__ */ f("tbody", { children: s.map((e) => /* @__PURE__ */ f(w, {
133
- row: e,
134
- columns: M,
135
- editableColumns: A,
136
- displayOnlyColumns: j,
137
- childEntity: r,
138
- validationErrors: S,
139
- refs: C,
140
- onCellChange: P,
141
- onDelete: I,
142
- onUndoDelete: L
143
- }, e._key)) })
144
- })]
145
- })
146
- })
147
- }), /* @__PURE__ */ f("div", {
148
- style: { marginTop: 8 },
149
- children: /* @__PURE__ */ f(e, {
150
- kind: "ghost",
151
- size: "xs",
152
- icon: /* @__PURE__ */ f(n.plus, { size: 12 }),
153
- onClick: F,
154
- children: "Add row"
155
- })
156
- })] });
157
- }
158
- function w({ row: e, columns: a, editableColumns: o, displayOnlyColumns: c, childEntity: l, validationErrors: u, refs: d, onCellChange: m, onDelete: h, onUndoDelete: g }) {
159
- let _ = i(), v = !!e._deleted, y = u?.[e._key], { attributes: x, listeners: C, setNodeRef: w, transform: T, transition: E, isDragging: D } = b({
160
- id: e._key,
161
- disabled: v
162
- }), O = {
163
- transform: S.Translate.toString(T),
164
- transition: E,
165
- zIndex: D ? 10 : void 0,
166
- opacity: D ? .5 : void 0
167
- }, k = s, A = {
168
- padding: "4px 4px",
169
- borderBottom: "1px solid var(--divider)",
170
- verticalAlign: "middle"
171
- };
172
- return /* @__PURE__ */ p("tr", {
173
- ref: w,
174
- style: {
175
- ...O,
176
- opacity: v ? .5 : O?.opacity ?? 1
177
- },
178
- children: [
179
- /* @__PURE__ */ f("td", {
180
- style: {
181
- padding: "4px 4px",
182
- borderBottom: "1px solid var(--divider)",
183
- width: 32,
184
- verticalAlign: "middle"
185
- },
186
- children: !v && /* @__PURE__ */ f("button", {
187
- type: "button",
188
- style: {
189
- cursor: "grab",
190
- padding: 4,
191
- color: "var(--text-3)",
192
- background: "transparent",
193
- border: 0,
194
- display: "inline-flex"
195
- },
196
- ...x,
197
- ...C,
198
- children: /* @__PURE__ */ f(n.grid, { size: 14 })
199
- })
200
- }),
201
- a.map((t) => {
202
- let n = l.fields.get(t), i = y?.includes(t), a = c.has(t), s = o.includes(t);
203
- return v || a || !s ? /* @__PURE__ */ f("td", {
204
- style: {
205
- ...k,
206
- textDecoration: v ? "line-through" : "none"
207
- },
208
- children: n ? r({
209
- field: n,
210
- fieldName: t,
211
- value: e[t],
212
- mode: "display",
213
- record: e,
214
- refs: d,
215
- locale: _
216
- }) : String(e[t] ?? "")
217
- }, t) : /* @__PURE__ */ f("td", {
218
- style: {
219
- ...A,
220
- outline: i ? "1px solid var(--danger)" : "none",
221
- outlineOffset: -1,
222
- borderRadius: i ? 4 : 0
223
- },
224
- title: i ? `${t} is required` : void 0,
225
- children: n ? r({
226
- field: n,
227
- fieldName: t,
228
- value: e[t],
229
- mode: "edit",
230
- onChange: (n) => m(e._key, t, n),
231
- record: e,
232
- refs: d,
233
- locale: _
234
- }) : String(e[t] ?? "")
235
- }, t);
236
- }),
237
- /* @__PURE__ */ f("td", {
238
- style: {
239
- padding: "4px 8px",
240
- borderBottom: "1px solid var(--divider)",
241
- verticalAlign: "middle"
242
- },
243
- children: v ? /* @__PURE__ */ f(t, {
244
- size: 24,
245
- icon: /* @__PURE__ */ f(n.refresh, { size: 12 }),
246
- onClick: () => g(e._key),
247
- title: "Undo delete"
248
- }) : /* @__PURE__ */ f(t, {
249
- size: 24,
250
- icon: /* @__PURE__ */ f(n.trash, { size: 12 }),
251
- onClick: () => h(e._key),
252
- title: "Delete row"
253
- })
254
- })
255
- ]
256
- });
257
- }
258
- //#endregion
259
- export { C as DraggableChildrenTable };
260
-
261
- //# sourceMappingURL=DraggableChildrenTable-DhcSXQfV.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DraggableChildrenTable-DhcSXQfV.js","names":[],"sources":["../src/components/detail-layout/DraggableChildrenTable.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef } from \"react\";\nimport {\n DndContext,\n closestCenter,\n PointerSensor,\n useSensor,\n useSensors,\n type DragEndEvent,\n} from \"@dnd-kit/core\";\nimport {\n SortableContext,\n verticalListSortingStrategy,\n useSortable,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { Btn, Icon, IconBtn } from \"@/components/primitives\";\nimport {\n dataTableStyle,\n dataTableHeadCellStyle,\n dataTableCellStyle,\n} from \"@/components/primitives/dataTableStyles\";\nimport { fieldDisplayName } from \"@/types/schema\";\nimport type { Entity, Schema } from \"@/types/schema\";\nimport { renderField } from \"@/components/fields\";\nimport type { RefsMap } from \"@/components/fields\";\nimport { useUserLocale } from \"@/hooks/useUserLocale\";\nimport type { PendingChildRow } from \"./LayoutRenderer\";\nimport type { ResolvedChildConfig } from \"@/lib/child-config\";\n\ninterface DraggableChildrenTableProps {\n config: ResolvedChildConfig;\n childEntity: Entity;\n schema: Schema;\n rows: PendingChildRow[];\n onChange: (rows: PendingChildRow[]) => void;\n validationErrors?: Record<string, string[]>;\n refs?: RefsMap;\n}\n\n// DraggableChildrenTable renders child rows with drag handles for reordering.\n// Used when position_field is configured on a child relation.\nexport function DraggableChildrenTable({\n config,\n childEntity,\n schema,\n rows,\n onChange,\n validationErrors,\n refs,\n}: DraggableChildrenTableProps) {\n const tableRef = useRef<HTMLTableElement>(null);\n const positionField = config.position_field!;\n const columns = config.columns;\n\n // distance: 5 separates click from drag.\n const sensors = useSensors(\n useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n );\n\n // Editable columns: exclude FK, auto, primary, and position_field.\n const fkSet = new Set(Array.isArray(config.foreign_key) ? config.foreign_key : [config.foreign_key]);\n const editableColumns = columns.filter((col) => {\n if (fkSet.has(col)) return false;\n if (col === positionField) return false;\n const field = childEntity.fields.get(col);\n if (!field) return false;\n if (field.auto || field.primary) return false;\n return true;\n });\n\n // Display-only columns (auto/primary but visible in column list, or position_field).\n const displayOnlyColumns = new Set(\n columns.filter((col) => {\n if (col === positionField) return true;\n const field = childEntity.fields.get(col);\n return field && (field.auto || field.primary);\n }),\n );\n\n // Visible columns: exclude position_field from display since it's managed by drag.\n const visibleColumns = columns.filter((col) => col !== positionField);\n\n // Row IDs for SortableContext - only non-deleted rows participate in drag.\n const rowIds = useMemo(\n () => rows.filter((r) => !r._deleted).map((r) => r._key),\n [rows],\n );\n\n const handleCellChange = useCallback(\n (rowKey: string, fieldName: string, value: unknown) => {\n const updated = rows.map((row) =>\n row._key === rowKey\n ? { ...row, [fieldName]: value, _dirty: true }\n : row,\n );\n onChange(updated);\n },\n [rows, onChange],\n );\n\n const handleAddRow = useCallback(() => {\n const maxPosition = rows\n .filter((r) => !r._deleted)\n .reduce((max, r) => {\n const pos = typeof r[positionField] === \"number\" ? (r[positionField] as number) : -1;\n return Math.max(max, pos);\n }, -1);\n\n const newRow: PendingChildRow = {\n _key: crypto.randomUUID(),\n _dirty: true,\n [positionField]: maxPosition + 1,\n };\n // Pre-fill from quick_add.defaults first, then field-level defaults.\n const quickDefaults = config.quick_add?.defaults ?? {};\n for (const col of editableColumns) {\n const field = childEntity.fields.get(col);\n if (!field) continue;\n if (quickDefaults[col] !== undefined) {\n newRow[col] = quickDefaults[col];\n } else if (field.default !== undefined) {\n newRow[col] = field.default;\n } else if (field.type === \"bool\") {\n newRow[col] = false;\n }\n }\n onChange([...rows, newRow]);\n }, [rows, onChange, editableColumns, childEntity, config.quick_add?.defaults, positionField]);\n\n const handleDeleteRow = useCallback(\n (rowKey: string) => {\n const updated = rows.map((row) =>\n row._key === rowKey ? { ...row, _deleted: true } : row,\n );\n onChange(updated);\n },\n [rows, onChange],\n );\n\n const handleUndoDelete = useCallback(\n (rowKey: string) => {\n const updated = rows.map((row) =>\n row._key === rowKey ? { ...row, _deleted: false } : row,\n );\n onChange(updated);\n },\n [rows, onChange],\n );\n\n const handleDragEnd = useCallback(\n (event: DragEndEvent) => {\n const { active, over } = event;\n if (!over || active.id === over.id) return;\n\n // Reorder non-deleted rows.\n const nonDeleted = rows.filter((r) => !r._deleted);\n const deleted = rows.filter((r) => r._deleted);\n\n const oldIndex = nonDeleted.findIndex((r) => r._key === String(active.id));\n const newIndex = nonDeleted.findIndex((r) => r._key === String(over.id));\n if (oldIndex === -1 || newIndex === -1) return;\n\n // Move the row.\n const reordered = [...nonDeleted];\n const [moved] = reordered.splice(oldIndex, 1);\n reordered.splice(newIndex, 0, moved);\n\n // Re-assign sequential position values and mark dirty only if position changed.\n const withPositions = reordered.map((row, index) => ({\n ...row,\n [positionField]: index,\n _dirty: row[positionField] !== index ? true : row._dirty,\n }));\n\n // Append deleted rows at the end (they'll be excluded from payload).\n onChange([...withPositions, ...deleted]);\n },\n [rows, onChange, positionField],\n );\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLTableElement>) => {\n const target = e.target as HTMLElement;\n const cell = target.closest(\"td\");\n if (!cell) return;\n const row = cell.closest(\"tr\");\n if (!row) return;\n const tbody = row.closest(\"tbody\");\n if (!tbody) return;\n\n const cellIndex = Array.from(row.cells).indexOf(cell as HTMLTableCellElement);\n const rowIndex = Array.from(tbody.rows).indexOf(row as HTMLTableRowElement);\n\n if (e.key === \"Tab\") {\n const direction = e.shiftKey ? -1 : 1;\n const allRows = Array.from(tbody.rows);\n let nextRow = rowIndex;\n let nextCell = cellIndex + direction;\n\n while (nextRow >= 0 && nextRow < allRows.length) {\n if (nextCell >= 0 && nextCell < allRows[nextRow].cells.length) {\n const nextTd = allRows[nextRow].cells[nextCell];\n const input = nextTd.querySelector(\"input, select, textarea, [tabindex]\") as HTMLElement | null;\n if (input) {\n e.preventDefault();\n input.focus();\n return;\n }\n nextCell += direction;\n } else {\n nextRow += direction;\n nextCell = direction > 0 ? 0 : (allRows[nextRow]?.cells.length ?? 1) - 1;\n }\n }\n } else if (e.key === \"Enter\") {\n e.preventDefault();\n const allRows = Array.from(tbody.rows);\n if (rowIndex < allRows.length - 1) {\n const nextTd = allRows[rowIndex + 1].cells[cellIndex];\n const input = nextTd?.querySelector(\"input, select, textarea, [tabindex]\") as HTMLElement | null;\n if (input) input.focus();\n } else {\n handleAddRow();\n requestAnimationFrame(() => {\n const newRows = tbody.querySelectorAll(\"tr\");\n const lastRow = newRows[newRows.length - 1];\n if (lastRow) {\n const firstInput = lastRow.querySelector(\"input, select, textarea, [tabindex]\") as HTMLElement | null;\n if (firstInput) firstInput.focus();\n }\n });\n }\n } else if (e.key === \"Escape\") {\n (target as HTMLElement).blur?.();\n }\n },\n [handleAddRow],\n );\n\n // Shared table chrome - see primitives/dataTableStyles.ts.\n const thStyle = dataTableHeadCellStyle;\n\n return (\n <div>\n <div style={{ overflowX: \"auto\" }}>\n <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\n <table\n ref={tableRef}\n style={dataTableStyle}\n onKeyDown={handleKeyDown}\n >\n <thead>\n <tr>\n <th style={{ ...thStyle, width: 32, padding: \"0 4px\" }} />\n {visibleColumns.map((col) => {\n const field = childEntity.fields.get(col);\n return (\n <th key={col} style={thStyle}>\n {field ? fieldDisplayName(field, col, schema.entities) : col}\n </th>\n );\n })}\n <th style={{ ...thStyle, width: 40 }} />\n </tr>\n </thead>\n <SortableContext items={rowIds} strategy={verticalListSortingStrategy}>\n <tbody>\n {rows.map((row) => (\n <SortableRow\n key={row._key}\n row={row}\n columns={visibleColumns}\n editableColumns={editableColumns}\n displayOnlyColumns={displayOnlyColumns}\n childEntity={childEntity}\n validationErrors={validationErrors}\n refs={refs}\n onCellChange={handleCellChange}\n onDelete={handleDeleteRow}\n onUndoDelete={handleUndoDelete}\n />\n ))}\n </tbody>\n </SortableContext>\n </table>\n </DndContext>\n </div>\n <div style={{ marginTop: 8 }}>\n <Btn kind=\"ghost\" size=\"xs\" icon={<Icon.plus size={12} />} onClick={handleAddRow}>\n Add row\n </Btn>\n </div>\n </div>\n );\n}\n\n// SortableRow wraps a table row with drag-and-drop support.\ninterface SortableRowProps {\n row: PendingChildRow;\n columns: string[];\n editableColumns: string[];\n displayOnlyColumns: Set<string>;\n childEntity: Entity;\n validationErrors?: Record<string, string[]>;\n refs?: RefsMap;\n onCellChange: (rowKey: string, fieldName: string, value: unknown) => void;\n onDelete: (rowKey: string) => void;\n onUndoDelete: (rowKey: string) => void;\n}\n\nfunction SortableRow({\n row,\n columns,\n editableColumns,\n displayOnlyColumns,\n childEntity,\n validationErrors,\n refs,\n onCellChange,\n onDelete,\n onUndoDelete,\n}: SortableRowProps) {\n const userLocale = useUserLocale();\n const isDeleted = !!row._deleted;\n const rowErrors = validationErrors?.[row._key];\n\n const {\n attributes,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({ id: row._key, disabled: isDeleted });\n\n const style = {\n transform: CSS.Translate.toString(transform),\n transition,\n zIndex: isDragging ? 10 : undefined,\n opacity: isDragging ? 0.5 : undefined,\n };\n\n const cellStyle = dataTableCellStyle;\n const editCellStyle: React.CSSProperties = {\n padding: \"4px 4px\",\n borderBottom: \"1px solid var(--divider)\",\n verticalAlign: \"middle\",\n };\n\n return (\n <tr ref={setNodeRef} style={{ ...style, opacity: isDeleted ? 0.5 : style?.opacity ?? 1 }}>\n <td style={{ padding: \"4px 4px\", borderBottom: \"1px solid var(--divider)\", width: 32, verticalAlign: \"middle\" }}>\n {!isDeleted && (\n <button\n type=\"button\"\n style={{\n cursor: \"grab\",\n padding: 4,\n color: \"var(--text-3)\",\n background: \"transparent\",\n border: 0,\n display: \"inline-flex\",\n }}\n {...attributes}\n {...listeners}\n >\n <Icon.grid size={14} />\n </button>\n )}\n </td>\n {columns.map((col) => {\n const field = childEntity.fields.get(col);\n const hasError = rowErrors?.includes(col);\n const isDisplayOnly = displayOnlyColumns.has(col);\n const isEditable = editableColumns.includes(col);\n\n if (isDeleted || isDisplayOnly || !isEditable) {\n return (\n <td\n key={col}\n style={{\n ...cellStyle,\n textDecoration: isDeleted ? \"line-through\" : \"none\",\n }}\n >\n {field\n ? renderField({\n field,\n fieldName: col,\n value: row[col],\n mode: \"display\",\n record: row as Record<string, unknown>,\n refs,\n locale: userLocale,\n })\n : String(row[col] ?? \"\")}\n </td>\n );\n }\n\n return (\n <td\n key={col}\n style={{\n ...editCellStyle,\n outline: hasError ? \"1px solid var(--danger)\" : \"none\",\n outlineOffset: -1,\n borderRadius: hasError ? 4 : 0,\n }}\n title={hasError ? `${col} is required` : undefined}\n >\n {field\n ? renderField({\n field,\n fieldName: col,\n value: row[col],\n mode: \"edit\",\n onChange: (val) => onCellChange(row._key, col, val),\n record: row as Record<string, unknown>,\n refs,\n locale: userLocale,\n })\n : String(row[col] ?? \"\")}\n </td>\n );\n })}\n <td style={{ padding: \"4px 8px\", borderBottom: \"1px solid var(--divider)\", verticalAlign: \"middle\" }}>\n {isDeleted ? (\n <IconBtn\n size={24}\n icon={<Icon.refresh size={12} />}\n onClick={() => onUndoDelete(row._key)}\n title=\"Undo delete\"\n />\n ) : (\n <IconBtn\n size={24}\n icon={<Icon.trash size={12} />}\n onClick={() => onDelete(row._key)}\n title=\"Delete row\"\n />\n )}\n </td>\n </tr>\n );\n}\n"],"mappings":";;;;;;;AAyCA,SAAgB,EAAuB,EACrC,WACA,gBACA,WACA,SACA,aACA,qBACA,WAC8B;CAC9B,IAAM,IAAW,EAAyB,IAAI,GACxC,IAAgB,EAAO,gBACvB,IAAU,EAAO,SAGjB,IAAU,EACd,EAAU,GAAe,EAAE,sBAAsB,EAAE,UAAU,EAAE,EAAE,CAAC,CACpE,GAGM,IAAQ,IAAI,IAAI,MAAM,QAAQ,EAAO,WAAW,IAAI,EAAO,cAAc,CAAC,EAAO,WAAW,CAAC,GAC7F,IAAkB,EAAQ,QAAQ,MAAQ;EAE9C,IADI,EAAM,IAAI,CAAG,KACb,MAAQ,GAAe,OAAO;EAClC,IAAM,IAAQ,EAAY,OAAO,IAAI,CAAG;EAGxC,OADA,EADI,CAAC,KACD,EAAM,QAAQ,EAAM;CAE1B,CAAC,GAGK,IAAqB,IAAI,IAC7B,EAAQ,QAAQ,MAAQ;EACtB,IAAI,MAAQ,GAAe,OAAO;EAClC,IAAM,IAAQ,EAAY,OAAO,IAAI,CAAG;EACxC,OAAO,MAAU,EAAM,QAAQ,EAAM;CACvC,CAAC,CACH,GAGM,IAAiB,EAAQ,QAAQ,MAAQ,MAAQ,CAAa,GAG9D,IAAS,QACP,EAAK,QAAQ,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,EAAE,IAAI,GACvD,CAAC,CAAI,CACP,GAEM,IAAmB,GACtB,GAAgB,GAAmB,MAAmB;EAMrD,EALgB,EAAK,KAAK,MACxB,EAAI,SAAS,IACT;GAAE,GAAG;IAAM,IAAY;GAAO,QAAQ;EAAK,IAC3C,CAEG,CAAO;CAClB,GACA,CAAC,GAAM,CAAQ,CACjB,GAEM,IAAe,QAAkB;EACrC,IAAM,IAAc,EACjB,QAAQ,MAAM,CAAC,EAAE,QAAQ,EACzB,QAAQ,GAAK,MAAM;GAClB,IAAM,IAAM,OAAO,EAAE,MAAmB,WAAY,EAAE,KAA4B;GAClF,OAAO,KAAK,IAAI,GAAK,CAAG;EAC1B,GAAG,EAAE,GAED,IAA0B;GAC9B,MAAM,OAAO,WAAW;GACxB,QAAQ;IACP,IAAgB,IAAc;EACjC,GAEM,IAAgB,EAAO,WAAW,YAAY,CAAC;EACrD,KAAK,IAAM,KAAO,GAAiB;GACjC,IAAM,IAAQ,EAAY,OAAO,IAAI,CAAG;GACnC,MACD,EAAc,OAAS,KAAA,IAEhB,EAAM,YAAY,KAAA,IAElB,EAAM,SAAS,WACxB,EAAO,KAAO,MAFd,EAAO,KAAO,EAAM,UAFpB,EAAO,KAAO,EAAc;EAMhC;EACA,EAAS,CAAC,GAAG,GAAM,CAAM,CAAC;CAC5B,GAAG;EAAC;EAAM;EAAU;EAAiB;EAAa,EAAO,WAAW;EAAU;CAAa,CAAC,GAEtF,IAAkB,GACrB,MAAmB;EAIlB,EAHgB,EAAK,KAAK,MACxB,EAAI,SAAS,IAAS;GAAE,GAAG;GAAK,UAAU;EAAK,IAAI,CAE5C,CAAO;CAClB,GACA,CAAC,GAAM,CAAQ,CACjB,GAEM,IAAmB,GACtB,MAAmB;EAIlB,EAHgB,EAAK,KAAK,MACxB,EAAI,SAAS,IAAS;GAAE,GAAG;GAAK,UAAU;EAAM,IAAI,CAE7C,CAAO;CAClB,GACA,CAAC,GAAM,CAAQ,CACjB,GAEM,IAAgB,GACnB,MAAwB;EACvB,IAAM,EAAE,WAAQ,YAAS;EACzB,IAAI,CAAC,KAAQ,EAAO,OAAO,EAAK,IAAI;EAGpC,IAAM,IAAa,EAAK,QAAQ,MAAM,CAAC,EAAE,QAAQ,GAC3C,IAAU,EAAK,QAAQ,MAAM,EAAE,QAAQ,GAEvC,IAAW,EAAW,WAAW,MAAM,EAAE,SAAS,OAAO,EAAO,EAAE,CAAC,GACnE,IAAW,EAAW,WAAW,MAAM,EAAE,SAAS,OAAO,EAAK,EAAE,CAAC;EACvE,IAAI,MAAa,MAAM,MAAa,IAAI;EAGxC,IAAM,IAAY,CAAC,GAAG,CAAU,GAC1B,CAAC,KAAS,EAAU,OAAO,GAAU,CAAC;EAW5C,AAVA,EAAU,OAAO,GAAU,GAAG,CAAK,GAUnC,EAAS,CAAC,GAPY,EAAU,KAAK,GAAK,OAAW;GACnD,GAAG;IACF,IAAgB;GACjB,QAAQ,EAAI,OAAmB,IAAe,EAAI,SAAX;EACzC,EAGa,GAAe,GAAG,CAAO,CAAC;CACzC,GACA;EAAC;EAAM;EAAU;CAAa,CAChC,GAEM,IAAgB,GACnB,MAA6C;EAC5C,IAAM,IAAS,EAAE,QACX,IAAO,EAAO,QAAQ,IAAI;EAChC,IAAI,CAAC,GAAM;EACX,IAAM,IAAM,EAAK,QAAQ,IAAI;EAC7B,IAAI,CAAC,GAAK;EACV,IAAM,IAAQ,EAAI,QAAQ,OAAO;EACjC,IAAI,CAAC,GAAO;EAEZ,IAAM,IAAY,MAAM,KAAK,EAAI,KAAK,EAAE,QAAQ,CAA4B,GACtE,IAAW,MAAM,KAAK,EAAM,IAAI,EAAE,QAAQ,CAA0B;EAE1E,IAAI,EAAE,QAAQ,OAAO;GACnB,IAAM,IAAY,EAAE,WAAW,KAAK,GAC9B,IAAU,MAAM,KAAK,EAAM,IAAI,GACjC,IAAU,GACV,IAAW,IAAY;GAE3B,OAAO,KAAW,KAAK,IAAU,EAAQ,SACvC,IAAI,KAAY,KAAK,IAAW,EAAQ,GAAS,MAAM,QAAQ;IAE7D,IAAM,IADS,EAAQ,GAAS,MAAM,GACjB,cAAc,qCAAqC;IACxE,IAAI,GAAO;KAET,AADA,EAAE,eAAe,GACjB,EAAM,MAAM;KACZ;IACF;IACA,KAAY;GACd,OAEE,AADA,KAAW,GACX,IAAW,IAAY,IAAI,KAAK,EAAQ,IAAU,MAAM,UAAU,KAAK;EAG7E,OAAO,IAAI,EAAE,QAAQ,SAAS;GAC5B,EAAE,eAAe;GACjB,IAAM,IAAU,MAAM,KAAK,EAAM,IAAI;GACrC,IAAI,IAAW,EAAQ,SAAS,GAAG;IAEjC,IAAM,IADS,EAAQ,IAAW,GAAG,MAAM,IACrB,cAAc,qCAAqC;IACzE,AAAI,KAAO,EAAM,MAAM;GACzB,OAEE,AADA,EAAa,GACb,4BAA4B;IAC1B,IAAM,IAAU,EAAM,iBAAiB,IAAI,GACrC,IAAU,EAAQ,EAAQ,SAAS;IACzC,IAAI,GAAS;KACX,IAAM,IAAa,EAAQ,cAAc,qCAAqC;KAC9E,AAAI,KAAY,EAAW,MAAM;IACnC;GACF,CAAC;EAEL,OAAO,AAAI,EAAE,QAAQ,YACnB,EAAwB,OAAO;CAEnC,GACA,CAAC,CAAY,CACf,GAGM,IAAU;CAEhB,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,OAAO,EAAE,WAAW,OAAO;YAC9B,kBAAC,GAAD;GAAqB;GAAS,oBAAoB;GAAe,WAAW;aAC1E,kBAAC,SAAD;IACE,KAAK;IACL,OAAO;IACP,WAAW;cAHb,CAKE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,MAAD,EAAI,OAAO;MAAE,GAAG;MAAS,OAAO;MAAI,SAAS;KAAQ,EAAI,CAAA;KACxD,EAAe,KAAK,MAAQ;MAC3B,IAAM,IAAQ,EAAY,OAAO,IAAI,CAAG;MACxC,OACE,kBAAC,MAAD;OAAc,OAAO;iBAClB,IAAQ,EAAiB,GAAO,GAAK,EAAO,QAAQ,IAAI;MACvD,GAFK,CAEL;KAER,CAAC;KACD,kBAAC,MAAD,EAAI,OAAO;MAAE,GAAG;MAAS,OAAO;KAAG,EAAI,CAAA;IACrC,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,GAAD;KAAiB,OAAO;KAAQ,UAAU;eACxC,kBAAC,SAAD,EAAA,UACG,EAAK,KAAK,MACT,kBAAC,GAAD;MAEO;MACL,SAAS;MACQ;MACG;MACP;MACK;MACZ;MACN,cAAc;MACd,UAAU;MACV,cAAc;KACf,GAXM,EAAI,IAWV,CACF,EACI,CAAA;IACQ,CAAA,CACZ;;EACG,CAAA;CACT,CAAA,GACL,kBAAC,OAAD;EAAK,OAAO,EAAE,WAAW,EAAE;YACzB,kBAAC,GAAD;GAAK,MAAK;GAAQ,MAAK;GAAK,MAAM,kBAAC,EAAK,MAAN,EAAW,MAAM,GAAK,CAAA;GAAG,SAAS;aAAc;EAE7E,CAAA;CACF,CAAA,CACF,EAAA,CAAA;AAET;AAgBA,SAAS,EAAY,EACnB,QACA,YACA,oBACA,uBACA,gBACA,qBACA,SACA,iBACA,aACA,mBACmB;CACnB,IAAM,IAAa,EAAc,GAC3B,IAAY,CAAC,CAAC,EAAI,UAClB,IAAY,IAAmB,EAAI,OAEnC,EACJ,eACA,cACA,eACA,cACA,eACA,kBACE,EAAY;EAAE,IAAI,EAAI;EAAM,UAAU;CAAU,CAAC,GAE/C,IAAQ;EACZ,WAAW,EAAI,UAAU,SAAS,CAAS;EAC3C;EACA,QAAQ,IAAa,KAAK,KAAA;EAC1B,SAAS,IAAa,KAAM,KAAA;CAC9B,GAEM,IAAY,GACZ,IAAqC;EACzC,SAAS;EACT,cAAc;EACd,eAAe;CACjB;CAEA,OACE,kBAAC,MAAD;EAAI,KAAK;EAAY,OAAO;GAAE,GAAG;GAAO,SAAS,IAAY,KAAM,GAAO,WAAW;EAAE;YAAvF;GACE,kBAAC,MAAD;IAAI,OAAO;KAAE,SAAS;KAAW,cAAc;KAA4B,OAAO;KAAI,eAAe;IAAS;cAC3G,CAAC,KACA,kBAAC,UAAD;KACE,MAAK;KACL,OAAO;MACL,QAAQ;MACR,SAAS;MACT,OAAO;MACP,YAAY;MACZ,QAAQ;MACR,SAAS;KACX;KACA,GAAI;KACJ,GAAI;eAEJ,kBAAC,EAAK,MAAN,EAAW,MAAM,GAAK,CAAA;IAChB,CAAA;GAER,CAAA;GACH,EAAQ,KAAK,MAAQ;IACpB,IAAM,IAAQ,EAAY,OAAO,IAAI,CAAG,GAClC,IAAW,GAAW,SAAS,CAAG,GAClC,IAAgB,EAAmB,IAAI,CAAG,GAC1C,IAAa,EAAgB,SAAS,CAAG;IA0B/C,OAxBI,KAAa,KAAiB,CAAC,IAE/B,kBAAC,MAAD;KAEE,OAAO;MACL,GAAG;MACH,gBAAgB,IAAY,iBAAiB;KAC/C;eAEC,IACG,EAAY;MACV;MACA,WAAW;MACX,OAAO,EAAI;MACX,MAAM;MACN,QAAQ;MACR;MACF,QAAQ;KACR,CAAC,IACD,OAAO,EAAI,MAAQ,EAAE;IACvB,GAjBG,CAiBH,IAKN,kBAAC,MAAD;KAEE,OAAO;MACL,GAAG;MACH,SAAS,IAAW,4BAA4B;MAChD,eAAe;MACf,cAAc,IAAW,IAAI;KAC/B;KACA,OAAO,IAAW,GAAG,EAAI,gBAAgB,KAAA;eAExC,IACG,EAAY;MACV;MACA,WAAW;MACX,OAAO,EAAI;MACX,MAAM;MACN,WAAW,MAAQ,EAAa,EAAI,MAAM,GAAK,CAAG;MAClD,QAAQ;MACR;MACF,QAAQ;KACR,CAAC,IACD,OAAO,EAAI,MAAQ,EAAE;IACvB,GArBG,CAqBH;GAER,CAAC;GACD,kBAAC,MAAD;IAAI,OAAO;KAAE,SAAS;KAAW,cAAc;KAA4B,eAAe;IAAS;cAChG,IACC,kBAAC,GAAD;KACE,MAAM;KACN,MAAM,kBAAC,EAAK,SAAN,EAAc,MAAM,GAAK,CAAA;KAC/B,eAAe,EAAa,EAAI,IAAI;KACpC,OAAM;IACP,CAAA,IAED,kBAAC,GAAD;KACE,MAAM;KACN,MAAM,kBAAC,EAAK,OAAN,EAAY,MAAM,GAAK,CAAA;KAC7B,eAAe,EAAS,EAAI,IAAI;KAChC,OAAM;IACP,CAAA;GAED,CAAA;EACF;;AAER"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Grid-Cwxca9aO.js","names":[],"sources":["../src/components/file-widgets/Grid.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport type { CSSProperties, DragEvent, KeyboardEvent } from \"react\";\nimport {\n DndContext,\n closestCenter,\n PointerSensor,\n useSensor,\n useSensors,\n type DragEndEvent,\n} from \"@dnd-kit/core\";\nimport {\n SortableContext,\n rectSortingStrategy,\n useSortable,\n arrayMove,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport {\n uploadFile,\n discardFile,\n validateClientSide,\n formatBytes,\n UploadError,\n} from \"./upload\";\nimport { useDraftRegistration } from \"./draft-scope\";\nimport { preferredListThumbnailURL, preferredThumbnailVariant } from \"./helpers\";\nimport { useEmbedFileSrc } from \"./useEmbedFileSrc\";\nimport { fileArrayFromValue } from \"./value\";\nimport type {\n FileWidgetProps,\n HydratedFile,\n UploadProgress,\n} from \"./types\";\n\n// Grid widget: thumbnail grid for `mode: array` files. Per einstein §6.4.\n//\n// Behaviors:\n// - drag-drop multi-upload (each file gets its own progress tile)\n// - per-item hover overlay (View / Metadata / Delete)\n// - drag-handle reorder via @dnd-kit\n// - multi-select toolbar with Bulk Delete\n// - click → lightbox with prev/next + keyboard nav\n// - IntersectionObserver lazy thumbnail loading\n// - per-tile thumbnail prefers the schema-selected list derivation, then\n// falls back to built-in thumbs or the primary file URL\n//\n// Value contract: array of HydratedFile. onChange emits the full new array\n// (callers persist it via the entity's $files payload on save).\n\ninterface InFlightTile {\n // Local-only tiles representing uploads in progress. Once finished they\n // are appended to the value array and removed from this list.\n localId: string;\n filename: string;\n progress: UploadProgress | null;\n error: { code: string; message: string } | null;\n abort: () => void;\n}\n\nfunction thumbUrl(f: HydratedFile, preferredDerivationKey?: string): string | undefined {\n return preferredListThumbnailURL(f, preferredDerivationKey);\n}\n\nexport function Grid(props: FileWidgetProps) {\n const { field, fieldName, value, onChange, mode, disabled } = props;\n const items = fileArrayFromValue(value);\n const [tiles, setTiles] = useState<InFlightTile[]>([]);\n const [selected, setSelected] = useState<Set<string>>(new Set());\n const [lightbox, setLightbox] = useState<number | null>(null);\n const { register, unregister, isDraft } = useDraftRegistration();\n const cancelledUploadsRef = useRef<Set<string>>(new Set());\n const tilesRef = useRef<InFlightTile[]>([]);\n tilesRef.current = tiles;\n // valueRef snapshots the current value array so parallel uploads append\n // against the most recent state, not the closure they were created with.\n const valueRef = useRef<HydratedFile[]>(items);\n valueRef.current = items;\n\n // Cleanup all in-flight uploads on unmount.\n useEffect(() => {\n return () => {\n tilesRef.current.forEach((t) => t.abort());\n };\n }, []);\n\n const sensors = useSensors(\n useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n );\n\n const ariaLabel = field.display?.placeholder || fieldName;\n const accept = (field.accepts ?? [\"image/*\"]).join(\",\");\n const reorderable = field.display?.reorderable !== false;\n const preferredThumbnail = field.display?.listable_thumbnail;\n\n const startUpload = useCallback(\n async (raw: File) => {\n const v = validateClientSide(raw, field.accepts, field.max_size_bytes);\n const localId = `tile-${Math.random().toString(36).slice(2)}-${Date.now()}`;\n const ctrl = new AbortController();\n\n if (v) {\n setTiles((prev) => [\n ...prev,\n {\n localId,\n filename: raw.name,\n progress: null,\n error: v,\n abort: () => {},\n },\n ]);\n return;\n }\n\n setTiles((prev) => [\n ...prev,\n {\n localId,\n filename: raw.name,\n progress: { loaded: 0, total: raw.size, pct: 0 },\n error: null,\n abort: () => ctrl.abort(),\n },\n ]);\n\n try {\n const result = await uploadFile({\n file: raw,\n entityCode: props.entityCode,\n fieldCode: fieldName,\n signal: ctrl.signal,\n onProgress: (p) =>\n setTiles((prev) =>\n prev.map((t) =>\n t.localId === localId ? { ...t, progress: p } : t,\n ),\n ),\n });\n if (cancelledUploadsRef.current.delete(localId)) {\n void discardFile(result.id).catch(() => {});\n unregister(result.id);\n return;\n }\n register(result.id, () => discardFile(result.id));\n const next: HydratedFile = {\n id: result.id,\n filename: result.filename,\n content_type: result.content_type,\n size_bytes: result.size_bytes,\n sha256: result.sha256,\n width: result.width,\n height: result.height,\n url: result.url,\n metadata: result.metadata,\n };\n const merged = [...valueRef.current, next];\n valueRef.current = merged;\n onChange?.(merged);\n setTiles((prev) => prev.filter((t) => t.localId !== localId));\n } catch (err) {\n if (err instanceof UploadError && err.code === \"ABORTED\") {\n setTiles((prev) => prev.filter((t) => t.localId !== localId));\n return;\n }\n const e =\n err instanceof UploadError\n ? { code: err.code, message: err.message }\n : {\n code: \"UNKNOWN\",\n message: err instanceof Error ? err.message : \"Upload failed\",\n };\n setTiles((prev) =>\n prev.map((t) =>\n t.localId === localId\n ? { ...t, error: e, progress: null, abort: () => {} }\n : t,\n ),\n );\n }\n },\n [field.accepts, field.max_size_bytes, fieldName, onChange, props.entityCode, register, unregister],\n );\n\n const handleFiles = useCallback(\n (files: FileList | File[]) => {\n const arr = Array.from(files);\n arr.forEach((f) => void startUpload(f));\n },\n [startUpload],\n );\n\n const fileInputRef = useRef<HTMLInputElement | null>(null);\n const onPick = useCallback(() => {\n if (disabled) return;\n fileInputRef.current?.click();\n }, [disabled]);\n\n const onDragOver = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n if (disabled) return;\n e.preventDefault();\n e.dataTransfer.dropEffect = \"copy\";\n },\n [disabled],\n );\n\n const onDrop = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n if (disabled) return;\n e.preventDefault();\n const files = e.dataTransfer.files;\n if (files && files.length > 0) handleFiles(files);\n },\n [disabled, handleFiles],\n );\n\n const onChangeFile = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const files = e.target.files;\n e.target.value = \"\";\n if (files && files.length > 0) handleFiles(files);\n },\n [handleFiles],\n );\n\n const handleRemove = useCallback(\n (id: string) => {\n if (isDraft(id)) {\n void discardFile(id).catch(() => {});\n unregister(id);\n }\n const next = items.filter((f) => f.id !== id);\n onChange?.(next);\n setSelected((prev) => {\n const n = new Set(prev);\n n.delete(id);\n return n;\n });\n },\n [isDraft, items, onChange, unregister],\n );\n\n const handleBulkDelete = useCallback(() => {\n if (selected.size === 0) return;\n const ids = Array.from(selected);\n ids.forEach((id) => {\n if (isDraft(id)) {\n void discardFile(id).catch(() => {});\n unregister(id);\n }\n });\n onChange?.(items.filter((f) => !selected.has(f.id)));\n setSelected(new Set());\n }, [isDraft, items, selected, onChange, unregister]);\n\n const handleDragEnd = useCallback(\n (event: DragEndEvent) => {\n const { active, over } = event;\n if (!over || active.id === over.id) return;\n const oldIdx = items.findIndex((f) => f.id === active.id);\n const newIdx = items.findIndex((f) => f.id === over.id);\n if (oldIdx < 0 || newIdx < 0) return;\n onChange?.(arrayMove(items, oldIdx, newIdx));\n },\n [items, onChange],\n );\n\n const toggleSelect = useCallback((id: string) => {\n setSelected((prev) => {\n const n = new Set(prev);\n if (n.has(id)) n.delete(id);\n else n.add(id);\n return n;\n });\n }, []);\n\n const lightboxFile = lightbox != null ? items[lightbox] : null;\n const lightboxNext = useCallback(() => {\n setLightbox((cur) =>\n cur == null ? cur : Math.min(items.length - 1, cur + 1),\n );\n }, [items.length]);\n const lightboxPrev = useCallback(() => {\n setLightbox((cur) => (cur == null ? cur : Math.max(0, cur - 1)));\n }, []);\n const lightboxClose = useCallback(() => setLightbox(null), []);\n\n useEffect(() => {\n if (lightbox == null) return;\n const handler = (e: globalThis.KeyboardEvent) => {\n if (e.key === \"Escape\") lightboxClose();\n else if (e.key === \"ArrowRight\") lightboxNext();\n else if (e.key === \"ArrowLeft\") lightboxPrev();\n };\n window.addEventListener(\"keydown\", handler);\n return () => window.removeEventListener(\"keydown\", handler);\n }, [lightbox, lightboxClose, lightboxNext, lightboxPrev]);\n\n const onGridKeyDown = useCallback(\n (e: KeyboardEvent<HTMLDivElement>) => {\n if (disabled) return;\n if (e.key === \"Enter\" || e.key === \" \") {\n if (e.target === e.currentTarget) {\n e.preventDefault();\n onPick();\n }\n }\n },\n [disabled, onPick],\n );\n\n const isDisplay = mode === \"display\";\n\n const sortableIds = useMemo(() => items.map((f) => f.id), [items]);\n\n return (\n <div data-testid={`file-widget-${fieldName}`} className=\"flex flex-col gap-2\">\n {!isDisplay && selected.size > 0 && (\n <div\n className=\"flex items-center gap-2 rounded-md border border-border bg-surface-2 p-2 text-sm\"\n role=\"toolbar\"\n aria-label=\"Bulk actions\"\n >\n <span className=\"text-foreground\">{selected.size} selected</span>\n <button\n type=\"button\"\n className=\"rounded-sm border border-border bg-card px-2 py-1 text-xs text-destructive hover:bg-surface-2\"\n onClick={handleBulkDelete}\n data-testid=\"bulk-delete\"\n >\n Delete\n </button>\n <button\n type=\"button\"\n className=\"rounded-sm border border-border bg-card px-2 py-1 text-xs text-foreground hover:bg-surface-2\"\n onClick={() => setSelected(new Set())}\n >\n Clear\n </button>\n </div>\n )}\n\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragEnd={handleDragEnd}\n >\n <SortableContext items={sortableIds} strategy={rectSortingStrategy}>\n <div\n className=\"grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3 rounded-md border border-dashed border-border bg-surface p-3 outline-none focus-visible:outline-2 focus-visible:outline-accent\"\n role=\"grid\"\n aria-label={ariaLabel}\n tabIndex={isDisplay || disabled ? -1 : 0}\n onDragOver={onDragOver}\n onDrop={onDrop}\n onKeyDown={onGridKeyDown}\n data-testid=\"grid-container\"\n >\n {items.map((f, idx) => (\n <SortableTile\n key={f.id}\n file={f}\n selected={selected.has(f.id)}\n disabled={disabled || isDisplay}\n reorderable={reorderable && !isDisplay}\n preferredThumbnail={preferredThumbnail}\n onSelect={() => toggleSelect(f.id)}\n onRemove={() => handleRemove(f.id)}\n onPreview={() => setLightbox(idx)}\n />\n ))}\n {tiles.map((t) => (\n <PendingTile\n key={t.localId}\n tile={t}\n onCancel={() => {\n t.abort();\n cancelledUploadsRef.current.add(t.localId);\n setTiles((prev) =>\n prev.filter((x) => x.localId !== t.localId),\n );\n }}\n onDismiss={() =>\n setTiles((prev) =>\n prev.filter((x) => x.localId !== t.localId),\n )\n }\n />\n ))}\n {items.length === 0 && tiles.length === 0 && (\n <div\n className=\"col-span-full flex h-24 cursor-pointer items-center justify-center text-sm text-muted-foreground\"\n onClick={onPick}\n data-testid=\"grid-empty\"\n >\n {field.display?.placeholder || \"Drop files here or click to browse\"}\n </div>\n )}\n </div>\n </SortableContext>\n </DndContext>\n\n {!isDisplay && (\n <input\n ref={fileInputRef}\n type=\"file\"\n accept={accept}\n multiple\n onChange={onChangeFile}\n style={{ display: \"none\" }}\n data-testid={`file-input-${fieldName}`}\n />\n )}\n\n {lightboxFile && (\n <Lightbox\n file={lightboxFile}\n hasPrev={lightbox! > 0}\n hasNext={lightbox! < items.length - 1}\n onPrev={lightboxPrev}\n onNext={lightboxNext}\n onClose={lightboxClose}\n />\n )}\n </div>\n );\n}\n\nfunction SortableTile({\n file,\n selected,\n disabled,\n reorderable,\n preferredThumbnail,\n onSelect,\n onRemove,\n onPreview,\n}: {\n file: HydratedFile;\n selected: boolean;\n disabled?: boolean;\n reorderable: boolean;\n preferredThumbnail?: string;\n onSelect: () => void;\n onRemove: () => void;\n onPreview: () => void;\n}) {\n const {\n attributes,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({ id: file.id, disabled: !reorderable });\n const style: CSSProperties = {\n transform: CSS.Transform.toString(transform),\n transition,\n opacity: isDragging ? 0.5 : 1,\n };\n // Cookie mode: `thumbUrl` is the static thumbnail URL, returned unchanged.\n // Embed mode: resolved through the Bearer-authenticated file URL endpoint.\n const url = useEmbedFileSrc(\n file.id,\n preferredThumbnailVariant(file, preferredThumbnail),\n thumbUrl(file, preferredThumbnail),\n );\n return (\n <div\n ref={setNodeRef}\n style={style}\n className={`group relative aspect-square overflow-hidden rounded-md border ${\n selected ? \"border-accent\" : \"border-border\"\n } bg-surface-2`}\n data-testid={`grid-tile-${file.id}`}\n data-selected={selected || undefined}\n >\n {/* Lazy thumb: native loading=\"lazy\" approximates IntersectionObserver\n and is what the rest of the SDK uses (see ImageWidget). */}\n {url ? (\n <img\n src={url}\n alt={file.filename}\n className=\"h-full w-full cursor-pointer object-cover\"\n loading=\"lazy\"\n onClick={onPreview}\n />\n ) : (\n <div\n className=\"flex h-full w-full cursor-pointer items-center justify-center bg-surface-3 text-xs text-muted-foreground\"\n onClick={onPreview}\n >\n {file.filename}\n </div>\n )}\n {!disabled && (\n <>\n <input\n type=\"checkbox\"\n className=\"absolute left-1 top-1 h-4 w-4 cursor-pointer\"\n checked={selected}\n onChange={onSelect}\n aria-label={`Select ${file.filename}`}\n data-testid={`select-${file.id}`}\n onClick={(e) => e.stopPropagation()}\n />\n {reorderable && (\n <button\n type=\"button\"\n className=\"absolute right-1 top-1 cursor-grab rounded-sm border border-border bg-card px-1 text-xs\"\n aria-label={`Drag to reorder ${file.filename}`}\n data-testid={`drag-${file.id}`}\n {...attributes}\n {...listeners}\n >\n ⋮⋮\n </button>\n )}\n <div className=\"absolute inset-x-0 bottom-0 flex items-center justify-end gap-1 bg-black/50 p-1 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100\">\n <button\n type=\"button\"\n className=\"rounded-sm border border-border bg-card px-2 py-0.5 text-xs\"\n onClick={onPreview}\n >\n View\n </button>\n <button\n type=\"button\"\n className=\"rounded-sm border border-border bg-card px-2 py-0.5 text-xs text-destructive\"\n onClick={onRemove}\n data-testid={`remove-${file.id}`}\n >\n Delete\n </button>\n </div>\n </>\n )}\n </div>\n );\n}\n\nfunction PendingTile({\n tile,\n onCancel,\n onDismiss,\n}: {\n tile: InFlightTile;\n onCancel: () => void;\n onDismiss: () => void;\n}) {\n return (\n <div\n className={`relative flex aspect-square flex-col items-center justify-center rounded-md border ${\n tile.error ? \"border-destructive\" : \"border-border\"\n } bg-surface-2 p-2 text-center text-xs`}\n data-testid={`pending-tile-${tile.localId}`}\n >\n <span className=\"truncate\" title={tile.filename}>\n {tile.filename}\n </span>\n {tile.progress && !tile.error && (\n <span\n className=\"mt-1 text-muted-foreground\"\n role=\"progressbar\"\n aria-valuenow={tile.progress.pct}\n aria-valuemin={0}\n aria-valuemax={100}\n >\n {tile.progress.pct}%\n </span>\n )}\n {tile.error && (\n <div role=\"alert\" className=\"mt-1 text-destructive\">\n {tile.error.message}\n </div>\n )}\n <button\n type=\"button\"\n className=\"mt-1 rounded-sm border border-border bg-card px-2 py-0.5\"\n onClick={tile.error ? onDismiss : onCancel}\n >\n {tile.error ? \"Dismiss\" : \"Cancel\"}\n </button>\n </div>\n );\n}\n\nfunction Lightbox({\n file,\n hasPrev,\n hasNext,\n onPrev,\n onNext,\n onClose,\n}: {\n file: HydratedFile;\n hasPrev: boolean;\n hasNext: boolean;\n onPrev: () => void;\n onNext: () => void;\n onClose: () => void;\n}) {\n // The lightbox shows the full image. Cookie mode: the static primary URL.\n // Embed mode: the primary file resolved through the embed file URL endpoint.\n const url = useEmbedFileSrc(\n file.id,\n \"preview\",\n file.presigned_url ?? file.url ?? thumbUrl(file),\n );\n return (\n <div\n className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/80\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={file.filename}\n data-testid=\"lightbox\"\n onClick={onClose}\n >\n <button\n type=\"button\"\n className=\"absolute right-4 top-4 rounded-sm border border-border bg-card px-3 py-1 text-foreground\"\n onClick={(e) => {\n e.stopPropagation();\n onClose();\n }}\n data-testid=\"lightbox-close\"\n >\n Close\n </button>\n {hasPrev && (\n <button\n type=\"button\"\n className=\"absolute left-4 rounded-sm border border-border bg-card px-3 py-2 text-foreground\"\n onClick={(e) => {\n e.stopPropagation();\n onPrev();\n }}\n data-testid=\"lightbox-prev\"\n >\n ‹\n </button>\n )}\n {hasNext && (\n <button\n type=\"button\"\n className=\"absolute right-4 bottom-4 rounded-sm border border-border bg-card px-3 py-2 text-foreground\"\n onClick={(e) => {\n e.stopPropagation();\n onNext();\n }}\n data-testid=\"lightbox-next\"\n >\n ›\n </button>\n )}\n {url ? (\n <img\n src={url}\n alt={file.filename}\n className=\"max-h-[90vh] max-w-[90vw] object-contain\"\n onClick={(e) => e.stopPropagation()}\n />\n ) : (\n <div className=\"rounded-md bg-card p-4 text-foreground\">\n {file.filename} ({formatBytes(file.size_bytes)})\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"JsonEditor-KelPV-OQ.js","names":[],"sources":["../src/components/fields/JsonEditor.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport {\n createJSONEditor,\n Mode,\n type Content,\n type OnChangeStatus,\n type JSONEditorPropsOptional,\n} from \"vanilla-jsoneditor\";\n// Dark theme CSS vars for vanilla-jsoneditor (sets --jse-* custom properties)\nimport \"vanilla-jsoneditor/themes/jse-theme-dark.css\";\n\ninterface JsonEditorProps {\n value: unknown;\n onChange?: (value: unknown) => void;\n readOnly?: boolean;\n // Future: JSON Schema for in-editor validation (Ajv). Accept now, wire later.\n schema?: Record<string, unknown>;\n // id (Finding 2): set on the editor container so the form's <label>\n // association resolves to a real element. The container also carries\n // role=\"group\" so assistive tech treats the editor as one labelled region.\n id?: string;\n}\n\nfunction toContent(v: unknown): Content {\n if (v == null) return { text: \"\" };\n if (typeof v === \"string\") {\n try {\n return { json: JSON.parse(v) };\n } catch {\n return { text: v };\n }\n }\n return { json: v };\n}\n\nexport function JsonEditor({ value, onChange, readOnly, id }: JsonEditorProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const editorRef = useRef<ReturnType<typeof createJSONEditor> | null>(null);\n const onChangeRef = useRef(onChange);\n useEffect(() => { onChangeRef.current = onChange; }, [onChange]);\n\n // Create / recreate editor when readOnly changes\n useEffect(() => {\n if (!containerRef.current) return;\n\n const props: JSONEditorPropsOptional = {\n content: toContent(value),\n readOnly: readOnly ?? false,\n mode: readOnly ? Mode.tree : Mode.text,\n mainMenuBar: !readOnly,\n navigationBar: false,\n statusBar: false,\n onChange: (content: Content, _prev: Content, status: OnChangeStatus) => {\n if (readOnly || !onChangeRef.current) return;\n if (status.contentErrors) return;\n if (\"json\" in content) {\n onChangeRef.current(content.json);\n } else if (\"text\" in content) {\n try {\n onChangeRef.current(JSON.parse(content.text));\n } catch {\n onChangeRef.current(content.text);\n }\n }\n },\n };\n\n const syncDarkClass = () => {\n const isDark = document.documentElement.dataset.theme === \"dark\";\n containerRef.current?.classList.toggle(\"jse-theme-dark\", isDark);\n };\n syncDarkClass();\n\n // Watch for theme attribute changes on <html>.\n const observer = new MutationObserver(syncDarkClass);\n observer.observe(document.documentElement, {\n attributes: true,\n attributeFilter: [\"data-theme\"],\n });\n\n const editor = createJSONEditor({\n target: containerRef.current,\n props,\n });\n editorRef.current = editor;\n\n return () => {\n observer.disconnect();\n editor.destroy();\n editorRef.current = null;\n };\n }, [readOnly]); // eslint-disable-line react-hooks/exhaustive-deps\n\n // Update content when value changes externally (read-only mode only)\n useEffect(() => {\n if (!editorRef.current || !readOnly) return;\n editorRef.current.updateProps({ content: toContent(value) });\n }, [value, readOnly]);\n\n return (\n <div\n ref={containerRef}\n id={id}\n role=\"group\"\n className={readOnly ? \"json-editor-readonly\" : \"json-editor-editable\"}\n />\n );\n}\n"],"mappings":";;;;;AAuBA,SAAS,EAAU,GAAqB;CACtC,IAAI,KAAK,MAAM,OAAO,EAAE,MAAM,GAAG;CACjC,IAAI,OAAO,KAAM,UACf,IAAI;EACF,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC,EAAE;CAC/B,QAAQ;EACN,OAAO,EAAE,MAAM,EAAE;CACnB;CAEF,OAAO,EAAE,MAAM,EAAE;AACnB;AAEA,SAAgB,EAAW,EAAE,UAAO,aAAU,aAAU,SAAuB;CAC7E,IAAM,IAAe,EAAuB,IAAI,GAC1C,IAAY,EAAmD,IAAI,GACnE,IAAc,EAAO,CAAQ;CA6DnC,OA5DA,QAAgB;EAAE,EAAY,UAAU;CAAU,GAAG,CAAC,CAAQ,CAAC,GAG/D,QAAgB;EACd,IAAI,CAAC,EAAa,SAAS;EAE3B,IAAM,IAAiC;GACrC,SAAS,EAAU,CAAK;GACxB,UAAU,KAAY;GACtB,MAAM,IAAW,EAAK,OAAO,EAAK;GAClC,aAAa,CAAC;GACd,eAAe;GACf,WAAW;GACX,WAAW,GAAkB,GAAgB,MAA2B;IAClE,WAAY,CAAC,EAAY,YACzB,GAAO,eACX;SAAI,UAAU,GACZ,EAAY,QAAQ,EAAQ,IAAI;UAC3B,IAAI,UAAU,GACnB,IAAI;MACF,EAAY,QAAQ,KAAK,MAAM,EAAQ,IAAI,CAAC;KAC9C,QAAQ;MACN,EAAY,QAAQ,EAAQ,IAAI;KAClC;;GAEJ;EACF,GAEM,UAAsB;GAC1B,IAAM,IAAS,SAAS,gBAAgB,QAAQ,UAAU;GAC1D,EAAa,SAAS,UAAU,OAAO,kBAAkB,CAAM;EACjE;EACA,EAAc;EAGd,IAAM,IAAW,IAAI,iBAAiB,CAAa;EACnD,EAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB,CAAC,YAAY;EAChC,CAAC;EAED,IAAM,IAAS,EAAiB;GAC9B,QAAQ,EAAa;GACrB;EACF,CAAC;EAGD,OAFA,EAAU,UAAU,SAEP;GAGX,AAFA,EAAS,WAAW,GACpB,EAAO,QAAQ,GACf,EAAU,UAAU;EACtB;CACF,GAAG,CAAC,CAAQ,CAAC,GAGb,QAAgB;EACV,CAAC,EAAU,WAAW,CAAC,KAC3B,EAAU,QAAQ,YAAY,EAAE,SAAS,EAAU,CAAK,EAAE,CAAC;CAC7D,GAAG,CAAC,GAAO,CAAQ,CAAC,GAGlB,kBAAC,OAAD;EACE,KAAK;EACD;EACJ,MAAK;EACL,WAAW,IAAW,yBAAyB;CAChD,CAAA;AAEL"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MarkdownRenderer-Dbl3AFDQ.js","names":[],"sources":["../src/components/shared/MarkdownRenderer.tsx"],"sourcesContent":["// MarkdownRenderer: the heavy markdown rendering path. This module owns ALL\n// react-markdown / remark imports, so the renderer and the remark/micromark\n// parser (~120 kB) land in their own lazy chunk and never the eager SDK\n// bundle. Reached only through the lazy `Markdown` wrapper (Markdown.tsx) -\n// never import this file directly from feature code.\nimport type { ReactNode } from \"react\";\nimport ReactMarkdown, { defaultUrlTransform, type Components } from \"react-markdown\";\nimport remarkBreaks from \"remark-breaks\";\nimport remarkGfm from \"remark-gfm\";\nimport type { PluggableList } from \"unified\";\nimport type { HydratedFile } from \"@/types/files\";\nimport { extractDeclarionFileId } from \"@/lib/rich-text\";\n\n// Standard prose container. Before this consolidation TextField, RichTextField\n// and the markdown cell factories each repeated this exact class string.\nconst PROSE_CLASS =\n \"prose prose-sm dark:prose-invert max-w-none break-words overflow-hidden\";\n\nconst REMARK_BREAKS: PluggableList = [remarkBreaks];\nconst REMARK_GFM: PluggableList = [remarkGfm];\n\nexport interface MarkdownRendererProps {\n content: string;\n // Plugin set: \"breaks\" (remark-breaks, default) or \"gfm\" (remark-gfm: tables,\n // strikethrough, autolinks). One enum, not a plugin array, so callers never\n // import remark packages and pull them back into the eager bundle.\n plugins?: \"breaks\" | \"gfm\";\n // Inline-file map. When provided, declarion://file/<id> refs in links and\n // images resolve to the file URL; unresolved refs render a warning.\n files?: Record<string, HydratedFile>;\n // Component overrides merged over the defaults (e.g. chat code styling).\n components?: Components;\n // Strip raw HTML. Default true; pass false only with security review.\n skipHtml?: boolean;\n // Wrap output in the standard prose container. Default true.\n prose?: boolean;\n}\n\n// declarion://file/<id> refs must survive urlTransform so the file-aware\n// img/a components can resolve them; everything else goes through\n// react-markdown's defaultUrlTransform (which strips javascript: URIs).\nfunction fileUrlTransform(url: string): string {\n if (url.startsWith(\"declarion://file/\")) return url;\n return defaultUrlTransform(url);\n}\n\n// Hydrated file URLs come from the server — either a relative\n// `/api/files/{id}/download` (proxy path) or an absolute presigned\n// `https://...` from S3/SeaweedFS. Defence-in-depth scheme allow-list:\n// reject anything else before rendering so a future server-side bug\n// that produced `javascript:` or `data:` cannot become an XSS sink\n// through the file-aware <img>/<a> path that bypasses urlTransform.\n// Decision 2026-05-27 security followup MEDIUM 6.\nfunction safeFileUrl(url: string): string | null {\n if (url.startsWith(\"/\")) return url; // same-origin relative\n if (url.startsWith(\"https://\") || url.startsWith(\"http://\")) return url;\n return null;\n}\n\n// An href is \"external\" exactly when the global link interceptor will NOT\n// handle it: a cross-origin URL, a protocol-relative URL, or a non-http scheme\n// (mailto:, tel:, ...). Those open in a new window so a cross-origin link can\n// never navigate the embed iframe away from Declarion. Same-origin links -\n// whether relative (/cases/5) OR absolute (https://<this-origin>/cases/5) -\n// are INTERNAL: they stay plain <a href> so the interceptor routes them in-app.\n// This mirrors the interceptor's own predicate (same-origin http(s) only).\nfunction isExternalHref(href: string | undefined): boolean {\n if (!href) return false;\n if (href.startsWith(\"//\")) return true; // protocol-relative\n const base =\n typeof window !== \"undefined\" ? window.location.href : \"http://localhost/\";\n let url: URL;\n try {\n url = new URL(href, base);\n } catch {\n return false;\n }\n if (url.protocol !== \"http:\" && url.protocol !== \"https:\") return true;\n const origin =\n typeof window !== \"undefined\" ? window.location.origin : \"http://localhost\";\n return url.origin !== origin;\n}\n\n// The default markdown-link renderer: external links open a new window with\n// rel=\"noopener noreferrer\"; relative links render plain for the interceptor.\nfunction MarkdownLink({ href, children }: { href?: string; children?: ReactNode }) {\n if (isExternalHref(href)) {\n return (\n <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n {children}\n </a>\n );\n }\n return <a href={href}>{children}</a>;\n}\n\nfunction fileAwareComponents(files: Record<string, HydratedFile>): Components {\n return {\n img({ src, alt }: { src?: string; alt?: string }) {\n const fileId = extractDeclarionFileId(src);\n if (!fileId) return <img src={src} alt={alt ?? \"\"} />;\n const file = files[fileId];\n const rawUrl = file?.presigned_url ?? file?.url;\n const url = rawUrl ? safeFileUrl(rawUrl) : null;\n if (!url) {\n return <span style={{ color: \"var(--warn)\", fontSize: 12 }}>Missing image {fileId}</span>;\n }\n return <img src={url} alt={alt ?? file.filename ?? \"\"} />;\n },\n a({ href, children }: { href?: string; children?: ReactNode }) {\n const fileId = extractDeclarionFileId(href);\n if (!fileId) return <MarkdownLink href={href}>{children}</MarkdownLink>;\n const file = files[fileId];\n const rawUrl = file?.presigned_url ?? file?.url;\n const url = rawUrl ? safeFileUrl(rawUrl) : null;\n if (!url) {\n return <span style={{ color: \"var(--warn)\", fontSize: 12 }}>Missing file {fileId}</span>;\n }\n return (\n <a href={url} target=\"_blank\" rel=\"noreferrer\">\n {children}\n </a>\n );\n },\n };\n}\n\nexport function MarkdownRenderer({\n content,\n plugins = \"breaks\",\n files,\n components,\n skipHtml = true,\n prose = true,\n}: MarkdownRendererProps) {\n const remarkPlugins = plugins === \"gfm\" ? REMARK_GFM : REMARK_BREAKS;\n // Always apply the external-aware link renderer as the base so cross-origin\n // markdown links open a new window even when no file map is supplied; the\n // file-aware `a` (when files are present) overrides it and falls back to the\n // same MarkdownLink for non-file links.\n const merged: Components = {\n a: MarkdownLink,\n ...(files ? fileAwareComponents(files) : {}),\n ...components,\n };\n const rendered = (\n <ReactMarkdown\n skipHtml={skipHtml}\n remarkPlugins={remarkPlugins}\n components={merged}\n urlTransform={files ? fileUrlTransform : undefined}\n >\n {content}\n </ReactMarkdown>\n );\n return prose ? <div className={PROSE_CLASS}>{rendered}</div> : rendered;\n}\n"],"mappings":";;;;;;AAeA,IAAM,IACJ,2EAEI,IAA+B,CAAC,CAAY,GAC5C,IAA4B,CAAC,CAAS;AAsB5C,SAAS,EAAiB,GAAqB;CAE7C,OADI,EAAI,WAAW,mBAAmB,IAAU,IACzC,EAAoB,CAAG;AAChC;AASA,SAAS,EAAY,GAA4B;CAG/C,OAFI,EAAI,WAAW,GAAG,KAClB,EAAI,WAAW,UAAU,KAAK,EAAI,WAAW,SAAS,IAAU,IAC7D;AACT;AASA,SAAS,EAAe,GAAmC;CACzD,IAAI,CAAC,GAAM,OAAO;CAClB,IAAI,EAAK,WAAW,IAAI,GAAG,OAAO;CAClC,IAAM,IACJ,OAAO,SAAW,MAAc,OAAO,SAAS,OAAO,qBACrD;CACJ,IAAI;EACF,IAAM,IAAI,IAAI,GAAM,CAAI;CAC1B,QAAQ;EACN,OAAO;CACT;CACA,IAAI,EAAI,aAAa,WAAW,EAAI,aAAa,UAAU,OAAO;CAClE,IAAM,IACJ,OAAO,SAAW,MAAc,OAAO,SAAS,SAAS;CAC3D,OAAO,EAAI,WAAW;AACxB;AAIA,SAAS,EAAa,EAAE,SAAM,eAAqD;CAQjF,OAPI,EAAe,CAAI,IAEnB,kBAAC,KAAD;EAAS;EAAM,QAAO;EAAS,KAAI;EAChC;CACA,CAAA,IAGA,kBAAC,KAAD;EAAS;EAAO;CAAY,CAAA;AACrC;AAEA,SAAS,EAAoB,GAAiD;CAC5E,OAAO;EACL,IAAI,EAAE,QAAK,UAAuC;GAChD,IAAM,IAAS,EAAuB,CAAG;GACzC,IAAI,CAAC,GAAQ,OAAO,kBAAC,OAAD;IAAU;IAAK,KAAK,KAAO;GAAK,CAAA;GACpD,IAAM,IAAO,EAAM,IACb,IAAS,GAAM,iBAAiB,GAAM,KACtC,IAAM,IAAS,EAAY,CAAM,IAAI;GAI3C,OAHK,IAGE,kBAAC,OAAD;IAAK,KAAK;IAAK,KAAK,KAAO,EAAK,YAAY;GAAK,CAAA,IAF/C,kBAAC,QAAD;IAAM,OAAO;KAAE,OAAO;KAAe,UAAU;IAAG;cAAlD,CAAqD,kBAAe,CAAa;;EAG5F;EACA,EAAE,EAAE,SAAM,eAAqD;GAC7D,IAAM,IAAS,EAAuB,CAAI;GAC1C,IAAI,CAAC,GAAQ,OAAO,kBAAC,GAAD;IAAoB;IAAO;GAAuB,CAAA;GACtE,IAAM,IAAO,EAAM,IACb,IAAS,GAAM,iBAAiB,GAAM,KACtC,IAAM,IAAS,EAAY,CAAM,IAAI;GAI3C,OAHK,IAIH,kBAAC,KAAD;IAAG,MAAM;IAAK,QAAO;IAAS,KAAI;IAC/B;GACA,CAAA,IALI,kBAAC,QAAD;IAAM,OAAO;KAAE,OAAO;KAAe,UAAU;IAAG;cAAlD,CAAqD,iBAAc,CAAa;;EAO3F;CACF;AACF;AAEA,SAAgB,EAAiB,EAC/B,YACA,aAAU,UACV,UACA,eACA,cAAW,IACX,WAAQ,MACgB;CAWxB,IAAM,IACJ,kBAAC,GAAD;EACY;EACK,eAbG,MAAY,QAAQ,IAAa;EAcnD,YAAY;GARd,GAAG;GACH,GAAI,IAAQ,EAAoB,CAAK,IAAI,CAAC;GAC1C,GAAG;EAMW;EACZ,cAAc,IAAQ,IAAmB,KAAA;YAExC;CACY,CAAA;CAEjB,OAAO,IAAQ,kBAAC,OAAD;EAAK,WAAW;YAAc;CAAc,CAAA,IAAI;AACjE"}
@@ -1,18 +0,0 @@
1
- import { type ReactNode } from "react";
2
- export interface BulkActionItem {
3
- id: string;
4
- label: string;
5
- icon?: ReactNode;
6
- primary?: boolean;
7
- destructive?: boolean;
8
- onRun: () => void;
9
- }
10
- export interface BulkBarProps {
11
- count: number;
12
- actions: BulkActionItem[];
13
- onClear: () => void;
14
- /** Optional extra destructive action tail (e.g. delete). */
15
- onDelete?: () => void;
16
- onExport?: () => void;
17
- }
18
- export declare function BulkBar({ count, actions, onClear, onDelete, onExport }: BulkBarProps): import("react").JSX.Element;
@@ -1,34 +0,0 @@
1
- import { type ReactNode } from "react";
2
- import { type Action, type Screen } from "../../types/schema";
3
- export interface ListPageProps {
4
- title: string;
5
- singular: string;
6
- total: number;
7
- shown: number;
8
- /** Selected row count — when >0 BulkBar is rendered. */
9
- selectionCount: number;
10
- clearSelection: () => void;
11
- onNewRecord: () => void;
12
- /** Screen YAML, used to honor `screen.primary_actions[*]`. */
13
- screen?: Screen;
14
- /** All actions available in this list scope (toolbar + bulk). */
15
- actions: Record<string, Action>;
16
- /**
17
- * Permission gate. Receives the action's registry code (without entity
18
- * prefix). When omitted, all visible actions are shown — callers in
19
- * production wire this to the existing RBAC helper.
20
- */
21
- hasPermission?: (code: string) => boolean;
22
- /** Executes an action against current selection (or globally). */
23
- executeAction: (code: string, action: Action, params: Record<string, unknown>) => Promise<unknown>;
24
- /** Rendered between header and BulkBar (table, footer, drawers). */
25
- children?: ReactNode;
26
- /** Optional extra destructive delete shortcut for the bulk bar. */
27
- onBulkDelete?: () => void;
28
- onBulkExport?: () => void;
29
- /** Invoked when the dropdown's built-in "Export selection (CSV)" is clicked. */
30
- onToolbarExport?: () => void;
31
- /** Invoked when the dropdown's built-in "Manage actions…" is clicked. */
32
- onManageActions?: () => void;
33
- }
34
- export declare function ListPage({ title, singular, total, shown, selectionCount, clearSelection, onNewRecord, screen, actions, hasPermission, executeAction, children, onBulkDelete, onBulkExport, onToolbarExport, onManageActions, }: ListPageProps): import("react").JSX.Element;