@object-ui/plugin-view 4.0.1 → 4.0.4
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/CHANGELOG.md +41 -0
- package/dist/index.js +1042 -1103
- package/dist/index.umd.cjs +1 -1
- package/package.json +7 -7
package/dist/index.js
CHANGED
|
@@ -4,76 +4,15 @@ import { ComponentRegistry as c, buildExpandFields as l } from "@object-ui/core"
|
|
|
4
4
|
import { SchemaRenderer as u, SchemaRendererContext as d } from "@object-ui/react";
|
|
5
5
|
import { ObjectGrid as f } from "@object-ui/plugin-grid";
|
|
6
6
|
import { ObjectForm as p } from "@object-ui/plugin-form";
|
|
7
|
-
import { Badge as m, Button as h, Checkbox as g, ConfigRow as _, ContextMenu as v, ContextMenuContent as ee, ContextMenuItem as y, ContextMenuSeparator as b, ContextMenuSub as te, ContextMenuSubContent as
|
|
8
|
-
import { Activity as
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
//#
|
|
15
|
-
|
|
16
|
-
function mt(e) {
|
|
17
|
-
var t, n, r = "";
|
|
18
|
-
if (typeof e == "string" || typeof e == "number") r += e;
|
|
19
|
-
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
20
|
-
var i = e.length;
|
|
21
|
-
for (t = 0; t < i; t++) e[t] && (n = mt(e[t])) && (r && (r += " "), r += n);
|
|
22
|
-
} else for (n in e) e[n] && (r && (r += " "), r += n);
|
|
23
|
-
return r;
|
|
24
|
-
}
|
|
25
|
-
function ht() {
|
|
26
|
-
for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = mt(e)) && (r && (r += " "), r += t);
|
|
27
|
-
return r;
|
|
28
|
-
}
|
|
29
|
-
//#endregion
|
|
30
|
-
//#region ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
|
|
31
|
-
var gt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _t = ht, vt = (e, t) => (n) => {
|
|
32
|
-
if (t?.variants == null) return _t(e, n?.class, n?.className);
|
|
33
|
-
let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
|
|
34
|
-
let t = n?.[e], a = i?.[e];
|
|
35
|
-
if (t === null) return null;
|
|
36
|
-
let o = gt(t) || gt(a);
|
|
37
|
-
return r[e][o];
|
|
38
|
-
}), o = n && Object.entries(n).reduce((e, t) => {
|
|
39
|
-
let [n, r] = t;
|
|
40
|
-
return r === void 0 || (e[n] = r), e;
|
|
41
|
-
}, {});
|
|
42
|
-
return _t(e, a, t?.compoundVariants?.reduce((e, t) => {
|
|
43
|
-
let { class: n, className: r, ...a } = t;
|
|
44
|
-
return Object.entries(a).every((e) => {
|
|
45
|
-
let [t, n] = e;
|
|
46
|
-
return Array.isArray(n) ? n.includes({
|
|
47
|
-
...i,
|
|
48
|
-
...o
|
|
49
|
-
}[t]) : {
|
|
50
|
-
...i,
|
|
51
|
-
...o
|
|
52
|
-
}[t] === n;
|
|
53
|
-
}) ? [
|
|
54
|
-
...e,
|
|
55
|
-
n,
|
|
56
|
-
r
|
|
57
|
-
] : e;
|
|
58
|
-
}, []), n?.class, n?.className);
|
|
59
|
-
}, yt = /* @__PURE__ */ pt(((e) => {
|
|
60
|
-
var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
|
|
61
|
-
function r(e, n, r) {
|
|
62
|
-
var i = null;
|
|
63
|
-
if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
|
|
64
|
-
else r = n;
|
|
65
|
-
return n = r.ref, {
|
|
66
|
-
$$typeof: t,
|
|
67
|
-
type: e,
|
|
68
|
-
key: i,
|
|
69
|
-
ref: n === void 0 ? null : n,
|
|
70
|
-
props: r
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
e.Fragment = n, e.jsx = r, e.jsxs = r;
|
|
74
|
-
})), X = (/* @__PURE__ */ pt(((e, t) => {
|
|
75
|
-
t.exports = yt();
|
|
76
|
-
})))(), bt = {
|
|
7
|
+
import { Badge as m, Button as h, Checkbox as g, ConfigRow as _, ContextMenu as v, ContextMenuContent as ee, ContextMenuItem as y, ContextMenuSeparator as b, ContextMenuSub as te, ContextMenuSubContent as ne, ContextMenuSubTrigger as x, ContextMenuTrigger as S, Dialog as C, DialogContent as w, DialogDescription as T, DialogFooter as re, DialogHeader as ie, DialogTitle as ae, Drawer as E, DrawerContent as oe, DrawerDescription as se, DrawerHeader as ce, DrawerTitle as le, DropdownMenu as D, DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuSeparator as A, DropdownMenuSub as ue, DropdownMenuSubContent as de, DropdownMenuSubTrigger as fe, DropdownMenuTrigger as pe, FilterBuilder as me, GroupingEditor as j, Input as M, Label as N, NavigationOverlay as he, Popover as ge, PopoverContent as P, PopoverTrigger as _e, Select as F, SelectContent as I, SelectItem as L, SelectTrigger as R, SelectValue as z, SortBuilder as ve, Switch as B, Tabs as ye, TabsList as be, TabsTrigger as xe, Tooltip as V, TooltipContent as H, TooltipProvider as U, TooltipTrigger as W, cn as G } from "@object-ui/components";
|
|
8
|
+
import { Activity as K, ArrowDown as Se, ArrowUp as Ce, Calendar as we, Check as Te, ChevronDown as Ee, Copy as De, Eye as q, EyeOff as Oe, FileText as ke, GanttChartSquare as Ae, Globe as je, Grid as Me, GripVertical as Ne, Images as Pe, LayoutGrid as Fe, List as Ie, ListOrdered as Le, Lock as Re, Map as ze, MoreHorizontal as Be, Pencil as Ve, Pin as He, PinOff as Ue, Plus as We, Save as Ge, Search as Ke, Settings as qe, Settings2 as Je, Share2 as Ye, SlidersHorizontal as Xe, Star as Ze, Table as Qe, Trash2 as $e, X as et, icons as tt } from "lucide-react";
|
|
9
|
+
import { cva as nt } from "class-variance-authority";
|
|
10
|
+
import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
|
|
11
|
+
import { DndContext as rt, KeyboardSensor as it, PointerSensor as at, closestCenter as ot, useSensor as st, useSensors as ct } from "@dnd-kit/core";
|
|
12
|
+
import { SortableContext as lt, arrayMove as ut, horizontalListSortingStrategy as dt, sortableKeyboardCoordinates as ft, useSortable as pt, verticalListSortingStrategy as mt } from "@dnd-kit/sortable";
|
|
13
|
+
import { CSS as ht } from "@dnd-kit/utilities";
|
|
14
|
+
//#region src/ViewSwitcher.tsx
|
|
15
|
+
var gt = {
|
|
77
16
|
list: "List",
|
|
78
17
|
detail: "Detail",
|
|
79
18
|
grid: "Grid",
|
|
@@ -83,17 +22,17 @@ var gt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _t = ht, vt
|
|
|
83
22
|
map: "Map",
|
|
84
23
|
gallery: "Gallery",
|
|
85
24
|
gantt: "Gantt"
|
|
86
|
-
},
|
|
87
|
-
list:
|
|
88
|
-
detail:
|
|
89
|
-
grid:
|
|
90
|
-
kanban:
|
|
91
|
-
calendar:
|
|
92
|
-
timeline:
|
|
93
|
-
map:
|
|
94
|
-
gallery:
|
|
95
|
-
gantt:
|
|
96
|
-
},
|
|
25
|
+
}, _t = {
|
|
26
|
+
list: Ie,
|
|
27
|
+
detail: ke,
|
|
28
|
+
grid: Me,
|
|
29
|
+
kanban: Fe,
|
|
30
|
+
calendar: we,
|
|
31
|
+
timeline: K,
|
|
32
|
+
map: ze,
|
|
33
|
+
gallery: Pe,
|
|
34
|
+
gantt: Ae
|
|
35
|
+
}, vt = nt("flex gap-4", {
|
|
97
36
|
variants: { position: {
|
|
98
37
|
top: "flex-col",
|
|
99
38
|
bottom: "flex-col-reverse",
|
|
@@ -101,55 +40,55 @@ var gt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _t = ht, vt
|
|
|
101
40
|
right: "flex-row-reverse"
|
|
102
41
|
} },
|
|
103
42
|
defaultVariants: { position: "top" }
|
|
104
|
-
}),
|
|
43
|
+
}), yt = nt("w-full", {
|
|
105
44
|
variants: { orientation: {
|
|
106
45
|
horizontal: "w-full",
|
|
107
46
|
vertical: "w-48"
|
|
108
47
|
} },
|
|
109
48
|
defaultVariants: { orientation: "horizontal" }
|
|
110
|
-
}),
|
|
49
|
+
}), bt = nt("flex gap-2", {
|
|
111
50
|
variants: { orientation: {
|
|
112
51
|
horizontal: "flex-row flex-wrap",
|
|
113
52
|
vertical: "flex-col"
|
|
114
53
|
} },
|
|
115
54
|
defaultVariants: { orientation: "horizontal" }
|
|
116
|
-
}),
|
|
55
|
+
}), xt = nt("", {
|
|
117
56
|
variants: { orientation: {
|
|
118
57
|
horizontal: "",
|
|
119
58
|
vertical: "flex h-auto flex-col items-stretch"
|
|
120
59
|
} },
|
|
121
60
|
defaultVariants: { orientation: "horizontal" }
|
|
122
61
|
});
|
|
123
|
-
function
|
|
62
|
+
function St(e) {
|
|
124
63
|
return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
|
|
125
64
|
}
|
|
126
|
-
var
|
|
127
|
-
function
|
|
65
|
+
var Ct = { Home: "House" };
|
|
66
|
+
function wt(e) {
|
|
128
67
|
if (!e) return null;
|
|
129
|
-
let t =
|
|
130
|
-
return
|
|
68
|
+
let t = St(e);
|
|
69
|
+
return tt[Ct[t] || t] || null;
|
|
131
70
|
}
|
|
132
|
-
function
|
|
133
|
-
return e.label ? e.label :
|
|
71
|
+
function Tt(e) {
|
|
72
|
+
return e.label ? e.label : gt[e.type] || e.type;
|
|
134
73
|
}
|
|
135
|
-
function
|
|
136
|
-
return e.icon ?
|
|
74
|
+
function Et(e) {
|
|
75
|
+
return e.icon ? wt(e.icon) : _t[e.type] || null;
|
|
137
76
|
}
|
|
138
|
-
function
|
|
77
|
+
function Dt(e) {
|
|
139
78
|
return e.activeView ? e.activeView : e.defaultView ? e.defaultView : e.views?.[0]?.type;
|
|
140
79
|
}
|
|
141
|
-
var
|
|
142
|
-
share:
|
|
143
|
-
settings:
|
|
144
|
-
duplicate:
|
|
145
|
-
delete:
|
|
146
|
-
},
|
|
80
|
+
var Ot = {
|
|
81
|
+
share: Ye,
|
|
82
|
+
settings: qe,
|
|
83
|
+
duplicate: De,
|
|
84
|
+
delete: $e
|
|
85
|
+
}, kt = {
|
|
147
86
|
share: "Share",
|
|
148
87
|
settings: "Settings",
|
|
149
88
|
duplicate: "Duplicate",
|
|
150
89
|
delete: "Delete"
|
|
151
|
-
},
|
|
152
|
-
let c = e.useMemo(() => t.storageKey ? t.storageKey : `view-switcher${t.id ? `-${t.id}` : ""}`, [t.id, t.storageKey]), [l, d] = e.useState(() =>
|
|
90
|
+
}, At = ({ schema: t, className: n, onViewChange: r, onCreateView: i, onViewAction: a, createViewLabel: o = "Create view", ...s }) => {
|
|
91
|
+
let c = e.useMemo(() => t.storageKey ? t.storageKey : `view-switcher${t.id ? `-${t.id}` : ""}`, [t.id, t.storageKey]), [l, d] = e.useState(() => Dt(t));
|
|
153
92
|
e.useEffect(() => {
|
|
154
93
|
if (t.activeView) {
|
|
155
94
|
d(t.activeView);
|
|
@@ -181,114 +120,114 @@ var Mt = {
|
|
|
181
120
|
r?.(e), t.onViewChange && typeof window < "u" && window.dispatchEvent(new CustomEvent(t.onViewChange, { detail: { view: e } }));
|
|
182
121
|
}, [r, t.onViewChange]), p = e.useCallback((e) => {
|
|
183
122
|
d(e), f(e);
|
|
184
|
-
}, [f]), m = l || t.views?.[0]?.type, g = m || "", _ = t.views.find((e) => e.type === m) || t.views?.[0], v = t.variant || "tabs", ee = t.position || "top", y = ee === "left" || ee === "right", b = y ? "vertical" : "horizontal", te = t.viewActions && t.viewActions.length > 0 ? /* @__PURE__ */ (
|
|
123
|
+
}, [f]), m = l || t.views?.[0]?.type, g = m || "", _ = t.views.find((e) => e.type === m) || t.views?.[0], v = t.variant || "tabs", ee = t.position || "top", y = ee === "left" || ee === "right", b = y ? "vertical" : "horizontal", te = t.viewActions && t.viewActions.length > 0 ? /* @__PURE__ */ Y("div", {
|
|
185
124
|
className: "flex items-center gap-1",
|
|
186
125
|
children: t.viewActions.map((e, t) => {
|
|
187
|
-
let n = e.icon &&
|
|
188
|
-
return /* @__PURE__ */ (
|
|
126
|
+
let n = e.icon && wt(e.icon) || Ot[e.type];
|
|
127
|
+
return /* @__PURE__ */ Y(h, {
|
|
189
128
|
type: "button",
|
|
190
129
|
variant: "ghost",
|
|
191
130
|
size: "icon",
|
|
192
131
|
onClick: () => a?.(e.type, m),
|
|
193
|
-
title:
|
|
194
|
-
children: n ? /* @__PURE__ */ (
|
|
132
|
+
title: kt[e.type] || e.type,
|
|
133
|
+
children: n ? /* @__PURE__ */ Y(n, { className: "h-3.5 w-3.5" }) : null
|
|
195
134
|
}, `action-${e.type}-${t}`);
|
|
196
135
|
})
|
|
197
|
-
}) : null,
|
|
136
|
+
}) : null, ne = t.allowCreateView ? /* @__PURE__ */ Y(h, {
|
|
198
137
|
type: "button",
|
|
199
138
|
variant: "ghost",
|
|
200
139
|
size: "icon",
|
|
201
140
|
onClick: () => i?.(),
|
|
202
141
|
title: o,
|
|
203
|
-
children: /* @__PURE__ */ (
|
|
204
|
-
}) : null,
|
|
205
|
-
className:
|
|
142
|
+
children: /* @__PURE__ */ Y(We, { className: "h-3.5 w-3.5" })
|
|
143
|
+
}) : null, x = /* @__PURE__ */ X("div", {
|
|
144
|
+
className: G(yt({ orientation: b }), "flex items-center gap-1"),
|
|
206
145
|
children: [
|
|
207
|
-
v === "dropdown" && /* @__PURE__ */
|
|
146
|
+
v === "dropdown" && /* @__PURE__ */ X(F, {
|
|
208
147
|
value: g,
|
|
209
148
|
onValueChange: (e) => p(e),
|
|
210
|
-
children: [/* @__PURE__ */ (
|
|
211
|
-
className:
|
|
212
|
-
children: /* @__PURE__ */ (
|
|
213
|
-
}), /* @__PURE__ */ (
|
|
149
|
+
children: [/* @__PURE__ */ Y(R, {
|
|
150
|
+
className: G("w-full", y ? "h-10" : "h-9"),
|
|
151
|
+
children: /* @__PURE__ */ Y(z, { placeholder: "Select view" })
|
|
152
|
+
}), /* @__PURE__ */ Y(I, { children: t.views.map((e, t) => /* @__PURE__ */ Y(L, {
|
|
214
153
|
value: e.type,
|
|
215
|
-
children:
|
|
154
|
+
children: Tt(e)
|
|
216
155
|
}, `${e.type}-${t}`)) })]
|
|
217
156
|
}),
|
|
218
|
-
v === "buttons" && /* @__PURE__ */ (
|
|
219
|
-
className:
|
|
157
|
+
v === "buttons" && /* @__PURE__ */ Y("div", {
|
|
158
|
+
className: G(bt({ orientation: b })),
|
|
220
159
|
children: t.views.map((e, t) => {
|
|
221
|
-
let n = e.type === m, r =
|
|
222
|
-
return /* @__PURE__ */
|
|
160
|
+
let n = e.type === m, r = Et(e);
|
|
161
|
+
return /* @__PURE__ */ X(h, {
|
|
223
162
|
type: "button",
|
|
224
163
|
size: "sm",
|
|
225
164
|
variant: n ? "secondary" : "ghost",
|
|
226
|
-
className:
|
|
165
|
+
className: G("justify-start gap-2", y ? "w-full" : ""),
|
|
227
166
|
onClick: () => p(e.type),
|
|
228
|
-
children: [r ? /* @__PURE__ */ (
|
|
167
|
+
children: [r ? /* @__PURE__ */ Y(r, { className: "h-4 w-4" }) : null, /* @__PURE__ */ Y("span", { children: Tt(e) })]
|
|
229
168
|
}, `${e.type}-${t}`);
|
|
230
169
|
})
|
|
231
170
|
}),
|
|
232
|
-
v === "tabs" && /* @__PURE__ */ (
|
|
171
|
+
v === "tabs" && /* @__PURE__ */ Y(ye, {
|
|
233
172
|
value: g,
|
|
234
173
|
onValueChange: (e) => p(e),
|
|
235
|
-
children: /* @__PURE__ */ (
|
|
236
|
-
className:
|
|
174
|
+
children: /* @__PURE__ */ Y(be, {
|
|
175
|
+
className: G(xt({ orientation: b })),
|
|
237
176
|
children: t.views.map((e, t) => {
|
|
238
|
-
let n =
|
|
239
|
-
return /* @__PURE__ */
|
|
177
|
+
let n = Et(e);
|
|
178
|
+
return /* @__PURE__ */ X(xe, {
|
|
240
179
|
value: e.type,
|
|
241
|
-
className:
|
|
242
|
-
children: [n ? /* @__PURE__ */ (
|
|
180
|
+
className: G("gap-2", y ? "justify-start" : ""),
|
|
181
|
+
children: [n ? /* @__PURE__ */ Y(n, { className: "h-4 w-4" }) : null, /* @__PURE__ */ Y("span", { children: Tt(e) })]
|
|
243
182
|
}, `${e.type}-${t}`);
|
|
244
183
|
})
|
|
245
184
|
})
|
|
246
185
|
}),
|
|
247
186
|
te,
|
|
248
|
-
|
|
187
|
+
ne
|
|
249
188
|
]
|
|
250
|
-
}),
|
|
189
|
+
}), S = _?.schema ? Array.isArray(_.schema) ? /* @__PURE__ */ Y("div", {
|
|
251
190
|
className: "space-y-4",
|
|
252
|
-
children: _.schema.map((e, t) => /* @__PURE__ */ (
|
|
191
|
+
children: _.schema.map((e, t) => /* @__PURE__ */ Y(u, {
|
|
253
192
|
schema: e,
|
|
254
193
|
...s
|
|
255
194
|
}, `${_.type}-${t}`))
|
|
256
|
-
}) : /* @__PURE__ */ (
|
|
195
|
+
}) : /* @__PURE__ */ Y(u, {
|
|
257
196
|
schema: _.schema,
|
|
258
197
|
...s
|
|
259
198
|
}) : null;
|
|
260
|
-
return /* @__PURE__ */
|
|
261
|
-
className:
|
|
262
|
-
children: [/* @__PURE__ */ (
|
|
263
|
-
className:
|
|
264
|
-
children:
|
|
265
|
-
}), /* @__PURE__ */ (
|
|
199
|
+
return /* @__PURE__ */ X("div", {
|
|
200
|
+
className: G(vt({ position: ee }), n),
|
|
201
|
+
children: [/* @__PURE__ */ Y("div", {
|
|
202
|
+
className: G("shrink-0", y ? "flex flex-col" : "flex"),
|
|
203
|
+
children: x
|
|
204
|
+
}), /* @__PURE__ */ Y("div", {
|
|
266
205
|
className: "flex-1 min-w-0",
|
|
267
|
-
children:
|
|
206
|
+
children: S
|
|
268
207
|
})]
|
|
269
208
|
});
|
|
270
|
-
},
|
|
271
|
-
let [b, te] = s(null),
|
|
272
|
-
|
|
273
|
-
let [
|
|
209
|
+
}, jt = u, Mt = ({ schema: e, dataSource: t, className: r, views: c, activeViewId: u, onViewChange: d, onRowClick: m, onEdit: g, renderListView: _, toolbarAddon: v, onCreateView: ee, onViewAction: y }) => {
|
|
210
|
+
let [b, te] = s(null), ne = o(null);
|
|
211
|
+
ne.current = b;
|
|
212
|
+
let [x, S] = s(!1), [re, D] = s("create"), [O, k] = s(null), [A, ue] = s(0);
|
|
274
213
|
i(() => {
|
|
275
214
|
if (!(!t?.onMutation || !e.objectName) && !_) return t.onMutation((t) => {
|
|
276
|
-
t.resource === e.objectName &&
|
|
215
|
+
t.resource === e.objectName && ue((e) => e + 1);
|
|
277
216
|
});
|
|
278
217
|
}, [
|
|
279
218
|
t,
|
|
280
219
|
e.objectName,
|
|
281
220
|
_
|
|
282
221
|
]);
|
|
283
|
-
let [
|
|
284
|
-
|
|
222
|
+
let [de, fe] = s([]), [pe, me] = s(!1), [j, M] = s({}), [N, ge] = s([]), P = e.listViews, _e = P != null && Object.keys(P).length > 0, [F, I] = s(() => e.defaultListView && P?.[e.defaultListView] ? e.defaultListView : P && Object.keys(P)[0] || ""), L = a(() => !_e || !F ? null : P[F] || null, [
|
|
223
|
+
_e,
|
|
224
|
+
F,
|
|
225
|
+
P
|
|
226
|
+
]), R = a(() => c && c.length > 0 ? c : null, [c]), z = R != null && R.length > 0, ve = u || R?.[0]?.id, B = R?.find((e) => e.id === ve) || R?.[0], V = a(() => L?.type ? L.type : B?.type ? B.type : e.defaultViewType || "grid", [
|
|
285
227
|
L,
|
|
286
|
-
|
|
287
|
-
]), B = a(() => c && c.length > 0 ? c : null, [c]), V = B != null && B.length > 0, ge = u || B?.[0]?.id, H = B?.find((e) => e.id === ge) || B?.[0], U = a(() => z?.type ? z.type : H?.type ? H.type : e.defaultViewType || "grid", [
|
|
288
|
-
z,
|
|
289
|
-
H,
|
|
228
|
+
B,
|
|
290
229
|
e.defaultViewType
|
|
291
|
-
]),
|
|
230
|
+
]), H = e.navigation;
|
|
292
231
|
i(() => {
|
|
293
232
|
let n = !0;
|
|
294
233
|
return e.objectName && t && (async () => {
|
|
@@ -304,10 +243,10 @@ var Mt = {
|
|
|
304
243
|
}, [e.objectName, t]), i(() => {
|
|
305
244
|
let n = !0;
|
|
306
245
|
return (async () => {
|
|
307
|
-
if (!_ &&
|
|
308
|
-
|
|
246
|
+
if (!_ && V !== "grid" && !(!t || !e.objectName)) {
|
|
247
|
+
me(!0);
|
|
309
248
|
try {
|
|
310
|
-
let r =
|
|
249
|
+
let r = L?.filter || B?.filter || e.table?.defaultFilters || [], i = Object.entries(j).filter(([, e]) => e !== void 0 && e !== "" && e !== null).map(([e, t]) => [
|
|
311
250
|
e,
|
|
312
251
|
"=",
|
|
313
252
|
t
|
|
@@ -317,20 +256,20 @@ var Mt = {
|
|
|
317
256
|
...r,
|
|
318
257
|
...i
|
|
319
258
|
] : i.length === 1 ? i[0] : i.length > 1 ? ["and", ...i] : r;
|
|
320
|
-
let o =
|
|
259
|
+
let o = N.length > 0 ? N.map((e) => ({
|
|
321
260
|
field: e.field,
|
|
322
261
|
order: e.direction
|
|
323
|
-
})) :
|
|
262
|
+
})) : L?.sort || B?.sort || e.table?.defaultSort || void 0, s = l(ne.current?.fields), c = await t.find(e.objectName, {
|
|
324
263
|
$filter: a.length > 0 ? a : void 0,
|
|
325
264
|
$orderby: o,
|
|
326
265
|
$top: 100,
|
|
327
266
|
...s.length > 0 ? { $expand: s } : {}
|
|
328
267
|
}), u = [];
|
|
329
|
-
Array.isArray(c) ? u = c : c && typeof c == "object" && (Array.isArray(c.data) ? u = c.data : Array.isArray(c.records) ? u = c.records : Array.isArray(c.value) && (u = c.value)), n &&
|
|
268
|
+
Array.isArray(c) ? u = c : c && typeof c == "object" && (Array.isArray(c.data) ? u = c.data : Array.isArray(c.records) ? u = c.records : Array.isArray(c.value) && (u = c.value)), n && fe(u);
|
|
330
269
|
} catch (e) {
|
|
331
270
|
console.error("ObjectView data fetch error:", e);
|
|
332
271
|
} finally {
|
|
333
|
-
n &&
|
|
272
|
+
n && me(!1);
|
|
334
273
|
}
|
|
335
274
|
}
|
|
336
275
|
})(), () => {
|
|
@@ -339,97 +278,97 @@ var Mt = {
|
|
|
339
278
|
}, [
|
|
340
279
|
e.objectName,
|
|
341
280
|
t,
|
|
342
|
-
|
|
281
|
+
V,
|
|
282
|
+
j,
|
|
343
283
|
N,
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
H,
|
|
284
|
+
A,
|
|
285
|
+
L,
|
|
286
|
+
B,
|
|
348
287
|
_
|
|
349
288
|
]);
|
|
350
|
-
let
|
|
289
|
+
let U = e.layout || "drawer", W = e.operations || e.table?.operations || {
|
|
351
290
|
create: !0,
|
|
352
291
|
read: !0,
|
|
353
292
|
update: !0,
|
|
354
293
|
delete: !0
|
|
355
|
-
},
|
|
356
|
-
|
|
357
|
-
}, [
|
|
294
|
+
}, K = n(() => {
|
|
295
|
+
U === "page" && e.onNavigate ? e.onNavigate("new", "edit") : (D("create"), k(null), S(!0));
|
|
296
|
+
}, [U, e]), Se = n((t) => {
|
|
358
297
|
if (g) {
|
|
359
298
|
g(t);
|
|
360
299
|
return;
|
|
361
300
|
}
|
|
362
|
-
if (
|
|
301
|
+
if (U === "page" && e.onNavigate) {
|
|
363
302
|
let n = t.id || t._id;
|
|
364
303
|
e.onNavigate(n, "edit");
|
|
365
|
-
} else
|
|
304
|
+
} else D("edit"), k(t), S(!0);
|
|
366
305
|
}, [
|
|
367
|
-
|
|
306
|
+
U,
|
|
368
307
|
e,
|
|
369
308
|
g
|
|
370
|
-
]),
|
|
371
|
-
if (
|
|
309
|
+
]), Ce = n((t) => {
|
|
310
|
+
if (U === "page" && e.onNavigate) {
|
|
372
311
|
let n = t.id || t._id;
|
|
373
312
|
e.onNavigate(n, "view");
|
|
374
|
-
} else
|
|
375
|
-
}, [
|
|
313
|
+
} else D("view"), k(t), S(!0);
|
|
314
|
+
}, [U, e]), we = n((t) => {
|
|
376
315
|
if (m) {
|
|
377
316
|
m(t);
|
|
378
317
|
return;
|
|
379
318
|
}
|
|
380
|
-
if (
|
|
381
|
-
if (
|
|
382
|
-
if (
|
|
319
|
+
if (H) {
|
|
320
|
+
if (H.mode === "none" || H.preventNavigation) return;
|
|
321
|
+
if (H.mode === "new_window" || H.openNewTab) {
|
|
383
322
|
let n = t.id || t._id, r = `/${e.objectName}/${encodeURIComponent(String(n))}`;
|
|
384
323
|
window.open(r, "_blank");
|
|
385
324
|
return;
|
|
386
325
|
}
|
|
387
|
-
if (
|
|
388
|
-
|
|
326
|
+
if (H.mode === "drawer") {
|
|
327
|
+
D("view"), k(t), S(!0);
|
|
389
328
|
return;
|
|
390
329
|
}
|
|
391
|
-
if (
|
|
392
|
-
|
|
330
|
+
if (H.mode === "modal") {
|
|
331
|
+
D("view"), k(t), S(!0);
|
|
393
332
|
return;
|
|
394
333
|
}
|
|
395
|
-
if (
|
|
334
|
+
if (H.mode === "page") {
|
|
396
335
|
let n = t.id || t._id;
|
|
397
336
|
e.onNavigate && e.onNavigate(n, "view");
|
|
398
337
|
return;
|
|
399
338
|
}
|
|
400
|
-
if (
|
|
401
|
-
|
|
339
|
+
if (H.mode === "split" || H.mode === "popover") {
|
|
340
|
+
D("view"), k(t), S(!0);
|
|
402
341
|
return;
|
|
403
342
|
}
|
|
404
343
|
}
|
|
405
|
-
|
|
344
|
+
W.read !== !1 && Ce(t);
|
|
406
345
|
}, [
|
|
407
346
|
m,
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
347
|
+
H,
|
|
348
|
+
W.read,
|
|
349
|
+
Ce,
|
|
411
350
|
e
|
|
412
|
-
]),
|
|
413
|
-
|
|
414
|
-
}, []),
|
|
415
|
-
|
|
416
|
-
}, []),
|
|
417
|
-
|
|
418
|
-
}, []),
|
|
419
|
-
|
|
351
|
+
]), Te = n((e) => {
|
|
352
|
+
ue((e) => e + 1);
|
|
353
|
+
}, []), Ee = n((e) => {
|
|
354
|
+
ue((e) => e + 1);
|
|
355
|
+
}, []), De = n(() => {
|
|
356
|
+
S(!1), k(null), ue((e) => e + 1);
|
|
357
|
+
}, []), q = n(() => {
|
|
358
|
+
S(!1), k(null);
|
|
420
359
|
}, []);
|
|
421
360
|
n(() => {
|
|
422
|
-
|
|
361
|
+
ue((e) => e + 1);
|
|
423
362
|
}, []);
|
|
424
|
-
let
|
|
363
|
+
let Oe = a(() => !z || !R || R.length <= 1 ? null : {
|
|
425
364
|
type: "view-switcher",
|
|
426
365
|
variant: "tabs",
|
|
427
366
|
position: "top",
|
|
428
367
|
persistPreference: !0,
|
|
429
368
|
storageKey: `view-pref-${e.objectName}`,
|
|
430
|
-
defaultView:
|
|
431
|
-
activeView:
|
|
432
|
-
views:
|
|
369
|
+
defaultView: B?.type || "grid",
|
|
370
|
+
activeView: B?.type || "grid",
|
|
371
|
+
views: R.map((e) => ({
|
|
433
372
|
type: e.type,
|
|
434
373
|
label: e.label,
|
|
435
374
|
icon: {
|
|
@@ -447,18 +386,18 @@ var Mt = {
|
|
|
447
386
|
allowCreateView: e.allowCreateView,
|
|
448
387
|
viewActions: e.viewActions
|
|
449
388
|
}, [
|
|
450
|
-
|
|
389
|
+
z,
|
|
390
|
+
R,
|
|
451
391
|
B,
|
|
452
|
-
H,
|
|
453
392
|
e.objectName,
|
|
454
393
|
e.allowCreateView,
|
|
455
394
|
e.viewActions
|
|
456
|
-
]),
|
|
457
|
-
if (!
|
|
458
|
-
let t =
|
|
395
|
+
]), ke = n((e) => {
|
|
396
|
+
if (!R) return;
|
|
397
|
+
let t = R.find((t) => t.type === e);
|
|
459
398
|
t && d && d(t.id);
|
|
460
|
-
}, [
|
|
461
|
-
|
|
399
|
+
}, [R, d]), Ae = n((e) => {
|
|
400
|
+
I(e);
|
|
462
401
|
}, []);
|
|
463
402
|
a(() => {
|
|
464
403
|
if (e.showFilters === !1) return null;
|
|
@@ -490,17 +429,17 @@ var Mt = {
|
|
|
490
429
|
showClear: !0,
|
|
491
430
|
showApply: !0,
|
|
492
431
|
filters: r,
|
|
493
|
-
values:
|
|
432
|
+
values: j
|
|
494
433
|
};
|
|
495
434
|
}, [
|
|
496
435
|
e.showFilters,
|
|
497
436
|
e.filterableFields,
|
|
498
437
|
b,
|
|
499
|
-
|
|
438
|
+
j
|
|
500
439
|
]);
|
|
501
|
-
let
|
|
440
|
+
let je = e.showSort;
|
|
502
441
|
a(() => {
|
|
503
|
-
if (
|
|
442
|
+
if (je === !1) return null;
|
|
504
443
|
let e = b?.fields || {}, t = Object.entries(e).filter(([, e]) => !e.hidden).slice(0, 10).map(([e, t]) => ({
|
|
505
444
|
field: e,
|
|
506
445
|
label: t.label || e
|
|
@@ -510,25 +449,25 @@ var Mt = {
|
|
|
510
449
|
variant: "dropdown",
|
|
511
450
|
multiple: !1,
|
|
512
451
|
fields: t,
|
|
513
|
-
sort:
|
|
452
|
+
sort: N
|
|
514
453
|
};
|
|
515
454
|
}, [
|
|
516
455
|
b,
|
|
517
|
-
|
|
518
|
-
|
|
456
|
+
N,
|
|
457
|
+
je
|
|
519
458
|
]);
|
|
520
|
-
let
|
|
459
|
+
let Me = n((t) => {
|
|
521
460
|
let n = {
|
|
522
461
|
objectName: e.objectName,
|
|
523
|
-
fields:
|
|
462
|
+
fields: L?.columns || B?.columns || e.table?.fields,
|
|
524
463
|
className: "h-full w-full",
|
|
525
|
-
showSearch:
|
|
526
|
-
showSort:
|
|
527
|
-
showFilters:
|
|
528
|
-
striped:
|
|
529
|
-
bordered:
|
|
530
|
-
color:
|
|
531
|
-
}, r =
|
|
464
|
+
showSearch: B?.showSearch ?? e.showSearch ?? !1,
|
|
465
|
+
showSort: B?.showSort ?? e.showSort ?? !1,
|
|
466
|
+
showFilters: B?.showFilters ?? e.showFilters ?? !1,
|
|
467
|
+
striped: B?.striped ?? !1,
|
|
468
|
+
bordered: B?.bordered ?? !1,
|
|
469
|
+
color: B?.color
|
|
470
|
+
}, r = L?.options || B || {};
|
|
532
471
|
switch (t) {
|
|
533
472
|
case "kanban": return {
|
|
534
473
|
type: "object-kanban",
|
|
@@ -582,37 +521,37 @@ var Mt = {
|
|
|
582
521
|
}, [
|
|
583
522
|
e.objectName,
|
|
584
523
|
e.table?.fields,
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
]),
|
|
524
|
+
L,
|
|
525
|
+
B
|
|
526
|
+
]), Ne = a(() => ({
|
|
588
527
|
type: "object-grid",
|
|
589
528
|
objectName: e.objectName,
|
|
590
529
|
title: e.table?.title,
|
|
591
530
|
description: e.table?.description,
|
|
592
|
-
fields:
|
|
593
|
-
columns:
|
|
531
|
+
fields: L?.columns || B?.columns || e.table?.fields,
|
|
532
|
+
columns: L?.columns || B?.columns || e.table?.columns,
|
|
594
533
|
operations: {
|
|
595
|
-
...
|
|
534
|
+
...W,
|
|
596
535
|
create: !1
|
|
597
536
|
},
|
|
598
|
-
defaultFilters:
|
|
599
|
-
defaultSort:
|
|
537
|
+
defaultFilters: L?.filter || B?.filter || e.table?.defaultFilters,
|
|
538
|
+
defaultSort: L?.sort || B?.sort || e.table?.defaultSort,
|
|
600
539
|
pageSize: e.table?.pageSize,
|
|
601
540
|
selectable: e.table?.selectable,
|
|
602
|
-
striped:
|
|
603
|
-
bordered:
|
|
541
|
+
striped: B?.striped ?? e.table?.striped,
|
|
542
|
+
bordered: B?.bordered ?? e.table?.bordered,
|
|
604
543
|
className: e.table?.className
|
|
605
544
|
}), [
|
|
606
545
|
e,
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
]),
|
|
611
|
-
let t =
|
|
546
|
+
W,
|
|
547
|
+
L,
|
|
548
|
+
B
|
|
549
|
+
]), Pe = () => {
|
|
550
|
+
let t = O ? O.id || O._id : void 0;
|
|
612
551
|
return {
|
|
613
552
|
type: "object-form",
|
|
614
553
|
objectName: e.objectName,
|
|
615
|
-
mode:
|
|
554
|
+
mode: re,
|
|
616
555
|
recordId: t,
|
|
617
556
|
title: e.form?.title,
|
|
618
557
|
description: e.form?.description,
|
|
@@ -627,284 +566,284 @@ var Mt = {
|
|
|
627
566
|
cancelText: e.form?.cancelText,
|
|
628
567
|
showReset: e.form?.showReset,
|
|
629
568
|
initialValues: e.form?.initialValues,
|
|
630
|
-
readOnly: e.form?.readOnly ||
|
|
569
|
+
readOnly: e.form?.readOnly || re === "view",
|
|
631
570
|
className: e.form?.className,
|
|
632
|
-
onSuccess:
|
|
633
|
-
onCancel:
|
|
571
|
+
onSuccess: De,
|
|
572
|
+
onCancel: q
|
|
634
573
|
};
|
|
635
|
-
},
|
|
574
|
+
}, Fe = () => {
|
|
636
575
|
if (e.form?.title) return e.form.title;
|
|
637
576
|
let t = b?.label || e.objectName;
|
|
638
|
-
switch (
|
|
577
|
+
switch (re) {
|
|
639
578
|
case "create": return `Create ${t}`;
|
|
640
579
|
case "edit": return `Edit ${t}`;
|
|
641
580
|
case "view": return `View ${t}`;
|
|
642
581
|
default: return t;
|
|
643
582
|
}
|
|
644
|
-
},
|
|
645
|
-
let e =
|
|
583
|
+
}, Ie = a(() => {
|
|
584
|
+
let e = H?.width;
|
|
646
585
|
return e ? typeof e == "number" ? `max-w-[${e}px]` : `max-w-[${e}]` : "";
|
|
647
|
-
}, [
|
|
648
|
-
open:
|
|
649
|
-
onOpenChange:
|
|
586
|
+
}, [H]), Le = () => /* @__PURE__ */ Y(E, {
|
|
587
|
+
open: x,
|
|
588
|
+
onOpenChange: S,
|
|
650
589
|
direction: "right",
|
|
651
|
-
children: /* @__PURE__ */
|
|
652
|
-
className:
|
|
653
|
-
children: [/* @__PURE__ */
|
|
590
|
+
children: /* @__PURE__ */ X(oe, {
|
|
591
|
+
className: G("w-full sm:max-w-2xl", Ie),
|
|
592
|
+
children: [/* @__PURE__ */ X(ce, { children: [/* @__PURE__ */ Y(le, { children: Fe() }), e.form?.description && /* @__PURE__ */ Y(se, { children: e.form.description })] }), /* @__PURE__ */ Y("div", {
|
|
654
593
|
className: "flex-1 overflow-y-auto px-4 pb-4",
|
|
655
|
-
children: /* @__PURE__ */ (
|
|
656
|
-
schema:
|
|
594
|
+
children: /* @__PURE__ */ Y(p, {
|
|
595
|
+
schema: Pe(),
|
|
657
596
|
dataSource: t
|
|
658
597
|
})
|
|
659
598
|
})]
|
|
660
599
|
})
|
|
661
|
-
}),
|
|
662
|
-
open:
|
|
663
|
-
onOpenChange:
|
|
664
|
-
children: /* @__PURE__ */
|
|
665
|
-
className:
|
|
666
|
-
children: [/* @__PURE__ */
|
|
667
|
-
schema:
|
|
600
|
+
}), Re = () => /* @__PURE__ */ Y(C, {
|
|
601
|
+
open: x,
|
|
602
|
+
onOpenChange: S,
|
|
603
|
+
children: /* @__PURE__ */ X(w, {
|
|
604
|
+
className: G("max-w-2xl max-h-[90vh] overflow-y-auto", Ie),
|
|
605
|
+
children: [/* @__PURE__ */ X(ie, { children: [/* @__PURE__ */ Y(ae, { children: Fe() }), e.form?.description && /* @__PURE__ */ Y(T, { children: e.form.description })] }), /* @__PURE__ */ Y(p, {
|
|
606
|
+
schema: Pe(),
|
|
668
607
|
dataSource: t
|
|
669
608
|
})]
|
|
670
609
|
})
|
|
671
|
-
}),
|
|
610
|
+
}), ze = a(() => Object.keys(j).some((e) => j[e] !== void 0 && j[e] !== "" && j[e] !== null) ? Object.entries(j).filter(([, e]) => e !== void 0 && e !== "" && e !== null).map(([e, t]) => ({
|
|
672
611
|
field: e,
|
|
673
612
|
operator: "equals",
|
|
674
613
|
value: t
|
|
675
|
-
})) :
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
614
|
+
})) : L?.filter || B?.filter || e.table?.defaultFilters, [
|
|
615
|
+
j,
|
|
616
|
+
L,
|
|
617
|
+
B,
|
|
679
618
|
e.table?.defaultFilters
|
|
680
|
-
]),
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
619
|
+
]), Be = a(() => N.length > 0 ? N : L?.sort || B?.sort || e.table?.defaultSort, [
|
|
620
|
+
N,
|
|
621
|
+
L,
|
|
622
|
+
B,
|
|
684
623
|
e.table?.defaultSort
|
|
685
|
-
]),
|
|
686
|
-
let n = `${e.objectName}-${
|
|
624
|
+
]), Ve = () => {
|
|
625
|
+
let n = `${e.objectName}-${F || B?.id || "default"}-${V}-${A}`;
|
|
687
626
|
if (_) return _({
|
|
688
627
|
schema: {
|
|
689
628
|
type: "list-view",
|
|
690
629
|
objectName: e.objectName,
|
|
691
|
-
viewType:
|
|
692
|
-
fields:
|
|
693
|
-
filters:
|
|
694
|
-
sort:
|
|
695
|
-
rowHeight:
|
|
696
|
-
densityMode:
|
|
697
|
-
groupBy:
|
|
698
|
-
groupBy2:
|
|
699
|
-
grouping:
|
|
700
|
-
options:
|
|
701
|
-
showSearch:
|
|
702
|
-
showFilters:
|
|
703
|
-
showSort:
|
|
704
|
-
showHideFields:
|
|
705
|
-
showGroup:
|
|
706
|
-
showColor:
|
|
707
|
-
showDensity:
|
|
708
|
-
allowExport:
|
|
709
|
-
striped:
|
|
710
|
-
bordered:
|
|
711
|
-
color:
|
|
712
|
-
inlineEdit:
|
|
713
|
-
wrapHeaders:
|
|
714
|
-
clickIntoRecordDetails:
|
|
715
|
-
addRecordViaForm:
|
|
716
|
-
addDeleteRecordsInline:
|
|
717
|
-
collapseAllByDefault:
|
|
718
|
-
fieldTextColor:
|
|
719
|
-
prefixField:
|
|
720
|
-
showDescription:
|
|
721
|
-
navigation:
|
|
722
|
-
selection:
|
|
723
|
-
pagination:
|
|
724
|
-
searchableFields:
|
|
725
|
-
filterableFields:
|
|
726
|
-
resizable:
|
|
727
|
-
hiddenFields:
|
|
728
|
-
rowActions:
|
|
729
|
-
bulkActions:
|
|
730
|
-
sharing:
|
|
731
|
-
addRecord:
|
|
732
|
-
conditionalFormatting:
|
|
733
|
-
quickFilters:
|
|
734
|
-
userFilters:
|
|
735
|
-
showRecordCount:
|
|
736
|
-
allowPrinting:
|
|
737
|
-
virtualScroll:
|
|
738
|
-
emptyState:
|
|
739
|
-
aria:
|
|
630
|
+
viewType: V,
|
|
631
|
+
fields: L?.columns || B?.columns || e.table?.fields,
|
|
632
|
+
filters: ze,
|
|
633
|
+
sort: Be,
|
|
634
|
+
rowHeight: B?.rowHeight,
|
|
635
|
+
densityMode: B?.densityMode,
|
|
636
|
+
groupBy: B?.groupBy,
|
|
637
|
+
groupBy2: B?.groupBy2,
|
|
638
|
+
grouping: B?.grouping,
|
|
639
|
+
options: L?.options || B,
|
|
640
|
+
showSearch: B?.showSearch ?? e.showSearch,
|
|
641
|
+
showFilters: B?.showFilters ?? e.showFilters,
|
|
642
|
+
showSort: B?.showSort ?? e.showSort,
|
|
643
|
+
showHideFields: B?.showHideFields ?? e.showHideFields,
|
|
644
|
+
showGroup: B?.showGroup ?? e.showGroup,
|
|
645
|
+
showColor: B?.showColor ?? e.showColor,
|
|
646
|
+
showDensity: B?.showDensity ?? e.showDensity,
|
|
647
|
+
allowExport: B?.allowExport ?? e.allowExport,
|
|
648
|
+
striped: B?.striped ?? e.striped,
|
|
649
|
+
bordered: B?.bordered ?? e.bordered,
|
|
650
|
+
color: B?.color ?? e.color,
|
|
651
|
+
inlineEdit: B?.inlineEdit ?? e.inlineEdit,
|
|
652
|
+
wrapHeaders: B?.wrapHeaders ?? e.wrapHeaders,
|
|
653
|
+
clickIntoRecordDetails: B?.clickIntoRecordDetails ?? e.clickIntoRecordDetails,
|
|
654
|
+
addRecordViaForm: B?.addRecordViaForm ?? e.addRecordViaForm,
|
|
655
|
+
addDeleteRecordsInline: B?.addDeleteRecordsInline ?? e.addDeleteRecordsInline,
|
|
656
|
+
collapseAllByDefault: B?.collapseAllByDefault ?? e.collapseAllByDefault,
|
|
657
|
+
fieldTextColor: B?.fieldTextColor ?? e.fieldTextColor,
|
|
658
|
+
prefixField: B?.prefixField ?? e.prefixField,
|
|
659
|
+
showDescription: B?.showDescription ?? e.showDescription,
|
|
660
|
+
navigation: B?.navigation ?? e.navigation,
|
|
661
|
+
selection: B?.selection ?? e.selection,
|
|
662
|
+
pagination: B?.pagination ?? e.pagination,
|
|
663
|
+
searchableFields: B?.searchableFields ?? e.searchableFields,
|
|
664
|
+
filterableFields: B?.filterableFields ?? e.filterableFields,
|
|
665
|
+
resizable: B?.resizable ?? e.resizable,
|
|
666
|
+
hiddenFields: B?.hiddenFields ?? e.hiddenFields,
|
|
667
|
+
rowActions: B?.rowActions ?? e.rowActions,
|
|
668
|
+
bulkActions: B?.bulkActions ?? e.bulkActions,
|
|
669
|
+
sharing: B?.sharing ?? e.sharing,
|
|
670
|
+
addRecord: B?.addRecord ?? e.addRecord,
|
|
671
|
+
conditionalFormatting: B?.conditionalFormatting ?? e.conditionalFormatting,
|
|
672
|
+
quickFilters: B?.quickFilters ?? e.quickFilters,
|
|
673
|
+
userFilters: B?.userFilters ?? e.userFilters,
|
|
674
|
+
showRecordCount: B?.showRecordCount ?? e.showRecordCount,
|
|
675
|
+
allowPrinting: B?.allowPrinting ?? e.allowPrinting,
|
|
676
|
+
virtualScroll: B?.virtualScroll ?? e.virtualScroll,
|
|
677
|
+
emptyState: B?.emptyState ?? e.emptyState,
|
|
678
|
+
aria: B?.aria ?? e.aria,
|
|
740
679
|
tabs: e.tabs,
|
|
741
|
-
refreshTrigger:
|
|
680
|
+
refreshTrigger: A
|
|
742
681
|
},
|
|
743
682
|
dataSource: t,
|
|
744
|
-
onEdit:
|
|
745
|
-
onRowClick:
|
|
683
|
+
onEdit: Se,
|
|
684
|
+
onRowClick: we,
|
|
746
685
|
className: "h-full",
|
|
747
|
-
refreshKey:
|
|
686
|
+
refreshKey: A
|
|
748
687
|
});
|
|
749
|
-
if (
|
|
750
|
-
let e =
|
|
751
|
-
if (e &&
|
|
688
|
+
if (V !== "grid") {
|
|
689
|
+
let e = Me(V);
|
|
690
|
+
if (e && jt) return /* @__PURE__ */ Y(jt, {
|
|
752
691
|
schema: e,
|
|
753
692
|
dataSource: t,
|
|
754
|
-
data:
|
|
755
|
-
loading:
|
|
693
|
+
data: de,
|
|
694
|
+
loading: pe
|
|
756
695
|
}, n);
|
|
757
|
-
if (!
|
|
696
|
+
if (!jt) return /* @__PURE__ */ Y("div", {
|
|
758
697
|
className: "flex items-center justify-center h-40 text-muted-foreground",
|
|
759
|
-
children: /* @__PURE__ */
|
|
698
|
+
children: /* @__PURE__ */ X("p", { children: [
|
|
760
699
|
"SchemaRenderer not available. Install @object-ui/react to render ",
|
|
761
|
-
|
|
700
|
+
V,
|
|
762
701
|
" views."
|
|
763
702
|
] })
|
|
764
703
|
});
|
|
765
704
|
}
|
|
766
|
-
return /* @__PURE__ */ (
|
|
767
|
-
schema:
|
|
705
|
+
return /* @__PURE__ */ Y(f, {
|
|
706
|
+
schema: Ne,
|
|
768
707
|
dataSource: t,
|
|
769
|
-
onRowClick:
|
|
770
|
-
onEdit:
|
|
771
|
-
onDelete:
|
|
772
|
-
onBulkDelete:
|
|
708
|
+
onRowClick: we,
|
|
709
|
+
onEdit: W.update === !1 ? void 0 : Se,
|
|
710
|
+
onDelete: W.delete === !1 ? void 0 : Te,
|
|
711
|
+
onBulkDelete: W.delete === !1 ? void 0 : Ee
|
|
773
712
|
}, n);
|
|
774
|
-
},
|
|
775
|
-
if (!
|
|
776
|
-
let e = Object.entries(
|
|
777
|
-
return e.length <= 1 ? null : /* @__PURE__ */ (
|
|
778
|
-
value:
|
|
779
|
-
onValueChange:
|
|
713
|
+
}, He = () => {
|
|
714
|
+
if (!_e) return null;
|
|
715
|
+
let e = Object.entries(P);
|
|
716
|
+
return e.length <= 1 ? null : /* @__PURE__ */ Y(ye, {
|
|
717
|
+
value: F,
|
|
718
|
+
onValueChange: Ae,
|
|
780
719
|
className: "w-full",
|
|
781
|
-
children: /* @__PURE__ */ (
|
|
720
|
+
children: /* @__PURE__ */ Y(be, {
|
|
782
721
|
className: "w-auto",
|
|
783
|
-
children: e.map(([e, t]) => /* @__PURE__ */ (
|
|
722
|
+
children: e.map(([e, t]) => /* @__PURE__ */ Y(xe, {
|
|
784
723
|
value: e,
|
|
785
724
|
className: "text-sm",
|
|
786
725
|
children: t.label || e
|
|
787
726
|
}, e))
|
|
788
727
|
})
|
|
789
728
|
});
|
|
790
|
-
},
|
|
791
|
-
let t = e.showCreate !== !1 &&
|
|
792
|
-
return !r && !n && !t && !v ? null : /* @__PURE__ */
|
|
729
|
+
}, Ue = () => {
|
|
730
|
+
let t = e.showCreate !== !1 && W.create !== !1, n = e.showViewSwitcher === !0, r = He();
|
|
731
|
+
return !r && !n && !t && !v ? null : /* @__PURE__ */ X("div", {
|
|
793
732
|
className: "flex flex-col gap-3",
|
|
794
|
-
children: [r, (n || t || v) && /* @__PURE__ */
|
|
733
|
+
children: [r, (n || t || v) && /* @__PURE__ */ X("div", {
|
|
795
734
|
className: "flex items-center justify-between gap-4",
|
|
796
|
-
children: [/* @__PURE__ */ (
|
|
735
|
+
children: [/* @__PURE__ */ Y("div", {
|
|
797
736
|
className: "flex items-center gap-2",
|
|
798
|
-
children: n &&
|
|
799
|
-
schema:
|
|
800
|
-
onViewChange:
|
|
737
|
+
children: n && Oe && /* @__PURE__ */ Y(At, {
|
|
738
|
+
schema: Oe,
|
|
739
|
+
onViewChange: ke,
|
|
801
740
|
onCreateView: ee,
|
|
802
741
|
onViewAction: y,
|
|
803
742
|
className: "overflow-x-auto"
|
|
804
743
|
})
|
|
805
|
-
}), /* @__PURE__ */
|
|
744
|
+
}), /* @__PURE__ */ X("div", {
|
|
806
745
|
className: "flex items-center gap-2",
|
|
807
|
-
children: [v, t && /* @__PURE__ */
|
|
746
|
+
children: [v, t && /* @__PURE__ */ X(h, {
|
|
808
747
|
size: "sm",
|
|
809
|
-
onClick:
|
|
810
|
-
children: [/* @__PURE__ */ (
|
|
748
|
+
onClick: K,
|
|
749
|
+
children: [/* @__PURE__ */ Y(We, { className: "h-4 w-4" }), "Create"]
|
|
811
750
|
})]
|
|
812
751
|
})]
|
|
813
752
|
})]
|
|
814
753
|
});
|
|
815
|
-
},
|
|
754
|
+
}, Ge = H?.mode === "modal" ? "modal" : H?.mode === "drawer" ? "drawer" : H?.mode === "split" ? "split" : H?.mode === "popover" ? "popover" : U, Ke = (e) => /* @__PURE__ */ Y("div", {
|
|
816
755
|
className: "space-y-3",
|
|
817
|
-
children: /* @__PURE__ */ (
|
|
818
|
-
schema:
|
|
756
|
+
children: /* @__PURE__ */ Y(p, {
|
|
757
|
+
schema: Pe(),
|
|
819
758
|
dataSource: t
|
|
820
759
|
})
|
|
821
|
-
}),
|
|
822
|
-
e ||
|
|
823
|
-
}, [
|
|
824
|
-
if (
|
|
760
|
+
}), qe = n((e) => {
|
|
761
|
+
e || q();
|
|
762
|
+
}, [q]);
|
|
763
|
+
if (Ge === "split") {
|
|
825
764
|
let t = b?.label || e.objectName;
|
|
826
|
-
return /* @__PURE__ */
|
|
827
|
-
className:
|
|
765
|
+
return /* @__PURE__ */ X("div", {
|
|
766
|
+
className: G("flex flex-col h-full min-w-0 overflow-hidden", r),
|
|
828
767
|
children: [
|
|
829
|
-
(e.title || e.description) && /* @__PURE__ */
|
|
768
|
+
(e.title || e.description) && /* @__PURE__ */ X("div", {
|
|
830
769
|
className: "mb-4 shrink-0",
|
|
831
|
-
children: [e.title && /* @__PURE__ */ (
|
|
770
|
+
children: [e.title && /* @__PURE__ */ Y("h2", {
|
|
832
771
|
className: "text-2xl font-bold tracking-tight",
|
|
833
772
|
children: e.title
|
|
834
|
-
}), e.description && /* @__PURE__ */ (
|
|
773
|
+
}), e.description && /* @__PURE__ */ Y("p", {
|
|
835
774
|
className: "text-muted-foreground mt-1",
|
|
836
775
|
children: e.description
|
|
837
776
|
})]
|
|
838
777
|
}),
|
|
839
|
-
/* @__PURE__ */ (
|
|
778
|
+
/* @__PURE__ */ Y("div", {
|
|
840
779
|
className: "mb-4 shrink-0",
|
|
841
|
-
children:
|
|
780
|
+
children: Ue()
|
|
842
781
|
}),
|
|
843
|
-
/* @__PURE__ */ (
|
|
782
|
+
/* @__PURE__ */ Y("div", {
|
|
844
783
|
className: "flex-1 min-h-0 min-w-0 overflow-hidden",
|
|
845
|
-
children:
|
|
846
|
-
isOpen:
|
|
847
|
-
selectedRecord:
|
|
784
|
+
children: x && O ? /* @__PURE__ */ Y(he, {
|
|
785
|
+
isOpen: x,
|
|
786
|
+
selectedRecord: O,
|
|
848
787
|
mode: "split",
|
|
849
|
-
close:
|
|
850
|
-
setIsOpen:
|
|
851
|
-
width:
|
|
788
|
+
close: q,
|
|
789
|
+
setIsOpen: qe,
|
|
790
|
+
width: H?.width,
|
|
852
791
|
isOverlay: !0,
|
|
853
792
|
title: `${t} Detail`,
|
|
854
|
-
mainContent: /* @__PURE__ */ (
|
|
793
|
+
mainContent: /* @__PURE__ */ Y("div", {
|
|
855
794
|
className: "h-full overflow-auto",
|
|
856
|
-
children:
|
|
795
|
+
children: Ve()
|
|
857
796
|
}),
|
|
858
|
-
children:
|
|
859
|
-
}) :
|
|
797
|
+
children: Ke
|
|
798
|
+
}) : Ve()
|
|
860
799
|
})
|
|
861
800
|
]
|
|
862
801
|
});
|
|
863
802
|
}
|
|
864
|
-
return /* @__PURE__ */
|
|
865
|
-
className:
|
|
803
|
+
return /* @__PURE__ */ X("div", {
|
|
804
|
+
className: G("flex flex-col h-full min-w-0 overflow-hidden", r),
|
|
866
805
|
children: [
|
|
867
|
-
(e.title || e.description) && /* @__PURE__ */
|
|
806
|
+
(e.title || e.description) && /* @__PURE__ */ X("div", {
|
|
868
807
|
className: "mb-4 shrink-0",
|
|
869
|
-
children: [e.title && /* @__PURE__ */ (
|
|
808
|
+
children: [e.title && /* @__PURE__ */ Y("h2", {
|
|
870
809
|
className: "text-2xl font-bold tracking-tight",
|
|
871
810
|
children: e.title
|
|
872
|
-
}), e.description && /* @__PURE__ */ (
|
|
811
|
+
}), e.description && /* @__PURE__ */ Y("p", {
|
|
873
812
|
className: "text-muted-foreground mt-1",
|
|
874
813
|
children: e.description
|
|
875
814
|
})]
|
|
876
815
|
}),
|
|
877
|
-
/* @__PURE__ */ (
|
|
816
|
+
/* @__PURE__ */ Y("div", {
|
|
878
817
|
className: "mb-4 shrink-0",
|
|
879
|
-
children:
|
|
818
|
+
children: Ue()
|
|
880
819
|
}),
|
|
881
|
-
/* @__PURE__ */ (
|
|
820
|
+
/* @__PURE__ */ Y("div", {
|
|
882
821
|
className: "flex-1 min-h-0 min-w-0 overflow-hidden",
|
|
883
|
-
children:
|
|
822
|
+
children: Ve()
|
|
884
823
|
}),
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
isOpen:
|
|
889
|
-
selectedRecord:
|
|
824
|
+
Ge === "drawer" && Le(),
|
|
825
|
+
Ge === "modal" && Re(),
|
|
826
|
+
Ge === "popover" && x && O && /* @__PURE__ */ Y(he, {
|
|
827
|
+
isOpen: x,
|
|
828
|
+
selectedRecord: O,
|
|
890
829
|
mode: "popover",
|
|
891
|
-
close:
|
|
892
|
-
setIsOpen:
|
|
893
|
-
width:
|
|
830
|
+
close: q,
|
|
831
|
+
setIsOpen: qe,
|
|
832
|
+
width: H?.width,
|
|
894
833
|
isOverlay: !0,
|
|
895
|
-
title:
|
|
896
|
-
children:
|
|
834
|
+
title: Fe(),
|
|
835
|
+
children: Ke
|
|
897
836
|
})
|
|
898
837
|
]
|
|
899
838
|
});
|
|
900
|
-
},
|
|
839
|
+
}, Nt = nt("flex", {
|
|
901
840
|
variants: { layout: {
|
|
902
841
|
inline: "flex-col space-y-4",
|
|
903
842
|
popover: "items-center",
|
|
904
843
|
drawer: "items-center"
|
|
905
844
|
} },
|
|
906
845
|
defaultVariants: { layout: "inline" }
|
|
907
|
-
}),
|
|
846
|
+
}), Pt = (e) => e == null || e === "" ? !0 : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.values(e).every((e) => e == null || e === "") : !1, Ft = (e) => Array.isArray(e) ? {
|
|
908
847
|
start: e[0] || "",
|
|
909
848
|
end: e[1] || ""
|
|
910
849
|
} : e && typeof e == "object" ? {
|
|
@@ -913,7 +852,7 @@ var Mt = {
|
|
|
913
852
|
} : {
|
|
914
853
|
start: "",
|
|
915
854
|
end: ""
|
|
916
|
-
},
|
|
855
|
+
}, It = ({ schema: t, className: n, onChange: r }) => {
|
|
917
856
|
let [i, a] = e.useState(t.values || {}), [o, s] = e.useState(!1);
|
|
918
857
|
e.useEffect(() => {
|
|
919
858
|
t.values && a(t.values);
|
|
@@ -939,10 +878,10 @@ var Mt = {
|
|
|
939
878
|
c(e);
|
|
940
879
|
}, [c, t.showApply]), d = e.useCallback(() => {
|
|
941
880
|
c(i), s(!1);
|
|
942
|
-
}, [c, i]), f = e.useMemo(() => Object.values(i).filter((e) => !
|
|
881
|
+
}, [c, i]), f = e.useMemo(() => Object.values(i).filter((e) => !Pt(e)).length, [i]), p = (e) => {
|
|
943
882
|
let t = e.label || e.field, n = e.placeholder || `Filter by ${t}`;
|
|
944
883
|
switch (e.type) {
|
|
945
|
-
case "number": return /* @__PURE__ */ (
|
|
884
|
+
case "number": return /* @__PURE__ */ Y(M, {
|
|
946
885
|
type: "number",
|
|
947
886
|
value: i[e.field] ?? "",
|
|
948
887
|
placeholder: n,
|
|
@@ -951,32 +890,32 @@ var Mt = {
|
|
|
951
890
|
l(e.field, r);
|
|
952
891
|
}
|
|
953
892
|
});
|
|
954
|
-
case "select": return /* @__PURE__ */
|
|
893
|
+
case "select": return /* @__PURE__ */ X(F, {
|
|
955
894
|
value: i[e.field] === void 0 ? "" : String(i[e.field]),
|
|
956
895
|
onValueChange: (t) => {
|
|
957
896
|
let n = e.options?.find((e) => String(e.value) === t);
|
|
958
897
|
l(e.field, n ? n.value : t);
|
|
959
898
|
},
|
|
960
|
-
children: [/* @__PURE__ */ (
|
|
899
|
+
children: [/* @__PURE__ */ Y(R, { children: /* @__PURE__ */ Y(z, { placeholder: n }) }), /* @__PURE__ */ Y(I, { children: e.options?.map((e) => /* @__PURE__ */ Y(L, {
|
|
961
900
|
value: String(e.value),
|
|
962
901
|
children: e.label
|
|
963
902
|
}, String(e.value))) })]
|
|
964
903
|
});
|
|
965
904
|
case "multi-select": {
|
|
966
905
|
let t = i[e.field], n = Array.isArray(t) ? t : t ? [t] : [];
|
|
967
|
-
return /* @__PURE__ */ (
|
|
906
|
+
return /* @__PURE__ */ Y("div", {
|
|
968
907
|
className: "max-h-40 overflow-y-auto space-y-0.5 border rounded-md p-2",
|
|
969
908
|
children: e.options?.map((t) => {
|
|
970
909
|
let r = n.map(String).includes(String(t.value));
|
|
971
|
-
return /* @__PURE__ */
|
|
972
|
-
className:
|
|
973
|
-
children: [/* @__PURE__ */ (
|
|
910
|
+
return /* @__PURE__ */ X("label", {
|
|
911
|
+
className: G("flex items-center gap-2 text-sm py-1 px-1.5 rounded cursor-pointer", r ? "bg-primary/5 text-primary" : "hover:bg-muted"),
|
|
912
|
+
children: [/* @__PURE__ */ Y(g, {
|
|
974
913
|
checked: r,
|
|
975
914
|
onCheckedChange: (r) => {
|
|
976
915
|
let i = r ? [...n, t.value] : n.filter((e) => String(e) !== String(t.value));
|
|
977
916
|
l(e.field, i);
|
|
978
917
|
}
|
|
979
|
-
}), /* @__PURE__ */ (
|
|
918
|
+
}), /* @__PURE__ */ Y("span", {
|
|
980
919
|
className: "truncate",
|
|
981
920
|
children: t.label
|
|
982
921
|
})]
|
|
@@ -984,16 +923,16 @@ var Mt = {
|
|
|
984
923
|
})
|
|
985
924
|
});
|
|
986
925
|
}
|
|
987
|
-
case "date": return /* @__PURE__ */ (
|
|
926
|
+
case "date": return /* @__PURE__ */ Y(M, {
|
|
988
927
|
type: "date",
|
|
989
928
|
value: i[e.field] ?? "",
|
|
990
929
|
onChange: (t) => l(e.field, t.target.value)
|
|
991
930
|
});
|
|
992
931
|
case "date-range": {
|
|
993
|
-
let t =
|
|
994
|
-
return /* @__PURE__ */
|
|
932
|
+
let t = Ft(i[e.field]);
|
|
933
|
+
return /* @__PURE__ */ X("div", {
|
|
995
934
|
className: "flex items-center gap-2",
|
|
996
|
-
children: [/* @__PURE__ */ (
|
|
935
|
+
children: [/* @__PURE__ */ Y(M, {
|
|
997
936
|
type: "date",
|
|
998
937
|
value: t.start ?? "",
|
|
999
938
|
onChange: (n) => {
|
|
@@ -1002,7 +941,7 @@ var Mt = {
|
|
|
1002
941
|
start: n.target.value
|
|
1003
942
|
});
|
|
1004
943
|
}
|
|
1005
|
-
}), /* @__PURE__ */ (
|
|
944
|
+
}), /* @__PURE__ */ Y(M, {
|
|
1006
945
|
type: "date",
|
|
1007
946
|
value: t.end ?? "",
|
|
1008
947
|
onChange: (n) => {
|
|
@@ -1014,42 +953,42 @@ var Mt = {
|
|
|
1014
953
|
})]
|
|
1015
954
|
});
|
|
1016
955
|
}
|
|
1017
|
-
case "boolean": return /* @__PURE__ */
|
|
956
|
+
case "boolean": return /* @__PURE__ */ X("div", {
|
|
1018
957
|
className: "flex items-center gap-2",
|
|
1019
|
-
children: [/* @__PURE__ */ (
|
|
958
|
+
children: [/* @__PURE__ */ Y(g, {
|
|
1020
959
|
checked: !!i[e.field],
|
|
1021
960
|
onCheckedChange: (t) => l(e.field, !!t)
|
|
1022
|
-
}), /* @__PURE__ */ (
|
|
961
|
+
}), /* @__PURE__ */ Y("span", {
|
|
1023
962
|
className: "text-sm text-muted-foreground",
|
|
1024
963
|
children: "Enabled"
|
|
1025
964
|
})]
|
|
1026
965
|
});
|
|
1027
|
-
default: return /* @__PURE__ */ (
|
|
966
|
+
default: return /* @__PURE__ */ Y(M, {
|
|
1028
967
|
value: i[e.field] ?? "",
|
|
1029
968
|
placeholder: n,
|
|
1030
969
|
onChange: (t) => l(e.field, t.target.value)
|
|
1031
970
|
});
|
|
1032
971
|
}
|
|
1033
|
-
}, m = /* @__PURE__ */
|
|
972
|
+
}, m = /* @__PURE__ */ X("div", {
|
|
1034
973
|
className: "space-y-4",
|
|
1035
|
-
children: [/* @__PURE__ */ (
|
|
974
|
+
children: [/* @__PURE__ */ Y("div", {
|
|
1036
975
|
className: "grid gap-4 sm:grid-cols-2",
|
|
1037
|
-
children: t.filters.map((e) => /* @__PURE__ */
|
|
976
|
+
children: t.filters.map((e) => /* @__PURE__ */ X("div", {
|
|
1038
977
|
className: "space-y-2",
|
|
1039
|
-
children: [/* @__PURE__ */ (
|
|
978
|
+
children: [/* @__PURE__ */ Y(N, {
|
|
1040
979
|
className: "text-xs text-muted-foreground",
|
|
1041
980
|
children: e.label || e.field
|
|
1042
981
|
}), p(e)]
|
|
1043
982
|
}, e.field))
|
|
1044
|
-
}), (t.showApply || t.showClear) && /* @__PURE__ */
|
|
983
|
+
}), (t.showApply || t.showClear) && /* @__PURE__ */ X("div", {
|
|
1045
984
|
className: "flex items-center justify-end gap-2 border-t pt-3",
|
|
1046
|
-
children: [t.showClear && /* @__PURE__ */ (
|
|
985
|
+
children: [t.showClear && /* @__PURE__ */ Y(h, {
|
|
1047
986
|
type: "button",
|
|
1048
987
|
variant: "ghost",
|
|
1049
988
|
size: "sm",
|
|
1050
989
|
onClick: u,
|
|
1051
990
|
children: "Clear"
|
|
1052
|
-
}), t.showApply && /* @__PURE__ */ (
|
|
991
|
+
}), t.showApply && /* @__PURE__ */ Y(h, {
|
|
1053
992
|
type: "button",
|
|
1054
993
|
size: "sm",
|
|
1055
994
|
onClick: d,
|
|
@@ -1057,90 +996,90 @@ var Mt = {
|
|
|
1057
996
|
})]
|
|
1058
997
|
})]
|
|
1059
998
|
}), _ = t.layout || "inline";
|
|
1060
|
-
return _ === "popover" ? /* @__PURE__ */ (
|
|
1061
|
-
className:
|
|
1062
|
-
children: /* @__PURE__ */
|
|
999
|
+
return _ === "popover" ? /* @__PURE__ */ Y("div", {
|
|
1000
|
+
className: G(Nt({ layout: _ }), n),
|
|
1001
|
+
children: /* @__PURE__ */ X(ge, {
|
|
1063
1002
|
open: o,
|
|
1064
1003
|
onOpenChange: s,
|
|
1065
|
-
children: [/* @__PURE__ */ (
|
|
1004
|
+
children: [/* @__PURE__ */ Y(_e, {
|
|
1066
1005
|
asChild: !0,
|
|
1067
|
-
children: /* @__PURE__ */
|
|
1006
|
+
children: /* @__PURE__ */ X(h, {
|
|
1068
1007
|
type: "button",
|
|
1069
1008
|
variant: f > 0 ? "secondary" : "outline",
|
|
1070
1009
|
size: "sm",
|
|
1071
1010
|
className: "gap-2",
|
|
1072
1011
|
children: [
|
|
1073
|
-
/* @__PURE__ */ (
|
|
1012
|
+
/* @__PURE__ */ Y(Xe, { className: "h-4 w-4" }),
|
|
1074
1013
|
"Filters",
|
|
1075
|
-
f > 0 && /* @__PURE__ */ (
|
|
1014
|
+
f > 0 && /* @__PURE__ */ Y("span", {
|
|
1076
1015
|
className: "inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",
|
|
1077
1016
|
children: f
|
|
1078
1017
|
})
|
|
1079
1018
|
]
|
|
1080
1019
|
})
|
|
1081
|
-
}), /* @__PURE__ */ (
|
|
1020
|
+
}), /* @__PURE__ */ Y(P, {
|
|
1082
1021
|
align: "start",
|
|
1083
1022
|
className: "w-[520px] p-4",
|
|
1084
1023
|
children: m
|
|
1085
1024
|
})]
|
|
1086
1025
|
})
|
|
1087
|
-
}) : _ === "drawer" ? /* @__PURE__ */
|
|
1088
|
-
className:
|
|
1089
|
-
children: [/* @__PURE__ */
|
|
1026
|
+
}) : _ === "drawer" ? /* @__PURE__ */ X("div", {
|
|
1027
|
+
className: G(Nt({ layout: _ }), n),
|
|
1028
|
+
children: [/* @__PURE__ */ X(h, {
|
|
1090
1029
|
type: "button",
|
|
1091
1030
|
variant: f > 0 ? "secondary" : "outline",
|
|
1092
1031
|
size: "sm",
|
|
1093
1032
|
className: "gap-2",
|
|
1094
1033
|
onClick: () => s(!0),
|
|
1095
1034
|
children: [
|
|
1096
|
-
/* @__PURE__ */ (
|
|
1035
|
+
/* @__PURE__ */ Y(Xe, { className: "h-4 w-4" }),
|
|
1097
1036
|
"Filters",
|
|
1098
|
-
f > 0 && /* @__PURE__ */ (
|
|
1037
|
+
f > 0 && /* @__PURE__ */ Y("span", {
|
|
1099
1038
|
className: "inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",
|
|
1100
1039
|
children: f
|
|
1101
1040
|
})
|
|
1102
1041
|
]
|
|
1103
|
-
}), /* @__PURE__ */ (
|
|
1042
|
+
}), /* @__PURE__ */ Y(E, {
|
|
1104
1043
|
open: o,
|
|
1105
1044
|
onOpenChange: s,
|
|
1106
|
-
children: /* @__PURE__ */
|
|
1045
|
+
children: /* @__PURE__ */ X(oe, { children: [/* @__PURE__ */ X(ce, { children: [/* @__PURE__ */ Y(le, { children: "Filters" }), /* @__PURE__ */ Y(se, { children: "Refine the data with advanced filters." })] }), /* @__PURE__ */ Y("div", {
|
|
1107
1046
|
className: "px-4 pb-6",
|
|
1108
1047
|
children: m
|
|
1109
1048
|
})] })
|
|
1110
1049
|
})]
|
|
1111
|
-
}) : /* @__PURE__ */
|
|
1112
|
-
className:
|
|
1113
|
-
children: [m, !t.showApply && t.showClear && /* @__PURE__ */
|
|
1050
|
+
}) : /* @__PURE__ */ X("div", {
|
|
1051
|
+
className: G(Nt({ layout: _ }), n),
|
|
1052
|
+
children: [m, !t.showApply && t.showClear && /* @__PURE__ */ X(h, {
|
|
1114
1053
|
type: "button",
|
|
1115
1054
|
variant: "ghost",
|
|
1116
1055
|
size: "sm",
|
|
1117
1056
|
className: "gap-2",
|
|
1118
1057
|
onClick: u,
|
|
1119
|
-
children: [/* @__PURE__ */ (
|
|
1058
|
+
children: [/* @__PURE__ */ Y(et, { className: "h-3.5 w-3.5" }), "Clear filters"]
|
|
1120
1059
|
})]
|
|
1121
1060
|
});
|
|
1122
|
-
},
|
|
1061
|
+
}, Lt = nt("", {
|
|
1123
1062
|
variants: { variant: {
|
|
1124
1063
|
buttons: "flex flex-wrap gap-2",
|
|
1125
1064
|
dropdown: "flex flex-wrap items-center gap-3",
|
|
1126
1065
|
builder: "space-y-3"
|
|
1127
1066
|
} },
|
|
1128
1067
|
defaultVariants: { variant: "dropdown" }
|
|
1129
|
-
}),
|
|
1068
|
+
}), Rt = (e) => e ? e.map((e) => ({
|
|
1130
1069
|
field: e.field,
|
|
1131
1070
|
direction: e.direction
|
|
1132
|
-
})) : [],
|
|
1071
|
+
})) : [], zt = (e) => e.map((e) => ({
|
|
1133
1072
|
id: `${e.field}-${e.direction}`,
|
|
1134
1073
|
field: e.field,
|
|
1135
1074
|
order: e.direction
|
|
1136
|
-
})),
|
|
1075
|
+
})), Bt = (e) => e.filter((e) => e.field).map((e) => ({
|
|
1137
1076
|
field: e.field,
|
|
1138
1077
|
direction: e.order
|
|
1139
|
-
})),
|
|
1140
|
-
let [i, a] = e.useState(() =>
|
|
1078
|
+
})), Vt = ({ schema: t, className: n, onChange: r }) => {
|
|
1079
|
+
let [i, a] = e.useState(() => Rt(t.sort)), [o, s] = e.useState(() => zt(Rt(t.sort)));
|
|
1141
1080
|
e.useEffect(() => {
|
|
1142
|
-
let e =
|
|
1143
|
-
a(e), s(
|
|
1081
|
+
let e = Rt(t.sort);
|
|
1082
|
+
a(e), s(zt(e));
|
|
1144
1083
|
}, [t.sort]);
|
|
1145
1084
|
let c = e.useCallback((e) => {
|
|
1146
1085
|
a(e), r?.(e), t.onChange && typeof window < "u" && window.dispatchEvent(new CustomEvent(t.onChange, { detail: { sort: e } }));
|
|
@@ -1169,37 +1108,37 @@ var Mt = {
|
|
|
1169
1108
|
t.multiple,
|
|
1170
1109
|
i
|
|
1171
1110
|
]);
|
|
1172
|
-
if ((t.variant || "dropdown") === "buttons") return /* @__PURE__ */ (
|
|
1173
|
-
className:
|
|
1111
|
+
if ((t.variant || "dropdown") === "buttons") return /* @__PURE__ */ Y("div", {
|
|
1112
|
+
className: G(Lt({ variant: "buttons" }), n),
|
|
1174
1113
|
children: t.fields.map((e) => {
|
|
1175
|
-
let t = i.find((t) => t.field === e.field), n = t?.direction === "asc" ?
|
|
1176
|
-
return /* @__PURE__ */
|
|
1114
|
+
let t = i.find((t) => t.field === e.field), n = t?.direction === "asc" ? Ce : Se;
|
|
1115
|
+
return /* @__PURE__ */ X(h, {
|
|
1177
1116
|
type: "button",
|
|
1178
1117
|
variant: t ? "secondary" : "outline",
|
|
1179
1118
|
size: "sm",
|
|
1180
1119
|
onClick: () => l(e.field),
|
|
1181
1120
|
className: "gap-2",
|
|
1182
|
-
children: [/* @__PURE__ */ (
|
|
1121
|
+
children: [/* @__PURE__ */ Y("span", { children: e.label || e.field }), t && /* @__PURE__ */ Y(n, { className: "h-3.5 w-3.5" })]
|
|
1183
1122
|
}, e.field);
|
|
1184
1123
|
})
|
|
1185
1124
|
});
|
|
1186
|
-
if (t.multiple) return /* @__PURE__ */ (
|
|
1187
|
-
className:
|
|
1188
|
-
children: /* @__PURE__ */ (
|
|
1125
|
+
if (t.multiple) return /* @__PURE__ */ Y("div", {
|
|
1126
|
+
className: G(Lt({ variant: "builder" }), n),
|
|
1127
|
+
children: /* @__PURE__ */ Y(ve, {
|
|
1189
1128
|
fields: t.fields.map((e) => ({
|
|
1190
1129
|
value: e.field,
|
|
1191
1130
|
label: e.label || e.field
|
|
1192
1131
|
})),
|
|
1193
1132
|
value: o,
|
|
1194
1133
|
onChange: (e) => {
|
|
1195
|
-
s(e), c(
|
|
1134
|
+
s(e), c(Bt(e));
|
|
1196
1135
|
}
|
|
1197
1136
|
})
|
|
1198
1137
|
});
|
|
1199
1138
|
let u = i[0];
|
|
1200
|
-
return /* @__PURE__ */
|
|
1201
|
-
className:
|
|
1202
|
-
children: [/* @__PURE__ */
|
|
1139
|
+
return /* @__PURE__ */ X("div", {
|
|
1140
|
+
className: G(Lt({ variant: "dropdown" }), n),
|
|
1141
|
+
children: [/* @__PURE__ */ X(F, {
|
|
1203
1142
|
value: u?.field || "",
|
|
1204
1143
|
onValueChange: (e) => {
|
|
1205
1144
|
if (!e) {
|
|
@@ -1211,14 +1150,14 @@ var Mt = {
|
|
|
1211
1150
|
direction: u?.direction || "asc"
|
|
1212
1151
|
}]);
|
|
1213
1152
|
},
|
|
1214
|
-
children: [/* @__PURE__ */ (
|
|
1153
|
+
children: [/* @__PURE__ */ Y(R, {
|
|
1215
1154
|
className: "w-56",
|
|
1216
|
-
children: /* @__PURE__ */ (
|
|
1217
|
-
}), /* @__PURE__ */ (
|
|
1155
|
+
children: /* @__PURE__ */ Y(z, { placeholder: "Select field" })
|
|
1156
|
+
}), /* @__PURE__ */ Y(I, { children: t.fields.map((e) => /* @__PURE__ */ Y(L, {
|
|
1218
1157
|
value: e.field,
|
|
1219
1158
|
children: e.label || e.field
|
|
1220
1159
|
}, e.field)) })]
|
|
1221
|
-
}), /* @__PURE__ */
|
|
1160
|
+
}), /* @__PURE__ */ X(F, {
|
|
1222
1161
|
value: u?.direction || "asc",
|
|
1223
1162
|
onValueChange: (e) => {
|
|
1224
1163
|
u?.field && c([{
|
|
@@ -1226,13 +1165,13 @@ var Mt = {
|
|
|
1226
1165
|
direction: e
|
|
1227
1166
|
}]);
|
|
1228
1167
|
},
|
|
1229
|
-
children: [/* @__PURE__ */ (
|
|
1168
|
+
children: [/* @__PURE__ */ Y(R, {
|
|
1230
1169
|
className: "w-36",
|
|
1231
|
-
children: /* @__PURE__ */ (
|
|
1232
|
-
}), /* @__PURE__ */
|
|
1170
|
+
children: /* @__PURE__ */ Y(z, {})
|
|
1171
|
+
}), /* @__PURE__ */ X(I, { children: [/* @__PURE__ */ Y(L, {
|
|
1233
1172
|
value: "asc",
|
|
1234
1173
|
children: "Ascending"
|
|
1235
|
-
}), /* @__PURE__ */ (
|
|
1174
|
+
}), /* @__PURE__ */ Y(L, {
|
|
1236
1175
|
value: "desc",
|
|
1237
1176
|
children: "Descending"
|
|
1238
1177
|
})] })]
|
|
@@ -1241,7 +1180,7 @@ var Mt = {
|
|
|
1241
1180
|
};
|
|
1242
1181
|
//#endregion
|
|
1243
1182
|
//#region src/SharedViewLink.tsx
|
|
1244
|
-
function
|
|
1183
|
+
function Ht() {
|
|
1245
1184
|
if (typeof crypto < "u" && typeof crypto.randomUUID == "function") return crypto.randomUUID();
|
|
1246
1185
|
if (typeof crypto < "u" && typeof crypto.getRandomValues == "function") {
|
|
1247
1186
|
let e = new Uint8Array(16);
|
|
@@ -1249,12 +1188,12 @@ function Kt() {
|
|
|
1249
1188
|
}
|
|
1250
1189
|
return Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2);
|
|
1251
1190
|
}
|
|
1252
|
-
function
|
|
1191
|
+
function Ut(e, t, n, r) {
|
|
1253
1192
|
return `${e}/share/${t}/${n}?mode=readonly&token=${r}`;
|
|
1254
1193
|
}
|
|
1255
|
-
var
|
|
1194
|
+
var Wt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, className: a }) => {
|
|
1256
1195
|
let [o, s] = e.useState(null), [c, l] = e.useState(!1), [u, d] = e.useState(!1), [f, p] = e.useState(""), [g, _] = e.useState(""), v = r ?? (typeof window < "u" ? window.location.origin : ""), ee = e.useCallback(() => {
|
|
1257
|
-
let e =
|
|
1196
|
+
let e = Ut(v, t, n, Ht());
|
|
1258
1197
|
s(e), l(!1);
|
|
1259
1198
|
let r = g ? new Date(Date.now() + parseInt(g, 10) * 864e5).toISOString() : void 0;
|
|
1260
1199
|
i?.(e, {
|
|
@@ -1276,76 +1215,76 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1276
1215
|
e.value = o, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e), l(!0), setTimeout(() => l(!1), 2e3);
|
|
1277
1216
|
}
|
|
1278
1217
|
}, [o]);
|
|
1279
|
-
return /* @__PURE__ */
|
|
1218
|
+
return /* @__PURE__ */ X(ge, {
|
|
1280
1219
|
open: u,
|
|
1281
1220
|
onOpenChange: d,
|
|
1282
|
-
children: [/* @__PURE__ */ (
|
|
1221
|
+
children: [/* @__PURE__ */ Y(_e, {
|
|
1283
1222
|
asChild: !0,
|
|
1284
|
-
children: /* @__PURE__ */
|
|
1223
|
+
children: /* @__PURE__ */ X(h, {
|
|
1285
1224
|
variant: "outline",
|
|
1286
1225
|
size: "sm",
|
|
1287
|
-
className:
|
|
1288
|
-
children: [/* @__PURE__ */ (
|
|
1226
|
+
className: G("gap-2", a),
|
|
1227
|
+
children: [/* @__PURE__ */ Y(Ye, { className: "h-4 w-4" }), "Share"]
|
|
1289
1228
|
})
|
|
1290
|
-
}), /* @__PURE__ */
|
|
1229
|
+
}), /* @__PURE__ */ X(P, {
|
|
1291
1230
|
className: "w-96 space-y-4",
|
|
1292
1231
|
align: "end",
|
|
1293
|
-
children: [/* @__PURE__ */
|
|
1232
|
+
children: [/* @__PURE__ */ X("div", {
|
|
1294
1233
|
className: "space-y-2",
|
|
1295
|
-
children: [/* @__PURE__ */
|
|
1234
|
+
children: [/* @__PURE__ */ X("div", {
|
|
1296
1235
|
className: "flex items-center justify-between",
|
|
1297
|
-
children: [/* @__PURE__ */ (
|
|
1236
|
+
children: [/* @__PURE__ */ Y("h4", {
|
|
1298
1237
|
className: "text-sm font-medium",
|
|
1299
1238
|
children: "Share View"
|
|
1300
|
-
}), /* @__PURE__ */ (
|
|
1239
|
+
}), /* @__PURE__ */ Y(m, {
|
|
1301
1240
|
variant: "secondary",
|
|
1302
1241
|
className: "text-xs",
|
|
1303
1242
|
children: "Read-only"
|
|
1304
1243
|
})]
|
|
1305
|
-
}), /* @__PURE__ */ (
|
|
1244
|
+
}), /* @__PURE__ */ Y("p", {
|
|
1306
1245
|
className: "text-xs text-muted-foreground",
|
|
1307
1246
|
children: "Generate a public link to share this view. Recipients can view data without logging in."
|
|
1308
1247
|
})]
|
|
1309
|
-
}), o ? /* @__PURE__ */
|
|
1248
|
+
}), o ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X("div", {
|
|
1310
1249
|
className: "flex items-center gap-2",
|
|
1311
|
-
children: [/* @__PURE__ */ (
|
|
1250
|
+
children: [/* @__PURE__ */ Y(M, {
|
|
1312
1251
|
value: o,
|
|
1313
1252
|
readOnly: !0,
|
|
1314
1253
|
className: "h-8 text-xs",
|
|
1315
1254
|
onClick: (e) => e.target.select()
|
|
1316
|
-
}), /* @__PURE__ */ (
|
|
1255
|
+
}), /* @__PURE__ */ Y(h, {
|
|
1317
1256
|
variant: "outline",
|
|
1318
1257
|
size: "sm",
|
|
1319
1258
|
onClick: y,
|
|
1320
1259
|
className: "shrink-0 gap-1",
|
|
1321
|
-
children: c ? /* @__PURE__ */ (
|
|
1260
|
+
children: c ? /* @__PURE__ */ Y(Te, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ Y(De, { className: "h-4 w-4" })
|
|
1322
1261
|
})]
|
|
1323
|
-
}), (f || g) && /* @__PURE__ */
|
|
1262
|
+
}), (f || g) && /* @__PURE__ */ X("div", {
|
|
1324
1263
|
className: "flex items-center gap-2 flex-wrap",
|
|
1325
|
-
children: [f && /* @__PURE__ */
|
|
1264
|
+
children: [f && /* @__PURE__ */ X(m, {
|
|
1326
1265
|
variant: "outline",
|
|
1327
1266
|
className: "text-xs gap-1",
|
|
1328
|
-
children: [/* @__PURE__ */ (
|
|
1329
|
-
}), g && /* @__PURE__ */
|
|
1267
|
+
children: [/* @__PURE__ */ Y(Re, { className: "h-3 w-3" }), "Password protected"]
|
|
1268
|
+
}), g && /* @__PURE__ */ X(m, {
|
|
1330
1269
|
variant: "outline",
|
|
1331
1270
|
className: "text-xs gap-1",
|
|
1332
1271
|
children: [
|
|
1333
|
-
/* @__PURE__ */ (
|
|
1272
|
+
/* @__PURE__ */ Y(we, { className: "h-3 w-3" }),
|
|
1334
1273
|
"Expires in ",
|
|
1335
1274
|
g,
|
|
1336
1275
|
" day",
|
|
1337
1276
|
g === "1" ? "" : "s"
|
|
1338
1277
|
]
|
|
1339
1278
|
})]
|
|
1340
|
-
})] }) : /* @__PURE__ */
|
|
1279
|
+
})] }) : /* @__PURE__ */ X("div", {
|
|
1341
1280
|
className: "space-y-3",
|
|
1342
1281
|
children: [
|
|
1343
|
-
/* @__PURE__ */
|
|
1282
|
+
/* @__PURE__ */ X("div", {
|
|
1344
1283
|
className: "space-y-1.5",
|
|
1345
|
-
children: [/* @__PURE__ */
|
|
1284
|
+
children: [/* @__PURE__ */ X("label", {
|
|
1346
1285
|
className: "flex items-center gap-1.5 text-xs font-medium text-foreground",
|
|
1347
|
-
children: [/* @__PURE__ */ (
|
|
1348
|
-
}), /* @__PURE__ */ (
|
|
1286
|
+
children: [/* @__PURE__ */ Y(Re, { className: "h-3.5 w-3.5" }), "Password protection (optional)"]
|
|
1287
|
+
}), /* @__PURE__ */ Y(M, {
|
|
1349
1288
|
type: "password",
|
|
1350
1289
|
value: f,
|
|
1351
1290
|
onChange: (e) => p(e.target.value),
|
|
@@ -1353,56 +1292,56 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1353
1292
|
className: "h-8 text-xs"
|
|
1354
1293
|
})]
|
|
1355
1294
|
}),
|
|
1356
|
-
/* @__PURE__ */
|
|
1295
|
+
/* @__PURE__ */ X("div", {
|
|
1357
1296
|
className: "space-y-1.5",
|
|
1358
|
-
children: [/* @__PURE__ */
|
|
1297
|
+
children: [/* @__PURE__ */ X("label", {
|
|
1359
1298
|
className: "flex items-center gap-1.5 text-xs font-medium text-foreground",
|
|
1360
|
-
children: [/* @__PURE__ */ (
|
|
1361
|
-
}), /* @__PURE__ */
|
|
1299
|
+
children: [/* @__PURE__ */ Y(we, { className: "h-3.5 w-3.5" }), "Expires after (optional)"]
|
|
1300
|
+
}), /* @__PURE__ */ X("select", {
|
|
1362
1301
|
value: g,
|
|
1363
1302
|
onChange: (e) => _(e.target.value),
|
|
1364
1303
|
className: "w-full h-8 text-xs rounded-md border border-input bg-background px-3",
|
|
1365
1304
|
children: [
|
|
1366
|
-
/* @__PURE__ */ (
|
|
1305
|
+
/* @__PURE__ */ Y("option", {
|
|
1367
1306
|
value: "",
|
|
1368
1307
|
children: "Never"
|
|
1369
1308
|
}),
|
|
1370
|
-
/* @__PURE__ */ (
|
|
1309
|
+
/* @__PURE__ */ Y("option", {
|
|
1371
1310
|
value: "1",
|
|
1372
1311
|
children: "1 day"
|
|
1373
1312
|
}),
|
|
1374
|
-
/* @__PURE__ */ (
|
|
1313
|
+
/* @__PURE__ */ Y("option", {
|
|
1375
1314
|
value: "7",
|
|
1376
1315
|
children: "7 days"
|
|
1377
1316
|
}),
|
|
1378
|
-
/* @__PURE__ */ (
|
|
1317
|
+
/* @__PURE__ */ Y("option", {
|
|
1379
1318
|
value: "30",
|
|
1380
1319
|
children: "30 days"
|
|
1381
1320
|
}),
|
|
1382
|
-
/* @__PURE__ */ (
|
|
1321
|
+
/* @__PURE__ */ Y("option", {
|
|
1383
1322
|
value: "90",
|
|
1384
1323
|
children: "90 days"
|
|
1385
1324
|
})
|
|
1386
1325
|
]
|
|
1387
1326
|
})]
|
|
1388
1327
|
}),
|
|
1389
|
-
/* @__PURE__ */
|
|
1328
|
+
/* @__PURE__ */ X(h, {
|
|
1390
1329
|
onClick: ee,
|
|
1391
1330
|
className: "w-full gap-2",
|
|
1392
1331
|
size: "sm",
|
|
1393
|
-
children: [/* @__PURE__ */ (
|
|
1332
|
+
children: [/* @__PURE__ */ Y(Ye, { className: "h-4 w-4" }), "Generate Link"]
|
|
1394
1333
|
})
|
|
1395
1334
|
]
|
|
1396
1335
|
})]
|
|
1397
1336
|
})]
|
|
1398
1337
|
});
|
|
1399
|
-
},
|
|
1338
|
+
}, Gt = {
|
|
1400
1339
|
private: 0,
|
|
1401
1340
|
team: 1,
|
|
1402
1341
|
organization: 2,
|
|
1403
1342
|
public: 3
|
|
1404
|
-
},
|
|
1405
|
-
let { attributes: r, listeners: i, setNodeRef: a, transform: o, transition: s, isDragging: c } =
|
|
1343
|
+
}, Kt = 8, qt = ({ id: e, disabled: t, children: n }) => {
|
|
1344
|
+
let { attributes: r, listeners: i, setNodeRef: a, transform: o, transition: s, isDragging: c } = pt({
|
|
1406
1345
|
id: e,
|
|
1407
1346
|
disabled: t,
|
|
1408
1347
|
attributes: {
|
|
@@ -1411,10 +1350,10 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1411
1350
|
tabIndex: 0
|
|
1412
1351
|
}
|
|
1413
1352
|
});
|
|
1414
|
-
return /* @__PURE__ */ (
|
|
1353
|
+
return /* @__PURE__ */ Y(J, { children: n({
|
|
1415
1354
|
setNodeRef: a,
|
|
1416
1355
|
style: {
|
|
1417
|
-
transform:
|
|
1356
|
+
transform: ht.Transform.toString(o),
|
|
1418
1357
|
transition: s,
|
|
1419
1358
|
zIndex: c ? 10 : void 0,
|
|
1420
1359
|
opacity: c ? .5 : void 0
|
|
@@ -1423,46 +1362,46 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1423
1362
|
attributes: r,
|
|
1424
1363
|
isDragging: c
|
|
1425
1364
|
}) });
|
|
1426
|
-
},
|
|
1427
|
-
let { showAddButton:
|
|
1365
|
+
}, Jt = ({ views: e, activeViewId: r, onViewChange: c, viewTypeIcons: l = {}, config: u = {}, onAddView: d, onRenameView: f, onDuplicateView: p, onDeleteView: m, onSetDefaultView: g, onShareView: _, onSaveAsView: C, onPinView: w, onReorderViews: T, onChangeViewType: re, onConfigView: ie, onManageViews: ae, availableViewTypes: E, hasUnsavedChanges: oe = !1, onResetChanges: se, className: ce }) => {
|
|
1366
|
+
let { showAddButton: le = !0, inlineRename: me = !0, contextMenu: j = !0, reorderable: N = !1, maxVisibleTabs: he = 6, showIndicators: ge = !0, showSaveAsView: P = !0, showPinnedSection: _e = !0, showVisibilityGroups: F = !1 } = u, [I, L] = s(null), [R, z] = s(""), ve = o(null);
|
|
1428
1367
|
i(() => {
|
|
1429
|
-
|
|
1430
|
-
}, [
|
|
1431
|
-
let
|
|
1432
|
-
if (!
|
|
1368
|
+
I && ve.current && (ve.current.focus(), ve.current.select());
|
|
1369
|
+
}, [I]);
|
|
1370
|
+
let B = n((t) => {
|
|
1371
|
+
if (!me || !f) return;
|
|
1433
1372
|
let n = e.find((e) => e.id === t);
|
|
1434
|
-
n && (n.readonly || (
|
|
1373
|
+
n && (n.readonly || (L(t), z(n.label)));
|
|
1435
1374
|
}, [
|
|
1436
|
-
|
|
1375
|
+
me,
|
|
1437
1376
|
f,
|
|
1438
1377
|
e
|
|
1439
|
-
]),
|
|
1440
|
-
|
|
1378
|
+
]), ye = n(() => {
|
|
1379
|
+
I && R.trim() && f && f(I, R.trim()), L(null), z("");
|
|
1441
1380
|
}, [
|
|
1381
|
+
I,
|
|
1442
1382
|
R,
|
|
1443
|
-
B,
|
|
1444
1383
|
f
|
|
1445
|
-
]),
|
|
1446
|
-
|
|
1447
|
-
}, []),
|
|
1384
|
+
]), be = n(() => {
|
|
1385
|
+
L(null), z("");
|
|
1386
|
+
}, []), xe = a(() => e.length > 0 && e.every((e) => !!e.readonly), [e]), K = a(() => {
|
|
1448
1387
|
let t = [...e];
|
|
1449
1388
|
return t.sort((e, t) => {
|
|
1450
|
-
if (
|
|
1389
|
+
if (_e) {
|
|
1451
1390
|
let n = +!!e.isPinned, r = +!!t.isPinned;
|
|
1452
1391
|
if (n !== r) return r - n;
|
|
1453
1392
|
}
|
|
1454
|
-
if (
|
|
1455
|
-
let n =
|
|
1393
|
+
if (F) {
|
|
1394
|
+
let n = Gt[e.visibility || "public"] ?? Gt.public, r = Gt[t.visibility || "public"] ?? Gt.public;
|
|
1456
1395
|
if (n !== r) return n - r;
|
|
1457
1396
|
}
|
|
1458
1397
|
return 0;
|
|
1459
1398
|
}), t;
|
|
1460
1399
|
}, [
|
|
1461
1400
|
e,
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
]), { visibleViews:
|
|
1465
|
-
let e =
|
|
1401
|
+
_e,
|
|
1402
|
+
F
|
|
1403
|
+
]), { visibleViews: Se, overflowViews: Ce } = a(() => {
|
|
1404
|
+
let e = K.slice(0, he), t = K.slice(he), n = t.findIndex((e) => e.id === r);
|
|
1466
1405
|
if (n === -1) return {
|
|
1467
1406
|
visibleViews: e,
|
|
1468
1407
|
overflowViews: t
|
|
@@ -1473,91 +1412,91 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1473
1412
|
overflowViews: s
|
|
1474
1413
|
};
|
|
1475
1414
|
}, [
|
|
1476
|
-
|
|
1477
|
-
|
|
1415
|
+
K,
|
|
1416
|
+
he,
|
|
1478
1417
|
r
|
|
1479
|
-
]),
|
|
1418
|
+
]), we = ct(st(at, { activationConstraint: { distance: Kt } }), st(it)), Te = n((e) => {
|
|
1480
1419
|
let { active: t, over: n } = e;
|
|
1481
|
-
if (!n || t.id === n.id || !
|
|
1482
|
-
let r =
|
|
1483
|
-
r === -1 || i === -1 ||
|
|
1484
|
-
}, [
|
|
1485
|
-
if (!
|
|
1486
|
-
let t =
|
|
1420
|
+
if (!n || t.id === n.id || !T) return;
|
|
1421
|
+
let r = K.findIndex((e) => e.id === t.id), i = K.findIndex((e) => e.id === n.id);
|
|
1422
|
+
r === -1 || i === -1 || T(ut(K, r, i).map((e) => e.id));
|
|
1423
|
+
}, [K, T]), q = Qe, Oe = n((e) => {
|
|
1424
|
+
if (!F || e === 0) return !1;
|
|
1425
|
+
let t = Se[e - 1], n = Se[e], r = (e) => e.visibility === "private";
|
|
1487
1426
|
return r(t) && !r(n);
|
|
1488
|
-
}, [
|
|
1489
|
-
let i = e.id === r, a = l[e.type] ||
|
|
1427
|
+
}, [F, Se]), ke = (e, n) => {
|
|
1428
|
+
let i = e.id === r, a = l[e.type] || q, o = I === e.id, s = ge && (e.hasActiveFilters || e.hasActiveSort), u = Oe(n), d = !!e.readonly, h = ((e) => F ? e.visibility === "private" ? /* @__PURE__ */ Y(Re, {
|
|
1490
1429
|
"data-testid": `view-tab-visibility-${e.id}`,
|
|
1491
1430
|
className: "h-3 w-3 text-muted-foreground shrink-0"
|
|
1492
|
-
}) : e.visibility ? /* @__PURE__ */ (
|
|
1431
|
+
}) : e.visibility ? /* @__PURE__ */ Y(je, {
|
|
1493
1432
|
"data-testid": `view-tab-visibility-${e.id}`,
|
|
1494
1433
|
className: "h-3 w-3 text-muted-foreground shrink-0"
|
|
1495
|
-
}) : null : null)(e),
|
|
1434
|
+
}) : null : null)(e), C = (t) => /* @__PURE__ */ X("div", {
|
|
1496
1435
|
"data-testid": `view-tab-${e.id}`,
|
|
1497
1436
|
role: "tab",
|
|
1498
1437
|
tabIndex: 0,
|
|
1499
1438
|
"aria-selected": i,
|
|
1500
1439
|
onClick: () => !o && c(e.id),
|
|
1501
|
-
onDoubleClick: () =>
|
|
1440
|
+
onDoubleClick: () => B(e.id),
|
|
1502
1441
|
onKeyDown: (t) => {
|
|
1503
1442
|
!o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), c(e.id));
|
|
1504
1443
|
},
|
|
1505
1444
|
...t?.listeners ?? {},
|
|
1506
1445
|
...t?.attributes ?? {},
|
|
1507
|
-
className:
|
|
1446
|
+
className: G("group/tab inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap relative outline-none focus-visible:ring-2 focus-visible:ring-ring", t?.isDragging ? "cursor-grabbing" : "cursor-pointer", i ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"),
|
|
1508
1447
|
children: [
|
|
1509
|
-
|
|
1448
|
+
N && T && /* @__PURE__ */ Y("span", {
|
|
1510
1449
|
"data-testid": `view-tab-drag-handle-${e.id}`,
|
|
1511
1450
|
"aria-hidden": "true",
|
|
1512
|
-
className:
|
|
1513
|
-
children: /* @__PURE__ */ (
|
|
1451
|
+
className: G("text-muted-foreground transition-opacity pointer-events-none", "opacity-0 group-hover/tab:opacity-100", t?.isDragging && "opacity-100"),
|
|
1452
|
+
children: /* @__PURE__ */ Y(Ne, { className: "h-3 w-3" })
|
|
1514
1453
|
}),
|
|
1515
|
-
|
|
1454
|
+
_e && e.isPinned && /* @__PURE__ */ Y(He, {
|
|
1516
1455
|
"data-testid": `view-tab-pin-indicator-${e.id}`,
|
|
1517
1456
|
className: "h-3 w-3 text-primary shrink-0"
|
|
1518
1457
|
}),
|
|
1519
1458
|
h,
|
|
1520
|
-
/* @__PURE__ */ (
|
|
1521
|
-
o ? /* @__PURE__ */ (
|
|
1522
|
-
ref:
|
|
1459
|
+
/* @__PURE__ */ Y(a, { className: "h-3.5 w-3.5" }),
|
|
1460
|
+
o ? /* @__PURE__ */ Y(M, {
|
|
1461
|
+
ref: ve,
|
|
1523
1462
|
"data-testid": `view-tab-rename-input-${e.id}`,
|
|
1524
|
-
value:
|
|
1525
|
-
onChange: (e) =>
|
|
1526
|
-
onBlur:
|
|
1463
|
+
value: R,
|
|
1464
|
+
onChange: (e) => z(e.target.value),
|
|
1465
|
+
onBlur: ye,
|
|
1527
1466
|
onKeyDown: (e) => {
|
|
1528
|
-
e.key === "Enter" &&
|
|
1467
|
+
e.key === "Enter" && ye(), e.key === "Escape" && be();
|
|
1529
1468
|
},
|
|
1530
1469
|
className: "h-5 w-24 px-1 py-0 text-sm border-none focus-visible:ring-1",
|
|
1531
1470
|
onClick: (e) => e.stopPropagation()
|
|
1532
|
-
}) : /* @__PURE__ */ (
|
|
1533
|
-
d && !
|
|
1471
|
+
}) : /* @__PURE__ */ Y("span", { children: e.label }),
|
|
1472
|
+
d && !xe && /* @__PURE__ */ X(V, { children: [/* @__PURE__ */ Y(W, {
|
|
1534
1473
|
asChild: !0,
|
|
1535
|
-
children: /* @__PURE__ */ (
|
|
1474
|
+
children: /* @__PURE__ */ Y(Re, {
|
|
1536
1475
|
"data-testid": `view-tab-readonly-${e.id}`,
|
|
1537
1476
|
"aria-label": "Read-only view",
|
|
1538
1477
|
className: "h-3 w-3 text-muted-foreground shrink-0"
|
|
1539
1478
|
})
|
|
1540
|
-
}), /* @__PURE__ */ (
|
|
1479
|
+
}), /* @__PURE__ */ Y(H, {
|
|
1541
1480
|
side: "bottom",
|
|
1542
1481
|
className: "text-xs",
|
|
1543
1482
|
children: e.readonlyReason || "System view — duplicate to customize."
|
|
1544
1483
|
})] }),
|
|
1545
|
-
s && /* @__PURE__ */
|
|
1484
|
+
s && /* @__PURE__ */ X(V, { children: [/* @__PURE__ */ Y(W, {
|
|
1546
1485
|
asChild: !0,
|
|
1547
|
-
children: /* @__PURE__ */ (
|
|
1486
|
+
children: /* @__PURE__ */ Y("span", {
|
|
1548
1487
|
"data-testid": `view-tab-indicator-${e.id}`,
|
|
1549
1488
|
className: "ml-1 inline-flex items-center justify-center h-4 min-w-[16px] rounded-full bg-primary/15 text-[10px] font-medium text-primary px-1 shrink-0",
|
|
1550
1489
|
children: [e.hasActiveFilters && "F", e.hasActiveSort && "S"].filter(Boolean).join("")
|
|
1551
1490
|
})
|
|
1552
|
-
}), /* @__PURE__ */ (
|
|
1491
|
+
}), /* @__PURE__ */ Y(H, {
|
|
1553
1492
|
side: "bottom",
|
|
1554
1493
|
className: "text-xs",
|
|
1555
1494
|
children: [e.hasActiveFilters && "Active filters", e.hasActiveSort && "Active sort"].filter(Boolean).join(", ")
|
|
1556
1495
|
})] }),
|
|
1557
|
-
e.isDefault && /* @__PURE__ */ (
|
|
1558
|
-
i && (
|
|
1496
|
+
e.isDefault && /* @__PURE__ */ Y(Ze, { className: "h-3 w-3 text-amber-500 fill-amber-500 shrink-0" }),
|
|
1497
|
+
i && (ie || f || p || m) && /* @__PURE__ */ X(D, { children: [/* @__PURE__ */ Y(pe, {
|
|
1559
1498
|
asChild: !0,
|
|
1560
|
-
children: /* @__PURE__ */ (
|
|
1499
|
+
children: /* @__PURE__ */ Y("button", {
|
|
1561
1500
|
type: "button",
|
|
1562
1501
|
"data-testid": `view-tab-actions-${e.id}`,
|
|
1563
1502
|
className: "ml-0.5 h-4 w-4 flex items-center justify-center rounded hover:bg-accent shrink-0 opacity-70 hover:opacity-100 transition-opacity",
|
|
@@ -1565,112 +1504,112 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1565
1504
|
onPointerDown: (e) => e.stopPropagation(),
|
|
1566
1505
|
onMouseDown: (e) => e.stopPropagation(),
|
|
1567
1506
|
"aria-label": `View actions for ${e.label}`,
|
|
1568
|
-
children: /* @__PURE__ */ (
|
|
1507
|
+
children: /* @__PURE__ */ Y(Ee, { className: "h-3 w-3" })
|
|
1569
1508
|
})
|
|
1570
|
-
}), /* @__PURE__ */
|
|
1509
|
+
}), /* @__PURE__ */ X(O, {
|
|
1571
1510
|
align: "start",
|
|
1572
1511
|
className: "min-w-[180px]",
|
|
1573
1512
|
onClick: (e) => e.stopPropagation(),
|
|
1574
1513
|
children: [
|
|
1575
|
-
|
|
1514
|
+
ie && !d && /* @__PURE__ */ X(k, {
|
|
1576
1515
|
"data-testid": `view-tab-menu-config-${e.id}`,
|
|
1577
|
-
onClick: () =>
|
|
1578
|
-
children: [/* @__PURE__ */ (
|
|
1516
|
+
onClick: () => ie(e.id),
|
|
1517
|
+
children: [/* @__PURE__ */ Y(Je, { className: "h-4 w-4 mr-2" }), " Edit view config"]
|
|
1579
1518
|
}),
|
|
1580
|
-
f && !d && /* @__PURE__ */
|
|
1519
|
+
f && !d && /* @__PURE__ */ X(k, {
|
|
1581
1520
|
"data-testid": `view-tab-menu-rename-${e.id}`,
|
|
1582
|
-
onClick: () =>
|
|
1583
|
-
children: [/* @__PURE__ */ (
|
|
1521
|
+
onClick: () => B(e.id),
|
|
1522
|
+
children: [/* @__PURE__ */ Y(Ve, { className: "h-4 w-4 mr-2" }), " Rename"]
|
|
1584
1523
|
}),
|
|
1585
|
-
p && /* @__PURE__ */
|
|
1524
|
+
p && /* @__PURE__ */ X(k, {
|
|
1586
1525
|
"data-testid": `view-tab-menu-duplicate-${e.id}`,
|
|
1587
1526
|
onClick: () => p(e.id),
|
|
1588
|
-
children: [/* @__PURE__ */ (
|
|
1527
|
+
children: [/* @__PURE__ */ Y(De, { className: "h-4 w-4 mr-2" }), " Duplicate view"]
|
|
1589
1528
|
}),
|
|
1590
|
-
_ && /* @__PURE__ */
|
|
1529
|
+
_ && /* @__PURE__ */ X(k, {
|
|
1591
1530
|
"data-testid": `view-tab-menu-share-${e.id}`,
|
|
1592
1531
|
onClick: () => _(e.id),
|
|
1593
|
-
children: [/* @__PURE__ */ (
|
|
1532
|
+
children: [/* @__PURE__ */ Y(Ye, { className: "h-4 w-4 mr-2" }), " Share view"]
|
|
1594
1533
|
}),
|
|
1595
|
-
g && !d && /* @__PURE__ */
|
|
1534
|
+
g && !d && /* @__PURE__ */ X(k, {
|
|
1596
1535
|
"data-testid": `view-tab-menu-default-${e.id}`,
|
|
1597
1536
|
onClick: () => g(e.id),
|
|
1598
|
-
children: [/* @__PURE__ */ (
|
|
1537
|
+
children: [/* @__PURE__ */ Y(Ze, { className: "h-4 w-4 mr-2" }), " Set as default"]
|
|
1599
1538
|
}),
|
|
1600
|
-
|
|
1539
|
+
w && !d && /* @__PURE__ */ Y(k, {
|
|
1601
1540
|
"data-testid": `view-tab-menu-pin-${e.id}`,
|
|
1602
|
-
onClick: () =>
|
|
1603
|
-
children: e.isPinned ? /* @__PURE__ */
|
|
1541
|
+
onClick: () => w(e.id, !e.isPinned),
|
|
1542
|
+
children: e.isPinned ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(Ue, { className: "h-4 w-4 mr-2" }), " Unpin view"] }) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(He, { className: "h-4 w-4 mr-2" }), " Pin view"] })
|
|
1604
1543
|
}),
|
|
1605
|
-
|
|
1544
|
+
re && !d && E && E.length > 0 && /* @__PURE__ */ X(ue, { children: [/* @__PURE__ */ X(fe, {
|
|
1606
1545
|
"data-testid": `view-tab-menu-change-type-${e.id}`,
|
|
1607
|
-
children: [/* @__PURE__ */ (
|
|
1608
|
-
}), /* @__PURE__ */ (
|
|
1609
|
-
let n = l[t.type] ||
|
|
1610
|
-
return /* @__PURE__ */
|
|
1546
|
+
children: [/* @__PURE__ */ Y(Fe, { className: "h-4 w-4 mr-2" }), " Change view type"]
|
|
1547
|
+
}), /* @__PURE__ */ Y(de, { children: E.map((t) => {
|
|
1548
|
+
let n = l[t.type] || q;
|
|
1549
|
+
return /* @__PURE__ */ X(k, {
|
|
1611
1550
|
"data-testid": `view-tab-menu-type-${e.id}-${t.type}`,
|
|
1612
1551
|
disabled: t.type === e.type,
|
|
1613
|
-
onClick: () =>
|
|
1614
|
-
children: [/* @__PURE__ */ (
|
|
1552
|
+
onClick: () => re(e.id, t.type),
|
|
1553
|
+
children: [/* @__PURE__ */ Y(n, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ Y("span", { children: t.label })]
|
|
1615
1554
|
}, t.type);
|
|
1616
1555
|
}) })] }),
|
|
1617
|
-
m && !d && /* @__PURE__ */
|
|
1556
|
+
m && !d && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(A, {}), /* @__PURE__ */ X(k, {
|
|
1618
1557
|
"data-testid": `view-tab-menu-delete-${e.id}`,
|
|
1619
1558
|
onClick: () => m(e.id),
|
|
1620
1559
|
className: "text-destructive focus:text-destructive",
|
|
1621
|
-
children: [/* @__PURE__ */ (
|
|
1560
|
+
children: [/* @__PURE__ */ Y($e, { className: "h-4 w-4 mr-2" }), " Delete view"]
|
|
1622
1561
|
})] }),
|
|
1623
|
-
|
|
1562
|
+
ae && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(A, {}), /* @__PURE__ */ X(k, {
|
|
1624
1563
|
"data-testid": `view-tab-menu-manage-${e.id}`,
|
|
1625
|
-
onClick:
|
|
1626
|
-
children: [/* @__PURE__ */ (
|
|
1564
|
+
onClick: ae,
|
|
1565
|
+
children: [/* @__PURE__ */ Y(Le, { className: "h-4 w-4 mr-2" }), " Manage all views…"]
|
|
1627
1566
|
})] })
|
|
1628
1567
|
]
|
|
1629
1568
|
})] })
|
|
1630
1569
|
]
|
|
1631
|
-
}),
|
|
1570
|
+
}), oe = (t) => !j || o ? t : /* @__PURE__ */ X(v, { children: [/* @__PURE__ */ Y(S, {
|
|
1632
1571
|
asChild: !0,
|
|
1633
1572
|
children: t
|
|
1634
|
-
}), /* @__PURE__ */
|
|
1635
|
-
f && !d && /* @__PURE__ */
|
|
1573
|
+
}), /* @__PURE__ */ X(ee, { children: [
|
|
1574
|
+
f && !d && /* @__PURE__ */ X(y, {
|
|
1636
1575
|
"data-testid": `context-menu-rename-${e.id}`,
|
|
1637
|
-
onClick: () =>
|
|
1638
|
-
children: [/* @__PURE__ */ (
|
|
1576
|
+
onClick: () => B(e.id),
|
|
1577
|
+
children: [/* @__PURE__ */ Y(Ve, { className: "h-4 w-4 mr-2" }), " Rename"]
|
|
1639
1578
|
}),
|
|
1640
|
-
p && /* @__PURE__ */
|
|
1579
|
+
p && /* @__PURE__ */ X(y, {
|
|
1641
1580
|
"data-testid": `context-menu-duplicate-${e.id}`,
|
|
1642
1581
|
onClick: () => p(e.id),
|
|
1643
|
-
children: [/* @__PURE__ */ (
|
|
1582
|
+
children: [/* @__PURE__ */ Y(De, { className: "h-4 w-4 mr-2" }), " Duplicate View"]
|
|
1644
1583
|
}),
|
|
1645
|
-
_ && /* @__PURE__ */
|
|
1584
|
+
_ && /* @__PURE__ */ X(y, {
|
|
1646
1585
|
"data-testid": `context-menu-share-${e.id}`,
|
|
1647
1586
|
onClick: () => _(e.id),
|
|
1648
|
-
children: [/* @__PURE__ */ (
|
|
1587
|
+
children: [/* @__PURE__ */ Y(Ye, { className: "h-4 w-4 mr-2" }), " Share View"]
|
|
1649
1588
|
}),
|
|
1650
|
-
g && !d && /* @__PURE__ */
|
|
1589
|
+
g && !d && /* @__PURE__ */ X(y, {
|
|
1651
1590
|
"data-testid": `context-menu-default-${e.id}`,
|
|
1652
1591
|
onClick: () => g(e.id),
|
|
1653
|
-
children: [/* @__PURE__ */ (
|
|
1592
|
+
children: [/* @__PURE__ */ Y(Ze, { className: "h-4 w-4 mr-2" }), " Set as Default"]
|
|
1654
1593
|
}),
|
|
1655
|
-
|
|
1594
|
+
w && !d && /* @__PURE__ */ Y(y, {
|
|
1656
1595
|
"data-testid": `context-menu-pin-${e.id}`,
|
|
1657
|
-
onClick: () =>
|
|
1658
|
-
children: e.isPinned ? /* @__PURE__ */
|
|
1596
|
+
onClick: () => w(e.id, !e.isPinned),
|
|
1597
|
+
children: e.isPinned ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(Ue, { className: "h-4 w-4 mr-2" }), " Unpin View"] }) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(He, { className: "h-4 w-4 mr-2" }), " Pin View"] })
|
|
1659
1598
|
}),
|
|
1660
|
-
|
|
1599
|
+
re && !d && E && E.length > 0 && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(b, {}), /* @__PURE__ */ X(te, { children: [/* @__PURE__ */ X(x, {
|
|
1661
1600
|
"data-testid": `context-menu-change-type-${e.id}`,
|
|
1662
|
-
children: [/* @__PURE__ */ (
|
|
1663
|
-
}), /* @__PURE__ */ (
|
|
1601
|
+
children: [/* @__PURE__ */ Y(Fe, { className: "h-4 w-4 mr-2" }), " Change View Type"]
|
|
1602
|
+
}), /* @__PURE__ */ Y(ne, {
|
|
1664
1603
|
"data-testid": `context-menu-type-submenu-${e.id}`,
|
|
1665
|
-
children:
|
|
1666
|
-
let n = l[t.type] ||
|
|
1667
|
-
return /* @__PURE__ */
|
|
1604
|
+
children: E.map((t) => {
|
|
1605
|
+
let n = l[t.type] || q;
|
|
1606
|
+
return /* @__PURE__ */ X(y, {
|
|
1668
1607
|
"data-testid": `context-menu-type-${e.id}-${t.type}`,
|
|
1669
1608
|
disabled: t.type === e.type,
|
|
1670
|
-
onClick: () =>
|
|
1671
|
-
children: [/* @__PURE__ */ (
|
|
1609
|
+
onClick: () => re(e.id, t.type),
|
|
1610
|
+
children: [/* @__PURE__ */ Y(n, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ X("div", {
|
|
1672
1611
|
className: "flex flex-col",
|
|
1673
|
-
children: [/* @__PURE__ */ (
|
|
1612
|
+
children: [/* @__PURE__ */ Y("span", { children: t.label }), t.description && /* @__PURE__ */ Y("span", {
|
|
1674
1613
|
className: "text-xs text-muted-foreground",
|
|
1675
1614
|
children: t.description
|
|
1676
1615
|
})]
|
|
@@ -1678,83 +1617,83 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1678
1617
|
}, t.type);
|
|
1679
1618
|
})
|
|
1680
1619
|
})] })] }),
|
|
1681
|
-
m && !d && /* @__PURE__ */
|
|
1620
|
+
m && !d && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(b, {}), /* @__PURE__ */ X(y, {
|
|
1682
1621
|
"data-testid": `context-menu-delete-${e.id}`,
|
|
1683
1622
|
onClick: () => m(e.id),
|
|
1684
1623
|
className: "text-destructive focus:text-destructive",
|
|
1685
|
-
children: [/* @__PURE__ */ (
|
|
1624
|
+
children: [/* @__PURE__ */ Y($e, { className: "h-4 w-4 mr-2" }), " Delete View"]
|
|
1686
1625
|
})] }),
|
|
1687
|
-
|
|
1626
|
+
ae && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(b, {}), /* @__PURE__ */ X(y, {
|
|
1688
1627
|
"data-testid": `context-menu-manage-${e.id}`,
|
|
1689
|
-
onClick:
|
|
1690
|
-
children: [/* @__PURE__ */ (
|
|
1628
|
+
onClick: ae,
|
|
1629
|
+
children: [/* @__PURE__ */ Y(Le, { className: "h-4 w-4 mr-2" }), " Manage all views…"]
|
|
1691
1630
|
})] })
|
|
1692
1631
|
] })] });
|
|
1693
|
-
return
|
|
1632
|
+
return N && T ? /* @__PURE__ */ X(t.Fragment, { children: [u && /* @__PURE__ */ Y("div", {
|
|
1694
1633
|
"data-testid": "view-tab-visibility-separator",
|
|
1695
1634
|
className: "w-px h-5 bg-border mx-1 self-center shrink-0"
|
|
1696
|
-
}), /* @__PURE__ */ (
|
|
1635
|
+
}), /* @__PURE__ */ Y(qt, {
|
|
1697
1636
|
id: e.id,
|
|
1698
|
-
children: ({ setNodeRef: e, style: t, listeners: n, attributes: r, isDragging: i }) => /* @__PURE__ */ (
|
|
1637
|
+
children: ({ setNodeRef: e, style: t, listeners: n, attributes: r, isDragging: i }) => /* @__PURE__ */ Y("div", {
|
|
1699
1638
|
ref: e,
|
|
1700
1639
|
style: t,
|
|
1701
|
-
className:
|
|
1702
|
-
children:
|
|
1640
|
+
className: G("flex", i && "z-10"),
|
|
1641
|
+
children: oe(C({
|
|
1703
1642
|
listeners: n,
|
|
1704
1643
|
attributes: r,
|
|
1705
1644
|
isDragging: i
|
|
1706
1645
|
}))
|
|
1707
1646
|
})
|
|
1708
|
-
})] }, e.id) : /* @__PURE__ */
|
|
1647
|
+
})] }, e.id) : /* @__PURE__ */ X(t.Fragment, { children: [u && /* @__PURE__ */ Y("div", {
|
|
1709
1648
|
"data-testid": "view-tab-visibility-separator",
|
|
1710
1649
|
className: "w-px h-5 bg-border mx-1 self-center shrink-0"
|
|
1711
|
-
}),
|
|
1712
|
-
},
|
|
1713
|
-
return /* @__PURE__ */ (
|
|
1650
|
+
}), oe(C())] }, e.id);
|
|
1651
|
+
}, Ae = /* @__PURE__ */ Y(J, { children: Se.map((e, t) => ke(e, t)) });
|
|
1652
|
+
return /* @__PURE__ */ Y(U, { children: /* @__PURE__ */ X("div", {
|
|
1714
1653
|
"data-testid": "view-tab-bar",
|
|
1715
|
-
className:
|
|
1654
|
+
className: G("flex items-center gap-0.5 -mb-px", ce),
|
|
1716
1655
|
children: [
|
|
1717
|
-
|
|
1718
|
-
sensors:
|
|
1719
|
-
collisionDetection:
|
|
1720
|
-
onDragEnd:
|
|
1721
|
-
children: /* @__PURE__ */ (
|
|
1722
|
-
items:
|
|
1723
|
-
strategy:
|
|
1724
|
-
children: /* @__PURE__ */ (
|
|
1656
|
+
N && T ? /* @__PURE__ */ Y(rt, {
|
|
1657
|
+
sensors: we,
|
|
1658
|
+
collisionDetection: ot,
|
|
1659
|
+
onDragEnd: Te,
|
|
1660
|
+
children: /* @__PURE__ */ Y(lt, {
|
|
1661
|
+
items: Se.map((e) => e.id),
|
|
1662
|
+
strategy: dt,
|
|
1663
|
+
children: /* @__PURE__ */ Y("div", {
|
|
1725
1664
|
"data-testid": "view-tab-sortable-container",
|
|
1726
1665
|
className: "flex items-center gap-0.5",
|
|
1727
|
-
children:
|
|
1666
|
+
children: Ae
|
|
1728
1667
|
})
|
|
1729
1668
|
})
|
|
1730
|
-
}) :
|
|
1731
|
-
|
|
1669
|
+
}) : Ae,
|
|
1670
|
+
Ce.length > 0 && /* @__PURE__ */ X(D, { children: [/* @__PURE__ */ Y(pe, {
|
|
1732
1671
|
asChild: !0,
|
|
1733
|
-
children: /* @__PURE__ */
|
|
1672
|
+
children: /* @__PURE__ */ X("button", {
|
|
1734
1673
|
"data-testid": "view-tab-overflow",
|
|
1735
1674
|
className: "inline-flex items-center gap-1 px-2 py-2 text-sm text-muted-foreground hover:text-foreground transition-colors",
|
|
1736
|
-
children: [/* @__PURE__ */ (
|
|
1675
|
+
children: [/* @__PURE__ */ Y(Be, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
|
|
1737
1676
|
className: "text-xs",
|
|
1738
|
-
children: [
|
|
1677
|
+
children: [Ce.length, " more"]
|
|
1739
1678
|
})]
|
|
1740
1679
|
})
|
|
1741
|
-
}), /* @__PURE__ */
|
|
1680
|
+
}), /* @__PURE__ */ X(O, {
|
|
1742
1681
|
align: "end",
|
|
1743
|
-
children: [
|
|
1682
|
+
children: [ae && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X(k, {
|
|
1744
1683
|
"data-testid": "view-tab-overflow-manage",
|
|
1745
|
-
onClick:
|
|
1684
|
+
onClick: ae,
|
|
1746
1685
|
className: "font-medium",
|
|
1747
|
-
children: [/* @__PURE__ */ (
|
|
1748
|
-
}), /* @__PURE__ */ (
|
|
1749
|
-
let t = l[e.type] ||
|
|
1750
|
-
return /* @__PURE__ */
|
|
1686
|
+
children: [/* @__PURE__ */ Y(Le, { className: "h-4 w-4 mr-2" }), " Manage all views…"]
|
|
1687
|
+
}), /* @__PURE__ */ Y(A, {})] }), Ce.map((e) => {
|
|
1688
|
+
let t = l[e.type] || q;
|
|
1689
|
+
return /* @__PURE__ */ X(k, {
|
|
1751
1690
|
"data-testid": `view-tab-overflow-${e.id}`,
|
|
1752
1691
|
onClick: () => c(e.id),
|
|
1753
1692
|
children: [
|
|
1754
|
-
e.isPinned && /* @__PURE__ */ (
|
|
1755
|
-
/* @__PURE__ */ (
|
|
1693
|
+
e.isPinned && /* @__PURE__ */ Y(He, { className: "h-3 w-3 mr-1 text-primary shrink-0" }),
|
|
1694
|
+
/* @__PURE__ */ Y(t, { className: "h-4 w-4 mr-2" }),
|
|
1756
1695
|
e.label,
|
|
1757
|
-
|
|
1696
|
+
ge && (e.hasActiveFilters || e.hasActiveSort) && /* @__PURE__ */ Y("span", {
|
|
1758
1697
|
className: "ml-auto inline-flex items-center justify-center h-4 min-w-[16px] rounded-full bg-primary/15 text-[10px] font-medium text-primary px-1",
|
|
1759
1698
|
children: [e.hasActiveFilters && "F", e.hasActiveSort && "S"].filter(Boolean).join("")
|
|
1760
1699
|
})
|
|
@@ -1762,72 +1701,72 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1762
1701
|
}, e.id);
|
|
1763
1702
|
})]
|
|
1764
1703
|
})] }),
|
|
1765
|
-
|
|
1704
|
+
le && d && /* @__PURE__ */ X(V, { children: [/* @__PURE__ */ Y(W, {
|
|
1766
1705
|
asChild: !0,
|
|
1767
|
-
children: /* @__PURE__ */ (
|
|
1706
|
+
children: /* @__PURE__ */ Y("button", {
|
|
1768
1707
|
"data-testid": "view-tab-add",
|
|
1769
1708
|
onClick: d,
|
|
1770
1709
|
className: "inline-flex items-center px-2 py-2 text-muted-foreground hover:text-foreground transition-colors",
|
|
1771
|
-
children: /* @__PURE__ */ (
|
|
1710
|
+
children: /* @__PURE__ */ Y(We, { className: "h-4 w-4" })
|
|
1772
1711
|
})
|
|
1773
|
-
}), /* @__PURE__ */ (
|
|
1774
|
-
|
|
1712
|
+
}), /* @__PURE__ */ Y(H, { children: "Add View" })] }),
|
|
1713
|
+
P && oe && /* @__PURE__ */ X("div", {
|
|
1775
1714
|
"data-testid": "view-tab-save-as",
|
|
1776
1715
|
className: "flex items-center gap-1 ml-2 text-xs text-amber-600 dark:text-amber-400",
|
|
1777
1716
|
children: [
|
|
1778
|
-
/* @__PURE__ */ (
|
|
1779
|
-
/* @__PURE__ */ (
|
|
1717
|
+
/* @__PURE__ */ Y(Ge, { className: "h-3.5 w-3.5" }),
|
|
1718
|
+
/* @__PURE__ */ Y("span", {
|
|
1780
1719
|
className: "hidden sm:inline",
|
|
1781
1720
|
children: "Unsaved changes"
|
|
1782
1721
|
}),
|
|
1783
|
-
|
|
1722
|
+
C && /* @__PURE__ */ Y(h, {
|
|
1784
1723
|
variant: "ghost",
|
|
1785
1724
|
size: "sm",
|
|
1786
1725
|
"data-testid": "view-tab-save-as-btn",
|
|
1787
1726
|
className: "h-6 px-2 text-xs",
|
|
1788
|
-
onClick:
|
|
1727
|
+
onClick: C,
|
|
1789
1728
|
children: "Save as View"
|
|
1790
1729
|
}),
|
|
1791
|
-
|
|
1730
|
+
se && /* @__PURE__ */ Y(h, {
|
|
1792
1731
|
variant: "ghost",
|
|
1793
1732
|
size: "sm",
|
|
1794
1733
|
"data-testid": "view-tab-reset-btn",
|
|
1795
1734
|
className: "h-6 px-2 text-xs",
|
|
1796
|
-
onClick:
|
|
1735
|
+
onClick: se,
|
|
1797
1736
|
children: "Reset"
|
|
1798
1737
|
})
|
|
1799
1738
|
]
|
|
1800
1739
|
})
|
|
1801
1740
|
]
|
|
1802
1741
|
}) });
|
|
1803
|
-
},
|
|
1804
|
-
let { attributes: _, listeners: v, setNodeRef: ee, transform: y, transition: b, isDragging: te } =
|
|
1805
|
-
transform:
|
|
1742
|
+
}, Yt = Qe, Xt = ({ view: e, isActive: t, Icon: r, isRenaming: a, onStartRename: c, onCommitRename: l, onCancelRename: u, onRowClick: d, onDelete: f, onDuplicate: p, onSetDefault: m, onSetPinned: h, onConfigView: g }) => {
|
|
1743
|
+
let { attributes: _, listeners: v, setNodeRef: ee, transform: y, transition: b, isDragging: te } = pt({ id: e.id }), ne = {
|
|
1744
|
+
transform: ht.Transform.toString(y),
|
|
1806
1745
|
transition: b,
|
|
1807
1746
|
opacity: te ? .5 : 1
|
|
1808
|
-
},
|
|
1747
|
+
}, x = o(null), [S, C] = s(e.label), w = !!e.readonly;
|
|
1809
1748
|
i(() => {
|
|
1810
|
-
a && (
|
|
1811
|
-
|
|
1749
|
+
a && (C(e.label), requestAnimationFrame(() => {
|
|
1750
|
+
x.current?.focus(), x.current?.select();
|
|
1812
1751
|
}));
|
|
1813
1752
|
}, [a, e.label]);
|
|
1814
|
-
let
|
|
1815
|
-
let t =
|
|
1753
|
+
let T = n(() => {
|
|
1754
|
+
let t = S.trim();
|
|
1816
1755
|
t && t !== e.label ? l(e.id, t) : u();
|
|
1817
1756
|
}, [
|
|
1818
|
-
|
|
1757
|
+
S,
|
|
1819
1758
|
e.id,
|
|
1820
1759
|
e.label,
|
|
1821
1760
|
l,
|
|
1822
1761
|
u
|
|
1823
1762
|
]);
|
|
1824
|
-
return /* @__PURE__ */
|
|
1763
|
+
return /* @__PURE__ */ X("li", {
|
|
1825
1764
|
ref: ee,
|
|
1826
|
-
style:
|
|
1765
|
+
style: ne,
|
|
1827
1766
|
"data-testid": `manage-views-row-${e.id}`,
|
|
1828
|
-
className:
|
|
1767
|
+
className: G("group/row flex items-center gap-2 px-2 py-2 rounded-md border border-transparent", "hover:bg-accent/50 transition-colors", t && "bg-accent/40 border-border", te && "shadow-md bg-background border-border z-10"),
|
|
1829
1768
|
children: [
|
|
1830
|
-
/* @__PURE__ */ (
|
|
1769
|
+
/* @__PURE__ */ Y("button", {
|
|
1831
1770
|
type: "button",
|
|
1832
1771
|
..._,
|
|
1833
1772
|
...v,
|
|
@@ -1835,74 +1774,74 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1835
1774
|
"data-testid": `manage-views-drag-${e.id}`,
|
|
1836
1775
|
className: "shrink-0 h-6 w-5 flex items-center justify-center text-muted-foreground/40 hover:text-muted-foreground cursor-grab active:cursor-grabbing rounded hover:bg-accent",
|
|
1837
1776
|
onClick: (e) => e.stopPropagation(),
|
|
1838
|
-
children: /* @__PURE__ */ (
|
|
1777
|
+
children: /* @__PURE__ */ Y(Ne, { className: "h-4 w-4" })
|
|
1839
1778
|
}),
|
|
1840
|
-
/* @__PURE__ */ (
|
|
1841
|
-
/* @__PURE__ */ (
|
|
1779
|
+
/* @__PURE__ */ Y(r, { className: "shrink-0 h-4 w-4 text-muted-foreground" }),
|
|
1780
|
+
/* @__PURE__ */ Y("div", {
|
|
1842
1781
|
className: "flex-1 min-w-0",
|
|
1843
1782
|
onClick: () => {
|
|
1844
1783
|
a || d?.(e.id);
|
|
1845
1784
|
},
|
|
1846
|
-
children: a ? /* @__PURE__ */ (
|
|
1847
|
-
ref:
|
|
1848
|
-
value:
|
|
1849
|
-
onChange: (e) =>
|
|
1850
|
-
onBlur:
|
|
1785
|
+
children: a ? /* @__PURE__ */ Y(M, {
|
|
1786
|
+
ref: x,
|
|
1787
|
+
value: S,
|
|
1788
|
+
onChange: (e) => C(e.target.value),
|
|
1789
|
+
onBlur: T,
|
|
1851
1790
|
onKeyDown: (e) => {
|
|
1852
|
-
e.key === "Enter" ? (e.preventDefault(),
|
|
1791
|
+
e.key === "Enter" ? (e.preventDefault(), T()) : e.key === "Escape" && (e.preventDefault(), u());
|
|
1853
1792
|
},
|
|
1854
1793
|
onClick: (e) => e.stopPropagation(),
|
|
1855
1794
|
className: "h-7 text-sm",
|
|
1856
1795
|
"data-testid": `manage-views-rename-input-${e.id}`
|
|
1857
|
-
}) : /* @__PURE__ */
|
|
1796
|
+
}) : /* @__PURE__ */ X("button", {
|
|
1858
1797
|
type: "button",
|
|
1859
1798
|
className: "w-full text-left text-sm font-medium truncate cursor-pointer flex items-center gap-1.5",
|
|
1860
1799
|
onDoubleClick: (t) => {
|
|
1861
|
-
t.stopPropagation(),
|
|
1800
|
+
t.stopPropagation(), w || c(e.id);
|
|
1862
1801
|
},
|
|
1863
1802
|
title: e.label,
|
|
1864
1803
|
children: [
|
|
1865
|
-
/* @__PURE__ */ (
|
|
1804
|
+
/* @__PURE__ */ Y("span", {
|
|
1866
1805
|
className: "truncate",
|
|
1867
1806
|
children: e.label
|
|
1868
1807
|
}),
|
|
1869
|
-
|
|
1808
|
+
w && /* @__PURE__ */ Y(Re, {
|
|
1870
1809
|
"aria-label": "Read-only view",
|
|
1871
1810
|
"data-testid": `manage-views-readonly-${e.id}`,
|
|
1872
1811
|
className: "h-3 w-3 text-muted-foreground shrink-0"
|
|
1873
1812
|
}),
|
|
1874
|
-
e.isDefault && /* @__PURE__ */
|
|
1813
|
+
e.isDefault && /* @__PURE__ */ X("span", {
|
|
1875
1814
|
className: "ml-1 inline-flex items-center text-[10px] uppercase tracking-wide text-muted-foreground",
|
|
1876
1815
|
title: "Default view",
|
|
1877
|
-
children: [/* @__PURE__ */ (
|
|
1816
|
+
children: [/* @__PURE__ */ Y(Ze, { className: "h-3 w-3 mr-0.5 fill-current" }), " default"]
|
|
1878
1817
|
})
|
|
1879
1818
|
]
|
|
1880
1819
|
})
|
|
1881
1820
|
}),
|
|
1882
|
-
h && !a && !
|
|
1821
|
+
h && !a && !w && /* @__PURE__ */ Y(U, {
|
|
1883
1822
|
delayDuration: 300,
|
|
1884
|
-
children: /* @__PURE__ */
|
|
1823
|
+
children: /* @__PURE__ */ X(V, { children: [/* @__PURE__ */ Y(W, {
|
|
1885
1824
|
asChild: !0,
|
|
1886
|
-
children: /* @__PURE__ */ (
|
|
1825
|
+
children: /* @__PURE__ */ Y("button", {
|
|
1887
1826
|
type: "button",
|
|
1888
1827
|
"aria-label": e.isPinned ? "Unpin view" : "Pin view",
|
|
1889
1828
|
"data-testid": `manage-views-pin-${e.id}`,
|
|
1890
1829
|
onClick: (t) => {
|
|
1891
1830
|
t.stopPropagation(), h(e.id, !e.isPinned);
|
|
1892
1831
|
},
|
|
1893
|
-
className:
|
|
1894
|
-
children: e.isPinned ? /* @__PURE__ */ (
|
|
1832
|
+
className: G("shrink-0 h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent transition-colors", e.isPinned ? "text-amber-500" : "text-muted-foreground/40 opacity-0 group-hover/row:opacity-100"),
|
|
1833
|
+
children: e.isPinned ? /* @__PURE__ */ Y(He, { className: "h-4 w-4 fill-current" }) : /* @__PURE__ */ Y(He, { className: "h-4 w-4" })
|
|
1895
1834
|
})
|
|
1896
|
-
}), /* @__PURE__ */ (
|
|
1835
|
+
}), /* @__PURE__ */ Y(H, {
|
|
1897
1836
|
side: "top",
|
|
1898
1837
|
children: e.isPinned ? "Unpin view" : "Pin view"
|
|
1899
1838
|
})] })
|
|
1900
1839
|
}),
|
|
1901
|
-
m && !a && !e.isDefault && !
|
|
1840
|
+
m && !a && !e.isDefault && !w && /* @__PURE__ */ Y(U, {
|
|
1902
1841
|
delayDuration: 300,
|
|
1903
|
-
children: /* @__PURE__ */
|
|
1842
|
+
children: /* @__PURE__ */ X(V, { children: [/* @__PURE__ */ Y(W, {
|
|
1904
1843
|
asChild: !0,
|
|
1905
|
-
children: /* @__PURE__ */ (
|
|
1844
|
+
children: /* @__PURE__ */ Y("button", {
|
|
1906
1845
|
type: "button",
|
|
1907
1846
|
"aria-label": "Set as default",
|
|
1908
1847
|
"data-testid": `manage-views-default-${e.id}`,
|
|
@@ -1910,126 +1849,126 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
1910
1849
|
t.stopPropagation(), m(e.id);
|
|
1911
1850
|
},
|
|
1912
1851
|
className: "shrink-0 h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent text-muted-foreground/40 hover:text-foreground opacity-0 group-hover/row:opacity-100 transition-colors",
|
|
1913
|
-
children: /* @__PURE__ */ (
|
|
1852
|
+
children: /* @__PURE__ */ Y(Ze, { className: "h-4 w-4" })
|
|
1914
1853
|
})
|
|
1915
|
-
}), /* @__PURE__ */ (
|
|
1854
|
+
}), /* @__PURE__ */ Y(H, {
|
|
1916
1855
|
side: "top",
|
|
1917
1856
|
children: "Set as default"
|
|
1918
1857
|
})] })
|
|
1919
1858
|
}),
|
|
1920
|
-
!a && (f || p || g || m) && /* @__PURE__ */
|
|
1859
|
+
!a && (f || p || g || m) && /* @__PURE__ */ X(D, { children: [/* @__PURE__ */ Y(pe, {
|
|
1921
1860
|
asChild: !0,
|
|
1922
|
-
children: /* @__PURE__ */ (
|
|
1861
|
+
children: /* @__PURE__ */ Y("button", {
|
|
1923
1862
|
type: "button",
|
|
1924
1863
|
"aria-label": `Actions for ${e.label}`,
|
|
1925
1864
|
"data-testid": `manage-views-actions-${e.id}`,
|
|
1926
1865
|
onClick: (e) => e.stopPropagation(),
|
|
1927
1866
|
className: "shrink-0 h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent text-muted-foreground opacity-60 group-hover/row:opacity-100 transition-opacity",
|
|
1928
|
-
children: /* @__PURE__ */ (
|
|
1867
|
+
children: /* @__PURE__ */ Y(Be, { className: "h-4 w-4" })
|
|
1929
1868
|
})
|
|
1930
|
-
}), /* @__PURE__ */
|
|
1869
|
+
}), /* @__PURE__ */ X(O, {
|
|
1931
1870
|
align: "end",
|
|
1932
1871
|
className: "min-w-[180px]",
|
|
1933
1872
|
children: [
|
|
1934
|
-
!
|
|
1873
|
+
!w && /* @__PURE__ */ X(k, {
|
|
1935
1874
|
"data-testid": `manage-views-action-rename-${e.id}`,
|
|
1936
1875
|
onClick: () => c(e.id),
|
|
1937
|
-
children: [/* @__PURE__ */ (
|
|
1876
|
+
children: [/* @__PURE__ */ Y(Ve, { className: "h-4 w-4 mr-2" }), " Rename"]
|
|
1938
1877
|
}),
|
|
1939
|
-
p && /* @__PURE__ */
|
|
1878
|
+
p && /* @__PURE__ */ X(k, {
|
|
1940
1879
|
"data-testid": `manage-views-action-duplicate-${e.id}`,
|
|
1941
1880
|
onClick: () => p(e.id),
|
|
1942
|
-
children: [/* @__PURE__ */ (
|
|
1881
|
+
children: [/* @__PURE__ */ Y(De, { className: "h-4 w-4 mr-2" }), " Duplicate"]
|
|
1943
1882
|
}),
|
|
1944
|
-
g && !
|
|
1883
|
+
g && !w && /* @__PURE__ */ X(k, {
|
|
1945
1884
|
"data-testid": `manage-views-action-config-${e.id}`,
|
|
1946
1885
|
onClick: () => g(e.id),
|
|
1947
|
-
children: [/* @__PURE__ */ (
|
|
1886
|
+
children: [/* @__PURE__ */ Y(Ve, { className: "h-4 w-4 mr-2" }), " Edit configuration…"]
|
|
1948
1887
|
}),
|
|
1949
|
-
m && !e.isDefault && !
|
|
1888
|
+
m && !e.isDefault && !w && /* @__PURE__ */ X(k, {
|
|
1950
1889
|
"data-testid": `manage-views-action-default-${e.id}`,
|
|
1951
1890
|
onClick: () => m(e.id),
|
|
1952
|
-
children: [/* @__PURE__ */ (
|
|
1891
|
+
children: [/* @__PURE__ */ Y(Ze, { className: "h-4 w-4 mr-2" }), " Set as default"]
|
|
1953
1892
|
}),
|
|
1954
|
-
h && !
|
|
1893
|
+
h && !w && /* @__PURE__ */ Y(k, {
|
|
1955
1894
|
"data-testid": `manage-views-action-pin-${e.id}`,
|
|
1956
1895
|
onClick: () => h(e.id, !e.isPinned),
|
|
1957
|
-
children: e.isPinned ? /* @__PURE__ */
|
|
1896
|
+
children: e.isPinned ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(Ue, { className: "h-4 w-4 mr-2" }), " Unpin"] }) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(He, { className: "h-4 w-4 mr-2" }), " Pin"] })
|
|
1958
1897
|
}),
|
|
1959
|
-
f && !
|
|
1898
|
+
f && !w && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(A, {}), /* @__PURE__ */ X(k, {
|
|
1960
1899
|
"data-testid": `manage-views-action-delete-${e.id}`,
|
|
1961
1900
|
onClick: () => f(e.id),
|
|
1962
1901
|
className: "text-destructive focus:text-destructive",
|
|
1963
|
-
children: [/* @__PURE__ */ (
|
|
1902
|
+
children: [/* @__PURE__ */ Y($e, { className: "h-4 w-4 mr-2" }), " Delete"]
|
|
1964
1903
|
})] })
|
|
1965
1904
|
]
|
|
1966
1905
|
})] }),
|
|
1967
|
-
a && /* @__PURE__ */
|
|
1906
|
+
a && /* @__PURE__ */ X("div", {
|
|
1968
1907
|
className: "flex items-center gap-1 shrink-0",
|
|
1969
|
-
children: [/* @__PURE__ */ (
|
|
1908
|
+
children: [/* @__PURE__ */ Y("button", {
|
|
1970
1909
|
type: "button",
|
|
1971
1910
|
"aria-label": "Save name",
|
|
1972
1911
|
onMouseDown: (e) => e.preventDefault(),
|
|
1973
|
-
onClick:
|
|
1912
|
+
onClick: T,
|
|
1974
1913
|
className: "h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent text-emerald-600",
|
|
1975
|
-
children: /* @__PURE__ */ (
|
|
1976
|
-
}), /* @__PURE__ */ (
|
|
1914
|
+
children: /* @__PURE__ */ Y(Te, { className: "h-4 w-4" })
|
|
1915
|
+
}), /* @__PURE__ */ Y("button", {
|
|
1977
1916
|
type: "button",
|
|
1978
1917
|
"aria-label": "Cancel rename",
|
|
1979
1918
|
onMouseDown: (e) => e.preventDefault(),
|
|
1980
1919
|
onClick: u,
|
|
1981
1920
|
className: "h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent text-muted-foreground",
|
|
1982
|
-
children: /* @__PURE__ */ (
|
|
1921
|
+
children: /* @__PURE__ */ Y(et, { className: "h-4 w-4" })
|
|
1983
1922
|
})]
|
|
1984
1923
|
})
|
|
1985
1924
|
]
|
|
1986
1925
|
});
|
|
1987
|
-
},
|
|
1926
|
+
}, Zt = ({ open: e, onOpenChange: t, views: n, activeViewId: r, viewTypeIcons: o = {}, onRename: c, onDelete: l, onDuplicate: u, onSetDefault: d, onSetPinned: f, onReorder: p, onAddView: m, onConfigView: g }) => {
|
|
1988
1927
|
let [_, v] = s(""), [ee, y] = s(null), [b, te] = s(() => n.map((e) => e.id));
|
|
1989
1928
|
i(() => {
|
|
1990
1929
|
te(n.map((e) => e.id));
|
|
1991
1930
|
}, [n]), i(() => {
|
|
1992
1931
|
e || (y(null), v(""));
|
|
1993
1932
|
}, [e]);
|
|
1994
|
-
let
|
|
1933
|
+
let ne = a(() => {
|
|
1995
1934
|
let e = new Map(n.map((e) => [e.id, e]));
|
|
1996
1935
|
return b.map((t) => e.get(t)).filter(Boolean);
|
|
1997
|
-
}, [b, n]),
|
|
1998
|
-
if (!_.trim()) return
|
|
1936
|
+
}, [b, n]), x = a(() => {
|
|
1937
|
+
if (!_.trim()) return ne;
|
|
1999
1938
|
let e = _.toLowerCase();
|
|
2000
|
-
return
|
|
2001
|
-
}, [
|
|
1939
|
+
return ne.filter((t) => t.label.toLowerCase().includes(e));
|
|
1940
|
+
}, [ne, _]), S = ct(st(at, { activationConstraint: { distance: 5 } }), st(it, { coordinateGetter: ft })), E = (e) => {
|
|
2002
1941
|
let { active: t, over: n } = e;
|
|
2003
1942
|
if (!n || t.id === n.id) return;
|
|
2004
1943
|
let r = b.indexOf(String(t.id)), i = b.indexOf(String(n.id));
|
|
2005
1944
|
if (r < 0 || i < 0) return;
|
|
2006
|
-
let a =
|
|
1945
|
+
let a = ut(b, r, i);
|
|
2007
1946
|
te(a), p?.(a);
|
|
2008
|
-
},
|
|
1947
|
+
}, oe = (e) => {
|
|
2009
1948
|
t(!1), requestAnimationFrame(() => g?.(e));
|
|
2010
1949
|
};
|
|
2011
|
-
return /* @__PURE__ */ (
|
|
1950
|
+
return /* @__PURE__ */ Y(C, {
|
|
2012
1951
|
open: e,
|
|
2013
1952
|
onOpenChange: t,
|
|
2014
|
-
children: /* @__PURE__ */
|
|
1953
|
+
children: /* @__PURE__ */ X(w, {
|
|
2015
1954
|
className: "sm:max-w-[560px] p-0 gap-0 overflow-hidden",
|
|
2016
1955
|
"data-testid": "manage-views-dialog",
|
|
2017
1956
|
children: [
|
|
2018
|
-
/* @__PURE__ */
|
|
1957
|
+
/* @__PURE__ */ X(ie, {
|
|
2019
1958
|
className: "px-5 pt-5 pb-3",
|
|
2020
|
-
children: [/* @__PURE__ */ (
|
|
1959
|
+
children: [/* @__PURE__ */ Y(ae, {
|
|
2021
1960
|
className: "text-base",
|
|
2022
1961
|
children: "Manage views"
|
|
2023
|
-
}), /* @__PURE__ */ (
|
|
1962
|
+
}), /* @__PURE__ */ Y(T, {
|
|
2024
1963
|
className: "text-xs",
|
|
2025
1964
|
children: "Reorder, rename, pin, or delete every view in this object."
|
|
2026
1965
|
})]
|
|
2027
1966
|
}),
|
|
2028
|
-
/* @__PURE__ */ (
|
|
1967
|
+
/* @__PURE__ */ Y("div", {
|
|
2029
1968
|
className: "px-5 pb-3",
|
|
2030
|
-
children: /* @__PURE__ */
|
|
1969
|
+
children: /* @__PURE__ */ X("div", {
|
|
2031
1970
|
className: "relative",
|
|
2032
|
-
children: [/* @__PURE__ */ (
|
|
1971
|
+
children: [/* @__PURE__ */ Y(Ke, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }), /* @__PURE__ */ Y(M, {
|
|
2033
1972
|
value: _,
|
|
2034
1973
|
onChange: (e) => v(e.target.value),
|
|
2035
1974
|
placeholder: "Search views",
|
|
@@ -2038,24 +1977,24 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
2038
1977
|
})]
|
|
2039
1978
|
})
|
|
2040
1979
|
}),
|
|
2041
|
-
/* @__PURE__ */ (
|
|
1980
|
+
/* @__PURE__ */ Y("div", {
|
|
2042
1981
|
className: "px-3 pb-3 max-h-[55vh] overflow-y-auto",
|
|
2043
1982
|
"data-testid": "manage-views-list",
|
|
2044
|
-
children:
|
|
1983
|
+
children: x.length === 0 ? /* @__PURE__ */ Y("div", {
|
|
2045
1984
|
className: "text-center text-sm text-muted-foreground py-10",
|
|
2046
1985
|
children: "No views match your search."
|
|
2047
|
-
}) : /* @__PURE__ */ (
|
|
2048
|
-
sensors:
|
|
2049
|
-
collisionDetection:
|
|
2050
|
-
onDragEnd:
|
|
2051
|
-
children: /* @__PURE__ */ (
|
|
2052
|
-
items:
|
|
2053
|
-
strategy:
|
|
2054
|
-
children: /* @__PURE__ */ (
|
|
1986
|
+
}) : /* @__PURE__ */ Y(rt, {
|
|
1987
|
+
sensors: S,
|
|
1988
|
+
collisionDetection: ot,
|
|
1989
|
+
onDragEnd: E,
|
|
1990
|
+
children: /* @__PURE__ */ Y(lt, {
|
|
1991
|
+
items: x.map((e) => e.id),
|
|
1992
|
+
strategy: mt,
|
|
1993
|
+
children: /* @__PURE__ */ Y("ul", {
|
|
2055
1994
|
className: "space-y-0.5",
|
|
2056
|
-
children:
|
|
1995
|
+
children: x.map((e) => /* @__PURE__ */ Y(Xt, {
|
|
2057
1996
|
view: e,
|
|
2058
|
-
Icon: o[e.type] ||
|
|
1997
|
+
Icon: o[e.type] || Yt,
|
|
2059
1998
|
isActive: e.id === r,
|
|
2060
1999
|
isRenaming: ee === e.id,
|
|
2061
2000
|
onStartRename: (e) => y(e),
|
|
@@ -2067,15 +2006,15 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
2067
2006
|
onDuplicate: u,
|
|
2068
2007
|
onSetDefault: d,
|
|
2069
2008
|
onSetPinned: f,
|
|
2070
|
-
onConfigView: g ?
|
|
2009
|
+
onConfigView: g ? oe : void 0
|
|
2071
2010
|
}, e.id))
|
|
2072
2011
|
})
|
|
2073
2012
|
})
|
|
2074
2013
|
})
|
|
2075
2014
|
}),
|
|
2076
|
-
/* @__PURE__ */
|
|
2015
|
+
/* @__PURE__ */ X(re, {
|
|
2077
2016
|
className: "border-t bg-muted/30 px-5 py-3 flex sm:justify-between gap-2",
|
|
2078
|
-
children: [m ? /* @__PURE__ */
|
|
2017
|
+
children: [m ? /* @__PURE__ */ X(h, {
|
|
2079
2018
|
variant: "ghost",
|
|
2080
2019
|
size: "sm",
|
|
2081
2020
|
onClick: () => {
|
|
@@ -2083,8 +2022,8 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
2083
2022
|
},
|
|
2084
2023
|
"data-testid": "manage-views-add",
|
|
2085
2024
|
className: "text-sm",
|
|
2086
|
-
children: [/* @__PURE__ */ (
|
|
2087
|
-
}) : /* @__PURE__ */ (
|
|
2025
|
+
children: [/* @__PURE__ */ Y(We, { className: "h-4 w-4 mr-1.5" }), " Add new view"]
|
|
2026
|
+
}) : /* @__PURE__ */ Y("span", {}), /* @__PURE__ */ Y(h, {
|
|
2088
2027
|
size: "sm",
|
|
2089
2028
|
onClick: () => t(!1),
|
|
2090
2029
|
"data-testid": "manage-views-done",
|
|
@@ -2094,7 +2033,7 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
2094
2033
|
]
|
|
2095
2034
|
})
|
|
2096
2035
|
});
|
|
2097
|
-
},
|
|
2036
|
+
}, Qt = {
|
|
2098
2037
|
"=": "equals",
|
|
2099
2038
|
"==": "equals",
|
|
2100
2039
|
"!=": "notEquals",
|
|
@@ -2123,7 +2062,7 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
2123
2062
|
isEmpty: "isEmpty",
|
|
2124
2063
|
isNotEmpty: "isNotEmpty",
|
|
2125
2064
|
notIn: "notIn"
|
|
2126
|
-
},
|
|
2065
|
+
}, $t = {
|
|
2127
2066
|
equals: "=",
|
|
2128
2067
|
notEquals: "!=",
|
|
2129
2068
|
greaterThan: ">",
|
|
@@ -2140,7 +2079,7 @@ var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
|
|
|
2140
2079
|
after: "after",
|
|
2141
2080
|
between: "between"
|
|
2142
2081
|
};
|
|
2143
|
-
function
|
|
2082
|
+
function en(e) {
|
|
2144
2083
|
let t = (e || "").toLowerCase();
|
|
2145
2084
|
return [
|
|
2146
2085
|
"integer",
|
|
@@ -2176,39 +2115,39 @@ function an(e) {
|
|
|
2176
2115
|
"owner"
|
|
2177
2116
|
].includes(t) ? "select" : "text";
|
|
2178
2117
|
}
|
|
2179
|
-
function
|
|
2118
|
+
function tn(e) {
|
|
2180
2119
|
if (!Array.isArray(e) || e.length < 2) return null;
|
|
2181
2120
|
let [t, n, r] = e;
|
|
2182
2121
|
return typeof t != "string" || typeof n != "string" ? null : {
|
|
2183
2122
|
id: crypto.randomUUID(),
|
|
2184
2123
|
field: t,
|
|
2185
|
-
operator:
|
|
2124
|
+
operator: Qt[n] || n,
|
|
2186
2125
|
value: r ?? ""
|
|
2187
2126
|
};
|
|
2188
2127
|
}
|
|
2189
|
-
function
|
|
2128
|
+
function nn(e) {
|
|
2190
2129
|
if (Array.isArray(e)) {
|
|
2191
|
-
let t =
|
|
2130
|
+
let t = tn(e);
|
|
2192
2131
|
return t ? [t] : [];
|
|
2193
2132
|
}
|
|
2194
2133
|
return typeof e == "object" && e && e.field ? [{
|
|
2195
2134
|
id: e.id || crypto.randomUUID(),
|
|
2196
2135
|
field: e.field,
|
|
2197
|
-
operator:
|
|
2136
|
+
operator: Qt[e.operator] || e.operator || "equals",
|
|
2198
2137
|
value: e.value ?? ""
|
|
2199
2138
|
}] : [];
|
|
2200
2139
|
}
|
|
2201
|
-
function
|
|
2140
|
+
function rn(e) {
|
|
2202
2141
|
if (!Array.isArray(e) || e.length === 0) return {
|
|
2203
2142
|
logic: "and",
|
|
2204
2143
|
conditions: []
|
|
2205
2144
|
};
|
|
2206
2145
|
if (typeof e[0] == "string" && (e[0] === "and" || e[0] === "or")) return {
|
|
2207
2146
|
logic: e[0],
|
|
2208
|
-
conditions: e.slice(1).flatMap((e) =>
|
|
2147
|
+
conditions: e.slice(1).flatMap((e) => nn(e))
|
|
2209
2148
|
};
|
|
2210
2149
|
if (e.length >= 2 && e.length <= 3 && typeof e[0] == "string" && typeof e[1] == "string" && !Array.isArray(e[0]) && !Array.isArray(e[2])) {
|
|
2211
|
-
let t =
|
|
2150
|
+
let t = tn(e);
|
|
2212
2151
|
return {
|
|
2213
2152
|
logic: "and",
|
|
2214
2153
|
conditions: t ? [t] : []
|
|
@@ -2216,29 +2155,29 @@ function cn(e) {
|
|
|
2216
2155
|
}
|
|
2217
2156
|
if (Array.isArray(e[0]) || typeof e[0] == "object" && e[0] !== null && !Array.isArray(e[0])) return {
|
|
2218
2157
|
logic: "and",
|
|
2219
|
-
conditions: e.flatMap((e) =>
|
|
2158
|
+
conditions: e.flatMap((e) => nn(e))
|
|
2220
2159
|
};
|
|
2221
|
-
let t =
|
|
2160
|
+
let t = tn(e);
|
|
2222
2161
|
return {
|
|
2223
2162
|
logic: "and",
|
|
2224
2163
|
conditions: t ? [t] : []
|
|
2225
2164
|
};
|
|
2226
2165
|
}
|
|
2227
|
-
function
|
|
2166
|
+
function an(e, t) {
|
|
2228
2167
|
let n = t.filter((e) => e.field).map((e) => [
|
|
2229
2168
|
e.field,
|
|
2230
|
-
|
|
2169
|
+
$t[e.operator] || e.operator,
|
|
2231
2170
|
e.value
|
|
2232
2171
|
]);
|
|
2233
2172
|
return n.length === 0 ? [] : n.length === 1 && e === "and" ? n[0] : e === "or" ? ["or", ...n] : n;
|
|
2234
2173
|
}
|
|
2235
|
-
function
|
|
2174
|
+
function on(e) {
|
|
2236
2175
|
return e.split(",").map((e) => e.trim()).filter(Boolean);
|
|
2237
2176
|
}
|
|
2238
|
-
function
|
|
2177
|
+
function sn(e) {
|
|
2239
2178
|
return e.split(",").map((e) => Number(e.trim())).filter((e) => !isNaN(e) && e > 0);
|
|
2240
2179
|
}
|
|
2241
|
-
var
|
|
2180
|
+
var cn = {
|
|
2242
2181
|
grid: "Grid",
|
|
2243
2182
|
kanban: "Kanban",
|
|
2244
2183
|
calendar: "Calendar",
|
|
@@ -2247,7 +2186,7 @@ var fn = {
|
|
|
2247
2186
|
gantt: "Gantt",
|
|
2248
2187
|
map: "Map",
|
|
2249
2188
|
chart: "Chart"
|
|
2250
|
-
},
|
|
2189
|
+
}, ln = Object.keys(cn), un = [
|
|
2251
2190
|
{
|
|
2252
2191
|
value: "compact",
|
|
2253
2192
|
gapClass: "gap-0"
|
|
@@ -2269,23 +2208,23 @@ var fn = {
|
|
|
2269
2208
|
gapClass: "gap-1.5"
|
|
2270
2209
|
}
|
|
2271
2210
|
];
|
|
2272
|
-
function
|
|
2211
|
+
function dn(e) {
|
|
2273
2212
|
return e.fields ? Object.entries(e.fields).map(([e, t]) => ({
|
|
2274
2213
|
value: e,
|
|
2275
2214
|
label: t.label || e,
|
|
2276
|
-
type:
|
|
2215
|
+
type: en(t.type),
|
|
2277
2216
|
options: t.options
|
|
2278
2217
|
})) : [];
|
|
2279
2218
|
}
|
|
2280
|
-
function
|
|
2281
|
-
let t =
|
|
2219
|
+
function fn(e) {
|
|
2220
|
+
let t = rn(e);
|
|
2282
2221
|
return {
|
|
2283
2222
|
id: "root",
|
|
2284
2223
|
logic: t.logic,
|
|
2285
2224
|
conditions: t.conditions
|
|
2286
2225
|
};
|
|
2287
2226
|
}
|
|
2288
|
-
function
|
|
2227
|
+
function pn(e) {
|
|
2289
2228
|
return (Array.isArray(e) ? e : []).map((e) => ({
|
|
2290
2229
|
id: e.id || crypto.randomUUID(),
|
|
2291
2230
|
field: e.field || "",
|
|
@@ -2296,15 +2235,15 @@ function _n(e) {
|
|
|
2296
2235
|
//#region src/config/view-config-schema.tsx
|
|
2297
2236
|
function Z({ renderSummary: e, children: n }) {
|
|
2298
2237
|
let [r, i] = t.useState(!1);
|
|
2299
|
-
return /* @__PURE__ */
|
|
2238
|
+
return /* @__PURE__ */ X(J, { children: [e(() => i((e) => !e)), r && n] });
|
|
2300
2239
|
}
|
|
2301
|
-
var
|
|
2302
|
-
function
|
|
2303
|
-
let { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } =
|
|
2304
|
-
return /* @__PURE__ */
|
|
2240
|
+
var mn = 5;
|
|
2241
|
+
function hn({ colName: e, label: t, idx: n, total: r, onToggle: i, onMove: a }) {
|
|
2242
|
+
let { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = pt({ id: e });
|
|
2243
|
+
return /* @__PURE__ */ X("div", {
|
|
2305
2244
|
ref: c,
|
|
2306
2245
|
style: {
|
|
2307
|
-
transform:
|
|
2246
|
+
transform: ht.Transform.toString(l),
|
|
2308
2247
|
transition: u,
|
|
2309
2248
|
zIndex: d ? 10 : void 0,
|
|
2310
2249
|
opacity: d ? .5 : void 0
|
|
@@ -2313,60 +2252,60 @@ function yn({ colName: e, label: t, idx: n, total: r, onToggle: i, onMove: a })
|
|
|
2313
2252
|
"data-field-label": t,
|
|
2314
2253
|
className: "flex items-center gap-1 text-xs hover:bg-accent/50 rounded-sm py-0.5 px-1 -mx-1 group",
|
|
2315
2254
|
children: [
|
|
2316
|
-
/* @__PURE__ */ (
|
|
2255
|
+
/* @__PURE__ */ Y("span", {
|
|
2317
2256
|
...o,
|
|
2318
2257
|
...s,
|
|
2319
2258
|
className: "shrink-0 cursor-grab touch-none",
|
|
2320
2259
|
"data-testid": `col-drag-handle-${e}`,
|
|
2321
|
-
children: /* @__PURE__ */ (
|
|
2260
|
+
children: /* @__PURE__ */ Y(Ne, { className: "h-3 w-3 text-muted-foreground/50" })
|
|
2322
2261
|
}),
|
|
2323
|
-
/* @__PURE__ */ (
|
|
2262
|
+
/* @__PURE__ */ Y("button", {
|
|
2324
2263
|
type: "button",
|
|
2325
2264
|
"data-testid": `col-eye-${e}`,
|
|
2326
2265
|
className: "h-5 w-5 flex items-center justify-center rounded hover:bg-accent shrink-0",
|
|
2327
2266
|
onClick: () => i(e, !1),
|
|
2328
2267
|
"aria-label": `Hide ${t}`,
|
|
2329
|
-
children: /* @__PURE__ */ (
|
|
2268
|
+
children: /* @__PURE__ */ Y(q, { className: "h-3.5 w-3.5 text-primary" })
|
|
2330
2269
|
}),
|
|
2331
|
-
/* @__PURE__ */ (
|
|
2270
|
+
/* @__PURE__ */ Y("span", {
|
|
2332
2271
|
className: "truncate flex-1",
|
|
2333
2272
|
children: t
|
|
2334
2273
|
}),
|
|
2335
|
-
/* @__PURE__ */ (
|
|
2274
|
+
/* @__PURE__ */ Y("button", {
|
|
2336
2275
|
type: "button",
|
|
2337
2276
|
"data-testid": `col-move-up-${e}`,
|
|
2338
2277
|
className: "h-5 w-5 flex items-center justify-center rounded hover:bg-accent disabled:opacity-30 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
|
|
2339
2278
|
disabled: n === 0,
|
|
2340
2279
|
onClick: () => a(e, "up"),
|
|
2341
2280
|
"aria-label": `Move ${t} up`,
|
|
2342
|
-
children: /* @__PURE__ */ (
|
|
2281
|
+
children: /* @__PURE__ */ Y(Ne, { className: "h-3 w-3 rotate-90" })
|
|
2343
2282
|
}),
|
|
2344
|
-
/* @__PURE__ */ (
|
|
2283
|
+
/* @__PURE__ */ Y("button", {
|
|
2345
2284
|
type: "button",
|
|
2346
2285
|
"data-testid": `col-move-down-${e}`,
|
|
2347
2286
|
className: "h-5 w-5 flex items-center justify-center rounded hover:bg-accent disabled:opacity-30 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
|
|
2348
2287
|
disabled: n === r - 1,
|
|
2349
2288
|
onClick: () => a(e, "down"),
|
|
2350
2289
|
"aria-label": `Move ${t} down`,
|
|
2351
|
-
children: /* @__PURE__ */ (
|
|
2290
|
+
children: /* @__PURE__ */ Y(Ne, { className: "h-3 w-3 -rotate-90" })
|
|
2352
2291
|
})
|
|
2353
2292
|
]
|
|
2354
2293
|
});
|
|
2355
2294
|
}
|
|
2356
|
-
function
|
|
2357
|
-
return /* @__PURE__ */ (
|
|
2358
|
-
sensors:
|
|
2359
|
-
collisionDetection:
|
|
2295
|
+
function gn({ columns: e, fieldOptions: n, onToggle: r, onMove: i, onReorder: a }) {
|
|
2296
|
+
return /* @__PURE__ */ Y(rt, {
|
|
2297
|
+
sensors: ct(st(at, { activationConstraint: { distance: mn } }), st(it)),
|
|
2298
|
+
collisionDetection: ot,
|
|
2360
2299
|
onDragEnd: t.useCallback((t) => {
|
|
2361
2300
|
let { active: n, over: r } = t;
|
|
2362
2301
|
if (!r || n.id === r.id) return;
|
|
2363
2302
|
let i = e.indexOf(String(n.id)), o = e.indexOf(String(r.id));
|
|
2364
|
-
i === -1 || o === -1 || a(
|
|
2303
|
+
i === -1 || o === -1 || a(ut(e, i, o));
|
|
2365
2304
|
}, [e, a]),
|
|
2366
|
-
children: /* @__PURE__ */ (
|
|
2305
|
+
children: /* @__PURE__ */ Y(lt, {
|
|
2367
2306
|
items: e,
|
|
2368
|
-
strategy:
|
|
2369
|
-
children: e.map((t, a) => /* @__PURE__ */ (
|
|
2307
|
+
strategy: mt,
|
|
2308
|
+
children: e.map((t, a) => /* @__PURE__ */ Y(hn, {
|
|
2370
2309
|
colName: t,
|
|
2371
2310
|
label: n.find((e) => e.value === t)?.label || t,
|
|
2372
2311
|
idx: a,
|
|
@@ -2377,7 +2316,7 @@ function bn({ columns: e, fieldOptions: n, onToggle: r, onMove: i, onReorder: a
|
|
|
2377
2316
|
})
|
|
2378
2317
|
});
|
|
2379
2318
|
}
|
|
2380
|
-
var
|
|
2319
|
+
var _n = [
|
|
2381
2320
|
"general",
|
|
2382
2321
|
"data",
|
|
2383
2322
|
"appearance",
|
|
@@ -2385,21 +2324,21 @@ var xn = [
|
|
|
2385
2324
|
"userActions",
|
|
2386
2325
|
"navigation",
|
|
2387
2326
|
"exportPrint"
|
|
2388
|
-
],
|
|
2327
|
+
], vn = [
|
|
2389
2328
|
"general",
|
|
2390
2329
|
"data",
|
|
2391
2330
|
"appearance"
|
|
2392
|
-
], Q = (e) => e.type == null || e.type === "grid",
|
|
2331
|
+
], Q = (e) => e.type == null || e.type === "grid", yn = (e) => e.type == null || [
|
|
2393
2332
|
"grid",
|
|
2394
2333
|
"kanban",
|
|
2395
2334
|
"gallery"
|
|
2396
|
-
].includes(e.type),
|
|
2335
|
+
].includes(e.type), bn = (e) => e.type == null || [
|
|
2397
2336
|
"grid",
|
|
2398
2337
|
"calendar",
|
|
2399
2338
|
"timeline",
|
|
2400
2339
|
"gantt"
|
|
2401
|
-
].includes(e.type),
|
|
2402
|
-
function
|
|
2340
|
+
].includes(e.type), xn = (e) => e.type == null || ["grid", "kanban"].includes(e.type), Sn = (e) => e.type == null || ["grid", "kanban"].includes(e.type), Cn = (e) => e.type == null || ["grid", "gallery"].includes(e.type);
|
|
2341
|
+
function wn(e) {
|
|
2403
2342
|
let { t, fieldOptions: n, objectDef: r, updateField: i, filterGroupValue: a, sortItemsValue: o, essentialOnly: s = !1 } = e, c = n.map((e) => ({
|
|
2404
2343
|
value: e.value,
|
|
2405
2344
|
label: e.label
|
|
@@ -2407,17 +2346,17 @@ function On(e) {
|
|
|
2407
2346
|
value: "",
|
|
2408
2347
|
label: t("console.objectView.none")
|
|
2409
2348
|
}, ...c], u = [
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2349
|
+
Tn(t, r),
|
|
2350
|
+
En(t),
|
|
2351
|
+
Dn(t, i),
|
|
2352
|
+
On(t, i),
|
|
2353
|
+
kn(t, i),
|
|
2354
|
+
An(t, n, l, r, i, a, o),
|
|
2355
|
+
jn(t, n, l, i),
|
|
2413
2356
|
Mn(t, i),
|
|
2414
2357
|
Nn(t, i),
|
|
2415
|
-
Pn(t,
|
|
2416
|
-
|
|
2417
|
-
In(t, i),
|
|
2418
|
-
Ln(t, i),
|
|
2419
|
-
Rn(t, i)
|
|
2420
|
-
], d = s ? u.filter((e) => xn.includes(e.key)).map((e) => Sn.includes(e.key) ? e : {
|
|
2358
|
+
Pn(t, i)
|
|
2359
|
+
], d = s ? u.filter((e) => _n.includes(e.key)).map((e) => vn.includes(e.key) ? e : {
|
|
2421
2360
|
...e,
|
|
2422
2361
|
collapsible: !0,
|
|
2423
2362
|
defaultCollapsed: !0
|
|
@@ -2427,7 +2366,7 @@ function On(e) {
|
|
|
2427
2366
|
sections: d
|
|
2428
2367
|
};
|
|
2429
2368
|
}
|
|
2430
|
-
function
|
|
2369
|
+
function Tn(e, t) {
|
|
2431
2370
|
return {
|
|
2432
2371
|
key: "general",
|
|
2433
2372
|
title: e("console.objectView.general"),
|
|
@@ -2437,9 +2376,9 @@ function kn(e, t) {
|
|
|
2437
2376
|
key: "label",
|
|
2438
2377
|
label: e("console.objectView.title"),
|
|
2439
2378
|
type: "custom",
|
|
2440
|
-
render: (t, n) => /* @__PURE__ */ (
|
|
2379
|
+
render: (t, n) => /* @__PURE__ */ Y(_, {
|
|
2441
2380
|
label: e("console.objectView.title"),
|
|
2442
|
-
children: /* @__PURE__ */ (
|
|
2381
|
+
children: /* @__PURE__ */ Y(M, {
|
|
2443
2382
|
"data-testid": "view-title-input",
|
|
2444
2383
|
className: "h-7 text-xs w-32 text-right",
|
|
2445
2384
|
value: t || "",
|
|
@@ -2451,9 +2390,9 @@ function kn(e, t) {
|
|
|
2451
2390
|
key: "description",
|
|
2452
2391
|
label: e("console.objectView.description"),
|
|
2453
2392
|
type: "custom",
|
|
2454
|
-
render: (n, r) => /* @__PURE__ */ (
|
|
2393
|
+
render: (n, r) => /* @__PURE__ */ Y(_, {
|
|
2455
2394
|
label: e("console.objectView.description"),
|
|
2456
|
-
children: /* @__PURE__ */ (
|
|
2395
|
+
children: /* @__PURE__ */ Y(M, {
|
|
2457
2396
|
"data-testid": "view-description-input",
|
|
2458
2397
|
className: "h-7 text-xs w-32 text-right",
|
|
2459
2398
|
value: n ?? "",
|
|
@@ -2466,16 +2405,16 @@ function kn(e, t) {
|
|
|
2466
2405
|
key: "type",
|
|
2467
2406
|
label: e("console.objectView.viewType"),
|
|
2468
2407
|
type: "custom",
|
|
2469
|
-
render: (t, n) => /* @__PURE__ */ (
|
|
2408
|
+
render: (t, n) => /* @__PURE__ */ Y(_, {
|
|
2470
2409
|
label: e("console.objectView.viewType"),
|
|
2471
|
-
children: /* @__PURE__ */ (
|
|
2410
|
+
children: /* @__PURE__ */ Y("select", {
|
|
2472
2411
|
"data-testid": "view-type-select",
|
|
2473
2412
|
className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground",
|
|
2474
2413
|
value: t || "grid",
|
|
2475
2414
|
onChange: (e) => n(e.target.value),
|
|
2476
|
-
children:
|
|
2415
|
+
children: ln.map((e) => /* @__PURE__ */ Y("option", {
|
|
2477
2416
|
value: e,
|
|
2478
|
-
children:
|
|
2417
|
+
children: cn[e]
|
|
2479
2418
|
}, e))
|
|
2480
2419
|
})
|
|
2481
2420
|
})
|
|
@@ -2483,7 +2422,7 @@ function kn(e, t) {
|
|
|
2483
2422
|
]
|
|
2484
2423
|
};
|
|
2485
2424
|
}
|
|
2486
|
-
function
|
|
2425
|
+
function En(e) {
|
|
2487
2426
|
let t = [
|
|
2488
2427
|
"showSearch",
|
|
2489
2428
|
"showSort",
|
|
@@ -2506,10 +2445,10 @@ function An(e) {
|
|
|
2506
2445
|
type: "custom",
|
|
2507
2446
|
render: (n, r, i) => {
|
|
2508
2447
|
let a = t.length, o = t.filter((e) => i[e] !== !1).length;
|
|
2509
|
-
return /* @__PURE__ */ (
|
|
2448
|
+
return /* @__PURE__ */ Y("div", {
|
|
2510
2449
|
className: "flex items-center gap-1.5 py-1",
|
|
2511
2450
|
"data-testid": "toolbar-summary-chip",
|
|
2512
|
-
children: /* @__PURE__ */ (
|
|
2451
|
+
children: /* @__PURE__ */ Y("span", {
|
|
2513
2452
|
className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground",
|
|
2514
2453
|
children: e("console.objectView.toolbarEnabledCount", {
|
|
2515
2454
|
count: o,
|
|
@@ -2523,13 +2462,13 @@ function An(e) {
|
|
|
2523
2462
|
$("showSort", e("console.objectView.enableSort"), "toggle-showSort", !0),
|
|
2524
2463
|
$("showFilters", e("console.objectView.enableFilter"), "toggle-showFilters", !0),
|
|
2525
2464
|
$("showHideFields", e("console.objectView.enableHideFields"), "toggle-showHideFields", !0),
|
|
2526
|
-
$("showGroup", e("console.objectView.enableGroup"), "toggle-showGroup", !0, !1, void 0,
|
|
2527
|
-
$("showColor", e("console.objectView.enableColor"), "toggle-showColor", !0, !1, void 0,
|
|
2465
|
+
$("showGroup", e("console.objectView.enableGroup"), "toggle-showGroup", !0, !1, void 0, yn),
|
|
2466
|
+
$("showColor", e("console.objectView.enableColor"), "toggle-showColor", !0, !1, void 0, bn),
|
|
2528
2467
|
$("showDensity", e("console.objectView.enableDensity"), "toggle-showDensity", !0, !1, void 0, Q)
|
|
2529
2468
|
]
|
|
2530
2469
|
};
|
|
2531
2470
|
}
|
|
2532
|
-
function
|
|
2471
|
+
function Dn(e, t) {
|
|
2533
2472
|
return {
|
|
2534
2473
|
key: "navigation",
|
|
2535
2474
|
title: e("console.objectView.navigationSection"),
|
|
@@ -2543,9 +2482,9 @@ function jn(e, t) {
|
|
|
2543
2482
|
type: "custom",
|
|
2544
2483
|
render: (n, r, i) => {
|
|
2545
2484
|
let a = i.navigation?.mode || "page";
|
|
2546
|
-
return /* @__PURE__ */ (
|
|
2485
|
+
return /* @__PURE__ */ Y(_, {
|
|
2547
2486
|
label: e("console.objectView.navigationMode"),
|
|
2548
|
-
children: /* @__PURE__ */
|
|
2487
|
+
children: /* @__PURE__ */ X("select", {
|
|
2549
2488
|
"data-testid": "select-navigation-mode",
|
|
2550
2489
|
className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground max-w-[120px]",
|
|
2551
2490
|
value: a,
|
|
@@ -2557,31 +2496,31 @@ function jn(e, t) {
|
|
|
2557
2496
|
}), t("clickIntoRecordDetails", n !== "none");
|
|
2558
2497
|
},
|
|
2559
2498
|
children: [
|
|
2560
|
-
/* @__PURE__ */ (
|
|
2499
|
+
/* @__PURE__ */ Y("option", {
|
|
2561
2500
|
value: "page",
|
|
2562
2501
|
children: "Page"
|
|
2563
2502
|
}),
|
|
2564
|
-
/* @__PURE__ */ (
|
|
2503
|
+
/* @__PURE__ */ Y("option", {
|
|
2565
2504
|
value: "drawer",
|
|
2566
2505
|
children: "Drawer"
|
|
2567
2506
|
}),
|
|
2568
|
-
/* @__PURE__ */ (
|
|
2507
|
+
/* @__PURE__ */ Y("option", {
|
|
2569
2508
|
value: "modal",
|
|
2570
2509
|
children: "Modal"
|
|
2571
2510
|
}),
|
|
2572
|
-
/* @__PURE__ */ (
|
|
2511
|
+
/* @__PURE__ */ Y("option", {
|
|
2573
2512
|
value: "split",
|
|
2574
2513
|
children: "Split"
|
|
2575
2514
|
}),
|
|
2576
|
-
/* @__PURE__ */ (
|
|
2515
|
+
/* @__PURE__ */ Y("option", {
|
|
2577
2516
|
value: "popover",
|
|
2578
2517
|
children: "Popover"
|
|
2579
2518
|
}),
|
|
2580
|
-
/* @__PURE__ */ (
|
|
2519
|
+
/* @__PURE__ */ Y("option", {
|
|
2581
2520
|
value: "new_window",
|
|
2582
2521
|
children: "New Window"
|
|
2583
2522
|
}),
|
|
2584
|
-
/* @__PURE__ */ (
|
|
2523
|
+
/* @__PURE__ */ Y("option", {
|
|
2585
2524
|
value: "none",
|
|
2586
2525
|
children: "None"
|
|
2587
2526
|
})
|
|
@@ -2602,9 +2541,9 @@ function jn(e, t) {
|
|
|
2602
2541
|
].includes(e.navigation?.mode || "page"),
|
|
2603
2542
|
render: (n, r, i) => {
|
|
2604
2543
|
let a = i.navigation?.mode || "page";
|
|
2605
|
-
return /* @__PURE__ */ (
|
|
2544
|
+
return /* @__PURE__ */ Y(_, {
|
|
2606
2545
|
label: e("console.objectView.navigationWidth"),
|
|
2607
|
-
children: /* @__PURE__ */ (
|
|
2546
|
+
children: /* @__PURE__ */ Y(M, {
|
|
2608
2547
|
"data-testid": "input-navigation-width",
|
|
2609
2548
|
className: "h-7 text-xs w-24 text-right",
|
|
2610
2549
|
value: i.navigation?.width ?? "",
|
|
@@ -2626,9 +2565,9 @@ function jn(e, t) {
|
|
|
2626
2565
|
visibleWhen: (e) => ["page", "new_window"].includes(e.navigation?.mode || "page"),
|
|
2627
2566
|
render: (n, r, i) => {
|
|
2628
2567
|
let a = i.navigation?.mode || "page";
|
|
2629
|
-
return /* @__PURE__ */ (
|
|
2568
|
+
return /* @__PURE__ */ Y(_, {
|
|
2630
2569
|
label: e("console.objectView.openNewTab"),
|
|
2631
|
-
children: /* @__PURE__ */ (
|
|
2570
|
+
children: /* @__PURE__ */ Y(B, {
|
|
2632
2571
|
"data-testid": "toggle-navigation-openNewTab",
|
|
2633
2572
|
checked: i.navigation?.openNewTab === !0,
|
|
2634
2573
|
onCheckedChange: (e) => t("navigation", {
|
|
@@ -2644,7 +2583,7 @@ function jn(e, t) {
|
|
|
2644
2583
|
]
|
|
2645
2584
|
};
|
|
2646
2585
|
}
|
|
2647
|
-
function
|
|
2586
|
+
function On(e, t) {
|
|
2648
2587
|
return {
|
|
2649
2588
|
key: "records",
|
|
2650
2589
|
title: e("console.objectView.records"),
|
|
@@ -2655,23 +2594,23 @@ function Mn(e, t) {
|
|
|
2655
2594
|
key: "_selectionType",
|
|
2656
2595
|
label: e("console.objectView.selectionMode"),
|
|
2657
2596
|
type: "custom",
|
|
2658
|
-
render: (n, r, i) => /* @__PURE__ */ (
|
|
2597
|
+
render: (n, r, i) => /* @__PURE__ */ Y(_, {
|
|
2659
2598
|
label: e("console.objectView.selectionMode"),
|
|
2660
|
-
children: /* @__PURE__ */
|
|
2599
|
+
children: /* @__PURE__ */ X("select", {
|
|
2661
2600
|
"data-testid": "select-selection-type",
|
|
2662
2601
|
className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground max-w-[120px]",
|
|
2663
2602
|
value: i.selection?.type || "multiple",
|
|
2664
2603
|
onChange: (e) => t("selection", { type: e.target.value }),
|
|
2665
2604
|
children: [
|
|
2666
|
-
/* @__PURE__ */ (
|
|
2605
|
+
/* @__PURE__ */ Y("option", {
|
|
2667
2606
|
value: "none",
|
|
2668
2607
|
children: e("console.objectView.selectionNone")
|
|
2669
2608
|
}),
|
|
2670
|
-
/* @__PURE__ */ (
|
|
2609
|
+
/* @__PURE__ */ Y("option", {
|
|
2671
2610
|
value: "single",
|
|
2672
2611
|
children: e("console.objectView.selectionSingle")
|
|
2673
2612
|
}),
|
|
2674
|
-
/* @__PURE__ */ (
|
|
2613
|
+
/* @__PURE__ */ Y("option", {
|
|
2675
2614
|
value: "multiple",
|
|
2676
2615
|
children: e("console.objectView.selectionMultiple")
|
|
2677
2616
|
})
|
|
@@ -2684,9 +2623,9 @@ function Mn(e, t) {
|
|
|
2684
2623
|
type: "custom",
|
|
2685
2624
|
render: (n, r, i) => {
|
|
2686
2625
|
let a = i.addRecordViaForm === !0 || i.addRecord?.enabled === !0;
|
|
2687
|
-
return /* @__PURE__ */
|
|
2626
|
+
return /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(_, {
|
|
2688
2627
|
label: e("console.objectView.addRecordEnabled"),
|
|
2689
|
-
children: /* @__PURE__ */ (
|
|
2628
|
+
children: /* @__PURE__ */ Y(B, {
|
|
2690
2629
|
"data-testid": "toggle-addRecord-enabled",
|
|
2691
2630
|
checked: a,
|
|
2692
2631
|
onCheckedChange: (e) => {
|
|
@@ -2697,10 +2636,10 @@ function Mn(e, t) {
|
|
|
2697
2636
|
},
|
|
2698
2637
|
className: "scale-75"
|
|
2699
2638
|
})
|
|
2700
|
-
}), a && /* @__PURE__ */
|
|
2701
|
-
/* @__PURE__ */ (
|
|
2639
|
+
}), a && /* @__PURE__ */ X(J, { children: [
|
|
2640
|
+
/* @__PURE__ */ Y(_, {
|
|
2702
2641
|
label: e("console.objectView.addRecordPosition"),
|
|
2703
|
-
children: /* @__PURE__ */
|
|
2642
|
+
children: /* @__PURE__ */ X("select", {
|
|
2704
2643
|
"data-testid": "select-addRecord-position",
|
|
2705
2644
|
className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground max-w-[100px]",
|
|
2706
2645
|
value: i.addRecord?.position || "top",
|
|
@@ -2709,18 +2648,18 @@ function Mn(e, t) {
|
|
|
2709
2648
|
enabled: !0,
|
|
2710
2649
|
position: e.target.value
|
|
2711
2650
|
}),
|
|
2712
|
-
children: [/* @__PURE__ */ (
|
|
2651
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
2713
2652
|
value: "top",
|
|
2714
2653
|
children: "Top"
|
|
2715
|
-
}), /* @__PURE__ */ (
|
|
2654
|
+
}), /* @__PURE__ */ Y("option", {
|
|
2716
2655
|
value: "bottom",
|
|
2717
2656
|
children: "Bottom"
|
|
2718
2657
|
})]
|
|
2719
2658
|
})
|
|
2720
2659
|
}),
|
|
2721
|
-
/* @__PURE__ */ (
|
|
2660
|
+
/* @__PURE__ */ Y(_, {
|
|
2722
2661
|
label: e("console.objectView.addRecordMode"),
|
|
2723
|
-
children: /* @__PURE__ */
|
|
2662
|
+
children: /* @__PURE__ */ X("select", {
|
|
2724
2663
|
"data-testid": "select-addRecord-mode",
|
|
2725
2664
|
className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground max-w-[100px]",
|
|
2726
2665
|
value: i.addRecord?.mode || "form",
|
|
@@ -2730,24 +2669,24 @@ function Mn(e, t) {
|
|
|
2730
2669
|
mode: e.target.value
|
|
2731
2670
|
}),
|
|
2732
2671
|
children: [
|
|
2733
|
-
/* @__PURE__ */ (
|
|
2672
|
+
/* @__PURE__ */ Y("option", {
|
|
2734
2673
|
value: "inline",
|
|
2735
2674
|
children: "Inline"
|
|
2736
2675
|
}),
|
|
2737
|
-
/* @__PURE__ */ (
|
|
2676
|
+
/* @__PURE__ */ Y("option", {
|
|
2738
2677
|
value: "form",
|
|
2739
2678
|
children: "Form"
|
|
2740
2679
|
}),
|
|
2741
|
-
/* @__PURE__ */ (
|
|
2680
|
+
/* @__PURE__ */ Y("option", {
|
|
2742
2681
|
value: "modal",
|
|
2743
2682
|
children: "Modal"
|
|
2744
2683
|
})
|
|
2745
2684
|
]
|
|
2746
2685
|
})
|
|
2747
2686
|
}),
|
|
2748
|
-
/* @__PURE__ */ (
|
|
2687
|
+
/* @__PURE__ */ Y(_, {
|
|
2749
2688
|
label: e("console.objectView.addRecordFormView"),
|
|
2750
|
-
children: /* @__PURE__ */ (
|
|
2689
|
+
children: /* @__PURE__ */ Y(M, {
|
|
2751
2690
|
"data-testid": "input-addRecord-formView",
|
|
2752
2691
|
className: "h-7 text-xs w-24 text-right",
|
|
2753
2692
|
value: i.addRecord?.formView ?? "",
|
|
@@ -2763,7 +2702,7 @@ function Mn(e, t) {
|
|
|
2763
2702
|
}]
|
|
2764
2703
|
};
|
|
2765
2704
|
}
|
|
2766
|
-
function
|
|
2705
|
+
function kn(e, t) {
|
|
2767
2706
|
return {
|
|
2768
2707
|
key: "exportPrint",
|
|
2769
2708
|
title: e("console.objectView.exportPrint"),
|
|
@@ -2777,18 +2716,18 @@ function Nn(e, t) {
|
|
|
2777
2716
|
type: "custom",
|
|
2778
2717
|
render: (n, r, i) => {
|
|
2779
2718
|
let a = i.exportOptions != null || i.allowExport === !0;
|
|
2780
|
-
return /* @__PURE__ */
|
|
2719
|
+
return /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(_, {
|
|
2781
2720
|
label: e("console.objectView.allowExport"),
|
|
2782
|
-
children: /* @__PURE__ */ (
|
|
2721
|
+
children: /* @__PURE__ */ Y(B, {
|
|
2783
2722
|
"data-testid": "toggle-allowExport",
|
|
2784
2723
|
checked: a,
|
|
2785
2724
|
onCheckedChange: (e) => t("allowExport", e),
|
|
2786
2725
|
className: "scale-75"
|
|
2787
2726
|
})
|
|
2788
|
-
}), a && /* @__PURE__ */
|
|
2789
|
-
/* @__PURE__ */ (
|
|
2727
|
+
}), a && /* @__PURE__ */ X(J, { children: [
|
|
2728
|
+
/* @__PURE__ */ Y(_, {
|
|
2790
2729
|
label: e("console.objectView.exportFormats"),
|
|
2791
|
-
children: /* @__PURE__ */ (
|
|
2730
|
+
children: /* @__PURE__ */ Y("div", {
|
|
2792
2731
|
"data-testid": "export-formats",
|
|
2793
2732
|
className: "flex flex-wrap gap-1",
|
|
2794
2733
|
children: [
|
|
@@ -2796,9 +2735,9 @@ function Nn(e, t) {
|
|
|
2796
2735
|
"xlsx",
|
|
2797
2736
|
"json",
|
|
2798
2737
|
"pdf"
|
|
2799
|
-
].map((e) => /* @__PURE__ */
|
|
2738
|
+
].map((e) => /* @__PURE__ */ X("label", {
|
|
2800
2739
|
className: "flex items-center gap-1 text-xs cursor-pointer",
|
|
2801
|
-
children: [/* @__PURE__ */ (
|
|
2740
|
+
children: [/* @__PURE__ */ Y(g, {
|
|
2802
2741
|
"data-testid": `export-format-${e}`,
|
|
2803
2742
|
checked: (i.exportOptions?.formats || []).includes(e),
|
|
2804
2743
|
onCheckedChange: (n) => {
|
|
@@ -2813,9 +2752,9 @@ function Nn(e, t) {
|
|
|
2813
2752
|
}, e))
|
|
2814
2753
|
})
|
|
2815
2754
|
}),
|
|
2816
|
-
/* @__PURE__ */ (
|
|
2755
|
+
/* @__PURE__ */ Y(_, {
|
|
2817
2756
|
label: e("console.objectView.exportMaxRecords"),
|
|
2818
|
-
children: /* @__PURE__ */ (
|
|
2757
|
+
children: /* @__PURE__ */ Y(M, {
|
|
2819
2758
|
"data-testid": "input-export-maxRecords",
|
|
2820
2759
|
className: "h-7 text-xs w-20 text-right",
|
|
2821
2760
|
type: "number",
|
|
@@ -2827,9 +2766,9 @@ function Nn(e, t) {
|
|
|
2827
2766
|
})
|
|
2828
2767
|
})
|
|
2829
2768
|
}),
|
|
2830
|
-
/* @__PURE__ */ (
|
|
2769
|
+
/* @__PURE__ */ Y(_, {
|
|
2831
2770
|
label: e("console.objectView.exportIncludeHeaders"),
|
|
2832
|
-
children: /* @__PURE__ */ (
|
|
2771
|
+
children: /* @__PURE__ */ Y(B, {
|
|
2833
2772
|
"data-testid": "toggle-export-includeHeaders",
|
|
2834
2773
|
checked: i.exportOptions?.includeHeaders !== !1,
|
|
2835
2774
|
onCheckedChange: (e) => t("exportOptions", {
|
|
@@ -2839,9 +2778,9 @@ function Nn(e, t) {
|
|
|
2839
2778
|
className: "scale-75"
|
|
2840
2779
|
})
|
|
2841
2780
|
}),
|
|
2842
|
-
/* @__PURE__ */ (
|
|
2781
|
+
/* @__PURE__ */ Y(_, {
|
|
2843
2782
|
label: e("console.objectView.exportFileNamePrefix"),
|
|
2844
|
-
children: /* @__PURE__ */ (
|
|
2783
|
+
children: /* @__PURE__ */ Y(M, {
|
|
2845
2784
|
"data-testid": "input-export-fileNamePrefix",
|
|
2846
2785
|
className: "h-7 text-xs w-24 text-right",
|
|
2847
2786
|
value: i.exportOptions?.fileNamePrefix ?? "",
|
|
@@ -2860,7 +2799,7 @@ function Nn(e, t) {
|
|
|
2860
2799
|
]
|
|
2861
2800
|
};
|
|
2862
2801
|
}
|
|
2863
|
-
function
|
|
2802
|
+
function An(e, t, n, r, i, a, o) {
|
|
2864
2803
|
return {
|
|
2865
2804
|
key: "data",
|
|
2866
2805
|
title: e("console.objectView.data"),
|
|
@@ -2871,7 +2810,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
2871
2810
|
key: "_source",
|
|
2872
2811
|
label: e("console.objectView.source"),
|
|
2873
2812
|
type: "custom",
|
|
2874
|
-
render: () => /* @__PURE__ */ (
|
|
2813
|
+
render: () => /* @__PURE__ */ Y(_, {
|
|
2875
2814
|
label: e("console.objectView.source"),
|
|
2876
2815
|
value: r.label || r.name
|
|
2877
2816
|
})
|
|
@@ -2890,19 +2829,19 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
2890
2829
|
}
|
|
2891
2830
|
i("columns", n);
|
|
2892
2831
|
};
|
|
2893
|
-
return /* @__PURE__ */ (
|
|
2894
|
-
renderSummary: (t) => /* @__PURE__ */ (
|
|
2832
|
+
return /* @__PURE__ */ Y(Z, {
|
|
2833
|
+
renderSummary: (t) => /* @__PURE__ */ Y(_, {
|
|
2895
2834
|
label: e("console.objectView.fields"),
|
|
2896
2835
|
value: s,
|
|
2897
2836
|
onClick: t
|
|
2898
2837
|
}),
|
|
2899
|
-
children: /* @__PURE__ */
|
|
2838
|
+
children: /* @__PURE__ */ X("div", {
|
|
2900
2839
|
"data-testid": "column-selector",
|
|
2901
2840
|
className: "pb-2 space-y-1",
|
|
2902
|
-
children: [/* @__PURE__ */
|
|
2841
|
+
children: [/* @__PURE__ */ X("div", {
|
|
2903
2842
|
className: "flex items-center gap-1 pb-1",
|
|
2904
2843
|
children: [
|
|
2905
|
-
/* @__PURE__ */ (
|
|
2844
|
+
/* @__PURE__ */ Y(M, {
|
|
2906
2845
|
"data-testid": "column-search-input",
|
|
2907
2846
|
className: "h-6 text-xs flex-1",
|
|
2908
2847
|
placeholder: e("console.objectView.searchFields"),
|
|
@@ -2916,7 +2855,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
2916
2855
|
});
|
|
2917
2856
|
}
|
|
2918
2857
|
}),
|
|
2919
|
-
/* @__PURE__ */ (
|
|
2858
|
+
/* @__PURE__ */ Y("button", {
|
|
2920
2859
|
type: "button",
|
|
2921
2860
|
"data-testid": "column-show-all",
|
|
2922
2861
|
className: "text-xs text-primary hover:underline whitespace-nowrap",
|
|
@@ -2925,7 +2864,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
2925
2864
|
},
|
|
2926
2865
|
children: e("console.objectView.showAllFields")
|
|
2927
2866
|
}),
|
|
2928
|
-
/* @__PURE__ */ (
|
|
2867
|
+
/* @__PURE__ */ Y("button", {
|
|
2929
2868
|
type: "button",
|
|
2930
2869
|
"data-testid": "column-hide-all",
|
|
2931
2870
|
className: "text-xs text-primary hover:underline whitespace-nowrap",
|
|
@@ -2935,12 +2874,12 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
2935
2874
|
children: e("console.objectView.hideAllFields")
|
|
2936
2875
|
})
|
|
2937
2876
|
]
|
|
2938
|
-
}), /* @__PURE__ */
|
|
2877
|
+
}), /* @__PURE__ */ X("div", {
|
|
2939
2878
|
className: "space-y-0.5 max-h-48 overflow-auto",
|
|
2940
|
-
children: [Array.isArray(a.columns) && a.columns.length > 0 && /* @__PURE__ */ (
|
|
2879
|
+
children: [Array.isArray(a.columns) && a.columns.length > 0 && /* @__PURE__ */ Y("div", {
|
|
2941
2880
|
"data-testid": "selected-columns",
|
|
2942
2881
|
className: "space-y-0.5 pb-1 mb-1 border-b border-border/50",
|
|
2943
|
-
children: /* @__PURE__ */ (
|
|
2882
|
+
children: /* @__PURE__ */ Y(gn, {
|
|
2944
2883
|
columns: a.columns,
|
|
2945
2884
|
fieldOptions: t,
|
|
2946
2885
|
onToggle: c,
|
|
@@ -2952,21 +2891,21 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
2952
2891
|
},
|
|
2953
2892
|
onReorder: (e) => i("columns", e)
|
|
2954
2893
|
})
|
|
2955
|
-
}), t.filter((e) => !Array.isArray(a.columns) || !a.columns.includes(e.value)).map((e) => /* @__PURE__ */
|
|
2894
|
+
}), t.filter((e) => !Array.isArray(a.columns) || !a.columns.includes(e.value)).map((e) => /* @__PURE__ */ X("div", {
|
|
2956
2895
|
"data-field-name": e.value,
|
|
2957
2896
|
"data-field-label": e.label,
|
|
2958
2897
|
className: "flex items-center gap-1 text-xs cursor-pointer hover:bg-accent/50 rounded-sm py-0.5 px-1 -mx-1",
|
|
2959
2898
|
children: [
|
|
2960
|
-
/* @__PURE__ */ (
|
|
2961
|
-
/* @__PURE__ */ (
|
|
2899
|
+
/* @__PURE__ */ Y(Ne, { className: "h-3 w-3 text-muted-foreground/20 shrink-0" }),
|
|
2900
|
+
/* @__PURE__ */ Y("button", {
|
|
2962
2901
|
type: "button",
|
|
2963
2902
|
"data-testid": `col-eye-${e.value}`,
|
|
2964
2903
|
className: "h-5 w-5 flex items-center justify-center rounded hover:bg-accent shrink-0",
|
|
2965
2904
|
onClick: () => c(e.value, !0),
|
|
2966
2905
|
"aria-label": `Show ${e.label}`,
|
|
2967
|
-
children: /* @__PURE__ */ (
|
|
2906
|
+
children: /* @__PURE__ */ Y(Oe, { className: "h-3.5 w-3.5 text-muted-foreground" })
|
|
2968
2907
|
}),
|
|
2969
|
-
/* @__PURE__ */ (
|
|
2908
|
+
/* @__PURE__ */ Y("span", {
|
|
2970
2909
|
className: "truncate text-muted-foreground",
|
|
2971
2910
|
children: e.label
|
|
2972
2911
|
})
|
|
@@ -2983,20 +2922,20 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
2983
2922
|
type: "custom",
|
|
2984
2923
|
render: (n, r, o) => {
|
|
2985
2924
|
let s = a.conditions.length, c = s > 0 ? e("console.objectView.filtersCount", { count: s }) : e("console.objectView.none");
|
|
2986
|
-
return /* @__PURE__ */ (
|
|
2987
|
-
renderSummary: (t) => /* @__PURE__ */ (
|
|
2925
|
+
return /* @__PURE__ */ Y(Z, {
|
|
2926
|
+
renderSummary: (t) => /* @__PURE__ */ Y(_, {
|
|
2988
2927
|
label: e("console.objectView.filterBy"),
|
|
2989
2928
|
value: c,
|
|
2990
2929
|
onClick: t
|
|
2991
2930
|
}),
|
|
2992
|
-
children: /* @__PURE__ */ (
|
|
2931
|
+
children: /* @__PURE__ */ Y("div", {
|
|
2993
2932
|
"data-testid": "inline-filter-builder",
|
|
2994
2933
|
className: "pb-2",
|
|
2995
|
-
children: /* @__PURE__ */ (
|
|
2934
|
+
children: /* @__PURE__ */ Y(me, {
|
|
2996
2935
|
fields: t,
|
|
2997
2936
|
value: a,
|
|
2998
2937
|
onChange: (e) => {
|
|
2999
|
-
i("filter",
|
|
2938
|
+
i("filter", an(e.logic, e.conditions.map((e) => ({
|
|
3000
2939
|
field: e.field,
|
|
3001
2940
|
operator: e.operator,
|
|
3002
2941
|
value: e.value
|
|
@@ -3015,16 +2954,16 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3015
2954
|
type: "custom",
|
|
3016
2955
|
render: (n, r, a) => {
|
|
3017
2956
|
let s = Array.isArray(a.sort) ? a.sort.filter((e) => e.field).length : 0, c = s > 0 ? e("console.objectView.sortsCount", { count: s }) : e("console.objectView.none");
|
|
3018
|
-
return /* @__PURE__ */ (
|
|
3019
|
-
renderSummary: (t) => /* @__PURE__ */ (
|
|
2957
|
+
return /* @__PURE__ */ Y(Z, {
|
|
2958
|
+
renderSummary: (t) => /* @__PURE__ */ Y(_, {
|
|
3020
2959
|
label: e("console.objectView.sortBy"),
|
|
3021
2960
|
value: c,
|
|
3022
2961
|
onClick: t
|
|
3023
2962
|
}),
|
|
3024
|
-
children: /* @__PURE__ */ (
|
|
2963
|
+
children: /* @__PURE__ */ Y("div", {
|
|
3025
2964
|
"data-testid": "inline-sort-builder",
|
|
3026
2965
|
className: "pb-2",
|
|
3027
|
-
children: /* @__PURE__ */ (
|
|
2966
|
+
children: /* @__PURE__ */ Y(ve, {
|
|
3028
2967
|
fields: t.map((e) => ({
|
|
3029
2968
|
value: e.value,
|
|
3030
2969
|
label: e.label
|
|
@@ -3047,7 +2986,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3047
2986
|
key: "_grouping",
|
|
3048
2987
|
label: e("console.objectView.groupBy"),
|
|
3049
2988
|
type: "custom",
|
|
3050
|
-
visibleWhen:
|
|
2989
|
+
visibleWhen: Cn,
|
|
3051
2990
|
render: (n, r, a) => {
|
|
3052
2991
|
let o = Array.isArray(a.grouping?.fields) && a.grouping.fields.length ? { fields: a.grouping.fields.map((e) => ({
|
|
3053
2992
|
field: e.field,
|
|
@@ -3062,9 +3001,9 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3062
3001
|
order: "asc",
|
|
3063
3002
|
collapsed: !1
|
|
3064
3003
|
}].filter(Boolean) } : void 0;
|
|
3065
|
-
return /* @__PURE__ */ (
|
|
3004
|
+
return /* @__PURE__ */ Y(_, {
|
|
3066
3005
|
label: e("console.objectView.groupBy"),
|
|
3067
|
-
children: /* @__PURE__ */ (
|
|
3006
|
+
children: /* @__PURE__ */ Y(j, {
|
|
3068
3007
|
value: o,
|
|
3069
3008
|
fieldOptions: t,
|
|
3070
3009
|
maxLevels: 3,
|
|
@@ -3084,9 +3023,9 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3084
3023
|
key: "_pageSize",
|
|
3085
3024
|
label: e("console.objectView.pageSize"),
|
|
3086
3025
|
type: "custom",
|
|
3087
|
-
render: (t, n, r) => /* @__PURE__ */ (
|
|
3026
|
+
render: (t, n, r) => /* @__PURE__ */ Y(_, {
|
|
3088
3027
|
label: e("console.objectView.pageSize"),
|
|
3089
|
-
children: /* @__PURE__ */ (
|
|
3028
|
+
children: /* @__PURE__ */ Y(M, {
|
|
3090
3029
|
"data-testid": "input-pagination-pageSize",
|
|
3091
3030
|
className: "h-7 text-xs w-20 text-right",
|
|
3092
3031
|
type: "number",
|
|
@@ -3106,15 +3045,15 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3106
3045
|
key: "_pageSizeOptions",
|
|
3107
3046
|
label: e("console.objectView.pageSizeOptions"),
|
|
3108
3047
|
type: "custom",
|
|
3109
|
-
render: (t, n, r) => /* @__PURE__ */ (
|
|
3048
|
+
render: (t, n, r) => /* @__PURE__ */ Y(_, {
|
|
3110
3049
|
label: e("console.objectView.pageSizeOptions"),
|
|
3111
|
-
children: /* @__PURE__ */ (
|
|
3050
|
+
children: /* @__PURE__ */ Y(M, {
|
|
3112
3051
|
"data-testid": "input-pagination-pageSizeOptions",
|
|
3113
3052
|
className: "h-7 text-xs w-28 text-right",
|
|
3114
3053
|
value: (r.pagination?.pageSizeOptions || []).join(", "),
|
|
3115
3054
|
placeholder: "10, 25, 50, 100",
|
|
3116
3055
|
onChange: (e) => {
|
|
3117
|
-
let t =
|
|
3056
|
+
let t = sn(e.target.value);
|
|
3118
3057
|
i("pagination", {
|
|
3119
3058
|
...r.pagination || {},
|
|
3120
3059
|
pageSizeOptions: t.length ? t : void 0
|
|
@@ -3123,26 +3062,26 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3123
3062
|
})
|
|
3124
3063
|
})
|
|
3125
3064
|
},
|
|
3126
|
-
|
|
3127
|
-
|
|
3128
|
-
|
|
3065
|
+
Fn("searchableFields", e("console.objectView.searchableFields"), "searchable-fields-selector", "searchable-field", t, i, "selected"),
|
|
3066
|
+
Fn("filterableFields", e("console.objectView.filterableFields"), "filterable-fields-selector", "filterable-field", t, i, "selected"),
|
|
3067
|
+
Fn("hiddenFields", e("console.objectView.hiddenFields"), "hidden-fields-selector", "hidden-field", t, i, "hidden"),
|
|
3129
3068
|
{
|
|
3130
3069
|
key: "_quickFilters",
|
|
3131
3070
|
label: e("console.objectView.quickFilters"),
|
|
3132
3071
|
type: "custom",
|
|
3133
|
-
render: (t, n, r) => /* @__PURE__ */ (
|
|
3134
|
-
renderSummary: (t) => /* @__PURE__ */ (
|
|
3072
|
+
render: (t, n, r) => /* @__PURE__ */ Y(Z, {
|
|
3073
|
+
renderSummary: (t) => /* @__PURE__ */ Y(_, {
|
|
3135
3074
|
label: e("console.objectView.quickFilters"),
|
|
3136
3075
|
value: `${(r.quickFilters || []).length} filters`,
|
|
3137
3076
|
onClick: t
|
|
3138
3077
|
}),
|
|
3139
|
-
children: /* @__PURE__ */
|
|
3078
|
+
children: /* @__PURE__ */ X("div", {
|
|
3140
3079
|
"data-testid": "quick-filters-editor",
|
|
3141
3080
|
className: "pb-2 space-y-1",
|
|
3142
|
-
children: [(r.quickFilters || []).map((e, t) => /* @__PURE__ */
|
|
3081
|
+
children: [(r.quickFilters || []).map((e, t) => /* @__PURE__ */ X("div", {
|
|
3143
3082
|
className: "flex items-center gap-1 text-xs",
|
|
3144
3083
|
children: [
|
|
3145
|
-
/* @__PURE__ */ (
|
|
3084
|
+
/* @__PURE__ */ Y(M, {
|
|
3146
3085
|
"data-testid": `quick-filter-label-${t}`,
|
|
3147
3086
|
className: "h-6 text-xs flex-1",
|
|
3148
3087
|
value: e.label || "",
|
|
@@ -3155,7 +3094,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3155
3094
|
}, i("quickFilters", n);
|
|
3156
3095
|
}
|
|
3157
3096
|
}),
|
|
3158
|
-
/* @__PURE__ */ (
|
|
3097
|
+
/* @__PURE__ */ Y(g, {
|
|
3159
3098
|
"data-testid": `quick-filter-default-${t}`,
|
|
3160
3099
|
checked: e.defaultActive === !0,
|
|
3161
3100
|
onCheckedChange: (e) => {
|
|
@@ -3167,7 +3106,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3167
3106
|
},
|
|
3168
3107
|
className: "h-3.5 w-3.5"
|
|
3169
3108
|
}),
|
|
3170
|
-
/* @__PURE__ */ (
|
|
3109
|
+
/* @__PURE__ */ Y("button", {
|
|
3171
3110
|
type: "button",
|
|
3172
3111
|
className: "text-destructive hover:text-destructive/80 text-xs",
|
|
3173
3112
|
onClick: () => {
|
|
@@ -3176,7 +3115,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3176
3115
|
children: "✕"
|
|
3177
3116
|
})
|
|
3178
3117
|
]
|
|
3179
|
-
}, e.id || t)), /* @__PURE__ */
|
|
3118
|
+
}, e.id || t)), /* @__PURE__ */ X("button", {
|
|
3180
3119
|
type: "button",
|
|
3181
3120
|
"data-testid": "add-quick-filter",
|
|
3182
3121
|
className: "text-xs text-primary hover:underline",
|
|
@@ -3219,24 +3158,24 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3219
3158
|
label: e("console.objectView.ufToggle")
|
|
3220
3159
|
}
|
|
3221
3160
|
], f = s === "tabs" ? l.length > 0 ? l.map((e) => e.label || e.id).join(", ") : e("console.objectView.none") : c.length > 0 ? c.map((e) => t.find((t) => t.value === e.field)?.label || e.field).join(", ") : e("console.objectView.none");
|
|
3222
|
-
return /* @__PURE__ */ (
|
|
3223
|
-
renderSummary: (t) => /* @__PURE__ */ (
|
|
3161
|
+
return /* @__PURE__ */ Y(Z, {
|
|
3162
|
+
renderSummary: (t) => /* @__PURE__ */ Y(_, {
|
|
3224
3163
|
label: e("console.objectView.userFilters"),
|
|
3225
3164
|
value: f,
|
|
3226
3165
|
onClick: t
|
|
3227
3166
|
}),
|
|
3228
|
-
children: /* @__PURE__ */
|
|
3167
|
+
children: /* @__PURE__ */ X("div", {
|
|
3229
3168
|
"data-testid": "user-filters-editor",
|
|
3230
3169
|
className: "pb-2 space-y-2",
|
|
3231
3170
|
children: [
|
|
3232
|
-
/* @__PURE__ */
|
|
3171
|
+
/* @__PURE__ */ X("div", {
|
|
3233
3172
|
className: "flex items-center gap-2",
|
|
3234
|
-
children: [/* @__PURE__ */ (
|
|
3173
|
+
children: [/* @__PURE__ */ Y("span", {
|
|
3235
3174
|
className: "text-xs text-muted-foreground",
|
|
3236
3175
|
children: e("console.objectView.ufElements")
|
|
3237
|
-
}), /* @__PURE__ */ (
|
|
3176
|
+
}), /* @__PURE__ */ Y("div", {
|
|
3238
3177
|
className: "flex gap-1",
|
|
3239
|
-
children: d.map((e) => /* @__PURE__ */ (
|
|
3178
|
+
children: d.map((e) => /* @__PURE__ */ Y("button", {
|
|
3240
3179
|
type: "button",
|
|
3241
3180
|
"data-testid": `uf-element-${e.value}`,
|
|
3242
3181
|
className: `text-xs px-2 py-0.5 rounded border ${s === e.value ? "bg-primary text-primary-foreground border-primary" : "border-border hover:bg-accent"}`,
|
|
@@ -3250,16 +3189,16 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3250
3189
|
}, e.value))
|
|
3251
3190
|
})]
|
|
3252
3191
|
}),
|
|
3253
|
-
(s === "dropdown" || s === "toggle") && /* @__PURE__ */
|
|
3192
|
+
(s === "dropdown" || s === "toggle") && /* @__PURE__ */ X("div", {
|
|
3254
3193
|
"data-testid": "uf-fields-section",
|
|
3255
3194
|
className: "space-y-1",
|
|
3256
|
-
children: [c.map((e, n) => /* @__PURE__ */
|
|
3195
|
+
children: [c.map((e, n) => /* @__PURE__ */ X("div", {
|
|
3257
3196
|
"data-testid": `uf-field-${n}`,
|
|
3258
3197
|
className: "flex items-center gap-1 text-xs",
|
|
3259
|
-
children: [/* @__PURE__ */ (
|
|
3198
|
+
children: [/* @__PURE__ */ Y("span", {
|
|
3260
3199
|
className: "flex-1 truncate",
|
|
3261
3200
|
children: t.find((t) => t.value === e.field)?.label || e.field
|
|
3262
|
-
}), /* @__PURE__ */ (
|
|
3201
|
+
}), /* @__PURE__ */ Y("button", {
|
|
3263
3202
|
type: "button",
|
|
3264
3203
|
"data-testid": `uf-remove-field-${n}`,
|
|
3265
3204
|
className: "text-destructive hover:text-destructive/80 text-xs",
|
|
@@ -3272,7 +3211,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3272
3211
|
},
|
|
3273
3212
|
children: "✕"
|
|
3274
3213
|
})]
|
|
3275
|
-
}, e.field || n)), u.length > 0 ? /* @__PURE__ */
|
|
3214
|
+
}, e.field || n)), u.length > 0 ? /* @__PURE__ */ X("select", {
|
|
3276
3215
|
"data-testid": "uf-add-field",
|
|
3277
3216
|
className: "text-xs h-6 w-full border rounded px-1",
|
|
3278
3217
|
value: "",
|
|
@@ -3284,27 +3223,27 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3284
3223
|
fields: [...c, t]
|
|
3285
3224
|
}), e.target.value = "";
|
|
3286
3225
|
},
|
|
3287
|
-
children: [/* @__PURE__ */ (
|
|
3226
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3288
3227
|
value: "",
|
|
3289
3228
|
children: e("console.objectView.ufAddField")
|
|
3290
|
-
}), u.filter((e) => !c.some((t) => t.field === e)).map((e) => /* @__PURE__ */ (
|
|
3229
|
+
}), u.filter((e) => !c.some((t) => t.field === e)).map((e) => /* @__PURE__ */ Y("option", {
|
|
3291
3230
|
value: e,
|
|
3292
3231
|
children: t.find((t) => t.value === e)?.label || e
|
|
3293
3232
|
}, e))]
|
|
3294
|
-
}) : /* @__PURE__ */ (
|
|
3233
|
+
}) : /* @__PURE__ */ Y("span", {
|
|
3295
3234
|
className: "text-xs text-muted-foreground",
|
|
3296
3235
|
children: e("console.objectView.ufNoFields")
|
|
3297
3236
|
})]
|
|
3298
3237
|
}),
|
|
3299
|
-
s === "tabs" && /* @__PURE__ */
|
|
3238
|
+
s === "tabs" && /* @__PURE__ */ X("div", {
|
|
3300
3239
|
"data-testid": "uf-tabs-section",
|
|
3301
3240
|
className: "space-y-1",
|
|
3302
3241
|
children: [
|
|
3303
|
-
l.map((t, n) => /* @__PURE__ */
|
|
3242
|
+
l.map((t, n) => /* @__PURE__ */ X("div", {
|
|
3304
3243
|
"data-testid": `uf-tab-${n}`,
|
|
3305
3244
|
className: "flex items-center gap-1 text-xs",
|
|
3306
3245
|
children: [
|
|
3307
|
-
/* @__PURE__ */ (
|
|
3246
|
+
/* @__PURE__ */ Y(M, {
|
|
3308
3247
|
"data-testid": `uf-tab-label-${n}`,
|
|
3309
3248
|
className: "h-6 text-xs flex-1",
|
|
3310
3249
|
value: t.label || "",
|
|
@@ -3320,7 +3259,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3320
3259
|
});
|
|
3321
3260
|
}
|
|
3322
3261
|
}),
|
|
3323
|
-
/* @__PURE__ */ (
|
|
3262
|
+
/* @__PURE__ */ Y(g, {
|
|
3324
3263
|
"data-testid": `uf-tab-default-${n}`,
|
|
3325
3264
|
checked: t.default === !0,
|
|
3326
3265
|
onCheckedChange: (e) => {
|
|
@@ -3335,7 +3274,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3335
3274
|
},
|
|
3336
3275
|
className: "h-3.5 w-3.5"
|
|
3337
3276
|
}),
|
|
3338
|
-
/* @__PURE__ */ (
|
|
3277
|
+
/* @__PURE__ */ Y("button", {
|
|
3339
3278
|
type: "button",
|
|
3340
3279
|
"data-testid": `uf-remove-tab-${n}`,
|
|
3341
3280
|
className: "text-destructive hover:text-destructive/80 text-xs",
|
|
@@ -3350,7 +3289,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3350
3289
|
})
|
|
3351
3290
|
]
|
|
3352
3291
|
}, t.id || n)),
|
|
3353
|
-
/* @__PURE__ */ (
|
|
3292
|
+
/* @__PURE__ */ Y("button", {
|
|
3354
3293
|
type: "button",
|
|
3355
3294
|
"data-testid": "uf-add-tab",
|
|
3356
3295
|
className: "text-xs text-primary hover:underline",
|
|
@@ -3368,9 +3307,9 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3368
3307
|
},
|
|
3369
3308
|
children: e("console.objectView.ufAddTab")
|
|
3370
3309
|
}),
|
|
3371
|
-
/* @__PURE__ */
|
|
3310
|
+
/* @__PURE__ */ X("div", {
|
|
3372
3311
|
className: "flex items-center gap-2 pt-1",
|
|
3373
|
-
children: [/* @__PURE__ */ (
|
|
3312
|
+
children: [/* @__PURE__ */ Y(g, {
|
|
3374
3313
|
"data-testid": "uf-show-all-records",
|
|
3375
3314
|
checked: o.showAllRecords !== !1,
|
|
3376
3315
|
onCheckedChange: (e) => {
|
|
@@ -3380,14 +3319,14 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3380
3319
|
});
|
|
3381
3320
|
},
|
|
3382
3321
|
className: "h-3.5 w-3.5"
|
|
3383
|
-
}), /* @__PURE__ */ (
|
|
3322
|
+
}), /* @__PURE__ */ Y("span", {
|
|
3384
3323
|
className: "text-xs",
|
|
3385
3324
|
children: e("console.objectView.ufShowAllRecords")
|
|
3386
3325
|
})]
|
|
3387
3326
|
}),
|
|
3388
|
-
/* @__PURE__ */
|
|
3327
|
+
/* @__PURE__ */ X("div", {
|
|
3389
3328
|
className: "flex items-center gap-2",
|
|
3390
|
-
children: [/* @__PURE__ */ (
|
|
3329
|
+
children: [/* @__PURE__ */ Y(g, {
|
|
3391
3330
|
"data-testid": "uf-allow-add-tab",
|
|
3392
3331
|
checked: o.allowAddTab === !0,
|
|
3393
3332
|
onCheckedChange: (e) => {
|
|
@@ -3397,7 +3336,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3397
3336
|
});
|
|
3398
3337
|
},
|
|
3399
3338
|
className: "h-3.5 w-3.5"
|
|
3400
|
-
}), /* @__PURE__ */ (
|
|
3339
|
+
}), /* @__PURE__ */ Y("span", {
|
|
3401
3340
|
className: "text-xs",
|
|
3402
3341
|
children: e("console.objectView.ufAllowAddTab")
|
|
3403
3342
|
})]
|
|
@@ -3421,153 +3360,153 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3421
3360
|
[t]: n
|
|
3422
3361
|
});
|
|
3423
3362
|
};
|
|
3424
|
-
return o === "grid" ? /* @__PURE__ */ (
|
|
3363
|
+
return o === "grid" ? /* @__PURE__ */ Y("div", {
|
|
3425
3364
|
"data-testid": "type-options-section",
|
|
3426
3365
|
className: "hidden"
|
|
3427
|
-
}) : /* @__PURE__ */
|
|
3366
|
+
}) : /* @__PURE__ */ X("div", {
|
|
3428
3367
|
"data-testid": "type-options-section",
|
|
3429
3368
|
className: "pt-1 space-y-2",
|
|
3430
3369
|
children: [
|
|
3431
|
-
o === "kanban" && /* @__PURE__ */
|
|
3370
|
+
o === "kanban" && /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("span", {
|
|
3432
3371
|
className: "text-xs text-muted-foreground",
|
|
3433
3372
|
children: e("console.objectView.groupByField")
|
|
3434
|
-
}), /* @__PURE__ */
|
|
3373
|
+
}), /* @__PURE__ */ X("select", {
|
|
3435
3374
|
"data-testid": "type-opt-kanban-groupByField",
|
|
3436
3375
|
className: "w-full text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground mt-1",
|
|
3437
3376
|
value: a.kanban?.groupByField || a.kanban?.groupField || "",
|
|
3438
3377
|
onChange: (e) => s("kanban", "groupByField", e.target.value),
|
|
3439
|
-
children: [/* @__PURE__ */ (
|
|
3378
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3440
3379
|
value: "",
|
|
3441
3380
|
children: e("console.objectView.selectField")
|
|
3442
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3381
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3443
3382
|
value: e.value,
|
|
3444
3383
|
children: e.label
|
|
3445
3384
|
}, e.value))]
|
|
3446
3385
|
})] }),
|
|
3447
|
-
o === "calendar" && /* @__PURE__ */
|
|
3448
|
-
/* @__PURE__ */
|
|
3386
|
+
o === "calendar" && /* @__PURE__ */ X(J, { children: [
|
|
3387
|
+
/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("span", {
|
|
3449
3388
|
className: "text-xs text-muted-foreground",
|
|
3450
3389
|
children: e("console.objectView.startDateField")
|
|
3451
|
-
}), /* @__PURE__ */
|
|
3390
|
+
}), /* @__PURE__ */ X("select", {
|
|
3452
3391
|
"data-testid": "type-opt-calendar-startDateField",
|
|
3453
3392
|
className: "w-full text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground mt-1",
|
|
3454
3393
|
value: a.calendar?.startDateField || "",
|
|
3455
3394
|
onChange: (e) => s("calendar", "startDateField", e.target.value),
|
|
3456
|
-
children: [/* @__PURE__ */ (
|
|
3395
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3457
3396
|
value: "",
|
|
3458
3397
|
children: e("console.objectView.selectField")
|
|
3459
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3398
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3460
3399
|
value: e.value,
|
|
3461
3400
|
children: e.label
|
|
3462
3401
|
}, e.value))]
|
|
3463
3402
|
})] }),
|
|
3464
|
-
/* @__PURE__ */
|
|
3403
|
+
/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("span", {
|
|
3465
3404
|
className: "text-xs text-muted-foreground",
|
|
3466
3405
|
children: e("console.objectView.endDateField")
|
|
3467
|
-
}), /* @__PURE__ */
|
|
3406
|
+
}), /* @__PURE__ */ X("select", {
|
|
3468
3407
|
"data-testid": "type-opt-calendar-endDateField",
|
|
3469
3408
|
className: "w-full text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground mt-1",
|
|
3470
3409
|
value: a.calendar?.endDateField || "",
|
|
3471
3410
|
onChange: (e) => s("calendar", "endDateField", e.target.value),
|
|
3472
|
-
children: [/* @__PURE__ */ (
|
|
3411
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3473
3412
|
value: "",
|
|
3474
3413
|
children: e("console.objectView.selectField")
|
|
3475
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3414
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3476
3415
|
value: e.value,
|
|
3477
3416
|
children: e.label
|
|
3478
3417
|
}, e.value))]
|
|
3479
3418
|
})] }),
|
|
3480
|
-
/* @__PURE__ */
|
|
3419
|
+
/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("span", {
|
|
3481
3420
|
className: "text-xs text-muted-foreground",
|
|
3482
3421
|
children: e("console.objectView.titleField")
|
|
3483
|
-
}), /* @__PURE__ */
|
|
3422
|
+
}), /* @__PURE__ */ X("select", {
|
|
3484
3423
|
"data-testid": "type-opt-calendar-titleField",
|
|
3485
3424
|
className: "w-full text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground mt-1",
|
|
3486
3425
|
value: a.calendar?.titleField || "",
|
|
3487
3426
|
onChange: (e) => s("calendar", "titleField", e.target.value),
|
|
3488
|
-
children: [/* @__PURE__ */ (
|
|
3427
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3489
3428
|
value: "",
|
|
3490
3429
|
children: e("console.objectView.selectField")
|
|
3491
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3430
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3492
3431
|
value: e.value,
|
|
3493
3432
|
children: e.label
|
|
3494
3433
|
}, e.value))]
|
|
3495
3434
|
})] })
|
|
3496
3435
|
] }),
|
|
3497
|
-
o === "map" && /* @__PURE__ */
|
|
3436
|
+
o === "map" && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("span", {
|
|
3498
3437
|
className: "text-xs text-muted-foreground",
|
|
3499
3438
|
children: e("console.objectView.latitudeField")
|
|
3500
|
-
}), /* @__PURE__ */
|
|
3439
|
+
}), /* @__PURE__ */ X("select", {
|
|
3501
3440
|
"data-testid": "type-opt-map-latitudeField",
|
|
3502
3441
|
className: "w-full text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground mt-1",
|
|
3503
3442
|
value: a.map?.latitudeField || "",
|
|
3504
3443
|
onChange: (e) => s("map", "latitudeField", e.target.value),
|
|
3505
|
-
children: [/* @__PURE__ */ (
|
|
3444
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3506
3445
|
value: "",
|
|
3507
3446
|
children: e("console.objectView.selectField")
|
|
3508
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3447
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3509
3448
|
value: e.value,
|
|
3510
3449
|
children: e.label
|
|
3511
3450
|
}, e.value))]
|
|
3512
|
-
})] }), /* @__PURE__ */
|
|
3451
|
+
})] }), /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("span", {
|
|
3513
3452
|
className: "text-xs text-muted-foreground",
|
|
3514
3453
|
children: e("console.objectView.longitudeField")
|
|
3515
|
-
}), /* @__PURE__ */
|
|
3454
|
+
}), /* @__PURE__ */ X("select", {
|
|
3516
3455
|
"data-testid": "type-opt-map-longitudeField",
|
|
3517
3456
|
className: "w-full text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground mt-1",
|
|
3518
3457
|
value: a.map?.longitudeField || "",
|
|
3519
3458
|
onChange: (e) => s("map", "longitudeField", e.target.value),
|
|
3520
|
-
children: [/* @__PURE__ */ (
|
|
3459
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3521
3460
|
value: "",
|
|
3522
3461
|
children: e("console.objectView.selectField")
|
|
3523
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3462
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3524
3463
|
value: e.value,
|
|
3525
3464
|
children: e.label
|
|
3526
3465
|
}, e.value))]
|
|
3527
3466
|
})] })] }),
|
|
3528
|
-
o === "gallery" && /* @__PURE__ */
|
|
3467
|
+
o === "gallery" && /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("span", {
|
|
3529
3468
|
className: "text-xs text-muted-foreground",
|
|
3530
3469
|
children: e("console.objectView.imageField")
|
|
3531
|
-
}), /* @__PURE__ */
|
|
3470
|
+
}), /* @__PURE__ */ X("select", {
|
|
3532
3471
|
"data-testid": "type-opt-gallery-imageField",
|
|
3533
3472
|
className: "w-full text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground mt-1",
|
|
3534
3473
|
value: a.gallery?.imageField || "",
|
|
3535
3474
|
onChange: (e) => s("gallery", "imageField", e.target.value),
|
|
3536
|
-
children: [/* @__PURE__ */ (
|
|
3475
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3537
3476
|
value: "",
|
|
3538
3477
|
children: e("console.objectView.selectField")
|
|
3539
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3478
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3540
3479
|
value: e.value,
|
|
3541
3480
|
children: e.label
|
|
3542
3481
|
}, e.value))]
|
|
3543
3482
|
})] }),
|
|
3544
|
-
(o === "timeline" || o === "gantt") && /* @__PURE__ */
|
|
3483
|
+
(o === "timeline" || o === "gantt") && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("span", {
|
|
3545
3484
|
className: "text-xs text-muted-foreground",
|
|
3546
3485
|
children: e("console.objectView.dateField")
|
|
3547
|
-
}), /* @__PURE__ */
|
|
3486
|
+
}), /* @__PURE__ */ X("select", {
|
|
3548
3487
|
"data-testid": `type-opt-${o}-dateField`,
|
|
3549
3488
|
className: "w-full text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground mt-1",
|
|
3550
3489
|
value: a[o]?.dateField || a[o]?.startDateField || "",
|
|
3551
3490
|
onChange: (e) => s(o, "dateField", e.target.value),
|
|
3552
|
-
children: [/* @__PURE__ */ (
|
|
3491
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3553
3492
|
value: "",
|
|
3554
3493
|
children: e("console.objectView.selectField")
|
|
3555
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3494
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3556
3495
|
value: e.value,
|
|
3557
3496
|
children: e.label
|
|
3558
3497
|
}, e.value))]
|
|
3559
|
-
})] }), /* @__PURE__ */
|
|
3498
|
+
})] }), /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("span", {
|
|
3560
3499
|
className: "text-xs text-muted-foreground",
|
|
3561
3500
|
children: e("console.objectView.titleField")
|
|
3562
|
-
}), /* @__PURE__ */
|
|
3501
|
+
}), /* @__PURE__ */ X("select", {
|
|
3563
3502
|
"data-testid": `type-opt-${o}-titleField`,
|
|
3564
3503
|
className: "w-full text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground mt-1",
|
|
3565
3504
|
value: a[o]?.titleField || "",
|
|
3566
3505
|
onChange: (e) => s(o, "titleField", e.target.value),
|
|
3567
|
-
children: [/* @__PURE__ */ (
|
|
3506
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3568
3507
|
value: "",
|
|
3569
3508
|
children: e("console.objectView.selectField")
|
|
3570
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3509
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3571
3510
|
value: e.value,
|
|
3572
3511
|
children: e.label
|
|
3573
3512
|
}, e.value))]
|
|
@@ -3579,7 +3518,7 @@ function Pn(e, t, n, r, i, a, o) {
|
|
|
3579
3518
|
]
|
|
3580
3519
|
};
|
|
3581
3520
|
}
|
|
3582
|
-
function
|
|
3521
|
+
function jn(e, t, n, r) {
|
|
3583
3522
|
return {
|
|
3584
3523
|
key: "appearance",
|
|
3585
3524
|
title: e("console.objectView.appearance"),
|
|
@@ -3592,18 +3531,18 @@ function Fn(e, t, n, r) {
|
|
|
3592
3531
|
key: "color",
|
|
3593
3532
|
label: e("console.objectView.color"),
|
|
3594
3533
|
type: "custom",
|
|
3595
|
-
visibleWhen:
|
|
3596
|
-
render: (n, r) => /* @__PURE__ */ (
|
|
3534
|
+
visibleWhen: bn,
|
|
3535
|
+
render: (n, r) => /* @__PURE__ */ Y(_, {
|
|
3597
3536
|
label: e("console.objectView.color"),
|
|
3598
|
-
children: /* @__PURE__ */
|
|
3537
|
+
children: /* @__PURE__ */ X("select", {
|
|
3599
3538
|
"data-testid": "appearance-color",
|
|
3600
3539
|
className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground max-w-[120px]",
|
|
3601
3540
|
value: n || "",
|
|
3602
3541
|
onChange: (e) => r(e.target.value),
|
|
3603
|
-
children: [/* @__PURE__ */ (
|
|
3542
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3604
3543
|
value: "",
|
|
3605
3544
|
children: e("console.objectView.none")
|
|
3606
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3545
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3607
3546
|
value: e.value,
|
|
3608
3547
|
children: e.label
|
|
3609
3548
|
}, e.value))]
|
|
@@ -3618,14 +3557,14 @@ function Fn(e, t, n, r) {
|
|
|
3618
3557
|
label: e("console.objectView.rowHeight"),
|
|
3619
3558
|
type: "custom",
|
|
3620
3559
|
visibleWhen: Q,
|
|
3621
|
-
render: (t, n) => /* @__PURE__ */ (
|
|
3560
|
+
render: (t, n) => /* @__PURE__ */ Y(_, {
|
|
3622
3561
|
label: e("console.objectView.rowHeight"),
|
|
3623
|
-
children: /* @__PURE__ */ (
|
|
3562
|
+
children: /* @__PURE__ */ Y("div", {
|
|
3624
3563
|
className: "flex gap-0.5",
|
|
3625
3564
|
"data-testid": "appearance-rowHeight",
|
|
3626
3565
|
role: "radiogroup",
|
|
3627
3566
|
"aria-label": e("console.objectView.rowHeight"),
|
|
3628
|
-
children:
|
|
3567
|
+
children: un.map((e) => /* @__PURE__ */ Y("button", {
|
|
3629
3568
|
type: "button",
|
|
3630
3569
|
role: "radio",
|
|
3631
3570
|
"aria-checked": (t || "compact") === e.value,
|
|
@@ -3634,12 +3573,12 @@ function Fn(e, t, n, r) {
|
|
|
3634
3573
|
className: `h-7 w-7 rounded border flex items-center justify-center ${(t || "compact") === e.value ? "border-primary bg-primary/10 text-primary" : "border-input text-muted-foreground hover:bg-accent/50"}`,
|
|
3635
3574
|
onClick: () => n(e.value),
|
|
3636
3575
|
title: e.value,
|
|
3637
|
-
children: /* @__PURE__ */
|
|
3576
|
+
children: /* @__PURE__ */ X("div", {
|
|
3638
3577
|
className: `flex flex-col items-center justify-center w-4 h-4 ${e.gapClass}`,
|
|
3639
3578
|
children: [
|
|
3640
|
-
/* @__PURE__ */ (
|
|
3641
|
-
/* @__PURE__ */ (
|
|
3642
|
-
/* @__PURE__ */ (
|
|
3579
|
+
/* @__PURE__ */ Y("div", { className: "w-3.5 h-px bg-current rounded-full" }),
|
|
3580
|
+
/* @__PURE__ */ Y("div", { className: "w-3.5 h-px bg-current rounded-full" }),
|
|
3581
|
+
/* @__PURE__ */ Y("div", { className: "w-3.5 h-px bg-current rounded-full" })
|
|
3643
3582
|
]
|
|
3644
3583
|
})
|
|
3645
3584
|
}, e.value))
|
|
@@ -3650,20 +3589,20 @@ function Fn(e, t, n, r) {
|
|
|
3650
3589
|
key: "_conditionalFormatting",
|
|
3651
3590
|
label: e("console.objectView.conditionalFormatting"),
|
|
3652
3591
|
type: "custom",
|
|
3653
|
-
visibleWhen:
|
|
3654
|
-
render: (n, i, a) => /* @__PURE__ */ (
|
|
3655
|
-
renderSummary: (t) => /* @__PURE__ */ (
|
|
3592
|
+
visibleWhen: xn,
|
|
3593
|
+
render: (n, i, a) => /* @__PURE__ */ Y(Z, {
|
|
3594
|
+
renderSummary: (t) => /* @__PURE__ */ Y(_, {
|
|
3656
3595
|
label: e("console.objectView.conditionalFormatting"),
|
|
3657
3596
|
value: `${(a.conditionalFormatting || []).length} rules`,
|
|
3658
3597
|
onClick: t
|
|
3659
3598
|
}),
|
|
3660
|
-
children: /* @__PURE__ */
|
|
3599
|
+
children: /* @__PURE__ */ X("div", {
|
|
3661
3600
|
"data-testid": "conditional-formatting-editor",
|
|
3662
3601
|
className: "pb-2 space-y-1",
|
|
3663
|
-
children: [(a.conditionalFormatting || []).map((e, n) => /* @__PURE__ */
|
|
3602
|
+
children: [(a.conditionalFormatting || []).map((e, n) => /* @__PURE__ */ X("div", {
|
|
3664
3603
|
className: "flex items-center gap-1 text-xs border rounded p-1",
|
|
3665
3604
|
children: [
|
|
3666
|
-
/* @__PURE__ */
|
|
3605
|
+
/* @__PURE__ */ X("select", {
|
|
3667
3606
|
"data-testid": `cf-field-${n}`,
|
|
3668
3607
|
className: "text-xs h-6 rounded border border-input bg-background px-1 flex-1",
|
|
3669
3608
|
value: e.field || "",
|
|
@@ -3674,15 +3613,15 @@ function Fn(e, t, n, r) {
|
|
|
3674
3613
|
field: e.target.value
|
|
3675
3614
|
}, r("conditionalFormatting", t);
|
|
3676
3615
|
},
|
|
3677
|
-
children: [/* @__PURE__ */ (
|
|
3616
|
+
children: [/* @__PURE__ */ Y("option", {
|
|
3678
3617
|
value: "",
|
|
3679
3618
|
children: "Field"
|
|
3680
|
-
}), t.map((e) => /* @__PURE__ */ (
|
|
3619
|
+
}), t.map((e) => /* @__PURE__ */ Y("option", {
|
|
3681
3620
|
value: e.value,
|
|
3682
3621
|
children: e.label
|
|
3683
3622
|
}, e.value))]
|
|
3684
3623
|
}),
|
|
3685
|
-
/* @__PURE__ */
|
|
3624
|
+
/* @__PURE__ */ X("select", {
|
|
3686
3625
|
"data-testid": `cf-operator-${n}`,
|
|
3687
3626
|
className: "text-xs h-6 rounded border border-input bg-background px-1",
|
|
3688
3627
|
value: e.operator || "equals",
|
|
@@ -3694,33 +3633,33 @@ function Fn(e, t, n, r) {
|
|
|
3694
3633
|
}, r("conditionalFormatting", t);
|
|
3695
3634
|
},
|
|
3696
3635
|
children: [
|
|
3697
|
-
/* @__PURE__ */ (
|
|
3636
|
+
/* @__PURE__ */ Y("option", {
|
|
3698
3637
|
value: "equals",
|
|
3699
3638
|
children: "="
|
|
3700
3639
|
}),
|
|
3701
|
-
/* @__PURE__ */ (
|
|
3640
|
+
/* @__PURE__ */ Y("option", {
|
|
3702
3641
|
value: "not_equals",
|
|
3703
3642
|
children: "≠"
|
|
3704
3643
|
}),
|
|
3705
|
-
/* @__PURE__ */ (
|
|
3644
|
+
/* @__PURE__ */ Y("option", {
|
|
3706
3645
|
value: "contains",
|
|
3707
3646
|
children: "contains"
|
|
3708
3647
|
}),
|
|
3709
|
-
/* @__PURE__ */ (
|
|
3648
|
+
/* @__PURE__ */ Y("option", {
|
|
3710
3649
|
value: "greater_than",
|
|
3711
3650
|
children: ">"
|
|
3712
3651
|
}),
|
|
3713
|
-
/* @__PURE__ */ (
|
|
3652
|
+
/* @__PURE__ */ Y("option", {
|
|
3714
3653
|
value: "less_than",
|
|
3715
3654
|
children: "<"
|
|
3716
3655
|
}),
|
|
3717
|
-
/* @__PURE__ */ (
|
|
3656
|
+
/* @__PURE__ */ Y("option", {
|
|
3718
3657
|
value: "in",
|
|
3719
3658
|
children: "in"
|
|
3720
3659
|
})
|
|
3721
3660
|
]
|
|
3722
3661
|
}),
|
|
3723
|
-
/* @__PURE__ */ (
|
|
3662
|
+
/* @__PURE__ */ Y(M, {
|
|
3724
3663
|
"data-testid": `cf-value-${n}`,
|
|
3725
3664
|
className: "h-6 text-xs w-16",
|
|
3726
3665
|
value: String(e.value ?? ""),
|
|
@@ -3733,7 +3672,7 @@ function Fn(e, t, n, r) {
|
|
|
3733
3672
|
}, r("conditionalFormatting", t);
|
|
3734
3673
|
}
|
|
3735
3674
|
}),
|
|
3736
|
-
/* @__PURE__ */ (
|
|
3675
|
+
/* @__PURE__ */ Y("button", {
|
|
3737
3676
|
type: "button",
|
|
3738
3677
|
className: "text-destructive hover:text-destructive/80 text-xs",
|
|
3739
3678
|
onClick: () => {
|
|
@@ -3742,7 +3681,7 @@ function Fn(e, t, n, r) {
|
|
|
3742
3681
|
children: "✕"
|
|
3743
3682
|
})
|
|
3744
3683
|
]
|
|
3745
|
-
}, n)), /* @__PURE__ */
|
|
3684
|
+
}, n)), /* @__PURE__ */ X("button", {
|
|
3746
3685
|
type: "button",
|
|
3747
3686
|
"data-testid": "add-conditional-rule",
|
|
3748
3687
|
className: "text-xs text-primary hover:underline",
|
|
@@ -3763,10 +3702,10 @@ function Fn(e, t, n, r) {
|
|
|
3763
3702
|
key: "_emptyState",
|
|
3764
3703
|
label: "Empty state",
|
|
3765
3704
|
type: "custom",
|
|
3766
|
-
render: (t, n, i) => /* @__PURE__ */
|
|
3767
|
-
/* @__PURE__ */ (
|
|
3705
|
+
render: (t, n, i) => /* @__PURE__ */ X(J, { children: [
|
|
3706
|
+
/* @__PURE__ */ Y(_, {
|
|
3768
3707
|
label: e("console.objectView.emptyStateTitle"),
|
|
3769
|
-
children: /* @__PURE__ */ (
|
|
3708
|
+
children: /* @__PURE__ */ Y(M, {
|
|
3770
3709
|
"data-testid": "input-emptyState-title",
|
|
3771
3710
|
className: "h-7 text-xs w-28 text-right",
|
|
3772
3711
|
value: i.emptyState?.title ?? "",
|
|
@@ -3776,9 +3715,9 @@ function Fn(e, t, n, r) {
|
|
|
3776
3715
|
})
|
|
3777
3716
|
})
|
|
3778
3717
|
}),
|
|
3779
|
-
/* @__PURE__ */ (
|
|
3718
|
+
/* @__PURE__ */ Y(_, {
|
|
3780
3719
|
label: e("console.objectView.emptyStateMessage"),
|
|
3781
|
-
children: /* @__PURE__ */ (
|
|
3720
|
+
children: /* @__PURE__ */ Y(M, {
|
|
3782
3721
|
"data-testid": "input-emptyState-message",
|
|
3783
3722
|
className: "h-7 text-xs w-28 text-right",
|
|
3784
3723
|
value: i.emptyState?.message ?? "",
|
|
@@ -3788,9 +3727,9 @@ function Fn(e, t, n, r) {
|
|
|
3788
3727
|
})
|
|
3789
3728
|
})
|
|
3790
3729
|
}),
|
|
3791
|
-
/* @__PURE__ */ (
|
|
3730
|
+
/* @__PURE__ */ Y(_, {
|
|
3792
3731
|
label: e("console.objectView.emptyStateIcon"),
|
|
3793
|
-
children: /* @__PURE__ */ (
|
|
3732
|
+
children: /* @__PURE__ */ Y(M, {
|
|
3794
3733
|
"data-testid": "input-emptyState-icon",
|
|
3795
3734
|
className: "h-7 text-xs w-28 text-right",
|
|
3796
3735
|
value: i.emptyState?.icon ?? "",
|
|
@@ -3805,7 +3744,7 @@ function Fn(e, t, n, r) {
|
|
|
3805
3744
|
]
|
|
3806
3745
|
};
|
|
3807
3746
|
}
|
|
3808
|
-
function
|
|
3747
|
+
function Mn(e, t) {
|
|
3809
3748
|
return {
|
|
3810
3749
|
key: "userActions",
|
|
3811
3750
|
title: e("console.objectView.userActions"),
|
|
@@ -3818,23 +3757,23 @@ function In(e, t) {
|
|
|
3818
3757
|
key: "_rowActions",
|
|
3819
3758
|
label: e("console.objectView.rowActions"),
|
|
3820
3759
|
type: "custom",
|
|
3821
|
-
visibleWhen:
|
|
3822
|
-
render: (n, r, i) => /* @__PURE__ */ (
|
|
3823
|
-
renderSummary: (t) => /* @__PURE__ */ (
|
|
3760
|
+
visibleWhen: Sn,
|
|
3761
|
+
render: (n, r, i) => /* @__PURE__ */ Y(Z, {
|
|
3762
|
+
renderSummary: (t) => /* @__PURE__ */ Y(_, {
|
|
3824
3763
|
label: e("console.objectView.rowActions"),
|
|
3825
3764
|
value: `${(i.rowActions || []).length} actions`,
|
|
3826
3765
|
onClick: t
|
|
3827
3766
|
}),
|
|
3828
|
-
children: /* @__PURE__ */ (
|
|
3767
|
+
children: /* @__PURE__ */ Y("div", {
|
|
3829
3768
|
"data-testid": "row-actions-selector",
|
|
3830
3769
|
className: "pb-2 space-y-0.5 max-h-36 overflow-auto",
|
|
3831
|
-
children: /* @__PURE__ */ (
|
|
3770
|
+
children: /* @__PURE__ */ Y(M, {
|
|
3832
3771
|
"data-testid": "input-rowActions",
|
|
3833
3772
|
className: "h-7 text-xs w-full",
|
|
3834
3773
|
value: (i.rowActions || []).join(", "),
|
|
3835
3774
|
placeholder: "edit, delete, duplicate",
|
|
3836
3775
|
onChange: (e) => {
|
|
3837
|
-
t("rowActions",
|
|
3776
|
+
t("rowActions", on(e.target.value));
|
|
3838
3777
|
}
|
|
3839
3778
|
})
|
|
3840
3779
|
})
|
|
@@ -3844,23 +3783,23 @@ function In(e, t) {
|
|
|
3844
3783
|
key: "_bulkActions",
|
|
3845
3784
|
label: e("console.objectView.bulkActions"),
|
|
3846
3785
|
type: "custom",
|
|
3847
|
-
visibleWhen:
|
|
3848
|
-
render: (n, r, i) => /* @__PURE__ */ (
|
|
3849
|
-
renderSummary: (t) => /* @__PURE__ */ (
|
|
3786
|
+
visibleWhen: Sn,
|
|
3787
|
+
render: (n, r, i) => /* @__PURE__ */ Y(Z, {
|
|
3788
|
+
renderSummary: (t) => /* @__PURE__ */ Y(_, {
|
|
3850
3789
|
label: e("console.objectView.bulkActions"),
|
|
3851
3790
|
value: `${(i.bulkActions || []).length} actions`,
|
|
3852
3791
|
onClick: t
|
|
3853
3792
|
}),
|
|
3854
|
-
children: /* @__PURE__ */ (
|
|
3793
|
+
children: /* @__PURE__ */ Y("div", {
|
|
3855
3794
|
"data-testid": "bulk-actions-selector",
|
|
3856
3795
|
className: "pb-2 space-y-0.5 max-h-36 overflow-auto",
|
|
3857
|
-
children: /* @__PURE__ */ (
|
|
3796
|
+
children: /* @__PURE__ */ Y(M, {
|
|
3858
3797
|
"data-testid": "input-bulkActions",
|
|
3859
3798
|
className: "h-7 text-xs w-full",
|
|
3860
3799
|
value: (i.bulkActions || []).join(", "),
|
|
3861
3800
|
placeholder: "delete, export, assign",
|
|
3862
3801
|
onChange: (e) => {
|
|
3863
|
-
t("bulkActions",
|
|
3802
|
+
t("bulkActions", on(e.target.value));
|
|
3864
3803
|
}
|
|
3865
3804
|
})
|
|
3866
3805
|
})
|
|
@@ -3869,7 +3808,7 @@ function In(e, t) {
|
|
|
3869
3808
|
]
|
|
3870
3809
|
};
|
|
3871
3810
|
}
|
|
3872
|
-
function
|
|
3811
|
+
function Nn(e, t) {
|
|
3873
3812
|
return {
|
|
3874
3813
|
key: "sharing",
|
|
3875
3814
|
title: e("console.objectView.sharing"),
|
|
@@ -3879,9 +3818,9 @@ function Ln(e, t) {
|
|
|
3879
3818
|
key: "_sharingEnabled",
|
|
3880
3819
|
label: e("console.objectView.sharingEnabled"),
|
|
3881
3820
|
type: "custom",
|
|
3882
|
-
render: (n, r, i) => /* @__PURE__ */ (
|
|
3821
|
+
render: (n, r, i) => /* @__PURE__ */ Y(_, {
|
|
3883
3822
|
label: e("console.objectView.sharingEnabled"),
|
|
3884
|
-
children: /* @__PURE__ */ (
|
|
3823
|
+
children: /* @__PURE__ */ Y(B, {
|
|
3885
3824
|
"data-testid": "toggle-sharing-enabled",
|
|
3886
3825
|
checked: i.sharing?.enabled === !0,
|
|
3887
3826
|
onCheckedChange: (e) => t("sharing", {
|
|
@@ -3896,9 +3835,9 @@ function Ln(e, t) {
|
|
|
3896
3835
|
label: e("console.objectView.sharingVisibility"),
|
|
3897
3836
|
type: "custom",
|
|
3898
3837
|
visibleWhen: (e) => e.sharing?.enabled === !0,
|
|
3899
|
-
render: (n, r, i) => /* @__PURE__ */ (
|
|
3838
|
+
render: (n, r, i) => /* @__PURE__ */ Y(_, {
|
|
3900
3839
|
label: e("console.objectView.sharingVisibility"),
|
|
3901
|
-
children: /* @__PURE__ */
|
|
3840
|
+
children: /* @__PURE__ */ X("select", {
|
|
3902
3841
|
"data-testid": "select-sharing-visibility",
|
|
3903
3842
|
className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground max-w-[120px]",
|
|
3904
3843
|
value: i.sharing?.visibility || "private",
|
|
@@ -3908,19 +3847,19 @@ function Ln(e, t) {
|
|
|
3908
3847
|
visibility: e.target.value
|
|
3909
3848
|
}),
|
|
3910
3849
|
children: [
|
|
3911
|
-
/* @__PURE__ */ (
|
|
3850
|
+
/* @__PURE__ */ Y("option", {
|
|
3912
3851
|
value: "private",
|
|
3913
3852
|
children: "Private"
|
|
3914
3853
|
}),
|
|
3915
|
-
/* @__PURE__ */ (
|
|
3854
|
+
/* @__PURE__ */ Y("option", {
|
|
3916
3855
|
value: "team",
|
|
3917
3856
|
children: "Team"
|
|
3918
3857
|
}),
|
|
3919
|
-
/* @__PURE__ */ (
|
|
3858
|
+
/* @__PURE__ */ Y("option", {
|
|
3920
3859
|
value: "organization",
|
|
3921
3860
|
children: "Organization"
|
|
3922
3861
|
}),
|
|
3923
|
-
/* @__PURE__ */ (
|
|
3862
|
+
/* @__PURE__ */ Y("option", {
|
|
3924
3863
|
value: "public",
|
|
3925
3864
|
children: "Public"
|
|
3926
3865
|
})
|
|
@@ -3930,7 +3869,7 @@ function Ln(e, t) {
|
|
|
3930
3869
|
}]
|
|
3931
3870
|
};
|
|
3932
3871
|
}
|
|
3933
|
-
function
|
|
3872
|
+
function Pn(e, t) {
|
|
3934
3873
|
return {
|
|
3935
3874
|
key: "accessibility",
|
|
3936
3875
|
title: e("console.objectView.accessibility"),
|
|
@@ -3941,9 +3880,9 @@ function Rn(e, t) {
|
|
|
3941
3880
|
key: "_ariaLabel",
|
|
3942
3881
|
label: e("console.objectView.ariaLabel"),
|
|
3943
3882
|
type: "custom",
|
|
3944
|
-
render: (n, r, i) => /* @__PURE__ */ (
|
|
3883
|
+
render: (n, r, i) => /* @__PURE__ */ Y(_, {
|
|
3945
3884
|
label: e("console.objectView.ariaLabel"),
|
|
3946
|
-
children: /* @__PURE__ */ (
|
|
3885
|
+
children: /* @__PURE__ */ Y(M, {
|
|
3947
3886
|
"data-testid": "input-aria-label",
|
|
3948
3887
|
className: "h-7 text-xs w-28 text-right",
|
|
3949
3888
|
value: i.aria?.label ?? "",
|
|
@@ -3958,9 +3897,9 @@ function Rn(e, t) {
|
|
|
3958
3897
|
key: "_ariaDescribedBy",
|
|
3959
3898
|
label: e("console.objectView.ariaDescribedBy"),
|
|
3960
3899
|
type: "custom",
|
|
3961
|
-
render: (n, r, i) => /* @__PURE__ */ (
|
|
3900
|
+
render: (n, r, i) => /* @__PURE__ */ Y(_, {
|
|
3962
3901
|
label: e("console.objectView.ariaDescribedBy"),
|
|
3963
|
-
children: /* @__PURE__ */ (
|
|
3902
|
+
children: /* @__PURE__ */ Y(M, {
|
|
3964
3903
|
"data-testid": "input-aria-describedBy",
|
|
3965
3904
|
className: "h-7 text-xs w-28 text-right",
|
|
3966
3905
|
value: i.aria?.describedBy ?? "",
|
|
@@ -3975,9 +3914,9 @@ function Rn(e, t) {
|
|
|
3975
3914
|
key: "_ariaLive",
|
|
3976
3915
|
label: e("console.objectView.ariaLive"),
|
|
3977
3916
|
type: "custom",
|
|
3978
|
-
render: (n, r, i) => /* @__PURE__ */ (
|
|
3917
|
+
render: (n, r, i) => /* @__PURE__ */ Y(_, {
|
|
3979
3918
|
label: e("console.objectView.ariaLive"),
|
|
3980
|
-
children: /* @__PURE__ */
|
|
3919
|
+
children: /* @__PURE__ */ X("select", {
|
|
3981
3920
|
"data-testid": "select-aria-live",
|
|
3982
3921
|
className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground max-w-[100px]",
|
|
3983
3922
|
value: i.aria?.live || "off",
|
|
@@ -3986,15 +3925,15 @@ function Rn(e, t) {
|
|
|
3986
3925
|
live: e.target.value
|
|
3987
3926
|
}),
|
|
3988
3927
|
children: [
|
|
3989
|
-
/* @__PURE__ */ (
|
|
3928
|
+
/* @__PURE__ */ Y("option", {
|
|
3990
3929
|
value: "off",
|
|
3991
3930
|
children: "Off"
|
|
3992
3931
|
}),
|
|
3993
|
-
/* @__PURE__ */ (
|
|
3932
|
+
/* @__PURE__ */ Y("option", {
|
|
3994
3933
|
value: "polite",
|
|
3995
3934
|
children: "Polite"
|
|
3996
3935
|
}),
|
|
3997
|
-
/* @__PURE__ */ (
|
|
3936
|
+
/* @__PURE__ */ Y("option", {
|
|
3998
3937
|
value: "assertive",
|
|
3999
3938
|
children: "Assertive"
|
|
4000
3939
|
})
|
|
@@ -4012,9 +3951,9 @@ function $(e, t, n, r = !1, i = !1, a, o) {
|
|
|
4012
3951
|
type: "custom",
|
|
4013
3952
|
disabledWhen: a,
|
|
4014
3953
|
visibleWhen: o,
|
|
4015
|
-
render: (e, o, s) => /* @__PURE__ */ (
|
|
3954
|
+
render: (e, o, s) => /* @__PURE__ */ Y(_, {
|
|
4016
3955
|
label: t,
|
|
4017
|
-
children: /* @__PURE__ */ (
|
|
3956
|
+
children: /* @__PURE__ */ Y(B, {
|
|
4018
3957
|
"data-testid": n,
|
|
4019
3958
|
checked: i ? e === !0 : r ? e !== !1 : !!e,
|
|
4020
3959
|
disabled: a ? a(s) : !1,
|
|
@@ -4024,24 +3963,24 @@ function $(e, t, n, r = !1, i = !1, a, o) {
|
|
|
4024
3963
|
})
|
|
4025
3964
|
};
|
|
4026
3965
|
}
|
|
4027
|
-
function
|
|
3966
|
+
function Fn(e, t, n, r, i, a, o, s) {
|
|
4028
3967
|
return {
|
|
4029
3968
|
key: `_${e}`,
|
|
4030
3969
|
label: t,
|
|
4031
3970
|
type: "custom",
|
|
4032
3971
|
visibleWhen: s,
|
|
4033
|
-
render: (s, c, l) => /* @__PURE__ */ (
|
|
4034
|
-
renderSummary: (n) => /* @__PURE__ */ (
|
|
3972
|
+
render: (s, c, l) => /* @__PURE__ */ Y(Z, {
|
|
3973
|
+
renderSummary: (n) => /* @__PURE__ */ Y(_, {
|
|
4035
3974
|
label: t,
|
|
4036
3975
|
value: `${(l[e] || []).length} ${o}`,
|
|
4037
3976
|
onClick: n
|
|
4038
3977
|
}),
|
|
4039
|
-
children: /* @__PURE__ */ (
|
|
3978
|
+
children: /* @__PURE__ */ Y("div", {
|
|
4040
3979
|
"data-testid": n,
|
|
4041
3980
|
className: "pb-2 space-y-0.5 max-h-36 overflow-auto",
|
|
4042
|
-
children: i.map((t) => /* @__PURE__ */
|
|
3981
|
+
children: i.map((t) => /* @__PURE__ */ X("label", {
|
|
4043
3982
|
className: "flex items-center gap-2 text-xs cursor-pointer hover:bg-accent/50 rounded-sm py-0.5 px-1 -mx-1",
|
|
4044
|
-
children: [/* @__PURE__ */ (
|
|
3983
|
+
children: [/* @__PURE__ */ Y(g, {
|
|
4045
3984
|
"data-testid": `${r}-${t.value}`,
|
|
4046
3985
|
checked: (l[e] || []).includes(t.value),
|
|
4047
3986
|
onCheckedChange: (n) => {
|
|
@@ -4049,7 +3988,7 @@ function zn(e, t, n, r, i, a, o, s) {
|
|
|
4049
3988
|
a(e, n ? [...r, t.value] : r.filter((e) => e !== t.value));
|
|
4050
3989
|
},
|
|
4051
3990
|
className: "h-3.5 w-3.5"
|
|
4052
|
-
}), /* @__PURE__ */ (
|
|
3991
|
+
}), /* @__PURE__ */ Y("span", {
|
|
4053
3992
|
className: "truncate",
|
|
4054
3993
|
children: t.label
|
|
4055
3994
|
})]
|
|
@@ -4060,11 +3999,11 @@ function zn(e, t, n, r, i, a, o, s) {
|
|
|
4060
3999
|
}
|
|
4061
4000
|
//#endregion
|
|
4062
4001
|
//#region src/index.tsx
|
|
4063
|
-
var
|
|
4002
|
+
var In = d, Ln = ({ schema: e }) => /* @__PURE__ */ Y(Mt, {
|
|
4064
4003
|
schema: e,
|
|
4065
|
-
dataSource: r(
|
|
4004
|
+
dataSource: r(In)?.dataSource ?? null
|
|
4066
4005
|
});
|
|
4067
|
-
c.register("object-view",
|
|
4006
|
+
c.register("object-view", Ln, {
|
|
4068
4007
|
namespace: "plugin-view",
|
|
4069
4008
|
label: "Object View",
|
|
4070
4009
|
category: "view",
|
|
@@ -4170,11 +4109,11 @@ c.register("object-view", Vn, {
|
|
|
4170
4109
|
showRefresh: !0,
|
|
4171
4110
|
showViewSwitcher: !0
|
|
4172
4111
|
}
|
|
4173
|
-
}), c.register("view",
|
|
4112
|
+
}), c.register("view", Ln, {
|
|
4174
4113
|
namespace: "plugin-view",
|
|
4175
4114
|
label: "View",
|
|
4176
4115
|
category: "view"
|
|
4177
|
-
}), c.register("view-switcher",
|
|
4116
|
+
}), c.register("view-switcher", At, {
|
|
4178
4117
|
namespace: "view",
|
|
4179
4118
|
label: "View Switcher",
|
|
4180
4119
|
category: "view",
|
|
@@ -4253,7 +4192,7 @@ c.register("object-view", Vn, {
|
|
|
4253
4192
|
}
|
|
4254
4193
|
}]
|
|
4255
4194
|
}
|
|
4256
|
-
}), c.register("filter-ui",
|
|
4195
|
+
}), c.register("filter-ui", It, {
|
|
4257
4196
|
namespace: "view",
|
|
4258
4197
|
label: "Filter UI",
|
|
4259
4198
|
category: "view",
|
|
@@ -4326,7 +4265,7 @@ c.register("object-view", Vn, {
|
|
|
4326
4265
|
}
|
|
4327
4266
|
]
|
|
4328
4267
|
}
|
|
4329
|
-
}), c.register("sort-ui",
|
|
4268
|
+
}), c.register("sort-ui", Vt, {
|
|
4330
4269
|
namespace: "view",
|
|
4331
4270
|
label: "Sort UI",
|
|
4332
4271
|
category: "view",
|
|
@@ -4375,7 +4314,7 @@ c.register("object-view", Vn, {
|
|
|
4375
4314
|
direction: "asc"
|
|
4376
4315
|
}]
|
|
4377
4316
|
}
|
|
4378
|
-
}), c.register("shared-view-link",
|
|
4317
|
+
}), c.register("shared-view-link", Wt, {
|
|
4379
4318
|
namespace: "view",
|
|
4380
4319
|
label: "Shared View Link",
|
|
4381
4320
|
category: "view",
|
|
@@ -4402,7 +4341,7 @@ c.register("object-view", Vn, {
|
|
|
4402
4341
|
objectName: "objects",
|
|
4403
4342
|
viewId: "default"
|
|
4404
4343
|
}
|
|
4405
|
-
}), c.register("view:simple", ({ schema: e, className: t, children: n, dataSource: r, ...i }) => /* @__PURE__ */ (
|
|
4344
|
+
}), c.register("view:simple", ({ schema: e, className: t, children: n, dataSource: r, ...i }) => /* @__PURE__ */ Y("div", {
|
|
4406
4345
|
className: t,
|
|
4407
4346
|
style: e.props?.columns ? {
|
|
4408
4347
|
display: "grid",
|
|
@@ -4417,4 +4356,4 @@ c.register("object-view", Vn, {
|
|
|
4417
4356
|
category: "view"
|
|
4418
4357
|
});
|
|
4419
4358
|
//#endregion
|
|
4420
|
-
export {
|
|
4359
|
+
export { _n as ESSENTIAL_SECTION_KEYS, It as FilterUI, Zt as ManageViewsDialog, Mt as ObjectView, Wt as SharedViewLink, Vt as SortUI, cn as VIEW_TYPE_LABELS, ln as VIEW_TYPE_OPTIONS, At as ViewSwitcher, Jt as ViewTabBar, wn as buildViewConfigSchema, dn as deriveFieldOptions, fn as toFilterGroup, pn as toSortItems };
|