@declarion/react 0.52.0 → 0.54.0
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-lib/{DraggableChildrenTable-CJCjc_cd.js → DraggableChildrenTable-CPoUY99R.js} +35 -35
- package/dist-lib/{Grid-DUjbQg3r.js → Grid--QAEby8k.js} +28 -28
- package/dist-lib/{LayoutRenderer-DbdxC-Bq.js → LayoutRenderer-BxZ7Nd9b.js} +920 -922
- package/dist-lib/{ListCardsBody-C8ofksQb.js → ListCardsBody-BPV4GPrv.js} +14 -14
- package/dist-lib/{MarkdownRenderer-B9_5fwuE.js → MarkdownRenderer-CIKuh_0i.js} +10 -10
- package/dist-lib/{record-documents-key-8fdm7C10.js → RecordIdBadge-CGxPR-8q.js} +1 -4
- package/dist-lib/{RefreshControl-C-8UCyau.js → RefreshControl-DMLkZP3R.js} +120 -122
- package/dist-lib/{SmartDetailPage.impl-DWjNQ052.js → SmartDetailPage.impl-SnNu6Ug-.js} +376 -377
- package/dist-lib/{SmartListPage.impl-yKBK7a8b.js → SmartListPage.impl-C73pR7Iw.js} +1098 -1099
- package/dist-lib/{SmartRecordListPage.impl-DRpU_DOC.js → SmartRecordListPage.impl-rJjQZe1V.js} +183 -183
- package/dist-lib/{SortHeaderMenu-CbihbEGd.js → SortHeaderMenu-DQ_KrkWk.js} +1 -1
- package/dist-lib/{action-dispatch-C28UhXXA.js → action-dispatch-DsuUS7ae.js} +382 -382
- package/dist-lib/api/agents.d.ts +0 -1
- package/dist-lib/api/events.d.ts +27 -5
- package/dist-lib/{cardProjection-Bp_ZPLUE.js → cardProjection-BadzqyeQ.js} +146 -204
- package/dist-lib/components/actions/ObjectActionBar.d.ts +1 -1
- package/dist-lib/components/chrome/Breadcrumbs.d.ts +1 -1
- package/dist-lib/components/detail-layout/DetailAuditStrip.d.ts +1 -1
- package/dist-lib/components/detail-layout/DetailHighlights.d.ts +1 -1
- package/dist-lib/components/detail-layout/DraggableChildrenTable.d.ts +1 -1
- package/dist-lib/components/detail-layout/EditableChildrenTable.d.ts +1 -1
- package/dist-lib/components/detail-layout/LayoutRenderer.d.ts +1 -1
- package/dist-lib/components/file-widgets/host.d.ts +1 -1
- package/dist-lib/components/layout/Layout.d.ts +1 -1
- package/dist-lib/components/layout/TopBar.d.ts +1 -1
- package/dist-lib/components/list/InlineEditCell.d.ts +1 -1
- package/dist-lib/components/list/PeekFieldCell.d.ts +1 -1
- package/dist-lib/components/list/QuickPeek.d.ts +1 -1
- package/dist-lib/components/pages/DocumentsMenu.d.ts +1 -1
- package/dist-lib/components/pages/RecordDocumentsPanel.d.ts +2 -2
- package/dist-lib/components/pages/auth/AuthShell.d.ts +1 -1
- package/dist-lib/components/pages/list/ListCardRow.d.ts +1 -1
- package/dist-lib/components/pages/list/ListCardsBody.d.ts +1 -1
- package/dist-lib/components/pages/list/ListFloatbar.d.ts +1 -1
- package/dist-lib/components/pages/list/ListHeader.d.ts +1 -1
- package/dist-lib/components/pages/list/columns.d.ts +1 -1
- package/dist-lib/components/pages/list/filter-meta.d.ts +1 -1
- package/dist-lib/components/pages/list/use-filter-value-labels.d.ts +1 -1
- package/dist-lib/components/pages/list/useListQuery.d.ts +6 -1
- package/dist-lib/components/pages/list/useListRowInteraction.d.ts +1 -1
- package/dist-lib/components/pages/list/useListViews.d.ts +1 -1
- package/dist-lib/components/pages/list/useRowMenu.d.ts +1 -1
- package/dist-lib/components/shared/RefreshControl.d.ts +7 -1
- package/dist-lib/components/shared/useOwnRefresh.d.ts +9 -0
- package/dist-lib/{field-classification-CeYJlsNq.js → field-classification-sMkkAEg9.js} +301 -320
- package/dist-lib/{format-count-C3N-WxEy.js → format-count-B5SLlNOb.js} +245 -245
- package/dist-lib/hooks/useMutations.d.ts +1 -1
- package/dist-lib/hooks/useSSE.d.ts +24 -4
- package/dist-lib/index.js +1586 -1858
- package/dist-lib/lib/action-dispatch.d.ts +1 -1
- package/dist-lib/lib/document-templates.d.ts +1 -1
- package/dist-lib/lib/realtime-reconcile.d.ts +43 -0
- package/dist-lib/{peekDraftStore-D3sowXga.js → peekDraftStore-CbHFwz_F.js} +36 -36
- package/dist-lib/{registry-p6CejATt.js → registry-D0RhCnEL.js} +507 -507
- package/dist-lib/stores/realtime.d.ts +20 -0
- package/dist-lib/testing.js +35 -35
- package/dist-lib/types/api.d.ts +8 -4
- package/dist-lib/types/schema.d.ts +6 -0
- package/dist-lib/{useCurrentScreen-74x5yJNb.js → useCurrentScreen-DVTXCj_K.js} +2508 -1557
- package/dist-lib/{useListQuery-D75bgLLz.js → useListQuery-C2nq58YV.js} +13 -10
- package/dist-lib/{useProperties-C5fZp12D.js → useProperties-BcIz-MyO.js} +25 -25
- package/dist-lib/useTabSearchMirror-UYCsopxP.js +177 -0
- package/dist-lib/{value-DKekzcjz.js → value-CQzGOI0F.js} +25 -25
- package/package.json +14 -14
- package/dist-lib/useTabSearchMirror-D_wzoYRz.js +0 -406
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { s as e, t } from "./DynamicIcon-DW5krHuX.js";
|
|
2
|
-
import {
|
|
3
|
-
import { _ as C } from "./RefreshControl-
|
|
4
|
-
import {
|
|
5
|
-
import { c as ee, o as te, p as ne, r as re } from "./action-dispatch-
|
|
6
|
-
import { a as D, d as O, f as k, h as A, i as j, l as M, o as N, s as P, u as F } from "./useTabSearchMirror-
|
|
2
|
+
import { Ar as n, Dr as r, Fr as i, Ir as a, Mr as o, Nr as s, St as c, U as l, W as u, Zn as d, _t as f, an as p, i as m, lr as h, mr as g, nt as _, q as v, rt as y, vr as b, wr as x, xr as S } from "./useCurrentScreen-DVTXCj_K.js";
|
|
3
|
+
import { _ as C } from "./RefreshControl-DMLkZP3R.js";
|
|
4
|
+
import { D as w, b as T, y as E } from "./field-classification-sMkkAEg9.js";
|
|
5
|
+
import { c as ee, o as te, p as ne, r as re } from "./action-dispatch-DsuUS7ae.js";
|
|
6
|
+
import { a as D, d as O, f as k, h as A, i as j, l as M, o as N, s as P, u as F } from "./useTabSearchMirror-UYCsopxP.js";
|
|
7
7
|
import { Fragment as I, useCallback as L, useEffect as R, useMemo as z, useRef as B, useState as V } from "react";
|
|
8
8
|
import { useLocation as H, useSearchParams as ie } from "react-router";
|
|
9
9
|
import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
|
|
10
10
|
//#region src/hooks/useScreen.ts
|
|
11
11
|
function K(e) {
|
|
12
|
-
let { data: t } =
|
|
12
|
+
let { data: t } = p();
|
|
13
13
|
if (!(!t || !e)) return t.screens[e];
|
|
14
14
|
}
|
|
15
15
|
//#endregion
|
|
@@ -65,7 +65,7 @@ function oe(e, t) {
|
|
|
65
65
|
let r = t && String(n.user_id) === t;
|
|
66
66
|
e.push({
|
|
67
67
|
id: String(n.id),
|
|
68
|
-
name: typeof n.name == "object" && n.name !== null ? n.name : { en:
|
|
68
|
+
name: typeof n.name == "object" && n.name !== null ? n.name : { en: h(n.name) },
|
|
69
69
|
icon: n.icon,
|
|
70
70
|
source: r ? "personal" : "shared",
|
|
71
71
|
is_default: n.is_default === !0,
|
|
@@ -149,57 +149,57 @@ function ce({ icon: e, title: n, description: r, action: i }) {
|
|
|
149
149
|
}
|
|
150
150
|
//#endregion
|
|
151
151
|
//#region src/components/filters/FilterDrawer.tsx
|
|
152
|
-
function le({ open: t, onClose: n, filters:
|
|
153
|
-
let
|
|
152
|
+
function le({ open: t, onClose: n, filters: o, onApply: s, availableFields: c, defaultFilters: l, refs: u }) {
|
|
153
|
+
let d = r().category === "phone", [f, p] = V(o), [m, h] = V(!1);
|
|
154
154
|
if (R(() => {
|
|
155
155
|
if (t) {
|
|
156
|
-
if (
|
|
157
|
-
let e =
|
|
158
|
-
let t =
|
|
156
|
+
if (o.length === 0 && l && l.length > 0) {
|
|
157
|
+
let e = l.flatMap((e) => {
|
|
158
|
+
let t = c.find((t) => t.code === e);
|
|
159
159
|
return t ? [{
|
|
160
160
|
field: e,
|
|
161
161
|
op: t.operators[0] || "eq"
|
|
162
162
|
}] : [];
|
|
163
163
|
});
|
|
164
|
-
|
|
164
|
+
p(e);
|
|
165
165
|
return;
|
|
166
166
|
}
|
|
167
|
-
|
|
167
|
+
p(o);
|
|
168
168
|
}
|
|
169
169
|
}, [
|
|
170
170
|
t,
|
|
171
|
-
r,
|
|
172
171
|
o,
|
|
173
|
-
|
|
172
|
+
l,
|
|
173
|
+
c
|
|
174
174
|
]), !t) return null;
|
|
175
|
-
let
|
|
176
|
-
let t = new Set(M(e).map((e) => e.field).filter(Boolean)), n =
|
|
175
|
+
let g = O(f), _ = new Set(M(f).filter((e) => e.field).map((e) => e.field)), v = (e = f) => {
|
|
176
|
+
let t = new Set(M(e).map((e) => e.field).filter(Boolean)), n = c.find((e) => !t.has(e.code)) ?? c[0];
|
|
177
177
|
return n ? {
|
|
178
178
|
field: n.code,
|
|
179
179
|
op: n.operators[0] || "eq"
|
|
180
180
|
} : {};
|
|
181
|
-
},
|
|
182
|
-
let t =
|
|
181
|
+
}, y = (e) => {
|
|
182
|
+
let t = c.find((t) => t.code === e);
|
|
183
183
|
if (!t) return;
|
|
184
184
|
let n = t.operators[0] || "eq";
|
|
185
|
-
|
|
185
|
+
p((t) => [...t, {
|
|
186
186
|
field: e,
|
|
187
187
|
op: n
|
|
188
|
-
}]),
|
|
188
|
+
}]), h(!1);
|
|
189
189
|
}, b = () => {
|
|
190
|
-
let e =
|
|
191
|
-
|
|
190
|
+
let e = f.filter((e) => e.field && e.op), t = f.filter((e) => !e.field || !e.op), n = e.length === 1 ? e[0] : e.length > 1 ? { and: e } : {};
|
|
191
|
+
p([...t, { or: [n, {}] }]);
|
|
192
192
|
}, x = (e, t) => {
|
|
193
|
-
|
|
193
|
+
p((n) => Z(n, e, (e) => ({
|
|
194
194
|
...e,
|
|
195
195
|
...t
|
|
196
196
|
})));
|
|
197
197
|
}, S = (e, t) => {
|
|
198
|
-
|
|
198
|
+
p((n) => Q(n, e, t));
|
|
199
199
|
}, C = (e) => {
|
|
200
|
-
|
|
200
|
+
p((t) => $(t, e));
|
|
201
201
|
}, w = (e, t) => {
|
|
202
|
-
|
|
202
|
+
p((n) => Z(n, e, (e) => e.or ? {
|
|
203
203
|
...e,
|
|
204
204
|
or: [...e.or, t]
|
|
205
205
|
} : e.and ? {
|
|
@@ -207,9 +207,9 @@ function le({ open: t, onClose: n, filters: r, onApply: i, availableFields: a, d
|
|
|
207
207
|
and: [...e.and, t]
|
|
208
208
|
} : e));
|
|
209
209
|
}, T = (e, t) => {
|
|
210
|
-
let n = [...e, t], r = he(
|
|
210
|
+
let n = [...e, t], r = he(f, n);
|
|
211
211
|
if (!r) return;
|
|
212
|
-
let i =
|
|
212
|
+
let i = v();
|
|
213
213
|
r.and ? w(n, i) : r.field || r.op || r.or ? S(n, { and: [r, i] }) : S(n, i);
|
|
214
214
|
}, E = (e, t) => {
|
|
215
215
|
if (e.or || e.and) return /* @__PURE__ */ W(me, {
|
|
@@ -217,17 +217,17 @@ function le({ open: t, onClose: n, filters: r, onApply: i, availableFields: a, d
|
|
|
217
217
|
renderNode: E,
|
|
218
218
|
onRemoveChild: C,
|
|
219
219
|
onAddCondition: (n) => {
|
|
220
|
-
e.or && n !== void 0 ? T(t, n) : w(t,
|
|
220
|
+
e.or && n !== void 0 ? T(t, n) : w(t, v(e.or ?? e.and));
|
|
221
221
|
},
|
|
222
222
|
onAddBranch: () => w(t, {}),
|
|
223
223
|
path: t
|
|
224
224
|
}, t.join("-"));
|
|
225
225
|
if (!e.field || !e.op) return /* @__PURE__ */ W("div", { style: { minHeight: 4 } }, t.join("-"));
|
|
226
|
-
let n =
|
|
226
|
+
let n = c.find((t) => t.code === e.field);
|
|
227
227
|
return n ? /* @__PURE__ */ W(pe, {
|
|
228
228
|
node: e,
|
|
229
229
|
meta: n,
|
|
230
|
-
refs:
|
|
230
|
+
refs: u,
|
|
231
231
|
onUpdate: (e) => x(t, e),
|
|
232
232
|
onRemove: () => C(t)
|
|
233
233
|
}, t.join("-")) : null;
|
|
@@ -286,7 +286,7 @@ function le({ open: t, onClose: n, filters: r, onApply: i, availableFields: a, d
|
|
|
286
286
|
},
|
|
287
287
|
children: "Filters"
|
|
288
288
|
})]
|
|
289
|
-
}), /* @__PURE__ */ W(
|
|
289
|
+
}), /* @__PURE__ */ W(i, {
|
|
290
290
|
icon: /* @__PURE__ */ W(e.x, { size: 14 }),
|
|
291
291
|
onClick: n,
|
|
292
292
|
title: "Close"
|
|
@@ -303,24 +303,24 @@ function le({ open: t, onClose: n, filters: r, onApply: i, availableFields: a, d
|
|
|
303
303
|
minWidth: 0,
|
|
304
304
|
minHeight: 0
|
|
305
305
|
},
|
|
306
|
-
children: [
|
|
306
|
+
children: [f.map((e, t) => E(e, [t])), /* @__PURE__ */ W("div", {
|
|
307
307
|
style: {
|
|
308
308
|
display: "flex",
|
|
309
309
|
alignItems: "center",
|
|
310
310
|
gap: 6,
|
|
311
311
|
paddingTop: 6
|
|
312
312
|
},
|
|
313
|
-
children:
|
|
314
|
-
fields:
|
|
315
|
-
activeFields:
|
|
316
|
-
compact:
|
|
317
|
-
onSelect:
|
|
318
|
-
onCancel: () =>
|
|
319
|
-
}) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(
|
|
313
|
+
children: m ? /* @__PURE__ */ W(ge, {
|
|
314
|
+
fields: c,
|
|
315
|
+
activeFields: _,
|
|
316
|
+
compact: d,
|
|
317
|
+
onSelect: y,
|
|
318
|
+
onCancel: () => h(!1)
|
|
319
|
+
}) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(a, {
|
|
320
320
|
icon: /* @__PURE__ */ W(e.plus, { size: 12 }),
|
|
321
|
-
onClick: () =>
|
|
321
|
+
onClick: () => h(!0),
|
|
322
322
|
children: "Add filter"
|
|
323
|
-
}), !
|
|
323
|
+
}), !g && M(f).length > 0 && /* @__PURE__ */ W(a, {
|
|
324
324
|
kind: "ghost",
|
|
325
325
|
icon: /* @__PURE__ */ W(e.plus, { size: 12 }),
|
|
326
326
|
onClick: b,
|
|
@@ -341,22 +341,22 @@ function le({ open: t, onClose: n, filters: r, onApply: i, availableFields: a, d
|
|
|
341
341
|
paddingBottom: "calc(10px + var(--safe-area-bottom))"
|
|
342
342
|
},
|
|
343
343
|
children: [
|
|
344
|
-
/* @__PURE__ */ W(
|
|
344
|
+
/* @__PURE__ */ W(a, {
|
|
345
345
|
kind: "ghost",
|
|
346
346
|
onClick: () => {
|
|
347
|
-
|
|
347
|
+
p([]);
|
|
348
348
|
},
|
|
349
349
|
children: "Reset"
|
|
350
350
|
}),
|
|
351
351
|
/* @__PURE__ */ W("div", { style: { flex: 1 } }),
|
|
352
|
-
/* @__PURE__ */ W(
|
|
352
|
+
/* @__PURE__ */ W(a, {
|
|
353
353
|
onClick: n,
|
|
354
354
|
children: "Cancel"
|
|
355
355
|
}),
|
|
356
|
-
/* @__PURE__ */ W(
|
|
356
|
+
/* @__PURE__ */ W(a, {
|
|
357
357
|
kind: "primary",
|
|
358
358
|
onClick: () => {
|
|
359
|
-
|
|
359
|
+
s(q(f)), n();
|
|
360
360
|
},
|
|
361
361
|
children: "Apply"
|
|
362
362
|
})
|
|
@@ -400,7 +400,7 @@ function J(e) {
|
|
|
400
400
|
},
|
|
401
401
|
...e.map((e) => ({
|
|
402
402
|
value: e.code,
|
|
403
|
-
label:
|
|
403
|
+
label: d(e.label) || e.code
|
|
404
404
|
})),
|
|
405
405
|
{
|
|
406
406
|
value: "",
|
|
@@ -411,14 +411,14 @@ function J(e) {
|
|
|
411
411
|
}
|
|
412
412
|
var Y = "__custom__";
|
|
413
413
|
function de({ meta: e, value: t, onUpdate: n }) {
|
|
414
|
-
let r = e.specialValues ?? [], i =
|
|
415
|
-
return
|
|
414
|
+
let r = e.specialValues ?? [], i = h(t), a = r.some((e) => e.code === i), [o, s] = V(!a && i !== "");
|
|
415
|
+
return o ? /* @__PURE__ */ W(S, {
|
|
416
416
|
"aria-label": `${e.label} filter value`,
|
|
417
417
|
value: i,
|
|
418
418
|
onChange: (e) => n({ value: e }),
|
|
419
419
|
placeholder: "Value…",
|
|
420
420
|
autoFocus: !0
|
|
421
|
-
}) : /* @__PURE__ */ W(
|
|
421
|
+
}) : /* @__PURE__ */ W(b, {
|
|
422
422
|
"aria-label": `${e.label} filter value`,
|
|
423
423
|
value: i,
|
|
424
424
|
options: [
|
|
@@ -433,27 +433,27 @@ function de({ meta: e, value: t, onUpdate: n }) {
|
|
|
433
433
|
}
|
|
434
434
|
],
|
|
435
435
|
onChange: (e) => {
|
|
436
|
-
e === Y ? (
|
|
436
|
+
e === Y ? (s(!0), n({ value: "" })) : n({ value: e });
|
|
437
437
|
}
|
|
438
438
|
});
|
|
439
439
|
}
|
|
440
440
|
function X(e) {
|
|
441
|
-
return Array.isArray(e) ? e.map((e) =>
|
|
441
|
+
return Array.isArray(e) ? e.map((e) => h(e)) : e == null || e === "" ? [] : [h(e)];
|
|
442
442
|
}
|
|
443
443
|
function fe(e) {
|
|
444
|
-
return Array.isArray(e) ? e.length > 0 ?
|
|
444
|
+
return Array.isArray(e) ? e.length > 0 ? h(e[0]) : "" : h(e);
|
|
445
445
|
}
|
|
446
|
-
function pe({ node: t, meta: n, refs: r, onUpdate:
|
|
447
|
-
let
|
|
446
|
+
function pe({ node: t, meta: n, refs: r, onUpdate: a, onRemove: o }) {
|
|
447
|
+
let s = D.has(t.op), c = j.has(t.op), l = n.operators.map((e) => ({
|
|
448
448
|
value: e,
|
|
449
449
|
label: N[e] || e
|
|
450
|
-
})),
|
|
450
|
+
})), u = (e) => {
|
|
451
451
|
let n = j.has(t.op), r = j.has(e);
|
|
452
452
|
if (r === n) {
|
|
453
|
-
|
|
453
|
+
a({ op: e });
|
|
454
454
|
return;
|
|
455
455
|
}
|
|
456
|
-
|
|
456
|
+
a({
|
|
457
457
|
op: e,
|
|
458
458
|
value: r ? X(t.value) : fe(t.value)
|
|
459
459
|
});
|
|
@@ -485,66 +485,66 @@ function pe({ node: t, meta: n, refs: r, onUpdate: i, onRemove: c }) {
|
|
|
485
485
|
},
|
|
486
486
|
title: n.label,
|
|
487
487
|
children: n.label
|
|
488
|
-
}), /* @__PURE__ */ W(
|
|
488
|
+
}), /* @__PURE__ */ W(i, {
|
|
489
489
|
size: 22,
|
|
490
490
|
icon: /* @__PURE__ */ W(e.x, { size: 12 }),
|
|
491
|
-
onClick:
|
|
491
|
+
onClick: o,
|
|
492
492
|
title: "Remove"
|
|
493
493
|
})]
|
|
494
494
|
}), /* @__PURE__ */ G("div", {
|
|
495
495
|
style: {
|
|
496
496
|
display: "grid",
|
|
497
|
-
gridTemplateColumns:
|
|
497
|
+
gridTemplateColumns: s ? "minmax(0, 1fr)" : "minmax(112px, 152px) minmax(0, 1fr)",
|
|
498
498
|
gap: 6,
|
|
499
499
|
alignItems: "start",
|
|
500
500
|
minWidth: 0
|
|
501
501
|
},
|
|
502
|
-
children: [/* @__PURE__ */ W(
|
|
502
|
+
children: [/* @__PURE__ */ W(b, {
|
|
503
503
|
"aria-label": `${n.label} filter operator`,
|
|
504
|
-
value: t.op ??
|
|
505
|
-
options:
|
|
506
|
-
onChange: (e) =>
|
|
507
|
-
}),
|
|
504
|
+
value: t.op ?? l[0]?.value,
|
|
505
|
+
options: l,
|
|
506
|
+
onChange: (e) => u(e)
|
|
507
|
+
}), s ? null : c && n.options ? /* @__PURE__ */ W(g, {
|
|
508
508
|
"aria-label": `${n.label} filter value`,
|
|
509
509
|
value: X(t.value),
|
|
510
510
|
options: [...J(n.specialValues), ...n.options.map((e) => ({
|
|
511
511
|
value: e.value,
|
|
512
512
|
label: e.label
|
|
513
513
|
}))],
|
|
514
|
-
onChange: (e) =>
|
|
514
|
+
onChange: (e) => a({ value: e }),
|
|
515
515
|
placeholder: "Select…"
|
|
516
|
-
}) : n.type === "ref" && n.ref?.entity ? /* @__PURE__ */ W(
|
|
516
|
+
}) : n.type === "ref" && n.ref?.entity ? /* @__PURE__ */ W(f, {
|
|
517
517
|
ref: n.ref,
|
|
518
518
|
value: t.value,
|
|
519
|
-
onChange: (e) =>
|
|
519
|
+
onChange: (e) => a({ value: e ?? "" }),
|
|
520
520
|
refs: r,
|
|
521
521
|
ariaLabel: `${n.label} filter value`,
|
|
522
522
|
placeholder: "Select…",
|
|
523
523
|
specialValues: n.specialValues
|
|
524
|
-
}) : n.options ? /* @__PURE__ */ W(
|
|
524
|
+
}) : n.options ? /* @__PURE__ */ W(b, {
|
|
525
525
|
"aria-label": `${n.label} filter value`,
|
|
526
|
-
value:
|
|
526
|
+
value: h(t.value),
|
|
527
527
|
options: [...J(n.specialValues), ...n.options.map((e) => ({
|
|
528
528
|
value: e.value,
|
|
529
529
|
label: e.label
|
|
530
530
|
}))],
|
|
531
|
-
onChange: (e) =>
|
|
531
|
+
onChange: (e) => a({ value: e }),
|
|
532
532
|
placeholder: "Select…"
|
|
533
533
|
}) : n.specialValues && n.specialValues.length > 0 ? /* @__PURE__ */ W(de, {
|
|
534
534
|
meta: n,
|
|
535
535
|
value: t.value,
|
|
536
|
-
onUpdate:
|
|
537
|
-
}) : /* @__PURE__ */ W(
|
|
536
|
+
onUpdate: a
|
|
537
|
+
}) : /* @__PURE__ */ W(S, {
|
|
538
538
|
"aria-label": `${n.label} filter value`,
|
|
539
|
-
value:
|
|
540
|
-
onChange: (e) =>
|
|
539
|
+
value: h(t.value),
|
|
540
|
+
onChange: (e) => a({ value: e }),
|
|
541
541
|
placeholder: "Value…"
|
|
542
542
|
})]
|
|
543
543
|
})]
|
|
544
544
|
});
|
|
545
545
|
}
|
|
546
|
-
function me({ node: t, renderNode: n, onRemoveChild: r, onAddCondition:
|
|
547
|
-
let
|
|
546
|
+
function me({ node: t, renderNode: n, onRemoveChild: r, onAddCondition: o, onAddBranch: s, path: c }) {
|
|
547
|
+
let l = t.or ?? t.and ?? [], u = t.or !== void 0;
|
|
548
548
|
return /* @__PURE__ */ G("div", {
|
|
549
549
|
style: {
|
|
550
550
|
display: "flex",
|
|
@@ -552,9 +552,9 @@ function me({ node: t, renderNode: n, onRemoveChild: r, onAddCondition: i, onAdd
|
|
|
552
552
|
gap: 8
|
|
553
553
|
},
|
|
554
554
|
children: [
|
|
555
|
-
|
|
556
|
-
let
|
|
557
|
-
return /* @__PURE__ */ G("div", { children: [
|
|
555
|
+
l.map((t, s) => {
|
|
556
|
+
let l = [...c, s], d = u && t.and ? t.and : [t];
|
|
557
|
+
return /* @__PURE__ */ G("div", { children: [u && s > 0 && /* @__PURE__ */ G("div", {
|
|
558
558
|
style: {
|
|
559
559
|
display: "flex",
|
|
560
560
|
alignItems: "center",
|
|
@@ -590,7 +590,7 @@ function me({ node: t, renderNode: n, onRemoveChild: r, onAddCondition: i, onAdd
|
|
|
590
590
|
gap: 8
|
|
591
591
|
},
|
|
592
592
|
children: [
|
|
593
|
-
|
|
593
|
+
u && /* @__PURE__ */ W("div", {
|
|
594
594
|
style: {
|
|
595
595
|
fontSize: 10.5,
|
|
596
596
|
fontWeight: 600,
|
|
@@ -600,35 +600,35 @@ function me({ node: t, renderNode: n, onRemoveChild: r, onAddCondition: i, onAdd
|
|
|
600
600
|
},
|
|
601
601
|
children: "Match ALL"
|
|
602
602
|
}),
|
|
603
|
-
|
|
604
|
-
|
|
603
|
+
d.map((e, r) => n(e, u && t.and ? [...l, r] : l)),
|
|
604
|
+
u && /* @__PURE__ */ W(a, {
|
|
605
605
|
kind: "ghost",
|
|
606
606
|
size: "xs",
|
|
607
607
|
icon: /* @__PURE__ */ W(e.plus, { size: 11 }),
|
|
608
|
-
onClick: () =>
|
|
608
|
+
onClick: () => o(s),
|
|
609
609
|
children: "Add condition"
|
|
610
610
|
}),
|
|
611
|
-
|
|
611
|
+
u && /* @__PURE__ */ W(i, {
|
|
612
612
|
size: 22,
|
|
613
613
|
icon: /* @__PURE__ */ W(e.x, { size: 12 }),
|
|
614
|
-
onClick: () => r(
|
|
614
|
+
onClick: () => r(l),
|
|
615
615
|
title: "Remove OR alternative"
|
|
616
616
|
})
|
|
617
617
|
]
|
|
618
|
-
})] },
|
|
618
|
+
})] }, s);
|
|
619
619
|
}),
|
|
620
|
-
!
|
|
620
|
+
!u && /* @__PURE__ */ W(a, {
|
|
621
621
|
kind: "ghost",
|
|
622
622
|
size: "xs",
|
|
623
623
|
icon: /* @__PURE__ */ W(e.plus, { size: 11 }),
|
|
624
|
-
onClick: () =>
|
|
624
|
+
onClick: () => o(),
|
|
625
625
|
children: "Add condition"
|
|
626
626
|
}),
|
|
627
|
-
|
|
627
|
+
u && /* @__PURE__ */ W(a, {
|
|
628
628
|
kind: "ghost",
|
|
629
629
|
size: "xs",
|
|
630
630
|
icon: /* @__PURE__ */ W(e.plus, { size: 11 }),
|
|
631
|
-
onClick:
|
|
631
|
+
onClick: s,
|
|
632
632
|
children: "Add OR group"
|
|
633
633
|
})
|
|
634
634
|
]
|
|
@@ -679,14 +679,14 @@ function Q(e, t, n) {
|
|
|
679
679
|
};
|
|
680
680
|
});
|
|
681
681
|
}
|
|
682
|
-
function
|
|
682
|
+
function $(e, t) {
|
|
683
683
|
if (t.length === 0) return e;
|
|
684
684
|
let [n, ...r] = t;
|
|
685
685
|
return r.length === 0 ? e.filter((e, t) => t !== n) : e.map((e, t) => {
|
|
686
686
|
if (t !== n) return e;
|
|
687
687
|
let i = e.or ?? e.and;
|
|
688
688
|
if (!i) return e;
|
|
689
|
-
let a =
|
|
689
|
+
let a = $(i, r);
|
|
690
690
|
return e.or ? {
|
|
691
691
|
...e,
|
|
692
692
|
or: a
|
|
@@ -696,8 +696,8 @@ function ge(e, t) {
|
|
|
696
696
|
};
|
|
697
697
|
});
|
|
698
698
|
}
|
|
699
|
-
function
|
|
700
|
-
let [
|
|
699
|
+
function ge({ fields: t, activeFields: n, compact: r, onSelect: i, onCancel: o }) {
|
|
700
|
+
let [s, c] = V(""), l = t.filter((e) => !n.has(e.code) && (s === "" || e.label.toLowerCase().includes(s.toLowerCase()) || e.code.toLowerCase().includes(s.toLowerCase())));
|
|
701
701
|
return /* @__PURE__ */ G("div", {
|
|
702
702
|
style: {
|
|
703
703
|
width: "100%",
|
|
@@ -711,9 +711,9 @@ function _e({ fields: t, activeFields: n, compact: r, onSelect: i, onCancel: a }
|
|
|
711
711
|
boxSizing: "border-box"
|
|
712
712
|
},
|
|
713
713
|
children: [
|
|
714
|
-
/* @__PURE__ */ W(
|
|
715
|
-
value:
|
|
716
|
-
onChange:
|
|
714
|
+
/* @__PURE__ */ W(S, {
|
|
715
|
+
value: s,
|
|
716
|
+
onChange: c,
|
|
717
717
|
placeholder: "Search fields…",
|
|
718
718
|
prefix: /* @__PURE__ */ W(e.search, { size: 12 }),
|
|
719
719
|
autoFocus: !0
|
|
@@ -725,7 +725,7 @@ function _e({ fields: t, activeFields: n, compact: r, onSelect: i, onCancel: a }
|
|
|
725
725
|
display: "flex",
|
|
726
726
|
flexDirection: "column"
|
|
727
727
|
},
|
|
728
|
-
children: [
|
|
728
|
+
children: [l.map((e) => /* @__PURE__ */ G("button", {
|
|
729
729
|
"data-testid": `filter-field-${e.code}`,
|
|
730
730
|
onClick: () => i(e.code),
|
|
731
731
|
style: {
|
|
@@ -761,7 +761,7 @@ function _e({ fields: t, activeFields: n, compact: r, onSelect: i, onCancel: a }
|
|
|
761
761
|
},
|
|
762
762
|
children: e.code
|
|
763
763
|
})]
|
|
764
|
-
}, e.code)),
|
|
764
|
+
}, e.code)), l.length === 0 && /* @__PURE__ */ W("div", {
|
|
765
765
|
style: {
|
|
766
766
|
fontSize: 12,
|
|
767
767
|
color: "var(--text-3)",
|
|
@@ -770,10 +770,10 @@ function _e({ fields: t, activeFields: n, compact: r, onSelect: i, onCancel: a }
|
|
|
770
770
|
children: "No fields available"
|
|
771
771
|
})]
|
|
772
772
|
}),
|
|
773
|
-
/* @__PURE__ */ W(
|
|
773
|
+
/* @__PURE__ */ W(a, {
|
|
774
774
|
kind: "ghost",
|
|
775
775
|
size: "xs",
|
|
776
|
-
onClick:
|
|
776
|
+
onClick: o,
|
|
777
777
|
style: { justifyContent: "center" },
|
|
778
778
|
children: "Cancel"
|
|
779
779
|
})
|
|
@@ -782,7 +782,7 @@ function _e({ fields: t, activeFields: n, compact: r, onSelect: i, onCancel: a }
|
|
|
782
782
|
}
|
|
783
783
|
//#endregion
|
|
784
784
|
//#region src/components/filters/FilterChips.tsx
|
|
785
|
-
function
|
|
785
|
+
function _e({ filters: t, onRemove: n, onClearAll: r, onChipClick: i, fieldLabel: o = (e) => e, resolveValue: s }) {
|
|
786
786
|
return t.length === 0 ? null : /* @__PURE__ */ G("div", {
|
|
787
787
|
style: {
|
|
788
788
|
display: "flex",
|
|
@@ -791,13 +791,13 @@ function ve({ filters: t, onRemove: n, onClearAll: r, onChipClick: i, fieldLabel
|
|
|
791
791
|
flexWrap: "wrap",
|
|
792
792
|
paddingBottom: 12
|
|
793
793
|
},
|
|
794
|
-
children: [t.map((e, t) => /* @__PURE__ */ G(I, { children: [t > 0 && /* @__PURE__ */ W(
|
|
794
|
+
children: [t.map((e, t) => /* @__PURE__ */ G(I, { children: [t > 0 && /* @__PURE__ */ W(ye, { label: "AND" }), /* @__PURE__ */ W(ve, {
|
|
795
795
|
node: e,
|
|
796
|
-
fieldLabel:
|
|
797
|
-
resolveValue:
|
|
796
|
+
fieldLabel: o,
|
|
797
|
+
resolveValue: s,
|
|
798
798
|
onRemove: n,
|
|
799
799
|
onClick: i
|
|
800
|
-
})] }, t)), /* @__PURE__ */ W(
|
|
800
|
+
})] }, t)), /* @__PURE__ */ W(a, {
|
|
801
801
|
kind: "ghost",
|
|
802
802
|
size: "xs",
|
|
803
803
|
icon: /* @__PURE__ */ W(e.x, { size: 11 }),
|
|
@@ -806,8 +806,8 @@ function ve({ filters: t, onRemove: n, onClearAll: r, onChipClick: i, fieldLabel
|
|
|
806
806
|
})]
|
|
807
807
|
});
|
|
808
808
|
}
|
|
809
|
-
function
|
|
810
|
-
if (e.field && e.op) return /* @__PURE__ */ W(
|
|
809
|
+
function ve({ node: e, fieldLabel: t, resolveValue: n, onRemove: r, onClick: i }) {
|
|
810
|
+
if (e.field && e.op) return /* @__PURE__ */ W(be, {
|
|
811
811
|
node: e,
|
|
812
812
|
fieldLabel: t,
|
|
813
813
|
resolveValue: n,
|
|
@@ -835,7 +835,7 @@ function ye({ node: e, fieldLabel: t, resolveValue: n, onRemove: r, onClick: i }
|
|
|
835
835
|
},
|
|
836
836
|
children: "("
|
|
837
837
|
}),
|
|
838
|
-
a.map((e, a) => /* @__PURE__ */ G(I, { children: [a > 0 && /* @__PURE__ */ W(
|
|
838
|
+
a.map((e, a) => /* @__PURE__ */ G(I, { children: [a > 0 && /* @__PURE__ */ W(ye, { label: o }), /* @__PURE__ */ W(ve, {
|
|
839
839
|
node: e,
|
|
840
840
|
fieldLabel: t,
|
|
841
841
|
resolveValue: n,
|
|
@@ -853,7 +853,7 @@ function ye({ node: e, fieldLabel: t, resolveValue: n, onRemove: r, onClick: i }
|
|
|
853
853
|
]
|
|
854
854
|
});
|
|
855
855
|
}
|
|
856
|
-
function
|
|
856
|
+
function ye({ label: e }) {
|
|
857
857
|
return /* @__PURE__ */ W("span", {
|
|
858
858
|
"aria-label": e,
|
|
859
859
|
style: {
|
|
@@ -865,30 +865,30 @@ function be({ label: e }) {
|
|
|
865
865
|
children: e
|
|
866
866
|
});
|
|
867
867
|
}
|
|
868
|
-
function
|
|
869
|
-
let
|
|
870
|
-
return /* @__PURE__ */ W(
|
|
868
|
+
function be({ node: t, fieldLabel: r, resolveValue: i, onRemove: a, onClick: o }) {
|
|
869
|
+
let s = /* @__PURE__ */ W(e.filter, { size: 11 });
|
|
870
|
+
return /* @__PURE__ */ W(n, {
|
|
871
871
|
tone: "slate",
|
|
872
|
-
icon:
|
|
873
|
-
onClick:
|
|
874
|
-
onRemove:
|
|
872
|
+
icon: s,
|
|
873
|
+
onClick: o,
|
|
874
|
+
onRemove: a,
|
|
875
875
|
children: /* @__PURE__ */ G("span", { children: [
|
|
876
876
|
/* @__PURE__ */ W("span", {
|
|
877
877
|
style: { color: "var(--text-3)" },
|
|
878
|
-
children:
|
|
878
|
+
children: r(t.field)
|
|
879
879
|
}),
|
|
880
880
|
" ",
|
|
881
881
|
/* @__PURE__ */ W("span", {
|
|
882
882
|
style: { fontWeight: 600 },
|
|
883
|
-
children: /* @__PURE__ */ W(
|
|
883
|
+
children: /* @__PURE__ */ W(xe, {
|
|
884
884
|
node: t,
|
|
885
|
-
resolveValue:
|
|
885
|
+
resolveValue: i
|
|
886
886
|
})
|
|
887
887
|
})
|
|
888
888
|
] })
|
|
889
889
|
});
|
|
890
890
|
}
|
|
891
|
-
function
|
|
891
|
+
function xe({ node: e, resolveValue: t }) {
|
|
892
892
|
let n = e.op, r = N[n] || n;
|
|
893
893
|
if (D.has(n)) return /* @__PURE__ */ W(U, { children: r });
|
|
894
894
|
if (!t) return /* @__PURE__ */ W(U, { children: F(e) });
|
|
@@ -898,11 +898,11 @@ function Se({ node: e, resolveValue: t }) {
|
|
|
898
898
|
" ",
|
|
899
899
|
i.map((n, r) => {
|
|
900
900
|
let i = t(e.field, n);
|
|
901
|
-
return /* @__PURE__ */ G(I, { children: [r > 0 ? ", " : "", /* @__PURE__ */ W("span", { children: i.status === "loading" ? /* @__PURE__ */ W(
|
|
901
|
+
return /* @__PURE__ */ G(I, { children: [r > 0 ? ", " : "", /* @__PURE__ */ W("span", { children: i.status === "loading" ? /* @__PURE__ */ W(Se, {}) : i.label ?? i.raw })] }, r);
|
|
902
902
|
})
|
|
903
903
|
] });
|
|
904
904
|
}
|
|
905
|
-
function
|
|
905
|
+
function Se() {
|
|
906
906
|
return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("style", { children: "@keyframes declarion-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}" }), /* @__PURE__ */ W("span", {
|
|
907
907
|
"aria-label": "loading",
|
|
908
908
|
style: {
|
|
@@ -919,8 +919,8 @@ function Ce() {
|
|
|
919
919
|
}
|
|
920
920
|
//#endregion
|
|
921
921
|
//#region src/components/list/ColumnPicker.tsx
|
|
922
|
-
function
|
|
923
|
-
let
|
|
922
|
+
function Ce({ availableColumns: t, visibleColumns: n, onToggle: r, onMove: s, onReset: c, onShowAll: l, onResetWidths: u, columnLabel: d = (e) => e }) {
|
|
923
|
+
let f = B(null), [p, m] = V(!1), h = t.filter((e) => !n.includes(e)), g = (e) => /* @__PURE__ */ W("div", {
|
|
924
924
|
style: {
|
|
925
925
|
padding: "6px 8px 4px",
|
|
926
926
|
fontSize: 10.5,
|
|
@@ -931,20 +931,20 @@ function we({ availableColumns: t, visibleColumns: n, onToggle: r, onMove: i, on
|
|
|
931
931
|
},
|
|
932
932
|
children: e
|
|
933
933
|
});
|
|
934
|
-
return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(
|
|
935
|
-
ref:
|
|
934
|
+
return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(a, {
|
|
935
|
+
ref: f,
|
|
936
936
|
icon: /* @__PURE__ */ W(e.columns, { size: 13 }),
|
|
937
|
-
onClick: () =>
|
|
938
|
-
active:
|
|
937
|
+
onClick: () => m((e) => !e),
|
|
938
|
+
active: p,
|
|
939
939
|
children: "Columns"
|
|
940
|
-
}), /* @__PURE__ */ G(
|
|
941
|
-
open:
|
|
942
|
-
anchor:
|
|
943
|
-
onClose: () =>
|
|
940
|
+
}), /* @__PURE__ */ G(o, {
|
|
941
|
+
open: p,
|
|
942
|
+
anchor: f.current,
|
|
943
|
+
onClose: () => m(!1),
|
|
944
944
|
align: "end",
|
|
945
945
|
width: 240,
|
|
946
946
|
children: [
|
|
947
|
-
|
|
947
|
+
g("Visible columns"),
|
|
948
948
|
n.map((t, a) => /* @__PURE__ */ G("div", {
|
|
949
949
|
style: {
|
|
950
950
|
display: "flex",
|
|
@@ -955,7 +955,7 @@ function we({ availableColumns: t, visibleColumns: n, onToggle: r, onMove: i, on
|
|
|
955
955
|
children: [/* @__PURE__ */ G("button", {
|
|
956
956
|
type: "button",
|
|
957
957
|
onClick: () => r(t),
|
|
958
|
-
"aria-label": `Hide ${
|
|
958
|
+
"aria-label": `Hide ${d(t)}`,
|
|
959
959
|
style: {
|
|
960
960
|
flex: 1,
|
|
961
961
|
display: "flex",
|
|
@@ -977,44 +977,44 @@ function we({ availableColumns: t, visibleColumns: n, onToggle: r, onMove: i, on
|
|
|
977
977
|
textOverflow: "ellipsis",
|
|
978
978
|
whiteSpace: "nowrap"
|
|
979
979
|
},
|
|
980
|
-
children:
|
|
980
|
+
children: d(t)
|
|
981
981
|
})]
|
|
982
|
-
}),
|
|
982
|
+
}), s && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(i, {
|
|
983
983
|
icon: /* @__PURE__ */ W(e.arrowUp, { size: 12 }),
|
|
984
|
-
title: `Move ${
|
|
984
|
+
title: `Move ${d(t)} up`,
|
|
985
985
|
size: 22,
|
|
986
986
|
disabled: a === 0,
|
|
987
|
-
onClick: () =>
|
|
988
|
-
}), /* @__PURE__ */ W(
|
|
987
|
+
onClick: () => s(t, "up")
|
|
988
|
+
}), /* @__PURE__ */ W(i, {
|
|
989
989
|
icon: /* @__PURE__ */ W(e.arrowDown, { size: 12 }),
|
|
990
|
-
title: `Move ${
|
|
990
|
+
title: `Move ${d(t)} down`,
|
|
991
991
|
size: 22,
|
|
992
992
|
disabled: a === n.length - 1,
|
|
993
|
-
onClick: () =>
|
|
993
|
+
onClick: () => s(t, "down")
|
|
994
994
|
})] })]
|
|
995
995
|
}, t)),
|
|
996
|
-
|
|
996
|
+
h.length > 0 && /* @__PURE__ */ G(U, { children: [g("Hidden columns"), h.map((e) => /* @__PURE__ */ W(x, {
|
|
997
997
|
icon: /* @__PURE__ */ W("span", { style: {
|
|
998
998
|
width: 12,
|
|
999
999
|
display: "inline-block"
|
|
1000
1000
|
} }),
|
|
1001
1001
|
onClick: () => r(e),
|
|
1002
|
-
children:
|
|
1002
|
+
children: d(e)
|
|
1003
1003
|
}, e))] }),
|
|
1004
|
-
/* @__PURE__ */ W(
|
|
1005
|
-
/* @__PURE__ */ W(
|
|
1004
|
+
/* @__PURE__ */ W(x, { divider: !0 }),
|
|
1005
|
+
/* @__PURE__ */ W(x, {
|
|
1006
1006
|
icon: /* @__PURE__ */ W(e.refresh, { size: 12 }),
|
|
1007
|
-
onClick:
|
|
1007
|
+
onClick: c,
|
|
1008
1008
|
children: "Reset columns"
|
|
1009
1009
|
}),
|
|
1010
|
-
/* @__PURE__ */ W(
|
|
1010
|
+
/* @__PURE__ */ W(x, {
|
|
1011
1011
|
icon: /* @__PURE__ */ W(e.eye, { size: 12 }),
|
|
1012
|
-
onClick:
|
|
1012
|
+
onClick: l,
|
|
1013
1013
|
children: "Show all"
|
|
1014
1014
|
}),
|
|
1015
|
-
|
|
1015
|
+
u && /* @__PURE__ */ W(x, {
|
|
1016
1016
|
icon: /* @__PURE__ */ W(e.columns, { size: 12 }),
|
|
1017
|
-
onClick:
|
|
1017
|
+
onClick: u,
|
|
1018
1018
|
children: "Reset column widths (this device)"
|
|
1019
1019
|
})
|
|
1020
1020
|
]
|
|
@@ -1022,7 +1022,7 @@ function we({ availableColumns: t, visibleColumns: n, onToggle: r, onMove: i, on
|
|
|
1022
1022
|
}
|
|
1023
1023
|
//#endregion
|
|
1024
1024
|
//#region src/components/list/ViewSwitcher.tsx
|
|
1025
|
-
var
|
|
1025
|
+
var we = {
|
|
1026
1026
|
display: "flex",
|
|
1027
1027
|
alignItems: "center",
|
|
1028
1028
|
gap: 6,
|
|
@@ -1036,8 +1036,8 @@ var Te = {
|
|
|
1036
1036
|
color: "var(--text-2)",
|
|
1037
1037
|
fontFamily: "inherit"
|
|
1038
1038
|
};
|
|
1039
|
-
function
|
|
1040
|
-
let
|
|
1039
|
+
function Te({ views: t, activeViewId: n, isDirty: r, onSelect: i, onSave: s, onSaveAs: c }) {
|
|
1040
|
+
let l = B(null), [u, f] = V(!1), p = t.find((e) => e.id === n), m = t.filter((e) => e.source === "system"), h = t.filter((e) => e.source === "personal"), g = t.filter((e) => e.source === "shared"), _ = p ? d(p.name) : "Default view", v = (e) => /* @__PURE__ */ W("div", {
|
|
1041
1041
|
style: {
|
|
1042
1042
|
padding: "6px 8px 4px",
|
|
1043
1043
|
fontSize: 10,
|
|
@@ -1056,13 +1056,13 @@ function Ee({ views: t, activeViewId: n, isDirty: r, onSelect: a, onSave: o, onS
|
|
|
1056
1056
|
},
|
|
1057
1057
|
children: [
|
|
1058
1058
|
/* @__PURE__ */ G("button", {
|
|
1059
|
-
ref:
|
|
1059
|
+
ref: l,
|
|
1060
1060
|
type: "button",
|
|
1061
|
-
onClick: () =>
|
|
1062
|
-
style:
|
|
1061
|
+
onClick: () => f((e) => !e),
|
|
1062
|
+
style: we,
|
|
1063
1063
|
children: [
|
|
1064
1064
|
/* @__PURE__ */ W(e.star, { size: 12 }),
|
|
1065
|
-
/* @__PURE__ */ W("span", { children:
|
|
1065
|
+
/* @__PURE__ */ W("span", { children: _ }),
|
|
1066
1066
|
r && /* @__PURE__ */ W("span", { style: {
|
|
1067
1067
|
display: "inline-block",
|
|
1068
1068
|
width: 6,
|
|
@@ -1074,63 +1074,63 @@ function Ee({ views: t, activeViewId: n, isDirty: r, onSelect: a, onSave: o, onS
|
|
|
1074
1074
|
/* @__PURE__ */ W(e.down, { size: 11 })
|
|
1075
1075
|
]
|
|
1076
1076
|
}),
|
|
1077
|
-
/* @__PURE__ */ G(
|
|
1078
|
-
open:
|
|
1079
|
-
anchor:
|
|
1080
|
-
onClose: () =>
|
|
1077
|
+
/* @__PURE__ */ G(o, {
|
|
1078
|
+
open: u,
|
|
1079
|
+
anchor: l.current,
|
|
1080
|
+
onClose: () => f(!1),
|
|
1081
1081
|
width: 280,
|
|
1082
1082
|
children: [
|
|
1083
|
-
/* @__PURE__ */ W(
|
|
1083
|
+
/* @__PURE__ */ W(x, {
|
|
1084
1084
|
icon: n ? void 0 : /* @__PURE__ */ W(e.check, { size: 12 }),
|
|
1085
1085
|
active: !n,
|
|
1086
1086
|
onClick: () => {
|
|
1087
|
-
|
|
1087
|
+
i({
|
|
1088
1088
|
id: "",
|
|
1089
1089
|
name: { en: "Default" },
|
|
1090
1090
|
source: "system"
|
|
1091
|
-
}),
|
|
1091
|
+
}), f(!1);
|
|
1092
1092
|
},
|
|
1093
1093
|
children: "Default view"
|
|
1094
1094
|
}),
|
|
1095
|
-
|
|
1096
|
-
|
|
1095
|
+
m.length > 0 && v("Presets"),
|
|
1096
|
+
m.map((t) => /* @__PURE__ */ W(x, {
|
|
1097
1097
|
icon: n === t.id ? /* @__PURE__ */ W(e.check, { size: 12 }) : void 0,
|
|
1098
1098
|
active: n === t.id,
|
|
1099
1099
|
onClick: () => {
|
|
1100
|
-
|
|
1100
|
+
i(t), f(!1);
|
|
1101
1101
|
},
|
|
1102
|
-
children:
|
|
1102
|
+
children: d(t.name)
|
|
1103
1103
|
}, t.id)),
|
|
1104
|
-
|
|
1105
|
-
|
|
1104
|
+
h.length > 0 && v("My Views"),
|
|
1105
|
+
h.map((t) => /* @__PURE__ */ W(x, {
|
|
1106
1106
|
icon: n === t.id ? /* @__PURE__ */ W(e.check, { size: 12 }) : t.is_default ? /* @__PURE__ */ W(e.star, { size: 12 }) : void 0,
|
|
1107
1107
|
active: n === t.id,
|
|
1108
1108
|
onClick: () => {
|
|
1109
|
-
|
|
1109
|
+
i(t), f(!1);
|
|
1110
1110
|
},
|
|
1111
|
-
children:
|
|
1111
|
+
children: d(t.name)
|
|
1112
1112
|
}, t.id)),
|
|
1113
|
-
|
|
1114
|
-
|
|
1113
|
+
g.length > 0 && v("Shared"),
|
|
1114
|
+
g.map((t) => /* @__PURE__ */ W(x, {
|
|
1115
1115
|
icon: n === t.id ? /* @__PURE__ */ W(e.check, { size: 12 }) : /* @__PURE__ */ W(e.globe, { size: 12 }),
|
|
1116
1116
|
active: n === t.id,
|
|
1117
1117
|
onClick: () => {
|
|
1118
|
-
|
|
1118
|
+
i(t), f(!1);
|
|
1119
1119
|
},
|
|
1120
|
-
children:
|
|
1120
|
+
children: d(t.name)
|
|
1121
1121
|
}, t.id)),
|
|
1122
|
-
|
|
1122
|
+
c && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(x, { divider: !0 }), /* @__PURE__ */ W(x, {
|
|
1123
1123
|
icon: /* @__PURE__ */ W(e.plus, { size: 12 }),
|
|
1124
1124
|
onClick: () => {
|
|
1125
|
-
|
|
1125
|
+
c(), f(!1);
|
|
1126
1126
|
},
|
|
1127
1127
|
children: "Save as new view…"
|
|
1128
1128
|
})] })
|
|
1129
1129
|
]
|
|
1130
1130
|
}),
|
|
1131
|
-
r && n &&
|
|
1131
|
+
r && n && s && /* @__PURE__ */ W(a, {
|
|
1132
1132
|
icon: /* @__PURE__ */ W(e.save, { size: 12 }),
|
|
1133
|
-
onClick:
|
|
1133
|
+
onClick: s,
|
|
1134
1134
|
children: "Save"
|
|
1135
1135
|
})
|
|
1136
1136
|
]
|
|
@@ -1138,61 +1138,61 @@ function Ee({ views: t, activeViewId: n, isDirty: r, onSelect: a, onSave: o, onS
|
|
|
1138
1138
|
}
|
|
1139
1139
|
//#endregion
|
|
1140
1140
|
//#region src/components/list/PeekFieldCell.tsx
|
|
1141
|
-
var
|
|
1141
|
+
var Ee = /* @__PURE__ */ new Set([
|
|
1142
1142
|
"enum",
|
|
1143
1143
|
"bool",
|
|
1144
1144
|
"ref"
|
|
1145
1145
|
]);
|
|
1146
|
-
function
|
|
1146
|
+
function De(e) {
|
|
1147
1147
|
let t = e.display?.widget;
|
|
1148
|
-
return t &&
|
|
1148
|
+
return t && Ee.has(t) ? !0 : Ee.has(e.type);
|
|
1149
1149
|
}
|
|
1150
|
-
function
|
|
1151
|
-
let u =
|
|
1150
|
+
function Oe({ field: t, fieldName: n, label: r, value: a, record: o, refs: s, readOnly: c, onCommit: l }) {
|
|
1151
|
+
let u = _(), [d, f] = V(!1), [p, m] = V(a), h = De(t);
|
|
1152
1152
|
R(() => {
|
|
1153
|
-
d ||
|
|
1153
|
+
d || m(a);
|
|
1154
1154
|
}, [a, d]);
|
|
1155
|
-
let
|
|
1156
|
-
c || (
|
|
1157
|
-
}, [c, a]),
|
|
1158
|
-
l(e === void 0 ?
|
|
1159
|
-
}, [l,
|
|
1160
|
-
|
|
1155
|
+
let g = L(() => {
|
|
1156
|
+
c || (m(a), f(!0));
|
|
1157
|
+
}, [c, a]), v = L((e) => {
|
|
1158
|
+
l(e === void 0 ? p : e), f(!1);
|
|
1159
|
+
}, [l, p]), b = L(() => {
|
|
1160
|
+
m(a), f(!1);
|
|
1161
1161
|
}, [a]), x = L((e) => {
|
|
1162
1162
|
if (c || d) return;
|
|
1163
1163
|
let t = e.target;
|
|
1164
|
-
t.closest("a") || t.closest("[data-peek-pencil=\"true\"]") ||
|
|
1164
|
+
t.closest("a") || t.closest("[data-peek-pencil=\"true\"]") || g();
|
|
1165
1165
|
}, [
|
|
1166
1166
|
c,
|
|
1167
1167
|
d,
|
|
1168
|
-
|
|
1168
|
+
g
|
|
1169
1169
|
]), S = L((e) => {
|
|
1170
1170
|
if (!d) {
|
|
1171
|
-
!c && (e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
1171
|
+
!c && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g());
|
|
1172
1172
|
return;
|
|
1173
1173
|
}
|
|
1174
|
-
|
|
1174
|
+
h || (e.key === "Enter" ? (e.preventDefault(), e.stopPropagation(), v()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), b()));
|
|
1175
1175
|
}, [
|
|
1176
1176
|
d,
|
|
1177
|
-
|
|
1177
|
+
h,
|
|
1178
1178
|
c,
|
|
1179
|
+
g,
|
|
1179
1180
|
v,
|
|
1180
|
-
y,
|
|
1181
1181
|
b
|
|
1182
1182
|
]), C = L((e) => {
|
|
1183
|
-
|
|
1184
|
-
}, [
|
|
1183
|
+
h ? (m(e), v(e)) : m(e);
|
|
1184
|
+
}, [h, v]), w = y({
|
|
1185
1185
|
field: t,
|
|
1186
|
-
fieldName:
|
|
1186
|
+
fieldName: n,
|
|
1187
1187
|
value: a,
|
|
1188
1188
|
mode: "display",
|
|
1189
1189
|
record: o,
|
|
1190
1190
|
refs: s,
|
|
1191
1191
|
locale: u
|
|
1192
|
-
}), T = d ?
|
|
1192
|
+
}), T = d ? y({
|
|
1193
1193
|
field: t,
|
|
1194
|
-
fieldName:
|
|
1195
|
-
value:
|
|
1194
|
+
fieldName: n,
|
|
1195
|
+
value: p,
|
|
1196
1196
|
mode: "edit",
|
|
1197
1197
|
onChange: C,
|
|
1198
1198
|
record: o,
|
|
@@ -1224,7 +1224,7 @@ function ke({ field: t, fieldName: r, label: i, value: a, record: o, refs: s, re
|
|
|
1224
1224
|
},
|
|
1225
1225
|
tabIndex: c || d ? -1 : 0,
|
|
1226
1226
|
role: c || d ? void 0 : "button",
|
|
1227
|
-
"aria-label": c || d ? void 0 : `Edit ${
|
|
1227
|
+
"aria-label": c || d ? void 0 : `Edit ${r}`,
|
|
1228
1228
|
children: d ? /* @__PURE__ */ G("div", {
|
|
1229
1229
|
style: {
|
|
1230
1230
|
display: "flex",
|
|
@@ -1239,12 +1239,12 @@ function ke({ field: t, fieldName: r, label: i, value: a, record: o, refs: s, re
|
|
|
1239
1239
|
minWidth: 0
|
|
1240
1240
|
},
|
|
1241
1241
|
children: T
|
|
1242
|
-
}), !
|
|
1242
|
+
}), !h && /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(i, {
|
|
1243
1243
|
size: 24,
|
|
1244
1244
|
icon: /* @__PURE__ */ W(e.check, { size: 13 }),
|
|
1245
|
-
onClick: () =>
|
|
1245
|
+
onClick: () => v(),
|
|
1246
1246
|
title: "Save"
|
|
1247
|
-
}), /* @__PURE__ */ W(
|
|
1247
|
+
}), /* @__PURE__ */ W(i, {
|
|
1248
1248
|
size: 24,
|
|
1249
1249
|
icon: /* @__PURE__ */ W(e.x, { size: 13 }),
|
|
1250
1250
|
onClick: b,
|
|
@@ -1265,11 +1265,11 @@ function ke({ field: t, fieldName: r, label: i, value: a, record: o, refs: s, re
|
|
|
1265
1265
|
transform: "translateY(-50%)"
|
|
1266
1266
|
},
|
|
1267
1267
|
className: "peek-pencil",
|
|
1268
|
-
children: /* @__PURE__ */ W(
|
|
1268
|
+
children: /* @__PURE__ */ W(i, {
|
|
1269
1269
|
size: 20,
|
|
1270
1270
|
icon: /* @__PURE__ */ W(e.edit, { size: 12 }),
|
|
1271
1271
|
onClick: (e) => {
|
|
1272
|
-
e.stopPropagation(),
|
|
1272
|
+
e.stopPropagation(), g();
|
|
1273
1273
|
},
|
|
1274
1274
|
title: "Edit"
|
|
1275
1275
|
})
|
|
@@ -1278,27 +1278,27 @@ function ke({ field: t, fieldName: r, label: i, value: a, record: o, refs: s, re
|
|
|
1278
1278
|
}
|
|
1279
1279
|
//#endregion
|
|
1280
1280
|
//#region src/components/list/QuickPeek.tsx
|
|
1281
|
-
function
|
|
1282
|
-
let D =
|
|
1281
|
+
function ke({ entity: t, entityCode: n, record: r, title: o, recordId: c, avatarName: f, fields: p, refs: h, screen: g, actions: y, screenActionLayout: b, entityActionLayout: x, executeAction: S, onClose: w, onOpen: T, onSave: E }) {
|
|
1282
|
+
let D = _(), [O, k] = V({ ...r }), [A, j] = V(!1), M = B(null), { run: N } = m(), P = re(t, g, O);
|
|
1283
1283
|
R(() => {
|
|
1284
|
-
k({ ...
|
|
1285
|
-
}, [
|
|
1284
|
+
k({ ...r }), j(!1);
|
|
1285
|
+
}, [r]), R(() => {
|
|
1286
1286
|
M.current?.focus();
|
|
1287
1287
|
}, []);
|
|
1288
1288
|
let F = z(() => {
|
|
1289
|
-
let e = P?.action_layout ??
|
|
1290
|
-
return
|
|
1289
|
+
let e = P?.action_layout ?? b ?? x ?? u(y, "quick_peek"), n = v(e, y, void 0, "quick_peek");
|
|
1290
|
+
return l(n, y, void 0, O, [], te(t, O));
|
|
1291
1291
|
}, [
|
|
1292
1292
|
P?.action_layout,
|
|
1293
|
-
|
|
1293
|
+
b,
|
|
1294
|
+
x,
|
|
1294
1295
|
y,
|
|
1295
|
-
g,
|
|
1296
1296
|
O,
|
|
1297
1297
|
t
|
|
1298
1298
|
]), I = ({ code: e, action: t }) => {
|
|
1299
1299
|
N({
|
|
1300
1300
|
action: t,
|
|
1301
|
-
title:
|
|
1301
|
+
title: d(t.display?.name) || e,
|
|
1302
1302
|
row: O,
|
|
1303
1303
|
execute: (n) => S(e, t, n)
|
|
1304
1304
|
});
|
|
@@ -1349,7 +1349,7 @@ function Ae({ entity: t, entityCode: r, record: a, title: o, recordId: s, avatar
|
|
|
1349
1349
|
},
|
|
1350
1350
|
children: [
|
|
1351
1351
|
/* @__PURE__ */ W(C, {
|
|
1352
|
-
name:
|
|
1352
|
+
name: f || o,
|
|
1353
1353
|
size: 28
|
|
1354
1354
|
}),
|
|
1355
1355
|
/* @__PURE__ */ G("div", {
|
|
@@ -1367,21 +1367,21 @@ function Ae({ entity: t, entityCode: r, record: a, title: o, recordId: s, avatar
|
|
|
1367
1367
|
whiteSpace: "nowrap"
|
|
1368
1368
|
},
|
|
1369
1369
|
children: o
|
|
1370
|
-
}),
|
|
1370
|
+
}), c && /* @__PURE__ */ W("div", {
|
|
1371
1371
|
className: "mono",
|
|
1372
1372
|
style: {
|
|
1373
1373
|
fontSize: 11,
|
|
1374
1374
|
color: "var(--text-4)"
|
|
1375
1375
|
},
|
|
1376
|
-
children:
|
|
1376
|
+
children: c
|
|
1377
1377
|
})]
|
|
1378
1378
|
}),
|
|
1379
|
-
/* @__PURE__ */ W(
|
|
1379
|
+
/* @__PURE__ */ W(i, {
|
|
1380
1380
|
icon: /* @__PURE__ */ W(e.external, { size: 13 }),
|
|
1381
1381
|
title: A ? "Open in tab (keeps unsaved changes)" : "Open in tab",
|
|
1382
1382
|
onClick: () => T(A ? O : null)
|
|
1383
1383
|
}),
|
|
1384
|
-
/* @__PURE__ */ W(
|
|
1384
|
+
/* @__PURE__ */ W(i, {
|
|
1385
1385
|
icon: /* @__PURE__ */ W(e.x, { size: 14 }),
|
|
1386
1386
|
title: "Close",
|
|
1387
1387
|
onClick: w
|
|
@@ -1411,30 +1411,30 @@ function Ae({ entity: t, entityCode: r, record: a, title: o, recordId: s, avatar
|
|
|
1411
1411
|
children: [
|
|
1412
1412
|
/* @__PURE__ */ W(e.sparkle, { size: 12 }),
|
|
1413
1413
|
" Inline quick-edit — click any field to change.",
|
|
1414
|
-
/* @__PURE__ */ W(
|
|
1414
|
+
/* @__PURE__ */ W(s, { children: "Tab" }),
|
|
1415
1415
|
" to move, ",
|
|
1416
|
-
/* @__PURE__ */ W(
|
|
1416
|
+
/* @__PURE__ */ W(s, { children: "Esc" }),
|
|
1417
1417
|
" to close."
|
|
1418
1418
|
]
|
|
1419
|
-
}),
|
|
1419
|
+
}), p.map((e) => /* @__PURE__ */ W(Ae, {
|
|
1420
1420
|
label: e.label,
|
|
1421
1421
|
children: e.kind === "file" ? ne({
|
|
1422
1422
|
entity: t,
|
|
1423
|
-
entityCode:
|
|
1423
|
+
entityCode: n,
|
|
1424
1424
|
fieldName: e.key,
|
|
1425
1425
|
record: O,
|
|
1426
1426
|
mode: e.readOnly ? "display" : "edit",
|
|
1427
1427
|
onChange: (t) => L(e.key, t),
|
|
1428
|
-
refs:
|
|
1428
|
+
refs: h,
|
|
1429
1429
|
disabled: e.readOnly,
|
|
1430
1430
|
locale: D
|
|
1431
|
-
}) : /* @__PURE__ */ W(
|
|
1431
|
+
}) : /* @__PURE__ */ W(Oe, {
|
|
1432
1432
|
field: e.field,
|
|
1433
1433
|
fieldName: e.key,
|
|
1434
1434
|
label: e.label,
|
|
1435
1435
|
value: O[e.key],
|
|
1436
1436
|
record: O,
|
|
1437
|
-
refs:
|
|
1437
|
+
refs: h,
|
|
1438
1438
|
readOnly: e.readOnly,
|
|
1439
1439
|
onCommit: (t) => L(e.key, t)
|
|
1440
1440
|
})
|
|
@@ -1479,12 +1479,12 @@ function Ae({ entity: t, entityCode: r, record: a, title: o, recordId: s, avatar
|
|
|
1479
1479
|
action: t
|
|
1480
1480
|
}),
|
|
1481
1481
|
kind: "toolbar",
|
|
1482
|
-
entityActions:
|
|
1482
|
+
entityActions: y,
|
|
1483
1483
|
align: "trailing",
|
|
1484
1484
|
ariaLabel: "Quick peek actions"
|
|
1485
1485
|
})
|
|
1486
1486
|
}),
|
|
1487
|
-
/* @__PURE__ */ W(
|
|
1487
|
+
/* @__PURE__ */ W(a, {
|
|
1488
1488
|
kind: "primary",
|
|
1489
1489
|
icon: /* @__PURE__ */ W(e.edit, { size: 13 }),
|
|
1490
1490
|
onClick: () => T(A ? O : null),
|
|
@@ -1495,7 +1495,7 @@ function Ae({ entity: t, entityCode: r, record: a, title: o, recordId: s, avatar
|
|
|
1495
1495
|
]
|
|
1496
1496
|
})] });
|
|
1497
1497
|
}
|
|
1498
|
-
function
|
|
1498
|
+
function Ae({ label: e, children: t }) {
|
|
1499
1499
|
return /* @__PURE__ */ G("div", {
|
|
1500
1500
|
style: {
|
|
1501
1501
|
display: "grid",
|
|
@@ -1516,7 +1516,7 @@ function je({ label: e, children: t }) {
|
|
|
1516
1516
|
}
|
|
1517
1517
|
//#endregion
|
|
1518
1518
|
//#region src/lib/format-count.ts
|
|
1519
|
-
var
|
|
1519
|
+
var je = [
|
|
1520
1520
|
{
|
|
1521
1521
|
value: 1e9,
|
|
1522
1522
|
suffix: "B"
|
|
@@ -1530,22 +1530,22 @@ var Me = [
|
|
|
1530
1530
|
suffix: "K"
|
|
1531
1531
|
}
|
|
1532
1532
|
];
|
|
1533
|
-
function
|
|
1533
|
+
function Me(e) {
|
|
1534
1534
|
if (!Number.isFinite(e) || e < 0) return "~0";
|
|
1535
1535
|
let t = Math.round(e);
|
|
1536
1536
|
if (t < 1e3) return `~${t}`;
|
|
1537
|
-
for (let { value: e, suffix: n } of
|
|
1537
|
+
for (let { value: e, suffix: n } of je) {
|
|
1538
1538
|
if (t < e) continue;
|
|
1539
1539
|
let r = t / e;
|
|
1540
1540
|
return `~${(r < 10 ? r.toFixed(1) : Math.round(r).toString()).replace(/\.0$/, "")}${n}`;
|
|
1541
1541
|
}
|
|
1542
1542
|
return `~${t.toLocaleString()}`;
|
|
1543
1543
|
}
|
|
1544
|
-
function
|
|
1544
|
+
function Ne(e) {
|
|
1545
1545
|
return !Number.isFinite(e) || e < 0 ? "0" : Math.round(e).toLocaleString();
|
|
1546
1546
|
}
|
|
1547
1547
|
function Pe(e, t) {
|
|
1548
|
-
return t === "estimated" ?
|
|
1548
|
+
return t === "estimated" ? Me(e) : Ne(e);
|
|
1549
1549
|
}
|
|
1550
1550
|
//#endregion
|
|
1551
|
-
export {
|
|
1551
|
+
export { ke as a, _e as c, se as d, oe as f, Ae as i, le as l, K as m, Me as n, Te as o, ae as p, Ne as r, Ce as s, Pe as t, ce as u };
|