@ynput/ayon-frontend-shared 0.7.5 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DetailsPanel.es.js +471 -469
- package/dist/Feed.es.js +1 -1
- package/dist/ListTable.es.js +20 -20
- package/dist/NewEntity.es.js +7 -7
- package/dist/ProjectTreeTable.es.js +2523 -2502
- package/dist/ProjectsTable.es.js +5 -5
- package/dist/Slicer.es.js +28 -25
- package/dist/Views.es.js +150 -151
- package/dist/api.es.js +166 -165
- package/dist/chunks/Actions.es.js +9 -10
- package/dist/chunks/ColumnDropIndicator.es.js +4 -4
- package/dist/chunks/ColumnHeaderMenuUI.es.js +4 -5
- package/dist/chunks/DeleteEntitiesConfirmDialog.es.js +2 -2
- package/dist/chunks/DetailsDialog.es.js +3 -3
- package/dist/chunks/EmptyPlaceholder.es.js +7 -7
- package/dist/chunks/EntityPath.es.js +38 -39
- package/dist/chunks/EntityPickerDialog.es.js +482 -462
- package/dist/chunks/EntityTooltip.es.js +18 -19
- package/dist/chunks/Feed.es.js +1382 -1355
- package/dist/chunks/FilmstripEntityCard.es.js +5201 -0
- package/dist/chunks/FilterErrorActions.es.js +3 -4
- package/dist/chunks/GroupSettingsFallback.es.js +4 -4
- package/dist/chunks/Menu.es.js +242 -240
- package/dist/chunks/MetaWidget.es.js +1948 -1875
- package/dist/chunks/ProjectFoldersContext.es.js +237 -0
- package/dist/chunks/RepresentationsList.es.js +1 -1
- package/dist/chunks/ReviewablesSelector.es.js +1260 -1190
- package/dist/chunks/SimpleTable.es.js +303 -297
- package/dist/chunks/Slicer.es.js +420 -413
- package/dist/chunks/TableExportContextInstance.es.js +622 -378
- package/dist/chunks/TableSettingsFallback.es.js +3 -4
- package/dist/chunks/ThumbnailSimple.es.js +114 -99
- package/dist/chunks/ThumbnailUploaderContext.es.js +48 -0
- package/dist/chunks/VideoPlayer.es.js +8 -9
- package/dist/chunks/Watchers.es.js +929 -872
- package/dist/chunks/{ColumnDropIndicator.styled.es.js → addonColumnTags.es.js} +60 -47
- package/dist/chunks/expandRelativeDates.es.js +1 -1
- package/dist/chunks/getThumbnailUrl.es.js +33 -21
- package/dist/chunks/getUris.es.js +1580 -1610
- package/dist/chunks/queryFilterToClientFilter.es.js +1 -1
- package/dist/chunks/realtimeUpdatesUtils.es.js +15 -15
- package/dist/chunks/searchTerms.es.js +773 -696
- package/dist/chunks/useAttributeEnums.es.js +22 -22
- package/dist/chunks/useDateRangeFilter.es.js +1 -1
- package/dist/chunks/useHierarchySelection.es.js +3 -4
- package/dist/chunks/useLoadModule.es.js +3 -4
- package/dist/components.es.js +1391 -1253
- package/dist/context.es.js +645 -668
- package/dist/hooks.es.js +193 -171
- package/dist/index.es.js +4 -4
- package/dist/types/Actions.d.ts +10 -8
- package/dist/types/DetailsPanel.d.ts +54 -76
- package/dist/types/EntityPickerDialog.d.ts +51 -2
- package/dist/types/Feed.d.ts +24 -24
- package/dist/types/ListTable.d.ts +33 -27
- package/dist/types/NewEntity.d.ts +26 -39
- package/dist/types/ProjectTreeTable.d.ts +318 -212
- package/dist/types/ProjectsTable.d.ts +6 -6
- package/dist/types/RepresentationsList.d.ts +4 -0
- package/dist/types/Slicer.d.ts +63 -246
- package/dist/types/Views.d.ts +71 -298
- package/dist/types/api.d.ts +3164 -2363
- package/dist/types/components.d.ts +537 -497
- package/dist/types/context.d.ts +293 -572
- package/dist/types/hooks.d.ts +76 -47
- package/dist/types/index.d.ts +6 -0
- package/dist/types/util.d.ts +141 -120
- package/dist/util.es.js +71 -68
- package/package.json +6 -6
- package/dist/chunks/EntityUpdatesContext.es.js +0 -61
- package/dist/chunks/PlayableIcon.es.js +0 -5020
- package/dist/chunks/ProjectContext.es.js +0 -158
- package/dist/chunks/useQueryArgumentChangeLoading.es.js +0 -11
- package/dist/chunks/viewUpdateHelper.es.js +0 -153
|
@@ -1,34 +1,33 @@
|
|
|
1
1
|
import { jsxs as S, jsx as o, Fragment as pe } from "react/jsx-runtime";
|
|
2
|
-
import u, { css as Ye, keyframes as
|
|
3
|
-
import { forwardRef as ce, useRef as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import { U as
|
|
2
|
+
import u, { css as Ye, keyframes as Qo, createGlobalStyle as Zo } from "styled-components";
|
|
3
|
+
import { forwardRef as ce, useRef as H, useState as U, useEffect as Y, useMemo as Z, Fragment as Jo, useCallback as te, useImperativeHandle as er } from "react";
|
|
4
|
+
import { Icon as q, InputNumber as po, Button as B, IconSelect as tr, InputText as De, Dialog as We, FormLayout as Et, FormRow as oe, Dropdown as me, LockedInput as or, InputSwitch as _e, Spacer as go, SaveButton as mo, theme as se } from "@ynput/ayon-react-components";
|
|
5
|
+
import { U as rr } from "./FilmstripEntityCard.es.js";
|
|
6
6
|
import J from "clsx";
|
|
7
|
-
import { kebabCase as $e, isEqual as Bt, uniqueId as
|
|
7
|
+
import { kebabCase as $e, isEqual as Bt, uniqueId as qe, startCase as Tt, camelCase as pt, upperFirst as nr } from "lodash";
|
|
8
8
|
import { createPortal as ho } from "react-dom";
|
|
9
|
-
import { DndContext as Xe, closestCenter as Qe, DragOverlay as Nt, useSensors as Pt, useSensor as
|
|
10
|
-
import { useSortable as
|
|
11
|
-
import { CSS as
|
|
12
|
-
import { I as
|
|
9
|
+
import { DndContext as Xe, closestCenter as Qe, DragOverlay as Nt, useSensors as Pt, useSensor as At, PointerSensor as _t } from "@dnd-kit/core";
|
|
10
|
+
import { useSortable as Ze, SortableContext as Le, verticalListSortingStrategy as Re, arrayMove as Dt } from "@dnd-kit/sortable";
|
|
11
|
+
import { CSS as Je } from "@dnd-kit/utilities";
|
|
12
|
+
import { I as ar } from "./InfoMessage.es.js";
|
|
13
13
|
import { S as bo } from "./SimpleForm.es.js";
|
|
14
|
-
import { bD as
|
|
15
|
-
import {
|
|
14
|
+
import { bD as ir, b6 as sr, bA as fo, by as vo, bC as Vt, bq as lr, bb as cr, bx as yo, bB as xo, bs as dr } from "./searchTerms.es.js";
|
|
15
|
+
import { bp as ur, bv as pr, cL as gr, bj as mr, dK as ie, cs as hr } from "./getUris.es.js";
|
|
16
16
|
import "primereact/confirmdialog";
|
|
17
|
-
import {
|
|
17
|
+
import { l as br, b as fr, v as vr } from "./Watchers.es.js";
|
|
18
18
|
import { matchSorter as Ut } from "match-sorter";
|
|
19
|
-
import { J as
|
|
19
|
+
import { J as yr } from "./JsonViewer.es.js";
|
|
20
20
|
import "@module-federation/enhanced/runtime";
|
|
21
21
|
import "@ynput/ayon-addon/host";
|
|
22
|
-
import { toast as
|
|
23
|
-
import { d as wo, b as xr, ag as et, u as tt, x as ko } from "./TableExportContextInstance.es.js";
|
|
22
|
+
import { toast as xr } from "react-toastify";
|
|
24
23
|
import "uuid";
|
|
25
24
|
import "axios";
|
|
25
|
+
import { c as wo, b as wr, ai as et, u as tt, q as ko } from "./TableExportContextInstance.es.js";
|
|
26
26
|
import "semver";
|
|
27
27
|
import "./ContextMenuContextInstance.es.js";
|
|
28
|
-
import "react-
|
|
29
|
-
import { Link as wr } from "react-router-dom";
|
|
28
|
+
import { Link as kr } from "react-router-dom";
|
|
30
29
|
import { g as fe } from "./iconUtils.es.js";
|
|
31
|
-
import { b7 as
|
|
30
|
+
import { b7 as G, a as Ce, be as Cr, b as ot, bg as Sr, bn as Ir, aG as xe, b8 as ee, ak as Er, v as Tr, bl as Nr, bb as Ht, b9 as jt, bc as Kt, bo as Pr } from "./MetaWidget.es.js";
|
|
32
31
|
import "@tanstack/react-table";
|
|
33
32
|
import "date-fns";
|
|
34
33
|
import "lexical";
|
|
@@ -40,28 +39,31 @@ import "@lexical/selection";
|
|
|
40
39
|
import "@lexical/utils";
|
|
41
40
|
import "@lexical/react/LexicalBlockWithAlignableContents";
|
|
42
41
|
import "@lexical/react/LexicalDecoratorBlockNode";
|
|
43
|
-
import "@ynput/ayon-addon";
|
|
42
|
+
import { ContributionView as Ar } from "@ynput/ayon-addon";
|
|
43
|
+
import "react-redux";
|
|
44
44
|
import "@tanstack/react-virtual";
|
|
45
|
-
import { a as
|
|
46
|
-
import { M as
|
|
45
|
+
import { a as _r } from "./addonColumnTags.es.js";
|
|
46
|
+
import { M as Co, a as Dr, b as Lr } from "./Menu.es.js";
|
|
47
47
|
import "./EmptyPlaceholder.es.js";
|
|
48
48
|
import "./EmptyPlaceholderFlex.styled.es.js";
|
|
49
|
-
import { T as
|
|
50
|
-
import { useDebounce as
|
|
51
|
-
import { c as
|
|
52
|
-
import { M as
|
|
53
|
-
import { g as
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import
|
|
57
|
-
import
|
|
58
|
-
|
|
49
|
+
import { T as Rr, E as Or } from "./EntityPickerDialog.es.js";
|
|
50
|
+
import { useDebounce as zr } from "primereact/hooks";
|
|
51
|
+
import { c as Mr, a as So, C as Io, g as $r } from "./ColumnDropIndicator.es.js";
|
|
52
|
+
import { M as Fr, D as Br, R as Vr } from "./realtimeUpdatesUtils.es.js";
|
|
53
|
+
import { g as Eo } from "./getEntityTypeIcon.es.js";
|
|
54
|
+
import { f as Ur } from "./SimpleTable.es.js";
|
|
55
|
+
import { a as To } from "./VersionUploadContextInstance.es.js";
|
|
56
|
+
import { Skeleton as Hr } from "primereact/skeleton";
|
|
57
|
+
import jr from "react-perfect-scrollbar";
|
|
58
|
+
import { u as Kr } from "./useCreateContextMenu.es.js";
|
|
59
|
+
import { b as qr } from "./getThumbnailUrl.es.js";
|
|
60
|
+
const Gr = u.div`
|
|
59
61
|
display: flex;
|
|
60
62
|
width: 100%;
|
|
61
63
|
height: 100%;
|
|
62
64
|
gap: 0;
|
|
63
65
|
padding: ${(e) => e.$padding};
|
|
64
|
-
`,
|
|
66
|
+
`, Yr = u.div`
|
|
65
67
|
width: ${(e) => e.$config.width || "15%"};
|
|
66
68
|
min-width: ${(e) => e.$config.minWidth || "2%"};
|
|
67
69
|
max-width: ${(e) => e.$config.maxWidth || "600px"};
|
|
@@ -69,7 +71,7 @@ const jr = u.div`
|
|
|
69
71
|
flex-shrink: 0;
|
|
70
72
|
border-radius: 4px;
|
|
71
73
|
background-color: var(--md-sys-color-surface-container);
|
|
72
|
-
`,
|
|
74
|
+
`, Wr = u.div`
|
|
73
75
|
display: grid;
|
|
74
76
|
grid-template-columns: repeat(${(e) => e.$config.columns}, 1fr);
|
|
75
77
|
grid-template-rows: repeat(${(e) => e.$config.rows}, 1fr);
|
|
@@ -77,32 +79,32 @@ const jr = u.div`
|
|
|
77
79
|
flex: 1;
|
|
78
80
|
padding: 1rem;
|
|
79
81
|
overflow: auto;
|
|
80
|
-
`,
|
|
82
|
+
`, Xr = u.div`
|
|
81
83
|
border-radius: 4px;
|
|
82
84
|
min-height: ${(e) => e.$minHeight};
|
|
83
85
|
background-color: var(--md-sys-color-surface-container);
|
|
84
|
-
`,
|
|
86
|
+
`, $s = ({
|
|
85
87
|
showSidebar: e = !0,
|
|
86
88
|
sidebarConfig: t = {},
|
|
87
89
|
gridConfig: r = { columns: 3, rows: 3 },
|
|
88
90
|
padding: n = "var(--padding-l)",
|
|
89
|
-
pt:
|
|
90
|
-
...
|
|
91
|
+
pt: s = {},
|
|
92
|
+
...i
|
|
91
93
|
}) => {
|
|
92
94
|
const a = r.columns * r.rows;
|
|
93
|
-
return /* @__PURE__ */ S(
|
|
94
|
-
e && /* @__PURE__ */ o(
|
|
95
|
-
/* @__PURE__ */ o(
|
|
96
|
-
|
|
95
|
+
return /* @__PURE__ */ S(Gr, { $padding: n, ...i, children: [
|
|
96
|
+
e && /* @__PURE__ */ o(Yr, { className: "loading", $config: t, ...s?.sidebar }),
|
|
97
|
+
/* @__PURE__ */ o(Wr, { $config: r, ...s?.grid, children: Array.from({ length: a }).map((h, f) => /* @__PURE__ */ o(
|
|
98
|
+
Xr,
|
|
97
99
|
{
|
|
98
100
|
className: "loading",
|
|
99
101
|
$minHeight: r.itemMinHeight || "200px",
|
|
100
|
-
...
|
|
102
|
+
...s?.gridItem
|
|
101
103
|
},
|
|
102
|
-
|
|
104
|
+
f
|
|
103
105
|
)) })
|
|
104
106
|
] });
|
|
105
|
-
},
|
|
107
|
+
}, Fs = u.div`
|
|
106
108
|
position: relative;
|
|
107
109
|
width: 100%;
|
|
108
110
|
|
|
@@ -110,7 +112,7 @@ const jr = u.div`
|
|
|
110
112
|
min-height: 32px;
|
|
111
113
|
max-height: 32px;
|
|
112
114
|
}
|
|
113
|
-
`,
|
|
115
|
+
`, Bs = u.ul`
|
|
114
116
|
position: absolute;
|
|
115
117
|
top: 100%;
|
|
116
118
|
left: 0;
|
|
@@ -139,7 +141,7 @@ const jr = u.div`
|
|
|
139
141
|
.tip {
|
|
140
142
|
color: var(--md-sys-color-outline);
|
|
141
143
|
}
|
|
142
|
-
`,
|
|
144
|
+
`, Qr = u.div`
|
|
143
145
|
display: flex;
|
|
144
146
|
align-items: center;
|
|
145
147
|
gap: var(--base-gap-medium);
|
|
@@ -183,7 +185,7 @@ const jr = u.div`
|
|
|
183
185
|
padding: 2px;
|
|
184
186
|
font-size: 20px;
|
|
185
187
|
}
|
|
186
|
-
`,
|
|
188
|
+
`, Zr = "__everyone__", Jr = "__guests__", qt = "group:", Gt = "team:", Yt = "user:", Wt = "guest:", en = u(q)`
|
|
187
189
|
font-size: ${({ $size: e }) => `${e}px`};
|
|
188
190
|
&.withBackground {
|
|
189
191
|
display: flex;
|
|
@@ -193,55 +195,55 @@ const jr = u.div`
|
|
|
193
195
|
background-color: var(--md-sys-color-surface-container-high);
|
|
194
196
|
padding: 3px;
|
|
195
197
|
}
|
|
196
|
-
`,
|
|
198
|
+
`, tn = ({
|
|
197
199
|
shareType: e,
|
|
198
200
|
name: t,
|
|
199
201
|
label: r,
|
|
200
202
|
size: n = 24,
|
|
201
|
-
withBackground:
|
|
202
|
-
withTooltip:
|
|
203
|
+
withBackground: s = !1,
|
|
204
|
+
withTooltip: i = !0
|
|
203
205
|
}) => {
|
|
204
|
-
let a = e,
|
|
205
|
-
a || (t.startsWith(Yt) ? (a = "user",
|
|
206
|
-
const
|
|
207
|
-
|
|
206
|
+
let a = e, h = t;
|
|
207
|
+
a || (t.startsWith(Yt) ? (a = "user", h = t.slice(Yt.length)) : t.startsWith(qt) ? (a = "group", h = t.slice(qt.length)) : t.startsWith(Gt) ? (a = "team", h = t.slice(Gt.length)) : t.startsWith(Wt) && (a = "guest", h = t.slice(Wt.length)));
|
|
208
|
+
const f = (c, l) => /* @__PURE__ */ o(
|
|
209
|
+
en,
|
|
208
210
|
{
|
|
209
|
-
className: J({ withBackground:
|
|
211
|
+
className: J({ withBackground: s }),
|
|
210
212
|
icon: c,
|
|
211
|
-
"data-tooltip":
|
|
212
|
-
"data-tooltip-delay":
|
|
213
|
-
$size:
|
|
213
|
+
"data-tooltip": i ? l : void 0,
|
|
214
|
+
"data-tooltip-delay": i ? 0 : void 0,
|
|
215
|
+
$size: s ? n - 6 : n
|
|
214
216
|
}
|
|
215
217
|
);
|
|
216
|
-
return a === "user" ? /* @__PURE__ */ o(
|
|
217
|
-
},
|
|
218
|
+
return a === "user" ? /* @__PURE__ */ o(rr, { name: h, fullName: i ? r : void 0, size: n }) : a === "group" ? f("shield_person", "Access group") : a === "team" ? f("groups", "Team") : a === "guest" || t === Jr ? f("badge", "Guest user") : t === Zr ? f("groups", "Everyone with access to the project") : f("person");
|
|
219
|
+
}, Vs = ce(
|
|
218
220
|
({
|
|
219
221
|
name: e,
|
|
220
222
|
label: t,
|
|
221
223
|
icon: r,
|
|
222
224
|
shareType: n,
|
|
223
|
-
isMe:
|
|
224
|
-
isOwner:
|
|
225
|
+
isMe: s,
|
|
226
|
+
isOwner: i,
|
|
225
227
|
isCompact: a,
|
|
226
|
-
isSearchResult:
|
|
227
|
-
labelChildren:
|
|
228
|
+
isSearchResult: h,
|
|
229
|
+
labelChildren: f,
|
|
228
230
|
children: c,
|
|
229
231
|
className: l,
|
|
230
232
|
...p
|
|
231
233
|
}, d) => {
|
|
232
|
-
const y = n === "user" || n === "guest",
|
|
233
|
-
return /* @__PURE__ */ S(
|
|
234
|
-
/* @__PURE__ */ o(
|
|
234
|
+
const y = n === "user" || n === "guest", v = y || h, x = y ? e : n;
|
|
235
|
+
return /* @__PURE__ */ S(Qr, { ...p, ref: d, className: J(l, { compact: a }), children: [
|
|
236
|
+
/* @__PURE__ */ o(tn, { shareType: n, name: e, label: t, icon: r }),
|
|
235
237
|
/* @__PURE__ */ S("span", { className: "title-label", children: [
|
|
236
238
|
t || e,
|
|
237
|
-
|
|
238
|
-
|
|
239
|
+
s ? /* @__PURE__ */ o("span", { className: "name", children: "(you)" }) : v && /* @__PURE__ */ o("span", { className: J("name", { "float-right": h }), children: x }),
|
|
240
|
+
f
|
|
239
241
|
] }),
|
|
240
242
|
c,
|
|
241
|
-
|
|
243
|
+
i && /* @__PURE__ */ o("span", { className: "owner", children: "Owner" })
|
|
242
244
|
] });
|
|
243
245
|
}
|
|
244
|
-
),
|
|
246
|
+
), on = u.div`
|
|
245
247
|
display: flex;
|
|
246
248
|
flex-direction: row;
|
|
247
249
|
align-items: center;
|
|
@@ -251,26 +253,26 @@ const jr = u.div`
|
|
|
251
253
|
input {
|
|
252
254
|
width: 100%;
|
|
253
255
|
}
|
|
254
|
-
`,
|
|
255
|
-
const { le:
|
|
256
|
-
|
|
257
|
-
r ? (p !== void 0 && n({ [y]: String(p), [
|
|
256
|
+
`, rn = ({ value: e = {}, isMin: t, isFloat: r = !1, onChange: n }) => {
|
|
257
|
+
const { le: s, lt: i, ge: a, gt: h } = e, f = a ?? h, c = s ?? i, l = H(null), p = t ? f : c, d = t ? "g" : "l", y = d + "e", v = d + "t", [x, g] = U(e[y] != null || !r);
|
|
258
|
+
Y(() => {
|
|
259
|
+
r ? (p !== void 0 && n({ [y]: String(p), [v]: void 0 }), g(!0)) : (n({ [y]: parseInt(String(p))?.toString(), [v]: void 0 }), g(!0));
|
|
258
260
|
}, [r]);
|
|
259
261
|
const w = (z) => {
|
|
260
262
|
const P = z.target.value;
|
|
261
|
-
n(r ? x ? { [y]: P, [
|
|
262
|
-
},
|
|
263
|
+
n(r ? x ? { [y]: P, [v]: void 0 } : { [y]: void 0, [v]: P } : { [y]: P, [v]: void 0 }), l.current && l.current.setCustomValidity("");
|
|
264
|
+
}, b = () => {
|
|
263
265
|
const z = !x;
|
|
264
|
-
g(z), n(z ? { [
|
|
266
|
+
g(z), n(z ? { [v]: void 0, [y]: p } : { [v]: p, [y]: void 0 });
|
|
265
267
|
}, m = t ? "greater" : "less", k = t ? ">" : "<", C = t ? "≥" : "≤", N = `Determines if the value should be '${m} than or equal to' (${C}) or 'strictly ${m} than' (${k}). Currently: ${x ? C : k}`;
|
|
266
|
-
return /* @__PURE__ */ S(
|
|
268
|
+
return /* @__PURE__ */ S(on, { children: [
|
|
267
269
|
/* @__PURE__ */ o(
|
|
268
270
|
po,
|
|
269
271
|
{
|
|
270
272
|
value: p === void 0 ? "" : p,
|
|
271
273
|
onChange: w,
|
|
272
274
|
step: r ? "any" : 1,
|
|
273
|
-
min: t ? void 0 :
|
|
275
|
+
min: t ? void 0 : f,
|
|
274
276
|
max: t ? c : void 0,
|
|
275
277
|
ref: l
|
|
276
278
|
}
|
|
@@ -280,13 +282,13 @@ const jr = u.div`
|
|
|
280
282
|
{
|
|
281
283
|
label: C,
|
|
282
284
|
selected: x,
|
|
283
|
-
onClick:
|
|
285
|
+
onClick: b,
|
|
284
286
|
"data-tooltip": N,
|
|
285
287
|
"data-tooltip-delay": 0
|
|
286
288
|
}
|
|
287
289
|
)
|
|
288
290
|
] });
|
|
289
|
-
},
|
|
291
|
+
}, nn = Ye`
|
|
290
292
|
display: flex;
|
|
291
293
|
flex-direction: column;
|
|
292
294
|
align-items: center;
|
|
@@ -295,7 +297,7 @@ const jr = u.div`
|
|
|
295
297
|
display: flex;
|
|
296
298
|
align-items: center;
|
|
297
299
|
gap: 8px;
|
|
298
|
-
`,
|
|
300
|
+
`, No = Ye`
|
|
299
301
|
min-height: var(--base-input-size);
|
|
300
302
|
max-height: var(--base-input-size);
|
|
301
303
|
background-color: var(--md-sys-color-surface-container-low);
|
|
@@ -306,12 +308,12 @@ const jr = u.div`
|
|
|
306
308
|
&:hover {
|
|
307
309
|
background-color: var(--md-sys-color-surface-container-low-hover);
|
|
308
310
|
}
|
|
309
|
-
`,
|
|
311
|
+
`, an = u.div`
|
|
310
312
|
display: flex;
|
|
311
313
|
flex-direction: column;
|
|
312
314
|
justify-content: stretch;
|
|
313
315
|
gap: 4px;
|
|
314
|
-
`,
|
|
316
|
+
`, sn = u.div`
|
|
315
317
|
justify-content: stretch;
|
|
316
318
|
border-radius: 4px;
|
|
317
319
|
overflow: hidden;
|
|
@@ -319,7 +321,7 @@ const jr = u.div`
|
|
|
319
321
|
&.dragged {
|
|
320
322
|
opacity: 0;
|
|
321
323
|
}
|
|
322
|
-
`,
|
|
324
|
+
`, ln = u.div`
|
|
323
325
|
${Lt}
|
|
324
326
|
cursor: pointer;
|
|
325
327
|
user-select: none;
|
|
@@ -360,7 +362,7 @@ const jr = u.div`
|
|
|
360
362
|
.spacer {
|
|
361
363
|
flex-grow: 1;
|
|
362
364
|
}
|
|
363
|
-
`,
|
|
365
|
+
`, cn = u.div`
|
|
364
366
|
display: grid;
|
|
365
367
|
grid-template-rows: 0fr;
|
|
366
368
|
overflow: hidden;
|
|
@@ -368,8 +370,8 @@ const jr = u.div`
|
|
|
368
370
|
&.expanded {
|
|
369
371
|
grid-template-rows: 1fr;
|
|
370
372
|
}
|
|
371
|
-
`,
|
|
372
|
-
${
|
|
373
|
+
`, dn = u.div`
|
|
374
|
+
${nn}
|
|
373
375
|
align-items: stretch;
|
|
374
376
|
padding: 0 8px;
|
|
375
377
|
min-height: 0;
|
|
@@ -380,7 +382,7 @@ const jr = u.div`
|
|
|
380
382
|
`, Fe = u.div`
|
|
381
383
|
user-select: none;
|
|
382
384
|
min-width: 80px;
|
|
383
|
-
`,
|
|
385
|
+
`, Ae = u.div`
|
|
384
386
|
${Lt}
|
|
385
387
|
&.footer {
|
|
386
388
|
justify-content: space-between;
|
|
@@ -389,11 +391,11 @@ const jr = u.div`
|
|
|
389
391
|
`, Xt = u.div`
|
|
390
392
|
${Lt}
|
|
391
393
|
gap: 4px;
|
|
392
|
-
`,
|
|
394
|
+
`, un = u.div`
|
|
393
395
|
border-radius: 4px;
|
|
394
396
|
width: 14px;
|
|
395
397
|
height: 14px;
|
|
396
|
-
`,
|
|
398
|
+
`, pn = u(tr)`
|
|
397
399
|
flex-grow: 1;
|
|
398
400
|
width: 100%;
|
|
399
401
|
button div {
|
|
@@ -408,14 +410,14 @@ const jr = u.div`
|
|
|
408
410
|
border-color: var(--md-sys-color-outline-variant);
|
|
409
411
|
flex-grow: 1;
|
|
410
412
|
padding: 4px 8px;
|
|
411
|
-
`,
|
|
413
|
+
`, Zt = u.div`
|
|
412
414
|
display: flex;
|
|
413
415
|
justify-content: start;
|
|
414
416
|
flex-grow: 1;
|
|
415
417
|
gap: var(--base-gap-small);
|
|
416
418
|
width: 100%;
|
|
417
|
-
`,
|
|
418
|
-
${
|
|
419
|
+
`, Po = u.div`
|
|
420
|
+
${No}
|
|
419
421
|
cursor: pointer;
|
|
420
422
|
display: flex;
|
|
421
423
|
justify-content: start;
|
|
@@ -424,8 +426,8 @@ const jr = u.div`
|
|
|
424
426
|
width: 100%;
|
|
425
427
|
padding-left: 8px;
|
|
426
428
|
user-select: none;
|
|
427
|
-
`,
|
|
428
|
-
${
|
|
429
|
+
`, gn = u(Po)`
|
|
430
|
+
${No}
|
|
429
431
|
position: relative;
|
|
430
432
|
cursor: pointer;
|
|
431
433
|
&.active:hover {
|
|
@@ -435,49 +437,49 @@ const jr = u.div`
|
|
|
435
437
|
position: absolute;
|
|
436
438
|
visibility: hidden;
|
|
437
439
|
}
|
|
438
|
-
`,
|
|
440
|
+
`, mn = ({
|
|
439
441
|
item: e,
|
|
440
442
|
onChange: t,
|
|
441
443
|
onCommit: r,
|
|
442
444
|
onRemove: n,
|
|
443
|
-
onDuplicate:
|
|
444
|
-
showRemoveButton:
|
|
445
|
+
onDuplicate: s,
|
|
446
|
+
showRemoveButton: i = !0,
|
|
445
447
|
showDuplicateButton: a = !0,
|
|
446
|
-
autoFocus:
|
|
447
|
-
isExpanded:
|
|
448
|
+
autoFocus: h = !1,
|
|
449
|
+
isExpanded: f = !0,
|
|
448
450
|
className: c,
|
|
449
451
|
pt: l,
|
|
450
452
|
...p
|
|
451
453
|
}) => {
|
|
452
|
-
const { label: d, value: y, icon:
|
|
453
|
-
return
|
|
454
|
-
(
|
|
455
|
-
}, [
|
|
456
|
-
|
|
457
|
-
}, [
|
|
458
|
-
|
|
454
|
+
const { label: d, value: y, icon: v, color: x, isNewAttribute: g } = e, w = H(null), b = H(null), m = H(null), k = H(null);
|
|
455
|
+
return Y(() => {
|
|
456
|
+
(h || e.isNewAttribute) && w.current?.select();
|
|
457
|
+
}, [h, e.isNewAttribute]), Y(() => {
|
|
458
|
+
f && !h && !e.isNewAttribute && setTimeout(() => w.current?.focus(), 250);
|
|
459
|
+
}, [f, h, e.isNewAttribute]), /* @__PURE__ */ S(
|
|
460
|
+
dn,
|
|
459
461
|
{
|
|
460
462
|
...l?.wrapper,
|
|
461
463
|
...p,
|
|
462
464
|
className: J(c, l?.wrapper?.className, {
|
|
463
|
-
expanded:
|
|
464
|
-
collapsed: !
|
|
465
|
+
expanded: f,
|
|
466
|
+
collapsed: !f
|
|
465
467
|
}),
|
|
466
468
|
children: [
|
|
467
|
-
/* @__PURE__ */ S(
|
|
469
|
+
/* @__PURE__ */ S(Ae, { ...l?.label?.wrapper, children: [
|
|
468
470
|
/* @__PURE__ */ o(Fe, { ...l?.label?.label, children: "Label" }),
|
|
469
471
|
/* @__PURE__ */ o(
|
|
470
472
|
Qt,
|
|
471
473
|
{
|
|
472
474
|
ref: w,
|
|
473
475
|
value: d,
|
|
474
|
-
autoFocus:
|
|
476
|
+
autoFocus: h || g,
|
|
475
477
|
...l?.label?.input,
|
|
476
478
|
className: J(l?.label?.input?.className),
|
|
477
479
|
onChange: (C) => {
|
|
478
480
|
if (!g)
|
|
479
481
|
return t && t(["label"], [C.target.value]);
|
|
480
|
-
|
|
482
|
+
b.current && (b.current.value = $e(C.target.value)), t && t(["label", "value"], [C.target.value, $e(C.target.value)]);
|
|
481
483
|
},
|
|
482
484
|
onBlur: (C) => {
|
|
483
485
|
g ? r && r(["label", "value"], [C.target.value, $e(C.target.value)]) : r && r(["label"], [C.target.value]);
|
|
@@ -495,13 +497,13 @@ const jr = u.div`
|
|
|
495
497
|
}
|
|
496
498
|
)
|
|
497
499
|
] }, "label"),
|
|
498
|
-
/* @__PURE__ */ S(
|
|
500
|
+
/* @__PURE__ */ S(Ae, { ...l?.value?.wrapper, children: [
|
|
499
501
|
/* @__PURE__ */ o(Fe, { ...l?.value?.label, children: "Value" }),
|
|
500
502
|
/* @__PURE__ */ o(
|
|
501
503
|
Qt,
|
|
502
504
|
{
|
|
503
|
-
ref:
|
|
504
|
-
value:
|
|
505
|
+
ref: b,
|
|
506
|
+
value: b.current?.value || y,
|
|
505
507
|
...l?.value?.input,
|
|
506
508
|
className: J(l?.value?.input?.className),
|
|
507
509
|
onChange: (C) => t && t(["value"], [C.target.value]),
|
|
@@ -513,13 +515,13 @@ const jr = u.div`
|
|
|
513
515
|
}
|
|
514
516
|
)
|
|
515
517
|
] }, "value"),
|
|
516
|
-
/* @__PURE__ */ S(
|
|
518
|
+
/* @__PURE__ */ S(Ae, { ...l?.icon?.wrapper, children: [
|
|
517
519
|
/* @__PURE__ */ o(Fe, { ...l?.icon?.label, children: "Icon" }),
|
|
518
|
-
/* @__PURE__ */ S(
|
|
520
|
+
/* @__PURE__ */ S(Zt, { style: { position: "relative" }, children: [
|
|
519
521
|
/* @__PURE__ */ o(
|
|
520
|
-
|
|
522
|
+
Po,
|
|
521
523
|
{
|
|
522
|
-
style: { display:
|
|
524
|
+
style: { display: v ? "none" : "flex" },
|
|
523
525
|
onClick: () => {
|
|
524
526
|
k.current?.open();
|
|
525
527
|
},
|
|
@@ -527,16 +529,16 @@ const jr = u.div`
|
|
|
527
529
|
}
|
|
528
530
|
),
|
|
529
531
|
/* @__PURE__ */ o(
|
|
530
|
-
|
|
532
|
+
pn,
|
|
531
533
|
{
|
|
532
534
|
ref: k,
|
|
533
|
-
value: [
|
|
535
|
+
value: [v || "question_mark"],
|
|
534
536
|
widthExpand: !0,
|
|
535
537
|
...l?.icon?.input,
|
|
536
538
|
className: J(l?.icon?.input?.className),
|
|
537
539
|
style: {
|
|
538
|
-
position:
|
|
539
|
-
visibility:
|
|
540
|
+
position: v ? "relative" : "absolute",
|
|
541
|
+
visibility: v ? "visible" : "hidden",
|
|
540
542
|
...l?.icon?.input?.style
|
|
541
543
|
},
|
|
542
544
|
onChange: (C) => {
|
|
@@ -544,7 +546,7 @@ const jr = u.div`
|
|
|
544
546
|
}
|
|
545
547
|
}
|
|
546
548
|
),
|
|
547
|
-
|
|
549
|
+
v && /* @__PURE__ */ o(
|
|
548
550
|
Be,
|
|
549
551
|
{
|
|
550
552
|
icon: "close",
|
|
@@ -556,11 +558,11 @@ const jr = u.div`
|
|
|
556
558
|
)
|
|
557
559
|
] })
|
|
558
560
|
] }, "icon"),
|
|
559
|
-
/* @__PURE__ */ S(
|
|
561
|
+
/* @__PURE__ */ S(Ae, { ...l?.color?.wrapper, children: [
|
|
560
562
|
/* @__PURE__ */ o(Fe, { ...l?.color?.label, children: "Color" }),
|
|
561
|
-
/* @__PURE__ */ S(
|
|
563
|
+
/* @__PURE__ */ S(Zt, { style: { position: "relative" }, children: [
|
|
562
564
|
/* @__PURE__ */ S(
|
|
563
|
-
|
|
565
|
+
gn,
|
|
564
566
|
{
|
|
565
567
|
className: x ? "active" : "",
|
|
566
568
|
style: { backgroundColor: x || void 0 },
|
|
@@ -595,41 +597,41 @@ const jr = u.div`
|
|
|
595
597
|
)
|
|
596
598
|
] })
|
|
597
599
|
] }, "color"),
|
|
598
|
-
(
|
|
599
|
-
|
|
600
|
-
a && /* @__PURE__ */ o(Xt, { children: /* @__PURE__ */ o(Be, { icon: "content_copy", variant: "text", onClick:
|
|
600
|
+
(i || a) && /* @__PURE__ */ S(Ae, { ...l?.footer, className: J("footer", l?.footer?.className), children: [
|
|
601
|
+
i && /* @__PURE__ */ o(Xt, { children: /* @__PURE__ */ o(Be, { icon: "close", variant: "text", onClick: n, children: "Remove" }) }),
|
|
602
|
+
a && /* @__PURE__ */ o(Xt, { children: /* @__PURE__ */ o(Be, { icon: "content_copy", variant: "text", onClick: s, children: "Duplicate" }) })
|
|
601
603
|
] })
|
|
602
604
|
]
|
|
603
605
|
}
|
|
604
606
|
);
|
|
605
|
-
},
|
|
607
|
+
}, Jt = ({
|
|
606
608
|
item: e,
|
|
607
609
|
isBeingDragged: t,
|
|
608
610
|
onChange: r,
|
|
609
611
|
onCommit: n,
|
|
610
|
-
onRemove:
|
|
611
|
-
onDuplicate:
|
|
612
|
+
onRemove: s,
|
|
613
|
+
onDuplicate: i,
|
|
612
614
|
pt: a,
|
|
613
|
-
...
|
|
615
|
+
...h
|
|
614
616
|
}) => {
|
|
615
|
-
const { id:
|
|
616
|
-
id:
|
|
617
|
+
const { id: f, label: c, icon: l, color: p, isExpanded: d } = e, { attributes: y, listeners: v, setNodeRef: x, transform: g, transition: w } = Ze({
|
|
618
|
+
id: f,
|
|
617
619
|
animateLayoutChanges: () => !1
|
|
618
|
-
}),
|
|
620
|
+
}), b = {
|
|
619
621
|
transition: w,
|
|
620
|
-
transform:
|
|
622
|
+
transform: Je.Translate.toString(g)
|
|
621
623
|
};
|
|
622
624
|
return /* @__PURE__ */ S(
|
|
623
|
-
|
|
625
|
+
sn,
|
|
624
626
|
{
|
|
625
627
|
ref: x,
|
|
626
|
-
style:
|
|
628
|
+
style: b,
|
|
627
629
|
...a?.wrapper,
|
|
628
|
-
...
|
|
629
|
-
className: J(
|
|
630
|
+
...h,
|
|
631
|
+
className: J(h.className, a?.wrapper?.className, { dragged: t }),
|
|
630
632
|
children: [
|
|
631
633
|
/* @__PURE__ */ S(
|
|
632
|
-
|
|
634
|
+
ln,
|
|
633
635
|
{
|
|
634
636
|
...a?.header,
|
|
635
637
|
onClick: () => {
|
|
@@ -637,19 +639,19 @@ const jr = u.div`
|
|
|
637
639
|
},
|
|
638
640
|
className: J(a?.header?.className, { expanded: d }),
|
|
639
641
|
children: [
|
|
640
|
-
p && /* @__PURE__ */ o(
|
|
641
|
-
l && /* @__PURE__ */ o(
|
|
642
|
+
p && /* @__PURE__ */ o(un, { style: { backgroundColor: p } }),
|
|
643
|
+
l && /* @__PURE__ */ o(q, { className: "icon", icon: l }),
|
|
642
644
|
/* @__PURE__ */ S("span", { children: [
|
|
643
645
|
" ",
|
|
644
646
|
c,
|
|
645
647
|
" "
|
|
646
648
|
] }),
|
|
647
649
|
/* @__PURE__ */ o("span", { className: "spacer" }),
|
|
648
|
-
/* @__PURE__ */ o(
|
|
650
|
+
/* @__PURE__ */ o(q, { className: "icon toggle-expand", icon: d ? "collapse_all" : "expand_all" }),
|
|
649
651
|
/* @__PURE__ */ o(
|
|
650
|
-
|
|
652
|
+
q,
|
|
651
653
|
{
|
|
652
|
-
...
|
|
654
|
+
...v,
|
|
653
655
|
...y,
|
|
654
656
|
className: "icon draggable",
|
|
655
657
|
icon: "drag_indicator",
|
|
@@ -659,14 +661,14 @@ const jr = u.div`
|
|
|
659
661
|
]
|
|
660
662
|
}
|
|
661
663
|
),
|
|
662
|
-
/* @__PURE__ */ o(
|
|
663
|
-
|
|
664
|
+
/* @__PURE__ */ o(cn, { className: J({ expanded: d }), children: /* @__PURE__ */ o(
|
|
665
|
+
mn,
|
|
664
666
|
{
|
|
665
667
|
item: e,
|
|
666
668
|
onChange: r,
|
|
667
669
|
onCommit: n,
|
|
668
|
-
onRemove:
|
|
669
|
-
onDuplicate:
|
|
670
|
+
onRemove: s,
|
|
671
|
+
onDuplicate: i,
|
|
670
672
|
showRemoveButton: !0,
|
|
671
673
|
showDuplicateButton: !0,
|
|
672
674
|
autoFocus: !1,
|
|
@@ -677,60 +679,60 @@ const jr = u.div`
|
|
|
677
679
|
]
|
|
678
680
|
}
|
|
679
681
|
);
|
|
680
|
-
},
|
|
682
|
+
}, hn = ({
|
|
681
683
|
creator: e,
|
|
682
684
|
initialData: t,
|
|
683
685
|
onChange: r,
|
|
684
686
|
onCommit: n,
|
|
685
|
-
normalizer:
|
|
686
|
-
mergeIncomingData:
|
|
687
|
+
normalizer: s,
|
|
688
|
+
mergeIncomingData: i
|
|
687
689
|
}) => {
|
|
688
|
-
const [a,
|
|
689
|
-
|
|
690
|
-
const g =
|
|
690
|
+
const [a, h] = U(t), f = (x) => {
|
|
691
|
+
h(x);
|
|
692
|
+
const g = s(a), w = s(x);
|
|
691
693
|
Bt(g, w) || r(w);
|
|
692
694
|
};
|
|
693
|
-
return
|
|
694
|
-
|
|
695
|
-
const g =
|
|
696
|
-
return Bt(g, w) ? x :
|
|
695
|
+
return Y(() => {
|
|
696
|
+
h((x) => {
|
|
697
|
+
const g = s(x), w = s(t);
|
|
698
|
+
return Bt(g, w) ? x : i ? i(x, t) : t;
|
|
697
699
|
});
|
|
698
|
-
}, [t,
|
|
700
|
+
}, [t, i, s]), {
|
|
699
701
|
items: a,
|
|
700
702
|
handleAddItem: (x) => {
|
|
701
|
-
|
|
703
|
+
f([...a, { ...e(), ...x, id: qe() }]);
|
|
702
704
|
},
|
|
703
705
|
handleRemoveItem: (x) => () => {
|
|
704
|
-
|
|
706
|
+
f([...a.slice(0, x), ...a.slice(x + 1)]);
|
|
705
707
|
},
|
|
706
708
|
handleChangeItem: (x) => (g, w) => {
|
|
707
|
-
let
|
|
708
|
-
g.map((m, k) =>
|
|
709
|
+
let b = { ...a[x] };
|
|
710
|
+
g.map((m, k) => b[m] = w[k]), f([...a.slice(0, x), b, ...a.slice(x + 1)]);
|
|
709
711
|
},
|
|
710
712
|
handleCommitItem: (x) => (g, w) => {
|
|
711
713
|
if (!n) return;
|
|
712
|
-
let
|
|
713
|
-
g.map((k, C) =>
|
|
714
|
-
const m = [...a.slice(0, x),
|
|
715
|
-
n(
|
|
714
|
+
let b = { ...a[x] };
|
|
715
|
+
g.map((k, C) => b[k] = w[C]);
|
|
716
|
+
const m = [...a.slice(0, x), b, ...a.slice(x + 1)];
|
|
717
|
+
n(s(m));
|
|
716
718
|
},
|
|
717
719
|
handleDuplicateItem: (x, g) => {
|
|
718
|
-
|
|
720
|
+
f([
|
|
719
721
|
...a.slice(0, x + 1),
|
|
720
|
-
{ ...a[x], id:
|
|
722
|
+
{ ...a[x], id: qe(), ...g },
|
|
721
723
|
...a.slice(x + 1)
|
|
722
724
|
]);
|
|
723
725
|
},
|
|
724
726
|
handleDraggableEnd: (x) => {
|
|
725
727
|
if (!x.over)
|
|
726
728
|
return;
|
|
727
|
-
const g = a.find((k) => k.id == x.active.id), w = a.indexOf(g),
|
|
728
|
-
w < m ?
|
|
729
|
+
const g = a.find((k) => k.id == x.active.id), w = a.indexOf(g), b = a.find((k) => k.id == x.over.id), m = a.indexOf(b);
|
|
730
|
+
w < m ? f([
|
|
729
731
|
...a.slice(0, w),
|
|
730
732
|
...a.slice(w + 1, m + 1),
|
|
731
733
|
g,
|
|
732
734
|
...a.slice(m + 1)
|
|
733
|
-
]) :
|
|
735
|
+
]) : f([
|
|
734
736
|
...a.slice(0, m),
|
|
735
737
|
g,
|
|
736
738
|
...a.slice(m, w),
|
|
@@ -739,68 +741,68 @@ const jr = u.div`
|
|
|
739
741
|
}
|
|
740
742
|
};
|
|
741
743
|
}, eo = (e, t, r) => {
|
|
742
|
-
const n = e.split(r),
|
|
743
|
-
let
|
|
744
|
-
isNaN(Number(
|
|
745
|
-
let
|
|
746
|
-
for (; t.includes(
|
|
747
|
-
|
|
748
|
-
return
|
|
749
|
-
},
|
|
750
|
-
id:
|
|
744
|
+
const n = e.split(r), s = n[n.length - 1];
|
|
745
|
+
let i = 2, a = e;
|
|
746
|
+
isNaN(Number(s)) || (i = parseInt(s), a = [...n.slice(0, -1)].join(r));
|
|
747
|
+
let h = a + r + i;
|
|
748
|
+
for (; t.includes(h); )
|
|
749
|
+
h = a + r + i++;
|
|
750
|
+
return h;
|
|
751
|
+
}, bn = () => ({
|
|
752
|
+
id: qe(),
|
|
751
753
|
isExpanded: !0,
|
|
752
754
|
label: "",
|
|
753
755
|
value: "",
|
|
754
756
|
isLabelFocused: !0,
|
|
755
757
|
isNewAttribute: !1
|
|
756
|
-
}),
|
|
758
|
+
}), fn = (e) => e.filter((t) => t.label !== "" && t.value !== "").map(({ label: t, value: r, icon: n, color: s }) => ({
|
|
757
759
|
label: t,
|
|
758
760
|
value: r,
|
|
759
761
|
icon: n || void 0,
|
|
760
|
-
color:
|
|
761
|
-
})),
|
|
762
|
-
id:
|
|
762
|
+
color: s || void 0
|
|
763
|
+
})), vn = (e) => e.map(({ label: t, value: r, icon: n, color: s }) => ({
|
|
764
|
+
id: qe(),
|
|
763
765
|
isExpanded: !1,
|
|
764
766
|
label: t,
|
|
765
767
|
value: r.toString(),
|
|
766
768
|
icon: n,
|
|
767
|
-
color:
|
|
769
|
+
color: s,
|
|
768
770
|
isLabelFocused: !1,
|
|
769
771
|
isNewAttribute: !1
|
|
770
|
-
})),
|
|
771
|
-
const
|
|
772
|
-
return
|
|
772
|
+
})), yn = (e, t) => t.map((r, n) => {
|
|
773
|
+
const s = e[n];
|
|
774
|
+
return s ? {
|
|
773
775
|
...r,
|
|
774
|
-
id:
|
|
775
|
-
isExpanded:
|
|
776
|
-
isLabelFocused:
|
|
777
|
-
isNewAttribute:
|
|
776
|
+
id: s.id,
|
|
777
|
+
isExpanded: s.isExpanded,
|
|
778
|
+
isLabelFocused: s.isLabelFocused,
|
|
779
|
+
isNewAttribute: s.isNewAttribute
|
|
778
780
|
} : r;
|
|
779
|
-
}),
|
|
781
|
+
}), xn = ({ values: e, onChange: t, onCommit: r, pt: n, ...s }) => {
|
|
780
782
|
if (!e)
|
|
781
783
|
return null;
|
|
782
784
|
const {
|
|
783
|
-
items:
|
|
785
|
+
items: i,
|
|
784
786
|
handleAddItem: a,
|
|
785
|
-
handleRemoveItem:
|
|
786
|
-
handleChangeItem:
|
|
787
|
+
handleRemoveItem: h,
|
|
788
|
+
handleChangeItem: f,
|
|
787
789
|
handleCommitItem: c,
|
|
788
790
|
handleDuplicateItem: l,
|
|
789
791
|
handleDraggableEnd: p
|
|
790
|
-
} =
|
|
791
|
-
creator:
|
|
792
|
-
initialData:
|
|
792
|
+
} = hn({
|
|
793
|
+
creator: bn,
|
|
794
|
+
initialData: vn(e),
|
|
793
795
|
onChange: t,
|
|
794
796
|
onCommit: r,
|
|
795
|
-
normalizer:
|
|
796
|
-
mergeIncomingData:
|
|
797
|
+
normalizer: fn,
|
|
798
|
+
mergeIncomingData: yn
|
|
797
799
|
}), d = (w) => {
|
|
798
800
|
x(w.active.id);
|
|
799
801
|
}, y = (w) => {
|
|
800
802
|
x(null), p(w);
|
|
801
|
-
}, [
|
|
803
|
+
}, [v, x] = U();
|
|
802
804
|
let g;
|
|
803
|
-
return
|
|
805
|
+
return v && (g = i.find((w) => w.id === v)), /* @__PURE__ */ o(pe, { children: /* @__PURE__ */ S(an, { ...s, children: [
|
|
804
806
|
/* @__PURE__ */ S(
|
|
805
807
|
Xe,
|
|
806
808
|
{
|
|
@@ -808,25 +810,25 @@ const jr = u.div`
|
|
|
808
810
|
onDragStart: d,
|
|
809
811
|
onDragEnd: y,
|
|
810
812
|
children: [
|
|
811
|
-
/* @__PURE__ */ o(Le, { items:
|
|
812
|
-
|
|
813
|
+
/* @__PURE__ */ o(Le, { items: i, strategy: Re, children: i.map((w, b) => /* @__PURE__ */ o(
|
|
814
|
+
Jt,
|
|
813
815
|
{
|
|
814
816
|
item: w,
|
|
815
|
-
isBeingDragged: w.id ===
|
|
816
|
-
onChange:
|
|
817
|
-
onCommit: c(
|
|
818
|
-
onRemove: b
|
|
819
|
-
onDuplicate: () => l(
|
|
817
|
+
isBeingDragged: w.id === v,
|
|
818
|
+
onChange: f(b),
|
|
819
|
+
onCommit: c(b),
|
|
820
|
+
onRemove: h(b),
|
|
821
|
+
onDuplicate: () => l(b, {
|
|
820
822
|
isLabelFocused: !0,
|
|
821
823
|
isNewAttribute: !0,
|
|
822
824
|
label: eo(
|
|
823
|
-
|
|
824
|
-
|
|
825
|
+
i[b].label,
|
|
826
|
+
i.map((m) => m.label),
|
|
825
827
|
" "
|
|
826
828
|
),
|
|
827
829
|
value: eo(
|
|
828
|
-
|
|
829
|
-
|
|
830
|
+
i[b].value,
|
|
831
|
+
i.map((m) => m.value),
|
|
830
832
|
"-"
|
|
831
833
|
)
|
|
832
834
|
}),
|
|
@@ -835,7 +837,7 @@ const jr = u.div`
|
|
|
835
837
|
`DraggableAttributeEnum_${w.id}`
|
|
836
838
|
)) }),
|
|
837
839
|
ho(
|
|
838
|
-
/* @__PURE__ */ o(Nt, { style: {}, children: g && /* @__PURE__ */ o(
|
|
840
|
+
/* @__PURE__ */ o(Nt, { style: {}, children: g && /* @__PURE__ */ o(Jt, { item: g, ...n?.item }) }),
|
|
839
841
|
document.body
|
|
840
842
|
)
|
|
841
843
|
]
|
|
@@ -854,7 +856,7 @@ const jr = u.div`
|
|
|
854
856
|
}
|
|
855
857
|
)
|
|
856
858
|
] }) });
|
|
857
|
-
},
|
|
859
|
+
}, Ao = ({ icon: e, color: t, reserveSpace: r }) => ir(e) ? /* @__PURE__ */ o("img", { src: e, alt: "" }) : e ? /* @__PURE__ */ o(q, { icon: e, style: { color: t } }) : r ? /* @__PURE__ */ o("span", { className: "icon-slot" }) : null, rt = u.div`
|
|
858
860
|
display: flex;
|
|
859
861
|
align-items: center;
|
|
860
862
|
gap: var(--base-gap-small);
|
|
@@ -879,12 +881,12 @@ const jr = u.div`
|
|
|
879
881
|
flex: none;
|
|
880
882
|
width: 20px;
|
|
881
883
|
}
|
|
882
|
-
`,
|
|
884
|
+
`, wn = 8, _o = 10, kn = u.div`
|
|
883
885
|
display: flex;
|
|
884
886
|
gap: var(--base-gap-large);
|
|
885
887
|
flex: 1;
|
|
886
888
|
min-height: 0;
|
|
887
|
-
`,
|
|
889
|
+
`, Cn = u.div`
|
|
888
890
|
display: flex;
|
|
889
891
|
flex-direction: column;
|
|
890
892
|
gap: var(--base-gap-large);
|
|
@@ -910,15 +912,15 @@ const jr = u.div`
|
|
|
910
912
|
font-weight: 500;
|
|
911
913
|
color: var(--md-sys-color-outline);
|
|
912
914
|
padding: 4px 0;
|
|
913
|
-
`,
|
|
915
|
+
`, Sn = u.div`
|
|
914
916
|
display: flex;
|
|
915
917
|
flex-direction: column;
|
|
916
918
|
gap: var(--base-gap-large);
|
|
917
919
|
flex: 1;
|
|
918
920
|
min-width: 0;
|
|
919
|
-
`,
|
|
921
|
+
`, In = u.span`
|
|
920
922
|
color: var(--md-sys-color-outline);
|
|
921
|
-
`,
|
|
923
|
+
`, En = u.div`
|
|
922
924
|
display: flex;
|
|
923
925
|
flex-direction: column;
|
|
924
926
|
gap: var(--base-gap-large);
|
|
@@ -928,7 +930,7 @@ const jr = u.div`
|
|
|
928
930
|
padding: var(--padding-m);
|
|
929
931
|
border-radius: var(--border-radius-m);
|
|
930
932
|
background-color: var(--md-sys-color-surface-container);
|
|
931
|
-
`,
|
|
933
|
+
`, Tn = u(rt)`
|
|
932
934
|
.value {
|
|
933
935
|
margin-left: auto;
|
|
934
936
|
flex: none;
|
|
@@ -937,92 +939,92 @@ const jr = u.div`
|
|
|
937
939
|
}
|
|
938
940
|
`, we = u.span`
|
|
939
941
|
color: var(--md-sys-color-outline);
|
|
940
|
-
`,
|
|
941
|
-
const { projects: r } = wo(), n = r.active.map((
|
|
942
|
-
value:
|
|
943
|
-
label:
|
|
942
|
+
`, Nn = ({ value: e, onChange: t }) => {
|
|
943
|
+
const { projects: r } = wo(), n = r.active.map((s) => ({
|
|
944
|
+
value: s.name,
|
|
945
|
+
label: s.label || s.name
|
|
944
946
|
}));
|
|
945
947
|
return /* @__PURE__ */ o(
|
|
946
948
|
me,
|
|
947
949
|
{
|
|
948
950
|
value: e ? [e] : [],
|
|
949
951
|
options: n,
|
|
950
|
-
onChange: (
|
|
952
|
+
onChange: (s) => t(s[0]),
|
|
951
953
|
onClear: () => t(void 0),
|
|
952
954
|
placeholder: "No project",
|
|
953
955
|
searchOnNumber: _o,
|
|
954
956
|
widthExpand: !0
|
|
955
957
|
}
|
|
956
958
|
);
|
|
957
|
-
},
|
|
958
|
-
const { data: r = [], isLoading: n } =
|
|
959
|
-
value:
|
|
960
|
-
label:
|
|
959
|
+
}, Do = ({ value: e, onChange: t }) => {
|
|
960
|
+
const { data: r = [], isLoading: n } = ur({}), s = r.map((i) => ({
|
|
961
|
+
value: i.name,
|
|
962
|
+
label: i.fullName || i.name
|
|
961
963
|
}));
|
|
962
964
|
return /* @__PURE__ */ o(
|
|
963
965
|
me,
|
|
964
966
|
{
|
|
965
967
|
value: e ? [e] : [],
|
|
966
|
-
options:
|
|
967
|
-
onChange: (
|
|
968
|
+
options: s,
|
|
969
|
+
onChange: (i) => t(i[0]),
|
|
968
970
|
onClear: () => t(void 0),
|
|
969
971
|
placeholder: n ? "Loading..." : "No user",
|
|
970
972
|
searchOnNumber: _o,
|
|
971
973
|
widthExpand: !0
|
|
972
974
|
}
|
|
973
975
|
);
|
|
974
|
-
},
|
|
975
|
-
project_name:
|
|
976
|
-
user:
|
|
977
|
-
},
|
|
978
|
-
const [n,
|
|
976
|
+
}, Pn = {
|
|
977
|
+
project_name: Nn,
|
|
978
|
+
user: Do
|
|
979
|
+
}, An = ["label", (e) => String(e.value), "description", "fulltext"], _n = ({ resolver: e, settings: t, onClose: r }) => {
|
|
980
|
+
const [n, s] = U({}), [i, a] = U(t), [h, f] = U(""), { user: c } = wo(), l = e.settingsForm || [], p = new Set(l.map((T) => T.name)), d = e.acceptedParams || {}, y = !!c?.data?.isAdmin, v = Object.keys(d).filter(
|
|
979
981
|
(T) => !p.has(T) && (T !== "user" || y)
|
|
980
|
-
), x = y && !("user" in d), g =
|
|
981
|
-
() => ({ ...
|
|
982
|
-
[
|
|
982
|
+
), x = y && !("user" in d), g = Z(
|
|
983
|
+
() => ({ ...i, ...n }),
|
|
984
|
+
[i, n]
|
|
983
985
|
), {
|
|
984
986
|
data: w,
|
|
985
|
-
isFetching:
|
|
987
|
+
isFetching: b,
|
|
986
988
|
isError: m
|
|
987
|
-
} =
|
|
989
|
+
} = sr({
|
|
988
990
|
enumName: e.name,
|
|
989
991
|
params: g
|
|
990
|
-
}), k =
|
|
992
|
+
}), k = Z(
|
|
991
993
|
() => fo(w?.items || []).map((T) => ({
|
|
992
994
|
...T,
|
|
993
995
|
icon: vo(T.icon)
|
|
994
996
|
})),
|
|
995
997
|
[w]
|
|
996
|
-
), C = m || !!w?.error, N =
|
|
998
|
+
), C = m || !!w?.error, N = h.trim(), z = Z(
|
|
997
999
|
() => N ? Ut(k, N, {
|
|
998
|
-
keys:
|
|
1000
|
+
keys: An,
|
|
999
1001
|
threshold: Ut.rankings.CONTAINS
|
|
1000
1002
|
}) : k,
|
|
1001
1003
|
[k, N]
|
|
1002
1004
|
), P = z.some((T) => !!T.icon), V = (T) => {
|
|
1003
1005
|
T.stopPropagation(), T.key === "Escape" && r();
|
|
1004
|
-
}, L = () => !
|
|
1006
|
+
}, L = () => !v.length && !x ? /* @__PURE__ */ o(we, { children: "This resolver has no context params." }) : /* @__PURE__ */ S(Et, { children: [
|
|
1005
1007
|
x && /* @__PURE__ */ o(oe, { label: "user", children: /* @__PURE__ */ o(
|
|
1006
|
-
|
|
1008
|
+
Do,
|
|
1007
1009
|
{
|
|
1008
1010
|
value: n.user,
|
|
1009
|
-
onChange: (T) =>
|
|
1011
|
+
onChange: (T) => s((F) => ({ ...F, user: T }))
|
|
1010
1012
|
}
|
|
1011
1013
|
) }),
|
|
1012
|
-
|
|
1013
|
-
const F = Vt(T) ?
|
|
1014
|
+
v.map((T) => {
|
|
1015
|
+
const F = Vt(T) ? Pn[T] : void 0;
|
|
1014
1016
|
return /* @__PURE__ */ o(oe, { label: T, children: F && Vt(T) ? /* @__PURE__ */ o(
|
|
1015
1017
|
F,
|
|
1016
1018
|
{
|
|
1017
1019
|
value: n[T],
|
|
1018
|
-
onChange: (M) =>
|
|
1020
|
+
onChange: (M) => s((O) => ({ ...O, [T]: M }))
|
|
1019
1021
|
}
|
|
1020
1022
|
) : /* @__PURE__ */ o(we, { children: "Not supported in debug." }) }, T);
|
|
1021
1023
|
})
|
|
1022
|
-
] }),
|
|
1023
|
-
if (
|
|
1024
|
-
return Array.from({ length:
|
|
1025
|
-
if (C) return /* @__PURE__ */ o(we, { children:
|
|
1024
|
+
] }), j = () => {
|
|
1025
|
+
if (b)
|
|
1026
|
+
return Array.from({ length: wn }).map((T, F) => /* @__PURE__ */ o(rt, { className: "loading" }, F));
|
|
1027
|
+
if (C) return /* @__PURE__ */ o(we, { children: lr(w?.error) });
|
|
1026
1028
|
if (!k.length) {
|
|
1027
1029
|
const T = "project_name" in (e.acceptedParams || {}) && !n.project_name ? " Try selecting a project." : "";
|
|
1028
1030
|
return /* @__PURE__ */ S(we, { children: [
|
|
@@ -1030,13 +1032,13 @@ const jr = u.div`
|
|
|
1030
1032
|
T
|
|
1031
1033
|
] });
|
|
1032
1034
|
}
|
|
1033
|
-
return z.length ? z.map((T) => /* @__PURE__ */ S(
|
|
1034
|
-
/* @__PURE__ */ o(
|
|
1035
|
+
return z.length ? z.map((T) => /* @__PURE__ */ S(Tn, { title: T.description, children: [
|
|
1036
|
+
/* @__PURE__ */ o(Ao, { icon: T.icon, color: T.color, reserveSpace: P }),
|
|
1035
1037
|
/* @__PURE__ */ o("span", { className: "label", children: T.label }),
|
|
1036
1038
|
/* @__PURE__ */ o("span", { className: "value", children: String(T.value) })
|
|
1037
1039
|
] }, String(T.value))) : /* @__PURE__ */ S(we, { children: [
|
|
1038
1040
|
'No items match "',
|
|
1039
|
-
|
|
1041
|
+
h,
|
|
1040
1042
|
'".'
|
|
1041
1043
|
] });
|
|
1042
1044
|
};
|
|
@@ -1049,8 +1051,8 @@ const jr = u.div`
|
|
|
1049
1051
|
size: "full",
|
|
1050
1052
|
style: { width: "95vw", maxWidth: "95vw", height: "95vh", maxHeight: "95vh" },
|
|
1051
1053
|
onKeyDown: V,
|
|
1052
|
-
children: /* @__PURE__ */ S(
|
|
1053
|
-
/* @__PURE__ */ S(
|
|
1054
|
+
children: /* @__PURE__ */ S(kn, { children: [
|
|
1055
|
+
/* @__PURE__ */ S(Cn, { children: [
|
|
1054
1056
|
/* @__PURE__ */ S(gt, { children: [
|
|
1055
1057
|
/* @__PURE__ */ o(mt, { children: "Context Params" }),
|
|
1056
1058
|
L()
|
|
@@ -1061,34 +1063,34 @@ const jr = u.div`
|
|
|
1061
1063
|
] }),
|
|
1062
1064
|
/* @__PURE__ */ S(gt, { children: [
|
|
1063
1065
|
/* @__PURE__ */ o(mt, { children: "Enum Resolver Data" }),
|
|
1064
|
-
/* @__PURE__ */ o(
|
|
1066
|
+
/* @__PURE__ */ o(yr, { value: e, wrap: !0 })
|
|
1065
1067
|
] })
|
|
1066
1068
|
] }),
|
|
1067
|
-
/* @__PURE__ */ S(
|
|
1069
|
+
/* @__PURE__ */ S(Sn, { children: [
|
|
1068
1070
|
/* @__PURE__ */ o(
|
|
1069
1071
|
De,
|
|
1070
1072
|
{
|
|
1071
|
-
value:
|
|
1073
|
+
value: h,
|
|
1072
1074
|
placeholder: "Search items...",
|
|
1073
|
-
onChange: (T) =>
|
|
1075
|
+
onChange: (T) => f(T.target.value),
|
|
1074
1076
|
autoFocus: !0
|
|
1075
1077
|
}
|
|
1076
1078
|
),
|
|
1077
|
-
!
|
|
1078
|
-
/* @__PURE__ */ o(
|
|
1079
|
+
!b && !C && k.length > 0 && /* @__PURE__ */ o(In, { children: N ? `${z.length} of ${k.length} ${k.length === 1 ? "item" : "items"}` : `${k.length} ${k.length === 1 ? "item" : "items"}` }),
|
|
1080
|
+
/* @__PURE__ */ o(En, { children: j() })
|
|
1079
1081
|
] })
|
|
1080
1082
|
] })
|
|
1081
1083
|
}
|
|
1082
1084
|
);
|
|
1083
|
-
}, Ve = "__custom__", ht = 5,
|
|
1085
|
+
}, Ve = "__custom__", ht = 5, Dn = [], Ln = "No preview items found.", Rn = 5, On = {
|
|
1084
1086
|
project_name: "The select options will change based on the project it is used in.",
|
|
1085
1087
|
user: "The select options will change based on the current user."
|
|
1086
|
-
},
|
|
1088
|
+
}, zn = u.div`
|
|
1087
1089
|
display: flex;
|
|
1088
1090
|
flex-direction: column;
|
|
1089
1091
|
gap: var(--base-gap-large);
|
|
1090
1092
|
flex: 1;
|
|
1091
|
-
`,
|
|
1093
|
+
`, Ge = u.span`
|
|
1092
1094
|
color: var(--md-sys-color-outline);
|
|
1093
1095
|
white-space: pre-line;
|
|
1094
1096
|
`, Ue = u.div`
|
|
@@ -1098,7 +1100,7 @@ const jr = u.div`
|
|
|
1098
1100
|
padding: var(--padding-m);
|
|
1099
1101
|
border-radius: var(--border-radius-m);
|
|
1100
1102
|
background-color: var(--md-sys-color-surface-container);
|
|
1101
|
-
`,
|
|
1103
|
+
`, Mn = u.button`
|
|
1102
1104
|
display: flex;
|
|
1103
1105
|
align-items: center;
|
|
1104
1106
|
align-self: flex-start;
|
|
@@ -1114,7 +1116,7 @@ const jr = u.div`
|
|
|
1114
1116
|
color: var(--md-sys-color-on-surface);
|
|
1115
1117
|
text-decoration: underline;
|
|
1116
1118
|
}
|
|
1117
|
-
`,
|
|
1119
|
+
`, $n = u(ar)`
|
|
1118
1120
|
cursor: pointer;
|
|
1119
1121
|
padding: var(--padding-s) var(--padding-m);
|
|
1120
1122
|
|
|
@@ -1125,7 +1127,7 @@ const jr = u.div`
|
|
|
1125
1127
|
&:hover {
|
|
1126
1128
|
filter: brightness(1.15);
|
|
1127
1129
|
}
|
|
1128
|
-
`,
|
|
1130
|
+
`, Fn = u(rt)`
|
|
1129
1131
|
&:nth-child(2n) {
|
|
1130
1132
|
width: 80%;
|
|
1131
1133
|
}
|
|
@@ -1133,60 +1135,60 @@ const jr = u.div`
|
|
|
1133
1135
|
&:last-of-type {
|
|
1134
1136
|
width: 64px;
|
|
1135
1137
|
}
|
|
1136
|
-
`,
|
|
1138
|
+
`, Bn = ({
|
|
1137
1139
|
resolver: e,
|
|
1138
1140
|
acceptedParams: t,
|
|
1139
1141
|
settings: r,
|
|
1140
1142
|
onShowMore: n
|
|
1141
1143
|
}) => {
|
|
1142
|
-
const
|
|
1144
|
+
const s = Z(
|
|
1143
1145
|
() => ({ enumResolver: e, enumResolverSettings: r }),
|
|
1144
1146
|
[e, r]
|
|
1145
|
-
), { options:
|
|
1147
|
+
), { options: i, isLoading: a, isError: h, errorMessage: f } = br(s), c = fo(i), l = yo(t);
|
|
1146
1148
|
if (a)
|
|
1147
|
-
return /* @__PURE__ */ o(Ue, { children: Array.from({ length: ht + 1 }).map((
|
|
1148
|
-
if (
|
|
1149
|
-
return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(
|
|
1149
|
+
return /* @__PURE__ */ o(Ue, { children: Array.from({ length: ht + 1 }).map((v, x) => /* @__PURE__ */ o(Fn, { className: "loading" }, x)) });
|
|
1150
|
+
if (h)
|
|
1151
|
+
return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(Ge, { children: [
|
|
1150
1152
|
'Could not load options for "',
|
|
1151
1153
|
e,
|
|
1152
1154
|
'"',
|
|
1153
|
-
|
|
1155
|
+
f ? `: ${f}` : "."
|
|
1154
1156
|
] }) });
|
|
1155
1157
|
if (!c.length)
|
|
1156
|
-
return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(
|
|
1157
|
-
|
|
1158
|
+
return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(Ge, { children: [
|
|
1159
|
+
Ln,
|
|
1158
1160
|
l.length > 0 && ` This could be because in context parameters (${l.join(
|
|
1159
1161
|
", "
|
|
1160
1162
|
)}) are required to get the items.`
|
|
1161
1163
|
] }) });
|
|
1162
|
-
const p = c.length - ht, d = c.slice(0, ht).map((
|
|
1164
|
+
const p = c.length - ht, d = c.slice(0, ht).map((v) => ({ option: v, icon: vo(v.icon) })), y = d.some(({ icon: v }) => !!v);
|
|
1163
1165
|
return /* @__PURE__ */ S(Ue, { children: [
|
|
1164
|
-
d.map(({ option:
|
|
1165
|
-
/* @__PURE__ */ o(
|
|
1166
|
-
/* @__PURE__ */ o("span", { className: "label", children:
|
|
1167
|
-
] }, String(
|
|
1168
|
-
p > 0 && /* @__PURE__ */ S(
|
|
1166
|
+
d.map(({ option: v, icon: x }) => /* @__PURE__ */ S(rt, { children: [
|
|
1167
|
+
/* @__PURE__ */ o(Ao, { icon: x, color: v.color, reserveSpace: y }),
|
|
1168
|
+
/* @__PURE__ */ o("span", { className: "label", children: v.label })
|
|
1169
|
+
] }, String(v.value))),
|
|
1170
|
+
p > 0 && /* @__PURE__ */ S(Mn, { type: "button", onClick: n, children: [
|
|
1169
1171
|
"+",
|
|
1170
1172
|
p,
|
|
1171
1173
|
" more"
|
|
1172
1174
|
] })
|
|
1173
1175
|
] });
|
|
1174
|
-
},
|
|
1176
|
+
}, Vn = ({
|
|
1175
1177
|
enumValues: e,
|
|
1176
1178
|
enumResolver: t,
|
|
1177
1179
|
enumResolverSettings: r,
|
|
1178
1180
|
onChangeEnum: n,
|
|
1179
|
-
onChangeResolver:
|
|
1180
|
-
onChangeResolverSettings:
|
|
1181
|
+
onChangeResolver: s,
|
|
1182
|
+
onChangeResolverSettings: i
|
|
1181
1183
|
}) => {
|
|
1182
|
-
const { data: a = [], isLoading:
|
|
1184
|
+
const { data: a = [], isLoading: h, isError: f } = cr(), [c, l] = U(!1), p = () => l(!0), d = [
|
|
1183
1185
|
{ value: Ve, label: "Custom" },
|
|
1184
1186
|
...a.map((m) => ({
|
|
1185
1187
|
value: m.name,
|
|
1186
1188
|
label: m.label || Tt(m.name)
|
|
1187
1189
|
}))
|
|
1188
|
-
], y = t || Ve,
|
|
1189
|
-
return /* @__PURE__ */ S(
|
|
1190
|
+
], y = t || Ve, v = a.find((m) => m.name === t), x = v?.settingsForm || Dn, g = r || {}, w = yo(v?.acceptedParams).map((m) => On[m]).join(" ");
|
|
1191
|
+
return /* @__PURE__ */ S(zn, { children: [
|
|
1190
1192
|
/* @__PURE__ */ o(
|
|
1191
1193
|
me,
|
|
1192
1194
|
{
|
|
@@ -1194,29 +1196,29 @@ const jr = u.div`
|
|
|
1194
1196
|
options: d,
|
|
1195
1197
|
onChange: (m) => {
|
|
1196
1198
|
const k = m[0];
|
|
1197
|
-
!k || k === Ve ? (
|
|
1199
|
+
!k || k === Ve ? (s(void 0), i(void 0)) : (s(k), i(void 0), n(void 0));
|
|
1198
1200
|
},
|
|
1199
|
-
disabled:
|
|
1201
|
+
disabled: h || f,
|
|
1200
1202
|
minSelected: 1,
|
|
1201
|
-
searchOnNumber:
|
|
1203
|
+
searchOnNumber: Rn,
|
|
1202
1204
|
widthExpand: !0
|
|
1203
1205
|
}
|
|
1204
1206
|
),
|
|
1205
1207
|
y === Ve ? /* @__PURE__ */ o(
|
|
1206
|
-
|
|
1208
|
+
xn,
|
|
1207
1209
|
{
|
|
1208
1210
|
values: e || [],
|
|
1209
1211
|
onChange: (m) => n(m?.length ? m : void 0)
|
|
1210
1212
|
}
|
|
1211
1213
|
) : /* @__PURE__ */ S(pe, { children: [
|
|
1212
|
-
!
|
|
1214
|
+
!h && !v && /* @__PURE__ */ S(Ge, { children: [
|
|
1213
1215
|
'Resolver "',
|
|
1214
1216
|
t,
|
|
1215
1217
|
'" is not available on this server. Options will be empty.'
|
|
1216
1218
|
] }),
|
|
1217
|
-
|
|
1219
|
+
v?.description && /* @__PURE__ */ o(Ge, { children: v.description }),
|
|
1218
1220
|
w && /* @__PURE__ */ o(
|
|
1219
|
-
|
|
1221
|
+
$n,
|
|
1220
1222
|
{
|
|
1221
1223
|
message: w,
|
|
1222
1224
|
role: "button",
|
|
@@ -1232,16 +1234,16 @@ const jr = u.div`
|
|
|
1232
1234
|
{
|
|
1233
1235
|
fields: x,
|
|
1234
1236
|
values: g,
|
|
1235
|
-
onChange:
|
|
1237
|
+
onChange: i
|
|
1236
1238
|
},
|
|
1237
1239
|
t
|
|
1238
1240
|
),
|
|
1239
|
-
|
|
1241
|
+
v && /* @__PURE__ */ S(pe, { children: [
|
|
1240
1242
|
/* @__PURE__ */ o(
|
|
1241
|
-
|
|
1243
|
+
Bn,
|
|
1242
1244
|
{
|
|
1243
|
-
resolver:
|
|
1244
|
-
acceptedParams:
|
|
1245
|
+
resolver: v.name,
|
|
1246
|
+
acceptedParams: v.acceptedParams,
|
|
1245
1247
|
settings: g,
|
|
1246
1248
|
onShowMore: p
|
|
1247
1249
|
}
|
|
@@ -1257,10 +1259,10 @@ const jr = u.div`
|
|
|
1257
1259
|
}
|
|
1258
1260
|
)
|
|
1259
1261
|
] }),
|
|
1260
|
-
c &&
|
|
1261
|
-
|
|
1262
|
+
c && v && /* @__PURE__ */ o(
|
|
1263
|
+
_n,
|
|
1262
1264
|
{
|
|
1263
|
-
resolver:
|
|
1265
|
+
resolver: v,
|
|
1264
1266
|
settings: g,
|
|
1265
1267
|
onClose: () => l(!1)
|
|
1266
1268
|
}
|
|
@@ -1290,13 +1292,13 @@ const jr = u.div`
|
|
|
1290
1292
|
{ value: "number", label: "Number", icon: fe("number", "integer") },
|
|
1291
1293
|
{ value: "checkbox", label: "Checkbox", icon: fe("checkbox", "boolean") },
|
|
1292
1294
|
{ value: "datetime", label: "Date and time", icon: fe("datetime", "datetime") }
|
|
1293
|
-
],
|
|
1295
|
+
], Un = {
|
|
1294
1296
|
text: ["minLength", "maxLength", "regex"],
|
|
1295
1297
|
select: ["enum"],
|
|
1296
1298
|
number: ["ge", "gt", "le", "lt"],
|
|
1297
1299
|
checkbox: [],
|
|
1298
1300
|
datetime: []
|
|
1299
|
-
},
|
|
1301
|
+
}, Hn = {
|
|
1300
1302
|
checkbox: ["example"]
|
|
1301
1303
|
}, kt = (e, t, r) => {
|
|
1302
1304
|
switch (e) {
|
|
@@ -1314,7 +1316,7 @@ const jr = u.div`
|
|
|
1314
1316
|
default:
|
|
1315
1317
|
return "text";
|
|
1316
1318
|
}
|
|
1317
|
-
},
|
|
1319
|
+
}, jn = (e, t) => {
|
|
1318
1320
|
switch (e) {
|
|
1319
1321
|
case "text":
|
|
1320
1322
|
return "string";
|
|
@@ -1327,24 +1329,24 @@ const jr = u.div`
|
|
|
1327
1329
|
case "datetime":
|
|
1328
1330
|
return "datetime";
|
|
1329
1331
|
}
|
|
1330
|
-
},
|
|
1332
|
+
}, Kn = [
|
|
1331
1333
|
"string",
|
|
1332
1334
|
"integer",
|
|
1333
1335
|
"float",
|
|
1334
1336
|
"boolean",
|
|
1335
1337
|
"datetime",
|
|
1336
1338
|
"list_of_strings"
|
|
1337
|
-
],
|
|
1338
|
-
if (!e || !
|
|
1339
|
+
], Us = (e, t, r) => {
|
|
1340
|
+
if (!e || !Kn.includes(e)) return e ?? "";
|
|
1339
1341
|
if (e === "list_of_strings") return "Select (multiple)";
|
|
1340
1342
|
const n = kt(e, t, r);
|
|
1341
|
-
return Ke.find((
|
|
1342
|
-
},
|
|
1343
|
+
return Ke.find((s) => s.value === n)?.label ?? e;
|
|
1344
|
+
}, qn = u.div`
|
|
1343
1345
|
display: flex;
|
|
1344
1346
|
flex-direction: row;
|
|
1345
1347
|
gap: var(--base-gap-large);
|
|
1346
1348
|
align-items: center;
|
|
1347
|
-
`,
|
|
1349
|
+
`, Gn = /^[a-zA-Z0-9]{2,64}$/, Yn = [
|
|
1348
1350
|
{ value: "project", label: "Project" },
|
|
1349
1351
|
{ value: "folder", label: "Folder" },
|
|
1350
1352
|
{ value: "task", label: "Task" },
|
|
@@ -1353,7 +1355,7 @@ const jr = u.div`
|
|
|
1353
1355
|
{ value: "representation", label: "Representation" },
|
|
1354
1356
|
{ value: "user", label: "User" },
|
|
1355
1357
|
{ value: "list", label: "List" }
|
|
1356
|
-
],
|
|
1358
|
+
], Wn = [
|
|
1357
1359
|
{ value: "description", scope: null },
|
|
1358
1360
|
{ value: "example", scope: null },
|
|
1359
1361
|
{ value: "default", scope: ["project"] },
|
|
@@ -1361,7 +1363,7 @@ const jr = u.div`
|
|
|
1361
1363
|
value: "inherit",
|
|
1362
1364
|
scope: ["project", "folder", "task", "product", "version", "representation", "user"]
|
|
1363
1365
|
}
|
|
1364
|
-
],
|
|
1366
|
+
], Xn = {
|
|
1365
1367
|
name: "",
|
|
1366
1368
|
scope: ["folder", "task"],
|
|
1367
1369
|
builtin: !1,
|
|
@@ -1386,66 +1388,66 @@ const jr = u.div`
|
|
|
1386
1388
|
le: void 0,
|
|
1387
1389
|
lt: void 0
|
|
1388
1390
|
}
|
|
1389
|
-
},
|
|
1390
|
-
const r = JSON.parse(JSON.stringify(
|
|
1391
|
-
Object.keys(r).forEach((
|
|
1392
|
-
!n.includes(
|
|
1391
|
+
}, Qn = (e, t) => {
|
|
1392
|
+
const r = JSON.parse(JSON.stringify(Xn)), n = ["name"];
|
|
1393
|
+
Object.keys(r).forEach((i) => {
|
|
1394
|
+
!n.includes(i) && e.includes(i) && i !== "data" && delete r[i];
|
|
1393
1395
|
});
|
|
1394
|
-
const
|
|
1395
|
-
return r.data && Object.keys(r.data).forEach((
|
|
1396
|
-
!
|
|
1397
|
-
}), t && Object.keys(t).forEach((
|
|
1398
|
-
const a =
|
|
1396
|
+
const s = ["title"];
|
|
1397
|
+
return r.data && Object.keys(r.data).forEach((i) => {
|
|
1398
|
+
!s.includes(i) && e.includes(i) && delete r.data[i];
|
|
1399
|
+
}), t && Object.keys(t).forEach((i) => {
|
|
1400
|
+
const a = i;
|
|
1399
1401
|
a === "data" && t.data && r.data ? r.data = { ...r.data, ...t.data } : t[a] !== void 0 && (r[a] = t[a]);
|
|
1400
1402
|
}), r;
|
|
1401
|
-
},
|
|
1403
|
+
}, Hs = ({
|
|
1402
1404
|
attribute: e,
|
|
1403
1405
|
defaultData: t,
|
|
1404
1406
|
existingNames: r,
|
|
1405
1407
|
error: n = "",
|
|
1406
|
-
isUpdating:
|
|
1407
|
-
excludes:
|
|
1408
|
+
isUpdating: s,
|
|
1409
|
+
excludes: i = [],
|
|
1408
1410
|
onHide: a,
|
|
1409
|
-
onEdit:
|
|
1410
|
-
onDelete:
|
|
1411
|
+
onEdit: h,
|
|
1412
|
+
onDelete: f
|
|
1411
1413
|
}) => {
|
|
1412
1414
|
const c = t ? {
|
|
1413
1415
|
...t,
|
|
1414
1416
|
name: t.name || (t.data?.title ? pt(t.data.title) : void 0)
|
|
1415
|
-
} : void 0, l = e ||
|
|
1417
|
+
} : void 0, l = e || Qn(i, {
|
|
1416
1418
|
position: r.length,
|
|
1417
1419
|
...c
|
|
1418
|
-
}), [p, d] = U(l), [y,
|
|
1420
|
+
}), [p, d] = U(l), [y, v] = U(
|
|
1419
1421
|
() => kt(l?.data?.type, l?.data?.enum, l?.data?.enumResolver)
|
|
1420
1422
|
), [x, g] = U(() => l?.data?.type === "float");
|
|
1421
|
-
|
|
1422
|
-
e && (d(e),
|
|
1423
|
+
Y(() => {
|
|
1424
|
+
e && (d(e), v(
|
|
1423
1425
|
kt(e.data?.type, e.data?.enum, e.data?.enumResolver)
|
|
1424
1426
|
), g(e.data?.type === "float"));
|
|
1425
1427
|
}, [e]);
|
|
1426
|
-
const w = !e,
|
|
1427
|
-
d((R) => R && { ...R, [I]:
|
|
1428
|
-
}, m = (I,
|
|
1428
|
+
const w = !e, b = (I, A) => {
|
|
1429
|
+
d((R) => R && { ...R, [I]: A });
|
|
1430
|
+
}, m = (I, A) => {
|
|
1429
1431
|
d((R) => {
|
|
1430
1432
|
if (!R || !R.data)
|
|
1431
1433
|
return R;
|
|
1432
|
-
const $ = { ...R.data, [I]:
|
|
1434
|
+
const $ = { ...R.data, [I]: A };
|
|
1433
1435
|
return { ...R, data: $ };
|
|
1434
1436
|
});
|
|
1435
1437
|
};
|
|
1436
1438
|
let k = "";
|
|
1437
|
-
p && w && (r.includes(p.name) ? k = "This attribute already exists" :
|
|
1439
|
+
p && w && (r.includes(p.name) ? k = "This attribute already exists" : Gn.test(p.name) || (k = "Invalid attribute name: use 2-64 letters or digits, no spaces or symbols"));
|
|
1438
1440
|
const C = () => {
|
|
1439
|
-
p &&
|
|
1441
|
+
p && h(p);
|
|
1440
1442
|
}, N = /* @__PURE__ */ S("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
|
|
1441
|
-
|
|
1443
|
+
f && e && /* @__PURE__ */ o(
|
|
1442
1444
|
B,
|
|
1443
1445
|
{
|
|
1444
1446
|
variant: "danger",
|
|
1445
1447
|
label: "Delete attribute",
|
|
1446
1448
|
icon: "delete",
|
|
1447
|
-
disabled:
|
|
1448
|
-
onClick:
|
|
1449
|
+
disabled: s,
|
|
1450
|
+
onClick: f
|
|
1449
1451
|
}
|
|
1450
1452
|
),
|
|
1451
1453
|
/* @__PURE__ */ o(go, {}),
|
|
@@ -1456,54 +1458,54 @@ const jr = u.div`
|
|
|
1456
1458
|
icon: "check",
|
|
1457
1459
|
disabled: !!k || !p,
|
|
1458
1460
|
active: !k && !!p,
|
|
1459
|
-
saving:
|
|
1461
|
+
saving: s,
|
|
1460
1462
|
onClick: C
|
|
1461
1463
|
}
|
|
1462
1464
|
)
|
|
1463
1465
|
] });
|
|
1464
1466
|
let z = [];
|
|
1465
|
-
|
|
1466
|
-
(!I?.scope || I?.scope?.some((
|
|
1467
|
+
Wn.forEach((I) => {
|
|
1468
|
+
(!I?.scope || I?.scope?.some((A) => p?.scope?.includes(A))) && z.push(I.value);
|
|
1467
1469
|
});
|
|
1468
1470
|
const P = [
|
|
1469
|
-
...
|
|
1471
|
+
...Un[y] ?? [],
|
|
1470
1472
|
...y === "select" && p?.data?.type === "list_of_strings" ? ["minItems", "maxItems"] : []
|
|
1471
|
-
], V =
|
|
1473
|
+
], V = Hn[y] ?? [];
|
|
1472
1474
|
z = [...z, ...P].filter((I) => !V.includes(I));
|
|
1473
1475
|
const L = {
|
|
1474
|
-
enum: (I = [],
|
|
1475
|
-
|
|
1476
|
+
enum: (I = [], A) => /* @__PURE__ */ o(
|
|
1477
|
+
Vn,
|
|
1476
1478
|
{
|
|
1477
1479
|
enumValues: I,
|
|
1478
1480
|
enumResolver: p?.data?.enumResolver,
|
|
1479
1481
|
enumResolverSettings: p?.data?.enumResolverSettings,
|
|
1480
|
-
onChangeEnum:
|
|
1481
|
-
onChangeResolver:
|
|
1482
|
+
onChangeEnum: A,
|
|
1483
|
+
onChangeResolver: j,
|
|
1482
1484
|
onChangeResolverSettings: (R) => m("enumResolverSettings", R)
|
|
1483
1485
|
}
|
|
1484
1486
|
),
|
|
1485
|
-
inherit: (I,
|
|
1486
|
-
|
|
1487
|
+
inherit: (I, A) => /* @__PURE__ */ o(
|
|
1488
|
+
_e,
|
|
1487
1489
|
{
|
|
1488
1490
|
checked: I,
|
|
1489
|
-
onChange: (R) =>
|
|
1491
|
+
onChange: (R) => A(R.target.checked)
|
|
1490
1492
|
}
|
|
1491
1493
|
),
|
|
1492
|
-
booleanDefault: (I,
|
|
1493
|
-
|
|
1494
|
+
booleanDefault: (I, A) => /* @__PURE__ */ o(
|
|
1495
|
+
_e,
|
|
1494
1496
|
{
|
|
1495
1497
|
checked: I,
|
|
1496
|
-
onChange: (R) =>
|
|
1498
|
+
onChange: (R) => A(R.target.checked)
|
|
1497
1499
|
}
|
|
1498
1500
|
)
|
|
1499
|
-
},
|
|
1500
|
-
m("enumResolver", I), I && (p?.data?.title || m("title", Tt(I)), w && !p?.name &&
|
|
1501
|
+
}, j = (I) => {
|
|
1502
|
+
m("enumResolver", I), I && (p?.data?.title || m("title", Tt(I)), w && !p?.name && b("name", pt(I)));
|
|
1501
1503
|
}, T = (I) => {
|
|
1502
|
-
const
|
|
1503
|
-
m("title",
|
|
1504
|
+
const A = I.target.value;
|
|
1505
|
+
m("title", A), w && b("name", pt(A));
|
|
1504
1506
|
}, F = (I) => {
|
|
1505
|
-
const
|
|
1506
|
-
|
|
1507
|
+
const A = I[0];
|
|
1508
|
+
v(A), m("type", jn(A, x)), A !== "select" && (m("enum", void 0), m("enumResolver", void 0), m("enumResolverSettings", void 0), m("minItems", void 0), m("maxItems", void 0)), A !== "text" && p?.data?.regex && m("regex", ""), m("widget", void 0);
|
|
1507
1509
|
}, O = Ke.find((I) => I.value === y)?.widgets;
|
|
1508
1510
|
return /* @__PURE__ */ o(
|
|
1509
1511
|
We,
|
|
@@ -1519,28 +1521,28 @@ const jr = u.div`
|
|
|
1519
1521
|
I.key === "Enter" && (I.metaKey || I.ctrlKey) && (I.preventDefault(), C());
|
|
1520
1522
|
},
|
|
1521
1523
|
children: p && /* @__PURE__ */ S(Et, { children: [
|
|
1522
|
-
!
|
|
1523
|
-
!
|
|
1524
|
-
|
|
1524
|
+
!i.includes("title") && /* @__PURE__ */ o(oe, { label: "Title", children: /* @__PURE__ */ o(De, { value: p?.data.title, onChange: T, autoFocus: !0 }) }, "title"),
|
|
1525
|
+
!i.includes("name") && /* @__PURE__ */ o(oe, { label: "Name", children: /* @__PURE__ */ o(
|
|
1526
|
+
or,
|
|
1525
1527
|
{
|
|
1526
1528
|
value: p.name,
|
|
1527
1529
|
disabled: !w,
|
|
1528
|
-
onSubmit: (I) =>
|
|
1530
|
+
onSubmit: (I) => b("name", I),
|
|
1529
1531
|
label: "name"
|
|
1530
1532
|
}
|
|
1531
1533
|
) }, "name"),
|
|
1532
|
-
!
|
|
1534
|
+
!i.includes("scope") && /* @__PURE__ */ o(oe, { label: "Scope", children: /* @__PURE__ */ o(
|
|
1533
1535
|
me,
|
|
1534
1536
|
{
|
|
1535
|
-
options:
|
|
1537
|
+
options: Yn,
|
|
1536
1538
|
disabled: p.builtin,
|
|
1537
1539
|
value: p.scope || [],
|
|
1538
|
-
onChange: (I) =>
|
|
1540
|
+
onChange: (I) => b("scope", I),
|
|
1539
1541
|
multiSelect: !0,
|
|
1540
1542
|
widthExpand: !0
|
|
1541
1543
|
}
|
|
1542
1544
|
) }),
|
|
1543
|
-
!
|
|
1545
|
+
!i.includes("type") && /* @__PURE__ */ o(oe, { label: "Type", children: /* @__PURE__ */ S(qn, { children: [
|
|
1544
1546
|
/* @__PURE__ */ o(
|
|
1545
1547
|
me,
|
|
1546
1548
|
{
|
|
@@ -1568,51 +1570,51 @@ const jr = u.div`
|
|
|
1568
1570
|
}
|
|
1569
1571
|
)
|
|
1570
1572
|
] }) }),
|
|
1571
|
-
!
|
|
1572
|
-
|
|
1573
|
+
!i.includes("type") && y === "select" && /* @__PURE__ */ o(oe, { label: "Multi-select", "data-tooltip": "Allow multiple values to be selected", children: /* @__PURE__ */ o(
|
|
1574
|
+
_e,
|
|
1573
1575
|
{
|
|
1574
1576
|
checked: p.data.type === "list_of_strings",
|
|
1575
1577
|
disabled: p.builtin || !w,
|
|
1576
1578
|
onChange: (I) => {
|
|
1577
|
-
const
|
|
1578
|
-
m("type",
|
|
1579
|
+
const A = I.target.checked;
|
|
1580
|
+
m("type", A ? "list_of_strings" : "string"), A || (m("minItems", void 0), m("maxItems", void 0));
|
|
1579
1581
|
}
|
|
1580
1582
|
}
|
|
1581
1583
|
) }),
|
|
1582
|
-
!
|
|
1583
|
-
|
|
1584
|
+
!i.includes("type") && y === "number" && /* @__PURE__ */ o(oe, { label: "Decimal", children: /* @__PURE__ */ o(
|
|
1585
|
+
_e,
|
|
1584
1586
|
{
|
|
1585
1587
|
checked: x,
|
|
1586
1588
|
disabled: p.builtin || !w,
|
|
1587
1589
|
onChange: (I) => {
|
|
1588
|
-
const
|
|
1589
|
-
g(
|
|
1590
|
+
const A = I.target.checked;
|
|
1591
|
+
g(A), m("type", A ? "float" : "integer");
|
|
1590
1592
|
}
|
|
1591
1593
|
}
|
|
1592
1594
|
) }),
|
|
1593
1595
|
z.map((I) => {
|
|
1594
|
-
if (
|
|
1595
|
-
let
|
|
1596
|
+
if (i.includes(I)) return null;
|
|
1597
|
+
let A = null, R = nr(I);
|
|
1596
1598
|
if (I === "enum" || I === "inherit") {
|
|
1597
1599
|
const $ = L[I];
|
|
1598
|
-
|
|
1600
|
+
A = $(p?.data[I], (W) => m(I, W));
|
|
1599
1601
|
} else if (I === "default" && p?.data?.type === "boolean")
|
|
1600
|
-
|
|
1602
|
+
A = L.booleanDefault(
|
|
1601
1603
|
p?.data[I],
|
|
1602
1604
|
($) => m(I, $)
|
|
1603
1605
|
);
|
|
1604
1606
|
else if (["ge", "gt", "le", "lt"].includes(I)) {
|
|
1605
1607
|
if (["gt", "lt"].includes(I)) return null;
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
+
A = /* @__PURE__ */ o(
|
|
1609
|
+
rn,
|
|
1608
1610
|
{
|
|
1609
1611
|
value: p?.data,
|
|
1610
1612
|
isMin: I === "ge",
|
|
1611
1613
|
isFloat: p?.data?.type === "float",
|
|
1612
1614
|
onChange: ($) => {
|
|
1613
|
-
const
|
|
1615
|
+
const W = $.ge !== void 0 ? Number($.ge) : void 0, re = $.le !== void 0 ? Number($.le) : void 0;
|
|
1614
1616
|
// @ts-expect-error
|
|
1615
|
-
$.ge !== void 0 && isNaN(
|
|
1617
|
+
$.ge !== void 0 && isNaN(W) || // @ts-expect-error
|
|
1616
1618
|
$.le !== void 0 && isNaN(re) || d((ne) => {
|
|
1617
1619
|
if (!ne || !ne.data) return ne;
|
|
1618
1620
|
const ve = { ...ne.data, ...$ };
|
|
@@ -1622,8 +1624,8 @@ const jr = u.div`
|
|
|
1622
1624
|
}
|
|
1623
1625
|
), R = I === "ge" ? "Min" : "Max";
|
|
1624
1626
|
} else {
|
|
1625
|
-
const $ = (
|
|
1626
|
-
const re =
|
|
1627
|
+
const $ = (W) => {
|
|
1628
|
+
const re = W.target.value;
|
|
1627
1629
|
switch (I) {
|
|
1628
1630
|
case "minLength":
|
|
1629
1631
|
case "maxLength":
|
|
@@ -1638,7 +1640,7 @@ const jr = u.div`
|
|
|
1638
1640
|
break;
|
|
1639
1641
|
}
|
|
1640
1642
|
};
|
|
1641
|
-
|
|
1643
|
+
A = /* @__PURE__ */ o(
|
|
1642
1644
|
De,
|
|
1643
1645
|
{
|
|
1644
1646
|
value: String(p?.data[I] ?? ""),
|
|
@@ -1653,7 +1655,7 @@ const jr = u.div`
|
|
|
1653
1655
|
style: {
|
|
1654
1656
|
alignItems: "flex-start"
|
|
1655
1657
|
},
|
|
1656
|
-
children:
|
|
1658
|
+
children: A
|
|
1657
1659
|
},
|
|
1658
1660
|
I
|
|
1659
1661
|
);
|
|
@@ -1662,7 +1664,7 @@ const jr = u.div`
|
|
|
1662
1664
|
] })
|
|
1663
1665
|
}
|
|
1664
1666
|
);
|
|
1665
|
-
},
|
|
1667
|
+
}, Zn = Qo`
|
|
1666
1668
|
from {
|
|
1667
1669
|
opacity: 0;
|
|
1668
1670
|
transform: translateY(-4px);
|
|
@@ -1671,10 +1673,10 @@ const jr = u.div`
|
|
|
1671
1673
|
opacity: 1;
|
|
1672
1674
|
transform: translateY(0);
|
|
1673
1675
|
}
|
|
1674
|
-
`,
|
|
1676
|
+
`, js = u.div`
|
|
1675
1677
|
position: relative;
|
|
1676
1678
|
display: inline-flex;
|
|
1677
|
-
`,
|
|
1679
|
+
`, Ks = u.button`
|
|
1678
1680
|
background: none;
|
|
1679
1681
|
border: none;
|
|
1680
1682
|
padding: 0;
|
|
@@ -1706,7 +1708,7 @@ const jr = u.div`
|
|
|
1706
1708
|
width: 24px;
|
|
1707
1709
|
height: 24px;
|
|
1708
1710
|
}
|
|
1709
|
-
`,
|
|
1711
|
+
`, qs = u(q)`
|
|
1710
1712
|
width: 20px;
|
|
1711
1713
|
height: 20px;
|
|
1712
1714
|
min-width: 20px;
|
|
@@ -1722,13 +1724,13 @@ const jr = u.div`
|
|
|
1722
1724
|
&:hover {
|
|
1723
1725
|
background-color: var(--md-sys-color-surface-container-highest-hover);
|
|
1724
1726
|
}
|
|
1725
|
-
`,
|
|
1727
|
+
`, Gs = u.div`
|
|
1726
1728
|
position: fixed;
|
|
1727
1729
|
z-index: 1001;
|
|
1728
1730
|
background-color: var(--md-sys-color-surface-container-highest);
|
|
1729
1731
|
border-radius: var(--border-radius-l);
|
|
1730
1732
|
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
|
|
1731
|
-
animation: ${
|
|
1733
|
+
animation: ${Zn} 0.15s ease-out;
|
|
1732
1734
|
|
|
1733
1735
|
&.right {
|
|
1734
1736
|
transform-origin: top right;
|
|
@@ -1737,13 +1739,13 @@ const jr = u.div`
|
|
|
1737
1739
|
&.left {
|
|
1738
1740
|
transform-origin: top left;
|
|
1739
1741
|
}
|
|
1740
|
-
`,
|
|
1742
|
+
`, Ys = u.div`
|
|
1741
1743
|
display: flex;
|
|
1742
1744
|
flex-direction: column;
|
|
1743
1745
|
gap: var(--base-gap-small);
|
|
1744
1746
|
padding: var(--padding-m);
|
|
1745
1747
|
position: relative;
|
|
1746
|
-
`,
|
|
1748
|
+
`, Ws = u(B)`
|
|
1747
1749
|
&.hasIcon {
|
|
1748
1750
|
padding: 4px;
|
|
1749
1751
|
}
|
|
@@ -1759,7 +1761,7 @@ const jr = u.div`
|
|
|
1759
1761
|
&:hover {
|
|
1760
1762
|
background-color: var(--md-sys-color-surface-container-highest-hover);
|
|
1761
1763
|
}
|
|
1762
|
-
`,
|
|
1764
|
+
`, Xs = u.div`
|
|
1763
1765
|
display: flex;
|
|
1764
1766
|
flex-direction: column;
|
|
1765
1767
|
gap: 4px;
|
|
@@ -1768,7 +1770,7 @@ const jr = u.div`
|
|
|
1768
1770
|
${se.labelSmall}
|
|
1769
1771
|
color: var(--md-sys-color-outline);
|
|
1770
1772
|
}
|
|
1771
|
-
`,
|
|
1773
|
+
`, Qs = u.input`
|
|
1772
1774
|
background-color: var(--md-sys-color-surface-container-low);
|
|
1773
1775
|
border: 1px solid var(--md-sys-color-outline-variant);
|
|
1774
1776
|
border-radius: var(--border-radius-m);
|
|
@@ -1790,11 +1792,11 @@ const jr = u.div`
|
|
|
1790
1792
|
cursor: pointer;
|
|
1791
1793
|
filter: invert(0.5);
|
|
1792
1794
|
}
|
|
1793
|
-
`,
|
|
1795
|
+
`, Zs = u(B)`
|
|
1794
1796
|
&:hover {
|
|
1795
1797
|
background-color: var(--md-sys-color-surface-container-highest-hover);
|
|
1796
1798
|
}
|
|
1797
|
-
`,
|
|
1799
|
+
`, Jn = u.div`
|
|
1798
1800
|
position: fixed;
|
|
1799
1801
|
bottom: 14px;
|
|
1800
1802
|
left: 14px;
|
|
@@ -1810,41 +1812,41 @@ const jr = u.div`
|
|
|
1810
1812
|
|
|
1811
1813
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
|
|
1812
1814
|
font-weight: 700;
|
|
1813
|
-
`,
|
|
1814
|
-
({ tooltip: e, ...t }, r) => /* @__PURE__ */ o(
|
|
1815
|
+
`, Js = ce(
|
|
1816
|
+
({ tooltip: e, ...t }, r) => /* @__PURE__ */ o(Jn, { "data-tooltip": e, "data-tooltip-delay": 0, ...t, ref: r, children: "Early preview" })
|
|
1815
1817
|
), Ct = [
|
|
1816
1818
|
{ value: "hero", label: "Hero", short: "Hero", icon: "star" },
|
|
1817
1819
|
{ value: "latestDone", label: "Latest Done", short: "Done", icon: "check_circle" },
|
|
1818
1820
|
{ value: "latest", label: "Latest", short: "Latest", icon: "fiber_new" }
|
|
1819
|
-
],
|
|
1820
|
-
const { attributes: r, listeners: n, setNodeRef:
|
|
1821
|
+
], el = Ct.map((e) => e.value), ea = ({ id: e, label: t }) => {
|
|
1822
|
+
const { attributes: r, listeners: n, setNodeRef: s, transform: i, transition: a, isDragging: h } = Ze({
|
|
1821
1823
|
id: e
|
|
1822
|
-
}),
|
|
1823
|
-
transform:
|
|
1824
|
+
}), f = {
|
|
1825
|
+
transform: Je.Transform.toString(i),
|
|
1824
1826
|
transition: a
|
|
1825
1827
|
};
|
|
1826
1828
|
return /* @__PURE__ */ o(
|
|
1827
|
-
|
|
1829
|
+
ra,
|
|
1828
1830
|
{
|
|
1829
|
-
ref:
|
|
1830
|
-
style:
|
|
1831
|
-
className:
|
|
1831
|
+
ref: s,
|
|
1832
|
+
style: f,
|
|
1833
|
+
className: h ? "dragging" : "",
|
|
1832
1834
|
...r,
|
|
1833
1835
|
...n,
|
|
1834
|
-
children: /* @__PURE__ */ S(
|
|
1835
|
-
/* @__PURE__ */ o(
|
|
1836
|
-
/* @__PURE__ */ o(
|
|
1836
|
+
children: /* @__PURE__ */ S(Lo, { children: [
|
|
1837
|
+
/* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) }),
|
|
1838
|
+
/* @__PURE__ */ o(Oo, { children: t })
|
|
1837
1839
|
] })
|
|
1838
1840
|
}
|
|
1839
1841
|
);
|
|
1840
|
-
},
|
|
1841
|
-
const [r, n] = U(null),
|
|
1842
|
-
_t
|
|
1842
|
+
}, tl = ({ value: e, onChange: t }) => {
|
|
1843
|
+
const [r, n] = U(null), s = Pt(
|
|
1844
|
+
At(_t, {
|
|
1843
1845
|
activationConstraint: {
|
|
1844
1846
|
distance: 5
|
|
1845
1847
|
}
|
|
1846
1848
|
})
|
|
1847
|
-
),
|
|
1849
|
+
), i = Z(() => {
|
|
1848
1850
|
const c = [...Ct];
|
|
1849
1851
|
return e.length > 0 && c.sort((l, p) => {
|
|
1850
1852
|
const d = e.indexOf(l.value), y = e.indexOf(p.value);
|
|
@@ -1852,22 +1854,22 @@ const jr = u.div`
|
|
|
1852
1854
|
}), c;
|
|
1853
1855
|
}, [e]), a = (c) => {
|
|
1854
1856
|
n(c.active.id);
|
|
1855
|
-
},
|
|
1857
|
+
}, h = (c) => {
|
|
1856
1858
|
const { active: l, over: p } = c;
|
|
1857
1859
|
if (p && l.id !== p.id) {
|
|
1858
|
-
const d =
|
|
1860
|
+
const d = i.findIndex((v) => v.value === l.id), y = i.findIndex((v) => v.value === p.id);
|
|
1859
1861
|
if (d !== -1 && y !== -1) {
|
|
1860
|
-
const x = Dt(
|
|
1862
|
+
const x = Dt(i, d, y).map((g) => g.value);
|
|
1861
1863
|
t(x);
|
|
1862
1864
|
}
|
|
1863
1865
|
}
|
|
1864
1866
|
n(null);
|
|
1865
|
-
},
|
|
1866
|
-
return /* @__PURE__ */ S(
|
|
1867
|
-
/* @__PURE__ */ S(
|
|
1867
|
+
}, f = r ? Ct.find((c) => c.value === r) : null;
|
|
1868
|
+
return /* @__PURE__ */ S(ta, { children: [
|
|
1869
|
+
/* @__PURE__ */ S(na, { children: [
|
|
1868
1870
|
/* @__PURE__ */ o("span", { className: "label", children: "Product's featured version priority" }),
|
|
1869
1871
|
/* @__PURE__ */ o(
|
|
1870
|
-
|
|
1872
|
+
q,
|
|
1871
1873
|
{
|
|
1872
1874
|
icon: "info",
|
|
1873
1875
|
"data-tooltip": "Choose which version will be displayed on the product card. The first available from the list will be used.",
|
|
@@ -1878,40 +1880,40 @@ const jr = u.div`
|
|
|
1878
1880
|
/* @__PURE__ */ S(
|
|
1879
1881
|
Xe,
|
|
1880
1882
|
{
|
|
1881
|
-
sensors:
|
|
1883
|
+
sensors: s,
|
|
1882
1884
|
collisionDetection: Qe,
|
|
1883
1885
|
onDragStart: a,
|
|
1884
|
-
onDragEnd:
|
|
1886
|
+
onDragEnd: h,
|
|
1885
1887
|
children: [
|
|
1886
1888
|
/* @__PURE__ */ o(
|
|
1887
1889
|
Le,
|
|
1888
1890
|
{
|
|
1889
|
-
items:
|
|
1891
|
+
items: i.map((c) => c.value),
|
|
1890
1892
|
strategy: Re,
|
|
1891
|
-
children: /* @__PURE__ */ o(
|
|
1893
|
+
children: /* @__PURE__ */ o(oa, { children: i.map((c) => /* @__PURE__ */ o(ea, { id: c.value, label: c.label }, c.value)) })
|
|
1892
1894
|
}
|
|
1893
1895
|
),
|
|
1894
|
-
/* @__PURE__ */ o(Nt, { children:
|
|
1895
|
-
/* @__PURE__ */ o(
|
|
1896
|
-
/* @__PURE__ */ o(
|
|
1896
|
+
/* @__PURE__ */ o(Nt, { children: f && /* @__PURE__ */ S(Lo, { className: "overlay", children: [
|
|
1897
|
+
/* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) }),
|
|
1898
|
+
/* @__PURE__ */ o(Oo, { children: f.label })
|
|
1897
1899
|
] }) })
|
|
1898
1900
|
]
|
|
1899
1901
|
}
|
|
1900
1902
|
)
|
|
1901
1903
|
] });
|
|
1902
|
-
},
|
|
1904
|
+
}, ta = u.div`
|
|
1903
1905
|
display: flex;
|
|
1904
1906
|
flex-direction: column;
|
|
1905
1907
|
gap: var(--base-gap-small);
|
|
1906
|
-
`,
|
|
1908
|
+
`, oa = u.div`
|
|
1907
1909
|
display: flex;
|
|
1908
1910
|
flex-direction: column;
|
|
1909
1911
|
gap: var(--base-gap-small);
|
|
1910
|
-
`,
|
|
1912
|
+
`, ra = u.div`
|
|
1911
1913
|
&.dragging {
|
|
1912
1914
|
opacity: 0;
|
|
1913
1915
|
}
|
|
1914
|
-
`,
|
|
1916
|
+
`, Lo = u.div`
|
|
1915
1917
|
display: flex;
|
|
1916
1918
|
align-items: center;
|
|
1917
1919
|
gap: var(--base-gap-small);
|
|
@@ -1934,14 +1936,14 @@ const jr = u.div`
|
|
|
1934
1936
|
&:active {
|
|
1935
1937
|
cursor: grabbing;
|
|
1936
1938
|
}
|
|
1937
|
-
`,
|
|
1939
|
+
`, Ro = u.div`
|
|
1938
1940
|
display: flex;
|
|
1939
1941
|
align-items: center;
|
|
1940
1942
|
color: var(--md-sys-color-outline);
|
|
1941
|
-
`,
|
|
1943
|
+
`, Oo = u.span`
|
|
1942
1944
|
font-weight: 500;
|
|
1943
1945
|
color: var(--md-sys-color-on-surface);
|
|
1944
|
-
`,
|
|
1946
|
+
`, na = u.div`
|
|
1945
1947
|
color: var(--md-sys-color-outline);
|
|
1946
1948
|
display: flex;
|
|
1947
1949
|
align-items: center;
|
|
@@ -1955,9 +1957,9 @@ const jr = u.div`
|
|
|
1955
1957
|
.icon {
|
|
1956
1958
|
cursor: pointer;
|
|
1957
1959
|
}
|
|
1958
|
-
`,
|
|
1959
|
-
({ tooltip: e = "This page will deprecated in a future version", ...t }, r) => /* @__PURE__ */ o(
|
|
1960
|
-
),
|
|
1960
|
+
`, ol = ce(
|
|
1961
|
+
({ tooltip: e = "This page will deprecated in a future version", ...t }, r) => /* @__PURE__ */ o(q, { icon: "ad_off", "data-tooltip": e, ...t, ref: r })
|
|
1962
|
+
), aa = u(B)`
|
|
1961
1963
|
transition: color 0.2s, background-color 0.2s, opacity 0.2s;
|
|
1962
1964
|
|
|
1963
1965
|
.bolt {
|
|
@@ -1990,48 +1992,48 @@ const jr = u.div`
|
|
|
1990
1992
|
&.rounded {
|
|
1991
1993
|
border-radius: var(--border-radius-xl);
|
|
1992
1994
|
}
|
|
1993
|
-
`,
|
|
1994
|
-
({ feature: e, variant: t = "outline", rounded: r = !0, bolt: n = !1, ...
|
|
1995
|
-
const { setPowerpackDialog: a } =
|
|
1996
|
-
a(e),
|
|
1995
|
+
`, ia = ce(
|
|
1996
|
+
({ feature: e, variant: t = "outline", rounded: r = !0, bolt: n = !1, ...s }, i) => {
|
|
1997
|
+
const { setPowerpackDialog: a } = wr(), h = (f) => {
|
|
1998
|
+
a(e), s.onClick?.(f);
|
|
1997
1999
|
};
|
|
1998
2000
|
return /* @__PURE__ */ S(
|
|
1999
|
-
|
|
2001
|
+
aa,
|
|
2000
2002
|
{
|
|
2001
|
-
icon:
|
|
2002
|
-
...
|
|
2003
|
-
ref:
|
|
2004
|
-
onClick:
|
|
2003
|
+
icon: s.icon || "bolt",
|
|
2004
|
+
...s,
|
|
2005
|
+
ref: i,
|
|
2006
|
+
onClick: h,
|
|
2005
2007
|
iconProps: {
|
|
2006
2008
|
filled: t === "filled"
|
|
2007
2009
|
},
|
|
2008
|
-
className: J("cloud-button",
|
|
2010
|
+
className: J("cloud-button", s.className, { rounded: r }),
|
|
2009
2011
|
"data-tooltip": "Power feature",
|
|
2010
2012
|
"data-tooltip-delay": 0,
|
|
2011
2013
|
children: [
|
|
2012
|
-
|
|
2013
|
-
n && /* @__PURE__ */ o(
|
|
2014
|
+
s.children,
|
|
2015
|
+
n && /* @__PURE__ */ o(q, { icon: "bolt", filled: !0, className: "bolt" })
|
|
2014
2016
|
]
|
|
2015
2017
|
}
|
|
2016
2018
|
);
|
|
2017
2019
|
}
|
|
2018
2020
|
);
|
|
2019
|
-
|
|
2020
|
-
const
|
|
2021
|
+
ia.displayName = "PowerpackButton";
|
|
2022
|
+
const sa = "https://ynput.cloud/free-trial", la = ({
|
|
2021
2023
|
addon: e
|
|
2022
2024
|
// an addon they are trying to access, e.g. 'powerpack'
|
|
2023
2025
|
}) => {
|
|
2024
|
-
const { data: t } =
|
|
2026
|
+
const { data: t } = pr(), r = t?.data?.isAdmin || t?.data?.isManager, { data: n } = gr(void 0, { skip: !t?.name }), { data: s } = mr(
|
|
2025
2027
|
{},
|
|
2026
2028
|
{ skip: !r || !n?.instanceId }
|
|
2027
|
-
),
|
|
2028
|
-
return
|
|
2029
|
-
},
|
|
2029
|
+
), i = new URL(sa), a = n?.instanceId, h = s || 10;
|
|
2030
|
+
return i.searchParams.append("seats", h.toString()), a && i.searchParams.append("instance_id", a), e && i.searchParams.append("addon", e), i.toString();
|
|
2031
|
+
}, rl = ce(
|
|
2030
2032
|
({ children: e, addon: t, ...r }, n) => {
|
|
2031
|
-
const
|
|
2032
|
-
return /* @__PURE__ */ o("a", { href:
|
|
2033
|
+
const s = la({ addon: t });
|
|
2034
|
+
return /* @__PURE__ */ o("a", { href: s, target: "_blank", rel: "noopener noreferrer", ...r, ref: n, children: e });
|
|
2033
2035
|
}
|
|
2034
|
-
),
|
|
2036
|
+
), nl = u(We)`
|
|
2035
2037
|
background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),
|
|
2036
2038
|
#15171c;
|
|
2037
2039
|
|
|
@@ -2053,7 +2055,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2053
2055
|
.cancelButton {
|
|
2054
2056
|
background-color: unset;
|
|
2055
2057
|
}
|
|
2056
|
-
`,
|
|
2058
|
+
`, al = u.div`
|
|
2057
2059
|
display: flex;
|
|
2058
2060
|
flex-direction: column;
|
|
2059
2061
|
align-items: center;
|
|
@@ -2083,7 +2085,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2083
2085
|
font-size: 32px;
|
|
2084
2086
|
color: var(--md-sys-color-tertiary);
|
|
2085
2087
|
}
|
|
2086
|
-
`,
|
|
2088
|
+
`, il = u.div`
|
|
2087
2089
|
width: 100%;
|
|
2088
2090
|
|
|
2089
2091
|
h3 {
|
|
@@ -2111,7 +2113,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2111
2113
|
gap: 8px;
|
|
2112
2114
|
}
|
|
2113
2115
|
}
|
|
2114
|
-
`,
|
|
2116
|
+
`, sl = u.div`
|
|
2115
2117
|
cursor: pointer;
|
|
2116
2118
|
text-align: center;
|
|
2117
2119
|
margin-top: 16px;
|
|
@@ -2121,7 +2123,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2121
2123
|
&:hover {
|
|
2122
2124
|
text-decoration: underline;
|
|
2123
2125
|
}
|
|
2124
|
-
`,
|
|
2126
|
+
`, ca = u(B)`
|
|
2125
2127
|
background-color: var(--md-sys-color-tertiary);
|
|
2126
2128
|
color: var(--md-sys-color-on-tertiary);
|
|
2127
2129
|
padding: 12px 20px;
|
|
@@ -2133,27 +2135,27 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2133
2135
|
&:hover {
|
|
2134
2136
|
background-color: var(--md-sys-color-tertiary-hover);
|
|
2135
2137
|
}
|
|
2136
|
-
`,
|
|
2138
|
+
`, ll = ce(({ ...e }, t) => /* @__PURE__ */ o(ca, { ...e, children: "Try for free!" })), da = u.div`
|
|
2137
2139
|
display: flex;
|
|
2138
2140
|
flex-direction: column;
|
|
2139
2141
|
gap: 8px;
|
|
2140
2142
|
border-radius: var(--border-radius-l);
|
|
2141
2143
|
background-color: var(--md-sys-color-secondary-container);
|
|
2142
2144
|
padding: var(--padding-m);
|
|
2143
|
-
`,
|
|
2144
|
-
({ requiredVersion: e, addonName: t, addonLabel: r, ...n },
|
|
2145
|
-
const
|
|
2146
|
-
return e ? /* @__PURE__ */ S(
|
|
2145
|
+
`, cl = ce(
|
|
2146
|
+
({ requiredVersion: e, addonName: t, addonLabel: r, ...n }, s) => {
|
|
2147
|
+
const i = t || "powerpack", a = r || "Power Features";
|
|
2148
|
+
return e ? /* @__PURE__ */ S(da, { ...n, ref: s, children: [
|
|
2147
2149
|
/* @__PURE__ */ o("span", { children: `${a} version ${e} is required to use this feature.` }),
|
|
2148
|
-
/* @__PURE__ */ o(
|
|
2150
|
+
/* @__PURE__ */ o(kr, { to: `/market?selected=${i}`, children: /* @__PURE__ */ S(B, { variant: "tertiary", children: [
|
|
2149
2151
|
"Update ",
|
|
2150
2152
|
a,
|
|
2151
2153
|
" ",
|
|
2152
|
-
/* @__PURE__ */ o(
|
|
2154
|
+
/* @__PURE__ */ o(q, { icon: "arrow_right_alt" })
|
|
2153
2155
|
] }) })
|
|
2154
2156
|
] }) : `Required ${a} version installed already.`;
|
|
2155
2157
|
}
|
|
2156
|
-
),
|
|
2158
|
+
), ua = u(B)`
|
|
2157
2159
|
width: 100%;
|
|
2158
2160
|
justify-content: flex-start;
|
|
2159
2161
|
margin-bottom: 8px;
|
|
@@ -2171,7 +2173,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2171
2173
|
.arrow {
|
|
2172
2174
|
color: var(--md-sys-color-outline);
|
|
2173
2175
|
}
|
|
2174
|
-
`,
|
|
2176
|
+
`, pa = u.div`
|
|
2175
2177
|
height: 100%;
|
|
2176
2178
|
/* fixed floor so the panel doesn't resize as its content changes */
|
|
2177
2179
|
min-width: 260px;
|
|
@@ -2181,7 +2183,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2181
2183
|
z-index: 10;
|
|
2182
2184
|
display: flex;
|
|
2183
2185
|
flex-direction: column;
|
|
2184
|
-
`,
|
|
2186
|
+
`, ga = u.div`
|
|
2185
2187
|
display: flex;
|
|
2186
2188
|
align-items: center;
|
|
2187
2189
|
gap: var(--base-gap-small);
|
|
@@ -2197,42 +2199,42 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2197
2199
|
}
|
|
2198
2200
|
`, to = u(B)`
|
|
2199
2201
|
padding: 4px !important;
|
|
2200
|
-
`,
|
|
2202
|
+
`, ma = u.h3`
|
|
2201
2203
|
margin: 0;
|
|
2202
2204
|
flex: 1;
|
|
2203
|
-
`,
|
|
2205
|
+
`, ha = u.div`
|
|
2204
2206
|
padding: 8px;
|
|
2205
2207
|
flex: 1;
|
|
2206
2208
|
overflow-y: auto;
|
|
2207
|
-
`,
|
|
2208
|
-
const { isPanelOpen: r, selectedSetting: n, closePanel:
|
|
2209
|
-
const y = p.id ? t.indexOf(p.id) : -1,
|
|
2210
|
-
return y === -1 &&
|
|
2211
|
-
}) : e, c = e.find((p) => p.id === n), l = () => n ? e.find((d) => d.id === n)?.component : /* @__PURE__ */ o(pe, { children:
|
|
2209
|
+
`, ba = ({ settings: e, order: t }) => {
|
|
2210
|
+
const { isPanelOpen: r, selectedSetting: n, closePanel: s, backToMainMenu: i, selectSetting: a } = et(), h = () => n && e.find((d) => d.id === n)?.title || "Settings", f = t ? e.toSorted((p, d) => {
|
|
2211
|
+
const y = p.id ? t.indexOf(p.id) : -1, v = d.id ? t.indexOf(d.id) : -1;
|
|
2212
|
+
return y === -1 && v === -1 ? 0 : y === -1 ? 1 : v === -1 ? -1 : y - v;
|
|
2213
|
+
}) : e, c = e.find((p) => p.id === n), l = () => n ? e.find((d) => d.id === n)?.component : /* @__PURE__ */ o(pe, { children: f.map(
|
|
2212
2214
|
(d, y) => d.title ? /* @__PURE__ */ S(
|
|
2213
|
-
|
|
2215
|
+
ua,
|
|
2214
2216
|
{
|
|
2215
2217
|
onClick: () => a(d.id),
|
|
2216
2218
|
variant: "text",
|
|
2217
2219
|
className: "setting-option",
|
|
2218
2220
|
children: [
|
|
2219
|
-
d.icon && /* @__PURE__ */ o(
|
|
2221
|
+
d.icon && /* @__PURE__ */ o(q, { icon: d.icon }),
|
|
2220
2222
|
/* @__PURE__ */ o("span", { className: "title", children: d.title }),
|
|
2221
2223
|
!!d.preview?.toString() && /* @__PURE__ */ o("span", { className: "preview", children: d.preview }),
|
|
2222
|
-
/* @__PURE__ */ o(
|
|
2224
|
+
/* @__PURE__ */ o(q, { icon: "chevron_right", className: "arrow" })
|
|
2223
2225
|
]
|
|
2224
2226
|
},
|
|
2225
2227
|
d.id
|
|
2226
2228
|
) : /* @__PURE__ */ o(Jo, { children: d.component }, d.id)
|
|
2227
2229
|
) });
|
|
2228
|
-
return /* @__PURE__ */ S(
|
|
2229
|
-
/* @__PURE__ */ S(
|
|
2230
|
-
n && /* @__PURE__ */ o(to, { variant: "text", icon: "arrow_back", onClick:
|
|
2231
|
-
/* @__PURE__ */ o(
|
|
2230
|
+
return /* @__PURE__ */ S(pa, { open: r, children: [
|
|
2231
|
+
/* @__PURE__ */ S(ga, { children: [
|
|
2232
|
+
n && /* @__PURE__ */ o(to, { variant: "text", icon: "arrow_back", onClick: i }),
|
|
2233
|
+
/* @__PURE__ */ o(ma, { children: h() }),
|
|
2232
2234
|
c?.headerActions,
|
|
2233
|
-
/* @__PURE__ */ o(to, { variant: "text", icon: "close", onClick:
|
|
2235
|
+
/* @__PURE__ */ o(to, { variant: "text", icon: "close", onClick: s })
|
|
2234
2236
|
] }),
|
|
2235
|
-
/* @__PURE__ */ o(
|
|
2237
|
+
/* @__PURE__ */ o(ha, { children: l() })
|
|
2236
2238
|
] });
|
|
2237
2239
|
}, bt = u.ul`
|
|
2238
2240
|
display: flex;
|
|
@@ -2241,7 +2243,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2241
2243
|
list-style-type: none;
|
|
2242
2244
|
margin: 0;
|
|
2243
2245
|
padding: 0;
|
|
2244
|
-
`,
|
|
2246
|
+
`, fa = u.li`
|
|
2245
2247
|
display: flex;
|
|
2246
2248
|
padding: 2px;
|
|
2247
2249
|
padding-left: 8px;
|
|
@@ -2290,11 +2292,11 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2290
2292
|
background-color: unset;
|
|
2291
2293
|
}
|
|
2292
2294
|
}
|
|
2293
|
-
`,
|
|
2295
|
+
`, va = u.div`
|
|
2294
2296
|
display: flex;
|
|
2295
2297
|
gap: var(--base-gap-small);
|
|
2296
2298
|
margin-left: auto;
|
|
2297
|
-
`,
|
|
2299
|
+
`, ya = u(B)`
|
|
2298
2300
|
&& {
|
|
2299
2301
|
background-color: unset;
|
|
2300
2302
|
padding: 4px;
|
|
@@ -2319,24 +2321,24 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2319
2321
|
actions: t,
|
|
2320
2322
|
startContent: r,
|
|
2321
2323
|
endContent: n,
|
|
2322
|
-
isHighlighted:
|
|
2323
|
-
isDisabled:
|
|
2324
|
+
isHighlighted: s,
|
|
2325
|
+
isDisabled: i,
|
|
2324
2326
|
disableHover: a,
|
|
2325
|
-
className:
|
|
2326
|
-
...
|
|
2327
|
+
className: h,
|
|
2328
|
+
...f
|
|
2327
2329
|
}, c) => /* @__PURE__ */ S(
|
|
2328
|
-
|
|
2330
|
+
fa,
|
|
2329
2331
|
{
|
|
2330
|
-
className: J("setting-item",
|
|
2331
|
-
highlighted:
|
|
2332
|
-
disabled:
|
|
2332
|
+
className: J("setting-item", h, {
|
|
2333
|
+
highlighted: s,
|
|
2334
|
+
disabled: i,
|
|
2333
2335
|
"no-hover": a
|
|
2334
2336
|
}),
|
|
2335
|
-
...
|
|
2337
|
+
...f,
|
|
2336
2338
|
ref: c,
|
|
2337
2339
|
children: [
|
|
2338
2340
|
r,
|
|
2339
|
-
e.icon && /* @__PURE__ */ o(
|
|
2341
|
+
e.icon && /* @__PURE__ */ o(q, { icon: e.icon }),
|
|
2340
2342
|
/* @__PURE__ */ S("span", { className: "label", children: [
|
|
2341
2343
|
e.path && /* @__PURE__ */ S("span", { className: "label-path", children: [
|
|
2342
2344
|
e.path,
|
|
@@ -2344,15 +2346,15 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2344
2346
|
] }),
|
|
2345
2347
|
e.label
|
|
2346
2348
|
] }),
|
|
2347
|
-
/* @__PURE__ */ o(
|
|
2348
|
-
|
|
2349
|
+
/* @__PURE__ */ o(va, { className: "actions", children: t?.map(({ icon: l, className: p, active: d, onClick: y, ...v }, x) => /* @__PURE__ */ S(
|
|
2350
|
+
ya,
|
|
2349
2351
|
{
|
|
2350
2352
|
className: J("action", p, { active: d }),
|
|
2351
|
-
onClick:
|
|
2352
|
-
...
|
|
2353
|
+
onClick: i ? void 0 : y,
|
|
2354
|
+
...v,
|
|
2353
2355
|
children: [
|
|
2354
|
-
l && /* @__PURE__ */ o(
|
|
2355
|
-
|
|
2356
|
+
l && /* @__PURE__ */ o(q, { icon: l }),
|
|
2357
|
+
v.children
|
|
2356
2358
|
]
|
|
2357
2359
|
},
|
|
2358
2360
|
x
|
|
@@ -2361,7 +2363,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2361
2363
|
]
|
|
2362
2364
|
}
|
|
2363
2365
|
)
|
|
2364
|
-
),
|
|
2366
|
+
), xa = u(nt)`
|
|
2365
2367
|
&:hover {
|
|
2366
2368
|
.pin-action {
|
|
2367
2369
|
opacity: 1;
|
|
@@ -2409,12 +2411,12 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2409
2411
|
column: t,
|
|
2410
2412
|
isPinned: r,
|
|
2411
2413
|
isHidden: n,
|
|
2412
|
-
isHighlighted:
|
|
2413
|
-
isDisabled:
|
|
2414
|
+
isHighlighted: s,
|
|
2415
|
+
isDisabled: i,
|
|
2414
2416
|
// Dragging props
|
|
2415
2417
|
dragHandleProps: a,
|
|
2416
|
-
dragOverlay:
|
|
2417
|
-
hideDragHandle:
|
|
2418
|
+
dragOverlay: h = !1,
|
|
2419
|
+
hideDragHandle: f = !1,
|
|
2418
2420
|
// Callbacks
|
|
2419
2421
|
onTogglePinning: c,
|
|
2420
2422
|
onToggleVisibility: l,
|
|
@@ -2422,7 +2424,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2422
2424
|
onPaintEnter: d,
|
|
2423
2425
|
onDragStart: y
|
|
2424
2426
|
}) => {
|
|
2425
|
-
const
|
|
2427
|
+
const v = Z(
|
|
2426
2428
|
() => [
|
|
2427
2429
|
{
|
|
2428
2430
|
icon: "push_pin",
|
|
@@ -2434,14 +2436,14 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2434
2436
|
icon: n ? "visibility_off" : "visibility",
|
|
2435
2437
|
onClick: () => l?.(t.value),
|
|
2436
2438
|
// arms a paint drag, the toggle itself still happens on click
|
|
2437
|
-
onPointerDown:
|
|
2439
|
+
onPointerDown: i ? void 0 : () => p?.(t.value),
|
|
2438
2440
|
active: !n
|
|
2439
2441
|
}
|
|
2440
2442
|
],
|
|
2441
2443
|
[
|
|
2442
2444
|
r,
|
|
2443
2445
|
n,
|
|
2444
|
-
|
|
2446
|
+
i,
|
|
2445
2447
|
t.value,
|
|
2446
2448
|
c,
|
|
2447
2449
|
l,
|
|
@@ -2449,24 +2451,24 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2449
2451
|
]
|
|
2450
2452
|
);
|
|
2451
2453
|
return /* @__PURE__ */ o(
|
|
2452
|
-
|
|
2454
|
+
xa,
|
|
2453
2455
|
{
|
|
2454
2456
|
id: e,
|
|
2455
2457
|
item: t,
|
|
2456
|
-
actions:
|
|
2457
|
-
isHighlighted:
|
|
2458
|
-
isDisabled:
|
|
2458
|
+
actions: v,
|
|
2459
|
+
isHighlighted: s,
|
|
2460
|
+
isDisabled: i,
|
|
2459
2461
|
className: J({
|
|
2460
2462
|
hidden: n,
|
|
2461
|
-
overlay:
|
|
2462
|
-
"drag-reveal":
|
|
2463
|
+
overlay: h,
|
|
2464
|
+
"drag-reveal": f && !!y
|
|
2463
2465
|
}),
|
|
2464
2466
|
onPointerEnter: (x) => d?.(t.value, x.buttons > 0),
|
|
2465
2467
|
onPointerDown: (x) => (
|
|
2466
2468
|
// the row actions arm their own gestures
|
|
2467
2469
|
x.target.closest(".action") ? void 0 : y?.(x)
|
|
2468
2470
|
),
|
|
2469
|
-
startContent:
|
|
2471
|
+
startContent: f ? y ? /* @__PURE__ */ o(q, { icon: "drag_indicator", className: "hover-swap" }) : void 0 : /* @__PURE__ */ o("div", { ...a, className: "drag-handle", children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) })
|
|
2470
2472
|
}
|
|
2471
2473
|
);
|
|
2472
2474
|
}, oo = ({
|
|
@@ -2474,22 +2476,22 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2474
2476
|
column: t,
|
|
2475
2477
|
isPinned: r,
|
|
2476
2478
|
isHidden: n,
|
|
2477
|
-
isHighlighted:
|
|
2478
|
-
isDisabled:
|
|
2479
|
+
isHighlighted: s,
|
|
2480
|
+
isDisabled: i,
|
|
2479
2481
|
onTogglePinning: a,
|
|
2480
|
-
onToggleVisibility:
|
|
2481
|
-
onPaintStart:
|
|
2482
|
+
onToggleVisibility: h,
|
|
2483
|
+
onPaintStart: f,
|
|
2482
2484
|
onPaintEnter: c,
|
|
2483
2485
|
onDragStart: l
|
|
2484
2486
|
}) => {
|
|
2485
|
-
const { attributes: p, listeners: d, setNodeRef: y, transform:
|
|
2487
|
+
const { attributes: p, listeners: d, setNodeRef: y, transform: v, transition: x, isDragging: g } = Ze({
|
|
2486
2488
|
id: e
|
|
2487
2489
|
}), w = {
|
|
2488
|
-
transform:
|
|
2490
|
+
transform: Je.Transform.toString(v),
|
|
2489
2491
|
transition: x
|
|
2490
2492
|
};
|
|
2491
2493
|
return /* @__PURE__ */ o(
|
|
2492
|
-
|
|
2494
|
+
wa,
|
|
2493
2495
|
{
|
|
2494
2496
|
ref: y,
|
|
2495
2497
|
style: w,
|
|
@@ -2501,11 +2503,11 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2501
2503
|
column: t,
|
|
2502
2504
|
isPinned: r,
|
|
2503
2505
|
isHidden: n,
|
|
2504
|
-
isHighlighted:
|
|
2505
|
-
isDisabled:
|
|
2506
|
+
isHighlighted: s,
|
|
2507
|
+
isDisabled: i,
|
|
2506
2508
|
onTogglePinning: a,
|
|
2507
|
-
onToggleVisibility:
|
|
2508
|
-
onPaintStart:
|
|
2509
|
+
onToggleVisibility: h,
|
|
2510
|
+
onPaintStart: f,
|
|
2509
2511
|
onPaintEnter: c,
|
|
2510
2512
|
onDragStart: l,
|
|
2511
2513
|
dragHandleProps: { ...p, ...d }
|
|
@@ -2513,18 +2515,18 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2513
2515
|
)
|
|
2514
2516
|
}
|
|
2515
2517
|
);
|
|
2516
|
-
},
|
|
2518
|
+
}, wa = u.div`
|
|
2517
2519
|
&.dragging {
|
|
2518
2520
|
z-index: 1;
|
|
2519
2521
|
opacity: 0;
|
|
2520
2522
|
}
|
|
2521
|
-
`,
|
|
2523
|
+
`, zo = "text_fields", Mo = ({
|
|
2522
2524
|
field: e,
|
|
2523
2525
|
parentScope: t
|
|
2524
|
-
}) => e ?
|
|
2526
|
+
}) => e ? G(e) : t ? Eo(t) : zo, ka = (e) => e.length === 1 ? `${e[0].charAt(0).toUpperCase() + e[0].slice(1)} attributes` : "Attributes", $o = (e = [], t = []) => [
|
|
2525
2527
|
{
|
|
2526
2528
|
id: "attributes",
|
|
2527
|
-
label:
|
|
2529
|
+
label: ka(e),
|
|
2528
2530
|
icon: "text_fields",
|
|
2529
2531
|
match: (r) => !!r.attrib && !r.parentScope
|
|
2530
2532
|
},
|
|
@@ -2535,49 +2537,49 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2535
2537
|
label: `${r.charAt(0).toUpperCase()}${r.slice(
|
|
2536
2538
|
1
|
|
2537
2539
|
)} fields`,
|
|
2538
|
-
icon:
|
|
2540
|
+
icon: Eo(r),
|
|
2539
2541
|
match: (n) => n.parentScope === r
|
|
2540
2542
|
})
|
|
2541
2543
|
)
|
|
2542
|
-
],
|
|
2544
|
+
], Ca = (e, t = []) => $o(t, [e]).find((r) => r.match(e)), Fo = ({
|
|
2543
2545
|
columns: e,
|
|
2544
2546
|
onToggle: t,
|
|
2545
2547
|
isColumnVisible: r,
|
|
2546
2548
|
onPaintStart: n,
|
|
2547
|
-
onPaintEnter:
|
|
2548
|
-
onDragStart:
|
|
2549
|
+
onPaintEnter: s,
|
|
2550
|
+
onDragStart: i,
|
|
2549
2551
|
scopes: a = [],
|
|
2550
|
-
extraItems:
|
|
2552
|
+
extraItems: h = []
|
|
2551
2553
|
}) => {
|
|
2552
|
-
const
|
|
2554
|
+
const f = (g) => {
|
|
2553
2555
|
const w = r(g.value);
|
|
2554
2556
|
return {
|
|
2555
2557
|
id: g.value,
|
|
2556
2558
|
label: g.label,
|
|
2557
|
-
icon: g.icon ??
|
|
2558
|
-
hoverIcon:
|
|
2559
|
+
icon: g.icon ?? Mo(g),
|
|
2560
|
+
hoverIcon: i ? "drag_indicator" : void 0,
|
|
2559
2561
|
disableClose: !0,
|
|
2560
2562
|
active: w,
|
|
2561
2563
|
reserveActiveSlot: !0,
|
|
2562
2564
|
onClick: () => t(g.value),
|
|
2563
|
-
onPointerDown: (
|
|
2564
|
-
n?.(g.value),
|
|
2565
|
+
onPointerDown: (b) => {
|
|
2566
|
+
n?.(g.value), i?.(g, b);
|
|
2565
2567
|
},
|
|
2566
|
-
onPointerEnter: (
|
|
2568
|
+
onPointerEnter: (b) => s?.(g.value, b.buttons > 0)
|
|
2567
2569
|
};
|
|
2568
|
-
}, c =
|
|
2570
|
+
}, c = $o(a, e), l = new Map(c.map((g) => [g.id, []])), p = [], d = /* @__PURE__ */ new Map();
|
|
2569
2571
|
e.forEach((g) => {
|
|
2570
|
-
const w = c.find((
|
|
2572
|
+
const w = c.find((b) => b.match(g));
|
|
2571
2573
|
w ? l.get(w.id)?.push(g) : g.menu ? d.set(g.menu, [...d.get(g.menu) || [], g]) : p.push(g);
|
|
2572
2574
|
});
|
|
2573
2575
|
const y = c.filter((g) => l.get(g.id)?.length).map((g) => {
|
|
2574
|
-
const w = l.get(g.id),
|
|
2576
|
+
const w = l.get(g.id), b = w.filter((C) => !!C.attrib), m = w.filter((C) => !C.attrib).toSorted((C, N) => C.label.localeCompare(N.label)).map(f);
|
|
2575
2577
|
if (!g.id.startsWith("parent-"))
|
|
2576
2578
|
return {
|
|
2577
2579
|
id: g.id,
|
|
2578
2580
|
label: g.label,
|
|
2579
2581
|
icon: g.icon,
|
|
2580
|
-
items: (g.id === "attributes" ? w : w.toSorted((C, N) => C.label.localeCompare(N.label))).map(
|
|
2582
|
+
items: (g.id === "attributes" ? w : w.toSorted((C, N) => C.label.localeCompare(N.label))).map(f)
|
|
2581
2583
|
};
|
|
2582
2584
|
const k = g.id.replace("parent-", "");
|
|
2583
2585
|
return {
|
|
@@ -2586,235 +2588,235 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2586
2588
|
icon: g.icon,
|
|
2587
2589
|
items: [
|
|
2588
2590
|
...m,
|
|
2589
|
-
...
|
|
2591
|
+
...b.length ? [
|
|
2590
2592
|
{
|
|
2591
2593
|
id: `${g.id}-attributes`,
|
|
2592
2594
|
label: `${k.charAt(0).toUpperCase()}${k.slice(1)} attributes`,
|
|
2593
2595
|
icon: "text_fields",
|
|
2594
|
-
items:
|
|
2596
|
+
items: b.map(f)
|
|
2595
2597
|
}
|
|
2596
2598
|
] : []
|
|
2597
2599
|
]
|
|
2598
2600
|
};
|
|
2599
|
-
}),
|
|
2601
|
+
}), v = Array.from(d).toSorted(([g], [w]) => g.localeCompare(w)).map(([g, w]) => ({
|
|
2600
2602
|
id: `menu-${g}`,
|
|
2601
2603
|
label: g,
|
|
2602
2604
|
icon: "extension",
|
|
2603
|
-
items: w.toSorted((
|
|
2605
|
+
items: w.toSorted((b, m) => b.label.localeCompare(m.label)).map(f)
|
|
2604
2606
|
}));
|
|
2605
|
-
return [p.map(
|
|
2607
|
+
return [p.map(f), [...y, ...v], h].filter(
|
|
2606
2608
|
(g) => g.length
|
|
2607
2609
|
).flatMap((g, w) => w ? [{ id: "divider" }, ...g] : g);
|
|
2608
2610
|
}, It = ({ menuId: e, menuItems: t }) => {
|
|
2609
2611
|
const { menuOpen: r, setMenuOpen: n } = tt();
|
|
2610
|
-
return
|
|
2612
|
+
return Y(() => {
|
|
2611
2613
|
!t.length && r === e && n(!1);
|
|
2612
|
-
}, [t.length, r, e, n]), /* @__PURE__ */ o(
|
|
2613
|
-
},
|
|
2614
|
+
}, [t.length, r, e, n]), /* @__PURE__ */ o(Co, { targetId: e, id: e, align: "left", children: /* @__PURE__ */ o(Dr, { menu: t, onClose: () => n(!1) }) });
|
|
2615
|
+
}, Sa = 300, Bo = ({
|
|
2614
2616
|
columnVisibility: e,
|
|
2615
2617
|
defaultColumnVisibility: t,
|
|
2616
2618
|
updateColumnVisibility: r,
|
|
2617
2619
|
isLocked: n
|
|
2618
2620
|
}) => {
|
|
2619
|
-
const [
|
|
2620
|
-
a.current =
|
|
2621
|
-
const
|
|
2621
|
+
const [s, i] = U(null), a = H(null);
|
|
2622
|
+
a.current = s;
|
|
2623
|
+
const h = H(null), f = H(0), c = H({ columnVisibility: e, defaultColumnVisibility: t, updateColumnVisibility: r });
|
|
2622
2624
|
c.current = { columnVisibility: e, defaultColumnVisibility: t, updateColumnVisibility: r };
|
|
2623
|
-
const l =
|
|
2625
|
+
const l = H(n);
|
|
2624
2626
|
l.current = n;
|
|
2625
|
-
const p = (
|
|
2626
|
-
const k =
|
|
2627
|
-
return ie(
|
|
2628
|
-
}, d =
|
|
2629
|
-
|
|
2630
|
-
const
|
|
2631
|
-
|
|
2632
|
-
}, []), y =
|
|
2633
|
-
|
|
2627
|
+
const p = (b, m) => {
|
|
2628
|
+
const k = b.action === "show";
|
|
2629
|
+
return ie(b.next, m, c.current.defaultColumnVisibility) === k ? b : { ...b, next: { ...b.next, [m]: k } };
|
|
2630
|
+
}, d = te(() => {
|
|
2631
|
+
h.current = null;
|
|
2632
|
+
const b = a.current;
|
|
2633
|
+
b && (f.current = performance.now() + Sa, c.current.updateColumnVisibility(b.next), i(null));
|
|
2634
|
+
}, []), y = te(() => {
|
|
2635
|
+
h.current = null, a.current && i(null);
|
|
2634
2636
|
}, []);
|
|
2635
|
-
|
|
2637
|
+
Y(() => (window.addEventListener("pointerup", d), window.addEventListener("pointercancel", y), () => {
|
|
2636
2638
|
window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", y);
|
|
2637
2639
|
}), [d, y]);
|
|
2638
|
-
const
|
|
2639
|
-
if (l.current?.(
|
|
2640
|
-
|
|
2641
|
-
const { columnVisibility: m, defaultColumnVisibility: k } = c.current, C = ie(m,
|
|
2642
|
-
|
|
2643
|
-
}, []), x =
|
|
2644
|
-
const k =
|
|
2640
|
+
const v = te((b) => {
|
|
2641
|
+
if (l.current?.(b)) return;
|
|
2642
|
+
f.current = 0;
|
|
2643
|
+
const { columnVisibility: m, defaultColumnVisibility: k } = c.current, C = ie(m, b, k);
|
|
2644
|
+
h.current = { columnId: b, action: C ? "hide" : "show" };
|
|
2645
|
+
}, []), x = te((b, m) => {
|
|
2646
|
+
const k = h.current;
|
|
2645
2647
|
if (k) {
|
|
2646
2648
|
if (!m) {
|
|
2647
2649
|
y();
|
|
2648
2650
|
return;
|
|
2649
2651
|
}
|
|
2650
|
-
l.current?.(
|
|
2652
|
+
l.current?.(b) || i((C) => {
|
|
2651
2653
|
const { columnVisibility: N } = c.current, z = C ?? p(
|
|
2652
2654
|
{ action: k.action, base: N, next: N },
|
|
2653
2655
|
k.columnId
|
|
2654
2656
|
);
|
|
2655
|
-
return p(z,
|
|
2657
|
+
return p(z, b);
|
|
2656
2658
|
});
|
|
2657
2659
|
}
|
|
2658
|
-
}, []), g =
|
|
2659
|
-
if (performance.now() <
|
|
2660
|
-
|
|
2660
|
+
}, []), g = te((b) => {
|
|
2661
|
+
if (performance.now() < f.current) {
|
|
2662
|
+
f.current = 0;
|
|
2661
2663
|
return;
|
|
2662
2664
|
}
|
|
2663
|
-
const { columnVisibility: m, defaultColumnVisibility: k, updateColumnVisibility: C } = c.current, N = ie(m,
|
|
2664
|
-
C({ ...m, [
|
|
2665
|
-
}, []), w =
|
|
2665
|
+
const { columnVisibility: m, defaultColumnVisibility: k, updateColumnVisibility: C } = c.current, N = ie(m, b, k);
|
|
2666
|
+
C({ ...m, [b]: !N });
|
|
2667
|
+
}, []), w = s?.next ?? e;
|
|
2666
2668
|
return {
|
|
2667
|
-
baseVisibility:
|
|
2669
|
+
baseVisibility: s?.base ?? e,
|
|
2668
2670
|
displayVisibility: w,
|
|
2669
|
-
isVisible: (
|
|
2670
|
-
onPaintStart:
|
|
2671
|
+
isVisible: (b) => ie(w, b, t),
|
|
2672
|
+
onPaintStart: v,
|
|
2671
2673
|
onPaintEnter: x,
|
|
2672
2674
|
toggle: g,
|
|
2673
2675
|
cancelPaint: y,
|
|
2674
|
-
isPainting: !!
|
|
2676
|
+
isPainting: !!s
|
|
2675
2677
|
};
|
|
2676
|
-
}, He = "add-column-menu-list",
|
|
2678
|
+
}, He = "add-column-menu-list", Ia = [], Vo = (e, t) => {
|
|
2677
2679
|
if (!(e.attrib || e.parentScope))
|
|
2678
|
-
return
|
|
2679
|
-
},
|
|
2680
|
-
const r =
|
|
2680
|
+
return Ca(e, t)?.label ?? e.menu;
|
|
2681
|
+
}, Uo = (e) => e.parentScope && e.attrib ? Cr(e.parentScope, e.label) : e.label, je = (e, t) => {
|
|
2682
|
+
const r = Vo(e, t);
|
|
2681
2683
|
return {
|
|
2682
2684
|
...e,
|
|
2683
|
-
label:
|
|
2684
|
-
icon: e.icon ??
|
|
2685
|
+
label: Uo(e),
|
|
2686
|
+
icon: e.icon ?? Mo(e),
|
|
2685
2687
|
...r ? { path: r } : {}
|
|
2686
2688
|
};
|
|
2687
|
-
},
|
|
2689
|
+
}, dl = ({
|
|
2688
2690
|
icon: e,
|
|
2689
2691
|
label: t,
|
|
2690
2692
|
checked: r,
|
|
2691
2693
|
onChange: n,
|
|
2692
|
-
disabled:
|
|
2693
|
-
...
|
|
2694
|
+
disabled: s,
|
|
2695
|
+
...i
|
|
2694
2696
|
}) => /* @__PURE__ */ o(
|
|
2695
2697
|
nt,
|
|
2696
2698
|
{
|
|
2697
2699
|
item: { value: t, label: t, icon: e },
|
|
2698
|
-
isDisabled:
|
|
2700
|
+
isDisabled: s,
|
|
2699
2701
|
style: { paddingRight: 8 },
|
|
2700
2702
|
disableHover: !0,
|
|
2701
2703
|
endContent: /* @__PURE__ */ o(
|
|
2702
|
-
|
|
2704
|
+
_e,
|
|
2703
2705
|
{
|
|
2704
2706
|
checked: r,
|
|
2705
|
-
disabled:
|
|
2707
|
+
disabled: s,
|
|
2706
2708
|
onChange: (a) => n(a.currentTarget.checked)
|
|
2707
2709
|
}
|
|
2708
2710
|
),
|
|
2709
|
-
...
|
|
2711
|
+
...i
|
|
2710
2712
|
}
|
|
2711
|
-
),
|
|
2713
|
+
), Ea = ({
|
|
2712
2714
|
columns: e,
|
|
2713
2715
|
highlighted: t,
|
|
2714
2716
|
columnVisibility: r,
|
|
2715
2717
|
updateColumnVisibility: n,
|
|
2716
|
-
columnPinning:
|
|
2717
|
-
updateColumnPinning:
|
|
2718
|
+
columnPinning: s,
|
|
2719
|
+
updateColumnPinning: i,
|
|
2718
2720
|
columnOrder: a,
|
|
2719
|
-
setColumnsConfig:
|
|
2720
|
-
columnSizing:
|
|
2721
|
+
setColumnsConfig: h,
|
|
2722
|
+
columnSizing: f,
|
|
2721
2723
|
groupBy: c,
|
|
2722
2724
|
sorting: l,
|
|
2723
2725
|
rowHeight: p,
|
|
2724
2726
|
defaultColumnVisibility: d,
|
|
2725
2727
|
columnSummaries: y,
|
|
2726
|
-
columnSummaryScopes:
|
|
2728
|
+
columnSummaryScopes: v,
|
|
2727
2729
|
columnSummaryFormats: x,
|
|
2728
2730
|
groupByConfig: g,
|
|
2729
2731
|
addColumnMenuItems: w,
|
|
2730
|
-
onColumnDragStart:
|
|
2732
|
+
onColumnDragStart: b,
|
|
2731
2733
|
isColumnDragging: m,
|
|
2732
|
-
scopes: k =
|
|
2734
|
+
scopes: k = Ia,
|
|
2733
2735
|
search: C,
|
|
2734
2736
|
onSearchChange: N
|
|
2735
2737
|
}) => {
|
|
2736
|
-
const [z, P] = U(null), [V, L] = U(!1), [
|
|
2738
|
+
const [z, P] = U(null), [V, L] = U(!1), [j, T] = U(!1), [F, M] = U(!1), O = (E) => !!c && E === "name", {
|
|
2737
2739
|
baseVisibility: I,
|
|
2738
|
-
displayVisibility:
|
|
2740
|
+
displayVisibility: A,
|
|
2739
2741
|
isVisible: R,
|
|
2740
2742
|
onPaintStart: $,
|
|
2741
|
-
onPaintEnter:
|
|
2743
|
+
onPaintEnter: W,
|
|
2742
2744
|
toggle: re,
|
|
2743
2745
|
cancelPaint: ne
|
|
2744
|
-
} =
|
|
2746
|
+
} = Bo({
|
|
2745
2747
|
columnVisibility: r,
|
|
2746
2748
|
defaultColumnVisibility: d,
|
|
2747
2749
|
updateColumnVisibility: n,
|
|
2748
2750
|
isLocked: O
|
|
2749
|
-
}), { toggleMenuOpen: ve } = tt(), ye =
|
|
2751
|
+
}), { toggleMenuOpen: ve } = tt(), ye = H(null), ge = H({ columnVisibility: r, updateColumnVisibility: n });
|
|
2750
2752
|
ge.current = { columnVisibility: r, updateColumnVisibility: n };
|
|
2751
|
-
const Oe =
|
|
2752
|
-
|
|
2753
|
-
if (!t || Oe.current === t || !e.some((
|
|
2753
|
+
const Oe = H(null);
|
|
2754
|
+
Y(() => {
|
|
2755
|
+
if (!t || Oe.current === t || !e.some((K) => K.value === t)) return;
|
|
2754
2756
|
Oe.current = t;
|
|
2755
|
-
const { columnVisibility: E, updateColumnVisibility:
|
|
2756
|
-
ie(E, t, d) ||
|
|
2757
|
-
}, [t, e, d]),
|
|
2757
|
+
const { columnVisibility: E, updateColumnVisibility: _ } = ge.current;
|
|
2758
|
+
ie(E, t, d) || _({ ...E, [t]: !0 });
|
|
2759
|
+
}, [t, e, d]), Y(() => {
|
|
2758
2760
|
!ye.current || !t || ye.current.querySelector(`#column-settings-${t}`)?.scrollIntoView({ behavior: "smooth", block: "center" });
|
|
2759
2761
|
}, [t, r]);
|
|
2760
2762
|
const at = Pt(
|
|
2761
|
-
_t
|
|
2763
|
+
At(_t, {
|
|
2762
2764
|
activationConstraint: {
|
|
2763
2765
|
distance: 5
|
|
2764
2766
|
}
|
|
2765
2767
|
})
|
|
2766
|
-
), ze = I, Se = (E) => !R(E), { visibleColumns: he, pinnedColumns: de } =
|
|
2768
|
+
), ze = I, Se = (E) => !R(E), { visibleColumns: he, pinnedColumns: de } = Z(() => {
|
|
2767
2769
|
const E = e.filter(
|
|
2768
|
-
(
|
|
2769
|
-
),
|
|
2770
|
+
(Q) => ie(ze, Q.value, d)
|
|
2771
|
+
), _ = E.filter((Q) => s.left?.includes(Q.value));
|
|
2770
2772
|
return {
|
|
2771
|
-
visibleColumns: E.filter((
|
|
2772
|
-
pinnedColumns:
|
|
2773
|
+
visibleColumns: E.filter((Q) => !s.left?.includes(Q.value)),
|
|
2774
|
+
pinnedColumns: _
|
|
2773
2775
|
};
|
|
2774
|
-
}, [e, ze,
|
|
2776
|
+
}, [e, ze, s, d]), ae = Z(() => {
|
|
2775
2777
|
const E = [...he];
|
|
2776
|
-
return a.length > 0 && E.sort((
|
|
2777
|
-
const
|
|
2778
|
-
return
|
|
2778
|
+
return a.length > 0 && E.sort((_, K) => {
|
|
2779
|
+
const Q = a.indexOf(_.value), le = a.indexOf(K.value);
|
|
2780
|
+
return Q === -1 ? 1 : le === -1 ? -1 : Q - le;
|
|
2779
2781
|
}), E;
|
|
2780
|
-
}, [he, a]), Ie =
|
|
2782
|
+
}, [he, a]), Ie = Z(() => {
|
|
2781
2783
|
const E = [...de];
|
|
2782
|
-
return a.length > 0 && E.sort((
|
|
2783
|
-
const
|
|
2784
|
-
return
|
|
2784
|
+
return a.length > 0 && E.sort((_, K) => {
|
|
2785
|
+
const Q = a.indexOf(_.value), le = a.indexOf(K.value);
|
|
2786
|
+
return Q === -1 ? 1 : le === -1 ? -1 : Q - le;
|
|
2785
2787
|
}), E;
|
|
2786
|
-
}, [de, a]), D =
|
|
2788
|
+
}, [de, a]), D = Z(
|
|
2787
2789
|
() => ae.map((E) => E.value),
|
|
2788
2790
|
[ae]
|
|
2789
|
-
),
|
|
2791
|
+
), X = Z(
|
|
2790
2792
|
() => Ie.map((E) => E.value),
|
|
2791
2793
|
[Ie]
|
|
2792
|
-
), be =
|
|
2794
|
+
), be = Z(() => {
|
|
2793
2795
|
if (typeof C != "string") return [];
|
|
2794
2796
|
const E = C.toLowerCase().split(/\s+/).filter(Boolean);
|
|
2795
|
-
return e.map((
|
|
2796
|
-
const
|
|
2797
|
-
return E.every((
|
|
2798
|
-
}).toSorted((
|
|
2799
|
-
}, [e, C, k]), Ee =
|
|
2800
|
-
() =>
|
|
2797
|
+
return e.map((_) => ({ ..._, path: Vo(_, k) })).filter((_) => {
|
|
2798
|
+
const K = [_.path, Uo(_)].filter(Boolean).join(" / ").toLowerCase();
|
|
2799
|
+
return E.every((Q) => K.includes(Q));
|
|
2800
|
+
}).toSorted((_, K) => +!!_.path - +!!K.path);
|
|
2801
|
+
}, [e, C, k]), Ee = Z(
|
|
2802
|
+
() => Fo({
|
|
2801
2803
|
columns: e,
|
|
2802
2804
|
onToggle: re,
|
|
2803
2805
|
isColumnVisible: R,
|
|
2804
2806
|
onPaintStart: $,
|
|
2805
|
-
onPaintEnter:
|
|
2807
|
+
onPaintEnter: W,
|
|
2806
2808
|
scopes: k
|
|
2807
2809
|
}),
|
|
2808
|
-
[e,
|
|
2810
|
+
[e, A, re, $, W, k]
|
|
2809
2811
|
), Te = w ?? Ee, Ot = typeof C == "string" ? /* @__PURE__ */ o(
|
|
2810
|
-
|
|
2812
|
+
Na,
|
|
2811
2813
|
{
|
|
2812
2814
|
value: C,
|
|
2813
2815
|
onChange: (E) => N?.(E),
|
|
2814
2816
|
onClose: () => N?.(null)
|
|
2815
2817
|
}
|
|
2816
2818
|
) : /* @__PURE__ */ o(
|
|
2817
|
-
|
|
2819
|
+
Ta,
|
|
2818
2820
|
{
|
|
2819
2821
|
variant: "text",
|
|
2820
2822
|
icon: "add",
|
|
@@ -2826,10 +2828,10 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2826
2828
|
), zt = (E) => ({
|
|
2827
2829
|
columnVisibility: { ...r },
|
|
2828
2830
|
columnOrder: [...a],
|
|
2829
|
-
columnPinning: { ...
|
|
2830
|
-
columnSizing: { ...
|
|
2831
|
+
columnPinning: { ...s },
|
|
2832
|
+
columnSizing: { ...f },
|
|
2831
2833
|
columnSummaries: y,
|
|
2832
|
-
columnSummaryScopes:
|
|
2834
|
+
columnSummaryScopes: v,
|
|
2833
2835
|
columnSummaryFormats: x,
|
|
2834
2836
|
groupBy: c,
|
|
2835
2837
|
groupByConfig: g,
|
|
@@ -2837,65 +2839,65 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2837
2839
|
rowHeight: p,
|
|
2838
2840
|
...E
|
|
2839
2841
|
}), it = (E) => {
|
|
2840
|
-
const
|
|
2841
|
-
if (
|
|
2842
|
-
|
|
2842
|
+
const _ = { ...s };
|
|
2843
|
+
if (_.left?.includes(E)) {
|
|
2844
|
+
_.left = _.left.filter((K) => K !== E), i(_);
|
|
2843
2845
|
return;
|
|
2844
2846
|
}
|
|
2845
|
-
if (
|
|
2846
|
-
|
|
2847
|
+
if (_.left = [..._.left || [], E], ie(r, E, d)) {
|
|
2848
|
+
i(_);
|
|
2847
2849
|
return;
|
|
2848
2850
|
}
|
|
2849
|
-
|
|
2851
|
+
h(
|
|
2850
2852
|
zt({
|
|
2851
|
-
columnPinning:
|
|
2853
|
+
columnPinning: _,
|
|
2852
2854
|
columnVisibility: { ...r, [E]: !0 }
|
|
2853
2855
|
})
|
|
2854
2856
|
);
|
|
2855
|
-
}, jo = (E) => {
|
|
2856
|
-
const A = E.active.id;
|
|
2857
|
-
P(A), T(i.left?.includes(A) || !1), ne();
|
|
2858
2857
|
}, Ko = (E) => {
|
|
2859
|
-
const
|
|
2860
|
-
|
|
2861
|
-
|
|
2858
|
+
const _ = E.active.id;
|
|
2859
|
+
P(_), T(s.left?.includes(_) || !1), ne();
|
|
2860
|
+
}, qo = (E) => {
|
|
2861
|
+
const { active: _, over: K } = E;
|
|
2862
|
+
if (K && _.id !== K.id) {
|
|
2863
|
+
const Q = ie(
|
|
2862
2864
|
r,
|
|
2863
|
-
|
|
2865
|
+
K.id,
|
|
2864
2866
|
d
|
|
2865
|
-
), le =
|
|
2866
|
-
L(
|
|
2867
|
+
), le = s.left?.includes(K.id) || !1;
|
|
2868
|
+
L(Q && le), M(Q && !le);
|
|
2867
2869
|
} else
|
|
2868
2870
|
M(!1);
|
|
2869
2871
|
}, Go = (E) => {
|
|
2870
2872
|
L(!1), T(!1), M(!1);
|
|
2871
|
-
const { active:
|
|
2872
|
-
if (
|
|
2873
|
-
const
|
|
2874
|
-
(ue) => ue.value ===
|
|
2875
|
-
), le = [...he, ...de].find((ue) => ue.value ===
|
|
2876
|
-
if (
|
|
2877
|
-
const ue =
|
|
2873
|
+
const { active: _, over: K } = E;
|
|
2874
|
+
if (K && _.id !== K.id) {
|
|
2875
|
+
const Q = [...he, ...de].find(
|
|
2876
|
+
(ue) => ue.value === _.id
|
|
2877
|
+
), le = [...he, ...de].find((ue) => ue.value === K.id);
|
|
2878
|
+
if (Q && le) {
|
|
2879
|
+
const ue = _.id, st = K.id, Yo = ie(
|
|
2878
2880
|
r,
|
|
2879
2881
|
ue,
|
|
2880
2882
|
d
|
|
2881
|
-
),
|
|
2883
|
+
), Wo = ie(
|
|
2882
2884
|
r,
|
|
2883
2885
|
st,
|
|
2884
2886
|
d
|
|
2885
|
-
), lt =
|
|
2886
|
-
if (
|
|
2887
|
+
), lt = s.left?.includes(ue) || !1, ct = s.left?.includes(st) || !1, Ne = zt({});
|
|
2888
|
+
if (Yo && Wo) {
|
|
2887
2889
|
let Pe = [...Ne.columnPinning.left || []];
|
|
2888
2890
|
lt !== ct && (lt && !ct ? Pe = Pe.filter((ut) => ut !== ue) : !lt && ct && (Pe = [...Pe, ue]));
|
|
2889
|
-
const dt = [...
|
|
2891
|
+
const dt = [...X, ...D], Mt = dt.indexOf(ue), $t = dt.indexOf(st);
|
|
2890
2892
|
if (Mt === -1 || $t === -1) {
|
|
2891
|
-
console.error("Invalid column order state"),
|
|
2893
|
+
console.error("Invalid column order state"), xr.error("Invalid column order state");
|
|
2892
2894
|
return;
|
|
2893
2895
|
}
|
|
2894
|
-
const Ft = Dt(dt, Mt, $t),
|
|
2896
|
+
const Ft = Dt(dt, Mt, $t), Xo = Ft.filter((ut) => Pe.includes(ut));
|
|
2895
2897
|
Ne.columnOrder = Ft, Ne.columnPinning = {
|
|
2896
2898
|
...Ne.columnPinning,
|
|
2897
|
-
left:
|
|
2898
|
-
},
|
|
2899
|
+
left: Xo
|
|
2900
|
+
}, h(Ne);
|
|
2899
2901
|
}
|
|
2900
2902
|
}
|
|
2901
2903
|
}
|
|
@@ -2911,7 +2913,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2911
2913
|
{
|
|
2912
2914
|
id: `column-settings-${E.value}`,
|
|
2913
2915
|
column: je(E, k),
|
|
2914
|
-
isPinned:
|
|
2916
|
+
isPinned: s.left?.includes(E.value) || !1,
|
|
2915
2917
|
isHidden: Se(E.value),
|
|
2916
2918
|
isHighlighted: t === E.value,
|
|
2917
2919
|
isDisabled: O(E.value),
|
|
@@ -2919,8 +2921,8 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2919
2921
|
onTogglePinning: it,
|
|
2920
2922
|
onToggleVisibility: re,
|
|
2921
2923
|
onPaintStart: $,
|
|
2922
|
-
onPaintEnter:
|
|
2923
|
-
onDragStart: (
|
|
2924
|
+
onPaintEnter: W,
|
|
2925
|
+
onDragStart: (_) => b?.(E, _)
|
|
2924
2926
|
},
|
|
2925
2927
|
E.value
|
|
2926
2928
|
)) })
|
|
@@ -2930,13 +2932,13 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2930
2932
|
{
|
|
2931
2933
|
sensors: at,
|
|
2932
2934
|
collisionDetection: Qe,
|
|
2933
|
-
onDragStart:
|
|
2934
|
-
onDragOver:
|
|
2935
|
+
onDragStart: Ko,
|
|
2936
|
+
onDragOver: qo,
|
|
2935
2937
|
onDragEnd: Go,
|
|
2936
2938
|
children: /* @__PURE__ */ S(ro, { ref: ye, "data-column-drag-origin": !0, children: [
|
|
2937
2939
|
Ot,
|
|
2938
2940
|
/* @__PURE__ */ o(It, { menuId: He, menuItems: Te }),
|
|
2939
|
-
de.length > 0 && /* @__PURE__ */ S(ft, { className: V && !
|
|
2941
|
+
de.length > 0 && /* @__PURE__ */ S(ft, { className: V && !j ? "drop-target" : "", children: [
|
|
2940
2942
|
/* @__PURE__ */ o(vt, { children: "Pinned Columns" }),
|
|
2941
2943
|
/* @__PURE__ */ o(
|
|
2942
2944
|
Le,
|
|
@@ -2955,15 +2957,15 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2955
2957
|
onTogglePinning: it,
|
|
2956
2958
|
onToggleVisibility: re,
|
|
2957
2959
|
onPaintStart: $,
|
|
2958
|
-
onPaintEnter:
|
|
2959
|
-
onDragStart: (
|
|
2960
|
+
onPaintEnter: W,
|
|
2961
|
+
onDragStart: (_) => b?.(E, _)
|
|
2960
2962
|
},
|
|
2961
2963
|
E.value
|
|
2962
2964
|
)) })
|
|
2963
2965
|
}
|
|
2964
2966
|
)
|
|
2965
2967
|
] }),
|
|
2966
|
-
/* @__PURE__ */ S(ft, { className:
|
|
2968
|
+
/* @__PURE__ */ S(ft, { className: j && F ? "drop-target" : "", children: [
|
|
2967
2969
|
/* @__PURE__ */ o(vt, { children: "Visible Columns" }),
|
|
2968
2970
|
/* @__PURE__ */ o(
|
|
2969
2971
|
Le,
|
|
@@ -2982,8 +2984,8 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2982
2984
|
onTogglePinning: it,
|
|
2983
2985
|
onToggleVisibility: re,
|
|
2984
2986
|
onPaintStart: $,
|
|
2985
|
-
onPaintEnter:
|
|
2986
|
-
onDragStart: (
|
|
2987
|
+
onPaintEnter: W,
|
|
2988
|
+
onDragStart: (_) => b?.(E, _)
|
|
2987
2989
|
},
|
|
2988
2990
|
E.value
|
|
2989
2991
|
)) })
|
|
@@ -2994,7 +2996,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
2994
2996
|
St,
|
|
2995
2997
|
{
|
|
2996
2998
|
column: je(Me, k),
|
|
2997
|
-
isPinned:
|
|
2999
|
+
isPinned: s.left?.includes(Me.value) || !1,
|
|
2998
3000
|
isHidden: !1,
|
|
2999
3001
|
isHighlighted: t === Me.value,
|
|
3000
3002
|
dragOverlay: !0
|
|
@@ -3023,63 +3025,63 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3023
3025
|
font-weight: 500;
|
|
3024
3026
|
color: var(--md-sys-color-outline);
|
|
3025
3027
|
padding: 4px 0;
|
|
3026
|
-
`,
|
|
3028
|
+
`, Ta = u(B)`
|
|
3027
3029
|
justify-content: flex-start;
|
|
3028
|
-
`,
|
|
3030
|
+
`, Na = u(Rr)`
|
|
3029
3031
|
padding: 0;
|
|
3030
3032
|
|
|
3031
3033
|
input {
|
|
3032
3034
|
height: 32px;
|
|
3033
3035
|
}
|
|
3034
|
-
`,
|
|
3036
|
+
`, Pa = (e) => {
|
|
3035
3037
|
const {
|
|
3036
3038
|
columnVisibility: t,
|
|
3037
3039
|
defaultColumnVisibility: r,
|
|
3038
3040
|
updateColumnVisibility: n,
|
|
3039
|
-
columnPinning:
|
|
3040
|
-
updateColumnPinning:
|
|
3041
|
+
columnPinning: s,
|
|
3042
|
+
updateColumnPinning: i,
|
|
3041
3043
|
columnOrder: a,
|
|
3042
|
-
setColumnsConfig:
|
|
3043
|
-
columnSizing:
|
|
3044
|
+
setColumnsConfig: h,
|
|
3045
|
+
columnSizing: f,
|
|
3044
3046
|
groupBy: c,
|
|
3045
3047
|
groupByConfig: l,
|
|
3046
3048
|
sorting: p,
|
|
3047
3049
|
rowHeight: d,
|
|
3048
3050
|
columnSummaries: y,
|
|
3049
|
-
columnSummaryScopes:
|
|
3051
|
+
columnSummaryScopes: v,
|
|
3050
3052
|
columnSummaryFormats: x
|
|
3051
3053
|
} = Ce();
|
|
3052
3054
|
return /* @__PURE__ */ o(
|
|
3053
|
-
|
|
3055
|
+
Ea,
|
|
3054
3056
|
{
|
|
3055
3057
|
...e,
|
|
3056
3058
|
columnVisibility: t,
|
|
3057
3059
|
defaultColumnVisibility: r,
|
|
3058
3060
|
updateColumnVisibility: n,
|
|
3059
|
-
columnPinning:
|
|
3060
|
-
updateColumnPinning:
|
|
3061
|
+
columnPinning: s,
|
|
3062
|
+
updateColumnPinning: i,
|
|
3061
3063
|
columnOrder: a,
|
|
3062
|
-
setColumnsConfig:
|
|
3063
|
-
columnSizing:
|
|
3064
|
+
setColumnsConfig: h,
|
|
3065
|
+
columnSizing: f,
|
|
3064
3066
|
groupBy: c,
|
|
3065
3067
|
groupByConfig: l,
|
|
3066
3068
|
sorting: p,
|
|
3067
3069
|
rowHeight: d,
|
|
3068
3070
|
columnSummaries: y,
|
|
3069
|
-
columnSummaryScopes:
|
|
3071
|
+
columnSummaryScopes: v,
|
|
3070
3072
|
columnSummaryFormats: x
|
|
3071
3073
|
}
|
|
3072
3074
|
);
|
|
3073
|
-
},
|
|
3075
|
+
}, Aa = u.div`
|
|
3074
3076
|
padding: var(--padding-m);
|
|
3075
3077
|
display: flex;
|
|
3076
3078
|
flex-direction: column;
|
|
3077
3079
|
gap: 12px;
|
|
3078
|
-
`,
|
|
3080
|
+
`, _a = u.div`
|
|
3079
3081
|
display: flex;
|
|
3080
3082
|
align-items: center;
|
|
3081
3083
|
gap: 12px;
|
|
3082
|
-
`,
|
|
3084
|
+
`, Da = u.input`
|
|
3083
3085
|
flex: 1;
|
|
3084
3086
|
height: 4px;
|
|
3085
3087
|
border-radius: 2px;
|
|
@@ -3120,76 +3122,76 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3120
3122
|
&:hover::-moz-range-thumb {
|
|
3121
3123
|
background: var(--md-sys-color-primary-container);
|
|
3122
3124
|
}
|
|
3123
|
-
`,
|
|
3125
|
+
`, La = u.span`
|
|
3124
3126
|
color: var(--md-sys-color-on-surface-variant);
|
|
3125
3127
|
min-width: 40px;
|
|
3126
3128
|
text-align: right;
|
|
3127
|
-
`,
|
|
3129
|
+
`, Ra = ({
|
|
3128
3130
|
value: e,
|
|
3129
3131
|
onChange: t,
|
|
3130
3132
|
onChangeComplete: r,
|
|
3131
3133
|
title: n,
|
|
3132
|
-
id:
|
|
3133
|
-
min:
|
|
3134
|
+
id: s = "height-slider",
|
|
3135
|
+
min: i = 24,
|
|
3134
3136
|
max: a = 200,
|
|
3135
|
-
step:
|
|
3136
|
-
debounceMs:
|
|
3137
|
+
step: h = 2,
|
|
3138
|
+
debounceMs: f = 25
|
|
3137
3139
|
}) => {
|
|
3138
|
-
const [c, l] = U(!1), [p, d] = U(e), [y,
|
|
3139
|
-
|
|
3140
|
+
const [c, l] = U(!1), [p, d] = U(e), [y, v] = U(!1);
|
|
3141
|
+
Y(() => {
|
|
3140
3142
|
!c && !y && d(e);
|
|
3141
3143
|
}, [e, c, y]);
|
|
3142
|
-
const x =
|
|
3144
|
+
const x = te((k) => {
|
|
3143
3145
|
const C = parseInt(k.target.value, 10);
|
|
3144
|
-
|
|
3145
|
-
}, []), g =
|
|
3146
|
-
|
|
3146
|
+
v(!0), d(C);
|
|
3147
|
+
}, []), g = zr(p, f);
|
|
3148
|
+
Y(() => {
|
|
3147
3149
|
y && t(p);
|
|
3148
3150
|
}, [g, t, y, p]);
|
|
3149
|
-
const w =
|
|
3151
|
+
const w = te(() => {
|
|
3150
3152
|
l(!0);
|
|
3151
|
-
}, []),
|
|
3152
|
-
l(!1),
|
|
3153
|
-
}, [p, r]), m = (p -
|
|
3154
|
-
return /* @__PURE__ */ S(
|
|
3155
|
-
/* @__PURE__ */ o("label", { htmlFor:
|
|
3156
|
-
/* @__PURE__ */ S(
|
|
3153
|
+
}, []), b = te(() => {
|
|
3154
|
+
l(!1), v(!1), r && r(p);
|
|
3155
|
+
}, [p, r]), m = (p - i) / (a - i) * 100;
|
|
3156
|
+
return /* @__PURE__ */ S(Aa, { children: [
|
|
3157
|
+
/* @__PURE__ */ o("label", { htmlFor: s, children: n }),
|
|
3158
|
+
/* @__PURE__ */ S(_a, { children: [
|
|
3157
3159
|
/* @__PURE__ */ o(
|
|
3158
|
-
|
|
3160
|
+
Da,
|
|
3159
3161
|
{
|
|
3160
|
-
id:
|
|
3162
|
+
id: s,
|
|
3161
3163
|
type: "range",
|
|
3162
|
-
min:
|
|
3164
|
+
min: i,
|
|
3163
3165
|
max: a,
|
|
3164
|
-
step:
|
|
3166
|
+
step: h,
|
|
3165
3167
|
value: p,
|
|
3166
3168
|
onChange: x,
|
|
3167
3169
|
onMouseDown: w,
|
|
3168
|
-
onMouseUp:
|
|
3170
|
+
onMouseUp: b,
|
|
3169
3171
|
style: {
|
|
3170
3172
|
background: `linear-gradient(to right, var(--md-sys-color-primary) 0%, var(--md-sys-color-primary) ${m}%, var(--md-sys-color-outline-variant) ${m}%, var(--md-sys-color-outline-variant) 100%)`
|
|
3171
3173
|
}
|
|
3172
3174
|
}
|
|
3173
3175
|
),
|
|
3174
|
-
/* @__PURE__ */ o(
|
|
3176
|
+
/* @__PURE__ */ o(La, { children: p })
|
|
3175
3177
|
] })
|
|
3176
3178
|
] });
|
|
3177
|
-
}, ke = "hierarchy", yt = "folder", no = "name",
|
|
3178
|
-
const { groupBy: t, groupByConfig: r, updateGroupBy: n, updateGroupByConfig:
|
|
3179
|
-
modules:
|
|
3180
|
-
showHierarchy:
|
|
3179
|
+
}, ke = "hierarchy", yt = "folder", no = "name", Oa = ({ scope: e }) => {
|
|
3180
|
+
const { groupBy: t, groupByConfig: r, updateGroupBy: n, updateGroupByConfig: s, sorting: i, updateSorting: a } = Ce(), {
|
|
3181
|
+
modules: h,
|
|
3182
|
+
showHierarchy: f,
|
|
3181
3183
|
updateShowHierarchy: c,
|
|
3182
3184
|
hierarchyOptions: l,
|
|
3183
3185
|
hierarchyActive: p
|
|
3184
|
-
} = ot(), d =
|
|
3185
|
-
if (!
|
|
3186
|
-
const { GroupSettings: y, requiredVersion:
|
|
3186
|
+
} = ot(), d = Mr({ scope: e });
|
|
3187
|
+
if (!h) return null;
|
|
3188
|
+
const { GroupSettings: y, requiredVersion: v } = h || {}, x = !!c, w = x ? [...l || [
|
|
3187
3189
|
{ value: ke, label: "Hierarchy", icon: "account_tree" },
|
|
3188
3190
|
{ value: "folder", label: "Folder", icon: "folder" }
|
|
3189
|
-
], ...d] : d,
|
|
3191
|
+
], ...d] : d, b = p ?? f, m = t ?? (x && b ? { id: ke, desc: !1 } : void 0), k = i?.[0]?.id === no ? !!i[0].desc : !1, C = m?.id === yt || m?.id === ke ? { ...m, desc: k } : m, N = te(
|
|
3190
3192
|
(P) => {
|
|
3191
3193
|
if (P?.id === ke || P?.id === yt) {
|
|
3192
|
-
if (P.id === ke ?
|
|
3194
|
+
if (P.id === ke ? b : t?.id === yt) {
|
|
3193
3195
|
P.desc !== k && a([{ id: no, desc: !!P.desc }]);
|
|
3194
3196
|
return;
|
|
3195
3197
|
}
|
|
@@ -3202,7 +3204,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3202
3204
|
}
|
|
3203
3205
|
n(P);
|
|
3204
3206
|
},
|
|
3205
|
-
[n, c, a, t, k,
|
|
3207
|
+
[n, c, a, t, k, b]
|
|
3206
3208
|
);
|
|
3207
3209
|
return {
|
|
3208
3210
|
id: "group-by",
|
|
@@ -3213,15 +3215,15 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3213
3215
|
y,
|
|
3214
3216
|
{
|
|
3215
3217
|
fields: w,
|
|
3216
|
-
requiredVersion:
|
|
3218
|
+
requiredVersion: v,
|
|
3217
3219
|
groupBy: C,
|
|
3218
3220
|
updateGroupBy: N,
|
|
3219
3221
|
config: r,
|
|
3220
|
-
onConfigChange:
|
|
3222
|
+
onConfigChange: s
|
|
3221
3223
|
}
|
|
3222
3224
|
)
|
|
3223
3225
|
};
|
|
3224
|
-
},
|
|
3226
|
+
}, za = u.div`
|
|
3225
3227
|
display: flex;
|
|
3226
3228
|
flex-direction: column;
|
|
3227
3229
|
gap: var(--base-gap-large);
|
|
@@ -3239,10 +3241,10 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3239
3241
|
list-style-type: none;
|
|
3240
3242
|
margin: 0;
|
|
3241
3243
|
padding: 0;
|
|
3242
|
-
`,
|
|
3244
|
+
`, Ma = u.span`
|
|
3243
3245
|
color: var(--md-sys-color-outline);
|
|
3244
3246
|
padding: 4px 0;
|
|
3245
|
-
`,
|
|
3247
|
+
`, $a = u(nt)`
|
|
3246
3248
|
.drag-handle {
|
|
3247
3249
|
cursor: grab;
|
|
3248
3250
|
height: 20px;
|
|
@@ -3258,25 +3260,25 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3258
3260
|
cursor: grabbing;
|
|
3259
3261
|
}
|
|
3260
3262
|
}
|
|
3261
|
-
`,
|
|
3263
|
+
`, Fa = u(nt)`
|
|
3262
3264
|
cursor: pointer;
|
|
3263
3265
|
|
|
3264
3266
|
.action {
|
|
3265
3267
|
color: var(--md-sys-color-outline);
|
|
3266
3268
|
}
|
|
3267
|
-
`,
|
|
3268
|
-
const { attributes:
|
|
3269
|
+
`, Ba = ({ item: e, desc: t, onToggleDirection: r, onRemove: n }) => {
|
|
3270
|
+
const { attributes: s, listeners: i, setNodeRef: a, transform: h, transition: f, isDragging: c } = Ze({
|
|
3269
3271
|
id: e.value
|
|
3270
3272
|
});
|
|
3271
3273
|
return /* @__PURE__ */ o(
|
|
3272
|
-
|
|
3274
|
+
$a,
|
|
3273
3275
|
{
|
|
3274
3276
|
ref: a,
|
|
3275
3277
|
item: e,
|
|
3276
3278
|
"data-sort-id": e.value,
|
|
3277
3279
|
className: c ? "dragging" : void 0,
|
|
3278
|
-
style: { transform:
|
|
3279
|
-
startContent: /* @__PURE__ */ o("div", { ...
|
|
3280
|
+
style: { transform: Je.Translate.toString(h), transition: f },
|
|
3281
|
+
startContent: /* @__PURE__ */ o("div", { ...s, ...i, className: "drag-handle", children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) }),
|
|
3280
3282
|
actions: [
|
|
3281
3283
|
{
|
|
3282
3284
|
icon: t ? "arrow_downward" : "arrow_upward",
|
|
@@ -3291,43 +3293,43 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3291
3293
|
]
|
|
3292
3294
|
}
|
|
3293
3295
|
);
|
|
3294
|
-
},
|
|
3296
|
+
}, Va = ({
|
|
3295
3297
|
sorting: e,
|
|
3296
3298
|
options: t,
|
|
3297
3299
|
onChange: r,
|
|
3298
|
-
maxKeys: n =
|
|
3300
|
+
maxKeys: n = Fr
|
|
3299
3301
|
}) => {
|
|
3300
|
-
const
|
|
3301
|
-
_t
|
|
3302
|
+
const s = Pt(
|
|
3303
|
+
At(_t, {
|
|
3302
3304
|
activationConstraint: {
|
|
3303
3305
|
distance: 5
|
|
3304
3306
|
}
|
|
3305
3307
|
})
|
|
3306
|
-
),
|
|
3308
|
+
), i = (d) => t.find((y) => y.value === d) ?? { value: d, label: d }, a = t.filter(
|
|
3307
3309
|
(d) => !e.some((y) => y.id === d.value)
|
|
3308
|
-
),
|
|
3310
|
+
), h = e.length < n, f = ({ active: d, over: y }) => {
|
|
3309
3311
|
if (!y || d.id === y.id) return;
|
|
3310
|
-
const
|
|
3311
|
-
|
|
3312
|
+
const v = e.findIndex((g) => g.id === d.id), x = e.findIndex((g) => g.id === y.id);
|
|
3313
|
+
v === -1 || x === -1 || r(Dt(e, v, x));
|
|
3312
3314
|
}, c = (d) => r(e.map((y) => y.id === d ? { ...y, desc: !y.desc } : y)), l = (d) => r(e.filter((y) => y.id !== d)), p = (d) => r([...e, { id: d, desc: !1 }]);
|
|
3313
|
-
return /* @__PURE__ */ S(
|
|
3315
|
+
return /* @__PURE__ */ S(za, { className: "sort-settings", children: [
|
|
3314
3316
|
e.length > 0 && /* @__PURE__ */ S(ao, { className: "sorted", children: [
|
|
3315
3317
|
/* @__PURE__ */ o(io, { children: "Sorted by" }),
|
|
3316
3318
|
/* @__PURE__ */ o(
|
|
3317
3319
|
Xe,
|
|
3318
3320
|
{
|
|
3319
|
-
sensors:
|
|
3321
|
+
sensors: s,
|
|
3320
3322
|
collisionDetection: Qe,
|
|
3321
|
-
onDragEnd:
|
|
3323
|
+
onDragEnd: f,
|
|
3322
3324
|
children: /* @__PURE__ */ o(
|
|
3323
3325
|
Le,
|
|
3324
3326
|
{
|
|
3325
3327
|
items: e.map((d) => d.id),
|
|
3326
3328
|
strategy: Re,
|
|
3327
3329
|
children: /* @__PURE__ */ o(so, { children: e.map((d) => /* @__PURE__ */ o(
|
|
3328
|
-
|
|
3330
|
+
Ba,
|
|
3329
3331
|
{
|
|
3330
|
-
item:
|
|
3332
|
+
item: i(d.id),
|
|
3331
3333
|
desc: d.desc,
|
|
3332
3334
|
onToggleDirection: () => c(d.id),
|
|
3333
3335
|
onRemove: () => l(d.id)
|
|
@@ -3341,8 +3343,8 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3341
3343
|
] }),
|
|
3342
3344
|
/* @__PURE__ */ S(ao, { className: "available", children: [
|
|
3343
3345
|
/* @__PURE__ */ o(io, { children: e.length > 0 ? "Then sort by" : "Sort by" }),
|
|
3344
|
-
|
|
3345
|
-
|
|
3346
|
+
h ? /* @__PURE__ */ o(so, { children: a.map((d) => /* @__PURE__ */ o(
|
|
3347
|
+
Fa,
|
|
3346
3348
|
{
|
|
3347
3349
|
item: d,
|
|
3348
3350
|
"data-sort-id": d.value,
|
|
@@ -3350,115 +3352,115 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3350
3352
|
actions: [{ icon: "add" }]
|
|
3351
3353
|
},
|
|
3352
3354
|
d.value
|
|
3353
|
-
)) }) : /* @__PURE__ */ S(
|
|
3355
|
+
)) }) : /* @__PURE__ */ S(Ma, { children: [
|
|
3354
3356
|
"Sorting is limited to ",
|
|
3355
3357
|
n,
|
|
3356
3358
|
" columns."
|
|
3357
3359
|
] })
|
|
3358
3360
|
] })
|
|
3359
3361
|
] });
|
|
3360
|
-
},
|
|
3361
|
-
const { sorting: t, updateSorting: r } = Ce(), { attribFields: n, scopes:
|
|
3362
|
-
...
|
|
3362
|
+
}, Ua = (e = []) => {
|
|
3363
|
+
const { sorting: t, updateSorting: r } = Ce(), { attribFields: n, scopes: s } = ot(), i = [
|
|
3364
|
+
...Sr(s, e).map((l) => ({
|
|
3363
3365
|
value: l.id,
|
|
3364
3366
|
label: l.label
|
|
3365
3367
|
})),
|
|
3366
3368
|
...n.filter(
|
|
3367
|
-
(l) => l.scope?.some((p) =>
|
|
3369
|
+
(l) => l.scope?.some((p) => s.includes(p)) && !Ir(l)
|
|
3368
3370
|
).map((l) => ({
|
|
3369
3371
|
value: `attrib_${l.name}`,
|
|
3370
3372
|
label: l.data.title || l.name
|
|
3371
3373
|
}))
|
|
3372
|
-
].map((l) => ({ ...l, icon:
|
|
3373
|
-
...
|
|
3374
|
+
].map((l) => ({ ...l, icon: G(l.value) })), a = new Set(i.map((l) => l.value)), h = [
|
|
3375
|
+
...i,
|
|
3374
3376
|
...t.filter((l) => !a.has(l.id)).map((l) => ({
|
|
3375
3377
|
value: l.id,
|
|
3376
3378
|
label: e.find((p) => p.value === l.id)?.label ?? l.id,
|
|
3377
|
-
icon:
|
|
3379
|
+
icon: G(l.id)
|
|
3378
3380
|
}))
|
|
3379
|
-
],
|
|
3381
|
+
], f = (l) => h.find((p) => p.value === l)?.label ?? l;
|
|
3380
3382
|
return {
|
|
3381
3383
|
id: "sort-by",
|
|
3382
3384
|
title: "Sort",
|
|
3383
3385
|
icon: "sort",
|
|
3384
|
-
preview: t.length ?
|
|
3385
|
-
component: /* @__PURE__ */ o(
|
|
3386
|
+
preview: t.length ? f(t[0].id) + (t.length > 1 ? ` +${t.length - 1}` : "") : "None",
|
|
3387
|
+
component: /* @__PURE__ */ o(Va, { sorting: t, options: h, onChange: r })
|
|
3386
3388
|
};
|
|
3387
|
-
}, Rt = [
|
|
3388
|
-
const n = document.querySelector(`[${
|
|
3389
|
+
}, Rt = [Br, Vr], lo = 5, Ha = `#${Lr}, [data-column-drag-origin]`, ja = (e, t) => {
|
|
3390
|
+
const n = document.querySelector(`[${So}]`)?.getBoundingClientRect();
|
|
3389
3391
|
if (!n || e < n.left || e > n.right || t < n.top || t > n.bottom) return;
|
|
3390
|
-
const
|
|
3391
|
-
(
|
|
3392
|
-
),
|
|
3393
|
-
const
|
|
3394
|
-
return e >=
|
|
3392
|
+
const s = Array.from(document.querySelectorAll(Io)).filter(
|
|
3393
|
+
(h) => !Rt.includes(h.dataset.columnId || "")
|
|
3394
|
+
), i = s.find((h) => {
|
|
3395
|
+
const f = h.getBoundingClientRect();
|
|
3396
|
+
return e >= f.left && e < f.right;
|
|
3395
3397
|
});
|
|
3396
|
-
if (
|
|
3397
|
-
const a =
|
|
3398
|
-
return e >= a.getBoundingClientRect().right ? a :
|
|
3398
|
+
if (i || !s.length) return i;
|
|
3399
|
+
const a = s[s.length - 1];
|
|
3400
|
+
return e >= a.getBoundingClientRect().right ? a : s[0];
|
|
3399
3401
|
}, co = (e, t) => {
|
|
3400
|
-
const r = document.elementsFromPoint(e, t).map((a) => a.closest?.(
|
|
3402
|
+
const r = document.elementsFromPoint(e, t).map((a) => a.closest?.(Io)).find(Boolean) ?? ja(e, t), n = r?.dataset.columnId;
|
|
3401
3403
|
if (!r || !n || Rt.includes(n)) return null;
|
|
3402
|
-
const
|
|
3404
|
+
const s = r.getBoundingClientRect(), i = e < s.left + s.width / 2 ? "left" : "right";
|
|
3403
3405
|
return {
|
|
3404
3406
|
columnId: n,
|
|
3405
|
-
side:
|
|
3406
|
-
line:
|
|
3407
|
+
side: i,
|
|
3408
|
+
line: $r(r, i)
|
|
3407
3409
|
};
|
|
3408
|
-
},
|
|
3410
|
+
}, Ka = (e, t) => {
|
|
3409
3411
|
const r = e.length ? e : t;
|
|
3410
3412
|
return [...r, ...t.filter((n) => !r.includes(n))];
|
|
3411
|
-
},
|
|
3413
|
+
}, qa = () => {
|
|
3412
3414
|
const {
|
|
3413
3415
|
columnVisibility: e,
|
|
3414
3416
|
columnOrder: t,
|
|
3415
3417
|
columnPinning: r,
|
|
3416
3418
|
columnSizing: n,
|
|
3417
|
-
columnSummaries:
|
|
3418
|
-
columnSummaryScopes:
|
|
3419
|
+
columnSummaries: s,
|
|
3420
|
+
columnSummaryScopes: i,
|
|
3419
3421
|
columnSummaryFormats: a,
|
|
3420
|
-
groupBy:
|
|
3421
|
-
groupByConfig:
|
|
3422
|
+
groupBy: h,
|
|
3423
|
+
groupByConfig: f,
|
|
3422
3424
|
sorting: c,
|
|
3423
3425
|
rowHeight: l,
|
|
3424
3426
|
setColumnsConfig: p,
|
|
3425
3427
|
getAllColumns: d
|
|
3426
|
-
} = Ce(), { setMenuOpen: y } = tt(), [
|
|
3427
|
-
w.current =
|
|
3428
|
-
const
|
|
3428
|
+
} = Ce(), { setMenuOpen: y } = tt(), [v, x] = U(null), g = H(null), w = H(null);
|
|
3429
|
+
w.current = v;
|
|
3430
|
+
const b = H({
|
|
3429
3431
|
columnVisibility: e,
|
|
3430
3432
|
columnOrder: t,
|
|
3431
3433
|
columnPinning: r,
|
|
3432
3434
|
columnSizing: n,
|
|
3433
|
-
columnSummaries:
|
|
3434
|
-
columnSummaryScopes:
|
|
3435
|
+
columnSummaries: s,
|
|
3436
|
+
columnSummaryScopes: i,
|
|
3435
3437
|
columnSummaryFormats: a,
|
|
3436
|
-
groupBy:
|
|
3437
|
-
groupByConfig:
|
|
3438
|
+
groupBy: h,
|
|
3439
|
+
groupByConfig: f,
|
|
3438
3440
|
sorting: c,
|
|
3439
3441
|
rowHeight: l,
|
|
3440
3442
|
setColumnsConfig: p,
|
|
3441
3443
|
getAllColumns: d
|
|
3442
3444
|
});
|
|
3443
|
-
|
|
3445
|
+
b.current = {
|
|
3444
3446
|
columnVisibility: e,
|
|
3445
3447
|
columnOrder: t,
|
|
3446
3448
|
columnPinning: r,
|
|
3447
3449
|
columnSizing: n,
|
|
3448
|
-
columnSummaries:
|
|
3449
|
-
columnSummaryScopes:
|
|
3450
|
+
columnSummaries: s,
|
|
3451
|
+
columnSummaryScopes: i,
|
|
3450
3452
|
columnSummaryFormats: a,
|
|
3451
|
-
groupBy:
|
|
3452
|
-
groupByConfig:
|
|
3453
|
+
groupBy: h,
|
|
3454
|
+
groupByConfig: f,
|
|
3453
3455
|
sorting: c,
|
|
3454
3456
|
rowHeight: l,
|
|
3455
3457
|
setColumnsConfig: p,
|
|
3456
3458
|
getAllColumns: d
|
|
3457
3459
|
};
|
|
3458
|
-
const m =
|
|
3459
|
-
const L =
|
|
3460
|
+
const m = te((P, V) => {
|
|
3461
|
+
const L = b.current, j = Ka(L.columnOrder, L.getAllColumns()).filter(
|
|
3460
3462
|
(I) => I !== P && !Rt.includes(I)
|
|
3461
|
-
), T =
|
|
3463
|
+
), T = j.indexOf(V.columnId), F = T === -1 ? j.length : T + (V.side === "left" ? 0 : 1), M = [...j.slice(0, F), P, ...j.slice(F)], O = new Set(L.columnPinning.left || []);
|
|
3462
3464
|
O.has(V.columnId) ? O.add(P) : O.delete(P), L.setColumnsConfig({
|
|
3463
3465
|
columnVisibility: { ...L.columnVisibility, [P]: !0 },
|
|
3464
3466
|
columnOrder: M,
|
|
@@ -3472,24 +3474,24 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3472
3474
|
sorting: L.sorting,
|
|
3473
3475
|
rowHeight: L.rowHeight
|
|
3474
3476
|
});
|
|
3475
|
-
}, []), k =
|
|
3477
|
+
}, []), k = te(() => {
|
|
3476
3478
|
g.current = null, w.current && x(null);
|
|
3477
|
-
}, []), C =
|
|
3478
|
-
const L = V.currentTarget,
|
|
3479
|
+
}, []), C = te((P, V) => {
|
|
3480
|
+
const L = V.currentTarget, j = L.getBoundingClientRect();
|
|
3479
3481
|
g.current = {
|
|
3480
3482
|
column: P,
|
|
3481
3483
|
x: V.clientX,
|
|
3482
3484
|
y: V.clientY,
|
|
3483
|
-
origin: L.closest(
|
|
3485
|
+
origin: L.closest(Ha),
|
|
3484
3486
|
immediate: !!V.target.closest?.(".hover-swap"),
|
|
3485
3487
|
grab: {
|
|
3486
|
-
x: V.clientX -
|
|
3487
|
-
y: V.clientY -
|
|
3488
|
-
width:
|
|
3488
|
+
x: V.clientX - j.left,
|
|
3489
|
+
y: V.clientY - j.top,
|
|
3490
|
+
width: j.width
|
|
3489
3491
|
}
|
|
3490
3492
|
};
|
|
3491
3493
|
}, []);
|
|
3492
|
-
|
|
3494
|
+
Y(() => {
|
|
3493
3495
|
const P = (T, F, M) => !!M && document.elementsFromPoint(T, F).some((O) => M.contains(O)), V = (T) => {
|
|
3494
3496
|
const { clientX: F, clientY: M } = T;
|
|
3495
3497
|
if (w.current) {
|
|
@@ -3502,18 +3504,18 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3502
3504
|
O && (Math.abs(F - O.x) < lo && Math.abs(M - O.y) < lo || !O.immediate && P(F, M, O.origin) || x({ column: O.column, x: F, y: M, grab: O.grab, target: co(F, M) }));
|
|
3503
3505
|
}, L = () => {
|
|
3504
3506
|
const T = w.current;
|
|
3505
|
-
g.current = null, T && (
|
|
3506
|
-
},
|
|
3507
|
+
g.current = null, T && (Ya(), T.target && (m(T.column.value, T.target), y(!1)), x(null));
|
|
3508
|
+
}, j = (T) => {
|
|
3507
3509
|
T.key === "Escape" && k();
|
|
3508
3510
|
};
|
|
3509
|
-
return window.addEventListener("pointermove", V), window.addEventListener("pointerup", L), window.addEventListener("pointercancel", k), window.addEventListener("keydown",
|
|
3510
|
-
window.removeEventListener("pointermove", V), window.removeEventListener("pointerup", L), window.removeEventListener("pointercancel", k), window.removeEventListener("keydown",
|
|
3511
|
+
return window.addEventListener("pointermove", V), window.addEventListener("pointerup", L), window.addEventListener("pointercancel", k), window.addEventListener("keydown", j), () => {
|
|
3512
|
+
window.removeEventListener("pointermove", V), window.removeEventListener("pointerup", L), window.removeEventListener("pointercancel", k), window.removeEventListener("keydown", j);
|
|
3511
3513
|
};
|
|
3512
3514
|
}, [m, k, y]);
|
|
3513
|
-
const N =
|
|
3515
|
+
const N = v ? document.querySelector(`[${So}]`)?.getBoundingClientRect() : void 0, z = v ? ho(
|
|
3514
3516
|
/* @__PURE__ */ S(pe, { children: [
|
|
3515
3517
|
N && /* @__PURE__ */ o(
|
|
3516
|
-
|
|
3518
|
+
Wa,
|
|
3517
3519
|
{
|
|
3518
3520
|
style: {
|
|
3519
3521
|
left: N.left,
|
|
@@ -3524,38 +3526,38 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3524
3526
|
}
|
|
3525
3527
|
),
|
|
3526
3528
|
/* @__PURE__ */ S(
|
|
3527
|
-
|
|
3529
|
+
Xa,
|
|
3528
3530
|
{
|
|
3529
3531
|
style: {
|
|
3530
|
-
left:
|
|
3531
|
-
top:
|
|
3532
|
-
width:
|
|
3532
|
+
left: v.x - v.grab.x,
|
|
3533
|
+
top: v.y - v.grab.y,
|
|
3534
|
+
width: v.grab.width
|
|
3533
3535
|
},
|
|
3534
|
-
className:
|
|
3536
|
+
className: Ga(v),
|
|
3535
3537
|
children: [
|
|
3536
|
-
|
|
3537
|
-
/* @__PURE__ */ o("span", { children:
|
|
3538
|
+
v.column.icon && /* @__PURE__ */ o(q, { icon: v.column.icon }),
|
|
3539
|
+
/* @__PURE__ */ o("span", { children: v.column.label })
|
|
3538
3540
|
]
|
|
3539
3541
|
}
|
|
3540
3542
|
),
|
|
3541
|
-
|
|
3543
|
+
v.target && /* @__PURE__ */ o(_r, { style: v.target.line })
|
|
3542
3544
|
] }),
|
|
3543
3545
|
document.body
|
|
3544
3546
|
) : null;
|
|
3545
|
-
return { armDrag: C, cancelDrag: k, isDragging: !!
|
|
3546
|
-
},
|
|
3547
|
+
return { armDrag: C, cancelDrag: k, isDragging: !!v, dragOverlay: z };
|
|
3548
|
+
}, Ga = (e) => e.target ? "over-target" : "", Ya = () => {
|
|
3547
3549
|
const e = (t) => {
|
|
3548
3550
|
t.stopPropagation(), t.preventDefault();
|
|
3549
3551
|
};
|
|
3550
3552
|
window.addEventListener("click", e, !0), setTimeout(() => window.removeEventListener("click", e, !0), 0);
|
|
3551
|
-
},
|
|
3553
|
+
}, Wa = u.div`
|
|
3552
3554
|
position: fixed;
|
|
3553
3555
|
box-sizing: border-box;
|
|
3554
3556
|
z-index: 999;
|
|
3555
3557
|
pointer-events: none;
|
|
3556
3558
|
border-radius: 4px;
|
|
3557
3559
|
background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);
|
|
3558
|
-
`,
|
|
3560
|
+
`, Xa = u.div`
|
|
3559
3561
|
position: fixed;
|
|
3560
3562
|
box-sizing: border-box;
|
|
3561
3563
|
z-index: 2000;
|
|
@@ -3573,38 +3575,38 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3573
3575
|
&.over-target {
|
|
3574
3576
|
opacity: 1;
|
|
3575
3577
|
}
|
|
3576
|
-
`,
|
|
3577
|
-
const { columnVisibility: n, defaultColumnVisibility:
|
|
3578
|
+
`, Ho = ({ columns: e, scopes: t, extraItems: r }) => {
|
|
3579
|
+
const { columnVisibility: n, defaultColumnVisibility: s, updateColumnVisibility: i } = Ce(), {
|
|
3578
3580
|
displayVisibility: a,
|
|
3579
|
-
isVisible:
|
|
3580
|
-
onPaintStart:
|
|
3581
|
+
isVisible: h,
|
|
3582
|
+
onPaintStart: f,
|
|
3581
3583
|
onPaintEnter: c,
|
|
3582
3584
|
toggle: l,
|
|
3583
3585
|
cancelPaint: p,
|
|
3584
3586
|
isPainting: d
|
|
3585
|
-
} =
|
|
3587
|
+
} = Bo({
|
|
3586
3588
|
columnVisibility: n,
|
|
3587
|
-
defaultColumnVisibility:
|
|
3588
|
-
updateColumnVisibility:
|
|
3589
|
-
}), { armDrag: y, cancelDrag:
|
|
3589
|
+
defaultColumnVisibility: s,
|
|
3590
|
+
updateColumnVisibility: i
|
|
3591
|
+
}), { armDrag: y, cancelDrag: v, isDragging: x, dragOverlay: g } = qa(), w = H({ isPainting: d, isDragging: x, cancelPaint: p });
|
|
3590
3592
|
w.current = { isPainting: d, isDragging: x, cancelPaint: p };
|
|
3591
|
-
const
|
|
3593
|
+
const b = te(
|
|
3592
3594
|
(C, N) => {
|
|
3593
|
-
w.current.isDragging || (N &&
|
|
3595
|
+
w.current.isDragging || (N && v(), c(C, N));
|
|
3594
3596
|
},
|
|
3595
|
-
[
|
|
3596
|
-
), m =
|
|
3597
|
+
[v, c]
|
|
3598
|
+
), m = te(
|
|
3597
3599
|
(C, N) => {
|
|
3598
3600
|
w.current.isPainting || y(C, N);
|
|
3599
3601
|
},
|
|
3600
3602
|
[y]
|
|
3601
|
-
), k =
|
|
3602
|
-
() =>
|
|
3603
|
+
), k = Z(
|
|
3604
|
+
() => Fo({
|
|
3603
3605
|
columns: e,
|
|
3604
3606
|
onToggle: l,
|
|
3605
|
-
isColumnVisible:
|
|
3606
|
-
onPaintStart:
|
|
3607
|
-
onPaintEnter:
|
|
3607
|
+
isColumnVisible: h,
|
|
3608
|
+
onPaintStart: f,
|
|
3609
|
+
onPaintEnter: b,
|
|
3608
3610
|
onDragStart: m,
|
|
3609
3611
|
scopes: t,
|
|
3610
3612
|
extraItems: r
|
|
@@ -3614,8 +3616,8 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3614
3616
|
e,
|
|
3615
3617
|
a,
|
|
3616
3618
|
l,
|
|
3617
|
-
|
|
3618
|
-
|
|
3619
|
+
f,
|
|
3620
|
+
b,
|
|
3619
3621
|
m,
|
|
3620
3622
|
t,
|
|
3621
3623
|
r
|
|
@@ -3628,102 +3630,112 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3628
3630
|
onColumnDragStart: y,
|
|
3629
3631
|
isColumnDragging: x
|
|
3630
3632
|
};
|
|
3631
|
-
},
|
|
3632
|
-
extraColumns: e =
|
|
3633
|
-
hiddenColumns: t =
|
|
3633
|
+
}, Qa = [], Za = [], jo = ({
|
|
3634
|
+
extraColumns: e = Qa,
|
|
3635
|
+
hiddenColumns: t = Za,
|
|
3634
3636
|
includeLinks: r = !0,
|
|
3635
3637
|
parentColumns: n = []
|
|
3636
3638
|
}) => {
|
|
3637
|
-
const { linkTypes:
|
|
3639
|
+
const { linkTypes: s } = ko(), { attribFields: i, scopes: a } = ot(), h = Z(
|
|
3638
3640
|
() => [
|
|
3639
3641
|
{
|
|
3640
3642
|
value: "thumbnail",
|
|
3641
|
-
label:
|
|
3642
|
-
icon:
|
|
3643
|
+
label: ee("thumbnail"),
|
|
3644
|
+
icon: G("thumbnail")
|
|
3643
3645
|
},
|
|
3644
3646
|
{
|
|
3645
3647
|
value: "name",
|
|
3646
|
-
label:
|
|
3647
|
-
icon:
|
|
3648
|
+
label: Er(a),
|
|
3649
|
+
icon: G("name")
|
|
3648
3650
|
},
|
|
3649
3651
|
{
|
|
3650
3652
|
value: xe.folder,
|
|
3651
|
-
label:
|
|
3652
|
-
icon:
|
|
3653
|
+
label: ee(xe.folder),
|
|
3654
|
+
icon: G(xe.folder)
|
|
3653
3655
|
},
|
|
3654
3656
|
{
|
|
3655
3657
|
value: xe.task,
|
|
3656
|
-
label:
|
|
3657
|
-
icon:
|
|
3658
|
+
label: ee(xe.task),
|
|
3659
|
+
icon: G(xe.task),
|
|
3658
3660
|
hidden: !["product", "version"].some((c) => a.includes(c))
|
|
3659
3661
|
},
|
|
3660
3662
|
{
|
|
3661
3663
|
value: "assignees",
|
|
3662
|
-
label:
|
|
3663
|
-
icon:
|
|
3664
|
+
label: ee("assignees"),
|
|
3665
|
+
icon: G("assignees"),
|
|
3664
3666
|
hidden: !a.includes("task")
|
|
3665
3667
|
},
|
|
3666
3668
|
{
|
|
3667
3669
|
value: "product",
|
|
3668
|
-
label:
|
|
3669
|
-
icon:
|
|
3670
|
+
label: ee("product"),
|
|
3671
|
+
icon: G("product"),
|
|
3670
3672
|
hidden: !["product", "version"].some((c) => a.includes(c))
|
|
3671
3673
|
},
|
|
3672
3674
|
{
|
|
3673
3675
|
value: "entityType",
|
|
3674
|
-
label:
|
|
3675
|
-
icon:
|
|
3676
|
+
label: ee("entityType"),
|
|
3677
|
+
icon: G("entityType")
|
|
3676
3678
|
},
|
|
3677
3679
|
{
|
|
3678
3680
|
value: "status",
|
|
3679
|
-
label:
|
|
3680
|
-
icon:
|
|
3681
|
+
label: ee("status"),
|
|
3682
|
+
icon: G("status")
|
|
3681
3683
|
},
|
|
3682
3684
|
{
|
|
3683
3685
|
value: "subType",
|
|
3684
|
-
label:
|
|
3685
|
-
icon:
|
|
3686
|
+
label: ee("subType", a),
|
|
3687
|
+
icon: G("subType")
|
|
3686
3688
|
},
|
|
3687
3689
|
{
|
|
3688
3690
|
value: "tags",
|
|
3689
|
-
label:
|
|
3690
|
-
icon:
|
|
3691
|
+
label: ee("tags"),
|
|
3692
|
+
icon: G("tags")
|
|
3691
3693
|
},
|
|
3692
3694
|
{
|
|
3693
3695
|
value: "createdAt",
|
|
3694
|
-
label:
|
|
3695
|
-
icon:
|
|
3696
|
+
label: ee("createdAt"),
|
|
3697
|
+
icon: G("createdAt")
|
|
3698
|
+
},
|
|
3699
|
+
{
|
|
3700
|
+
value: "createdBy",
|
|
3701
|
+
label: ee("createdBy"),
|
|
3702
|
+
icon: G("createdBy")
|
|
3696
3703
|
},
|
|
3697
3704
|
{
|
|
3698
3705
|
value: "updatedAt",
|
|
3699
|
-
label:
|
|
3700
|
-
icon:
|
|
3706
|
+
label: ee("updatedAt"),
|
|
3707
|
+
icon: G("updatedAt")
|
|
3708
|
+
},
|
|
3709
|
+
{
|
|
3710
|
+
value: "updatedBy",
|
|
3711
|
+
label: ee("updatedBy"),
|
|
3712
|
+
icon: G("updatedBy")
|
|
3701
3713
|
},
|
|
3702
3714
|
{
|
|
3703
3715
|
value: "subtasks",
|
|
3704
|
-
label:
|
|
3705
|
-
icon:
|
|
3716
|
+
label: ee("subtasks"),
|
|
3717
|
+
icon: G("subtasks"),
|
|
3706
3718
|
hidden: !a.includes("task")
|
|
3707
3719
|
},
|
|
3708
3720
|
{
|
|
3709
3721
|
value: "comments",
|
|
3710
|
-
label:
|
|
3711
|
-
icon:
|
|
3722
|
+
label: ee("comments"),
|
|
3723
|
+
icon: G("comments"),
|
|
3712
3724
|
hidden: !a.some((c) => ["task", "version", "product", "folder"].includes(c))
|
|
3713
3725
|
},
|
|
3714
|
-
...
|
|
3726
|
+
...Tr.map((c) => ({
|
|
3715
3727
|
value: c,
|
|
3716
|
-
label:
|
|
3717
|
-
icon:
|
|
3718
|
-
hidden: !a.some((l) =>
|
|
3728
|
+
label: ee(c),
|
|
3729
|
+
icon: G(c),
|
|
3730
|
+
hidden: !a.some((l) => Nr(c, l))
|
|
3719
3731
|
})),
|
|
3720
|
-
...
|
|
3732
|
+
...i.filter((c) => c.scope?.some((l) => a.includes(l))).map((c) => ({
|
|
3721
3733
|
value: `attrib_${c.name}`,
|
|
3722
3734
|
label: c.data.title || c.name,
|
|
3723
3735
|
icon: fe(c.name, c.data.type, xo(c.data)),
|
|
3724
3736
|
attrib: { builtin: c.builtin, scope: c.scope }
|
|
3725
3737
|
})),
|
|
3726
|
-
...
|
|
3738
|
+
...s && r ? s.filter(
|
|
3727
3739
|
(c) => [c.inputType, c.outputType].some((l) => a.includes(l))
|
|
3728
3740
|
).flatMap((c) => [
|
|
3729
3741
|
{
|
|
@@ -3750,7 +3762,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3750
3762
|
n.filter((c) => c.includeAttributes !== !1).map((c) => c.scope)
|
|
3751
3763
|
)
|
|
3752
3764
|
).flatMap(
|
|
3753
|
-
(c) =>
|
|
3765
|
+
(c) => i.filter((l) => !l.scope || l.scope.includes(c)).map((l) => ({
|
|
3754
3766
|
value: Kt(c, l.name, !0),
|
|
3755
3767
|
label: l.data.title || l.name,
|
|
3756
3768
|
icon: fe(l.name, l.data.type, !!l.data.enum),
|
|
@@ -3760,83 +3772,83 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3760
3772
|
),
|
|
3761
3773
|
...e.map((c) => ({
|
|
3762
3774
|
...c,
|
|
3763
|
-
icon: c.icon ??
|
|
3775
|
+
icon: c.icon ?? zo
|
|
3764
3776
|
}))
|
|
3765
3777
|
],
|
|
3766
|
-
[a,
|
|
3767
|
-
),
|
|
3768
|
-
() =>
|
|
3769
|
-
[
|
|
3778
|
+
[a, i, s, r, n, e]
|
|
3779
|
+
), f = Z(
|
|
3780
|
+
() => h.filter((c) => !c.hidden && !t.includes(c.value)),
|
|
3781
|
+
[h, t]
|
|
3770
3782
|
);
|
|
3771
|
-
return { columns:
|
|
3772
|
-
},
|
|
3783
|
+
return { columns: h, visibleColumns: f, scopes: a };
|
|
3784
|
+
}, Ja = u(B)`
|
|
3773
3785
|
min-width: 120px;
|
|
3774
|
-
`,
|
|
3786
|
+
`, ei = u(B)`
|
|
3775
3787
|
padding: 4px !important;
|
|
3776
|
-
`,
|
|
3777
|
-
const { togglePanel: n, isPanelOpen:
|
|
3788
|
+
`, ul = ({ defaultSelected: e, className: t, ...r }) => {
|
|
3789
|
+
const { togglePanel: n, isPanelOpen: s } = et();
|
|
3778
3790
|
return /* @__PURE__ */ o(
|
|
3779
|
-
|
|
3791
|
+
Ja,
|
|
3780
3792
|
{
|
|
3781
3793
|
onClick: () => n(e),
|
|
3782
3794
|
icon: "settings",
|
|
3783
|
-
selected:
|
|
3795
|
+
selected: s,
|
|
3784
3796
|
...r,
|
|
3785
3797
|
children: "Customize"
|
|
3786
3798
|
}
|
|
3787
3799
|
);
|
|
3788
|
-
},
|
|
3800
|
+
}, pl = ({
|
|
3789
3801
|
settings: e = [],
|
|
3790
3802
|
extraColumns: t,
|
|
3791
3803
|
hiddenColumns: r,
|
|
3792
3804
|
hiddenSettings: n = [],
|
|
3793
|
-
highlighted:
|
|
3794
|
-
includeLinks:
|
|
3805
|
+
highlighted: s,
|
|
3806
|
+
includeLinks: i = !0,
|
|
3795
3807
|
hideSortBy: a = !1,
|
|
3796
|
-
order:
|
|
3797
|
-
scope:
|
|
3808
|
+
order: h,
|
|
3809
|
+
scope: f,
|
|
3798
3810
|
extraMenuItems: c,
|
|
3799
3811
|
parentColumns: l,
|
|
3800
3812
|
columnIdAliases: p
|
|
3801
3813
|
}) => {
|
|
3802
3814
|
const { scopes: d } = ot(), {
|
|
3803
3815
|
columnVisibility: y,
|
|
3804
|
-
defaultColumnVisibility:
|
|
3816
|
+
defaultColumnVisibility: v,
|
|
3805
3817
|
rowHeight: x = 34,
|
|
3806
3818
|
updateRowHeight: g,
|
|
3807
3819
|
updateRowHeightWithPersistence: w
|
|
3808
|
-
} = Ce(), { isPanelOpen:
|
|
3809
|
-
|
|
3810
|
-
k !== null && (!
|
|
3811
|
-
}, [
|
|
3812
|
-
const N = `${
|
|
3813
|
-
|
|
3820
|
+
} = Ce(), { isPanelOpen: b, selectedSetting: m } = et(), [k, C] = U(null);
|
|
3821
|
+
Y(() => {
|
|
3822
|
+
k !== null && (!b || m !== "columns") && C(null);
|
|
3823
|
+
}, [b, m, k]);
|
|
3824
|
+
const N = `${f ?? ""}:${d.join()}`;
|
|
3825
|
+
Y(() => {
|
|
3814
3826
|
C(null);
|
|
3815
3827
|
}, [N]);
|
|
3816
|
-
const { columns: z, visibleColumns: P } =
|
|
3828
|
+
const { columns: z, visibleColumns: P } = jo({
|
|
3817
3829
|
extraColumns: t,
|
|
3818
3830
|
hiddenColumns: r,
|
|
3819
|
-
includeLinks:
|
|
3831
|
+
includeLinks: i,
|
|
3820
3832
|
parentColumns: l
|
|
3821
|
-
}), V =
|
|
3822
|
-
(R) => ie(y, R.value,
|
|
3833
|
+
}), V = s && Pr(s, p), L = P.filter(
|
|
3834
|
+
(R) => ie(y, R.value, v)
|
|
3823
3835
|
).length, {
|
|
3824
|
-
menuItems:
|
|
3836
|
+
menuItems: j,
|
|
3825
3837
|
dragOverlay: T,
|
|
3826
3838
|
onColumnDragStart: F,
|
|
3827
3839
|
isColumnDragging: M
|
|
3828
|
-
} =
|
|
3840
|
+
} = Ho({
|
|
3829
3841
|
columns: P,
|
|
3830
3842
|
scopes: d,
|
|
3831
3843
|
extraItems: c
|
|
3832
|
-
}), O =
|
|
3844
|
+
}), O = Oa({ scope: f }), I = Ua(z), A = [
|
|
3833
3845
|
{
|
|
3834
3846
|
id: "columns",
|
|
3835
3847
|
title: "Columns",
|
|
3836
3848
|
icon: "view_column",
|
|
3837
3849
|
preview: `${L}/${P.length}`,
|
|
3838
3850
|
headerActions: /* @__PURE__ */ o(
|
|
3839
|
-
|
|
3851
|
+
ei,
|
|
3840
3852
|
{
|
|
3841
3853
|
variant: "text",
|
|
3842
3854
|
icon: "search",
|
|
@@ -3847,14 +3859,14 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3847
3859
|
),
|
|
3848
3860
|
component: /* @__PURE__ */ S(pe, { children: [
|
|
3849
3861
|
/* @__PURE__ */ o(
|
|
3850
|
-
|
|
3862
|
+
Pa,
|
|
3851
3863
|
{
|
|
3852
3864
|
columns: P,
|
|
3853
3865
|
highlighted: V,
|
|
3854
3866
|
scopes: d,
|
|
3855
3867
|
search: k,
|
|
3856
3868
|
onSearchChange: C,
|
|
3857
|
-
addColumnMenuItems:
|
|
3869
|
+
addColumnMenuItems: j,
|
|
3858
3870
|
onColumnDragStart: F,
|
|
3859
3871
|
isColumnDragging: M
|
|
3860
3872
|
}
|
|
@@ -3867,7 +3879,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3867
3879
|
{
|
|
3868
3880
|
id: "row-height",
|
|
3869
3881
|
component: /* @__PURE__ */ o(
|
|
3870
|
-
|
|
3882
|
+
Ra,
|
|
3871
3883
|
{
|
|
3872
3884
|
value: x,
|
|
3873
3885
|
onChange: g,
|
|
@@ -3880,10 +3892,10 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3880
3892
|
].filter(Boolean);
|
|
3881
3893
|
return e.forEach((R) => {
|
|
3882
3894
|
if (n.includes(R.id)) return;
|
|
3883
|
-
const $ =
|
|
3884
|
-
$ !== -1 ?
|
|
3885
|
-
}), /* @__PURE__ */ o(
|
|
3886
|
-
}, xt = "add-column-menu-table",
|
|
3895
|
+
const $ = A.findIndex((W) => W && "id" in W && W.id === R.id);
|
|
3896
|
+
$ !== -1 ? A[$] = R : A.push(R);
|
|
3897
|
+
}), /* @__PURE__ */ o(ba, { settings: A, order: h });
|
|
3898
|
+
}, xt = "add-column-menu-table", ti = u.div`
|
|
3887
3899
|
position: absolute;
|
|
3888
3900
|
top: 4px;
|
|
3889
3901
|
right: 24px;
|
|
@@ -3893,24 +3905,24 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3893
3905
|
padding: 2px;
|
|
3894
3906
|
border-radius: 12px;
|
|
3895
3907
|
}
|
|
3896
|
-
`,
|
|
3908
|
+
`, gl = ({
|
|
3897
3909
|
extraColumns: e,
|
|
3898
3910
|
hiddenColumns: t,
|
|
3899
3911
|
includeLinks: r,
|
|
3900
3912
|
extraMenuItems: n,
|
|
3901
|
-
parentColumns:
|
|
3913
|
+
parentColumns: s
|
|
3902
3914
|
}) => {
|
|
3903
|
-
const { isPanelOpen:
|
|
3915
|
+
const { isPanelOpen: i } = et(), { toggleMenuOpen: a } = tt(), { visibleColumns: h, scopes: f } = jo({
|
|
3904
3916
|
extraColumns: e,
|
|
3905
3917
|
hiddenColumns: t,
|
|
3906
3918
|
includeLinks: r,
|
|
3907
|
-
parentColumns:
|
|
3908
|
-
}), { menuItems: c, hasMenuItems: l, dragOverlay: p } =
|
|
3909
|
-
columns:
|
|
3910
|
-
scopes:
|
|
3919
|
+
parentColumns: s
|
|
3920
|
+
}), { menuItems: c, hasMenuItems: l, dragOverlay: p } = Ho({
|
|
3921
|
+
columns: h,
|
|
3922
|
+
scopes: f,
|
|
3911
3923
|
extraItems: n
|
|
3912
3924
|
});
|
|
3913
|
-
return
|
|
3925
|
+
return i ? null : /* @__PURE__ */ S(ti, { children: [
|
|
3914
3926
|
/* @__PURE__ */ o(
|
|
3915
3927
|
B,
|
|
3916
3928
|
{
|
|
@@ -3925,7 +3937,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3925
3937
|
/* @__PURE__ */ o(It, { menuId: xt, menuItems: c }),
|
|
3926
3938
|
p
|
|
3927
3939
|
] });
|
|
3928
|
-
},
|
|
3940
|
+
}, oi = () => /* @__PURE__ */ o(
|
|
3929
3941
|
"svg",
|
|
3930
3942
|
{
|
|
3931
3943
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3936,7 +3948,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3936
3948
|
viewBox: "0 0 16 16",
|
|
3937
3949
|
children: /* @__PURE__ */ o("path", { d: "M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z" })
|
|
3938
3950
|
}
|
|
3939
|
-
),
|
|
3951
|
+
), ri = () => /* @__PURE__ */ S(
|
|
3940
3952
|
"svg",
|
|
3941
3953
|
{
|
|
3942
3954
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3950,7 +3962,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3950
3962
|
" "
|
|
3951
3963
|
]
|
|
3952
3964
|
}
|
|
3953
|
-
),
|
|
3965
|
+
), ni = () => /* @__PURE__ */ S(
|
|
3954
3966
|
"svg",
|
|
3955
3967
|
{
|
|
3956
3968
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3964,40 +3976,40 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
3964
3976
|
" "
|
|
3965
3977
|
]
|
|
3966
3978
|
}
|
|
3967
|
-
),
|
|
3979
|
+
), ai = ({ name: e }) => {
|
|
3968
3980
|
const t = {
|
|
3969
|
-
discord: /* @__PURE__ */ o(
|
|
3970
|
-
slack: /* @__PURE__ */ o(
|
|
3971
|
-
google: /* @__PURE__ */ o(
|
|
3981
|
+
discord: /* @__PURE__ */ o(oi, {}),
|
|
3982
|
+
slack: /* @__PURE__ */ o(ni, {}),
|
|
3983
|
+
google: /* @__PURE__ */ o(ri, {})
|
|
3972
3984
|
};
|
|
3973
3985
|
return e.toLowerCase() in t ? t[e.toLowerCase()] : null;
|
|
3974
|
-
},
|
|
3986
|
+
}, ii = u(B)`
|
|
3975
3987
|
max-height: none;
|
|
3976
3988
|
|
|
3977
3989
|
transition: filter 0.2s;
|
|
3978
3990
|
&:hover {
|
|
3979
3991
|
filter: brightness(1.2);
|
|
3980
3992
|
}
|
|
3981
|
-
`,
|
|
3993
|
+
`, ml = ({ url: e, name: t, icon: r, color: n, textColor: s }) => {
|
|
3982
3994
|
const a = n || {
|
|
3983
3995
|
discord: "#5765F2",
|
|
3984
3996
|
slack: "#4A154B",
|
|
3985
3997
|
google: "#D34836"
|
|
3986
3998
|
}[t] || "initial";
|
|
3987
3999
|
return /* @__PURE__ */ o("a", { href: e, title: t, children: /* @__PURE__ */ o(
|
|
3988
|
-
|
|
4000
|
+
ii,
|
|
3989
4001
|
{
|
|
3990
4002
|
style: {
|
|
3991
4003
|
backgroundColor: a,
|
|
3992
|
-
color:
|
|
4004
|
+
color: s || "white"
|
|
3993
4005
|
},
|
|
3994
4006
|
label: /* @__PURE__ */ S(pe, { children: [
|
|
3995
|
-
r ? /* @__PURE__ */ o("img", { src: r, style: { height: 36, width: "auto" } }) : /* @__PURE__ */ o(
|
|
4007
|
+
r ? /* @__PURE__ */ o("img", { src: r, style: { height: 36, width: "auto" } }) : /* @__PURE__ */ o(ai, { name: t }),
|
|
3996
4008
|
/* @__PURE__ */ o("span", { className: "label", children: "Login with " + t })
|
|
3997
4009
|
] })
|
|
3998
4010
|
}
|
|
3999
4011
|
) }, t);
|
|
4000
|
-
},
|
|
4012
|
+
}, si = Ye`
|
|
4001
4013
|
--base-size-4: 0.25rem;
|
|
4002
4014
|
--base-size-8: 0.5rem;
|
|
4003
4015
|
--base-size-16: 1rem;
|
|
@@ -5186,7 +5198,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
5186
5198
|
.highlight pre:has(+ .zeroclipboard-container) {
|
|
5187
5199
|
min-height: 52px;
|
|
5188
5200
|
}
|
|
5189
|
-
`,
|
|
5201
|
+
`, hl = u.div`
|
|
5190
5202
|
display: flex;
|
|
5191
5203
|
flex-direction: row;
|
|
5192
5204
|
justify-content: center;
|
|
@@ -5256,7 +5268,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
5256
5268
|
width: 100%;
|
|
5257
5269
|
}
|
|
5258
5270
|
}
|
|
5259
|
-
`,
|
|
5271
|
+
`, bl = u.div`
|
|
5260
5272
|
display: flex;
|
|
5261
5273
|
flex-direction: column;
|
|
5262
5274
|
overflow: auto;
|
|
@@ -5269,7 +5281,7 @@ const na = "https://ynput.cloud/free-trial", aa = ({
|
|
|
5269
5281
|
button {
|
|
5270
5282
|
width: 100%;
|
|
5271
5283
|
}
|
|
5272
|
-
`,
|
|
5284
|
+
`, fl = u.img`
|
|
5273
5285
|
height: 60px;
|
|
5274
5286
|
`;
|
|
5275
5287
|
u.img`
|
|
@@ -5278,24 +5290,24 @@ u.img`
|
|
|
5278
5290
|
top: 16px;
|
|
5279
5291
|
left: 16px;
|
|
5280
5292
|
`;
|
|
5281
|
-
const
|
|
5293
|
+
const vl = u.img`
|
|
5282
5294
|
max-height: 100%;
|
|
5283
5295
|
width: 100%;
|
|
5284
5296
|
object-fit: contain;
|
|
5285
5297
|
overflow: hidden;
|
|
5286
|
-
`,
|
|
5298
|
+
`, yl = u.img`
|
|
5287
5299
|
position: fixed;
|
|
5288
5300
|
z-index: -10;
|
|
5289
5301
|
object-fit: cover;
|
|
5290
5302
|
width: 100vw;
|
|
5291
5303
|
height: 100vh;
|
|
5292
|
-
`,
|
|
5304
|
+
`, xl = u.div`
|
|
5293
5305
|
max-width: 100%;
|
|
5294
5306
|
height: 100%;
|
|
5295
5307
|
overflow: auto;
|
|
5296
5308
|
|
|
5297
|
-
${
|
|
5298
|
-
`,
|
|
5309
|
+
${si}
|
|
5310
|
+
`, wl = u.p`
|
|
5299
5311
|
color: var(--md-sys-color-outline);
|
|
5300
5312
|
&,
|
|
5301
5313
|
a {
|
|
@@ -5313,7 +5325,58 @@ u.span`
|
|
|
5313
5325
|
${se.labelMedium}
|
|
5314
5326
|
color: var(--md-sys-color-outline);
|
|
5315
5327
|
`;
|
|
5316
|
-
const
|
|
5328
|
+
const li = u.div`
|
|
5329
|
+
display: flex;
|
|
5330
|
+
flex-direction: column;
|
|
5331
|
+
min-height: 0;
|
|
5332
|
+
overflow: auto;
|
|
5333
|
+
border-radius: 8px;
|
|
5334
|
+
background-color: var(--md-sys-color-surface-container-high);
|
|
5335
|
+
color: var(--md-sys-color-on-surface);
|
|
5336
|
+
outline: none;
|
|
5337
|
+
`, ci = ({ anchor: e, close: t, children: r }) => {
|
|
5338
|
+
const n = H(null);
|
|
5339
|
+
return Y(() => {
|
|
5340
|
+
const i = (a) => {
|
|
5341
|
+
const h = n.current?.closest("dialog"), f = a.target;
|
|
5342
|
+
!h || h.contains(f) || e?.contains(f) || f.closest?.("dialog") || a.clientY < h.getBoundingClientRect().top && t();
|
|
5343
|
+
};
|
|
5344
|
+
return document.addEventListener("pointerdown", i), () => document.removeEventListener("pointerdown", i);
|
|
5345
|
+
}, [e, t]), Y(() => {
|
|
5346
|
+
const i = requestAnimationFrame(() => {
|
|
5347
|
+
const a = n.current;
|
|
5348
|
+
a && !a.contains(document.activeElement) && a.focus();
|
|
5349
|
+
});
|
|
5350
|
+
return () => cancelAnimationFrame(i);
|
|
5351
|
+
}, []), /* @__PURE__ */ o(li, { ref: n, tabIndex: -1, className: "addon-popover", onKeyDown: (i) => {
|
|
5352
|
+
i.key === "Escape" && (i.defaultPrevented || !n.current?.contains(i.target)) && i.stopPropagation();
|
|
5353
|
+
}, children: r });
|
|
5354
|
+
}, kl = ({
|
|
5355
|
+
contribution: e,
|
|
5356
|
+
context: t,
|
|
5357
|
+
open: r,
|
|
5358
|
+
anchor: n
|
|
5359
|
+
}) => {
|
|
5360
|
+
const s = e;
|
|
5361
|
+
return /* @__PURE__ */ o(
|
|
5362
|
+
Co,
|
|
5363
|
+
{
|
|
5364
|
+
id: `addon-popover:${s.slot}:${s.key}`,
|
|
5365
|
+
target: n,
|
|
5366
|
+
isOpen: r,
|
|
5367
|
+
onDismiss: t.close,
|
|
5368
|
+
children: /* @__PURE__ */ o(ci, { anchor: n, close: t.close, children: /* @__PURE__ */ o(
|
|
5369
|
+
Ar,
|
|
5370
|
+
{
|
|
5371
|
+
contribution: e,
|
|
5372
|
+
piece: "popover",
|
|
5373
|
+
context: t,
|
|
5374
|
+
error: (i) => /* @__PURE__ */ o(Ur, { contribution: s, error: i, onReported: t.close })
|
|
5375
|
+
}
|
|
5376
|
+
) })
|
|
5377
|
+
}
|
|
5378
|
+
);
|
|
5379
|
+
}, Cl = Zo`
|
|
5317
5380
|
.p-splitter > .p-splitter-gutter {
|
|
5318
5381
|
position: relative;
|
|
5319
5382
|
|
|
@@ -5400,7 +5463,7 @@ const hl = Qo`
|
|
|
5400
5463
|
inset: -3px 0;
|
|
5401
5464
|
}
|
|
5402
5465
|
}
|
|
5403
|
-
`,
|
|
5466
|
+
`, Sl = u.a`
|
|
5404
5467
|
color: var(--md-sys-color-primary, #0066cc);
|
|
5405
5468
|
text-decoration: none;
|
|
5406
5469
|
cursor: pointer;
|
|
@@ -5412,7 +5475,7 @@ const hl = Qo`
|
|
|
5412
5475
|
&:hover {
|
|
5413
5476
|
text-decoration: underline;
|
|
5414
5477
|
}
|
|
5415
|
-
`,
|
|
5478
|
+
`, di = u.div`
|
|
5416
5479
|
display: flex;
|
|
5417
5480
|
gap: var(--base-gap-small);
|
|
5418
5481
|
background-color: var(--md-sys-color-surface-container-high);
|
|
@@ -5425,14 +5488,14 @@ const hl = Qo`
|
|
|
5425
5488
|
background-color: var(--md-sys-color-surface-container-highest-hover);
|
|
5426
5489
|
}
|
|
5427
5490
|
}
|
|
5428
|
-
`,
|
|
5429
|
-
({ showGrid: e, onChange: t, ...r }, n) => (
|
|
5430
|
-
const
|
|
5431
|
-
const a =
|
|
5432
|
-
a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.isContentEditable || a.getAttribute("role") === "textbox" || a.tagName === "LI" ||
|
|
5491
|
+
`, Il = ce(
|
|
5492
|
+
({ showGrid: e, onChange: t, ...r }, n) => (Y(() => {
|
|
5493
|
+
const s = (i) => {
|
|
5494
|
+
const a = i.target;
|
|
5495
|
+
a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.isContentEditable || a.getAttribute("role") === "textbox" || a.tagName === "LI" || i.ctrlKey || i.metaKey || i.altKey || (i.key.toLowerCase() === "t" ? t(!1) : i.key.toLowerCase() === "c" && t(!0));
|
|
5433
5496
|
};
|
|
5434
|
-
return window.addEventListener("keydown",
|
|
5435
|
-
}, [t]), /* @__PURE__ */ S(
|
|
5497
|
+
return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
|
|
5498
|
+
}, [t]), /* @__PURE__ */ S(di, { ...r, ref: n, children: [
|
|
5436
5499
|
/* @__PURE__ */ o(
|
|
5437
5500
|
uo,
|
|
5438
5501
|
{
|
|
@@ -5456,13 +5519,13 @@ const hl = Qo`
|
|
|
5456
5519
|
}
|
|
5457
5520
|
)
|
|
5458
5521
|
] }))
|
|
5459
|
-
),
|
|
5522
|
+
), ui = u.form`
|
|
5460
5523
|
display: flex;
|
|
5461
5524
|
flex-direction: column;
|
|
5462
5525
|
gap: var(--base-gap-large);
|
|
5463
5526
|
padding: var(--padding-m);
|
|
5464
5527
|
width: 100%;
|
|
5465
|
-
`,
|
|
5528
|
+
`, pi = u(Et)`
|
|
5466
5529
|
width: 100%;
|
|
5467
5530
|
margin: auto;
|
|
5468
5531
|
|
|
@@ -5473,12 +5536,12 @@ const hl = Qo`
|
|
|
5473
5536
|
input {
|
|
5474
5537
|
width: 100%;
|
|
5475
5538
|
}
|
|
5476
|
-
`,
|
|
5539
|
+
`, gi = u.div`
|
|
5477
5540
|
font-size: var(--font-size-xs);
|
|
5478
5541
|
color: var(--md-sys-color-outline);
|
|
5479
5542
|
margin-top: var(--base-gap-small);
|
|
5480
5543
|
line-height: 1.3;
|
|
5481
|
-
`,
|
|
5544
|
+
`, mi = u.button`
|
|
5482
5545
|
background: none;
|
|
5483
5546
|
border: none;
|
|
5484
5547
|
color: var(--md-sys-color-primary);
|
|
@@ -5491,7 +5554,7 @@ const hl = Qo`
|
|
|
5491
5554
|
&:hover {
|
|
5492
5555
|
color: var(--md-sys-color-primary-dark);
|
|
5493
5556
|
}
|
|
5494
|
-
`,
|
|
5557
|
+
`, hi = u.div`
|
|
5495
5558
|
display: flex;
|
|
5496
5559
|
align-items: start;
|
|
5497
5560
|
gap: var(--base-gap-small);
|
|
@@ -5501,103 +5564,103 @@ const hl = Qo`
|
|
|
5501
5564
|
flex: 1;
|
|
5502
5565
|
min-width: 0;
|
|
5503
5566
|
}
|
|
5504
|
-
`,
|
|
5567
|
+
`, bi = u.div`
|
|
5505
5568
|
font-size: var(--font-size-xs);
|
|
5506
5569
|
color: var(--md-sys-color-primary);
|
|
5507
5570
|
margin-top: var(--base-gap-small);
|
|
5508
5571
|
line-height: 1.3;
|
|
5509
|
-
`,
|
|
5572
|
+
`, fi = u.div`
|
|
5510
5573
|
position: relative;
|
|
5511
5574
|
min-height: 80px;
|
|
5512
|
-
`,
|
|
5575
|
+
`, vi = u.div`
|
|
5513
5576
|
display: flex;
|
|
5514
5577
|
align-items: center;
|
|
5515
5578
|
gap: var(--base-gap-small);
|
|
5516
5579
|
width: 100%;
|
|
5517
|
-
`,
|
|
5580
|
+
`, yi = u(B)`
|
|
5518
5581
|
flex: 1;
|
|
5519
|
-
`,
|
|
5582
|
+
`, xi = u.div`
|
|
5520
5583
|
width: 100%;
|
|
5521
5584
|
overflow: hidden;
|
|
5522
5585
|
display: flex;
|
|
5523
5586
|
min-width: 0;
|
|
5524
|
-
`,
|
|
5587
|
+
`, wi = u.span`
|
|
5525
5588
|
overflow: hidden;
|
|
5526
5589
|
text-overflow: ellipsis;
|
|
5527
5590
|
white-space: nowrap;
|
|
5528
5591
|
max-width: fit-content;
|
|
5529
5592
|
margin-right: 4px;
|
|
5530
5593
|
flex: 1;
|
|
5531
|
-
`,
|
|
5594
|
+
`, ki = u.span`
|
|
5532
5595
|
white-space: nowrap;
|
|
5533
5596
|
overflow: hidden;
|
|
5534
5597
|
text-overflow: ellipsis;
|
|
5535
5598
|
font-weight: bold;
|
|
5536
|
-
`,
|
|
5599
|
+
`, Ci = ({
|
|
5537
5600
|
formData: e,
|
|
5538
5601
|
onChange: t,
|
|
5539
5602
|
onSubmit: r,
|
|
5540
5603
|
hidden: n = [],
|
|
5541
|
-
projectName:
|
|
5542
|
-
minVersion:
|
|
5604
|
+
projectName: s,
|
|
5605
|
+
minVersion: i = 1,
|
|
5543
5606
|
versionId: a,
|
|
5544
|
-
productId:
|
|
5607
|
+
productId: h
|
|
5545
5608
|
}) => {
|
|
5546
|
-
const
|
|
5609
|
+
const f = H(e.productType), c = H(null), l = H(null), {
|
|
5547
5610
|
pendingFiles: p,
|
|
5548
5611
|
setPendingFiles: d,
|
|
5549
5612
|
onCloseVersionUpload: y,
|
|
5550
|
-
extractAndSetVersionFromFiles:
|
|
5613
|
+
extractAndSetVersionFromFiles: v,
|
|
5551
5614
|
dispatch: x,
|
|
5552
5615
|
taskId: g,
|
|
5553
5616
|
linkedTask: w,
|
|
5554
|
-
isLoadingTask:
|
|
5617
|
+
isLoadingTask: b,
|
|
5555
5618
|
setTaskId: m,
|
|
5556
5619
|
setLinkedTask: k,
|
|
5557
5620
|
folderId: C,
|
|
5558
5621
|
folderProducts: N,
|
|
5559
5622
|
isFolderProductsLoading: z,
|
|
5560
5623
|
matchedProduct: P
|
|
5561
|
-
} =
|
|
5624
|
+
} = To(), [V, L] = U(!1), j = Z(
|
|
5562
5625
|
() => N.map((D) => ({ value: D.name, label: D.name })),
|
|
5563
5626
|
[N]
|
|
5564
|
-
), T =
|
|
5627
|
+
), T = te(
|
|
5565
5628
|
(D) => {
|
|
5566
5629
|
t("name", D.length > 0 ? D[0] : "");
|
|
5567
5630
|
},
|
|
5568
5631
|
[t]
|
|
5569
|
-
), F = P?.latestVersion ? `v${String(P.latestVersion.version).padStart(3, "0")}` : "", { data: M, isFetching: O } =
|
|
5570
|
-
{ projectName:
|
|
5632
|
+
), F = P?.latestVersion ? `v${String(P.latestVersion.version).padStart(3, "0")}` : "", { data: M, isFetching: O } = hr(
|
|
5633
|
+
{ projectName: s, taskId: g },
|
|
5571
5634
|
{ skip: !g }
|
|
5572
|
-
), I =
|
|
5573
|
-
|
|
5574
|
-
const D =
|
|
5575
|
-
if (e.productType !== D &&
|
|
5576
|
-
const Ee = e.name.slice(
|
|
5635
|
+
), I = b || !!g && O && !w, A = M?.folderId || C, R = ko(), $ = M?.label || M?.name || w?.label || w?.name || "", W = M?.taskType || w?.taskType, re = W ? R.getTaskType(W) : void 0, ne = re?.icon || "task_alt", ve = M?.path ? M.path.substring(0, M.path.lastIndexOf("/")) : "", ye = R.getProductTypeOptions(), ge = Z(() => R.productTypes.reduce((D, X) => (D[X.name] = X, D), {}), [R.productTypes]);
|
|
5636
|
+
Y(() => {
|
|
5637
|
+
const D = f.current, X = ge[D]?.name || "", be = ge[e.productType]?.name || "";
|
|
5638
|
+
if (e.productType !== D && X && e.name.startsWith(X)) {
|
|
5639
|
+
const Ee = e.name.slice(X.length), Te = be + Ee;
|
|
5577
5640
|
t("name", Te);
|
|
5578
5641
|
}
|
|
5579
|
-
|
|
5642
|
+
f.current = e.productType;
|
|
5580
5643
|
}, [e.productType, e.name, t]);
|
|
5581
5644
|
const Oe = (D) => {
|
|
5582
5645
|
D.preventDefault();
|
|
5583
|
-
const
|
|
5584
|
-
|
|
5646
|
+
const X = D.nativeEvent.submitter;
|
|
5647
|
+
X && X.closest(".dropdown") || r(e);
|
|
5585
5648
|
}, at = (D) => {
|
|
5586
|
-
const
|
|
5587
|
-
isNaN(
|
|
5649
|
+
const X = parseInt(D.target.value, 10);
|
|
5650
|
+
isNaN(X) || t("version", X);
|
|
5588
5651
|
}, ze = (D) => {
|
|
5589
5652
|
t("name", D.target.value);
|
|
5590
5653
|
}, Se = (D) => {
|
|
5591
5654
|
D.length > 0 && t("productType", D[0]);
|
|
5592
5655
|
}, he = () => {
|
|
5593
|
-
const D = ge[e.productType]?.name || "",
|
|
5656
|
+
const D = ge[e.productType]?.name || "", X = e.name || "", be = X.charAt(0).toUpperCase() + X.slice(1), Ee = D + be;
|
|
5594
5657
|
t("name", Ee);
|
|
5595
5658
|
}, de = () => {
|
|
5596
5659
|
const D = ge[e.productType]?.name || "";
|
|
5597
5660
|
return e.name && !e.name.startsWith(D);
|
|
5598
5661
|
}, ae = !!a;
|
|
5599
5662
|
return /* @__PURE__ */ S(
|
|
5600
|
-
|
|
5663
|
+
ui,
|
|
5601
5664
|
{
|
|
5602
5665
|
id: "upload-version-form",
|
|
5603
5666
|
ref: l,
|
|
@@ -5610,8 +5673,8 @@ const hl = Qo`
|
|
|
5610
5673
|
}
|
|
5611
5674
|
},
|
|
5612
5675
|
children: [
|
|
5613
|
-
/* @__PURE__ */ S(
|
|
5614
|
-
!n.includes("name") && /* @__PURE__ */ o(oe, { label: "Product Name", children: /* @__PURE__ */ S(
|
|
5676
|
+
/* @__PURE__ */ S(pi, { children: [
|
|
5677
|
+
!n.includes("name") && /* @__PURE__ */ o(oe, { label: "Product Name", children: /* @__PURE__ */ S(hi, { children: [
|
|
5615
5678
|
/* @__PURE__ */ S("div", { children: [
|
|
5616
5679
|
/* @__PURE__ */ o(
|
|
5617
5680
|
De,
|
|
@@ -5626,23 +5689,23 @@ const hl = Qo`
|
|
|
5626
5689
|
disabled: ae
|
|
5627
5690
|
}
|
|
5628
5691
|
),
|
|
5629
|
-
P && /* @__PURE__ */ o(
|
|
5692
|
+
P && /* @__PURE__ */ o(bi, { children: P.latestVersion ? /* @__PURE__ */ S(pe, { children: [
|
|
5630
5693
|
"Matched existing product (latest: ",
|
|
5631
5694
|
F,
|
|
5632
5695
|
")"
|
|
5633
5696
|
] }) : "Matched existing product (no versions)" }),
|
|
5634
|
-
!P && de() && /* @__PURE__ */ S(
|
|
5697
|
+
!P && de() && /* @__PURE__ */ S(gi, { id: "name-recommendation", children: [
|
|
5635
5698
|
'We recommend prefixing with "',
|
|
5636
5699
|
ge[e.productType]?.name,
|
|
5637
5700
|
'".',
|
|
5638
5701
|
" ",
|
|
5639
|
-
/* @__PURE__ */ o(
|
|
5702
|
+
/* @__PURE__ */ o(mi, { type: "button", onClick: he, children: "Apply prefix" })
|
|
5640
5703
|
] })
|
|
5641
5704
|
] }),
|
|
5642
|
-
!
|
|
5705
|
+
!h && !ae && /* @__PURE__ */ o(
|
|
5643
5706
|
me,
|
|
5644
5707
|
{
|
|
5645
|
-
options:
|
|
5708
|
+
options: j,
|
|
5646
5709
|
value: P ? [P.name] : [],
|
|
5647
5710
|
onChange: T,
|
|
5648
5711
|
multiSelect: !1,
|
|
@@ -5650,7 +5713,7 @@ const hl = Qo`
|
|
|
5650
5713
|
widthExpand: !1,
|
|
5651
5714
|
disabled: z || N.length === 0,
|
|
5652
5715
|
"aria-label": "Select existing product",
|
|
5653
|
-
valueTemplate: (D,
|
|
5716
|
+
valueTemplate: (D, X, be) => /* @__PURE__ */ o(
|
|
5654
5717
|
B,
|
|
5655
5718
|
{
|
|
5656
5719
|
icon: "inventory_2",
|
|
@@ -5684,30 +5747,30 @@ const hl = Qo`
|
|
|
5684
5747
|
{
|
|
5685
5748
|
value: e.version,
|
|
5686
5749
|
onChange: at,
|
|
5687
|
-
min:
|
|
5750
|
+
min: i,
|
|
5688
5751
|
step: 1,
|
|
5689
5752
|
"aria-label": "Version Number",
|
|
5690
5753
|
autoFocus: n.includes("name"),
|
|
5691
5754
|
disabled: ae
|
|
5692
5755
|
}
|
|
5693
5756
|
) }),
|
|
5694
|
-
/* @__PURE__ */ o(oe, { label: "Task", children: /* @__PURE__ */ o(
|
|
5757
|
+
/* @__PURE__ */ o(oe, { label: "Task", children: /* @__PURE__ */ o(vi, { children: I ? /* @__PURE__ */ o(Hr, { height: "20px" }) : g && $ ? /* @__PURE__ */ S(pe, { children: [
|
|
5695
5758
|
/* @__PURE__ */ S(
|
|
5696
|
-
|
|
5759
|
+
yi,
|
|
5697
5760
|
{
|
|
5698
5761
|
type: "button",
|
|
5699
5762
|
onClick: () => L(!0),
|
|
5700
5763
|
disabled: ae,
|
|
5701
5764
|
variant: "text",
|
|
5702
5765
|
children: [
|
|
5703
|
-
/* @__PURE__ */ o(
|
|
5704
|
-
/* @__PURE__ */ S(
|
|
5705
|
-
ve && /* @__PURE__ */ S(
|
|
5766
|
+
/* @__PURE__ */ o(q, { icon: ne, style: { color: re?.color } }),
|
|
5767
|
+
/* @__PURE__ */ S(xi, { children: [
|
|
5768
|
+
ve && /* @__PURE__ */ S(wi, { children: [
|
|
5706
5769
|
ve.split("/").filter(Boolean).join(" / "),
|
|
5707
5770
|
" /",
|
|
5708
5771
|
" "
|
|
5709
5772
|
] }),
|
|
5710
|
-
/* @__PURE__ */ o(
|
|
5773
|
+
/* @__PURE__ */ o(ki, { children: $ })
|
|
5711
5774
|
] })
|
|
5712
5775
|
]
|
|
5713
5776
|
}
|
|
@@ -5737,12 +5800,12 @@ const hl = Qo`
|
|
|
5737
5800
|
) }) })
|
|
5738
5801
|
] }),
|
|
5739
5802
|
V && /* @__PURE__ */ o(
|
|
5740
|
-
|
|
5803
|
+
Or,
|
|
5741
5804
|
{
|
|
5742
|
-
projectName:
|
|
5805
|
+
projectName: s,
|
|
5743
5806
|
entityType: "task",
|
|
5744
5807
|
initialSelection: {
|
|
5745
|
-
...
|
|
5808
|
+
...A ? { folder: { [A]: !0 } } : {},
|
|
5746
5809
|
...g ? { task: { [g]: !0 } } : {}
|
|
5747
5810
|
},
|
|
5748
5811
|
onSubmit: (D) => {
|
|
@@ -5752,17 +5815,17 @@ const hl = Qo`
|
|
|
5752
5815
|
}
|
|
5753
5816
|
),
|
|
5754
5817
|
/* @__PURE__ */ o(oe, { label: "Reviewable files" }),
|
|
5755
|
-
/* @__PURE__ */ o(
|
|
5756
|
-
|
|
5818
|
+
/* @__PURE__ */ o(fi, { children: /* @__PURE__ */ o(
|
|
5819
|
+
fr,
|
|
5757
5820
|
{
|
|
5758
|
-
projectName:
|
|
5821
|
+
projectName: s,
|
|
5759
5822
|
versionId: a,
|
|
5760
|
-
productId:
|
|
5823
|
+
productId: h,
|
|
5761
5824
|
dispatch: x,
|
|
5762
5825
|
pendingFiles: p,
|
|
5763
5826
|
setPendingFiles: d,
|
|
5764
5827
|
onUpload: y,
|
|
5765
|
-
onFilesAdded:
|
|
5828
|
+
onFilesAdded: v,
|
|
5766
5829
|
pt: {
|
|
5767
5830
|
upload: {
|
|
5768
5831
|
style: { minHeight: 80 }
|
|
@@ -5776,31 +5839,31 @@ const hl = Qo`
|
|
|
5776
5839
|
]
|
|
5777
5840
|
}
|
|
5778
5841
|
);
|
|
5779
|
-
},
|
|
5842
|
+
}, Si = (e) => {
|
|
5780
5843
|
let t = String(e), r = Math.max(0, 3 - t.length);
|
|
5781
5844
|
return `v${"0".repeat(r)}${t}`;
|
|
5782
|
-
},
|
|
5845
|
+
}, Ii = u.span`
|
|
5783
5846
|
background-color: var(--md-sys-color-error-container);
|
|
5784
5847
|
color: var(--md-sys-color-on-error-container);
|
|
5785
5848
|
padding: var(--padding-s);
|
|
5786
5849
|
border-radius: var(--border-radius-m);
|
|
5787
|
-
`,
|
|
5850
|
+
`, El = () => {
|
|
5788
5851
|
const {
|
|
5789
5852
|
isOpen: e,
|
|
5790
5853
|
onCloseVersionUpload: t,
|
|
5791
5854
|
productId: r,
|
|
5792
5855
|
taskId: n,
|
|
5793
|
-
projectName:
|
|
5794
|
-
form:
|
|
5856
|
+
projectName: s,
|
|
5857
|
+
form: i,
|
|
5795
5858
|
latestVersion: a,
|
|
5796
|
-
handleFormChange:
|
|
5797
|
-
handleFormSubmit:
|
|
5859
|
+
handleFormChange: h,
|
|
5860
|
+
handleFormSubmit: f,
|
|
5798
5861
|
isSubmitting: c,
|
|
5799
5862
|
error: l,
|
|
5800
5863
|
createdProductId: p,
|
|
5801
5864
|
createdVersionId: d,
|
|
5802
5865
|
matchedProduct: y
|
|
5803
|
-
} =
|
|
5866
|
+
} = To(), v = r || p, x = d, g = typeof l == "string" ? l.length > 0 : !!l, w = /* @__PURE__ */ S("div", { style: { display: "flex", flexDirection: "row", gap: 8 }, children: [
|
|
5804
5867
|
/* @__PURE__ */ o(go, {}),
|
|
5805
5868
|
/* @__PURE__ */ o(B, { onClick: t, label: "Cancel", variant: "text" }),
|
|
5806
5869
|
/* @__PURE__ */ o(
|
|
@@ -5808,7 +5871,7 @@ const hl = Qo`
|
|
|
5808
5871
|
{
|
|
5809
5872
|
type: "submit",
|
|
5810
5873
|
form: "upload-version-form",
|
|
5811
|
-
label: `Create ${
|
|
5874
|
+
label: `Create ${Si(i.version)}`,
|
|
5812
5875
|
icon: "upload",
|
|
5813
5876
|
active: !0,
|
|
5814
5877
|
saving: c
|
|
@@ -5826,23 +5889,23 @@ const hl = Qo`
|
|
|
5826
5889
|
style: { width: 600, maxHeight: "80vh" },
|
|
5827
5890
|
children: [
|
|
5828
5891
|
/* @__PURE__ */ o(
|
|
5829
|
-
|
|
5892
|
+
Ci,
|
|
5830
5893
|
{
|
|
5831
|
-
formData:
|
|
5894
|
+
formData: i,
|
|
5832
5895
|
minVersion: a,
|
|
5833
|
-
onChange:
|
|
5834
|
-
onSubmit:
|
|
5896
|
+
onChange: h,
|
|
5897
|
+
onSubmit: f,
|
|
5835
5898
|
hidden: r ? ["name", "productType"] : y ? ["productType"] : [],
|
|
5836
|
-
projectName:
|
|
5899
|
+
projectName: s,
|
|
5837
5900
|
versionId: x,
|
|
5838
|
-
productId:
|
|
5901
|
+
productId: v
|
|
5839
5902
|
}
|
|
5840
5903
|
),
|
|
5841
|
-
g && /* @__PURE__ */ o(
|
|
5904
|
+
g && /* @__PURE__ */ o(Ii, { className: "error", children: dr(l) })
|
|
5842
5905
|
]
|
|
5843
5906
|
}
|
|
5844
5907
|
);
|
|
5845
|
-
},
|
|
5908
|
+
}, Ei = u.div`
|
|
5846
5909
|
--reviewable-card-width: 62px;
|
|
5847
5910
|
|
|
5848
5911
|
position: relative;
|
|
@@ -5850,14 +5913,14 @@ const hl = Qo`
|
|
|
5850
5913
|
z-index: 1000;
|
|
5851
5914
|
overflow: hidden;
|
|
5852
5915
|
padding-bottom: var(--padding-m);
|
|
5853
|
-
`,
|
|
5916
|
+
`, Ti = u(jr)`
|
|
5854
5917
|
display: flex;
|
|
5855
5918
|
flex-direction: column;
|
|
5856
5919
|
justify-content: flex-start;
|
|
5857
5920
|
align-items: center;
|
|
5858
5921
|
min-width: fit-content;
|
|
5859
5922
|
gap: var(--base-gap-small);
|
|
5860
|
-
`,
|
|
5923
|
+
`, Ni = u.div`
|
|
5861
5924
|
position: relative;
|
|
5862
5925
|
flex-shrink: 0;
|
|
5863
5926
|
display: flex;
|
|
@@ -5907,7 +5970,7 @@ const hl = Qo`
|
|
|
5907
5970
|
border-color: var(--selection-border-color);
|
|
5908
5971
|
color: var(--selection-color);
|
|
5909
5972
|
}
|
|
5910
|
-
`,
|
|
5973
|
+
`, Pi = u.span`
|
|
5911
5974
|
padding: var(--padding-m);
|
|
5912
5975
|
border-radius: var(--border-radius-m);
|
|
5913
5976
|
background-color: var(--md-sys-color-surface-container-low);
|
|
@@ -5918,7 +5981,7 @@ const hl = Qo`
|
|
|
5918
5981
|
left: -8px;
|
|
5919
5982
|
transform: translateX(-100%) translateY(-50%);
|
|
5920
5983
|
z-index: 1000;
|
|
5921
|
-
`,
|
|
5984
|
+
`, Ai = u(B)`
|
|
5922
5985
|
width: var(--reviewable-card-width);
|
|
5923
5986
|
aspect-ratio: 16 / 9;
|
|
5924
5987
|
flex-shrink: 0;
|
|
@@ -5927,7 +5990,7 @@ const hl = Qo`
|
|
|
5927
5990
|
&:hover {
|
|
5928
5991
|
background-color: var(--md-sys-color-surface-container-high-hover);
|
|
5929
5992
|
}
|
|
5930
|
-
`,
|
|
5993
|
+
`, _i = u.div`
|
|
5931
5994
|
border-radius: var(--border-radius-m);
|
|
5932
5995
|
background-color: var(--md-sys-color-surface-container-high);
|
|
5933
5996
|
position: absolute;
|
|
@@ -5935,22 +5998,22 @@ const hl = Qo`
|
|
|
5935
5998
|
right: var(--padding-s);
|
|
5936
5999
|
padding: var(--padding-s);
|
|
5937
6000
|
`;
|
|
5938
|
-
function
|
|
6001
|
+
function Di({
|
|
5939
6002
|
fileId: e,
|
|
5940
6003
|
label: t,
|
|
5941
6004
|
selected: r,
|
|
5942
6005
|
projectName: n,
|
|
5943
|
-
onKeyDown:
|
|
5944
|
-
onMouseOver:
|
|
6006
|
+
onKeyDown: s,
|
|
6007
|
+
onMouseOver: i,
|
|
5945
6008
|
onChange: a,
|
|
5946
|
-
tag:
|
|
5947
|
-
contextMenuItems:
|
|
6009
|
+
tag: h,
|
|
6010
|
+
contextMenuItems: f,
|
|
5948
6011
|
selectionVariant: c = "primary",
|
|
5949
6012
|
shortcut: l
|
|
5950
6013
|
}) {
|
|
5951
|
-
const [p] =
|
|
6014
|
+
const [p] = Kr();
|
|
5952
6015
|
return /* @__PURE__ */ S(
|
|
5953
|
-
|
|
6016
|
+
Ni,
|
|
5954
6017
|
{
|
|
5955
6018
|
id: "preview-" + e,
|
|
5956
6019
|
onClick: (d) => a?.(e, d.metaKey || d.ctrlKey),
|
|
@@ -5958,39 +6021,45 @@ function Ti({
|
|
|
5958
6021
|
"data-tooltip": t,
|
|
5959
6022
|
"data-shortcut": l,
|
|
5960
6023
|
"data-shortcut-position": "before",
|
|
5961
|
-
onMouseOver: (d) =>
|
|
5962
|
-
onKeyDown:
|
|
6024
|
+
onMouseOver: (d) => i(d, { label: t }),
|
|
6025
|
+
onKeyDown: s,
|
|
5963
6026
|
onContextMenu: (d) => {
|
|
5964
|
-
|
|
6027
|
+
f && (d.preventDefault(), p(d, f));
|
|
5965
6028
|
},
|
|
5966
6029
|
tabIndex: 0,
|
|
5967
6030
|
children: [
|
|
5968
|
-
/* @__PURE__ */ o(
|
|
5969
|
-
|
|
6031
|
+
/* @__PURE__ */ o(
|
|
6032
|
+
vr,
|
|
6033
|
+
{
|
|
6034
|
+
src: `/api/projects/${n}/files/${e}/thumbnail`,
|
|
6035
|
+
filmstripSrc: qr(n ?? void 0, e)
|
|
6036
|
+
}
|
|
6037
|
+
),
|
|
6038
|
+
h && /* @__PURE__ */ o(_i, { children: h })
|
|
5970
6039
|
]
|
|
5971
6040
|
},
|
|
5972
6041
|
e
|
|
5973
6042
|
);
|
|
5974
6043
|
}
|
|
5975
|
-
const
|
|
6044
|
+
const Tl = ce(({
|
|
5976
6045
|
reviewables: e = [],
|
|
5977
6046
|
selected: t = [],
|
|
5978
6047
|
projectName: r,
|
|
5979
6048
|
onChange: n,
|
|
5980
|
-
onUpload:
|
|
5981
|
-
},
|
|
5982
|
-
const a =
|
|
5983
|
-
const m =
|
|
6049
|
+
onUpload: s
|
|
6050
|
+
}, i) => {
|
|
6051
|
+
const a = H(null), h = H(null), [f, c] = U(null), [l, p] = U(null), d = () => h.current?.scrollTop || 0, y = (b) => {
|
|
6052
|
+
const m = h.current, k = document.getElementById("preview-" + b);
|
|
5984
6053
|
if (!m || !k) return;
|
|
5985
6054
|
const C = m.getBoundingClientRect(), N = k.getBoundingClientRect();
|
|
5986
6055
|
N.top < C.top ? m.scrollTop -= C.top - N.top : N.bottom > C.bottom && (m.scrollTop += N.bottom - C.bottom), a.current?.updateScroll?.();
|
|
5987
6056
|
};
|
|
5988
|
-
|
|
5989
|
-
|
|
6057
|
+
er(
|
|
6058
|
+
i,
|
|
5990
6059
|
() => ({
|
|
5991
|
-
notifyNavigation: ({ fileId:
|
|
5992
|
-
requestAnimationFrame(() => y(
|
|
5993
|
-
const k = document.getElementById("preview-" +
|
|
6060
|
+
notifyNavigation: ({ fileId: b, label: m }) => {
|
|
6061
|
+
requestAnimationFrame(() => y(b)), c(m ?? null);
|
|
6062
|
+
const k = document.getElementById("preview-" + b);
|
|
5994
6063
|
if (k) {
|
|
5995
6064
|
const C = k.offsetTop + k.offsetHeight / 2 - d();
|
|
5996
6065
|
p(C), k.focus({ preventScroll: !0 });
|
|
@@ -5998,135 +6067,136 @@ const yl = ce(({
|
|
|
5998
6067
|
}
|
|
5999
6068
|
}),
|
|
6000
6069
|
[]
|
|
6001
|
-
),
|
|
6002
|
-
const
|
|
6070
|
+
), Y(() => {
|
|
6071
|
+
const b = (m) => {
|
|
6003
6072
|
m.target.closest(".reviewables") || c(null);
|
|
6004
6073
|
};
|
|
6005
|
-
return window.addEventListener("mousemove",
|
|
6006
|
-
window.removeEventListener("mousemove",
|
|
6074
|
+
return window.addEventListener("mousemove", b), () => {
|
|
6075
|
+
window.removeEventListener("mousemove", b);
|
|
6007
6076
|
};
|
|
6008
6077
|
}, []);
|
|
6009
|
-
const
|
|
6010
|
-
const k =
|
|
6078
|
+
const v = (b, { label: m }) => {
|
|
6079
|
+
const k = b.target.closest(".reviewable-card");
|
|
6011
6080
|
if (!k) return;
|
|
6012
6081
|
c(m ?? null);
|
|
6013
6082
|
const C = k.offsetTop + k.offsetHeight / 2 - d();
|
|
6014
6083
|
p(C);
|
|
6015
|
-
}, x = (
|
|
6016
|
-
if (
|
|
6017
|
-
const m =
|
|
6084
|
+
}, x = (b) => {
|
|
6085
|
+
if (b.key === "Enter" || b.key === " ") {
|
|
6086
|
+
const m = b.target.closest(".reviewable-card");
|
|
6018
6087
|
if (!m) return;
|
|
6019
6088
|
const k = m.id.replace("preview-", "");
|
|
6020
6089
|
n && n(k);
|
|
6021
6090
|
}
|
|
6022
6091
|
};
|
|
6023
6092
|
if (!e.length) return /* @__PURE__ */ o("div", {});
|
|
6024
|
-
const g = e.findIndex(({ fileId:
|
|
6093
|
+
const g = e.findIndex(({ fileId: b }) => t.includes(b)), w = (b) => {
|
|
6025
6094
|
if (e.length < 2 || g === -1) return;
|
|
6026
6095
|
const m = e.length;
|
|
6027
|
-
if (
|
|
6028
|
-
if (
|
|
6096
|
+
if (b === (g - 1 + m) % m) return "W";
|
|
6097
|
+
if (b === (g + 1) % m) return "S";
|
|
6029
6098
|
};
|
|
6030
|
-
return /* @__PURE__ */ S(
|
|
6099
|
+
return /* @__PURE__ */ S(Ei, { children: [
|
|
6031
6100
|
/* @__PURE__ */ S(
|
|
6032
|
-
|
|
6101
|
+
Ti,
|
|
6033
6102
|
{
|
|
6034
6103
|
className: "reviewables",
|
|
6035
6104
|
ref: a,
|
|
6036
|
-
containerRef: (
|
|
6037
|
-
|
|
6105
|
+
containerRef: (b) => {
|
|
6106
|
+
h.current = b;
|
|
6038
6107
|
},
|
|
6039
6108
|
children: [
|
|
6040
|
-
e.map(({ fileId:
|
|
6041
|
-
|
|
6109
|
+
e.map(({ fileId: b, label: m, tag: k, selectionVariant: C, contextMenuItems: N }, z) => /* @__PURE__ */ o(
|
|
6110
|
+
Di,
|
|
6042
6111
|
{
|
|
6043
6112
|
shortcut: w(z),
|
|
6044
6113
|
projectName: r,
|
|
6045
|
-
fileId:
|
|
6114
|
+
fileId: b,
|
|
6046
6115
|
label: m,
|
|
6047
|
-
selected: t.includes(
|
|
6116
|
+
selected: t.includes(b),
|
|
6048
6117
|
selectionVariant: C,
|
|
6049
6118
|
tag: k,
|
|
6050
6119
|
contextMenuItems: N,
|
|
6051
6120
|
onChange: n,
|
|
6052
6121
|
onKeyDown: x,
|
|
6053
|
-
onMouseOver:
|
|
6122
|
+
onMouseOver: v
|
|
6054
6123
|
},
|
|
6055
|
-
|
|
6124
|
+
b
|
|
6056
6125
|
)),
|
|
6057
|
-
!!
|
|
6058
|
-
|
|
6126
|
+
!!s && /* @__PURE__ */ o(
|
|
6127
|
+
Ai,
|
|
6059
6128
|
{
|
|
6060
6129
|
icon: "add",
|
|
6061
|
-
onClick:
|
|
6130
|
+
onClick: s,
|
|
6062
6131
|
onMouseEnter: () => c(null)
|
|
6063
6132
|
}
|
|
6064
6133
|
)
|
|
6065
6134
|
]
|
|
6066
6135
|
}
|
|
6067
6136
|
),
|
|
6068
|
-
|
|
6137
|
+
f && l && /* @__PURE__ */ o(Pi, { style: { top: l }, children: f })
|
|
6069
6138
|
] });
|
|
6070
6139
|
});
|
|
6071
6140
|
export {
|
|
6072
|
-
|
|
6073
|
-
|
|
6074
|
-
|
|
6075
|
-
|
|
6076
|
-
|
|
6077
|
-
|
|
6078
|
-
|
|
6079
|
-
|
|
6080
|
-
|
|
6081
|
-
|
|
6082
|
-
|
|
6083
|
-
|
|
6084
|
-
|
|
6085
|
-
|
|
6086
|
-
|
|
6087
|
-
|
|
6088
|
-
|
|
6089
|
-
|
|
6090
|
-
|
|
6091
|
-
|
|
6092
|
-
|
|
6093
|
-
|
|
6094
|
-
|
|
6095
|
-
|
|
6096
|
-
|
|
6097
|
-
|
|
6098
|
-
|
|
6099
|
-
|
|
6100
|
-
|
|
6101
|
-
|
|
6102
|
-
|
|
6103
|
-
|
|
6104
|
-
|
|
6105
|
-
|
|
6106
|
-
|
|
6107
|
-
|
|
6108
|
-
|
|
6109
|
-
|
|
6110
|
-
|
|
6111
|
-
|
|
6112
|
-
|
|
6113
|
-
|
|
6114
|
-
|
|
6115
|
-
|
|
6116
|
-
|
|
6117
|
-
|
|
6118
|
-
|
|
6119
|
-
|
|
6120
|
-
|
|
6121
|
-
|
|
6122
|
-
|
|
6123
|
-
|
|
6124
|
-
|
|
6125
|
-
|
|
6126
|
-
|
|
6127
|
-
|
|
6141
|
+
Ra as $,
|
|
6142
|
+
Vs as A,
|
|
6143
|
+
yl as B,
|
|
6144
|
+
Fs as C,
|
|
6145
|
+
Gs as D,
|
|
6146
|
+
Zr as E,
|
|
6147
|
+
il as F,
|
|
6148
|
+
Jr as G,
|
|
6149
|
+
Js as H,
|
|
6150
|
+
xn as I,
|
|
6151
|
+
mn as J,
|
|
6152
|
+
tl as K,
|
|
6153
|
+
hl as L,
|
|
6154
|
+
al as M,
|
|
6155
|
+
qt as N,
|
|
6156
|
+
Wt as O,
|
|
6157
|
+
ia as P,
|
|
6158
|
+
ol as Q,
|
|
6159
|
+
cl as R,
|
|
6160
|
+
Bs as S,
|
|
6161
|
+
Ks as T,
|
|
6162
|
+
pl as U,
|
|
6163
|
+
Tl as V,
|
|
6164
|
+
ua as W,
|
|
6165
|
+
dl as X,
|
|
6166
|
+
ba as Y,
|
|
6167
|
+
nt as Z,
|
|
6168
|
+
tn as _,
|
|
6169
|
+
js as a,
|
|
6170
|
+
Cl as a0,
|
|
6171
|
+
Sl as a1,
|
|
6172
|
+
Gt as a2,
|
|
6173
|
+
Il as a3,
|
|
6174
|
+
Yt as a4,
|
|
6175
|
+
El as a5,
|
|
6176
|
+
Us as a6,
|
|
6177
|
+
Ys as b,
|
|
6178
|
+
Ws as c,
|
|
6179
|
+
Xs as d,
|
|
6180
|
+
Qs as e,
|
|
6181
|
+
Zs as f,
|
|
6182
|
+
qs as g,
|
|
6183
|
+
nl as h,
|
|
6184
|
+
sl as i,
|
|
6185
|
+
rl as j,
|
|
6186
|
+
ll as k,
|
|
6187
|
+
wl as l,
|
|
6188
|
+
ml as m,
|
|
6189
|
+
vl as n,
|
|
6190
|
+
xl as o,
|
|
6191
|
+
fl as p,
|
|
6192
|
+
bl as q,
|
|
6193
|
+
kl as r,
|
|
6194
|
+
Ct as s,
|
|
6195
|
+
gl as t,
|
|
6196
|
+
$s as u,
|
|
6197
|
+
Hs as v,
|
|
6128
6198
|
Ea as w,
|
|
6129
|
-
|
|
6130
|
-
|
|
6131
|
-
|
|
6199
|
+
Pa as x,
|
|
6200
|
+
ul as y,
|
|
6201
|
+
el as z
|
|
6132
6202
|
};
|