@ynput/ayon-frontend-shared 0.6.9 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ContextMenu.es.js +44 -27
- package/dist/DetailsPanel.es.js +767 -740
- package/dist/ListTable.es.js +430 -430
- package/dist/NewEntity.es.js +43 -42
- package/dist/ProjectTreeTable.es.js +3496 -3342
- package/dist/Slicer.es.js +301 -276
- package/dist/Views.es.js +537 -521
- package/dist/api.es.js +429 -412
- package/dist/chunks/Actions.es.js +19 -18
- package/dist/chunks/ColumnDropIndicator.es.js +19 -18
- package/dist/chunks/ColumnHeaderMenuUI.es.js +2 -2
- package/dist/chunks/ContextMenuContextInstance.es.js +4 -3
- package/dist/chunks/DeleteEntitiesConfirmDialog.es.js +53 -41
- package/dist/chunks/DetailsDialog.es.js +26 -24
- package/dist/chunks/EmptyPlaceholder.es.js +3 -3
- package/dist/chunks/EmptyPlaceholderFlex.styled.es.js +40 -0
- package/dist/chunks/EntityPath.es.js +72 -71
- package/dist/chunks/EntityPickerDialog.es.js +88 -83
- package/dist/chunks/EntityTooltip.es.js +11 -10
- package/dist/chunks/EntityUpdatesContext.es.js +11 -11
- package/dist/chunks/Feed.es.js +864 -859
- package/dist/chunks/FilterErrorActions.es.js +4 -3
- package/dist/chunks/Menu.es.js +633 -289
- package/dist/chunks/MenuContext.es.js +1 -1
- package/dist/chunks/MetaWidget.es.js +2751 -2217
- package/dist/chunks/PlayableIcon.es.js +79 -78
- package/dist/chunks/ProjectContext.es.js +7 -7
- package/dist/chunks/RepresentationsList.es.js +1 -1
- package/dist/chunks/ReviewablesSelector.es.js +625 -609
- package/dist/chunks/SimpleForm.es.js +1 -1
- package/dist/chunks/SimpleTable.es.js +386 -363
- package/dist/chunks/Slicer.es.js +954 -821
- package/dist/chunks/{DeleteEntitiesContextInstance.es.js → TableExportContextInstance.es.js} +190 -186
- package/dist/chunks/TableSettingsFallback.es.js +4 -3
- package/dist/chunks/ThumbnailSimple.es.js +96 -95
- package/dist/chunks/VideoPlayer.es.js +1 -1
- package/dist/chunks/Watchers.es.js +850 -797
- package/dist/chunks/getBundleMode.es.js +1 -1
- package/dist/chunks/getEntityTypeIcon.es.js +5 -4
- package/dist/chunks/getUris.es.js +3704 -3504
- package/dist/chunks/realtimeUpdatesUtils.es.js +91 -82
- package/dist/chunks/searchTerms.es.js +649 -563
- package/dist/chunks/sortLists.es.js +22 -0
- package/dist/chunks/useAttributeEnums.es.js +21 -21
- package/dist/chunks/useHierarchySelection.es.js +6 -5
- package/dist/chunks/useLoadModule.es.js +24 -23
- package/dist/chunks/viewUpdateHelper.es.js +19 -18
- package/dist/components.es.js +628 -593
- package/dist/context.es.js +525 -499
- package/dist/hooks.es.js +54 -53
- package/dist/index.es.js +4 -4
- package/dist/types/ContextMenu.d.ts +4 -1
- package/dist/types/Feed.d.ts +1 -1
- package/dist/types/ListTable.d.ts +1 -1
- package/dist/types/ProjectTreeTable.d.ts +144 -14
- package/dist/types/SimpleTable.d.ts +2 -1
- package/dist/types/Slicer.d.ts +32 -5
- package/dist/types/Views.d.ts +6 -0
- package/dist/types/api.d.ts +2252 -510
- package/dist/types/components.d.ts +52 -4
- package/dist/types/context.d.ts +96 -2
- package/dist/types/hooks.d.ts +36 -1
- package/dist/types/util.d.ts +54 -0
- package/dist/util.es.js +129 -119
- package/package.json +4 -4
- package/dist/chunks/MenuItem.es.js +0 -420
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import { jsxs as w, jsx as n, Fragment as me } from "react/jsx-runtime";
|
|
2
|
-
import g, { css as It, keyframes as
|
|
3
|
-
import { forwardRef as le, useRef as K, useState as U, useEffect as Z, useMemo as
|
|
4
|
-
import { Icon as G, InputNumber as pn, Button as H, IconSelect as
|
|
5
|
-
import { U as
|
|
2
|
+
import g, { css as It, keyframes as Xn, createGlobalStyle as Qn } from "styled-components";
|
|
3
|
+
import { forwardRef as le, useRef as K, useState as U, useEffect as Z, useMemo as Q, Fragment as Jn, useCallback as ee, useImperativeHandle as Zn } from "react";
|
|
4
|
+
import { Icon as G, InputNumber as pn, Button as H, IconSelect as eo, InputText as Ae, Dialog as qe, FormLayout as Et, FormRow as ne, Dropdown as pe, LockedInput as to, InputSwitch as De, Spacer as mn, SaveButton as gn, theme as fe } from "@ynput/ayon-react-components";
|
|
5
|
+
import { U as no } from "./PlayableIcon.es.js";
|
|
6
6
|
import J from "clsx";
|
|
7
|
-
import { kebabCase as
|
|
7
|
+
import { kebabCase as Fe, isEqual as Bt, uniqueId as Ge, startCase as Tt, camelCase as ut, upperFirst as oo } from "lodash";
|
|
8
8
|
import { createPortal as hn } from "react-dom";
|
|
9
9
|
import { DndContext as We, closestCenter as Xe, DragOverlay as Nt, useSensors as Pt, useSensor as _t, PointerSensor as Dt } from "@dnd-kit/core";
|
|
10
|
-
import { useSortable as Qe, SortableContext as
|
|
10
|
+
import { useSortable as Qe, SortableContext as Le, verticalListSortingStrategy as Oe, arrayMove as At } from "@dnd-kit/sortable";
|
|
11
11
|
import { CSS as Je } from "@dnd-kit/utilities";
|
|
12
|
-
import { I as
|
|
12
|
+
import { I as ro } from "./InfoMessage.es.js";
|
|
13
13
|
import { S as vn } from "./SimpleForm.es.js";
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
14
|
+
import { bD as io, b6 as ao, bA as fn, by as bn, bC as Ut, br as so, bb as lo, bx as yn, bB as xn, bt as co } from "./searchTerms.es.js";
|
|
15
|
+
import { bo as uo, bu as po, cK as mo, bi as go, dJ as ae, cr as ho } from "./getUris.es.js";
|
|
16
16
|
import "primereact/confirmdialog";
|
|
17
|
-
import { l as
|
|
17
|
+
import { l as vo, b as fo, v as bo } from "./Watchers.es.js";
|
|
18
18
|
import { matchSorter as Ht } from "match-sorter";
|
|
19
|
-
import { J as
|
|
19
|
+
import { J as yo } from "./JsonViewer.es.js";
|
|
20
20
|
import "@module-federation/enhanced/runtime";
|
|
21
|
-
import { toast as
|
|
22
|
-
import { d as wn, a as
|
|
21
|
+
import { toast as xo } from "react-toastify";
|
|
22
|
+
import { d as wn, a as wo, ab as Ze, u as et, x as Sn } from "./TableExportContextInstance.es.js";
|
|
23
23
|
import "uuid";
|
|
24
24
|
import "semver";
|
|
25
25
|
import "./ContextMenuContextInstance.es.js";
|
|
26
26
|
import "react-redux";
|
|
27
|
+
import { Link as So } from "react-router-dom";
|
|
27
28
|
import { g as ve } from "./iconUtils.es.js";
|
|
28
|
-
import {
|
|
29
|
-
import { aY as Q, a as ke, b as tt, b4 as So, b9 as ko, ax as xe, aZ as oe, ae as Co, b0 as zt, a_ as jt, b1 as Kt, ba as Io } from "./MetaWidget.es.js";
|
|
29
|
+
import { b7 as X, a as ke, be as ko, b as tt, bg as Co, bn as Io, aG as xe, b8 as te, aj as Eo, v as To, bl as No, bb as zt, b9 as jt, bc as Kt, bo as Po } from "./MetaWidget.es.js";
|
|
30
30
|
import "@tanstack/react-table";
|
|
31
31
|
import "date-fns";
|
|
32
32
|
import "lexical";
|
|
@@ -38,27 +38,27 @@ import "@lexical/selection";
|
|
|
38
38
|
import "@lexical/utils";
|
|
39
39
|
import "@lexical/react/LexicalBlockWithAlignableContents";
|
|
40
40
|
import "@lexical/react/LexicalDecoratorBlockNode";
|
|
41
|
-
import { T as Eo, E as To } from "./EntityPickerDialog.es.js";
|
|
42
|
-
import { useDebounce as No } from "primereact/hooks";
|
|
43
|
-
import { c as Po, a as kn, C as Cn, g as _o } from "./ColumnDropIndicator.es.js";
|
|
44
|
-
import { M as Do, D as Ao, R as Oo } from "./realtimeUpdatesUtils.es.js";
|
|
45
41
|
import "@tanstack/react-virtual";
|
|
46
|
-
import { a as
|
|
47
|
-
import {
|
|
48
|
-
import "./MenuItem.es.js";
|
|
42
|
+
import { a as _o } from "./ColumnDropIndicator.styled.es.js";
|
|
43
|
+
import { M as Do, a as Ao, b as Lo } from "./Menu.es.js";
|
|
49
44
|
import "./EmptyPlaceholder.es.js";
|
|
50
|
-
import
|
|
45
|
+
import "./EmptyPlaceholderFlex.styled.es.js";
|
|
46
|
+
import { T as Oo, E as Ro } from "./EntityPickerDialog.es.js";
|
|
47
|
+
import { useDebounce as $o } from "primereact/hooks";
|
|
48
|
+
import { c as Mo, a as kn, C as Cn, g as Fo } from "./ColumnDropIndicator.es.js";
|
|
49
|
+
import { M as Vo, D as Bo, R as Uo } from "./realtimeUpdatesUtils.es.js";
|
|
50
|
+
import { g as In } from "./getEntityTypeIcon.es.js";
|
|
51
51
|
import { a as En } from "./VersionUploadContextInstance.es.js";
|
|
52
|
-
import { Skeleton as
|
|
53
|
-
import
|
|
54
|
-
import { u as
|
|
55
|
-
const
|
|
52
|
+
import { Skeleton as Ho } from "primereact/skeleton";
|
|
53
|
+
import zo from "react-perfect-scrollbar";
|
|
54
|
+
import { u as jo } from "./useCreateContextMenu.es.js";
|
|
55
|
+
const Ko = g.div`
|
|
56
56
|
display: flex;
|
|
57
57
|
width: 100%;
|
|
58
58
|
height: 100%;
|
|
59
59
|
gap: 0;
|
|
60
60
|
padding: ${(e) => e.$padding};
|
|
61
|
-
`,
|
|
61
|
+
`, Go = g.div`
|
|
62
62
|
width: ${(e) => e.$config.width || "15%"};
|
|
63
63
|
min-width: ${(e) => e.$config.minWidth || "2%"};
|
|
64
64
|
max-width: ${(e) => e.$config.maxWidth || "600px"};
|
|
@@ -66,7 +66,7 @@ const Uo = g.div`
|
|
|
66
66
|
flex-shrink: 0;
|
|
67
67
|
border-radius: 4px;
|
|
68
68
|
background-color: var(--md-sys-color-surface-container);
|
|
69
|
-
`,
|
|
69
|
+
`, Yo = g.div`
|
|
70
70
|
display: grid;
|
|
71
71
|
grid-template-columns: repeat(${(e) => e.$config.columns}, 1fr);
|
|
72
72
|
grid-template-rows: repeat(${(e) => e.$config.rows}, 1fr);
|
|
@@ -74,11 +74,11 @@ const Uo = g.div`
|
|
|
74
74
|
flex: 1;
|
|
75
75
|
padding: 1rem;
|
|
76
76
|
overflow: auto;
|
|
77
|
-
`,
|
|
77
|
+
`, qo = g.div`
|
|
78
78
|
border-radius: 4px;
|
|
79
79
|
min-height: ${(e) => e.$minHeight};
|
|
80
80
|
background-color: var(--md-sys-color-surface-container);
|
|
81
|
-
`,
|
|
81
|
+
`, Ss = ({
|
|
82
82
|
showSidebar: e = !0,
|
|
83
83
|
sidebarConfig: t = {},
|
|
84
84
|
gridConfig: o = { columns: 3, rows: 3 },
|
|
@@ -87,10 +87,10 @@ const Uo = g.div`
|
|
|
87
87
|
...s
|
|
88
88
|
}) => {
|
|
89
89
|
const i = o.columns * o.rows;
|
|
90
|
-
return /* @__PURE__ */ w(
|
|
91
|
-
e && /* @__PURE__ */ n(
|
|
92
|
-
/* @__PURE__ */ n(
|
|
93
|
-
|
|
90
|
+
return /* @__PURE__ */ w(Ko, { $padding: r, ...s, children: [
|
|
91
|
+
e && /* @__PURE__ */ n(Go, { className: "loading", $config: t, ...a?.sidebar }),
|
|
92
|
+
/* @__PURE__ */ n(Yo, { $config: o, ...a?.grid, children: Array.from({ length: i }).map((v, f) => /* @__PURE__ */ n(
|
|
93
|
+
qo,
|
|
94
94
|
{
|
|
95
95
|
className: "loading",
|
|
96
96
|
$minHeight: o.itemMinHeight || "200px",
|
|
@@ -99,7 +99,7 @@ const Uo = g.div`
|
|
|
99
99
|
f
|
|
100
100
|
)) })
|
|
101
101
|
] });
|
|
102
|
-
},
|
|
102
|
+
}, ks = g.div`
|
|
103
103
|
position: relative;
|
|
104
104
|
width: 100%;
|
|
105
105
|
|
|
@@ -107,7 +107,7 @@ const Uo = g.div`
|
|
|
107
107
|
min-height: 32px;
|
|
108
108
|
max-height: 32px;
|
|
109
109
|
}
|
|
110
|
-
`,
|
|
110
|
+
`, Cs = g.ul`
|
|
111
111
|
position: absolute;
|
|
112
112
|
top: 100%;
|
|
113
113
|
left: 0;
|
|
@@ -136,7 +136,7 @@ const Uo = g.div`
|
|
|
136
136
|
.tip {
|
|
137
137
|
color: var(--md-sys-color-outline);
|
|
138
138
|
}
|
|
139
|
-
`,
|
|
139
|
+
`, Wo = g.div`
|
|
140
140
|
display: flex;
|
|
141
141
|
align-items: center;
|
|
142
142
|
gap: var(--base-gap-medium);
|
|
@@ -180,7 +180,7 @@ const Uo = g.div`
|
|
|
180
180
|
padding: 2px;
|
|
181
181
|
font-size: 20px;
|
|
182
182
|
}
|
|
183
|
-
`,
|
|
183
|
+
`, Xo = "__everyone__", Qo = "__guests__", Gt = "group:", Yt = "team:", qt = "user:", Wt = "guest:", Jo = g(G)`
|
|
184
184
|
font-size: ${({ $size: e }) => `${e}px`};
|
|
185
185
|
&.withBackground {
|
|
186
186
|
display: flex;
|
|
@@ -190,7 +190,7 @@ const Uo = g.div`
|
|
|
190
190
|
background-color: var(--md-sys-color-surface-container-high);
|
|
191
191
|
padding: 3px;
|
|
192
192
|
}
|
|
193
|
-
`,
|
|
193
|
+
`, Zo = ({
|
|
194
194
|
shareType: e,
|
|
195
195
|
name: t,
|
|
196
196
|
label: o,
|
|
@@ -201,7 +201,7 @@ const Uo = g.div`
|
|
|
201
201
|
let i = e, v = t;
|
|
202
202
|
i || (t.startsWith(qt) ? (i = "user", v = t.slice(qt.length)) : t.startsWith(Gt) ? (i = "group", v = t.slice(Gt.length)) : t.startsWith(Yt) ? (i = "team", v = t.slice(Yt.length)) : t.startsWith(Wt) && (i = "guest", v = t.slice(Wt.length)));
|
|
203
203
|
const f = (c, l) => /* @__PURE__ */ n(
|
|
204
|
-
|
|
204
|
+
Jo,
|
|
205
205
|
{
|
|
206
206
|
className: J({ withBackground: a }),
|
|
207
207
|
icon: c,
|
|
@@ -210,8 +210,8 @@ const Uo = g.div`
|
|
|
210
210
|
$size: a ? r - 6 : r
|
|
211
211
|
}
|
|
212
212
|
);
|
|
213
|
-
return i === "user" ? /* @__PURE__ */ n(
|
|
214
|
-
},
|
|
213
|
+
return i === "user" ? /* @__PURE__ */ n(no, { name: v, fullName: s ? o : void 0, size: r }) : i === "group" ? f("shield_person", "Access group") : i === "team" ? f("groups", "Team") : i === "guest" || t === Qo ? f("badge", "Guest user") : t === Xo ? f("groups", "Everyone with access to the project") : f("person");
|
|
214
|
+
}, Is = le(
|
|
215
215
|
({
|
|
216
216
|
name: e,
|
|
217
217
|
label: t,
|
|
@@ -227,8 +227,8 @@ const Uo = g.div`
|
|
|
227
227
|
...p
|
|
228
228
|
}, u) => {
|
|
229
229
|
const y = r === "user" || r === "guest", d = y || v, h = y ? e : r;
|
|
230
|
-
return /* @__PURE__ */ w(
|
|
231
|
-
/* @__PURE__ */ n(
|
|
230
|
+
return /* @__PURE__ */ w(Wo, { ...p, ref: u, className: J(l, { compact: i }), children: [
|
|
231
|
+
/* @__PURE__ */ n(Zo, { shareType: r, name: e, label: t, icon: o }),
|
|
232
232
|
/* @__PURE__ */ w("span", { className: "title-label", children: [
|
|
233
233
|
t || e,
|
|
234
234
|
a ? /* @__PURE__ */ n("span", { className: "name", children: "(you)" }) : d && /* @__PURE__ */ n("span", { className: J("name", { "float-right": v }), children: h }),
|
|
@@ -238,7 +238,7 @@ const Uo = g.div`
|
|
|
238
238
|
s && /* @__PURE__ */ n("span", { className: "owner", children: "Owner" })
|
|
239
239
|
] });
|
|
240
240
|
}
|
|
241
|
-
),
|
|
241
|
+
), er = g.div`
|
|
242
242
|
display: flex;
|
|
243
243
|
flex-direction: row;
|
|
244
244
|
align-items: center;
|
|
@@ -248,7 +248,7 @@ const Uo = g.div`
|
|
|
248
248
|
input {
|
|
249
249
|
width: 100%;
|
|
250
250
|
}
|
|
251
|
-
`,
|
|
251
|
+
`, tr = ({ value: e = {}, isMin: t, isFloat: o = !1, onChange: r }) => {
|
|
252
252
|
const { le: a, lt: s, ge: i, gt: v } = e, f = i ?? v, c = a ?? s, l = K(null), p = t ? f : c, u = t ? "g" : "l", y = u + "e", d = u + "t", [h, k] = U(e[y] != null || !o);
|
|
253
253
|
Z(() => {
|
|
254
254
|
o ? (p !== void 0 && r({ [y]: String(p), [d]: void 0 }), k(!0)) : (r({ [y]: parseInt(String(p))?.toString(), [d]: void 0 }), k(!0));
|
|
@@ -260,7 +260,7 @@ const Uo = g.div`
|
|
|
260
260
|
const $ = !h;
|
|
261
261
|
k($), r($ ? { [d]: void 0, [y]: p } : { [d]: p, [y]: void 0 });
|
|
262
262
|
}, m = t ? "greater" : "less", x = t ? ">" : "<", S = t ? "≥" : "≤", P = `Determines if the value should be '${m} than or equal to' (${S}) or 'strictly ${m} than' (${x}). Currently: ${h ? S : x}`;
|
|
263
|
-
return /* @__PURE__ */ w(
|
|
263
|
+
return /* @__PURE__ */ w(er, { children: [
|
|
264
264
|
/* @__PURE__ */ n(
|
|
265
265
|
pn,
|
|
266
266
|
{
|
|
@@ -283,12 +283,12 @@ const Uo = g.div`
|
|
|
283
283
|
}
|
|
284
284
|
)
|
|
285
285
|
] });
|
|
286
|
-
},
|
|
286
|
+
}, nr = It`
|
|
287
287
|
display: flex;
|
|
288
288
|
flex-direction: column;
|
|
289
289
|
align-items: center;
|
|
290
290
|
gap: 8px;
|
|
291
|
-
`,
|
|
291
|
+
`, Lt = It`
|
|
292
292
|
display: flex;
|
|
293
293
|
align-items: center;
|
|
294
294
|
gap: 8px;
|
|
@@ -303,12 +303,12 @@ const Uo = g.div`
|
|
|
303
303
|
&:hover {
|
|
304
304
|
background-color: var(--md-sys-color-surface-container-low-hover);
|
|
305
305
|
}
|
|
306
|
-
`,
|
|
306
|
+
`, or = g.div`
|
|
307
307
|
display: flex;
|
|
308
308
|
flex-direction: column;
|
|
309
309
|
justify-content: stretch;
|
|
310
310
|
gap: 4px;
|
|
311
|
-
`,
|
|
311
|
+
`, rr = g.div`
|
|
312
312
|
justify-content: stretch;
|
|
313
313
|
border-radius: 4px;
|
|
314
314
|
overflow: hidden;
|
|
@@ -316,8 +316,8 @@ const Uo = g.div`
|
|
|
316
316
|
&.dragged {
|
|
317
317
|
opacity: 0;
|
|
318
318
|
}
|
|
319
|
-
`,
|
|
320
|
-
${
|
|
319
|
+
`, ir = g.div`
|
|
320
|
+
${Lt}
|
|
321
321
|
cursor: pointer;
|
|
322
322
|
user-select: none;
|
|
323
323
|
padding: 8px;
|
|
@@ -357,7 +357,7 @@ const Uo = g.div`
|
|
|
357
357
|
.spacer {
|
|
358
358
|
flex-grow: 1;
|
|
359
359
|
}
|
|
360
|
-
`,
|
|
360
|
+
`, ar = g.div`
|
|
361
361
|
display: grid;
|
|
362
362
|
grid-template-rows: 0fr;
|
|
363
363
|
overflow: hidden;
|
|
@@ -365,8 +365,8 @@ const Uo = g.div`
|
|
|
365
365
|
&.expanded {
|
|
366
366
|
grid-template-rows: 1fr;
|
|
367
367
|
}
|
|
368
|
-
`,
|
|
369
|
-
${
|
|
368
|
+
`, sr = g.div`
|
|
369
|
+
${nr}
|
|
370
370
|
align-items: stretch;
|
|
371
371
|
padding: 0 8px;
|
|
372
372
|
min-height: 0;
|
|
@@ -378,19 +378,19 @@ const Uo = g.div`
|
|
|
378
378
|
user-select: none;
|
|
379
379
|
min-width: 80px;
|
|
380
380
|
`, _e = g.div`
|
|
381
|
-
${
|
|
381
|
+
${Lt}
|
|
382
382
|
&.footer {
|
|
383
383
|
justify-content: space-between;
|
|
384
384
|
padding: 0 8px;
|
|
385
385
|
}
|
|
386
386
|
`, Xt = g.div`
|
|
387
|
-
${
|
|
387
|
+
${Lt}
|
|
388
388
|
gap: 4px;
|
|
389
|
-
`,
|
|
389
|
+
`, lr = g.div`
|
|
390
390
|
border-radius: 4px;
|
|
391
391
|
width: 14px;
|
|
392
392
|
height: 14px;
|
|
393
|
-
`,
|
|
393
|
+
`, cr = g(eo)`
|
|
394
394
|
flex-grow: 1;
|
|
395
395
|
width: 100%;
|
|
396
396
|
button div {
|
|
@@ -421,7 +421,7 @@ const Uo = g.div`
|
|
|
421
421
|
width: 100%;
|
|
422
422
|
padding-left: 8px;
|
|
423
423
|
user-select: none;
|
|
424
|
-
`,
|
|
424
|
+
`, dr = g(Nn)`
|
|
425
425
|
${Tn}
|
|
426
426
|
position: relative;
|
|
427
427
|
cursor: pointer;
|
|
@@ -432,7 +432,7 @@ const Uo = g.div`
|
|
|
432
432
|
position: absolute;
|
|
433
433
|
visibility: hidden;
|
|
434
434
|
}
|
|
435
|
-
`,
|
|
435
|
+
`, ur = ({
|
|
436
436
|
item: e,
|
|
437
437
|
onChange: t,
|
|
438
438
|
onCommit: o,
|
|
@@ -452,7 +452,7 @@ const Uo = g.div`
|
|
|
452
452
|
}, [v, e.isNewAttribute]), Z(() => {
|
|
453
453
|
f && !v && !e.isNewAttribute && setTimeout(() => C.current?.focus(), 250);
|
|
454
454
|
}, [f, v, e.isNewAttribute]), /* @__PURE__ */ w(
|
|
455
|
-
|
|
455
|
+
sr,
|
|
456
456
|
{
|
|
457
457
|
...l?.wrapper,
|
|
458
458
|
...p,
|
|
@@ -474,17 +474,17 @@ const Uo = g.div`
|
|
|
474
474
|
onChange: (S) => {
|
|
475
475
|
if (!k)
|
|
476
476
|
return t && t(["label"], [S.target.value]);
|
|
477
|
-
b.current && (b.current.value =
|
|
477
|
+
b.current && (b.current.value = Fe(S.target.value)), t && t(["label", "value"], [S.target.value, Fe(S.target.value)]);
|
|
478
478
|
},
|
|
479
479
|
onBlur: (S) => {
|
|
480
|
-
k ? o && o(["label", "value"], [S.target.value,
|
|
480
|
+
k ? o && o(["label", "value"], [S.target.value, Fe(S.target.value)]) : o && o(["label"], [S.target.value]);
|
|
481
481
|
},
|
|
482
482
|
onKeyDown: (S) => {
|
|
483
483
|
S.key === "Enter" && (S.stopPropagation(), k ? o && o(
|
|
484
484
|
["label", "value"],
|
|
485
485
|
[
|
|
486
486
|
S.target.value,
|
|
487
|
-
|
|
487
|
+
Fe(S.target.value)
|
|
488
488
|
]
|
|
489
489
|
) : o && o(["label"], [S.target.value]));
|
|
490
490
|
},
|
|
@@ -524,7 +524,7 @@ const Uo = g.div`
|
|
|
524
524
|
}
|
|
525
525
|
),
|
|
526
526
|
/* @__PURE__ */ n(
|
|
527
|
-
|
|
527
|
+
cr,
|
|
528
528
|
{
|
|
529
529
|
ref: x,
|
|
530
530
|
value: [d || "question_mark"],
|
|
@@ -557,7 +557,7 @@ const Uo = g.div`
|
|
|
557
557
|
/* @__PURE__ */ n(Ve, { ...l?.color?.label, children: "Color" }),
|
|
558
558
|
/* @__PURE__ */ w(Jt, { style: { position: "relative" }, children: [
|
|
559
559
|
/* @__PURE__ */ w(
|
|
560
|
-
|
|
560
|
+
dr,
|
|
561
561
|
{
|
|
562
562
|
className: h ? "active" : "",
|
|
563
563
|
style: { backgroundColor: h || void 0 },
|
|
@@ -617,7 +617,7 @@ const Uo = g.div`
|
|
|
617
617
|
transform: Je.Translate.toString(k)
|
|
618
618
|
};
|
|
619
619
|
return /* @__PURE__ */ w(
|
|
620
|
-
|
|
620
|
+
rr,
|
|
621
621
|
{
|
|
622
622
|
ref: h,
|
|
623
623
|
style: b,
|
|
@@ -626,7 +626,7 @@ const Uo = g.div`
|
|
|
626
626
|
className: J(v.className, i?.wrapper?.className, { dragged: t }),
|
|
627
627
|
children: [
|
|
628
628
|
/* @__PURE__ */ w(
|
|
629
|
-
|
|
629
|
+
ir,
|
|
630
630
|
{
|
|
631
631
|
...i?.header,
|
|
632
632
|
onClick: () => {
|
|
@@ -634,7 +634,7 @@ const Uo = g.div`
|
|
|
634
634
|
},
|
|
635
635
|
className: J(i?.header?.className, { expanded: u }),
|
|
636
636
|
children: [
|
|
637
|
-
p && /* @__PURE__ */ n(
|
|
637
|
+
p && /* @__PURE__ */ n(lr, { style: { backgroundColor: p } }),
|
|
638
638
|
l && /* @__PURE__ */ n(G, { className: "icon", icon: l }),
|
|
639
639
|
/* @__PURE__ */ w("span", { children: [
|
|
640
640
|
" ",
|
|
@@ -656,8 +656,8 @@ const Uo = g.div`
|
|
|
656
656
|
]
|
|
657
657
|
}
|
|
658
658
|
),
|
|
659
|
-
/* @__PURE__ */ n(
|
|
660
|
-
|
|
659
|
+
/* @__PURE__ */ n(ar, { className: J({ expanded: u }), children: /* @__PURE__ */ n(
|
|
660
|
+
ur,
|
|
661
661
|
{
|
|
662
662
|
item: e,
|
|
663
663
|
onChange: o,
|
|
@@ -674,7 +674,7 @@ const Uo = g.div`
|
|
|
674
674
|
]
|
|
675
675
|
}
|
|
676
676
|
);
|
|
677
|
-
},
|
|
677
|
+
}, pr = ({
|
|
678
678
|
creator: e,
|
|
679
679
|
initialData: t,
|
|
680
680
|
onChange: o,
|
|
@@ -743,19 +743,19 @@ const Uo = g.div`
|
|
|
743
743
|
for (; t.includes(v); )
|
|
744
744
|
v = i + o + s++;
|
|
745
745
|
return v;
|
|
746
|
-
},
|
|
746
|
+
}, mr = () => ({
|
|
747
747
|
id: Ge(),
|
|
748
748
|
isExpanded: !0,
|
|
749
749
|
label: "",
|
|
750
750
|
value: "",
|
|
751
751
|
isLabelFocused: !0,
|
|
752
752
|
isNewAttribute: !1
|
|
753
|
-
}),
|
|
753
|
+
}), gr = (e) => e.filter((t) => t.label !== "" && t.value !== "").map(({ label: t, value: o, icon: r, color: a }) => ({
|
|
754
754
|
label: t,
|
|
755
755
|
value: o,
|
|
756
756
|
icon: r || void 0,
|
|
757
757
|
color: a || void 0
|
|
758
|
-
})),
|
|
758
|
+
})), hr = (e) => e.map(({ label: t, value: o, icon: r, color: a }) => ({
|
|
759
759
|
id: Ge(),
|
|
760
760
|
isExpanded: !1,
|
|
761
761
|
label: t,
|
|
@@ -764,7 +764,7 @@ const Uo = g.div`
|
|
|
764
764
|
color: a,
|
|
765
765
|
isLabelFocused: !1,
|
|
766
766
|
isNewAttribute: !1
|
|
767
|
-
})),
|
|
767
|
+
})), vr = (e, t) => t.map((o, r) => {
|
|
768
768
|
const a = e[r];
|
|
769
769
|
return a ? {
|
|
770
770
|
...o,
|
|
@@ -773,7 +773,7 @@ const Uo = g.div`
|
|
|
773
773
|
isLabelFocused: a.isLabelFocused,
|
|
774
774
|
isNewAttribute: a.isNewAttribute
|
|
775
775
|
} : o;
|
|
776
|
-
}),
|
|
776
|
+
}), fr = ({ values: e, onChange: t, onCommit: o, pt: r, ...a }) => {
|
|
777
777
|
if (!e)
|
|
778
778
|
return null;
|
|
779
779
|
const {
|
|
@@ -784,20 +784,20 @@ const Uo = g.div`
|
|
|
784
784
|
handleCommitItem: c,
|
|
785
785
|
handleDuplicateItem: l,
|
|
786
786
|
handleDraggableEnd: p
|
|
787
|
-
} =
|
|
788
|
-
creator:
|
|
789
|
-
initialData:
|
|
787
|
+
} = pr({
|
|
788
|
+
creator: mr,
|
|
789
|
+
initialData: hr(e),
|
|
790
790
|
onChange: t,
|
|
791
791
|
onCommit: o,
|
|
792
|
-
normalizer:
|
|
793
|
-
mergeIncomingData:
|
|
792
|
+
normalizer: gr,
|
|
793
|
+
mergeIncomingData: vr
|
|
794
794
|
}), u = (C) => {
|
|
795
795
|
h(C.active.id);
|
|
796
796
|
}, y = (C) => {
|
|
797
797
|
h(null), p(C);
|
|
798
798
|
}, [d, h] = U();
|
|
799
799
|
let k;
|
|
800
|
-
return d && (k = s.find((C) => C.id === d)), /* @__PURE__ */ n(me, { children: /* @__PURE__ */ w(
|
|
800
|
+
return d && (k = s.find((C) => C.id === d)), /* @__PURE__ */ n(me, { children: /* @__PURE__ */ w(or, { ...a, children: [
|
|
801
801
|
/* @__PURE__ */ w(
|
|
802
802
|
We,
|
|
803
803
|
{
|
|
@@ -805,7 +805,7 @@ const Uo = g.div`
|
|
|
805
805
|
onDragStart: u,
|
|
806
806
|
onDragEnd: y,
|
|
807
807
|
children: [
|
|
808
|
-
/* @__PURE__ */ n(
|
|
808
|
+
/* @__PURE__ */ n(Le, { items: s, strategy: Oe, children: s.map((C, b) => /* @__PURE__ */ n(
|
|
809
809
|
Zt,
|
|
810
810
|
{
|
|
811
811
|
item: C,
|
|
@@ -851,7 +851,7 @@ const Uo = g.div`
|
|
|
851
851
|
}
|
|
852
852
|
)
|
|
853
853
|
] }) });
|
|
854
|
-
}, Pn = ({ icon: e, color: t, reserveSpace: o }) =>
|
|
854
|
+
}, Pn = ({ icon: e, color: t, reserveSpace: o }) => io(e) ? /* @__PURE__ */ n("img", { src: e, alt: "" }) : e ? /* @__PURE__ */ n(G, { icon: e, style: { color: t } }) : o ? /* @__PURE__ */ n("span", { className: "icon-slot" }) : null, nt = g.div`
|
|
855
855
|
display: flex;
|
|
856
856
|
align-items: center;
|
|
857
857
|
gap: var(--base-gap-small);
|
|
@@ -876,12 +876,12 @@ const Uo = g.div`
|
|
|
876
876
|
flex: none;
|
|
877
877
|
width: 20px;
|
|
878
878
|
}
|
|
879
|
-
`,
|
|
879
|
+
`, br = 8, _n = 10, yr = g.div`
|
|
880
880
|
display: flex;
|
|
881
881
|
gap: var(--base-gap-large);
|
|
882
882
|
flex: 1;
|
|
883
883
|
min-height: 0;
|
|
884
|
-
`,
|
|
884
|
+
`, xr = g.div`
|
|
885
885
|
display: flex;
|
|
886
886
|
flex-direction: column;
|
|
887
887
|
gap: var(--base-gap-large);
|
|
@@ -907,15 +907,15 @@ const Uo = g.div`
|
|
|
907
907
|
font-weight: 500;
|
|
908
908
|
color: var(--md-sys-color-outline);
|
|
909
909
|
padding: 4px 0;
|
|
910
|
-
`,
|
|
910
|
+
`, wr = g.div`
|
|
911
911
|
display: flex;
|
|
912
912
|
flex-direction: column;
|
|
913
913
|
gap: var(--base-gap-large);
|
|
914
914
|
flex: 1;
|
|
915
915
|
min-width: 0;
|
|
916
|
-
`,
|
|
916
|
+
`, Sr = g.span`
|
|
917
917
|
color: var(--md-sys-color-outline);
|
|
918
|
-
`,
|
|
918
|
+
`, kr = g.div`
|
|
919
919
|
display: flex;
|
|
920
920
|
flex-direction: column;
|
|
921
921
|
gap: var(--base-gap-large);
|
|
@@ -925,7 +925,7 @@ const Uo = g.div`
|
|
|
925
925
|
padding: var(--padding-m);
|
|
926
926
|
border-radius: var(--border-radius-m);
|
|
927
927
|
background-color: var(--md-sys-color-surface-container);
|
|
928
|
-
`,
|
|
928
|
+
`, Cr = g(nt)`
|
|
929
929
|
.value {
|
|
930
930
|
margin-left: auto;
|
|
931
931
|
flex: none;
|
|
@@ -934,7 +934,7 @@ const Uo = g.div`
|
|
|
934
934
|
}
|
|
935
935
|
`, we = g.span`
|
|
936
936
|
color: var(--md-sys-color-outline);
|
|
937
|
-
`,
|
|
937
|
+
`, Ir = ({ value: e, onChange: t }) => {
|
|
938
938
|
const { projects: o } = wn(), r = o.active.map((a) => ({
|
|
939
939
|
value: a.name,
|
|
940
940
|
label: a.label || a.name
|
|
@@ -952,7 +952,7 @@ const Uo = g.div`
|
|
|
952
952
|
}
|
|
953
953
|
);
|
|
954
954
|
}, Dn = ({ value: e, onChange: t }) => {
|
|
955
|
-
const { data: o = [], isLoading: r } =
|
|
955
|
+
const { data: o = [], isLoading: r } = uo({}), a = o.map((s) => ({
|
|
956
956
|
value: s.name,
|
|
957
957
|
label: s.fullName || s.name
|
|
958
958
|
}));
|
|
@@ -968,38 +968,38 @@ const Uo = g.div`
|
|
|
968
968
|
widthExpand: !0
|
|
969
969
|
}
|
|
970
970
|
);
|
|
971
|
-
},
|
|
972
|
-
project_name:
|
|
971
|
+
}, Er = {
|
|
972
|
+
project_name: Ir,
|
|
973
973
|
user: Dn
|
|
974
|
-
},
|
|
974
|
+
}, Tr = ["label", (e) => String(e.value), "description", "fulltext"], Nr = ({ resolver: e, settings: t, onClose: o }) => {
|
|
975
975
|
const [r, a] = U({}), [s, i] = U(t), [v, f] = U(""), { user: c } = wn(), l = e.settingsForm || [], p = new Set(l.map((T) => T.name)), u = e.acceptedParams || {}, y = !!c?.data?.isAdmin, d = Object.keys(u).filter(
|
|
976
976
|
(T) => !p.has(T) && (T !== "user" || y)
|
|
977
|
-
), h = y && !("user" in u), k =
|
|
977
|
+
), h = y && !("user" in u), k = Q(
|
|
978
978
|
() => ({ ...s, ...r }),
|
|
979
979
|
[s, r]
|
|
980
980
|
), {
|
|
981
981
|
data: C,
|
|
982
982
|
isFetching: b,
|
|
983
983
|
isError: m
|
|
984
|
-
} =
|
|
984
|
+
} = ao({
|
|
985
985
|
enumName: e.name,
|
|
986
986
|
params: k
|
|
987
|
-
}), x =
|
|
987
|
+
}), x = Q(
|
|
988
988
|
() => fn(C?.items || []).map((T) => ({
|
|
989
989
|
...T,
|
|
990
990
|
icon: bn(T.icon)
|
|
991
991
|
})),
|
|
992
992
|
[C]
|
|
993
|
-
), S = m || !!C?.error, P = v.trim(), $ =
|
|
993
|
+
), S = m || !!C?.error, P = v.trim(), $ = Q(
|
|
994
994
|
() => P ? Ht(x, P, {
|
|
995
|
-
keys:
|
|
995
|
+
keys: Tr,
|
|
996
996
|
threshold: Ht.rankings.CONTAINS
|
|
997
997
|
}) : x,
|
|
998
998
|
[x, P]
|
|
999
999
|
), N = $.some((T) => !!T.icon), B = (T) => {
|
|
1000
1000
|
T.stopPropagation(), T.key === "Escape" && o();
|
|
1001
|
-
},
|
|
1002
|
-
h && /* @__PURE__ */ n(
|
|
1001
|
+
}, L = () => !d.length && !h ? /* @__PURE__ */ n(we, { children: "This resolver has no context params." }) : /* @__PURE__ */ w(Et, { children: [
|
|
1002
|
+
h && /* @__PURE__ */ n(ne, { label: "user", children: /* @__PURE__ */ n(
|
|
1003
1003
|
Dn,
|
|
1004
1004
|
{
|
|
1005
1005
|
value: r.user,
|
|
@@ -1007,19 +1007,19 @@ const Uo = g.div`
|
|
|
1007
1007
|
}
|
|
1008
1008
|
) }),
|
|
1009
1009
|
d.map((T) => {
|
|
1010
|
-
const V = Ut(T) ?
|
|
1011
|
-
return /* @__PURE__ */ n(
|
|
1010
|
+
const V = Ut(T) ? Er[T] : void 0;
|
|
1011
|
+
return /* @__PURE__ */ n(ne, { label: T, children: V && Ut(T) ? /* @__PURE__ */ n(
|
|
1012
1012
|
V,
|
|
1013
1013
|
{
|
|
1014
1014
|
value: r[T],
|
|
1015
|
-
onChange: (
|
|
1015
|
+
onChange: (M) => a((R) => ({ ...R, [T]: M }))
|
|
1016
1016
|
}
|
|
1017
1017
|
) : /* @__PURE__ */ n(we, { children: "Not supported in debug." }) }, T);
|
|
1018
1018
|
})
|
|
1019
1019
|
] }), z = () => {
|
|
1020
1020
|
if (b)
|
|
1021
|
-
return Array.from({ length:
|
|
1022
|
-
if (S) return /* @__PURE__ */ n(we, { children:
|
|
1021
|
+
return Array.from({ length: br }).map((T, V) => /* @__PURE__ */ n(nt, { className: "loading" }, V));
|
|
1022
|
+
if (S) return /* @__PURE__ */ n(we, { children: so(C?.error) });
|
|
1023
1023
|
if (!x.length) {
|
|
1024
1024
|
const T = "project_name" in (e.acceptedParams || {}) && !r.project_name ? " Try selecting a project." : "";
|
|
1025
1025
|
return /* @__PURE__ */ w(we, { children: [
|
|
@@ -1027,7 +1027,7 @@ const Uo = g.div`
|
|
|
1027
1027
|
T
|
|
1028
1028
|
] });
|
|
1029
1029
|
}
|
|
1030
|
-
return $.length ? $.map((T) => /* @__PURE__ */ w(
|
|
1030
|
+
return $.length ? $.map((T) => /* @__PURE__ */ w(Cr, { title: T.description, children: [
|
|
1031
1031
|
/* @__PURE__ */ n(Pn, { icon: T.icon, color: T.color, reserveSpace: N }),
|
|
1032
1032
|
/* @__PURE__ */ n("span", { className: "label", children: T.label }),
|
|
1033
1033
|
/* @__PURE__ */ n("span", { className: "value", children: String(T.value) })
|
|
@@ -1046,11 +1046,11 @@ const Uo = g.div`
|
|
|
1046
1046
|
size: "full",
|
|
1047
1047
|
style: { width: "95vw", maxWidth: "95vw", height: "95vh", maxHeight: "95vh" },
|
|
1048
1048
|
onKeyDown: B,
|
|
1049
|
-
children: /* @__PURE__ */ w(
|
|
1050
|
-
/* @__PURE__ */ w(
|
|
1049
|
+
children: /* @__PURE__ */ w(yr, { children: [
|
|
1050
|
+
/* @__PURE__ */ w(xr, { children: [
|
|
1051
1051
|
/* @__PURE__ */ w(pt, { children: [
|
|
1052
1052
|
/* @__PURE__ */ n(mt, { children: "Context Params" }),
|
|
1053
|
-
|
|
1053
|
+
L()
|
|
1054
1054
|
] }),
|
|
1055
1055
|
/* @__PURE__ */ w(pt, { children: [
|
|
1056
1056
|
/* @__PURE__ */ n(mt, { children: "Form" }),
|
|
@@ -1058,10 +1058,10 @@ const Uo = g.div`
|
|
|
1058
1058
|
] }),
|
|
1059
1059
|
/* @__PURE__ */ w(pt, { children: [
|
|
1060
1060
|
/* @__PURE__ */ n(mt, { children: "Enum Resolver Data" }),
|
|
1061
|
-
/* @__PURE__ */ n(
|
|
1061
|
+
/* @__PURE__ */ n(yo, { value: e, wrap: !0 })
|
|
1062
1062
|
] })
|
|
1063
1063
|
] }),
|
|
1064
|
-
/* @__PURE__ */ w(
|
|
1064
|
+
/* @__PURE__ */ w(wr, { children: [
|
|
1065
1065
|
/* @__PURE__ */ n(
|
|
1066
1066
|
Ae,
|
|
1067
1067
|
{
|
|
@@ -1071,16 +1071,16 @@ const Uo = g.div`
|
|
|
1071
1071
|
autoFocus: !0
|
|
1072
1072
|
}
|
|
1073
1073
|
),
|
|
1074
|
-
!b && !S && x.length > 0 && /* @__PURE__ */ n(
|
|
1075
|
-
/* @__PURE__ */ n(
|
|
1074
|
+
!b && !S && x.length > 0 && /* @__PURE__ */ n(Sr, { children: P ? `${$.length} of ${x.length} ${x.length === 1 ? "item" : "items"}` : `${x.length} ${x.length === 1 ? "item" : "items"}` }),
|
|
1075
|
+
/* @__PURE__ */ n(kr, { children: z() })
|
|
1076
1076
|
] })
|
|
1077
1077
|
] })
|
|
1078
1078
|
}
|
|
1079
1079
|
);
|
|
1080
|
-
}, Ue = "__custom__", gt = 5,
|
|
1080
|
+
}, Ue = "__custom__", gt = 5, Pr = [], _r = "No preview items found.", Dr = 5, Ar = {
|
|
1081
1081
|
project_name: "The select options will change based on the project it is used in.",
|
|
1082
1082
|
user: "The select options will change based on the current user."
|
|
1083
|
-
},
|
|
1083
|
+
}, Lr = g.div`
|
|
1084
1084
|
display: flex;
|
|
1085
1085
|
flex-direction: column;
|
|
1086
1086
|
gap: var(--base-gap-large);
|
|
@@ -1095,7 +1095,7 @@ const Uo = g.div`
|
|
|
1095
1095
|
padding: var(--padding-m);
|
|
1096
1096
|
border-radius: var(--border-radius-m);
|
|
1097
1097
|
background-color: var(--md-sys-color-surface-container);
|
|
1098
|
-
`,
|
|
1098
|
+
`, Or = g.button`
|
|
1099
1099
|
display: flex;
|
|
1100
1100
|
align-items: center;
|
|
1101
1101
|
align-self: flex-start;
|
|
@@ -1111,7 +1111,7 @@ const Uo = g.div`
|
|
|
1111
1111
|
color: var(--md-sys-color-on-surface);
|
|
1112
1112
|
text-decoration: underline;
|
|
1113
1113
|
}
|
|
1114
|
-
`,
|
|
1114
|
+
`, Rr = g(ro)`
|
|
1115
1115
|
cursor: pointer;
|
|
1116
1116
|
padding: var(--padding-s) var(--padding-m);
|
|
1117
1117
|
|
|
@@ -1122,7 +1122,7 @@ const Uo = g.div`
|
|
|
1122
1122
|
&:hover {
|
|
1123
1123
|
filter: brightness(1.15);
|
|
1124
1124
|
}
|
|
1125
|
-
`,
|
|
1125
|
+
`, $r = g(nt)`
|
|
1126
1126
|
&:nth-child(2n) {
|
|
1127
1127
|
width: 80%;
|
|
1128
1128
|
}
|
|
@@ -1130,18 +1130,18 @@ const Uo = g.div`
|
|
|
1130
1130
|
&:last-of-type {
|
|
1131
1131
|
width: 64px;
|
|
1132
1132
|
}
|
|
1133
|
-
`,
|
|
1133
|
+
`, Mr = ({
|
|
1134
1134
|
resolver: e,
|
|
1135
1135
|
acceptedParams: t,
|
|
1136
1136
|
settings: o,
|
|
1137
1137
|
onShowMore: r
|
|
1138
1138
|
}) => {
|
|
1139
|
-
const a =
|
|
1139
|
+
const a = Q(
|
|
1140
1140
|
() => ({ enumResolver: e, enumResolverSettings: o }),
|
|
1141
1141
|
[e, o]
|
|
1142
|
-
), { options: s, isLoading: i, isError: v, errorMessage: f } =
|
|
1142
|
+
), { options: s, isLoading: i, isError: v, errorMessage: f } = vo(a), c = fn(s), l = yn(t);
|
|
1143
1143
|
if (i)
|
|
1144
|
-
return /* @__PURE__ */ n(He, { children: Array.from({ length: gt + 1 }).map((d, h) => /* @__PURE__ */ n(
|
|
1144
|
+
return /* @__PURE__ */ n(He, { children: Array.from({ length: gt + 1 }).map((d, h) => /* @__PURE__ */ n($r, { className: "loading" }, h)) });
|
|
1145
1145
|
if (v)
|
|
1146
1146
|
return /* @__PURE__ */ n(He, { children: /* @__PURE__ */ w(Ye, { children: [
|
|
1147
1147
|
'Could not load options for "',
|
|
@@ -1151,7 +1151,7 @@ const Uo = g.div`
|
|
|
1151
1151
|
] }) });
|
|
1152
1152
|
if (!c.length)
|
|
1153
1153
|
return /* @__PURE__ */ n(He, { children: /* @__PURE__ */ w(Ye, { children: [
|
|
1154
|
-
|
|
1154
|
+
_r,
|
|
1155
1155
|
l.length > 0 && ` This could be because in context parameters (${l.join(
|
|
1156
1156
|
", "
|
|
1157
1157
|
)}) are required to get the items.`
|
|
@@ -1162,13 +1162,13 @@ const Uo = g.div`
|
|
|
1162
1162
|
/* @__PURE__ */ n(Pn, { icon: h, color: d.color, reserveSpace: y }),
|
|
1163
1163
|
/* @__PURE__ */ n("span", { className: "label", children: d.label })
|
|
1164
1164
|
] }, String(d.value))),
|
|
1165
|
-
p > 0 && /* @__PURE__ */ w(
|
|
1165
|
+
p > 0 && /* @__PURE__ */ w(Or, { type: "button", onClick: r, children: [
|
|
1166
1166
|
"+",
|
|
1167
1167
|
p,
|
|
1168
1168
|
" more"
|
|
1169
1169
|
] })
|
|
1170
1170
|
] });
|
|
1171
|
-
},
|
|
1171
|
+
}, Fr = ({
|
|
1172
1172
|
enumValues: e,
|
|
1173
1173
|
enumResolver: t,
|
|
1174
1174
|
enumResolverSettings: o,
|
|
@@ -1176,14 +1176,14 @@ const Uo = g.div`
|
|
|
1176
1176
|
onChangeResolver: a,
|
|
1177
1177
|
onChangeResolverSettings: s
|
|
1178
1178
|
}) => {
|
|
1179
|
-
const { data: i = [], isLoading: v, isError: f } =
|
|
1179
|
+
const { data: i = [], isLoading: v, isError: f } = lo(), [c, l] = U(!1), p = () => l(!0), u = [
|
|
1180
1180
|
{ value: Ue, label: "Custom" },
|
|
1181
1181
|
...i.map((m) => ({
|
|
1182
1182
|
value: m.name,
|
|
1183
1183
|
label: m.label || Tt(m.name)
|
|
1184
1184
|
}))
|
|
1185
|
-
], y = t || Ue, d = i.find((m) => m.name === t), h = d?.settingsForm ||
|
|
1186
|
-
return /* @__PURE__ */ w(
|
|
1185
|
+
], y = t || Ue, d = i.find((m) => m.name === t), h = d?.settingsForm || Pr, k = o || {}, C = yn(d?.acceptedParams).map((m) => Ar[m]).join(" ");
|
|
1186
|
+
return /* @__PURE__ */ w(Lr, { children: [
|
|
1187
1187
|
/* @__PURE__ */ n(
|
|
1188
1188
|
pe,
|
|
1189
1189
|
{
|
|
@@ -1195,12 +1195,12 @@ const Uo = g.div`
|
|
|
1195
1195
|
},
|
|
1196
1196
|
disabled: v || f,
|
|
1197
1197
|
minSelected: 1,
|
|
1198
|
-
searchOnNumber:
|
|
1198
|
+
searchOnNumber: Dr,
|
|
1199
1199
|
widthExpand: !0
|
|
1200
1200
|
}
|
|
1201
1201
|
),
|
|
1202
1202
|
y === Ue ? /* @__PURE__ */ n(
|
|
1203
|
-
|
|
1203
|
+
fr,
|
|
1204
1204
|
{
|
|
1205
1205
|
values: e || [],
|
|
1206
1206
|
onChange: (m) => r(m?.length ? m : void 0)
|
|
@@ -1213,7 +1213,7 @@ const Uo = g.div`
|
|
|
1213
1213
|
] }),
|
|
1214
1214
|
d?.description && /* @__PURE__ */ n(Ye, { children: d.description }),
|
|
1215
1215
|
C && /* @__PURE__ */ n(
|
|
1216
|
-
|
|
1216
|
+
Rr,
|
|
1217
1217
|
{
|
|
1218
1218
|
message: C,
|
|
1219
1219
|
role: "button",
|
|
@@ -1235,7 +1235,7 @@ const Uo = g.div`
|
|
|
1235
1235
|
),
|
|
1236
1236
|
d && /* @__PURE__ */ w(me, { children: [
|
|
1237
1237
|
/* @__PURE__ */ n(
|
|
1238
|
-
|
|
1238
|
+
Mr,
|
|
1239
1239
|
{
|
|
1240
1240
|
resolver: d.name,
|
|
1241
1241
|
acceptedParams: d.acceptedParams,
|
|
@@ -1255,7 +1255,7 @@ const Uo = g.div`
|
|
|
1255
1255
|
)
|
|
1256
1256
|
] }),
|
|
1257
1257
|
c && d && /* @__PURE__ */ n(
|
|
1258
|
-
|
|
1258
|
+
Nr,
|
|
1259
1259
|
{
|
|
1260
1260
|
resolver: d,
|
|
1261
1261
|
settings: k,
|
|
@@ -1287,13 +1287,13 @@ const Uo = g.div`
|
|
|
1287
1287
|
{ value: "number", label: "Number", icon: ve("number", "integer") },
|
|
1288
1288
|
{ value: "checkbox", label: "Checkbox", icon: ve("checkbox", "boolean") },
|
|
1289
1289
|
{ value: "datetime", label: "Date and time", icon: ve("datetime", "datetime") }
|
|
1290
|
-
],
|
|
1290
|
+
], Vr = {
|
|
1291
1291
|
text: ["minLength", "maxLength", "regex"],
|
|
1292
1292
|
select: ["enum"],
|
|
1293
1293
|
number: ["ge", "gt", "le", "lt"],
|
|
1294
1294
|
checkbox: [],
|
|
1295
1295
|
datetime: []
|
|
1296
|
-
},
|
|
1296
|
+
}, Br = {
|
|
1297
1297
|
checkbox: ["example"]
|
|
1298
1298
|
}, wt = (e, t, o) => {
|
|
1299
1299
|
switch (e) {
|
|
@@ -1311,7 +1311,7 @@ const Uo = g.div`
|
|
|
1311
1311
|
default:
|
|
1312
1312
|
return "text";
|
|
1313
1313
|
}
|
|
1314
|
-
},
|
|
1314
|
+
}, Ur = (e, t) => {
|
|
1315
1315
|
switch (e) {
|
|
1316
1316
|
case "text":
|
|
1317
1317
|
return "string";
|
|
@@ -1324,24 +1324,24 @@ const Uo = g.div`
|
|
|
1324
1324
|
case "datetime":
|
|
1325
1325
|
return "datetime";
|
|
1326
1326
|
}
|
|
1327
|
-
},
|
|
1327
|
+
}, Hr = [
|
|
1328
1328
|
"string",
|
|
1329
1329
|
"integer",
|
|
1330
1330
|
"float",
|
|
1331
1331
|
"boolean",
|
|
1332
1332
|
"datetime",
|
|
1333
1333
|
"list_of_strings"
|
|
1334
|
-
],
|
|
1335
|
-
if (!e || !
|
|
1334
|
+
], Es = (e, t, o) => {
|
|
1335
|
+
if (!e || !Hr.includes(e)) return e ?? "";
|
|
1336
1336
|
if (e === "list_of_strings") return "Select (multiple)";
|
|
1337
1337
|
const r = wt(e, t, o);
|
|
1338
1338
|
return Ke.find((a) => a.value === r)?.label ?? e;
|
|
1339
|
-
},
|
|
1339
|
+
}, zr = g.div`
|
|
1340
1340
|
display: flex;
|
|
1341
1341
|
flex-direction: row;
|
|
1342
1342
|
gap: var(--base-gap-large);
|
|
1343
1343
|
align-items: center;
|
|
1344
|
-
`,
|
|
1344
|
+
`, jr = /^[a-zA-Z0-9]{2,64}$/, Kr = [
|
|
1345
1345
|
{ value: "project", label: "Project" },
|
|
1346
1346
|
{ value: "folder", label: "Folder" },
|
|
1347
1347
|
{ value: "task", label: "Task" },
|
|
@@ -1350,7 +1350,7 @@ const Uo = g.div`
|
|
|
1350
1350
|
{ value: "representation", label: "Representation" },
|
|
1351
1351
|
{ value: "user", label: "User" },
|
|
1352
1352
|
{ value: "list", label: "List" }
|
|
1353
|
-
],
|
|
1353
|
+
], Gr = [
|
|
1354
1354
|
{ value: "description", scope: null },
|
|
1355
1355
|
{ value: "example", scope: null },
|
|
1356
1356
|
{ value: "default", scope: ["project"] },
|
|
@@ -1358,7 +1358,7 @@ const Uo = g.div`
|
|
|
1358
1358
|
value: "inherit",
|
|
1359
1359
|
scope: ["project", "folder", "task", "product", "version", "representation", "user"]
|
|
1360
1360
|
}
|
|
1361
|
-
],
|
|
1361
|
+
], Yr = {
|
|
1362
1362
|
name: "",
|
|
1363
1363
|
scope: ["folder", "task"],
|
|
1364
1364
|
builtin: !1,
|
|
@@ -1383,8 +1383,8 @@ const Uo = g.div`
|
|
|
1383
1383
|
le: void 0,
|
|
1384
1384
|
lt: void 0
|
|
1385
1385
|
}
|
|
1386
|
-
},
|
|
1387
|
-
const o = JSON.parse(JSON.stringify(
|
|
1386
|
+
}, qr = (e, t) => {
|
|
1387
|
+
const o = JSON.parse(JSON.stringify(Yr)), r = ["name"];
|
|
1388
1388
|
Object.keys(o).forEach((s) => {
|
|
1389
1389
|
!r.includes(s) && e.includes(s) && s !== "data" && delete o[s];
|
|
1390
1390
|
});
|
|
@@ -1395,7 +1395,7 @@ const Uo = g.div`
|
|
|
1395
1395
|
const i = s;
|
|
1396
1396
|
i === "data" && t.data && o.data ? o.data = { ...o.data, ...t.data } : t[i] !== void 0 && (o[i] = t[i]);
|
|
1397
1397
|
}), o;
|
|
1398
|
-
},
|
|
1398
|
+
}, Ts = ({
|
|
1399
1399
|
attribute: e,
|
|
1400
1400
|
defaultData: t,
|
|
1401
1401
|
existingNames: o,
|
|
@@ -1409,7 +1409,7 @@ const Uo = g.div`
|
|
|
1409
1409
|
const c = t ? {
|
|
1410
1410
|
...t,
|
|
1411
1411
|
name: t.name || (t.data?.title ? ut(t.data.title) : void 0)
|
|
1412
|
-
} : void 0, l = e ||
|
|
1412
|
+
} : void 0, l = e || qr(s, {
|
|
1413
1413
|
position: o.length,
|
|
1414
1414
|
...c
|
|
1415
1415
|
}), [p, u] = U(l), [y, d] = U(
|
|
@@ -1421,17 +1421,17 @@ const Uo = g.div`
|
|
|
1421
1421
|
), k(e.data?.type === "float"));
|
|
1422
1422
|
}, [e]);
|
|
1423
1423
|
const C = !e, b = (I, _) => {
|
|
1424
|
-
u((
|
|
1424
|
+
u((O) => O && { ...O, [I]: _ });
|
|
1425
1425
|
}, m = (I, _) => {
|
|
1426
|
-
u((
|
|
1427
|
-
if (!
|
|
1428
|
-
return
|
|
1429
|
-
const
|
|
1430
|
-
return { ...
|
|
1426
|
+
u((O) => {
|
|
1427
|
+
if (!O || !O.data)
|
|
1428
|
+
return O;
|
|
1429
|
+
const F = { ...O.data, [I]: _ };
|
|
1430
|
+
return { ...O, data: F };
|
|
1431
1431
|
});
|
|
1432
1432
|
};
|
|
1433
1433
|
let x = "";
|
|
1434
|
-
p && C && (o.includes(p.name) ? x = "This attribute already exists" :
|
|
1434
|
+
p && C && (o.includes(p.name) ? x = "This attribute already exists" : jr.test(p.name) || (x = "Invalid attribute name: use 2-64 letters or digits, no spaces or symbols"));
|
|
1435
1435
|
const S = () => {
|
|
1436
1436
|
p && v(p);
|
|
1437
1437
|
}, P = /* @__PURE__ */ w("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
|
|
@@ -1459,38 +1459,38 @@ const Uo = g.div`
|
|
|
1459
1459
|
)
|
|
1460
1460
|
] });
|
|
1461
1461
|
let $ = [];
|
|
1462
|
-
|
|
1462
|
+
Gr.forEach((I) => {
|
|
1463
1463
|
(!I?.scope || I?.scope?.some((_) => p?.scope?.includes(_))) && $.push(I.value);
|
|
1464
1464
|
});
|
|
1465
1465
|
const N = [
|
|
1466
|
-
...
|
|
1466
|
+
...Vr[y] ?? [],
|
|
1467
1467
|
...y === "select" && p?.data?.type === "list_of_strings" ? ["minItems", "maxItems"] : []
|
|
1468
|
-
], B =
|
|
1468
|
+
], B = Br[y] ?? [];
|
|
1469
1469
|
$ = [...$, ...N].filter((I) => !B.includes(I));
|
|
1470
|
-
const
|
|
1470
|
+
const L = {
|
|
1471
1471
|
enum: (I = [], _) => /* @__PURE__ */ n(
|
|
1472
|
-
|
|
1472
|
+
Fr,
|
|
1473
1473
|
{
|
|
1474
1474
|
enumValues: I,
|
|
1475
1475
|
enumResolver: p?.data?.enumResolver,
|
|
1476
1476
|
enumResolverSettings: p?.data?.enumResolverSettings,
|
|
1477
1477
|
onChangeEnum: _,
|
|
1478
1478
|
onChangeResolver: z,
|
|
1479
|
-
onChangeResolverSettings: (
|
|
1479
|
+
onChangeResolverSettings: (O) => m("enumResolverSettings", O)
|
|
1480
1480
|
}
|
|
1481
1481
|
),
|
|
1482
1482
|
inherit: (I, _) => /* @__PURE__ */ n(
|
|
1483
1483
|
De,
|
|
1484
1484
|
{
|
|
1485
1485
|
checked: I,
|
|
1486
|
-
onChange: (
|
|
1486
|
+
onChange: (O) => _(O.target.checked)
|
|
1487
1487
|
}
|
|
1488
1488
|
),
|
|
1489
1489
|
booleanDefault: (I, _) => /* @__PURE__ */ n(
|
|
1490
1490
|
De,
|
|
1491
1491
|
{
|
|
1492
1492
|
checked: I,
|
|
1493
|
-
onChange: (
|
|
1493
|
+
onChange: (O) => _(O.target.checked)
|
|
1494
1494
|
}
|
|
1495
1495
|
)
|
|
1496
1496
|
}, z = (I) => {
|
|
@@ -1500,8 +1500,8 @@ const Uo = g.div`
|
|
|
1500
1500
|
m("title", _), C && b("name", ut(_));
|
|
1501
1501
|
}, V = (I) => {
|
|
1502
1502
|
const _ = I[0];
|
|
1503
|
-
d(_), m("type",
|
|
1504
|
-
},
|
|
1503
|
+
d(_), m("type", Ur(_, h)), _ !== "select" && (m("enum", void 0), m("enumResolver", void 0), m("enumResolverSettings", void 0), m("minItems", void 0), m("maxItems", void 0)), _ !== "text" && p?.data?.regex && m("regex", ""), m("widget", void 0);
|
|
1504
|
+
}, R = Ke.find((I) => I.value === y)?.widgets;
|
|
1505
1505
|
return /* @__PURE__ */ n(
|
|
1506
1506
|
qe,
|
|
1507
1507
|
{
|
|
@@ -1516,9 +1516,9 @@ const Uo = g.div`
|
|
|
1516
1516
|
I.key === "Enter" && (I.metaKey || I.ctrlKey) && (I.preventDefault(), S());
|
|
1517
1517
|
},
|
|
1518
1518
|
children: p && /* @__PURE__ */ w(Et, { children: [
|
|
1519
|
-
!s.includes("title") && /* @__PURE__ */ n(
|
|
1520
|
-
!s.includes("name") && /* @__PURE__ */ n(
|
|
1521
|
-
|
|
1519
|
+
!s.includes("title") && /* @__PURE__ */ n(ne, { label: "Title", children: /* @__PURE__ */ n(Ae, { value: p?.data.title, onChange: T, autoFocus: !0 }) }, "title"),
|
|
1520
|
+
!s.includes("name") && /* @__PURE__ */ n(ne, { label: "Name", children: /* @__PURE__ */ n(
|
|
1521
|
+
to,
|
|
1522
1522
|
{
|
|
1523
1523
|
value: p.name,
|
|
1524
1524
|
disabled: !C,
|
|
@@ -1526,10 +1526,10 @@ const Uo = g.div`
|
|
|
1526
1526
|
label: "name"
|
|
1527
1527
|
}
|
|
1528
1528
|
) }, "name"),
|
|
1529
|
-
!s.includes("scope") && /* @__PURE__ */ n(
|
|
1529
|
+
!s.includes("scope") && /* @__PURE__ */ n(ne, { label: "Scope", children: /* @__PURE__ */ n(
|
|
1530
1530
|
pe,
|
|
1531
1531
|
{
|
|
1532
|
-
options:
|
|
1532
|
+
options: Kr,
|
|
1533
1533
|
disabled: p.builtin,
|
|
1534
1534
|
value: p.scope || [],
|
|
1535
1535
|
onChange: (I) => b("scope", I),
|
|
@@ -1537,7 +1537,7 @@ const Uo = g.div`
|
|
|
1537
1537
|
widthExpand: !0
|
|
1538
1538
|
}
|
|
1539
1539
|
) }),
|
|
1540
|
-
!s.includes("type") && /* @__PURE__ */ n(
|
|
1540
|
+
!s.includes("type") && /* @__PURE__ */ n(ne, { label: "Type", children: /* @__PURE__ */ w(zr, { children: [
|
|
1541
1541
|
/* @__PURE__ */ n(
|
|
1542
1542
|
pe,
|
|
1543
1543
|
{
|
|
@@ -1551,21 +1551,21 @@ const Uo = g.div`
|
|
|
1551
1551
|
style: { flex: 1 }
|
|
1552
1552
|
}
|
|
1553
1553
|
),
|
|
1554
|
-
|
|
1554
|
+
R && R.length > 0 && /* @__PURE__ */ n(
|
|
1555
1555
|
pe,
|
|
1556
1556
|
{
|
|
1557
1557
|
value: [
|
|
1558
|
-
p.data.widget ||
|
|
1558
|
+
p.data.widget || R.find((I) => I.isDefault)?.value || xt
|
|
1559
1559
|
],
|
|
1560
1560
|
disabled: p.builtin,
|
|
1561
1561
|
dataKey: "value",
|
|
1562
|
-
options:
|
|
1562
|
+
options: R,
|
|
1563
1563
|
onChange: (I) => m("widget", I[0] === xt ? void 0 : I[0]),
|
|
1564
1564
|
style: { flex: 0.5 }
|
|
1565
1565
|
}
|
|
1566
1566
|
)
|
|
1567
1567
|
] }) }),
|
|
1568
|
-
!s.includes("type") && y === "select" && /* @__PURE__ */ n(
|
|
1568
|
+
!s.includes("type") && y === "select" && /* @__PURE__ */ n(ne, { label: "Multi-select", "data-tooltip": "Allow multiple values to be selected", children: /* @__PURE__ */ n(
|
|
1569
1569
|
De,
|
|
1570
1570
|
{
|
|
1571
1571
|
checked: p.data.type === "list_of_strings",
|
|
@@ -1576,7 +1576,7 @@ const Uo = g.div`
|
|
|
1576
1576
|
}
|
|
1577
1577
|
}
|
|
1578
1578
|
) }),
|
|
1579
|
-
!s.includes("type") && y === "number" && /* @__PURE__ */ n(
|
|
1579
|
+
!s.includes("type") && y === "number" && /* @__PURE__ */ n(ne, { label: "Decimal", children: /* @__PURE__ */ n(
|
|
1580
1580
|
De,
|
|
1581
1581
|
{
|
|
1582
1582
|
checked: h,
|
|
@@ -1589,49 +1589,49 @@ const Uo = g.div`
|
|
|
1589
1589
|
) }),
|
|
1590
1590
|
$.map((I) => {
|
|
1591
1591
|
if (s.includes(I)) return null;
|
|
1592
|
-
let _ = null,
|
|
1592
|
+
let _ = null, O = oo(I);
|
|
1593
1593
|
if (I === "enum" || I === "inherit") {
|
|
1594
|
-
const
|
|
1595
|
-
_ =
|
|
1594
|
+
const F = L[I];
|
|
1595
|
+
_ = F(p?.data[I], (Y) => m(I, Y));
|
|
1596
1596
|
} else if (I === "default" && p?.data?.type === "boolean")
|
|
1597
|
-
_ =
|
|
1597
|
+
_ = L.booleanDefault(
|
|
1598
1598
|
p?.data[I],
|
|
1599
|
-
(
|
|
1599
|
+
(F) => m(I, F)
|
|
1600
1600
|
);
|
|
1601
1601
|
else if (["ge", "gt", "le", "lt"].includes(I)) {
|
|
1602
1602
|
if (["gt", "lt"].includes(I)) return null;
|
|
1603
1603
|
_ = /* @__PURE__ */ n(
|
|
1604
|
-
|
|
1604
|
+
tr,
|
|
1605
1605
|
{
|
|
1606
1606
|
value: p?.data,
|
|
1607
1607
|
isMin: I === "ge",
|
|
1608
1608
|
isFloat: p?.data?.type === "float",
|
|
1609
|
-
onChange: (
|
|
1610
|
-
const Y =
|
|
1609
|
+
onChange: (F) => {
|
|
1610
|
+
const Y = F.ge !== void 0 ? Number(F.ge) : void 0, oe = F.le !== void 0 ? Number(F.le) : void 0;
|
|
1611
1611
|
// @ts-expect-error
|
|
1612
|
-
|
|
1613
|
-
|
|
1612
|
+
F.ge !== void 0 && isNaN(Y) || // @ts-expect-error
|
|
1613
|
+
F.le !== void 0 && isNaN(oe) || u((re) => {
|
|
1614
1614
|
if (!re || !re.data) return re;
|
|
1615
|
-
const be = { ...re.data, ...
|
|
1615
|
+
const be = { ...re.data, ...F };
|
|
1616
1616
|
return { ...re, data: be };
|
|
1617
1617
|
});
|
|
1618
1618
|
}
|
|
1619
1619
|
}
|
|
1620
|
-
),
|
|
1620
|
+
), O = I === "ge" ? "Min" : "Max";
|
|
1621
1621
|
} else {
|
|
1622
|
-
const
|
|
1623
|
-
const
|
|
1622
|
+
const F = (Y) => {
|
|
1623
|
+
const oe = Y.target.value;
|
|
1624
1624
|
switch (I) {
|
|
1625
1625
|
case "minLength":
|
|
1626
1626
|
case "maxLength":
|
|
1627
1627
|
case "minItems":
|
|
1628
1628
|
case "maxItems": {
|
|
1629
|
-
const re = parseInt(
|
|
1629
|
+
const re = parseInt(oe, 10);
|
|
1630
1630
|
m(I, isNaN(re) ? void 0 : re);
|
|
1631
1631
|
break;
|
|
1632
1632
|
}
|
|
1633
1633
|
default:
|
|
1634
|
-
m(I,
|
|
1634
|
+
m(I, oe);
|
|
1635
1635
|
break;
|
|
1636
1636
|
}
|
|
1637
1637
|
};
|
|
@@ -1639,14 +1639,14 @@ const Uo = g.div`
|
|
|
1639
1639
|
Ae,
|
|
1640
1640
|
{
|
|
1641
1641
|
value: String(p?.data[I] ?? ""),
|
|
1642
|
-
onChange:
|
|
1642
|
+
onChange: F
|
|
1643
1643
|
}
|
|
1644
1644
|
);
|
|
1645
1645
|
}
|
|
1646
1646
|
return /* @__PURE__ */ n(
|
|
1647
|
-
|
|
1647
|
+
ne,
|
|
1648
1648
|
{
|
|
1649
|
-
label:
|
|
1649
|
+
label: O,
|
|
1650
1650
|
style: {
|
|
1651
1651
|
alignItems: "flex-start"
|
|
1652
1652
|
},
|
|
@@ -1659,7 +1659,7 @@ const Uo = g.div`
|
|
|
1659
1659
|
] })
|
|
1660
1660
|
}
|
|
1661
1661
|
);
|
|
1662
|
-
},
|
|
1662
|
+
}, Wr = Xn`
|
|
1663
1663
|
from {
|
|
1664
1664
|
opacity: 0;
|
|
1665
1665
|
transform: translateY(-4px);
|
|
@@ -1668,10 +1668,10 @@ const Uo = g.div`
|
|
|
1668
1668
|
opacity: 1;
|
|
1669
1669
|
transform: translateY(0);
|
|
1670
1670
|
}
|
|
1671
|
-
`,
|
|
1671
|
+
`, Ns = g.div`
|
|
1672
1672
|
position: relative;
|
|
1673
1673
|
display: inline-flex;
|
|
1674
|
-
`,
|
|
1674
|
+
`, Ps = g.button`
|
|
1675
1675
|
background: none;
|
|
1676
1676
|
border: none;
|
|
1677
1677
|
padding: 0;
|
|
@@ -1703,7 +1703,7 @@ const Uo = g.div`
|
|
|
1703
1703
|
width: 24px;
|
|
1704
1704
|
height: 24px;
|
|
1705
1705
|
}
|
|
1706
|
-
`,
|
|
1706
|
+
`, _s = g(G)`
|
|
1707
1707
|
width: 20px;
|
|
1708
1708
|
height: 20px;
|
|
1709
1709
|
min-width: 20px;
|
|
@@ -1719,13 +1719,13 @@ const Uo = g.div`
|
|
|
1719
1719
|
&:hover {
|
|
1720
1720
|
background-color: var(--md-sys-color-surface-container-highest-hover);
|
|
1721
1721
|
}
|
|
1722
|
-
`,
|
|
1722
|
+
`, Ds = g.div`
|
|
1723
1723
|
position: fixed;
|
|
1724
1724
|
z-index: 1001;
|
|
1725
1725
|
background-color: var(--md-sys-color-surface-container-highest);
|
|
1726
1726
|
border-radius: var(--border-radius-l);
|
|
1727
1727
|
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
|
|
1728
|
-
animation: ${
|
|
1728
|
+
animation: ${Wr} 0.15s ease-out;
|
|
1729
1729
|
|
|
1730
1730
|
&.right {
|
|
1731
1731
|
transform-origin: top right;
|
|
@@ -1734,13 +1734,13 @@ const Uo = g.div`
|
|
|
1734
1734
|
&.left {
|
|
1735
1735
|
transform-origin: top left;
|
|
1736
1736
|
}
|
|
1737
|
-
`,
|
|
1737
|
+
`, As = g.div`
|
|
1738
1738
|
display: flex;
|
|
1739
1739
|
flex-direction: column;
|
|
1740
1740
|
gap: var(--base-gap-small);
|
|
1741
1741
|
padding: var(--padding-m);
|
|
1742
1742
|
position: relative;
|
|
1743
|
-
`,
|
|
1743
|
+
`, Ls = g(H)`
|
|
1744
1744
|
&.hasIcon {
|
|
1745
1745
|
padding: 4px;
|
|
1746
1746
|
}
|
|
@@ -1756,7 +1756,7 @@ const Uo = g.div`
|
|
|
1756
1756
|
&:hover {
|
|
1757
1757
|
background-color: var(--md-sys-color-surface-container-highest-hover);
|
|
1758
1758
|
}
|
|
1759
|
-
`,
|
|
1759
|
+
`, Os = g.div`
|
|
1760
1760
|
display: flex;
|
|
1761
1761
|
flex-direction: column;
|
|
1762
1762
|
gap: 4px;
|
|
@@ -1765,7 +1765,7 @@ const Uo = g.div`
|
|
|
1765
1765
|
${fe.labelSmall}
|
|
1766
1766
|
color: var(--md-sys-color-outline);
|
|
1767
1767
|
}
|
|
1768
|
-
`,
|
|
1768
|
+
`, Rs = g.input`
|
|
1769
1769
|
background-color: var(--md-sys-color-surface-container-low);
|
|
1770
1770
|
border: 1px solid var(--md-sys-color-outline-variant);
|
|
1771
1771
|
border-radius: var(--border-radius-m);
|
|
@@ -1787,11 +1787,11 @@ const Uo = g.div`
|
|
|
1787
1787
|
cursor: pointer;
|
|
1788
1788
|
filter: invert(0.5);
|
|
1789
1789
|
}
|
|
1790
|
-
`,
|
|
1790
|
+
`, $s = g(H)`
|
|
1791
1791
|
&:hover {
|
|
1792
1792
|
background-color: var(--md-sys-color-surface-container-highest-hover);
|
|
1793
1793
|
}
|
|
1794
|
-
`,
|
|
1794
|
+
`, Xr = g.div`
|
|
1795
1795
|
position: fixed;
|
|
1796
1796
|
bottom: 14px;
|
|
1797
1797
|
left: 14px;
|
|
@@ -1807,13 +1807,13 @@ const Uo = g.div`
|
|
|
1807
1807
|
|
|
1808
1808
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
|
|
1809
1809
|
font-weight: 700;
|
|
1810
|
-
`,
|
|
1811
|
-
({ tooltip: e, ...t }, o) => /* @__PURE__ */ n(
|
|
1810
|
+
`, Ms = le(
|
|
1811
|
+
({ tooltip: e, ...t }, o) => /* @__PURE__ */ n(Xr, { "data-tooltip": e, "data-tooltip-delay": 0, ...t, ref: o, children: "Early preview" })
|
|
1812
1812
|
), St = [
|
|
1813
1813
|
{ value: "hero", label: "Hero", short: "Hero", icon: "star" },
|
|
1814
1814
|
{ value: "latestDone", label: "Latest Done", short: "Done", icon: "check_circle" },
|
|
1815
1815
|
{ value: "latest", label: "Latest", short: "Latest", icon: "fiber_new" }
|
|
1816
|
-
],
|
|
1816
|
+
], Fs = St.map((e) => e.value), Qr = ({ id: e, label: t }) => {
|
|
1817
1817
|
const { attributes: o, listeners: r, setNodeRef: a, transform: s, transition: i, isDragging: v } = Qe({
|
|
1818
1818
|
id: e
|
|
1819
1819
|
}), f = {
|
|
@@ -1821,7 +1821,7 @@ const Uo = g.div`
|
|
|
1821
1821
|
transition: i
|
|
1822
1822
|
};
|
|
1823
1823
|
return /* @__PURE__ */ n(
|
|
1824
|
-
|
|
1824
|
+
ei,
|
|
1825
1825
|
{
|
|
1826
1826
|
ref: a,
|
|
1827
1827
|
style: f,
|
|
@@ -1829,19 +1829,19 @@ const Uo = g.div`
|
|
|
1829
1829
|
...o,
|
|
1830
1830
|
...r,
|
|
1831
1831
|
children: /* @__PURE__ */ w(An, { children: [
|
|
1832
|
-
/* @__PURE__ */ n(
|
|
1833
|
-
/* @__PURE__ */ n(
|
|
1832
|
+
/* @__PURE__ */ n(Ln, { children: /* @__PURE__ */ n(G, { icon: "drag_indicator" }) }),
|
|
1833
|
+
/* @__PURE__ */ n(On, { children: t })
|
|
1834
1834
|
] })
|
|
1835
1835
|
}
|
|
1836
1836
|
);
|
|
1837
|
-
},
|
|
1837
|
+
}, Vs = ({ value: e, onChange: t }) => {
|
|
1838
1838
|
const [o, r] = U(null), a = Pt(
|
|
1839
1839
|
_t(Dt, {
|
|
1840
1840
|
activationConstraint: {
|
|
1841
1841
|
distance: 5
|
|
1842
1842
|
}
|
|
1843
1843
|
})
|
|
1844
|
-
), s =
|
|
1844
|
+
), s = Q(() => {
|
|
1845
1845
|
const c = [...St];
|
|
1846
1846
|
return e.length > 0 && c.sort((l, p) => {
|
|
1847
1847
|
const u = e.indexOf(l.value), y = e.indexOf(p.value);
|
|
@@ -1860,8 +1860,8 @@ const Uo = g.div`
|
|
|
1860
1860
|
}
|
|
1861
1861
|
r(null);
|
|
1862
1862
|
}, f = o ? St.find((c) => c.value === o) : null;
|
|
1863
|
-
return /* @__PURE__ */ w(
|
|
1864
|
-
/* @__PURE__ */ w(
|
|
1863
|
+
return /* @__PURE__ */ w(Jr, { children: [
|
|
1864
|
+
/* @__PURE__ */ w(ti, { children: [
|
|
1865
1865
|
/* @__PURE__ */ n("span", { className: "label", children: "Product's featured version priority" }),
|
|
1866
1866
|
/* @__PURE__ */ n(
|
|
1867
1867
|
G,
|
|
@@ -1881,30 +1881,30 @@ const Uo = g.div`
|
|
|
1881
1881
|
onDragEnd: v,
|
|
1882
1882
|
children: [
|
|
1883
1883
|
/* @__PURE__ */ n(
|
|
1884
|
-
|
|
1884
|
+
Le,
|
|
1885
1885
|
{
|
|
1886
1886
|
items: s.map((c) => c.value),
|
|
1887
|
-
strategy:
|
|
1888
|
-
children: /* @__PURE__ */ n(
|
|
1887
|
+
strategy: Oe,
|
|
1888
|
+
children: /* @__PURE__ */ n(Zr, { children: s.map((c) => /* @__PURE__ */ n(Qr, { id: c.value, label: c.label }, c.value)) })
|
|
1889
1889
|
}
|
|
1890
1890
|
),
|
|
1891
1891
|
/* @__PURE__ */ n(Nt, { children: f && /* @__PURE__ */ w(An, { className: "overlay", children: [
|
|
1892
|
-
/* @__PURE__ */ n(
|
|
1893
|
-
/* @__PURE__ */ n(
|
|
1892
|
+
/* @__PURE__ */ n(Ln, { children: /* @__PURE__ */ n(G, { icon: "drag_indicator" }) }),
|
|
1893
|
+
/* @__PURE__ */ n(On, { children: f.label })
|
|
1894
1894
|
] }) })
|
|
1895
1895
|
]
|
|
1896
1896
|
}
|
|
1897
1897
|
)
|
|
1898
1898
|
] });
|
|
1899
|
-
},
|
|
1899
|
+
}, Jr = g.div`
|
|
1900
1900
|
display: flex;
|
|
1901
1901
|
flex-direction: column;
|
|
1902
1902
|
gap: var(--base-gap-small);
|
|
1903
|
-
`,
|
|
1903
|
+
`, Zr = g.div`
|
|
1904
1904
|
display: flex;
|
|
1905
1905
|
flex-direction: column;
|
|
1906
1906
|
gap: var(--base-gap-small);
|
|
1907
|
-
`,
|
|
1907
|
+
`, ei = g.div`
|
|
1908
1908
|
&.dragging {
|
|
1909
1909
|
opacity: 0;
|
|
1910
1910
|
}
|
|
@@ -1931,14 +1931,14 @@ const Uo = g.div`
|
|
|
1931
1931
|
&:active {
|
|
1932
1932
|
cursor: grabbing;
|
|
1933
1933
|
}
|
|
1934
|
-
`,
|
|
1934
|
+
`, Ln = g.div`
|
|
1935
1935
|
display: flex;
|
|
1936
1936
|
align-items: center;
|
|
1937
1937
|
color: var(--md-sys-color-outline);
|
|
1938
|
-
`,
|
|
1938
|
+
`, On = g.span`
|
|
1939
1939
|
font-weight: 500;
|
|
1940
1940
|
color: var(--md-sys-color-on-surface);
|
|
1941
|
-
`,
|
|
1941
|
+
`, ti = g.div`
|
|
1942
1942
|
color: var(--md-sys-color-outline);
|
|
1943
1943
|
display: flex;
|
|
1944
1944
|
align-items: center;
|
|
@@ -1952,9 +1952,9 @@ const Uo = g.div`
|
|
|
1952
1952
|
.icon {
|
|
1953
1953
|
cursor: pointer;
|
|
1954
1954
|
}
|
|
1955
|
-
`,
|
|
1955
|
+
`, Bs = le(
|
|
1956
1956
|
({ tooltip: e = "This page will deprecated in a future version", ...t }, o) => /* @__PURE__ */ n(G, { icon: "ad_off", "data-tooltip": e, ...t, ref: o })
|
|
1957
|
-
),
|
|
1957
|
+
), ni = g(H)`
|
|
1958
1958
|
transition: color 0.2s, background-color 0.2s, opacity 0.2s;
|
|
1959
1959
|
|
|
1960
1960
|
.bolt {
|
|
@@ -1987,13 +1987,13 @@ const Uo = g.div`
|
|
|
1987
1987
|
&.rounded {
|
|
1988
1988
|
border-radius: var(--border-radius-xl);
|
|
1989
1989
|
}
|
|
1990
|
-
`,
|
|
1990
|
+
`, oi = le(
|
|
1991
1991
|
({ feature: e, variant: t = "outline", rounded: o = !0, bolt: r = !1, ...a }, s) => {
|
|
1992
|
-
const { setPowerpackDialog: i } =
|
|
1992
|
+
const { setPowerpackDialog: i } = wo(), v = (f) => {
|
|
1993
1993
|
i(e), a.onClick?.(f);
|
|
1994
1994
|
};
|
|
1995
1995
|
return /* @__PURE__ */ w(
|
|
1996
|
-
|
|
1996
|
+
ni,
|
|
1997
1997
|
{
|
|
1998
1998
|
icon: a.icon || "bolt",
|
|
1999
1999
|
...a,
|
|
@@ -2012,21 +2012,23 @@ const Uo = g.div`
|
|
|
2012
2012
|
}
|
|
2013
2013
|
);
|
|
2014
2014
|
}
|
|
2015
|
-
)
|
|
2015
|
+
);
|
|
2016
|
+
oi.displayName = "PowerpackButton";
|
|
2017
|
+
const ri = "https://ynput.cloud/free-trial", ii = ({
|
|
2016
2018
|
addon: e
|
|
2017
2019
|
// an addon they are trying to access, e.g. 'powerpack'
|
|
2018
2020
|
}) => {
|
|
2019
|
-
const { data: t } =
|
|
2021
|
+
const { data: t } = po(), o = t?.data?.isAdmin || t?.data?.isManager, { data: r } = mo(void 0, { skip: !t?.name }), { data: a } = go(
|
|
2020
2022
|
{},
|
|
2021
2023
|
{ skip: !o || !r?.instanceId }
|
|
2022
|
-
), s = new URL(
|
|
2024
|
+
), s = new URL(ri), i = r?.instanceId, v = a || 10;
|
|
2023
2025
|
return s.searchParams.append("seats", v.toString()), i && s.searchParams.append("instance_id", i), e && s.searchParams.append("addon", e), s.toString();
|
|
2024
|
-
},
|
|
2026
|
+
}, Us = le(
|
|
2025
2027
|
({ children: e, addon: t, ...o }, r) => {
|
|
2026
|
-
const a =
|
|
2028
|
+
const a = ii({ addon: t });
|
|
2027
2029
|
return /* @__PURE__ */ n("a", { href: a, target: "_blank", rel: "noopener noreferrer", ...o, ref: r, children: e });
|
|
2028
2030
|
}
|
|
2029
|
-
),
|
|
2031
|
+
), Hs = g(qe)`
|
|
2030
2032
|
background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),
|
|
2031
2033
|
#15171c;
|
|
2032
2034
|
|
|
@@ -2048,7 +2050,7 @@ const Uo = g.div`
|
|
|
2048
2050
|
.cancelButton {
|
|
2049
2051
|
background-color: unset;
|
|
2050
2052
|
}
|
|
2051
|
-
`,
|
|
2053
|
+
`, zs = g.div`
|
|
2052
2054
|
display: flex;
|
|
2053
2055
|
flex-direction: column;
|
|
2054
2056
|
align-items: center;
|
|
@@ -2078,7 +2080,7 @@ const Uo = g.div`
|
|
|
2078
2080
|
font-size: 32px;
|
|
2079
2081
|
color: var(--md-sys-color-tertiary);
|
|
2080
2082
|
}
|
|
2081
|
-
`,
|
|
2083
|
+
`, js = g.div`
|
|
2082
2084
|
width: 100%;
|
|
2083
2085
|
|
|
2084
2086
|
h3 {
|
|
@@ -2106,7 +2108,7 @@ const Uo = g.div`
|
|
|
2106
2108
|
gap: 8px;
|
|
2107
2109
|
}
|
|
2108
2110
|
}
|
|
2109
|
-
`,
|
|
2111
|
+
`, Ks = g.div`
|
|
2110
2112
|
cursor: pointer;
|
|
2111
2113
|
text-align: center;
|
|
2112
2114
|
margin-top: 16px;
|
|
@@ -2116,7 +2118,7 @@ const Uo = g.div`
|
|
|
2116
2118
|
&:hover {
|
|
2117
2119
|
text-decoration: underline;
|
|
2118
2120
|
}
|
|
2119
|
-
`,
|
|
2121
|
+
`, ai = g(H)`
|
|
2120
2122
|
background-color: var(--md-sys-color-tertiary);
|
|
2121
2123
|
color: var(--md-sys-color-on-tertiary);
|
|
2122
2124
|
padding: 12px 20px;
|
|
@@ -2128,19 +2130,19 @@ const Uo = g.div`
|
|
|
2128
2130
|
&:hover {
|
|
2129
2131
|
background-color: var(--md-sys-color-tertiary-hover);
|
|
2130
2132
|
}
|
|
2131
|
-
`,
|
|
2133
|
+
`, Gs = le(({ ...e }, t) => /* @__PURE__ */ n(ai, { ...e, children: "Try for free!" })), si = g.div`
|
|
2132
2134
|
display: flex;
|
|
2133
2135
|
flex-direction: column;
|
|
2134
2136
|
gap: 8px;
|
|
2135
2137
|
border-radius: var(--border-radius-l);
|
|
2136
2138
|
background-color: var(--md-sys-color-secondary-container);
|
|
2137
2139
|
padding: var(--padding-m);
|
|
2138
|
-
`,
|
|
2140
|
+
`, Ys = le(
|
|
2139
2141
|
({ requiredVersion: e, addonName: t, addonLabel: o, ...r }, a) => {
|
|
2140
2142
|
const s = t || "powerpack", i = o || "Power Features";
|
|
2141
|
-
return e ? /* @__PURE__ */ w(
|
|
2143
|
+
return e ? /* @__PURE__ */ w(si, { ...r, ref: a, children: [
|
|
2142
2144
|
/* @__PURE__ */ n("span", { children: `${i} version ${e} is required to use this feature.` }),
|
|
2143
|
-
/* @__PURE__ */ n(
|
|
2145
|
+
/* @__PURE__ */ n(So, { to: `/market?selected=${s}`, children: /* @__PURE__ */ w(H, { variant: "tertiary", children: [
|
|
2144
2146
|
"Update ",
|
|
2145
2147
|
i,
|
|
2146
2148
|
" ",
|
|
@@ -2148,7 +2150,7 @@ const Uo = g.div`
|
|
|
2148
2150
|
] }) })
|
|
2149
2151
|
] }) : `Required ${i} version installed already.`;
|
|
2150
2152
|
}
|
|
2151
|
-
),
|
|
2153
|
+
), li = g(H)`
|
|
2152
2154
|
width: 100%;
|
|
2153
2155
|
justify-content: flex-start;
|
|
2154
2156
|
margin-bottom: 8px;
|
|
@@ -2166,7 +2168,7 @@ const Uo = g.div`
|
|
|
2166
2168
|
.arrow {
|
|
2167
2169
|
color: var(--md-sys-color-outline);
|
|
2168
2170
|
}
|
|
2169
|
-
`,
|
|
2171
|
+
`, ci = g.div`
|
|
2170
2172
|
height: 100%;
|
|
2171
2173
|
/* fixed floor so the panel doesn't resize as its content changes */
|
|
2172
2174
|
min-width: 260px;
|
|
@@ -2176,7 +2178,7 @@ const Uo = g.div`
|
|
|
2176
2178
|
z-index: 10;
|
|
2177
2179
|
display: flex;
|
|
2178
2180
|
flex-direction: column;
|
|
2179
|
-
`,
|
|
2181
|
+
`, di = g.div`
|
|
2180
2182
|
display: flex;
|
|
2181
2183
|
align-items: center;
|
|
2182
2184
|
gap: var(--base-gap-small);
|
|
@@ -2192,20 +2194,20 @@ const Uo = g.div`
|
|
|
2192
2194
|
}
|
|
2193
2195
|
`, tn = g(H)`
|
|
2194
2196
|
padding: 4px !important;
|
|
2195
|
-
`,
|
|
2197
|
+
`, ui = g.h3`
|
|
2196
2198
|
margin: 0;
|
|
2197
2199
|
flex: 1;
|
|
2198
|
-
`,
|
|
2200
|
+
`, pi = g.div`
|
|
2199
2201
|
padding: 8px;
|
|
2200
2202
|
flex: 1;
|
|
2201
2203
|
overflow-y: auto;
|
|
2202
|
-
`,
|
|
2204
|
+
`, mi = ({ settings: e, order: t }) => {
|
|
2203
2205
|
const { isPanelOpen: o, selectedSetting: r, closePanel: a, backToMainMenu: s, selectSetting: i } = Ze(), v = () => r && e.find((u) => u.id === r)?.title || "Settings", f = t ? e.toSorted((p, u) => {
|
|
2204
2206
|
const y = p.id ? t.indexOf(p.id) : -1, d = u.id ? t.indexOf(u.id) : -1;
|
|
2205
2207
|
return y === -1 && d === -1 ? 0 : y === -1 ? 1 : d === -1 ? -1 : y - d;
|
|
2206
2208
|
}) : e, c = e.find((p) => p.id === r), l = () => r ? e.find((u) => u.id === r)?.component : /* @__PURE__ */ n(me, { children: f.map(
|
|
2207
2209
|
(u, y) => u.title ? /* @__PURE__ */ w(
|
|
2208
|
-
|
|
2210
|
+
li,
|
|
2209
2211
|
{
|
|
2210
2212
|
onClick: () => i(u.id),
|
|
2211
2213
|
variant: "text",
|
|
@@ -2218,16 +2220,16 @@ const Uo = g.div`
|
|
|
2218
2220
|
]
|
|
2219
2221
|
},
|
|
2220
2222
|
u.id
|
|
2221
|
-
) : /* @__PURE__ */ n(
|
|
2223
|
+
) : /* @__PURE__ */ n(Jn, { children: u.component }, u.id)
|
|
2222
2224
|
) });
|
|
2223
|
-
return /* @__PURE__ */ w(
|
|
2224
|
-
/* @__PURE__ */ w(
|
|
2225
|
+
return /* @__PURE__ */ w(ci, { open: o, children: [
|
|
2226
|
+
/* @__PURE__ */ w(di, { children: [
|
|
2225
2227
|
r && /* @__PURE__ */ n(tn, { variant: "text", icon: "arrow_back", onClick: s }),
|
|
2226
|
-
/* @__PURE__ */ n(
|
|
2228
|
+
/* @__PURE__ */ n(ui, { children: v() }),
|
|
2227
2229
|
c?.headerActions,
|
|
2228
2230
|
/* @__PURE__ */ n(tn, { variant: "text", icon: "close", onClick: a })
|
|
2229
2231
|
] }),
|
|
2230
|
-
/* @__PURE__ */ n(
|
|
2232
|
+
/* @__PURE__ */ n(pi, { children: l() })
|
|
2231
2233
|
] });
|
|
2232
2234
|
}, ht = g.ul`
|
|
2233
2235
|
display: flex;
|
|
@@ -2236,7 +2238,7 @@ const Uo = g.div`
|
|
|
2236
2238
|
list-style-type: none;
|
|
2237
2239
|
margin: 0;
|
|
2238
2240
|
padding: 0;
|
|
2239
|
-
`,
|
|
2241
|
+
`, gi = g.li`
|
|
2240
2242
|
display: flex;
|
|
2241
2243
|
padding: 2px;
|
|
2242
2244
|
padding-left: 8px;
|
|
@@ -2285,11 +2287,11 @@ const Uo = g.div`
|
|
|
2285
2287
|
background-color: unset;
|
|
2286
2288
|
}
|
|
2287
2289
|
}
|
|
2288
|
-
`,
|
|
2290
|
+
`, hi = g.div`
|
|
2289
2291
|
display: flex;
|
|
2290
2292
|
gap: var(--base-gap-small);
|
|
2291
2293
|
margin-left: auto;
|
|
2292
|
-
`,
|
|
2294
|
+
`, vi = g(H)`
|
|
2293
2295
|
&& {
|
|
2294
2296
|
background-color: unset;
|
|
2295
2297
|
padding: 4px;
|
|
@@ -2320,7 +2322,7 @@ const Uo = g.div`
|
|
|
2320
2322
|
className: v,
|
|
2321
2323
|
...f
|
|
2322
2324
|
}, c) => /* @__PURE__ */ w(
|
|
2323
|
-
|
|
2325
|
+
gi,
|
|
2324
2326
|
{
|
|
2325
2327
|
className: J("setting-item", v, {
|
|
2326
2328
|
highlighted: a,
|
|
@@ -2339,8 +2341,8 @@ const Uo = g.div`
|
|
|
2339
2341
|
] }),
|
|
2340
2342
|
e.label
|
|
2341
2343
|
] }),
|
|
2342
|
-
/* @__PURE__ */ n(
|
|
2343
|
-
|
|
2344
|
+
/* @__PURE__ */ n(hi, { className: "actions", children: t?.map(({ icon: l, className: p, active: u, onClick: y, ...d }, h) => /* @__PURE__ */ w(
|
|
2345
|
+
vi,
|
|
2344
2346
|
{
|
|
2345
2347
|
className: J("action", p, { active: u }),
|
|
2346
2348
|
onClick: s ? void 0 : y,
|
|
@@ -2356,7 +2358,7 @@ const Uo = g.div`
|
|
|
2356
2358
|
]
|
|
2357
2359
|
}
|
|
2358
2360
|
)
|
|
2359
|
-
),
|
|
2361
|
+
), fi = g(ot)`
|
|
2360
2362
|
&:hover {
|
|
2361
2363
|
.pin-action {
|
|
2362
2364
|
opacity: 1;
|
|
@@ -2417,7 +2419,7 @@ const Uo = g.div`
|
|
|
2417
2419
|
onPaintEnter: u,
|
|
2418
2420
|
onDragStart: y
|
|
2419
2421
|
}) => {
|
|
2420
|
-
const d =
|
|
2422
|
+
const d = Q(
|
|
2421
2423
|
() => [
|
|
2422
2424
|
{
|
|
2423
2425
|
icon: "push_pin",
|
|
@@ -2444,7 +2446,7 @@ const Uo = g.div`
|
|
|
2444
2446
|
]
|
|
2445
2447
|
);
|
|
2446
2448
|
return /* @__PURE__ */ n(
|
|
2447
|
-
|
|
2449
|
+
fi,
|
|
2448
2450
|
{
|
|
2449
2451
|
id: e,
|
|
2450
2452
|
item: t,
|
|
@@ -2484,7 +2486,7 @@ const Uo = g.div`
|
|
|
2484
2486
|
transition: h
|
|
2485
2487
|
};
|
|
2486
2488
|
return /* @__PURE__ */ n(
|
|
2487
|
-
|
|
2489
|
+
bi,
|
|
2488
2490
|
{
|
|
2489
2491
|
ref: y,
|
|
2490
2492
|
style: C,
|
|
@@ -2508,18 +2510,18 @@ const Uo = g.div`
|
|
|
2508
2510
|
)
|
|
2509
2511
|
}
|
|
2510
2512
|
);
|
|
2511
|
-
},
|
|
2513
|
+
}, bi = g.div`
|
|
2512
2514
|
&.dragging {
|
|
2513
2515
|
z-index: 1;
|
|
2514
2516
|
opacity: 0;
|
|
2515
2517
|
}
|
|
2516
|
-
`,
|
|
2518
|
+
`, Rn = "text_fields", $n = ({
|
|
2517
2519
|
field: e,
|
|
2518
2520
|
parentScope: t
|
|
2519
|
-
}) => e ?
|
|
2521
|
+
}) => e ? X(e) : t ? In(t) : Rn, yi = (e) => e.length === 1 ? `${e[0].charAt(0).toUpperCase() + e[0].slice(1)} attributes` : "Attributes", Mn = (e = [], t = []) => [
|
|
2520
2522
|
{
|
|
2521
2523
|
id: "attributes",
|
|
2522
|
-
label:
|
|
2524
|
+
label: yi(e),
|
|
2523
2525
|
icon: "text_fields",
|
|
2524
2526
|
match: (o) => !!o.attrib && !o.parentScope
|
|
2525
2527
|
},
|
|
@@ -2534,7 +2536,7 @@ const Uo = g.div`
|
|
|
2534
2536
|
match: (r) => r.parentScope === o
|
|
2535
2537
|
})
|
|
2536
2538
|
)
|
|
2537
|
-
],
|
|
2539
|
+
], xi = (e, t = []) => Mn(t, [e]).find((o) => o.match(e)), Fn = ({
|
|
2538
2540
|
columns: e,
|
|
2539
2541
|
onToggle: t,
|
|
2540
2542
|
isColumnVisible: o,
|
|
@@ -2560,7 +2562,7 @@ const Uo = g.div`
|
|
|
2560
2562
|
},
|
|
2561
2563
|
onPointerEnter: (k) => a?.(d.value, k.buttons > 0)
|
|
2562
2564
|
};
|
|
2563
|
-
}, c =
|
|
2565
|
+
}, c = Mn(i, e), l = new Map(c.map((d) => [d.id, []])), p = [];
|
|
2564
2566
|
e.forEach((d) => {
|
|
2565
2567
|
const h = c.find((k) => k.match(d));
|
|
2566
2568
|
h ? l.get(h.id)?.push(d) : p.push(d);
|
|
@@ -2599,8 +2601,8 @@ const Uo = g.div`
|
|
|
2599
2601
|
const { menuOpen: o, setMenuOpen: r } = et();
|
|
2600
2602
|
return Z(() => {
|
|
2601
2603
|
!t.length && o === e && r(!1);
|
|
2602
|
-
}, [t.length, o, e, r]), /* @__PURE__ */ n(
|
|
2603
|
-
},
|
|
2604
|
+
}, [t.length, o, e, r]), /* @__PURE__ */ n(Do, { targetId: e, id: e, align: "left", children: /* @__PURE__ */ n(Ao, { menu: t, onClose: () => r(!1) }) });
|
|
2605
|
+
}, wi = 300, Vn = ({
|
|
2604
2606
|
columnVisibility: e,
|
|
2605
2607
|
defaultColumnVisibility: t,
|
|
2606
2608
|
updateColumnVisibility: o,
|
|
@@ -2618,7 +2620,7 @@ const Uo = g.div`
|
|
|
2618
2620
|
}, u = ee(() => {
|
|
2619
2621
|
v.current = null;
|
|
2620
2622
|
const b = i.current;
|
|
2621
|
-
b && (f.current = performance.now() +
|
|
2623
|
+
b && (f.current = performance.now() + wi, c.current.updateColumnVisibility(b.next), s(null));
|
|
2622
2624
|
}, []), y = ee(() => {
|
|
2623
2625
|
v.current = null, i.current && s(null);
|
|
2624
2626
|
}, []);
|
|
@@ -2663,10 +2665,18 @@ const Uo = g.div`
|
|
|
2663
2665
|
cancelPaint: y,
|
|
2664
2666
|
isPainting: !!a
|
|
2665
2667
|
};
|
|
2666
|
-
}, ze = "add-column-menu-list",
|
|
2667
|
-
|
|
2668
|
-
|
|
2669
|
-
},
|
|
2668
|
+
}, ze = "add-column-menu-list", Si = [], Bn = (e, t) => {
|
|
2669
|
+
if (!(e.attrib || e.parentScope))
|
|
2670
|
+
return xi(e, t)?.label;
|
|
2671
|
+
}, Un = (e) => e.parentScope && e.attrib ? ko(e.parentScope, e.label) : e.label, je = (e, t) => {
|
|
2672
|
+
const o = Bn(e, t);
|
|
2673
|
+
return {
|
|
2674
|
+
...e,
|
|
2675
|
+
label: Un(e),
|
|
2676
|
+
icon: e.icon ?? $n(e),
|
|
2677
|
+
...o ? { path: o } : {}
|
|
2678
|
+
};
|
|
2679
|
+
}, qs = ({
|
|
2670
2680
|
icon: e,
|
|
2671
2681
|
label: t,
|
|
2672
2682
|
checked: o,
|
|
@@ -2690,7 +2700,7 @@ const Uo = g.div`
|
|
|
2690
2700
|
),
|
|
2691
2701
|
...s
|
|
2692
2702
|
}
|
|
2693
|
-
),
|
|
2703
|
+
), ki = ({
|
|
2694
2704
|
columns: e,
|
|
2695
2705
|
highlighted: t,
|
|
2696
2706
|
columnVisibility: o,
|
|
@@ -2711,29 +2721,29 @@ const Uo = g.div`
|
|
|
2711
2721
|
addColumnMenuItems: C,
|
|
2712
2722
|
onColumnDragStart: b,
|
|
2713
2723
|
isColumnDragging: m,
|
|
2714
|
-
scopes: x =
|
|
2724
|
+
scopes: x = Si,
|
|
2715
2725
|
search: S,
|
|
2716
2726
|
onSearchChange: P
|
|
2717
2727
|
}) => {
|
|
2718
|
-
const [$, N] = U(null), [B,
|
|
2728
|
+
const [$, N] = U(null), [B, L] = U(!1), [z, T] = U(!1), [V, M] = U(!1), R = (E) => !!c && E === "name", {
|
|
2719
2729
|
baseVisibility: I,
|
|
2720
2730
|
displayVisibility: _,
|
|
2721
|
-
isVisible:
|
|
2722
|
-
onPaintStart:
|
|
2731
|
+
isVisible: O,
|
|
2732
|
+
onPaintStart: F,
|
|
2723
2733
|
onPaintEnter: Y,
|
|
2724
|
-
toggle:
|
|
2734
|
+
toggle: oe,
|
|
2725
2735
|
cancelPaint: re
|
|
2726
|
-
} =
|
|
2736
|
+
} = Vn({
|
|
2727
2737
|
columnVisibility: o,
|
|
2728
2738
|
defaultColumnVisibility: u,
|
|
2729
2739
|
updateColumnVisibility: r,
|
|
2730
|
-
isLocked:
|
|
2740
|
+
isLocked: R
|
|
2731
2741
|
}), { toggleMenuOpen: be } = et(), ye = K(null), ue = K({ columnVisibility: o, updateColumnVisibility: r });
|
|
2732
2742
|
ue.current = { columnVisibility: o, updateColumnVisibility: r };
|
|
2733
|
-
const
|
|
2743
|
+
const Re = K(null);
|
|
2734
2744
|
Z(() => {
|
|
2735
|
-
if (!t ||
|
|
2736
|
-
|
|
2745
|
+
if (!t || Re.current === t || !e.some((j) => j.value === t)) return;
|
|
2746
|
+
Re.current = t;
|
|
2737
2747
|
const { columnVisibility: E, updateColumnVisibility: D } = ue.current;
|
|
2738
2748
|
ae(E, t, u) || D({ ...E, [t]: !0 });
|
|
2739
2749
|
}, [t, e, u]), Z(() => {
|
|
@@ -2745,7 +2755,7 @@ const Uo = g.div`
|
|
|
2745
2755
|
distance: 5
|
|
2746
2756
|
}
|
|
2747
2757
|
})
|
|
2748
|
-
), $e = I, Ce = (E) => !
|
|
2758
|
+
), $e = I, Ce = (E) => !O(E), { visibleColumns: ge, pinnedColumns: ce } = Q(() => {
|
|
2749
2759
|
const E = e.filter(
|
|
2750
2760
|
(W) => ae($e, W.value, u)
|
|
2751
2761
|
), D = E.filter((W) => a.left?.includes(W.value));
|
|
@@ -2753,50 +2763,50 @@ const Uo = g.div`
|
|
|
2753
2763
|
visibleColumns: E.filter((W) => !a.left?.includes(W.value)),
|
|
2754
2764
|
pinnedColumns: D
|
|
2755
2765
|
};
|
|
2756
|
-
}, [e, $e, a, u]), ie =
|
|
2766
|
+
}, [e, $e, a, u]), ie = Q(() => {
|
|
2757
2767
|
const E = [...ge];
|
|
2758
2768
|
return i.length > 0 && E.sort((D, j) => {
|
|
2759
2769
|
const W = i.indexOf(D.value), se = i.indexOf(j.value);
|
|
2760
2770
|
return W === -1 ? 1 : se === -1 ? -1 : W - se;
|
|
2761
2771
|
}), E;
|
|
2762
|
-
}, [ge, i]), Ie =
|
|
2772
|
+
}, [ge, i]), Ie = Q(() => {
|
|
2763
2773
|
const E = [...ce];
|
|
2764
2774
|
return i.length > 0 && E.sort((D, j) => {
|
|
2765
2775
|
const W = i.indexOf(D.value), se = i.indexOf(j.value);
|
|
2766
2776
|
return W === -1 ? 1 : se === -1 ? -1 : W - se;
|
|
2767
2777
|
}), E;
|
|
2768
|
-
}, [ce, i]), A =
|
|
2778
|
+
}, [ce, i]), A = Q(
|
|
2769
2779
|
() => ie.map((E) => E.value),
|
|
2770
2780
|
[ie]
|
|
2771
|
-
), q =
|
|
2781
|
+
), q = Q(
|
|
2772
2782
|
() => Ie.map((E) => E.value),
|
|
2773
2783
|
[Ie]
|
|
2774
|
-
), he =
|
|
2784
|
+
), he = Q(() => {
|
|
2775
2785
|
if (typeof S != "string") return [];
|
|
2776
2786
|
const E = S.toLowerCase().split(/\s+/).filter(Boolean);
|
|
2777
|
-
return e.map((D) => ({ ...D, path:
|
|
2778
|
-
const j = [D.path, D
|
|
2787
|
+
return e.map((D) => ({ ...D, path: Bn(D, x) })).filter((D) => {
|
|
2788
|
+
const j = [D.path, Un(D)].filter(Boolean).join(" / ").toLowerCase();
|
|
2779
2789
|
return E.every((W) => j.includes(W));
|
|
2780
2790
|
}).toSorted((D, j) => +!!D.path - +!!j.path);
|
|
2781
|
-
}, [e, S, x]), Ee =
|
|
2782
|
-
() =>
|
|
2791
|
+
}, [e, S, x]), Ee = Q(
|
|
2792
|
+
() => Fn({
|
|
2783
2793
|
columns: e,
|
|
2784
|
-
onToggle:
|
|
2785
|
-
isColumnVisible:
|
|
2786
|
-
onPaintStart:
|
|
2794
|
+
onToggle: oe,
|
|
2795
|
+
isColumnVisible: O,
|
|
2796
|
+
onPaintStart: F,
|
|
2787
2797
|
onPaintEnter: Y,
|
|
2788
2798
|
scopes: x
|
|
2789
2799
|
}),
|
|
2790
|
-
[e, _,
|
|
2791
|
-
), Te = C ?? Ee,
|
|
2792
|
-
|
|
2800
|
+
[e, _, oe, F, Y, x]
|
|
2801
|
+
), Te = C ?? Ee, Rt = typeof S == "string" ? /* @__PURE__ */ n(
|
|
2802
|
+
Ii,
|
|
2793
2803
|
{
|
|
2794
2804
|
value: S,
|
|
2795
2805
|
onChange: (E) => P?.(E),
|
|
2796
2806
|
onClose: () => P?.(null)
|
|
2797
2807
|
}
|
|
2798
2808
|
) : /* @__PURE__ */ n(
|
|
2799
|
-
|
|
2809
|
+
Ci,
|
|
2800
2810
|
{
|
|
2801
2811
|
variant: "text",
|
|
2802
2812
|
icon: "add",
|
|
@@ -2834,10 +2844,10 @@ const Uo = g.div`
|
|
|
2834
2844
|
columnVisibility: { ...o, [E]: !0 }
|
|
2835
2845
|
})
|
|
2836
2846
|
);
|
|
2837
|
-
},
|
|
2847
|
+
}, jn = (E) => {
|
|
2838
2848
|
const D = E.active.id;
|
|
2839
2849
|
N(D), T(a.left?.includes(D) || !1), re();
|
|
2840
|
-
},
|
|
2850
|
+
}, Kn = (E) => {
|
|
2841
2851
|
const { active: D, over: j } = E;
|
|
2842
2852
|
if (j && D.id !== j.id) {
|
|
2843
2853
|
const W = ae(
|
|
@@ -2845,46 +2855,46 @@ const Uo = g.div`
|
|
|
2845
2855
|
j.id,
|
|
2846
2856
|
u
|
|
2847
2857
|
), se = a.left?.includes(j.id) || !1;
|
|
2848
|
-
|
|
2858
|
+
L(W && se), M(W && !se);
|
|
2849
2859
|
} else
|
|
2850
|
-
|
|
2851
|
-
},
|
|
2852
|
-
|
|
2860
|
+
M(!1);
|
|
2861
|
+
}, Gn = (E) => {
|
|
2862
|
+
L(!1), T(!1), M(!1);
|
|
2853
2863
|
const { active: D, over: j } = E;
|
|
2854
2864
|
if (j && D.id !== j.id) {
|
|
2855
2865
|
const W = [...ge, ...ce].find(
|
|
2856
2866
|
(de) => de.value === D.id
|
|
2857
2867
|
), se = [...ge, ...ce].find((de) => de.value === j.id);
|
|
2858
2868
|
if (W && se) {
|
|
2859
|
-
const de = D.id, at = j.id,
|
|
2869
|
+
const de = D.id, at = j.id, Yn = ae(
|
|
2860
2870
|
o,
|
|
2861
2871
|
de,
|
|
2862
2872
|
u
|
|
2863
|
-
),
|
|
2873
|
+
), qn = ae(
|
|
2864
2874
|
o,
|
|
2865
2875
|
at,
|
|
2866
2876
|
u
|
|
2867
2877
|
), st = a.left?.includes(de) || !1, lt = a.left?.includes(at) || !1, Ne = $t({});
|
|
2868
|
-
if (
|
|
2878
|
+
if (Yn && qn) {
|
|
2869
2879
|
let Pe = [...Ne.columnPinning.left || []];
|
|
2870
2880
|
st !== lt && (st && !lt ? Pe = Pe.filter((dt) => dt !== de) : !st && lt && (Pe = [...Pe, de]));
|
|
2871
|
-
const ct = [...q, ...A],
|
|
2872
|
-
if (
|
|
2873
|
-
console.error("Invalid column order state"),
|
|
2881
|
+
const ct = [...q, ...A], Mt = ct.indexOf(de), Ft = ct.indexOf(at);
|
|
2882
|
+
if (Mt === -1 || Ft === -1) {
|
|
2883
|
+
console.error("Invalid column order state"), xo.error("Invalid column order state");
|
|
2874
2884
|
return;
|
|
2875
2885
|
}
|
|
2876
|
-
const Vt = At(ct,
|
|
2886
|
+
const Vt = At(ct, Mt, Ft), Wn = Vt.filter((dt) => Pe.includes(dt));
|
|
2877
2887
|
Ne.columnOrder = Vt, Ne.columnPinning = {
|
|
2878
2888
|
...Ne.columnPinning,
|
|
2879
|
-
left:
|
|
2889
|
+
left: Wn
|
|
2880
2890
|
}, v(Ne);
|
|
2881
2891
|
}
|
|
2882
2892
|
}
|
|
2883
2893
|
}
|
|
2884
2894
|
N(null);
|
|
2885
|
-
},
|
|
2895
|
+
}, Me = $ ? [...ge, ...ce].find((E) => E.value === $) : null;
|
|
2886
2896
|
return typeof S == "string" ? /* @__PURE__ */ w(on, { ref: ye, "data-column-drag-origin": !0, children: [
|
|
2887
|
-
|
|
2897
|
+
Rt,
|
|
2888
2898
|
/* @__PURE__ */ n(Ct, { menuId: ze, menuItems: Te }),
|
|
2889
2899
|
/* @__PURE__ */ w(vt, { children: [
|
|
2890
2900
|
/* @__PURE__ */ n(ft, { children: "All Columns" }),
|
|
@@ -2896,11 +2906,11 @@ const Uo = g.div`
|
|
|
2896
2906
|
isPinned: a.left?.includes(E.value) || !1,
|
|
2897
2907
|
isHidden: Ce(E.value),
|
|
2898
2908
|
isHighlighted: t === E.value,
|
|
2899
|
-
isDisabled:
|
|
2909
|
+
isDisabled: R(E.value),
|
|
2900
2910
|
hideDragHandle: !0,
|
|
2901
2911
|
onTogglePinning: it,
|
|
2902
|
-
onToggleVisibility:
|
|
2903
|
-
onPaintStart:
|
|
2912
|
+
onToggleVisibility: oe,
|
|
2913
|
+
onPaintStart: F,
|
|
2904
2914
|
onPaintEnter: Y,
|
|
2905
2915
|
onDragStart: (D) => b?.(E, D)
|
|
2906
2916
|
},
|
|
@@ -2912,19 +2922,19 @@ const Uo = g.div`
|
|
|
2912
2922
|
{
|
|
2913
2923
|
sensors: rt,
|
|
2914
2924
|
collisionDetection: Xe,
|
|
2915
|
-
onDragStart:
|
|
2916
|
-
onDragOver:
|
|
2917
|
-
onDragEnd:
|
|
2925
|
+
onDragStart: jn,
|
|
2926
|
+
onDragOver: Kn,
|
|
2927
|
+
onDragEnd: Gn,
|
|
2918
2928
|
children: /* @__PURE__ */ w(on, { ref: ye, "data-column-drag-origin": !0, children: [
|
|
2919
|
-
|
|
2929
|
+
Rt,
|
|
2920
2930
|
/* @__PURE__ */ n(Ct, { menuId: ze, menuItems: Te }),
|
|
2921
2931
|
ce.length > 0 && /* @__PURE__ */ w(vt, { className: B && !z ? "drop-target" : "", children: [
|
|
2922
2932
|
/* @__PURE__ */ n(ft, { children: "Pinned Columns" }),
|
|
2923
2933
|
/* @__PURE__ */ n(
|
|
2924
|
-
|
|
2934
|
+
Le,
|
|
2925
2935
|
{
|
|
2926
2936
|
items: Ie.map((E) => E.value),
|
|
2927
|
-
strategy:
|
|
2937
|
+
strategy: Oe,
|
|
2928
2938
|
children: /* @__PURE__ */ n(ht, { children: Ie.map((E) => /* @__PURE__ */ n(
|
|
2929
2939
|
nn,
|
|
2930
2940
|
{
|
|
@@ -2932,11 +2942,11 @@ const Uo = g.div`
|
|
|
2932
2942
|
column: je(E, x),
|
|
2933
2943
|
isPinned: !0,
|
|
2934
2944
|
isHidden: Ce(E.value),
|
|
2935
|
-
isDisabled:
|
|
2945
|
+
isDisabled: R(E.value),
|
|
2936
2946
|
isHighlighted: t === E.value,
|
|
2937
2947
|
onTogglePinning: it,
|
|
2938
|
-
onToggleVisibility:
|
|
2939
|
-
onPaintStart:
|
|
2948
|
+
onToggleVisibility: oe,
|
|
2949
|
+
onPaintStart: F,
|
|
2940
2950
|
onPaintEnter: Y,
|
|
2941
2951
|
onDragStart: (D) => b?.(E, D)
|
|
2942
2952
|
},
|
|
@@ -2948,10 +2958,10 @@ const Uo = g.div`
|
|
|
2948
2958
|
/* @__PURE__ */ w(vt, { className: z && V ? "drop-target" : "", children: [
|
|
2949
2959
|
/* @__PURE__ */ n(ft, { children: "Visible Columns" }),
|
|
2950
2960
|
/* @__PURE__ */ n(
|
|
2951
|
-
|
|
2961
|
+
Le,
|
|
2952
2962
|
{
|
|
2953
2963
|
items: ie.map((E) => E.value),
|
|
2954
|
-
strategy:
|
|
2964
|
+
strategy: Oe,
|
|
2955
2965
|
children: /* @__PURE__ */ n(ht, { children: ie.map((E) => /* @__PURE__ */ n(
|
|
2956
2966
|
nn,
|
|
2957
2967
|
{
|
|
@@ -2960,10 +2970,10 @@ const Uo = g.div`
|
|
|
2960
2970
|
isPinned: !1,
|
|
2961
2971
|
isHidden: Ce(E.value),
|
|
2962
2972
|
isHighlighted: t === E.value,
|
|
2963
|
-
isDisabled:
|
|
2973
|
+
isDisabled: R(E.value),
|
|
2964
2974
|
onTogglePinning: it,
|
|
2965
|
-
onToggleVisibility:
|
|
2966
|
-
onPaintStart:
|
|
2975
|
+
onToggleVisibility: oe,
|
|
2976
|
+
onPaintStart: F,
|
|
2967
2977
|
onPaintEnter: Y,
|
|
2968
2978
|
onDragStart: (D) => b?.(E, D)
|
|
2969
2979
|
},
|
|
@@ -2972,13 +2982,13 @@ const Uo = g.div`
|
|
|
2972
2982
|
}
|
|
2973
2983
|
)
|
|
2974
2984
|
] }),
|
|
2975
|
-
/* @__PURE__ */ n(Nt, { children:
|
|
2985
|
+
/* @__PURE__ */ n(Nt, { children: Me && !m && /* @__PURE__ */ n(
|
|
2976
2986
|
kt,
|
|
2977
2987
|
{
|
|
2978
|
-
column: je(
|
|
2979
|
-
isPinned: a.left?.includes(
|
|
2988
|
+
column: je(Me, x),
|
|
2989
|
+
isPinned: a.left?.includes(Me.value) || !1,
|
|
2980
2990
|
isHidden: !1,
|
|
2981
|
-
isHighlighted: t ===
|
|
2991
|
+
isHighlighted: t === Me.value,
|
|
2982
2992
|
dragOverlay: !0
|
|
2983
2993
|
}
|
|
2984
2994
|
) })
|
|
@@ -3005,15 +3015,15 @@ const Uo = g.div`
|
|
|
3005
3015
|
font-weight: 500;
|
|
3006
3016
|
color: var(--md-sys-color-outline);
|
|
3007
3017
|
padding: 4px 0;
|
|
3008
|
-
`,
|
|
3018
|
+
`, Ci = g(H)`
|
|
3009
3019
|
justify-content: flex-start;
|
|
3010
|
-
`,
|
|
3020
|
+
`, Ii = g(Oo)`
|
|
3011
3021
|
padding: 0;
|
|
3012
3022
|
|
|
3013
3023
|
input {
|
|
3014
3024
|
height: 32px;
|
|
3015
3025
|
}
|
|
3016
|
-
`,
|
|
3026
|
+
`, Ei = (e) => {
|
|
3017
3027
|
const {
|
|
3018
3028
|
columnVisibility: t,
|
|
3019
3029
|
defaultColumnVisibility: o,
|
|
@@ -3032,7 +3042,7 @@ const Uo = g.div`
|
|
|
3032
3042
|
columnSummaryFormats: h
|
|
3033
3043
|
} = ke();
|
|
3034
3044
|
return /* @__PURE__ */ n(
|
|
3035
|
-
|
|
3045
|
+
ki,
|
|
3036
3046
|
{
|
|
3037
3047
|
...e,
|
|
3038
3048
|
columnVisibility: t,
|
|
@@ -3052,16 +3062,16 @@ const Uo = g.div`
|
|
|
3052
3062
|
columnSummaryFormats: h
|
|
3053
3063
|
}
|
|
3054
3064
|
);
|
|
3055
|
-
},
|
|
3065
|
+
}, Ti = g.div`
|
|
3056
3066
|
padding: var(--padding-m);
|
|
3057
3067
|
display: flex;
|
|
3058
3068
|
flex-direction: column;
|
|
3059
3069
|
gap: 12px;
|
|
3060
|
-
`,
|
|
3070
|
+
`, Ni = g.div`
|
|
3061
3071
|
display: flex;
|
|
3062
3072
|
align-items: center;
|
|
3063
3073
|
gap: 12px;
|
|
3064
|
-
`,
|
|
3074
|
+
`, Pi = g.input`
|
|
3065
3075
|
flex: 1;
|
|
3066
3076
|
height: 4px;
|
|
3067
3077
|
border-radius: 2px;
|
|
@@ -3102,11 +3112,11 @@ const Uo = g.div`
|
|
|
3102
3112
|
&:hover::-moz-range-thumb {
|
|
3103
3113
|
background: var(--md-sys-color-primary-container);
|
|
3104
3114
|
}
|
|
3105
|
-
`,
|
|
3115
|
+
`, _i = g.span`
|
|
3106
3116
|
color: var(--md-sys-color-on-surface-variant);
|
|
3107
3117
|
min-width: 40px;
|
|
3108
3118
|
text-align: right;
|
|
3109
|
-
`,
|
|
3119
|
+
`, Di = ({
|
|
3110
3120
|
value: e,
|
|
3111
3121
|
onChange: t,
|
|
3112
3122
|
onChangeComplete: o,
|
|
@@ -3124,7 +3134,7 @@ const Uo = g.div`
|
|
|
3124
3134
|
const h = ee((x) => {
|
|
3125
3135
|
const S = parseInt(x.target.value, 10);
|
|
3126
3136
|
d(!0), u(S);
|
|
3127
|
-
}, []), k =
|
|
3137
|
+
}, []), k = $o(p, f);
|
|
3128
3138
|
Z(() => {
|
|
3129
3139
|
y && t(p);
|
|
3130
3140
|
}, [k, t, y, p]);
|
|
@@ -3133,11 +3143,11 @@ const Uo = g.div`
|
|
|
3133
3143
|
}, []), b = ee(() => {
|
|
3134
3144
|
l(!1), d(!1), o && o(p);
|
|
3135
3145
|
}, [p, o]), m = (p - s) / (i - s) * 100;
|
|
3136
|
-
return /* @__PURE__ */ w(
|
|
3146
|
+
return /* @__PURE__ */ w(Ti, { children: [
|
|
3137
3147
|
/* @__PURE__ */ n("label", { htmlFor: a, children: r }),
|
|
3138
|
-
/* @__PURE__ */ w(
|
|
3148
|
+
/* @__PURE__ */ w(Ni, { children: [
|
|
3139
3149
|
/* @__PURE__ */ n(
|
|
3140
|
-
|
|
3150
|
+
Pi,
|
|
3141
3151
|
{
|
|
3142
3152
|
id: a,
|
|
3143
3153
|
type: "range",
|
|
@@ -3153,17 +3163,17 @@ const Uo = g.div`
|
|
|
3153
3163
|
}
|
|
3154
3164
|
}
|
|
3155
3165
|
),
|
|
3156
|
-
/* @__PURE__ */ n(
|
|
3166
|
+
/* @__PURE__ */ n(_i, { children: p })
|
|
3157
3167
|
] })
|
|
3158
3168
|
] });
|
|
3159
|
-
}, Se = "hierarchy", bt = "folder", rn = "name",
|
|
3169
|
+
}, Se = "hierarchy", bt = "folder", rn = "name", Ai = ({ scope: e }) => {
|
|
3160
3170
|
const { groupBy: t, groupByConfig: o, updateGroupBy: r, updateGroupByConfig: a, sorting: s, updateSorting: i } = ke(), {
|
|
3161
3171
|
modules: v,
|
|
3162
3172
|
showHierarchy: f,
|
|
3163
3173
|
updateShowHierarchy: c,
|
|
3164
3174
|
hierarchyOptions: l,
|
|
3165
3175
|
hierarchyActive: p
|
|
3166
|
-
} = tt(), u =
|
|
3176
|
+
} = tt(), u = Mo({ scope: e });
|
|
3167
3177
|
if (!v) return null;
|
|
3168
3178
|
const { GroupSettings: y, requiredVersion: d } = v || {}, h = !!c, C = h ? [...l || [
|
|
3169
3179
|
{ value: Se, label: "Hierarchy", icon: "account_tree" },
|
|
@@ -3203,7 +3213,7 @@ const Uo = g.div`
|
|
|
3203
3213
|
}
|
|
3204
3214
|
)
|
|
3205
3215
|
};
|
|
3206
|
-
},
|
|
3216
|
+
}, Li = g.div`
|
|
3207
3217
|
display: flex;
|
|
3208
3218
|
flex-direction: column;
|
|
3209
3219
|
gap: var(--base-gap-large);
|
|
@@ -3221,10 +3231,10 @@ const Uo = g.div`
|
|
|
3221
3231
|
list-style-type: none;
|
|
3222
3232
|
margin: 0;
|
|
3223
3233
|
padding: 0;
|
|
3224
|
-
`,
|
|
3234
|
+
`, Oi = g.span`
|
|
3225
3235
|
color: var(--md-sys-color-outline);
|
|
3226
3236
|
padding: 4px 0;
|
|
3227
|
-
`,
|
|
3237
|
+
`, Ri = g(ot)`
|
|
3228
3238
|
.drag-handle {
|
|
3229
3239
|
cursor: grab;
|
|
3230
3240
|
height: 20px;
|
|
@@ -3240,18 +3250,18 @@ const Uo = g.div`
|
|
|
3240
3250
|
cursor: grabbing;
|
|
3241
3251
|
}
|
|
3242
3252
|
}
|
|
3243
|
-
`,
|
|
3253
|
+
`, $i = g(ot)`
|
|
3244
3254
|
cursor: pointer;
|
|
3245
3255
|
|
|
3246
3256
|
.action {
|
|
3247
3257
|
color: var(--md-sys-color-outline);
|
|
3248
3258
|
}
|
|
3249
|
-
`,
|
|
3259
|
+
`, Mi = ({ item: e, desc: t, onToggleDirection: o, onRemove: r }) => {
|
|
3250
3260
|
const { attributes: a, listeners: s, setNodeRef: i, transform: v, transition: f, isDragging: c } = Qe({
|
|
3251
3261
|
id: e.value
|
|
3252
3262
|
});
|
|
3253
3263
|
return /* @__PURE__ */ n(
|
|
3254
|
-
|
|
3264
|
+
Ri,
|
|
3255
3265
|
{
|
|
3256
3266
|
ref: i,
|
|
3257
3267
|
item: e,
|
|
@@ -3273,11 +3283,11 @@ const Uo = g.div`
|
|
|
3273
3283
|
]
|
|
3274
3284
|
}
|
|
3275
3285
|
);
|
|
3276
|
-
},
|
|
3286
|
+
}, Fi = ({
|
|
3277
3287
|
sorting: e,
|
|
3278
3288
|
options: t,
|
|
3279
3289
|
onChange: o,
|
|
3280
|
-
maxKeys: r =
|
|
3290
|
+
maxKeys: r = Vo
|
|
3281
3291
|
}) => {
|
|
3282
3292
|
const a = Pt(
|
|
3283
3293
|
_t(Dt, {
|
|
@@ -3292,7 +3302,7 @@ const Uo = g.div`
|
|
|
3292
3302
|
const d = e.findIndex((k) => k.id === u.id), h = e.findIndex((k) => k.id === y.id);
|
|
3293
3303
|
d === -1 || h === -1 || o(At(e, d, h));
|
|
3294
3304
|
}, c = (u) => o(e.map((y) => y.id === u ? { ...y, desc: !y.desc } : y)), l = (u) => o(e.filter((y) => y.id !== u)), p = (u) => o([...e, { id: u, desc: !1 }]);
|
|
3295
|
-
return /* @__PURE__ */ w(
|
|
3305
|
+
return /* @__PURE__ */ w(Li, { className: "sort-settings", children: [
|
|
3296
3306
|
e.length > 0 && /* @__PURE__ */ w(an, { className: "sorted", children: [
|
|
3297
3307
|
/* @__PURE__ */ n(sn, { children: "Sorted by" }),
|
|
3298
3308
|
/* @__PURE__ */ n(
|
|
@@ -3302,12 +3312,12 @@ const Uo = g.div`
|
|
|
3302
3312
|
collisionDetection: Xe,
|
|
3303
3313
|
onDragEnd: f,
|
|
3304
3314
|
children: /* @__PURE__ */ n(
|
|
3305
|
-
|
|
3315
|
+
Le,
|
|
3306
3316
|
{
|
|
3307
3317
|
items: e.map((u) => u.id),
|
|
3308
|
-
strategy:
|
|
3318
|
+
strategy: Oe,
|
|
3309
3319
|
children: /* @__PURE__ */ n(ln, { children: e.map((u) => /* @__PURE__ */ n(
|
|
3310
|
-
|
|
3320
|
+
Mi,
|
|
3311
3321
|
{
|
|
3312
3322
|
item: s(u.id),
|
|
3313
3323
|
desc: u.desc,
|
|
@@ -3324,7 +3334,7 @@ const Uo = g.div`
|
|
|
3324
3334
|
/* @__PURE__ */ w(an, { className: "available", children: [
|
|
3325
3335
|
/* @__PURE__ */ n(sn, { children: e.length > 0 ? "Then sort by" : "Sort by" }),
|
|
3326
3336
|
v ? /* @__PURE__ */ n(ln, { children: i.map((u) => /* @__PURE__ */ n(
|
|
3327
|
-
|
|
3337
|
+
$i,
|
|
3328
3338
|
{
|
|
3329
3339
|
item: u,
|
|
3330
3340
|
"data-sort-id": u.value,
|
|
@@ -3332,31 +3342,31 @@ const Uo = g.div`
|
|
|
3332
3342
|
actions: [{ icon: "add" }]
|
|
3333
3343
|
},
|
|
3334
3344
|
u.value
|
|
3335
|
-
)) }) : /* @__PURE__ */ w(
|
|
3345
|
+
)) }) : /* @__PURE__ */ w(Oi, { children: [
|
|
3336
3346
|
"Sorting is limited to ",
|
|
3337
3347
|
r,
|
|
3338
3348
|
" columns."
|
|
3339
3349
|
] })
|
|
3340
3350
|
] })
|
|
3341
3351
|
] });
|
|
3342
|
-
},
|
|
3352
|
+
}, Vi = (e = []) => {
|
|
3343
3353
|
const { sorting: t, updateSorting: o } = ke(), { attribFields: r, scopes: a } = tt(), s = [
|
|
3344
|
-
...
|
|
3354
|
+
...Co(a, e).map((l) => ({
|
|
3345
3355
|
value: l.id,
|
|
3346
3356
|
label: l.label
|
|
3347
3357
|
})),
|
|
3348
3358
|
...r.filter(
|
|
3349
|
-
(l) => l.scope?.some((p) => a.includes(p)) && !
|
|
3359
|
+
(l) => l.scope?.some((p) => a.includes(p)) && !Io(l)
|
|
3350
3360
|
).map((l) => ({
|
|
3351
3361
|
value: `attrib_${l.name}`,
|
|
3352
3362
|
label: l.data.title || l.name
|
|
3353
3363
|
}))
|
|
3354
|
-
].map((l) => ({ ...l, icon:
|
|
3364
|
+
].map((l) => ({ ...l, icon: X(l.value) })), i = new Set(s.map((l) => l.value)), v = [
|
|
3355
3365
|
...s,
|
|
3356
3366
|
...t.filter((l) => !i.has(l.id)).map((l) => ({
|
|
3357
3367
|
value: l.id,
|
|
3358
3368
|
label: e.find((p) => p.value === l.id)?.label ?? l.id,
|
|
3359
|
-
icon:
|
|
3369
|
+
icon: X(l.id)
|
|
3360
3370
|
}))
|
|
3361
3371
|
], f = (l) => v.find((p) => p.value === l)?.label ?? l;
|
|
3362
3372
|
return {
|
|
@@ -3364,13 +3374,13 @@ const Uo = g.div`
|
|
|
3364
3374
|
title: "Sort",
|
|
3365
3375
|
icon: "sort",
|
|
3366
3376
|
preview: t.length ? f(t[0].id) + (t.length > 1 ? ` +${t.length - 1}` : "") : "None",
|
|
3367
|
-
component: /* @__PURE__ */ n(
|
|
3377
|
+
component: /* @__PURE__ */ n(Fi, { sorting: t, options: v, onChange: o })
|
|
3368
3378
|
};
|
|
3369
|
-
},
|
|
3379
|
+
}, Ot = [Bo, Uo], cn = 5, Bi = `#${Lo}, [data-column-drag-origin]`, Ui = (e, t) => {
|
|
3370
3380
|
const r = document.querySelector(`[${kn}]`)?.getBoundingClientRect();
|
|
3371
3381
|
if (!r || e < r.left || e > r.right || t < r.top || t > r.bottom) return;
|
|
3372
3382
|
const a = Array.from(document.querySelectorAll(Cn)).filter(
|
|
3373
|
-
(v) => !
|
|
3383
|
+
(v) => !Ot.includes(v.dataset.columnId || "")
|
|
3374
3384
|
), s = a.find((v) => {
|
|
3375
3385
|
const f = v.getBoundingClientRect();
|
|
3376
3386
|
return e >= f.left && e < f.right;
|
|
@@ -3379,18 +3389,18 @@ const Uo = g.div`
|
|
|
3379
3389
|
const i = a[a.length - 1];
|
|
3380
3390
|
return e >= i.getBoundingClientRect().right ? i : a[0];
|
|
3381
3391
|
}, dn = (e, t) => {
|
|
3382
|
-
const o = document.elementsFromPoint(e, t).map((i) => i.closest?.(Cn)).find(Boolean) ??
|
|
3383
|
-
if (!o || !r ||
|
|
3392
|
+
const o = document.elementsFromPoint(e, t).map((i) => i.closest?.(Cn)).find(Boolean) ?? Ui(e, t), r = o?.dataset.columnId;
|
|
3393
|
+
if (!o || !r || Ot.includes(r)) return null;
|
|
3384
3394
|
const a = o.getBoundingClientRect(), s = e < a.left + a.width / 2 ? "left" : "right";
|
|
3385
3395
|
return {
|
|
3386
3396
|
columnId: r,
|
|
3387
3397
|
side: s,
|
|
3388
|
-
line:
|
|
3398
|
+
line: Fo(o, s)
|
|
3389
3399
|
};
|
|
3390
|
-
},
|
|
3400
|
+
}, Hi = (e, t) => {
|
|
3391
3401
|
const o = e.length ? e : t;
|
|
3392
3402
|
return [...o, ...t.filter((r) => !o.includes(r))];
|
|
3393
|
-
},
|
|
3403
|
+
}, zi = () => {
|
|
3394
3404
|
const {
|
|
3395
3405
|
columnVisibility: e,
|
|
3396
3406
|
columnOrder: t,
|
|
@@ -3438,31 +3448,31 @@ const Uo = g.div`
|
|
|
3438
3448
|
getAllColumns: u
|
|
3439
3449
|
};
|
|
3440
3450
|
const m = ee((N, B) => {
|
|
3441
|
-
const
|
|
3442
|
-
(I) => I !== N && !
|
|
3443
|
-
), T = z.indexOf(B.columnId), V = T === -1 ? z.length : T + (B.side === "left" ? 0 : 1),
|
|
3444
|
-
|
|
3445
|
-
columnVisibility: { ...
|
|
3446
|
-
columnOrder:
|
|
3447
|
-
columnPinning: { ...
|
|
3448
|
-
columnSizing:
|
|
3449
|
-
columnSummaries:
|
|
3450
|
-
columnSummaryScopes:
|
|
3451
|
-
columnSummaryFormats:
|
|
3452
|
-
groupBy:
|
|
3453
|
-
groupByConfig:
|
|
3454
|
-
sorting:
|
|
3455
|
-
rowHeight:
|
|
3451
|
+
const L = b.current, z = Hi(L.columnOrder, L.getAllColumns()).filter(
|
|
3452
|
+
(I) => I !== N && !Ot.includes(I)
|
|
3453
|
+
), T = z.indexOf(B.columnId), V = T === -1 ? z.length : T + (B.side === "left" ? 0 : 1), M = [...z.slice(0, V), N, ...z.slice(V)], R = new Set(L.columnPinning.left || []);
|
|
3454
|
+
R.has(B.columnId) ? R.add(N) : R.delete(N), L.setColumnsConfig({
|
|
3455
|
+
columnVisibility: { ...L.columnVisibility, [N]: !0 },
|
|
3456
|
+
columnOrder: M,
|
|
3457
|
+
columnPinning: { ...L.columnPinning, left: M.filter((I) => R.has(I)) },
|
|
3458
|
+
columnSizing: L.columnSizing,
|
|
3459
|
+
columnSummaries: L.columnSummaries,
|
|
3460
|
+
columnSummaryScopes: L.columnSummaryScopes,
|
|
3461
|
+
columnSummaryFormats: L.columnSummaryFormats,
|
|
3462
|
+
groupBy: L.groupBy,
|
|
3463
|
+
groupByConfig: L.groupByConfig,
|
|
3464
|
+
sorting: L.sorting,
|
|
3465
|
+
rowHeight: L.rowHeight
|
|
3456
3466
|
});
|
|
3457
3467
|
}, []), x = ee(() => {
|
|
3458
3468
|
k.current = null, C.current && h(null);
|
|
3459
3469
|
}, []), S = ee((N, B) => {
|
|
3460
|
-
const
|
|
3470
|
+
const L = B.currentTarget, z = L.getBoundingClientRect();
|
|
3461
3471
|
k.current = {
|
|
3462
3472
|
column: N,
|
|
3463
3473
|
x: B.clientX,
|
|
3464
3474
|
y: B.clientY,
|
|
3465
|
-
origin:
|
|
3475
|
+
origin: L.closest(Bi),
|
|
3466
3476
|
immediate: !!B.target.closest?.(".hover-swap"),
|
|
3467
3477
|
grab: {
|
|
3468
3478
|
x: B.clientX - z.left,
|
|
@@ -3472,30 +3482,30 @@ const Uo = g.div`
|
|
|
3472
3482
|
};
|
|
3473
3483
|
}, []);
|
|
3474
3484
|
Z(() => {
|
|
3475
|
-
const N = (T, V,
|
|
3476
|
-
const { clientX: V, clientY:
|
|
3485
|
+
const N = (T, V, M) => !!M && document.elementsFromPoint(T, V).some((R) => M.contains(R)), B = (T) => {
|
|
3486
|
+
const { clientX: V, clientY: M } = T;
|
|
3477
3487
|
if (C.current) {
|
|
3478
3488
|
h(
|
|
3479
|
-
(I) => I && { ...I, x: V, y:
|
|
3489
|
+
(I) => I && { ...I, x: V, y: M, target: dn(V, M) }
|
|
3480
3490
|
);
|
|
3481
3491
|
return;
|
|
3482
3492
|
}
|
|
3483
|
-
const
|
|
3484
|
-
|
|
3485
|
-
},
|
|
3493
|
+
const R = k.current;
|
|
3494
|
+
R && (Math.abs(V - R.x) < cn && Math.abs(M - R.y) < cn || !R.immediate && N(V, M, R.origin) || h({ column: R.column, x: V, y: M, grab: R.grab, target: dn(V, M) }));
|
|
3495
|
+
}, L = () => {
|
|
3486
3496
|
const T = C.current;
|
|
3487
|
-
k.current = null, T && (
|
|
3497
|
+
k.current = null, T && (Ki(), T.target && (m(T.column.value, T.target), y(!1)), h(null));
|
|
3488
3498
|
}, z = (T) => {
|
|
3489
3499
|
T.key === "Escape" && x();
|
|
3490
3500
|
};
|
|
3491
|
-
return window.addEventListener("pointermove", B), window.addEventListener("pointerup",
|
|
3492
|
-
window.removeEventListener("pointermove", B), window.removeEventListener("pointerup",
|
|
3501
|
+
return window.addEventListener("pointermove", B), window.addEventListener("pointerup", L), window.addEventListener("pointercancel", x), window.addEventListener("keydown", z), () => {
|
|
3502
|
+
window.removeEventListener("pointermove", B), window.removeEventListener("pointerup", L), window.removeEventListener("pointercancel", x), window.removeEventListener("keydown", z);
|
|
3493
3503
|
};
|
|
3494
3504
|
}, [m, x, y]);
|
|
3495
3505
|
const P = d ? document.querySelector(`[${kn}]`)?.getBoundingClientRect() : void 0, $ = d ? hn(
|
|
3496
3506
|
/* @__PURE__ */ w(me, { children: [
|
|
3497
3507
|
P && /* @__PURE__ */ n(
|
|
3498
|
-
|
|
3508
|
+
Gi,
|
|
3499
3509
|
{
|
|
3500
3510
|
style: {
|
|
3501
3511
|
left: P.left,
|
|
@@ -3506,38 +3516,38 @@ const Uo = g.div`
|
|
|
3506
3516
|
}
|
|
3507
3517
|
),
|
|
3508
3518
|
/* @__PURE__ */ w(
|
|
3509
|
-
|
|
3519
|
+
Yi,
|
|
3510
3520
|
{
|
|
3511
3521
|
style: {
|
|
3512
3522
|
left: d.x - d.grab.x,
|
|
3513
3523
|
top: d.y - d.grab.y,
|
|
3514
3524
|
width: d.grab.width
|
|
3515
3525
|
},
|
|
3516
|
-
className:
|
|
3526
|
+
className: ji(d),
|
|
3517
3527
|
children: [
|
|
3518
3528
|
d.column.icon && /* @__PURE__ */ n(G, { icon: d.column.icon }),
|
|
3519
3529
|
/* @__PURE__ */ n("span", { children: d.column.label })
|
|
3520
3530
|
]
|
|
3521
3531
|
}
|
|
3522
3532
|
),
|
|
3523
|
-
d.target && /* @__PURE__ */ n(
|
|
3533
|
+
d.target && /* @__PURE__ */ n(_o, { style: d.target.line })
|
|
3524
3534
|
] }),
|
|
3525
3535
|
document.body
|
|
3526
3536
|
) : null;
|
|
3527
3537
|
return { armDrag: S, cancelDrag: x, isDragging: !!d, dragOverlay: $ };
|
|
3528
|
-
},
|
|
3538
|
+
}, ji = (e) => e.target ? "over-target" : "", Ki = () => {
|
|
3529
3539
|
const e = (t) => {
|
|
3530
3540
|
t.stopPropagation(), t.preventDefault();
|
|
3531
3541
|
};
|
|
3532
3542
|
window.addEventListener("click", e, !0), setTimeout(() => window.removeEventListener("click", e, !0), 0);
|
|
3533
|
-
},
|
|
3543
|
+
}, Gi = g.div`
|
|
3534
3544
|
position: fixed;
|
|
3535
3545
|
box-sizing: border-box;
|
|
3536
3546
|
z-index: 999;
|
|
3537
3547
|
pointer-events: none;
|
|
3538
3548
|
border-radius: 4px;
|
|
3539
3549
|
background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);
|
|
3540
|
-
`,
|
|
3550
|
+
`, Yi = g.div`
|
|
3541
3551
|
position: fixed;
|
|
3542
3552
|
box-sizing: border-box;
|
|
3543
3553
|
z-index: 2000;
|
|
@@ -3555,7 +3565,7 @@ const Uo = g.div`
|
|
|
3555
3565
|
&.over-target {
|
|
3556
3566
|
opacity: 1;
|
|
3557
3567
|
}
|
|
3558
|
-
`,
|
|
3568
|
+
`, Hn = ({ columns: e, scopes: t, extraItems: o }) => {
|
|
3559
3569
|
const { columnVisibility: r, defaultColumnVisibility: a, updateColumnVisibility: s } = ke(), {
|
|
3560
3570
|
displayVisibility: i,
|
|
3561
3571
|
isVisible: v,
|
|
@@ -3564,11 +3574,11 @@ const Uo = g.div`
|
|
|
3564
3574
|
toggle: l,
|
|
3565
3575
|
cancelPaint: p,
|
|
3566
3576
|
isPainting: u
|
|
3567
|
-
} =
|
|
3577
|
+
} = Vn({
|
|
3568
3578
|
columnVisibility: r,
|
|
3569
3579
|
defaultColumnVisibility: a,
|
|
3570
3580
|
updateColumnVisibility: s
|
|
3571
|
-
}), { armDrag: y, cancelDrag: d, isDragging: h, dragOverlay: k } =
|
|
3581
|
+
}), { armDrag: y, cancelDrag: d, isDragging: h, dragOverlay: k } = zi(), C = K({ isPainting: u, isDragging: h, cancelPaint: p });
|
|
3572
3582
|
C.current = { isPainting: u, isDragging: h, cancelPaint: p };
|
|
3573
3583
|
const b = ee(
|
|
3574
3584
|
(S, P) => {
|
|
@@ -3580,8 +3590,8 @@ const Uo = g.div`
|
|
|
3580
3590
|
C.current.isPainting || y(S, P);
|
|
3581
3591
|
},
|
|
3582
3592
|
[y]
|
|
3583
|
-
), x =
|
|
3584
|
-
() =>
|
|
3593
|
+
), x = Q(
|
|
3594
|
+
() => Fn({
|
|
3585
3595
|
columns: e,
|
|
3586
3596
|
onToggle: l,
|
|
3587
3597
|
isColumnVisible: v,
|
|
@@ -3610,89 +3620,95 @@ const Uo = g.div`
|
|
|
3610
3620
|
onColumnDragStart: y,
|
|
3611
3621
|
isColumnDragging: h
|
|
3612
3622
|
};
|
|
3613
|
-
},
|
|
3614
|
-
extraColumns: e =
|
|
3615
|
-
hiddenColumns: t =
|
|
3623
|
+
}, qi = [], Wi = [], zn = ({
|
|
3624
|
+
extraColumns: e = qi,
|
|
3625
|
+
hiddenColumns: t = Wi,
|
|
3616
3626
|
includeLinks: o = !0,
|
|
3617
3627
|
parentColumns: r = []
|
|
3618
3628
|
}) => {
|
|
3619
|
-
const { linkTypes: a } = Sn(), { attribFields: s, scopes: i } = tt(), v =
|
|
3629
|
+
const { linkTypes: a } = Sn(), { attribFields: s, scopes: i } = tt(), v = Q(
|
|
3620
3630
|
() => [
|
|
3621
3631
|
{
|
|
3622
3632
|
value: "thumbnail",
|
|
3623
|
-
label:
|
|
3624
|
-
icon:
|
|
3633
|
+
label: te("thumbnail"),
|
|
3634
|
+
icon: X("thumbnail")
|
|
3625
3635
|
},
|
|
3626
3636
|
{
|
|
3627
3637
|
value: "name",
|
|
3628
|
-
label:
|
|
3629
|
-
icon:
|
|
3638
|
+
label: Eo(i),
|
|
3639
|
+
icon: X("name")
|
|
3630
3640
|
},
|
|
3631
3641
|
{
|
|
3632
3642
|
value: xe.folder,
|
|
3633
|
-
label:
|
|
3634
|
-
icon:
|
|
3643
|
+
label: te(xe.folder),
|
|
3644
|
+
icon: X(xe.folder)
|
|
3635
3645
|
},
|
|
3636
3646
|
{
|
|
3637
3647
|
value: xe.task,
|
|
3638
|
-
label:
|
|
3639
|
-
icon:
|
|
3648
|
+
label: te(xe.task),
|
|
3649
|
+
icon: X(xe.task),
|
|
3640
3650
|
hidden: !["product", "version"].some((c) => i.includes(c))
|
|
3641
3651
|
},
|
|
3642
3652
|
{
|
|
3643
3653
|
value: "assignees",
|
|
3644
|
-
label:
|
|
3645
|
-
icon:
|
|
3654
|
+
label: te("assignees"),
|
|
3655
|
+
icon: X("assignees"),
|
|
3646
3656
|
hidden: !i.includes("task")
|
|
3647
3657
|
},
|
|
3648
3658
|
{
|
|
3649
3659
|
value: "product",
|
|
3650
|
-
label:
|
|
3651
|
-
icon:
|
|
3660
|
+
label: te("product"),
|
|
3661
|
+
icon: X("product"),
|
|
3652
3662
|
hidden: !["product", "version"].some((c) => i.includes(c))
|
|
3653
3663
|
},
|
|
3654
3664
|
{
|
|
3655
3665
|
value: "entityType",
|
|
3656
|
-
label:
|
|
3657
|
-
icon:
|
|
3666
|
+
label: te("entityType"),
|
|
3667
|
+
icon: X("entityType")
|
|
3658
3668
|
},
|
|
3659
3669
|
{
|
|
3660
3670
|
value: "status",
|
|
3661
|
-
label:
|
|
3662
|
-
icon:
|
|
3671
|
+
label: te("status"),
|
|
3672
|
+
icon: X("status")
|
|
3663
3673
|
},
|
|
3664
3674
|
{
|
|
3665
3675
|
value: "subType",
|
|
3666
|
-
label:
|
|
3667
|
-
icon:
|
|
3676
|
+
label: te("subType", i),
|
|
3677
|
+
icon: X("subType")
|
|
3668
3678
|
},
|
|
3669
3679
|
{
|
|
3670
3680
|
value: "tags",
|
|
3671
|
-
label:
|
|
3672
|
-
icon:
|
|
3681
|
+
label: te("tags"),
|
|
3682
|
+
icon: X("tags")
|
|
3673
3683
|
},
|
|
3674
3684
|
{
|
|
3675
3685
|
value: "createdAt",
|
|
3676
|
-
label:
|
|
3677
|
-
icon:
|
|
3686
|
+
label: te("createdAt"),
|
|
3687
|
+
icon: X("createdAt")
|
|
3678
3688
|
},
|
|
3679
3689
|
{
|
|
3680
3690
|
value: "updatedAt",
|
|
3681
|
-
label:
|
|
3682
|
-
icon:
|
|
3691
|
+
label: te("updatedAt"),
|
|
3692
|
+
icon: X("updatedAt")
|
|
3683
3693
|
},
|
|
3684
3694
|
{
|
|
3685
3695
|
value: "subtasks",
|
|
3686
|
-
label:
|
|
3687
|
-
icon:
|
|
3696
|
+
label: te("subtasks"),
|
|
3697
|
+
icon: X("subtasks"),
|
|
3688
3698
|
hidden: !i.includes("task")
|
|
3689
3699
|
},
|
|
3690
3700
|
{
|
|
3691
3701
|
value: "comments",
|
|
3692
|
-
label:
|
|
3693
|
-
icon:
|
|
3702
|
+
label: te("comments"),
|
|
3703
|
+
icon: X("comments"),
|
|
3694
3704
|
hidden: !i.some((c) => ["task", "version", "product", "folder"].includes(c))
|
|
3695
3705
|
},
|
|
3706
|
+
...To.map((c) => ({
|
|
3707
|
+
value: c,
|
|
3708
|
+
label: te(c),
|
|
3709
|
+
icon: X(c),
|
|
3710
|
+
hidden: !i.some((l) => No(c, l))
|
|
3711
|
+
})),
|
|
3696
3712
|
...s.filter((c) => c.scope?.some((l) => i.includes(l))).map((c) => ({
|
|
3697
3713
|
value: `attrib_${c.name}`,
|
|
3698
3714
|
label: c.data.title || c.name,
|
|
@@ -3736,23 +3752,23 @@ const Uo = g.div`
|
|
|
3736
3752
|
),
|
|
3737
3753
|
...e.map((c) => ({
|
|
3738
3754
|
...c,
|
|
3739
|
-
icon: c.icon ??
|
|
3755
|
+
icon: c.icon ?? Rn
|
|
3740
3756
|
}))
|
|
3741
3757
|
],
|
|
3742
3758
|
[i, s, a, o, r, e]
|
|
3743
|
-
), f =
|
|
3759
|
+
), f = Q(
|
|
3744
3760
|
() => v.filter((c) => !c.hidden && !t.includes(c.value)),
|
|
3745
3761
|
[v, t]
|
|
3746
3762
|
);
|
|
3747
3763
|
return { columns: v, visibleColumns: f, scopes: i };
|
|
3748
|
-
},
|
|
3764
|
+
}, Xi = g(H)`
|
|
3749
3765
|
min-width: 120px;
|
|
3750
|
-
`,
|
|
3766
|
+
`, Qi = g(H)`
|
|
3751
3767
|
padding: 4px !important;
|
|
3752
|
-
`,
|
|
3768
|
+
`, Ws = ({ defaultSelected: e, className: t, ...o }) => {
|
|
3753
3769
|
const { togglePanel: r, isPanelOpen: a } = Ze();
|
|
3754
3770
|
return /* @__PURE__ */ n(
|
|
3755
|
-
|
|
3771
|
+
Xi,
|
|
3756
3772
|
{
|
|
3757
3773
|
onClick: () => r(e),
|
|
3758
3774
|
icon: "settings",
|
|
@@ -3761,7 +3777,7 @@ const Uo = g.div`
|
|
|
3761
3777
|
children: "Customize"
|
|
3762
3778
|
}
|
|
3763
3779
|
);
|
|
3764
|
-
},
|
|
3780
|
+
}, Xs = ({
|
|
3765
3781
|
settings: e = [],
|
|
3766
3782
|
extraColumns: t,
|
|
3767
3783
|
hiddenColumns: o,
|
|
@@ -3789,30 +3805,30 @@ const Uo = g.div`
|
|
|
3789
3805
|
Z(() => {
|
|
3790
3806
|
S(null);
|
|
3791
3807
|
}, [P]);
|
|
3792
|
-
const { columns: $, visibleColumns: N } =
|
|
3808
|
+
const { columns: $, visibleColumns: N } = zn({
|
|
3793
3809
|
extraColumns: t,
|
|
3794
3810
|
hiddenColumns: o,
|
|
3795
3811
|
includeLinks: s,
|
|
3796
3812
|
parentColumns: l
|
|
3797
|
-
}), B = a &&
|
|
3798
|
-
(
|
|
3813
|
+
}), B = a && Po(a, p), L = N.filter(
|
|
3814
|
+
(O) => ae(y, O.value, d)
|
|
3799
3815
|
).length, {
|
|
3800
3816
|
menuItems: z,
|
|
3801
3817
|
dragOverlay: T,
|
|
3802
3818
|
onColumnDragStart: V,
|
|
3803
|
-
isColumnDragging:
|
|
3804
|
-
} =
|
|
3819
|
+
isColumnDragging: M
|
|
3820
|
+
} = Hn({
|
|
3805
3821
|
columns: N,
|
|
3806
3822
|
scopes: u,
|
|
3807
3823
|
extraItems: c
|
|
3808
|
-
}),
|
|
3824
|
+
}), R = Ai({ scope: f }), I = Vi($), _ = [
|
|
3809
3825
|
{
|
|
3810
3826
|
id: "columns",
|
|
3811
3827
|
title: "Columns",
|
|
3812
3828
|
icon: "view_column",
|
|
3813
|
-
preview: `${
|
|
3829
|
+
preview: `${L}/${N.length}`,
|
|
3814
3830
|
headerActions: /* @__PURE__ */ n(
|
|
3815
|
-
|
|
3831
|
+
Qi,
|
|
3816
3832
|
{
|
|
3817
3833
|
variant: "text",
|
|
3818
3834
|
icon: "search",
|
|
@@ -3823,7 +3839,7 @@ const Uo = g.div`
|
|
|
3823
3839
|
),
|
|
3824
3840
|
component: /* @__PURE__ */ w(me, { children: [
|
|
3825
3841
|
/* @__PURE__ */ n(
|
|
3826
|
-
|
|
3842
|
+
Ei,
|
|
3827
3843
|
{
|
|
3828
3844
|
columns: N,
|
|
3829
3845
|
highlighted: B,
|
|
@@ -3832,18 +3848,18 @@ const Uo = g.div`
|
|
|
3832
3848
|
onSearchChange: S,
|
|
3833
3849
|
addColumnMenuItems: z,
|
|
3834
3850
|
onColumnDragStart: V,
|
|
3835
|
-
isColumnDragging:
|
|
3851
|
+
isColumnDragging: M
|
|
3836
3852
|
}
|
|
3837
3853
|
),
|
|
3838
3854
|
T
|
|
3839
3855
|
] })
|
|
3840
3856
|
},
|
|
3841
3857
|
i ? null : I,
|
|
3842
|
-
|
|
3858
|
+
R,
|
|
3843
3859
|
{
|
|
3844
3860
|
id: "row-height",
|
|
3845
3861
|
component: /* @__PURE__ */ n(
|
|
3846
|
-
|
|
3862
|
+
Di,
|
|
3847
3863
|
{
|
|
3848
3864
|
value: h,
|
|
3849
3865
|
onChange: k,
|
|
@@ -3854,12 +3870,12 @@ const Uo = g.div`
|
|
|
3854
3870
|
)
|
|
3855
3871
|
}
|
|
3856
3872
|
].filter(Boolean);
|
|
3857
|
-
return e.forEach((
|
|
3858
|
-
if (r.includes(
|
|
3859
|
-
const
|
|
3860
|
-
|
|
3861
|
-
}), /* @__PURE__ */ n(
|
|
3862
|
-
}, yt = "add-column-menu-table",
|
|
3873
|
+
return e.forEach((O) => {
|
|
3874
|
+
if (r.includes(O.id)) return;
|
|
3875
|
+
const F = _.findIndex((Y) => Y && "id" in Y && Y.id === O.id);
|
|
3876
|
+
F !== -1 ? _[F] = O : _.push(O);
|
|
3877
|
+
}), /* @__PURE__ */ n(mi, { settings: _, order: v });
|
|
3878
|
+
}, yt = "add-column-menu-table", Ji = g.div`
|
|
3863
3879
|
position: absolute;
|
|
3864
3880
|
top: 4px;
|
|
3865
3881
|
right: 24px;
|
|
@@ -3869,24 +3885,24 @@ const Uo = g.div`
|
|
|
3869
3885
|
padding: 2px;
|
|
3870
3886
|
border-radius: 12px;
|
|
3871
3887
|
}
|
|
3872
|
-
`,
|
|
3888
|
+
`, Qs = ({
|
|
3873
3889
|
extraColumns: e,
|
|
3874
3890
|
hiddenColumns: t,
|
|
3875
3891
|
includeLinks: o,
|
|
3876
3892
|
extraMenuItems: r,
|
|
3877
3893
|
parentColumns: a
|
|
3878
3894
|
}) => {
|
|
3879
|
-
const { isPanelOpen: s } = Ze(), { toggleMenuOpen: i } = et(), { visibleColumns: v, scopes: f } =
|
|
3895
|
+
const { isPanelOpen: s } = Ze(), { toggleMenuOpen: i } = et(), { visibleColumns: v, scopes: f } = zn({
|
|
3880
3896
|
extraColumns: e,
|
|
3881
3897
|
hiddenColumns: t,
|
|
3882
3898
|
includeLinks: o,
|
|
3883
3899
|
parentColumns: a
|
|
3884
|
-
}), { menuItems: c, hasMenuItems: l, dragOverlay: p } =
|
|
3900
|
+
}), { menuItems: c, hasMenuItems: l, dragOverlay: p } = Hn({
|
|
3885
3901
|
columns: v,
|
|
3886
3902
|
scopes: f,
|
|
3887
3903
|
extraItems: r
|
|
3888
3904
|
});
|
|
3889
|
-
return s ? null : /* @__PURE__ */ w(
|
|
3905
|
+
return s ? null : /* @__PURE__ */ w(Ji, { children: [
|
|
3890
3906
|
/* @__PURE__ */ n(
|
|
3891
3907
|
H,
|
|
3892
3908
|
{
|
|
@@ -3901,7 +3917,7 @@ const Uo = g.div`
|
|
|
3901
3917
|
/* @__PURE__ */ n(Ct, { menuId: yt, menuItems: c }),
|
|
3902
3918
|
p
|
|
3903
3919
|
] });
|
|
3904
|
-
},
|
|
3920
|
+
}, Js = Qn`
|
|
3905
3921
|
.p-splitter > .p-splitter-gutter {
|
|
3906
3922
|
position: relative;
|
|
3907
3923
|
|
|
@@ -3988,7 +4004,7 @@ const Uo = g.div`
|
|
|
3988
4004
|
inset: -3px 0;
|
|
3989
4005
|
}
|
|
3990
4006
|
}
|
|
3991
|
-
`,
|
|
4007
|
+
`, Zs = g.a`
|
|
3992
4008
|
color: var(--md-sys-color-primary, #0066cc);
|
|
3993
4009
|
text-decoration: none;
|
|
3994
4010
|
cursor: pointer;
|
|
@@ -4000,7 +4016,7 @@ const Uo = g.div`
|
|
|
4000
4016
|
&:hover {
|
|
4001
4017
|
text-decoration: underline;
|
|
4002
4018
|
}
|
|
4003
|
-
`,
|
|
4019
|
+
`, Zi = g.div`
|
|
4004
4020
|
display: flex;
|
|
4005
4021
|
gap: var(--base-gap-small);
|
|
4006
4022
|
background-color: var(--md-sys-color-surface-container-high);
|
|
@@ -4013,14 +4029,14 @@ const Uo = g.div`
|
|
|
4013
4029
|
background-color: var(--md-sys-color-surface-container-highest-hover);
|
|
4014
4030
|
}
|
|
4015
4031
|
}
|
|
4016
|
-
`,
|
|
4032
|
+
`, el = le(
|
|
4017
4033
|
({ showGrid: e, onChange: t, ...o }, r) => (Z(() => {
|
|
4018
4034
|
const a = (s) => {
|
|
4019
4035
|
const i = s.target;
|
|
4020
4036
|
i.tagName === "INPUT" || i.tagName === "TEXTAREA" || i.isContentEditable || i.getAttribute("role") === "textbox" || i.tagName === "LI" || s.ctrlKey || s.metaKey || s.altKey || (s.key.toLowerCase() === "t" ? t(!1) : s.key.toLowerCase() === "c" && t(!0));
|
|
4021
4037
|
};
|
|
4022
4038
|
return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
|
|
4023
|
-
}, [t]), /* @__PURE__ */ w(
|
|
4039
|
+
}, [t]), /* @__PURE__ */ w(Zi, { ...o, ref: r, children: [
|
|
4024
4040
|
/* @__PURE__ */ n(
|
|
4025
4041
|
un,
|
|
4026
4042
|
{
|
|
@@ -4044,13 +4060,13 @@ const Uo = g.div`
|
|
|
4044
4060
|
}
|
|
4045
4061
|
)
|
|
4046
4062
|
] }))
|
|
4047
|
-
),
|
|
4063
|
+
), ea = g.form`
|
|
4048
4064
|
display: flex;
|
|
4049
4065
|
flex-direction: column;
|
|
4050
4066
|
gap: var(--base-gap-large);
|
|
4051
4067
|
padding: var(--padding-m);
|
|
4052
4068
|
width: 100%;
|
|
4053
|
-
`,
|
|
4069
|
+
`, ta = g(Et)`
|
|
4054
4070
|
width: 100%;
|
|
4055
4071
|
margin: auto;
|
|
4056
4072
|
|
|
@@ -4061,12 +4077,12 @@ const Uo = g.div`
|
|
|
4061
4077
|
input {
|
|
4062
4078
|
width: 100%;
|
|
4063
4079
|
}
|
|
4064
|
-
`,
|
|
4080
|
+
`, na = g.div`
|
|
4065
4081
|
font-size: var(--font-size-xs);
|
|
4066
4082
|
color: var(--md-sys-color-outline);
|
|
4067
4083
|
margin-top: var(--base-gap-small);
|
|
4068
4084
|
line-height: 1.3;
|
|
4069
|
-
`,
|
|
4085
|
+
`, oa = g.button`
|
|
4070
4086
|
background: none;
|
|
4071
4087
|
border: none;
|
|
4072
4088
|
color: var(--md-sys-color-primary);
|
|
@@ -4079,7 +4095,7 @@ const Uo = g.div`
|
|
|
4079
4095
|
&:hover {
|
|
4080
4096
|
color: var(--md-sys-color-primary-dark);
|
|
4081
4097
|
}
|
|
4082
|
-
`,
|
|
4098
|
+
`, ra = g.div`
|
|
4083
4099
|
display: flex;
|
|
4084
4100
|
align-items: start;
|
|
4085
4101
|
gap: var(--base-gap-small);
|
|
@@ -4089,39 +4105,39 @@ const Uo = g.div`
|
|
|
4089
4105
|
flex: 1;
|
|
4090
4106
|
min-width: 0;
|
|
4091
4107
|
}
|
|
4092
|
-
`,
|
|
4108
|
+
`, ia = g.div`
|
|
4093
4109
|
font-size: var(--font-size-xs);
|
|
4094
4110
|
color: var(--md-sys-color-primary);
|
|
4095
4111
|
margin-top: var(--base-gap-small);
|
|
4096
4112
|
line-height: 1.3;
|
|
4097
|
-
`,
|
|
4113
|
+
`, aa = g.div`
|
|
4098
4114
|
position: relative;
|
|
4099
4115
|
min-height: 80px;
|
|
4100
|
-
`,
|
|
4116
|
+
`, sa = g.div`
|
|
4101
4117
|
display: flex;
|
|
4102
4118
|
align-items: center;
|
|
4103
4119
|
gap: var(--base-gap-small);
|
|
4104
4120
|
width: 100%;
|
|
4105
|
-
`,
|
|
4121
|
+
`, la = g(H)`
|
|
4106
4122
|
flex: 1;
|
|
4107
|
-
`,
|
|
4123
|
+
`, ca = g.div`
|
|
4108
4124
|
width: 100%;
|
|
4109
4125
|
overflow: hidden;
|
|
4110
4126
|
display: flex;
|
|
4111
4127
|
min-width: 0;
|
|
4112
|
-
`,
|
|
4128
|
+
`, da = g.span`
|
|
4113
4129
|
overflow: hidden;
|
|
4114
4130
|
text-overflow: ellipsis;
|
|
4115
4131
|
white-space: nowrap;
|
|
4116
4132
|
max-width: fit-content;
|
|
4117
4133
|
margin-right: 4px;
|
|
4118
4134
|
flex: 1;
|
|
4119
|
-
`,
|
|
4135
|
+
`, ua = g.span`
|
|
4120
4136
|
white-space: nowrap;
|
|
4121
4137
|
overflow: hidden;
|
|
4122
4138
|
text-overflow: ellipsis;
|
|
4123
4139
|
font-weight: bold;
|
|
4124
|
-
`,
|
|
4140
|
+
`, pa = ({
|
|
4125
4141
|
formData: e,
|
|
4126
4142
|
onChange: t,
|
|
4127
4143
|
onSubmit: o,
|
|
@@ -4146,7 +4162,7 @@ const Uo = g.div`
|
|
|
4146
4162
|
folderProducts: P,
|
|
4147
4163
|
isFolderProductsLoading: $,
|
|
4148
4164
|
matchedProduct: N
|
|
4149
|
-
} = En(), [B,
|
|
4165
|
+
} = En(), [B, L] = U(!1), z = Q(
|
|
4150
4166
|
() => P.map((A) => ({ value: A.name, label: A.name })),
|
|
4151
4167
|
[P]
|
|
4152
4168
|
), T = ee(
|
|
@@ -4154,10 +4170,10 @@ const Uo = g.div`
|
|
|
4154
4170
|
t("name", A.length > 0 ? A[0] : "");
|
|
4155
4171
|
},
|
|
4156
4172
|
[t]
|
|
4157
|
-
), V = N?.latestVersion ? `v${String(N.latestVersion.version).padStart(3, "0")}` : "", { data:
|
|
4173
|
+
), V = N?.latestVersion ? `v${String(N.latestVersion.version).padStart(3, "0")}` : "", { data: M, isFetching: R } = ho(
|
|
4158
4174
|
{ projectName: a, taskId: k },
|
|
4159
4175
|
{ skip: !k }
|
|
4160
|
-
), I = b || !!k &&
|
|
4176
|
+
), I = b || !!k && R && !C, _ = M?.folderId || S, O = Sn(), F = M?.label || M?.name || C?.label || C?.name || "", Y = M?.taskType || C?.taskType, oe = Y ? O.getTaskType(Y) : void 0, re = oe?.icon || "task_alt", be = M?.path ? M.path.substring(0, M.path.lastIndexOf("/")) : "", ye = O.getProductTypeOptions(), ue = Q(() => O.productTypes.reduce((A, q) => (A[q.name] = q, A), {}), [O.productTypes]);
|
|
4161
4177
|
Z(() => {
|
|
4162
4178
|
const A = f.current, q = ue[A]?.name || "", he = ue[e.productType]?.name || "";
|
|
4163
4179
|
if (e.productType !== A && q && e.name.startsWith(q)) {
|
|
@@ -4166,7 +4182,7 @@ const Uo = g.div`
|
|
|
4166
4182
|
}
|
|
4167
4183
|
f.current = e.productType;
|
|
4168
4184
|
}, [e.productType, e.name, t]);
|
|
4169
|
-
const
|
|
4185
|
+
const Re = (A) => {
|
|
4170
4186
|
A.preventDefault();
|
|
4171
4187
|
const q = A.nativeEvent.submitter;
|
|
4172
4188
|
q && q.closest(".dropdown") || o(e);
|
|
@@ -4185,11 +4201,11 @@ const Uo = g.div`
|
|
|
4185
4201
|
return e.name && !e.name.startsWith(A);
|
|
4186
4202
|
}, ie = !!i;
|
|
4187
4203
|
return /* @__PURE__ */ w(
|
|
4188
|
-
|
|
4204
|
+
ea,
|
|
4189
4205
|
{
|
|
4190
4206
|
id: "upload-version-form",
|
|
4191
4207
|
ref: l,
|
|
4192
|
-
onSubmit:
|
|
4208
|
+
onSubmit: Re,
|
|
4193
4209
|
noValidate: !0,
|
|
4194
4210
|
onKeyDown: (A) => {
|
|
4195
4211
|
if (A.key === "Enter" && (A.metaKey || A.ctrlKey)) {
|
|
@@ -4198,8 +4214,8 @@ const Uo = g.div`
|
|
|
4198
4214
|
}
|
|
4199
4215
|
},
|
|
4200
4216
|
children: [
|
|
4201
|
-
/* @__PURE__ */ w(
|
|
4202
|
-
!r.includes("name") && /* @__PURE__ */ n(
|
|
4217
|
+
/* @__PURE__ */ w(ta, { children: [
|
|
4218
|
+
!r.includes("name") && /* @__PURE__ */ n(ne, { label: "Product Name", children: /* @__PURE__ */ w(ra, { children: [
|
|
4203
4219
|
/* @__PURE__ */ w("div", { children: [
|
|
4204
4220
|
/* @__PURE__ */ n(
|
|
4205
4221
|
Ae,
|
|
@@ -4214,17 +4230,17 @@ const Uo = g.div`
|
|
|
4214
4230
|
disabled: ie
|
|
4215
4231
|
}
|
|
4216
4232
|
),
|
|
4217
|
-
N && /* @__PURE__ */ n(
|
|
4233
|
+
N && /* @__PURE__ */ n(ia, { children: N.latestVersion ? /* @__PURE__ */ w(me, { children: [
|
|
4218
4234
|
"Matched existing product (latest: ",
|
|
4219
4235
|
V,
|
|
4220
4236
|
")"
|
|
4221
4237
|
] }) : "Matched existing product (no versions)" }),
|
|
4222
|
-
!N && ce() && /* @__PURE__ */ w(
|
|
4238
|
+
!N && ce() && /* @__PURE__ */ w(na, { id: "name-recommendation", children: [
|
|
4223
4239
|
'We recommend prefixing with "',
|
|
4224
4240
|
ue[e.productType]?.name,
|
|
4225
4241
|
'".',
|
|
4226
4242
|
" ",
|
|
4227
|
-
/* @__PURE__ */ n(
|
|
4243
|
+
/* @__PURE__ */ n(oa, { type: "button", onClick: ge, children: "Apply prefix" })
|
|
4228
4244
|
] })
|
|
4229
4245
|
] }),
|
|
4230
4246
|
!v && !ie && /* @__PURE__ */ n(
|
|
@@ -4253,7 +4269,7 @@ const Uo = g.div`
|
|
|
4253
4269
|
}
|
|
4254
4270
|
)
|
|
4255
4271
|
] }) }),
|
|
4256
|
-
!r.includes("productType") && /* @__PURE__ */ n(
|
|
4272
|
+
!r.includes("productType") && /* @__PURE__ */ n(ne, { label: "Product Type", children: /* @__PURE__ */ n(
|
|
4257
4273
|
pe,
|
|
4258
4274
|
{
|
|
4259
4275
|
ref: c,
|
|
@@ -4267,7 +4283,7 @@ const Uo = g.div`
|
|
|
4267
4283
|
disabled: ie
|
|
4268
4284
|
}
|
|
4269
4285
|
) }),
|
|
4270
|
-
!r.includes("version") && /* @__PURE__ */ n(
|
|
4286
|
+
!r.includes("version") && /* @__PURE__ */ n(ne, { label: "Version", children: /* @__PURE__ */ n(
|
|
4271
4287
|
pn,
|
|
4272
4288
|
{
|
|
4273
4289
|
value: e.version,
|
|
@@ -4279,23 +4295,23 @@ const Uo = g.div`
|
|
|
4279
4295
|
disabled: ie
|
|
4280
4296
|
}
|
|
4281
4297
|
) }),
|
|
4282
|
-
/* @__PURE__ */ n(
|
|
4298
|
+
/* @__PURE__ */ n(ne, { label: "Task", children: /* @__PURE__ */ n(sa, { children: I ? /* @__PURE__ */ n(Ho, { height: "20px" }) : k && F ? /* @__PURE__ */ w(me, { children: [
|
|
4283
4299
|
/* @__PURE__ */ w(
|
|
4284
|
-
|
|
4300
|
+
la,
|
|
4285
4301
|
{
|
|
4286
4302
|
type: "button",
|
|
4287
|
-
onClick: () =>
|
|
4303
|
+
onClick: () => L(!0),
|
|
4288
4304
|
disabled: ie,
|
|
4289
4305
|
variant: "text",
|
|
4290
4306
|
children: [
|
|
4291
|
-
/* @__PURE__ */ n(G, { icon: re, style: { color:
|
|
4292
|
-
/* @__PURE__ */ w(
|
|
4293
|
-
be && /* @__PURE__ */ w(
|
|
4307
|
+
/* @__PURE__ */ n(G, { icon: re, style: { color: oe?.color } }),
|
|
4308
|
+
/* @__PURE__ */ w(ca, { children: [
|
|
4309
|
+
be && /* @__PURE__ */ w(da, { children: [
|
|
4294
4310
|
be.split("/").filter(Boolean).join(" / "),
|
|
4295
4311
|
" /",
|
|
4296
4312
|
" "
|
|
4297
4313
|
] }),
|
|
4298
|
-
/* @__PURE__ */ n(
|
|
4314
|
+
/* @__PURE__ */ n(ua, { children: F })
|
|
4299
4315
|
] })
|
|
4300
4316
|
]
|
|
4301
4317
|
}
|
|
@@ -4319,13 +4335,13 @@ const Uo = g.div`
|
|
|
4319
4335
|
icon: "link",
|
|
4320
4336
|
label: "Link task",
|
|
4321
4337
|
variant: "text",
|
|
4322
|
-
onClick: () =>
|
|
4338
|
+
onClick: () => L(!0),
|
|
4323
4339
|
disabled: ie
|
|
4324
4340
|
}
|
|
4325
4341
|
) }) })
|
|
4326
4342
|
] }),
|
|
4327
4343
|
B && /* @__PURE__ */ n(
|
|
4328
|
-
|
|
4344
|
+
Ro,
|
|
4329
4345
|
{
|
|
4330
4346
|
projectName: a,
|
|
4331
4347
|
entityType: "task",
|
|
@@ -4334,14 +4350,14 @@ const Uo = g.div`
|
|
|
4334
4350
|
...k ? { task: { [k]: !0 } } : {}
|
|
4335
4351
|
},
|
|
4336
4352
|
onSubmit: (A) => {
|
|
4337
|
-
A.length > 0 && m(A[0]),
|
|
4353
|
+
A.length > 0 && m(A[0]), L(!1);
|
|
4338
4354
|
},
|
|
4339
|
-
onClose: () =>
|
|
4355
|
+
onClose: () => L(!1)
|
|
4340
4356
|
}
|
|
4341
4357
|
),
|
|
4342
|
-
/* @__PURE__ */ n(
|
|
4343
|
-
/* @__PURE__ */ n(
|
|
4344
|
-
|
|
4358
|
+
/* @__PURE__ */ n(ne, { label: "Reviewable files" }),
|
|
4359
|
+
/* @__PURE__ */ n(aa, { children: /* @__PURE__ */ n(
|
|
4360
|
+
fo,
|
|
4345
4361
|
{
|
|
4346
4362
|
projectName: a,
|
|
4347
4363
|
versionId: i,
|
|
@@ -4364,15 +4380,15 @@ const Uo = g.div`
|
|
|
4364
4380
|
]
|
|
4365
4381
|
}
|
|
4366
4382
|
);
|
|
4367
|
-
},
|
|
4383
|
+
}, ma = (e) => {
|
|
4368
4384
|
let t = String(e), o = Math.max(0, 3 - t.length);
|
|
4369
4385
|
return `v${"0".repeat(o)}${t}`;
|
|
4370
|
-
},
|
|
4386
|
+
}, ga = g.span`
|
|
4371
4387
|
background-color: var(--md-sys-color-error-container);
|
|
4372
4388
|
color: var(--md-sys-color-on-error-container);
|
|
4373
4389
|
padding: var(--padding-s);
|
|
4374
4390
|
border-radius: var(--border-radius-m);
|
|
4375
|
-
`,
|
|
4391
|
+
`, tl = () => {
|
|
4376
4392
|
const {
|
|
4377
4393
|
isOpen: e,
|
|
4378
4394
|
onCloseVersionUpload: t,
|
|
@@ -4396,7 +4412,7 @@ const Uo = g.div`
|
|
|
4396
4412
|
{
|
|
4397
4413
|
type: "submit",
|
|
4398
4414
|
form: "upload-version-form",
|
|
4399
|
-
label: `Create ${
|
|
4415
|
+
label: `Create ${ma(s.version)}`,
|
|
4400
4416
|
icon: "upload",
|
|
4401
4417
|
active: !0,
|
|
4402
4418
|
saving: c
|
|
@@ -4414,7 +4430,7 @@ const Uo = g.div`
|
|
|
4414
4430
|
style: { width: 600, maxHeight: "80vh" },
|
|
4415
4431
|
children: [
|
|
4416
4432
|
/* @__PURE__ */ n(
|
|
4417
|
-
|
|
4433
|
+
pa,
|
|
4418
4434
|
{
|
|
4419
4435
|
formData: s,
|
|
4420
4436
|
minVersion: i,
|
|
@@ -4426,11 +4442,11 @@ const Uo = g.div`
|
|
|
4426
4442
|
productId: d
|
|
4427
4443
|
}
|
|
4428
4444
|
),
|
|
4429
|
-
k && /* @__PURE__ */ n(
|
|
4445
|
+
k && /* @__PURE__ */ n(ga, { className: "error", children: co(l) })
|
|
4430
4446
|
]
|
|
4431
4447
|
}
|
|
4432
4448
|
);
|
|
4433
|
-
},
|
|
4449
|
+
}, ha = g.div`
|
|
4434
4450
|
--reviewable-card-width: 62px;
|
|
4435
4451
|
|
|
4436
4452
|
position: relative;
|
|
@@ -4438,14 +4454,14 @@ const Uo = g.div`
|
|
|
4438
4454
|
z-index: 1000;
|
|
4439
4455
|
overflow: hidden;
|
|
4440
4456
|
padding-bottom: var(--padding-m);
|
|
4441
|
-
`,
|
|
4457
|
+
`, va = g(zo)`
|
|
4442
4458
|
display: flex;
|
|
4443
4459
|
flex-direction: column;
|
|
4444
4460
|
justify-content: flex-start;
|
|
4445
4461
|
align-items: center;
|
|
4446
4462
|
min-width: fit-content;
|
|
4447
4463
|
gap: var(--base-gap-small);
|
|
4448
|
-
`,
|
|
4464
|
+
`, fa = g.div`
|
|
4449
4465
|
position: relative;
|
|
4450
4466
|
flex-shrink: 0;
|
|
4451
4467
|
display: flex;
|
|
@@ -4495,7 +4511,7 @@ const Uo = g.div`
|
|
|
4495
4511
|
border-color: var(--selection-border-color);
|
|
4496
4512
|
color: var(--selection-color);
|
|
4497
4513
|
}
|
|
4498
|
-
`,
|
|
4514
|
+
`, ba = g.span`
|
|
4499
4515
|
padding: var(--padding-m);
|
|
4500
4516
|
border-radius: var(--border-radius-m);
|
|
4501
4517
|
background-color: var(--md-sys-color-surface-container-low);
|
|
@@ -4506,7 +4522,7 @@ const Uo = g.div`
|
|
|
4506
4522
|
left: -8px;
|
|
4507
4523
|
transform: translateX(-100%) translateY(-50%);
|
|
4508
4524
|
z-index: 1000;
|
|
4509
|
-
`,
|
|
4525
|
+
`, ya = g(H)`
|
|
4510
4526
|
width: var(--reviewable-card-width);
|
|
4511
4527
|
aspect-ratio: 16 / 9;
|
|
4512
4528
|
flex-shrink: 0;
|
|
@@ -4515,7 +4531,7 @@ const Uo = g.div`
|
|
|
4515
4531
|
&:hover {
|
|
4516
4532
|
background-color: var(--md-sys-color-surface-container-high-hover);
|
|
4517
4533
|
}
|
|
4518
|
-
`,
|
|
4534
|
+
`, xa = g.div`
|
|
4519
4535
|
border-radius: var(--border-radius-m);
|
|
4520
4536
|
background-color: var(--md-sys-color-surface-container-high);
|
|
4521
4537
|
position: absolute;
|
|
@@ -4523,7 +4539,7 @@ const Uo = g.div`
|
|
|
4523
4539
|
right: var(--padding-s);
|
|
4524
4540
|
padding: var(--padding-s);
|
|
4525
4541
|
`;
|
|
4526
|
-
function
|
|
4542
|
+
function wa({
|
|
4527
4543
|
fileId: e,
|
|
4528
4544
|
label: t,
|
|
4529
4545
|
selected: o,
|
|
@@ -4536,9 +4552,9 @@ function va({
|
|
|
4536
4552
|
selectionVariant: c = "primary",
|
|
4537
4553
|
shortcut: l
|
|
4538
4554
|
}) {
|
|
4539
|
-
const [p] =
|
|
4555
|
+
const [p] = jo();
|
|
4540
4556
|
return /* @__PURE__ */ w(
|
|
4541
|
-
|
|
4557
|
+
fa,
|
|
4542
4558
|
{
|
|
4543
4559
|
id: "preview-" + e,
|
|
4544
4560
|
onClick: (u) => i?.(e, u.metaKey || u.ctrlKey),
|
|
@@ -4553,14 +4569,14 @@ function va({
|
|
|
4553
4569
|
},
|
|
4554
4570
|
tabIndex: 0,
|
|
4555
4571
|
children: [
|
|
4556
|
-
/* @__PURE__ */ n(
|
|
4557
|
-
v && /* @__PURE__ */ n(
|
|
4572
|
+
/* @__PURE__ */ n(bo, { src: `/api/projects/${r}/files/${e}/thumbnail` }),
|
|
4573
|
+
v && /* @__PURE__ */ n(xa, { children: v })
|
|
4558
4574
|
]
|
|
4559
4575
|
},
|
|
4560
4576
|
e
|
|
4561
4577
|
);
|
|
4562
4578
|
}
|
|
4563
|
-
const
|
|
4579
|
+
const nl = le(({
|
|
4564
4580
|
reviewables: e = [],
|
|
4565
4581
|
selected: t = [],
|
|
4566
4582
|
projectName: o,
|
|
@@ -4573,7 +4589,7 @@ const Js = le(({
|
|
|
4573
4589
|
const S = m.getBoundingClientRect(), P = x.getBoundingClientRect();
|
|
4574
4590
|
P.top < S.top ? m.scrollTop -= S.top - P.top : P.bottom > S.bottom && (m.scrollTop += P.bottom - S.bottom), i.current?.updateScroll?.();
|
|
4575
4591
|
};
|
|
4576
|
-
|
|
4592
|
+
Zn(
|
|
4577
4593
|
s,
|
|
4578
4594
|
() => ({
|
|
4579
4595
|
notifyNavigation: ({ fileId: b, label: m }) => {
|
|
@@ -4615,9 +4631,9 @@ const Js = le(({
|
|
|
4615
4631
|
if (b === (k - 1 + m) % m) return "W";
|
|
4616
4632
|
if (b === (k + 1) % m) return "S";
|
|
4617
4633
|
};
|
|
4618
|
-
return /* @__PURE__ */ w(
|
|
4634
|
+
return /* @__PURE__ */ w(ha, { children: [
|
|
4619
4635
|
/* @__PURE__ */ w(
|
|
4620
|
-
|
|
4636
|
+
va,
|
|
4621
4637
|
{
|
|
4622
4638
|
className: "reviewables",
|
|
4623
4639
|
ref: i,
|
|
@@ -4626,7 +4642,7 @@ const Js = le(({
|
|
|
4626
4642
|
},
|
|
4627
4643
|
children: [
|
|
4628
4644
|
e.map(({ fileId: b, label: m, tag: x, selectionVariant: S, contextMenuItems: P }, $) => /* @__PURE__ */ n(
|
|
4629
|
-
|
|
4645
|
+
wa,
|
|
4630
4646
|
{
|
|
4631
4647
|
shortcut: C($),
|
|
4632
4648
|
projectName: o,
|
|
@@ -4643,7 +4659,7 @@ const Js = le(({
|
|
|
4643
4659
|
b
|
|
4644
4660
|
)),
|
|
4645
4661
|
!!a && /* @__PURE__ */ n(
|
|
4646
|
-
|
|
4662
|
+
ya,
|
|
4647
4663
|
{
|
|
4648
4664
|
icon: "add",
|
|
4649
4665
|
onClick: a,
|
|
@@ -4653,60 +4669,60 @@ const Js = le(({
|
|
|
4653
4669
|
]
|
|
4654
4670
|
}
|
|
4655
4671
|
),
|
|
4656
|
-
f && l && /* @__PURE__ */ n(
|
|
4672
|
+
f && l && /* @__PURE__ */ n(ba, { style: { top: l }, children: f })
|
|
4657
4673
|
] });
|
|
4658
4674
|
});
|
|
4659
4675
|
export {
|
|
4660
|
-
|
|
4661
|
-
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
|
|
4665
|
-
|
|
4676
|
+
Is as A,
|
|
4677
|
+
nl as B,
|
|
4678
|
+
ks as C,
|
|
4679
|
+
Ds as D,
|
|
4680
|
+
Xo as E,
|
|
4681
|
+
js as F,
|
|
4666
4682
|
Gt as G,
|
|
4667
|
-
|
|
4668
|
-
|
|
4669
|
-
|
|
4683
|
+
li as H,
|
|
4684
|
+
qs as I,
|
|
4685
|
+
mi as J,
|
|
4670
4686
|
ot as K,
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
|
|
4674
|
-
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4680
|
-
|
|
4687
|
+
Bs as L,
|
|
4688
|
+
zs as M,
|
|
4689
|
+
Zo as N,
|
|
4690
|
+
Di as O,
|
|
4691
|
+
oi as P,
|
|
4692
|
+
Js as Q,
|
|
4693
|
+
Ys as R,
|
|
4694
|
+
Cs as S,
|
|
4695
|
+
Ps as T,
|
|
4696
|
+
Zs as U,
|
|
4681
4697
|
Yt as V,
|
|
4682
|
-
|
|
4698
|
+
el as W,
|
|
4683
4699
|
qt as X,
|
|
4684
|
-
|
|
4685
|
-
|
|
4686
|
-
|
|
4687
|
-
|
|
4688
|
-
|
|
4689
|
-
|
|
4690
|
-
|
|
4691
|
-
|
|
4692
|
-
|
|
4693
|
-
|
|
4694
|
-
|
|
4695
|
-
|
|
4696
|
-
|
|
4700
|
+
tl as Y,
|
|
4701
|
+
Es as Z,
|
|
4702
|
+
Ns as a,
|
|
4703
|
+
As as b,
|
|
4704
|
+
Ls as c,
|
|
4705
|
+
Os as d,
|
|
4706
|
+
Rs as e,
|
|
4707
|
+
$s as f,
|
|
4708
|
+
_s as g,
|
|
4709
|
+
Hs as h,
|
|
4710
|
+
Ks as i,
|
|
4711
|
+
Us as j,
|
|
4712
|
+
Gs as k,
|
|
4697
4713
|
St as l,
|
|
4698
|
-
|
|
4699
|
-
|
|
4700
|
-
|
|
4701
|
-
|
|
4702
|
-
|
|
4703
|
-
|
|
4704
|
-
|
|
4705
|
-
|
|
4706
|
-
|
|
4707
|
-
|
|
4708
|
-
|
|
4709
|
-
|
|
4714
|
+
Qs as m,
|
|
4715
|
+
Ss as n,
|
|
4716
|
+
Ts as o,
|
|
4717
|
+
ki as p,
|
|
4718
|
+
Ei as q,
|
|
4719
|
+
Ws as r,
|
|
4720
|
+
Fs as s,
|
|
4721
|
+
Qo as t,
|
|
4722
|
+
Ms as u,
|
|
4723
|
+
fr as v,
|
|
4724
|
+
ur as w,
|
|
4725
|
+
Vs as x,
|
|
4710
4726
|
Wt as y,
|
|
4711
|
-
|
|
4727
|
+
Xs as z
|
|
4712
4728
|
};
|