@tenorlab/react-dashboard 1.6.3 → 1.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core.d.ts +13 -1
- package/dist/react-dashboard.d.ts +50 -27
- package/dist/react-dashboard.es.js +1606 -1434
- package/package.json +6 -6
|
@@ -1,199 +1,203 @@
|
|
|
1
|
-
import { create as
|
|
2
|
-
import { blankDashboardConfig as
|
|
3
|
-
import
|
|
1
|
+
import { create as xt } from "zustand";
|
|
2
|
+
import { blankDashboardConfig as Se, dashboardStoreUtils as ge, getDistinctCssClasses as Z, ensureZoomScaleIsWithinRange as Ct, parseContainerTitle as at, getWidgetMetaFromCatalog as wt, dashboardSettingsUtils as St } from "./core.es.js";
|
|
3
|
+
import Ce, { useState as oe, useCallback as ce, useMemo as fe, useRef as st, useEffect as Oe, forwardRef as se, Suspense as Dt } from "react";
|
|
4
4
|
import { jsxs as _, jsx as t } from "react/jsx-runtime";
|
|
5
|
-
import
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
return
|
|
9
|
-
let
|
|
5
|
+
import lt from "react-dom";
|
|
6
|
+
const Tt = (e) => (n, r, i) => {
|
|
7
|
+
const a = i.subscribe;
|
|
8
|
+
return i.subscribe = ((d, f, S) => {
|
|
9
|
+
let v = d;
|
|
10
10
|
if (f) {
|
|
11
|
-
const
|
|
12
|
-
let
|
|
13
|
-
|
|
14
|
-
const
|
|
15
|
-
if (!
|
|
16
|
-
const
|
|
17
|
-
f(
|
|
11
|
+
const b = S?.equalityFn || Object.is;
|
|
12
|
+
let c = d(i.getState());
|
|
13
|
+
v = (h) => {
|
|
14
|
+
const g = d(h);
|
|
15
|
+
if (!b(c, g)) {
|
|
16
|
+
const N = c;
|
|
17
|
+
f(c = g, N);
|
|
18
18
|
}
|
|
19
|
-
},
|
|
19
|
+
}, S?.fireImmediately && f(c, c);
|
|
20
20
|
}
|
|
21
|
-
return
|
|
22
|
-
}), e(
|
|
23
|
-
},
|
|
21
|
+
return a(v);
|
|
22
|
+
}), e(n, r, i);
|
|
23
|
+
}, Nt = Tt, Et = (e, n) => ({
|
|
24
24
|
isLoading: !1,
|
|
25
25
|
isEditing: !1,
|
|
26
|
-
allDashboardConfigs: [
|
|
27
|
-
currentDashboardConfig:
|
|
26
|
+
allDashboardConfigs: [Se],
|
|
27
|
+
currentDashboardConfig: Se,
|
|
28
28
|
targetContainerKey: void 0,
|
|
29
|
-
getNextContainerKey: (
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
getNextContainerKey: (r) => ge.getNextContainerKey(n().currentDashboardConfig, r),
|
|
30
|
+
getCurrentDashboardConfig: () => n().currentDashboardConfig,
|
|
31
|
+
getCurrentDashboardId: () => n().currentDashboardConfig.dashboardId,
|
|
32
|
+
getIsResponsive: () => n().currentDashboardConfig.responsiveGrid || !1,
|
|
33
|
+
getTargetContainerKey: () => n().targetContainerKey,
|
|
34
|
+
setIsLoading: (r) => (e(() => ({ isLoading: r })), r),
|
|
35
|
+
setIsEditing: (r) => {
|
|
36
|
+
let i = n().targetContainerKey;
|
|
37
|
+
return r || (i = void 0), e(() => ({ isEditing: r, targetContainerKey: i })), r;
|
|
34
38
|
},
|
|
35
|
-
setTargetContainerKey: (
|
|
36
|
-
setAllDashboardConfigs: (
|
|
37
|
-
setCurrentDashboardConfig: (
|
|
38
|
-
const
|
|
39
|
-
...
|
|
40
|
-
|
|
39
|
+
setTargetContainerKey: (r) => (e(() => ({ targetContainerKey: r })), r),
|
|
40
|
+
setAllDashboardConfigs: (r) => (e(() => ({ allDashboardConfigs: r })), n().allDashboardConfigs),
|
|
41
|
+
setCurrentDashboardConfig: (r) => {
|
|
42
|
+
const i = n(), a = [
|
|
43
|
+
...i.allDashboardConfigs.filter((o) => o.dashboardId !== r.dashboardId),
|
|
44
|
+
r
|
|
41
45
|
];
|
|
42
46
|
return e(() => ({
|
|
43
|
-
...
|
|
44
|
-
allDashboardConfigs:
|
|
45
|
-
currentDashboardConfig:
|
|
46
|
-
})),
|
|
47
|
+
...i,
|
|
48
|
+
allDashboardConfigs: a,
|
|
49
|
+
currentDashboardConfig: r
|
|
50
|
+
})), a;
|
|
47
51
|
},
|
|
48
|
-
addDashboardConfig: (
|
|
49
|
-
const
|
|
50
|
-
...
|
|
51
|
-
|
|
52
|
+
addDashboardConfig: (r) => {
|
|
53
|
+
const i = n(), a = [
|
|
54
|
+
...i.allDashboardConfigs.filter((o) => o.dashboardId !== r.dashboardId),
|
|
55
|
+
r
|
|
52
56
|
];
|
|
53
57
|
return e(() => ({
|
|
54
|
-
...
|
|
55
|
-
allDashboardConfigs:
|
|
56
|
-
currentDashboardConfig:
|
|
57
|
-
})),
|
|
58
|
+
...i,
|
|
59
|
+
allDashboardConfigs: a,
|
|
60
|
+
currentDashboardConfig: r
|
|
61
|
+
})), a;
|
|
58
62
|
},
|
|
59
|
-
deleteDashboardConfigById: (
|
|
60
|
-
const
|
|
63
|
+
deleteDashboardConfigById: (r) => {
|
|
64
|
+
const i = n(), a = [...i.allDashboardConfigs.filter((o) => o.dashboardId !== r)];
|
|
61
65
|
return e(() => ({
|
|
62
|
-
...
|
|
63
|
-
allDashboardConfigs:
|
|
64
|
-
currentDashboardConfig:
|
|
65
|
-
})),
|
|
66
|
+
...i,
|
|
67
|
+
allDashboardConfigs: a,
|
|
68
|
+
currentDashboardConfig: a[0] || Se
|
|
69
|
+
})), a;
|
|
66
70
|
},
|
|
67
|
-
selectDashboardById: (
|
|
68
|
-
const
|
|
69
|
-
return
|
|
70
|
-
currentDashboardConfig:
|
|
71
|
+
selectDashboardById: (r) => (e(() => {
|
|
72
|
+
const i = n(), a = i.allDashboardConfigs.find((o) => o.dashboardId === r);
|
|
73
|
+
return a ? {
|
|
74
|
+
currentDashboardConfig: a
|
|
71
75
|
} : {
|
|
72
|
-
...
|
|
76
|
+
...i
|
|
73
77
|
};
|
|
74
|
-
}),
|
|
75
|
-
addWidget: (
|
|
76
|
-
const
|
|
77
|
-
dashboardConfig:
|
|
78
|
-
...
|
|
78
|
+
}), n().currentDashboardConfig),
|
|
79
|
+
addWidget: (r) => {
|
|
80
|
+
const i = n(), a = ge.addWidget({
|
|
81
|
+
dashboardConfig: i.currentDashboardConfig,
|
|
82
|
+
...r
|
|
79
83
|
}), o = [
|
|
80
|
-
...
|
|
81
|
-
(
|
|
84
|
+
...i.allDashboardConfigs.filter(
|
|
85
|
+
(d) => d.dashboardId !== a.updatedDashboardConfig.dashboardId
|
|
82
86
|
),
|
|
83
|
-
|
|
87
|
+
a.updatedDashboardConfig
|
|
84
88
|
];
|
|
85
|
-
return
|
|
89
|
+
return a.success && e(() => ({
|
|
86
90
|
allDashboardConfigs: o,
|
|
87
|
-
currentDashboardConfig:
|
|
91
|
+
currentDashboardConfig: a.updatedDashboardConfig
|
|
88
92
|
})), {
|
|
89
|
-
...
|
|
93
|
+
...a,
|
|
90
94
|
allUpdatedDashboardConfigs: o
|
|
91
95
|
};
|
|
92
96
|
},
|
|
93
|
-
removeWidget: (
|
|
94
|
-
const
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
),
|
|
99
|
-
...
|
|
97
|
+
removeWidget: (r, i) => {
|
|
98
|
+
const a = n(), o = ge.removeWidget(
|
|
99
|
+
a.currentDashboardConfig,
|
|
100
|
+
r,
|
|
101
|
+
i
|
|
102
|
+
), d = [
|
|
103
|
+
...a.allDashboardConfigs.filter(
|
|
100
104
|
(f) => f.dashboardId !== o.updatedDashboardConfig.dashboardId
|
|
101
105
|
),
|
|
102
106
|
o.updatedDashboardConfig
|
|
103
107
|
];
|
|
104
108
|
return o.success && e(() => ({
|
|
105
|
-
allDashboardConfigs:
|
|
109
|
+
allDashboardConfigs: d,
|
|
106
110
|
currentDashboardConfig: o.updatedDashboardConfig
|
|
107
111
|
})), {
|
|
108
112
|
...o,
|
|
109
|
-
allUpdatedDashboardConfigs:
|
|
113
|
+
allUpdatedDashboardConfigs: d
|
|
110
114
|
};
|
|
111
115
|
},
|
|
112
|
-
moveWidget: (
|
|
113
|
-
const o =
|
|
116
|
+
moveWidget: (r, i, a) => {
|
|
117
|
+
const o = n(), d = ge.moveWidget(
|
|
114
118
|
o.currentDashboardConfig,
|
|
115
|
-
n,
|
|
116
119
|
r,
|
|
117
|
-
|
|
120
|
+
i,
|
|
121
|
+
a
|
|
118
122
|
), f = [
|
|
119
123
|
...o.allDashboardConfigs.filter(
|
|
120
|
-
(
|
|
124
|
+
(S) => S.dashboardId !== d.updatedDashboardConfig.dashboardId
|
|
121
125
|
),
|
|
122
|
-
|
|
126
|
+
d.updatedDashboardConfig
|
|
123
127
|
];
|
|
124
|
-
return
|
|
128
|
+
return d.success && e(() => ({
|
|
125
129
|
allDashboardConfigs: f,
|
|
126
|
-
currentDashboardConfig:
|
|
130
|
+
currentDashboardConfig: d.updatedDashboardConfig
|
|
127
131
|
})), {
|
|
128
|
-
...
|
|
132
|
+
...d,
|
|
129
133
|
allUpdatedDashboardConfigs: f
|
|
130
134
|
};
|
|
131
135
|
}
|
|
132
|
-
}), gn =
|
|
133
|
-
|
|
134
|
-
...
|
|
136
|
+
}), gn = xt()(
|
|
137
|
+
Nt((...e) => ({
|
|
138
|
+
...Et(...e)
|
|
135
139
|
}))
|
|
136
140
|
), mn = () => {
|
|
137
|
-
const [e,
|
|
138
|
-
const
|
|
139
|
-
|
|
140
|
-
const
|
|
141
|
+
const [e, n] = oe({}), [r, i] = oe({}), a = ce((b) => {
|
|
142
|
+
const c = b.dashboardId;
|
|
143
|
+
n((h) => {
|
|
144
|
+
const g = {
|
|
141
145
|
undoIndex: 0,
|
|
142
|
-
config:
|
|
146
|
+
config: b
|
|
143
147
|
};
|
|
144
|
-
return
|
|
145
|
-
...
|
|
146
|
-
[
|
|
148
|
+
return i((N) => ({
|
|
149
|
+
...N,
|
|
150
|
+
[c]: 0
|
|
147
151
|
})), {
|
|
148
|
-
...
|
|
149
|
-
[
|
|
152
|
+
...h,
|
|
153
|
+
[c]: [g]
|
|
150
154
|
// Forces a reset to just this one entry
|
|
151
155
|
};
|
|
152
156
|
});
|
|
153
157
|
}, []), o = ce(
|
|
154
|
-
(
|
|
155
|
-
|
|
156
|
-
const
|
|
157
|
-
undoIndex:
|
|
158
|
+
(b) => {
|
|
159
|
+
n((c) => {
|
|
160
|
+
const h = b.dashboardId, g = c[h] || [], N = r[h] ?? -1, x = g.slice(0, N + 1), p = {
|
|
161
|
+
undoIndex: x.length,
|
|
158
162
|
// New index based on trimmed length
|
|
159
|
-
config:
|
|
160
|
-
},
|
|
161
|
-
return
|
|
162
|
-
...
|
|
163
|
-
[
|
|
163
|
+
config: b
|
|
164
|
+
}, y = [...x, p];
|
|
165
|
+
return i((T) => ({
|
|
166
|
+
...T,
|
|
167
|
+
[h]: y.length - 1
|
|
164
168
|
// Index is now the last element's index
|
|
165
169
|
})), {
|
|
166
|
-
...
|
|
167
|
-
[
|
|
170
|
+
...c,
|
|
171
|
+
[h]: y
|
|
168
172
|
};
|
|
169
173
|
});
|
|
170
174
|
},
|
|
171
|
-
[
|
|
172
|
-
),
|
|
173
|
-
|
|
174
|
-
if (!
|
|
175
|
-
return
|
|
176
|
-
const { [
|
|
177
|
-
return
|
|
178
|
-
}),
|
|
179
|
-
const { [
|
|
180
|
-
return
|
|
175
|
+
[r]
|
|
176
|
+
), d = ce((b) => {
|
|
177
|
+
n((c) => {
|
|
178
|
+
if (!c[b])
|
|
179
|
+
return c;
|
|
180
|
+
const { [b]: h, ...g } = c;
|
|
181
|
+
return g;
|
|
182
|
+
}), i((c) => {
|
|
183
|
+
const { [b]: h, ...g } = c;
|
|
184
|
+
return g;
|
|
181
185
|
});
|
|
182
186
|
}, []), f = ce(
|
|
183
|
-
(
|
|
184
|
-
|
|
185
|
-
const
|
|
186
|
-
return
|
|
187
|
+
(b) => {
|
|
188
|
+
i((c) => {
|
|
189
|
+
const h = c[b] ?? -1, g = Math.max(0, h - 1);
|
|
190
|
+
return g !== h ? { ...c, [b]: g } : c;
|
|
187
191
|
});
|
|
188
192
|
},
|
|
189
193
|
[
|
|
190
194
|
//loadConfigFromHistory
|
|
191
195
|
]
|
|
192
|
-
),
|
|
193
|
-
(
|
|
194
|
-
|
|
195
|
-
const
|
|
196
|
-
return
|
|
196
|
+
), S = ce(
|
|
197
|
+
(b) => {
|
|
198
|
+
i((c) => {
|
|
199
|
+
const h = e[b]?.length || 0, g = c[b] ?? -1, N = Math.min(h - 1, g + 1);
|
|
200
|
+
return N !== g ? { ...c, [b]: N } : c;
|
|
197
201
|
});
|
|
198
202
|
},
|
|
199
203
|
[
|
|
@@ -202,24 +206,25 @@ const Dt = (e) => (s, n, r) => {
|
|
|
202
206
|
]
|
|
203
207
|
);
|
|
204
208
|
return {
|
|
205
|
-
initializeHistoryForDashboard:
|
|
206
|
-
resetAllHistory: () =>
|
|
209
|
+
initializeHistoryForDashboard: a,
|
|
210
|
+
resetAllHistory: () => n({}),
|
|
207
211
|
addUndoEntry: o,
|
|
208
|
-
removeUndoHistoryForDashboard:
|
|
212
|
+
removeUndoHistoryForDashboard: d,
|
|
209
213
|
undo: f,
|
|
210
|
-
redo:
|
|
211
|
-
getUndoStatus: (
|
|
212
|
-
const
|
|
213
|
-
return { isUndoDisabled:
|
|
214
|
+
redo: S,
|
|
215
|
+
getUndoStatus: (b) => {
|
|
216
|
+
const c = r[b] ?? -1, h = e[b]?.length || 0, g = c <= 0, N = c >= h - 1;
|
|
217
|
+
return { isUndoDisabled: g, isRedoDisabled: N };
|
|
214
218
|
},
|
|
215
219
|
undoHistory: e,
|
|
216
|
-
historyIndex:
|
|
220
|
+
historyIndex: r
|
|
217
221
|
// (Optional: You might expose undoHistory and historyIndex if needed for debugging)
|
|
218
222
|
};
|
|
219
223
|
};
|
|
220
|
-
function
|
|
224
|
+
function V({
|
|
221
225
|
children: e,
|
|
222
|
-
className:
|
|
226
|
+
className: n,
|
|
227
|
+
style: r
|
|
223
228
|
}) {
|
|
224
229
|
return /* @__PURE__ */ t(
|
|
225
230
|
"svg",
|
|
@@ -233,45 +238,75 @@ function z({
|
|
|
233
238
|
strokeWidth: "2",
|
|
234
239
|
strokeLinecap: "round",
|
|
235
240
|
strokeLinejoin: "round",
|
|
236
|
-
className:
|
|
241
|
+
className: n,
|
|
242
|
+
style: r,
|
|
237
243
|
children: e
|
|
238
244
|
}
|
|
239
245
|
);
|
|
240
246
|
}
|
|
241
|
-
function
|
|
242
|
-
return /* @__PURE__ */ _(
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
+
function ct({ className: e, style: n }) {
|
|
248
|
+
return /* @__PURE__ */ _(
|
|
249
|
+
V,
|
|
250
|
+
{
|
|
251
|
+
className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`,
|
|
252
|
+
style: n,
|
|
253
|
+
children: [
|
|
254
|
+
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
|
|
255
|
+
/* @__PURE__ */ t("path", { d: "M8 12h8" }),
|
|
256
|
+
/* @__PURE__ */ t("path", { d: "M12 8v8" })
|
|
257
|
+
]
|
|
258
|
+
}
|
|
259
|
+
);
|
|
247
260
|
}
|
|
248
|
-
const pn =
|
|
249
|
-
function
|
|
250
|
-
return /* @__PURE__ */ _(
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
261
|
+
const pn = ct;
|
|
262
|
+
function _t({ className: e, style: n }) {
|
|
263
|
+
return /* @__PURE__ */ _(
|
|
264
|
+
V,
|
|
265
|
+
{
|
|
266
|
+
className: `lucide lucide-circle-minus-icon lucide-circle-minus ${e}`,
|
|
267
|
+
style: n,
|
|
268
|
+
children: [
|
|
269
|
+
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
|
|
270
|
+
/* @__PURE__ */ t("path", { d: "M8 12h8" })
|
|
271
|
+
]
|
|
272
|
+
}
|
|
273
|
+
);
|
|
254
274
|
}
|
|
255
|
-
function yn({ className: e }) {
|
|
256
|
-
return /* @__PURE__ */ _(
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
275
|
+
function yn({ className: e, style: n }) {
|
|
276
|
+
return /* @__PURE__ */ _(
|
|
277
|
+
V,
|
|
278
|
+
{
|
|
279
|
+
className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`,
|
|
280
|
+
style: n,
|
|
281
|
+
children: [
|
|
282
|
+
/* @__PURE__ */ t("path", { d: "M10 11v6" }),
|
|
283
|
+
/* @__PURE__ */ t("path", { d: "M14 11v6" }),
|
|
284
|
+
/* @__PURE__ */ t("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
|
|
285
|
+
/* @__PURE__ */ t("path", { d: "M3 6h18" }),
|
|
286
|
+
/* @__PURE__ */ t("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
|
|
287
|
+
]
|
|
288
|
+
}
|
|
289
|
+
);
|
|
263
290
|
}
|
|
264
|
-
function bn({ className: e }) {
|
|
265
|
-
return /* @__PURE__ */ _(
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
291
|
+
function bn({ className: e, style: n }) {
|
|
292
|
+
return /* @__PURE__ */ _(
|
|
293
|
+
V,
|
|
294
|
+
{
|
|
295
|
+
className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`,
|
|
296
|
+
style: n,
|
|
297
|
+
children: [
|
|
298
|
+
/* @__PURE__ */ t("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
|
|
299
|
+
/* @__PURE__ */ t("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
|
|
300
|
+
]
|
|
301
|
+
}
|
|
302
|
+
);
|
|
269
303
|
}
|
|
270
|
-
function vn({ className: e }) {
|
|
304
|
+
function vn({ className: e, style: n }) {
|
|
271
305
|
return /* @__PURE__ */ _(
|
|
272
|
-
|
|
306
|
+
V,
|
|
273
307
|
{
|
|
274
308
|
className: `lucide lucide-text-cursor-input-icon lucide-text-cursor-input ${e}`,
|
|
309
|
+
style: n,
|
|
275
310
|
children: [
|
|
276
311
|
/* @__PURE__ */ t("path", { d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6" }),
|
|
277
312
|
/* @__PURE__ */ t("path", { d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7" }),
|
|
@@ -282,27 +317,42 @@ function vn({ className: e }) {
|
|
|
282
317
|
}
|
|
283
318
|
);
|
|
284
319
|
}
|
|
285
|
-
function xn({ className: e }) {
|
|
286
|
-
return /* @__PURE__ */ _(
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
320
|
+
function xn({ className: e, style: n }) {
|
|
321
|
+
return /* @__PURE__ */ _(
|
|
322
|
+
V,
|
|
323
|
+
{
|
|
324
|
+
className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`,
|
|
325
|
+
style: n,
|
|
326
|
+
children: [
|
|
327
|
+
/* @__PURE__ */ t("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
|
|
328
|
+
/* @__PURE__ */ t("path", { d: "M3 9h18" }),
|
|
329
|
+
/* @__PURE__ */ t("path", { d: "M3 15h18" }),
|
|
330
|
+
/* @__PURE__ */ t("path", { d: "M9 3v18" }),
|
|
331
|
+
/* @__PURE__ */ t("path", { d: "M15 3v18" })
|
|
332
|
+
]
|
|
333
|
+
}
|
|
334
|
+
);
|
|
293
335
|
}
|
|
294
|
-
function Cn({ className: e }) {
|
|
295
|
-
return /* @__PURE__ */ _(
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
336
|
+
function Cn({ className: e, style: n }) {
|
|
337
|
+
return /* @__PURE__ */ _(
|
|
338
|
+
V,
|
|
339
|
+
{
|
|
340
|
+
className: `lucide lucide-monitor-icon lucide-monitor ${e}`,
|
|
341
|
+
style: n,
|
|
342
|
+
children: [
|
|
343
|
+
/* @__PURE__ */ t("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
|
|
344
|
+
/* @__PURE__ */ t("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
|
|
345
|
+
/* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
|
|
346
|
+
]
|
|
347
|
+
}
|
|
348
|
+
);
|
|
300
349
|
}
|
|
301
|
-
function wn({ className: e }) {
|
|
350
|
+
function wn({ className: e, style: n }) {
|
|
302
351
|
return /* @__PURE__ */ _(
|
|
303
|
-
|
|
352
|
+
V,
|
|
304
353
|
{
|
|
305
354
|
className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
|
|
355
|
+
style: n,
|
|
306
356
|
children: [
|
|
307
357
|
/* @__PURE__ */ t("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
|
|
308
358
|
/* @__PURE__ */ t("path", { d: "M10 19v-3.96 3.15" }),
|
|
@@ -312,11 +362,12 @@ function wn({ className: e }) {
|
|
|
312
362
|
}
|
|
313
363
|
);
|
|
314
364
|
}
|
|
315
|
-
function
|
|
365
|
+
function dt({ className: e, style: n }) {
|
|
316
366
|
return /* @__PURE__ */ _(
|
|
317
|
-
|
|
367
|
+
V,
|
|
318
368
|
{
|
|
319
369
|
className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
|
|
370
|
+
style: n,
|
|
320
371
|
children: [
|
|
321
372
|
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
|
|
322
373
|
/* @__PURE__ */ t("path", { d: "m12 8-4 4 4 4" }),
|
|
@@ -325,11 +376,12 @@ function ct({ className: e }) {
|
|
|
325
376
|
}
|
|
326
377
|
);
|
|
327
378
|
}
|
|
328
|
-
function
|
|
379
|
+
function ut({ className: e, style: n }) {
|
|
329
380
|
return /* @__PURE__ */ _(
|
|
330
|
-
|
|
381
|
+
V,
|
|
331
382
|
{
|
|
332
383
|
className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
|
|
384
|
+
style: n,
|
|
333
385
|
children: [
|
|
334
386
|
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
|
|
335
387
|
/* @__PURE__ */ t("path", { d: "m12 16 4-4-4-4" }),
|
|
@@ -338,17 +390,25 @@ function dt({ className: e }) {
|
|
|
338
390
|
}
|
|
339
391
|
);
|
|
340
392
|
}
|
|
341
|
-
function
|
|
342
|
-
return /* @__PURE__ */ _(
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
393
|
+
function Mt({ className: e, style: n }) {
|
|
394
|
+
return /* @__PURE__ */ _(
|
|
395
|
+
V,
|
|
396
|
+
{
|
|
397
|
+
className: `lucide lucide-settings-icon lucide-settings ${e}`,
|
|
398
|
+
style: n,
|
|
399
|
+
children: [
|
|
400
|
+
/* @__PURE__ */ t("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
|
|
401
|
+
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "3" })
|
|
402
|
+
]
|
|
403
|
+
}
|
|
404
|
+
);
|
|
346
405
|
}
|
|
347
|
-
function Sn({ className: e }) {
|
|
406
|
+
function Sn({ className: e, style: n }) {
|
|
348
407
|
return /* @__PURE__ */ _(
|
|
349
|
-
|
|
408
|
+
V,
|
|
350
409
|
{
|
|
351
410
|
className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
|
|
411
|
+
style: n,
|
|
352
412
|
children: [
|
|
353
413
|
/* @__PURE__ */ t("rect", { width: "10", height: "14", x: "3", y: "8", rx: "2" }),
|
|
354
414
|
/* @__PURE__ */ t("path", { d: "M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4" }),
|
|
@@ -357,85 +417,135 @@ function Sn({ className: e }) {
|
|
|
357
417
|
}
|
|
358
418
|
);
|
|
359
419
|
}
|
|
360
|
-
function
|
|
361
|
-
return /* @__PURE__ */ _(
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
420
|
+
function ft({ className: e, style: n }) {
|
|
421
|
+
return /* @__PURE__ */ _(
|
|
422
|
+
V,
|
|
423
|
+
{
|
|
424
|
+
className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`,
|
|
425
|
+
style: n,
|
|
426
|
+
children: [
|
|
427
|
+
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
|
|
428
|
+
/* @__PURE__ */ t("path", { d: "m15 9-6 6" }),
|
|
429
|
+
/* @__PURE__ */ t("path", { d: "m9 9 6 6" })
|
|
430
|
+
]
|
|
431
|
+
}
|
|
432
|
+
);
|
|
366
433
|
}
|
|
367
|
-
function Dn({ className: e }) {
|
|
368
|
-
return /* @__PURE__ */ _(
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
434
|
+
function Dn({ className: e, style: n }) {
|
|
435
|
+
return /* @__PURE__ */ _(
|
|
436
|
+
V,
|
|
437
|
+
{
|
|
438
|
+
className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`,
|
|
439
|
+
style: n,
|
|
440
|
+
children: [
|
|
441
|
+
/* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "8" }),
|
|
442
|
+
/* @__PURE__ */ t("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
|
|
443
|
+
/* @__PURE__ */ t("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
|
|
444
|
+
/* @__PURE__ */ t("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
|
|
445
|
+
]
|
|
446
|
+
}
|
|
447
|
+
);
|
|
374
448
|
}
|
|
375
|
-
function Tn({ className: e }) {
|
|
376
|
-
return /* @__PURE__ */ _(
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
449
|
+
function Tn({ className: e, style: n }) {
|
|
450
|
+
return /* @__PURE__ */ _(
|
|
451
|
+
V,
|
|
452
|
+
{
|
|
453
|
+
className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`,
|
|
454
|
+
style: n,
|
|
455
|
+
children: [
|
|
456
|
+
/* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "8" }),
|
|
457
|
+
/* @__PURE__ */ t("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
|
|
458
|
+
/* @__PURE__ */ t("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
|
|
459
|
+
]
|
|
460
|
+
}
|
|
461
|
+
);
|
|
381
462
|
}
|
|
382
|
-
function
|
|
383
|
-
return /* @__PURE__ */ _(
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
463
|
+
function Pt({ className: e, style: n }) {
|
|
464
|
+
return /* @__PURE__ */ _(
|
|
465
|
+
V,
|
|
466
|
+
{
|
|
467
|
+
className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`,
|
|
468
|
+
style: n,
|
|
469
|
+
children: [
|
|
470
|
+
/* @__PURE__ */ t("path", { d: "M10 2h4" }),
|
|
471
|
+
/* @__PURE__ */ t("path", { d: "M12 14v-4" }),
|
|
472
|
+
/* @__PURE__ */ t("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
|
|
473
|
+
/* @__PURE__ */ t("path", { d: "M9 17H4v5" })
|
|
474
|
+
]
|
|
475
|
+
}
|
|
476
|
+
);
|
|
389
477
|
}
|
|
390
|
-
function
|
|
391
|
-
return /* @__PURE__ */ _(
|
|
478
|
+
function $t({ className: e, style: n }) {
|
|
479
|
+
return /* @__PURE__ */ _(V, { className: `lucide lucide-undo-icon lucide-undo ${e}`, style: n, children: [
|
|
392
480
|
/* @__PURE__ */ t("path", { d: "M3 7v6h6" }),
|
|
393
481
|
/* @__PURE__ */ t("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
|
|
394
482
|
] });
|
|
395
483
|
}
|
|
396
|
-
function It({ className: e }) {
|
|
397
|
-
return /* @__PURE__ */ _(
|
|
484
|
+
function It({ className: e, style: n }) {
|
|
485
|
+
return /* @__PURE__ */ _(V, { className: `lucide lucide-redo-icon lucide-redo ${e}`, style: n, children: [
|
|
398
486
|
/* @__PURE__ */ t("path", { d: "M21 7v6h-6" }),
|
|
399
487
|
/* @__PURE__ */ t("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
|
|
400
488
|
] });
|
|
401
489
|
}
|
|
402
|
-
function
|
|
403
|
-
return /* @__PURE__ */ _(
|
|
490
|
+
function Rt({ className: e, style: n }) {
|
|
491
|
+
return /* @__PURE__ */ _(V, { className: `lucide lucide-hand-icon lucide-hand ${e}`, style: n, children: [
|
|
404
492
|
/* @__PURE__ */ t("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
|
|
405
493
|
/* @__PURE__ */ t("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
|
|
406
494
|
/* @__PURE__ */ t("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
|
|
407
495
|
/* @__PURE__ */ t("path", { d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15" })
|
|
408
496
|
] });
|
|
409
497
|
}
|
|
410
|
-
function
|
|
411
|
-
return /* @__PURE__ */ _(
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
498
|
+
function ht({ className: e, style: n }) {
|
|
499
|
+
return /* @__PURE__ */ _(
|
|
500
|
+
V,
|
|
501
|
+
{
|
|
502
|
+
className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`,
|
|
503
|
+
style: n,
|
|
504
|
+
children: [
|
|
505
|
+
/* @__PURE__ */ t("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
|
|
506
|
+
/* @__PURE__ */ t("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
|
|
507
|
+
/* @__PURE__ */ t("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
|
|
508
|
+
/* @__PURE__ */ t("path", { d: "M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
|
|
509
|
+
/* @__PURE__ */ t("path", { d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" })
|
|
510
|
+
]
|
|
511
|
+
}
|
|
512
|
+
);
|
|
418
513
|
}
|
|
419
|
-
function Ot({ className: e }) {
|
|
420
|
-
return /* @__PURE__ */ _(
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
514
|
+
function Ot({ className: e, style: n }) {
|
|
515
|
+
return /* @__PURE__ */ _(
|
|
516
|
+
V,
|
|
517
|
+
{
|
|
518
|
+
className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`,
|
|
519
|
+
style: n,
|
|
520
|
+
children: [
|
|
521
|
+
/* @__PURE__ */ t("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
|
|
522
|
+
/* @__PURE__ */ t("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
|
|
523
|
+
/* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
|
|
524
|
+
/* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
|
|
525
|
+
]
|
|
526
|
+
}
|
|
527
|
+
);
|
|
426
528
|
}
|
|
427
|
-
function Nn({ className: e }) {
|
|
428
|
-
return /* @__PURE__ */ _(
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
529
|
+
function Nn({ className: e, style: n }) {
|
|
530
|
+
return /* @__PURE__ */ _(
|
|
531
|
+
V,
|
|
532
|
+
{
|
|
533
|
+
className: `lucide lucide-target-icon lucide-target ${e}`,
|
|
534
|
+
style: n,
|
|
535
|
+
children: [
|
|
536
|
+
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
|
|
537
|
+
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "6" }),
|
|
538
|
+
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "2" })
|
|
539
|
+
]
|
|
540
|
+
}
|
|
541
|
+
);
|
|
433
542
|
}
|
|
434
|
-
function kt({ className: e }) {
|
|
543
|
+
function kt({ className: e, style: n }) {
|
|
435
544
|
return /* @__PURE__ */ _(
|
|
436
|
-
|
|
545
|
+
V,
|
|
437
546
|
{
|
|
438
547
|
className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
|
|
548
|
+
style: n,
|
|
439
549
|
children: [
|
|
440
550
|
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
|
|
441
551
|
/* @__PURE__ */ t("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
|
@@ -444,42 +554,49 @@ function kt({ className: e }) {
|
|
|
444
554
|
}
|
|
445
555
|
);
|
|
446
556
|
}
|
|
447
|
-
function
|
|
448
|
-
return /* @__PURE__ */ t(
|
|
557
|
+
function ke({ className: e, style: n }) {
|
|
558
|
+
return /* @__PURE__ */ t(
|
|
559
|
+
V,
|
|
560
|
+
{
|
|
561
|
+
className: `lucide lucide-chevron-down-icon lucide-chevron-down ${e}`,
|
|
562
|
+
style: n,
|
|
563
|
+
children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" })
|
|
564
|
+
}
|
|
565
|
+
);
|
|
449
566
|
}
|
|
450
|
-
const
|
|
567
|
+
const gt = ({
|
|
451
568
|
label: e,
|
|
452
|
-
className:
|
|
453
|
-
size:
|
|
454
|
-
value:
|
|
455
|
-
onChange:
|
|
569
|
+
className: n,
|
|
570
|
+
size: r = "medium",
|
|
571
|
+
value: i,
|
|
572
|
+
onChange: a,
|
|
456
573
|
onKeyDown: o,
|
|
457
|
-
placeholder:
|
|
574
|
+
placeholder: d = ""
|
|
458
575
|
}) => {
|
|
459
|
-
const f = fe(() =>
|
|
576
|
+
const f = fe(() => r === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [r]), S = Z("flex flex-col gap-1", n || ""), b = `${Z(`
|
|
460
577
|
block w-full rounded-md px-3 py-1.5 text-base
|
|
461
578
|
bg-formfield content-formfield
|
|
462
579
|
outline-1 -outline-offset-1 outline-primary
|
|
463
580
|
placeholder:text-disabled
|
|
464
581
|
focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-200 sm:text-sm/6
|
|
465
582
|
`)} ${f}`;
|
|
466
|
-
return /* @__PURE__ */ _("div", { className:
|
|
583
|
+
return /* @__PURE__ */ _("div", { className: S, children: [
|
|
467
584
|
(e || "").trim().length > 0 && /* @__PURE__ */ t("label", { htmlFor: e, className: "block text-sm/6 font-medium", children: e }),
|
|
468
585
|
/* @__PURE__ */ t(
|
|
469
586
|
"input",
|
|
470
587
|
{
|
|
471
588
|
id: e,
|
|
472
589
|
type: "text",
|
|
473
|
-
value:
|
|
474
|
-
onChange:
|
|
475
|
-
onKeyDown: (
|
|
476
|
-
placeholder:
|
|
477
|
-
className:
|
|
590
|
+
value: i,
|
|
591
|
+
onChange: a,
|
|
592
|
+
onKeyDown: (c) => o && o(c),
|
|
593
|
+
placeholder: d,
|
|
594
|
+
className: b,
|
|
478
595
|
"aria-label": e
|
|
479
596
|
}
|
|
480
597
|
)
|
|
481
598
|
] });
|
|
482
|
-
},
|
|
599
|
+
}, De = /* @__PURE__ */ new Map([
|
|
483
600
|
[
|
|
484
601
|
"normal",
|
|
485
602
|
"group bg-[category] content-[category] hover:bg-[category] group-hover:bg-[category] focus:outline-[category] focus:outline-offset-[category]"
|
|
@@ -491,132 +608,132 @@ const ht = ({
|
|
|
491
608
|
]);
|
|
492
609
|
function ee(e) {
|
|
493
610
|
const {
|
|
494
|
-
tooltip:
|
|
495
|
-
disabled:
|
|
496
|
-
isIconButton:
|
|
497
|
-
className:
|
|
611
|
+
tooltip: n,
|
|
612
|
+
disabled: r,
|
|
613
|
+
isIconButton: i,
|
|
614
|
+
className: a,
|
|
498
615
|
buttonType: o,
|
|
499
|
-
category:
|
|
616
|
+
category: d,
|
|
500
617
|
px: f,
|
|
501
|
-
py:
|
|
502
|
-
children:
|
|
503
|
-
...
|
|
504
|
-
} = e,
|
|
505
|
-
const
|
|
618
|
+
py: S,
|
|
619
|
+
children: v,
|
|
620
|
+
...b
|
|
621
|
+
} = e, c = () => {
|
|
622
|
+
const g = e.isIconButton || !1, N = e.category || "primary", x = e.buttonType || "normal", p = e.disabled || !1, y = e.className || "", T = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
|
|
506
623
|
let D = (e.borderColor || "").trim();
|
|
507
624
|
D = D.length > 0 ? D : "";
|
|
508
|
-
const
|
|
509
|
-
if (
|
|
625
|
+
const l = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", s = e.shadowHover || "md", u = (e.addCss || "").trim(), P = e.justifyCss || "justify-center";
|
|
626
|
+
if (g)
|
|
510
627
|
return Z(
|
|
511
628
|
"flex flex-row items-center",
|
|
512
|
-
|
|
513
|
-
|
|
629
|
+
p ? "text-disabled" : `text-${N} hover:brightness-110 cursor-pointer`,
|
|
630
|
+
y || ""
|
|
514
631
|
);
|
|
515
632
|
const $ = [
|
|
516
633
|
"relative cursor-pointer",
|
|
517
634
|
"rounded-sm focus:outline-none focus:ring focus:ring-offset",
|
|
518
635
|
"transition-all duration-150",
|
|
519
636
|
"text-sm",
|
|
520
|
-
`font-${
|
|
637
|
+
`font-${T}`
|
|
521
638
|
];
|
|
522
|
-
if (
|
|
523
|
-
|
|
639
|
+
if (p)
|
|
640
|
+
x === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
|
|
524
641
|
else {
|
|
525
642
|
$.push("cursor-pointer");
|
|
526
643
|
let R = "";
|
|
527
|
-
|
|
528
|
-
const
|
|
529
|
-
$.push(
|
|
644
|
+
De.has(x) ? R = `${De.get(x)}` : R = `${De.get("normal")}`, C < 1 && (R = R.replace("border-[category]", ""));
|
|
645
|
+
const U = R.replace(/\[category\]/g, N).trim();
|
|
646
|
+
$.push(U);
|
|
530
647
|
}
|
|
531
|
-
return
|
|
532
|
-
},
|
|
533
|
-
const
|
|
648
|
+
return C > 0 ? ($.push(`border-[${C}px]`), $.push(`border-${D}`)) : ($.push("border-[1px]"), $.push("border-transparent")), l > 0 ? ($.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), $.push(`hover:border-${D} group-hover:border-${D}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${M}`), $.push(`hover:shadow-${s} group-hover:shadow-${s}`), u.length > 0 && $.push(u), u.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(P), $.join(" ").trim();
|
|
649
|
+
}, h = () => {
|
|
650
|
+
const g = e.px || 0.7, N = e.py || 0.25;
|
|
534
651
|
return {
|
|
535
|
-
padding:
|
|
652
|
+
padding: i ? 0 : `${N}rem ${g}rem `
|
|
536
653
|
};
|
|
537
654
|
};
|
|
538
|
-
return /* @__PURE__ */ t("button", { type: "button", disabled:
|
|
655
|
+
return /* @__PURE__ */ t("button", { type: "button", disabled: r, className: c(), style: h(), ...b, children: v });
|
|
539
656
|
}
|
|
540
657
|
const Wt = ({
|
|
541
658
|
testid: e = "not-set",
|
|
542
|
-
label:
|
|
543
|
-
hideLabel:
|
|
544
|
-
showChevron:
|
|
545
|
-
hide:
|
|
659
|
+
label: n = "",
|
|
660
|
+
hideLabel: r = !1,
|
|
661
|
+
showChevron: i = !1,
|
|
662
|
+
hide: a = !1,
|
|
546
663
|
enabled: o,
|
|
547
|
-
isMenuOpen:
|
|
664
|
+
isMenuOpen: d,
|
|
548
665
|
toggleOpen: f,
|
|
549
|
-
icon:
|
|
550
|
-
children:
|
|
666
|
+
icon: S,
|
|
667
|
+
children: v
|
|
551
668
|
}) => {
|
|
552
|
-
const
|
|
669
|
+
const b = st(null), [c, h] = oe(d);
|
|
553
670
|
Oe(() => {
|
|
554
|
-
|
|
555
|
-
}, [
|
|
556
|
-
const
|
|
557
|
-
|
|
671
|
+
d && h(!0);
|
|
672
|
+
}, [d]);
|
|
673
|
+
const g = () => {
|
|
674
|
+
d || h(!1);
|
|
558
675
|
};
|
|
559
676
|
Oe(() => {
|
|
560
|
-
const
|
|
561
|
-
|
|
677
|
+
const p = (y) => {
|
|
678
|
+
b.current && !b.current.contains(y.target) && f(!1);
|
|
562
679
|
};
|
|
563
|
-
return document.addEventListener("mousedown",
|
|
680
|
+
return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
|
|
564
681
|
}, [f]);
|
|
565
|
-
const
|
|
682
|
+
const N = fe(
|
|
566
683
|
() => `
|
|
567
684
|
group max-w-xs p-1 sm:p-2 rounded-full flex items-center text-sm
|
|
568
685
|
focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary
|
|
569
686
|
content-topbar ${o ? "hover:text-primary cursor-pointer" : "opacity-50"}
|
|
570
687
|
`.trim(),
|
|
571
688
|
[o]
|
|
572
|
-
),
|
|
689
|
+
), x = `
|
|
573
690
|
absolute flex flex-col right-0 z-50 mt-2 w-56 origin-top-right
|
|
574
691
|
rounded-md shadow-md ring-1 ring-black ring-opacity-5 focus:outline-none
|
|
575
692
|
bg-formfield content-formfield transition transform duration-100
|
|
576
|
-
${
|
|
693
|
+
${d ? "ease-out opacity-100 scale-100" : "ease-in opacity-0 scale-95 pointer-events-none"}
|
|
577
694
|
`.trim();
|
|
578
|
-
return
|
|
695
|
+
return a ? null : /* @__PURE__ */ _("div", { ref: b, className: "relative inline-block text-left", "data-testid": e, children: [
|
|
579
696
|
/* @__PURE__ */ _(
|
|
580
697
|
"button",
|
|
581
698
|
{
|
|
582
699
|
type: "button",
|
|
583
|
-
className:
|
|
584
|
-
onClick: (
|
|
585
|
-
|
|
700
|
+
className: N,
|
|
701
|
+
onClick: (p) => {
|
|
702
|
+
p.stopPropagation(), f(!d);
|
|
586
703
|
},
|
|
587
704
|
children: [
|
|
588
|
-
|
|
589
|
-
/* @__PURE__ */ t("span", { className:
|
|
590
|
-
|
|
705
|
+
S,
|
|
706
|
+
/* @__PURE__ */ t("span", { className: r ? "sr-only" : "hidden ml-3 text-sm font-medium lg:block", children: n }),
|
|
707
|
+
i && /* @__PURE__ */ t(ke, { className: "hidden shrink-0 ml-1 size-4 lg:block" })
|
|
591
708
|
]
|
|
592
709
|
}
|
|
593
710
|
),
|
|
594
|
-
(
|
|
711
|
+
(d || c) && /* @__PURE__ */ t(
|
|
595
712
|
"div",
|
|
596
713
|
{
|
|
597
|
-
className:
|
|
598
|
-
onTransitionEnd:
|
|
714
|
+
className: x,
|
|
715
|
+
onTransitionEnd: g,
|
|
599
716
|
role: "menu",
|
|
600
717
|
tabIndex: -1,
|
|
601
|
-
children: /* @__PURE__ */ t("div", { className: "form-dropdown-menu overflow-clip flex flex-col grow rounded-md justify-center w-full h-full bg-sidebar content-sidebar bg-opacity-95 p-0", children:
|
|
718
|
+
children: /* @__PURE__ */ t("div", { className: "form-dropdown-menu overflow-clip flex flex-col grow rounded-md justify-center w-full h-full bg-sidebar content-sidebar bg-opacity-95 p-0", children: v })
|
|
602
719
|
}
|
|
603
720
|
)
|
|
604
721
|
] });
|
|
605
722
|
}, jt = (e) => e.direction === "row" ? Z("flex flex-row items-center gap-2", e.classNames || "") : Z("flex flex-col gap-2 w-full", e.classNames || "");
|
|
606
723
|
function At(e) {
|
|
607
|
-
const { children:
|
|
608
|
-
return /* @__PURE__ */ t("div", { "data-testid":
|
|
724
|
+
const { children: n, testId: r, classNames: i, direction: a, ...o } = e, d = jt(e);
|
|
725
|
+
return /* @__PURE__ */ t("div", { "data-testid": r || "not-set", className: d, ...o, children: n });
|
|
609
726
|
}
|
|
610
727
|
const En = se(
|
|
611
|
-
(e,
|
|
612
|
-
const { classNames:
|
|
728
|
+
(e, n) => {
|
|
729
|
+
const { classNames: r, innerClass: i, ...a } = e, o = Z(r || "", "w-full"), d = Z(
|
|
613
730
|
`w-full flex overflow-hidden justify-between items-center gap-0
|
|
614
731
|
rounded-md border`,
|
|
615
|
-
|
|
732
|
+
i || ""
|
|
616
733
|
);
|
|
617
|
-
return /* @__PURE__ */ t(At, { direction: "row", classNames: o, ...
|
|
734
|
+
return /* @__PURE__ */ t(At, { direction: "row", classNames: o, ...a, children: /* @__PURE__ */ t("div", { className: d, children: e.children }) });
|
|
618
735
|
}
|
|
619
|
-
), _n = se((e,
|
|
736
|
+
), _n = se((e, n) => /* @__PURE__ */ t(
|
|
620
737
|
"div",
|
|
621
738
|
{
|
|
622
739
|
"data-testid": e.testId || "not-set",
|
|
@@ -628,7 +745,7 @@ const En = se(
|
|
|
628
745
|
children: e.children
|
|
629
746
|
}
|
|
630
747
|
)), Mn = se(
|
|
631
|
-
(e,
|
|
748
|
+
(e, n) => /* @__PURE__ */ t(
|
|
632
749
|
"div",
|
|
633
750
|
{
|
|
634
751
|
"data-testid": e.testId || "not-set",
|
|
@@ -636,7 +753,7 @@ const En = se(
|
|
|
636
753
|
children: e.children
|
|
637
754
|
}
|
|
638
755
|
)
|
|
639
|
-
), Pn = se((e,
|
|
756
|
+
), Pn = se((e, n) => /* @__PURE__ */ t(
|
|
640
757
|
"div",
|
|
641
758
|
{
|
|
642
759
|
"data-testid": e.testId || "not-set",
|
|
@@ -651,325 +768,325 @@ const En = se(
|
|
|
651
768
|
function Lt(e) {
|
|
652
769
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
653
770
|
}
|
|
654
|
-
var de = { exports: {} },
|
|
655
|
-
var
|
|
771
|
+
var de = { exports: {} }, Te = {}, me = { exports: {} }, pe = { exports: {} }, Y = {};
|
|
772
|
+
var qe;
|
|
656
773
|
function qt() {
|
|
657
|
-
if (
|
|
658
|
-
|
|
659
|
-
var e = typeof Symbol == "function" && Symbol.for,
|
|
660
|
-
function
|
|
661
|
-
if (typeof
|
|
662
|
-
var
|
|
663
|
-
switch (
|
|
664
|
-
case
|
|
665
|
-
switch (
|
|
666
|
-
case
|
|
667
|
-
case
|
|
668
|
-
case
|
|
774
|
+
if (qe) return Y;
|
|
775
|
+
qe = 1;
|
|
776
|
+
var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, d = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, S = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, N = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, x = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, p = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, y = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
|
|
777
|
+
function C(l) {
|
|
778
|
+
if (typeof l == "object" && l !== null) {
|
|
779
|
+
var M = l.$$typeof;
|
|
780
|
+
switch (M) {
|
|
781
|
+
case n:
|
|
782
|
+
switch (l = l.type, l) {
|
|
783
|
+
case S:
|
|
784
|
+
case v:
|
|
785
|
+
case i:
|
|
669
786
|
case o:
|
|
670
|
-
case
|
|
671
|
-
case
|
|
672
|
-
return
|
|
787
|
+
case a:
|
|
788
|
+
case c:
|
|
789
|
+
return l;
|
|
673
790
|
default:
|
|
674
|
-
switch (
|
|
791
|
+
switch (l = l && l.$$typeof, l) {
|
|
675
792
|
case f:
|
|
676
|
-
case
|
|
677
|
-
case
|
|
678
|
-
case
|
|
679
|
-
case
|
|
680
|
-
return
|
|
793
|
+
case b:
|
|
794
|
+
case N:
|
|
795
|
+
case g:
|
|
796
|
+
case d:
|
|
797
|
+
return l;
|
|
681
798
|
default:
|
|
682
|
-
return
|
|
799
|
+
return M;
|
|
683
800
|
}
|
|
684
801
|
}
|
|
685
|
-
case
|
|
686
|
-
return
|
|
802
|
+
case r:
|
|
803
|
+
return M;
|
|
687
804
|
}
|
|
688
805
|
}
|
|
689
806
|
}
|
|
690
|
-
function D(
|
|
691
|
-
return
|
|
807
|
+
function D(l) {
|
|
808
|
+
return C(l) === v;
|
|
692
809
|
}
|
|
693
|
-
return Y.AsyncMode =
|
|
694
|
-
return D(
|
|
695
|
-
}, Y.isConcurrentMode = D, Y.isContextConsumer = function(
|
|
696
|
-
return
|
|
697
|
-
}, Y.isContextProvider = function(
|
|
698
|
-
return
|
|
699
|
-
}, Y.isElement = function(
|
|
700
|
-
return typeof
|
|
701
|
-
}, Y.isForwardRef = function(
|
|
702
|
-
return
|
|
703
|
-
}, Y.isFragment = function(
|
|
704
|
-
return
|
|
705
|
-
}, Y.isLazy = function(
|
|
706
|
-
return
|
|
707
|
-
}, Y.isMemo = function(
|
|
708
|
-
return
|
|
709
|
-
}, Y.isPortal = function(
|
|
710
|
-
return
|
|
711
|
-
}, Y.isProfiler = function(
|
|
712
|
-
return
|
|
713
|
-
}, Y.isStrictMode = function(
|
|
714
|
-
return
|
|
715
|
-
}, Y.isSuspense = function(
|
|
716
|
-
return
|
|
717
|
-
}, Y.isValidElementType = function(
|
|
718
|
-
return typeof
|
|
719
|
-
}, Y.typeOf =
|
|
810
|
+
return Y.AsyncMode = S, Y.ConcurrentMode = v, Y.ContextConsumer = f, Y.ContextProvider = d, Y.Element = n, Y.ForwardRef = b, Y.Fragment = i, Y.Lazy = N, Y.Memo = g, Y.Portal = r, Y.Profiler = o, Y.StrictMode = a, Y.Suspense = c, Y.isAsyncMode = function(l) {
|
|
811
|
+
return D(l) || C(l) === S;
|
|
812
|
+
}, Y.isConcurrentMode = D, Y.isContextConsumer = function(l) {
|
|
813
|
+
return C(l) === f;
|
|
814
|
+
}, Y.isContextProvider = function(l) {
|
|
815
|
+
return C(l) === d;
|
|
816
|
+
}, Y.isElement = function(l) {
|
|
817
|
+
return typeof l == "object" && l !== null && l.$$typeof === n;
|
|
818
|
+
}, Y.isForwardRef = function(l) {
|
|
819
|
+
return C(l) === b;
|
|
820
|
+
}, Y.isFragment = function(l) {
|
|
821
|
+
return C(l) === i;
|
|
822
|
+
}, Y.isLazy = function(l) {
|
|
823
|
+
return C(l) === N;
|
|
824
|
+
}, Y.isMemo = function(l) {
|
|
825
|
+
return C(l) === g;
|
|
826
|
+
}, Y.isPortal = function(l) {
|
|
827
|
+
return C(l) === r;
|
|
828
|
+
}, Y.isProfiler = function(l) {
|
|
829
|
+
return C(l) === o;
|
|
830
|
+
}, Y.isStrictMode = function(l) {
|
|
831
|
+
return C(l) === a;
|
|
832
|
+
}, Y.isSuspense = function(l) {
|
|
833
|
+
return C(l) === c;
|
|
834
|
+
}, Y.isValidElementType = function(l) {
|
|
835
|
+
return typeof l == "string" || typeof l == "function" || l === i || l === v || l === o || l === a || l === c || l === h || typeof l == "object" && l !== null && (l.$$typeof === N || l.$$typeof === g || l.$$typeof === d || l.$$typeof === f || l.$$typeof === b || l.$$typeof === p || l.$$typeof === y || l.$$typeof === T || l.$$typeof === x);
|
|
836
|
+
}, Y.typeOf = C, Y;
|
|
720
837
|
}
|
|
721
838
|
var F = {};
|
|
722
|
-
var
|
|
723
|
-
function
|
|
724
|
-
return
|
|
725
|
-
var e = typeof Symbol == "function" && Symbol.for,
|
|
726
|
-
function
|
|
839
|
+
var Ke;
|
|
840
|
+
function Kt() {
|
|
841
|
+
return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
842
|
+
var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, d = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, S = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, N = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, x = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, p = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, y = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
|
|
843
|
+
function C(E) {
|
|
727
844
|
return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
728
|
-
E ===
|
|
845
|
+
E === i || E === v || E === o || E === a || E === c || E === h || typeof E == "object" && E !== null && (E.$$typeof === N || E.$$typeof === g || E.$$typeof === d || E.$$typeof === f || E.$$typeof === b || E.$$typeof === p || E.$$typeof === y || E.$$typeof === T || E.$$typeof === x);
|
|
729
846
|
}
|
|
730
847
|
function D(E) {
|
|
731
848
|
if (typeof E == "object" && E !== null) {
|
|
732
849
|
var ne = E.$$typeof;
|
|
733
850
|
switch (ne) {
|
|
734
|
-
case
|
|
851
|
+
case n:
|
|
735
852
|
var he = E.type;
|
|
736
853
|
switch (he) {
|
|
737
|
-
case
|
|
738
|
-
case
|
|
739
|
-
case
|
|
854
|
+
case S:
|
|
855
|
+
case v:
|
|
856
|
+
case i:
|
|
740
857
|
case o:
|
|
741
|
-
case
|
|
742
|
-
case
|
|
858
|
+
case a:
|
|
859
|
+
case c:
|
|
743
860
|
return he;
|
|
744
861
|
default:
|
|
745
|
-
var
|
|
746
|
-
switch (
|
|
862
|
+
var Le = he && he.$$typeof;
|
|
863
|
+
switch (Le) {
|
|
747
864
|
case f:
|
|
748
|
-
case
|
|
749
|
-
case
|
|
750
|
-
case
|
|
751
|
-
case
|
|
752
|
-
return
|
|
865
|
+
case b:
|
|
866
|
+
case N:
|
|
867
|
+
case g:
|
|
868
|
+
case d:
|
|
869
|
+
return Le;
|
|
753
870
|
default:
|
|
754
871
|
return ne;
|
|
755
872
|
}
|
|
756
873
|
}
|
|
757
|
-
case
|
|
874
|
+
case r:
|
|
758
875
|
return ne;
|
|
759
876
|
}
|
|
760
877
|
}
|
|
761
878
|
}
|
|
762
|
-
var
|
|
879
|
+
var l = S, M = v, s = f, u = d, P = n, $ = b, R = i, U = N, B = g, H = r, J = o, m = a, X = c, te = !1;
|
|
763
880
|
function le(E) {
|
|
764
|
-
return te || (te = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),
|
|
881
|
+
return te || (te = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), w(E) || D(E) === S;
|
|
765
882
|
}
|
|
766
|
-
function
|
|
767
|
-
return D(E) ===
|
|
883
|
+
function w(E) {
|
|
884
|
+
return D(E) === v;
|
|
768
885
|
}
|
|
769
886
|
function I(E) {
|
|
770
887
|
return D(E) === f;
|
|
771
888
|
}
|
|
772
889
|
function A(E) {
|
|
773
|
-
return D(E) ===
|
|
890
|
+
return D(E) === d;
|
|
774
891
|
}
|
|
775
892
|
function W(E) {
|
|
776
|
-
return typeof E == "object" && E !== null && E.$$typeof ===
|
|
893
|
+
return typeof E == "object" && E !== null && E.$$typeof === n;
|
|
777
894
|
}
|
|
778
895
|
function O(E) {
|
|
779
|
-
return D(E) ===
|
|
896
|
+
return D(E) === b;
|
|
780
897
|
}
|
|
781
898
|
function L(E) {
|
|
782
|
-
return D(E) ===
|
|
899
|
+
return D(E) === i;
|
|
783
900
|
}
|
|
784
901
|
function k(E) {
|
|
785
|
-
return D(E) ===
|
|
902
|
+
return D(E) === N;
|
|
786
903
|
}
|
|
787
904
|
function j(E) {
|
|
788
|
-
return D(E) ===
|
|
905
|
+
return D(E) === g;
|
|
789
906
|
}
|
|
790
907
|
function q(E) {
|
|
791
|
-
return D(E) ===
|
|
908
|
+
return D(E) === r;
|
|
792
909
|
}
|
|
793
|
-
function
|
|
910
|
+
function z(E) {
|
|
794
911
|
return D(E) === o;
|
|
795
912
|
}
|
|
796
|
-
function
|
|
797
|
-
return D(E) ===
|
|
913
|
+
function K(E) {
|
|
914
|
+
return D(E) === a;
|
|
798
915
|
}
|
|
799
|
-
function
|
|
800
|
-
return D(E) ===
|
|
916
|
+
function Q(E) {
|
|
917
|
+
return D(E) === c;
|
|
801
918
|
}
|
|
802
|
-
F.AsyncMode =
|
|
919
|
+
F.AsyncMode = l, F.ConcurrentMode = M, F.ContextConsumer = s, F.ContextProvider = u, F.Element = P, F.ForwardRef = $, F.Fragment = R, F.Lazy = U, F.Memo = B, F.Portal = H, F.Profiler = J, F.StrictMode = m, F.Suspense = X, F.isAsyncMode = le, F.isConcurrentMode = w, F.isContextConsumer = I, F.isContextProvider = A, F.isElement = W, F.isForwardRef = O, F.isFragment = L, F.isLazy = k, F.isMemo = j, F.isPortal = q, F.isProfiler = z, F.isStrictMode = K, F.isSuspense = Q, F.isValidElementType = C, F.typeOf = D;
|
|
803
920
|
})()), F;
|
|
804
921
|
}
|
|
805
922
|
var Ue;
|
|
806
|
-
function
|
|
807
|
-
return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? pe.exports = qt() : pe.exports =
|
|
923
|
+
function mt() {
|
|
924
|
+
return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? pe.exports = qt() : pe.exports = Kt()), pe.exports;
|
|
808
925
|
}
|
|
809
|
-
var
|
|
810
|
-
function
|
|
811
|
-
if (Ye) return
|
|
926
|
+
var Ne, Ye;
|
|
927
|
+
function Ut() {
|
|
928
|
+
if (Ye) return Ne;
|
|
812
929
|
Ye = 1;
|
|
813
|
-
var e = Object.getOwnPropertySymbols,
|
|
814
|
-
function
|
|
930
|
+
var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
|
|
931
|
+
function i(o) {
|
|
815
932
|
if (o == null)
|
|
816
933
|
throw new TypeError("Object.assign cannot be called with null or undefined");
|
|
817
934
|
return Object(o);
|
|
818
935
|
}
|
|
819
|
-
function
|
|
936
|
+
function a() {
|
|
820
937
|
try {
|
|
821
938
|
if (!Object.assign)
|
|
822
939
|
return !1;
|
|
823
940
|
var o = new String("abc");
|
|
824
941
|
if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
|
|
825
942
|
return !1;
|
|
826
|
-
for (var
|
|
827
|
-
|
|
828
|
-
var
|
|
829
|
-
return
|
|
943
|
+
for (var d = {}, f = 0; f < 10; f++)
|
|
944
|
+
d["_" + String.fromCharCode(f)] = f;
|
|
945
|
+
var S = Object.getOwnPropertyNames(d).map(function(b) {
|
|
946
|
+
return d[b];
|
|
830
947
|
});
|
|
831
|
-
if (
|
|
948
|
+
if (S.join("") !== "0123456789")
|
|
832
949
|
return !1;
|
|
833
|
-
var
|
|
834
|
-
return "abcdefghijklmnopqrst".split("").forEach(function(
|
|
835
|
-
b
|
|
836
|
-
}), Object.keys(Object.assign({},
|
|
950
|
+
var v = {};
|
|
951
|
+
return "abcdefghijklmnopqrst".split("").forEach(function(b) {
|
|
952
|
+
v[b] = b;
|
|
953
|
+
}), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
|
|
837
954
|
} catch {
|
|
838
955
|
return !1;
|
|
839
956
|
}
|
|
840
957
|
}
|
|
841
|
-
return
|
|
842
|
-
for (var f,
|
|
843
|
-
f = Object(arguments[
|
|
844
|
-
for (var
|
|
845
|
-
|
|
958
|
+
return Ne = a() ? Object.assign : function(o, d) {
|
|
959
|
+
for (var f, S = i(o), v, b = 1; b < arguments.length; b++) {
|
|
960
|
+
f = Object(arguments[b]);
|
|
961
|
+
for (var c in f)
|
|
962
|
+
n.call(f, c) && (S[c] = f[c]);
|
|
846
963
|
if (e) {
|
|
847
|
-
|
|
848
|
-
for (var
|
|
849
|
-
|
|
964
|
+
v = e(f);
|
|
965
|
+
for (var h = 0; h < v.length; h++)
|
|
966
|
+
r.call(f, v[h]) && (S[v[h]] = f[v[h]]);
|
|
850
967
|
}
|
|
851
968
|
}
|
|
852
|
-
return
|
|
853
|
-
},
|
|
969
|
+
return S;
|
|
970
|
+
}, Ne;
|
|
854
971
|
}
|
|
855
|
-
var
|
|
856
|
-
function
|
|
857
|
-
if (Fe) return
|
|
972
|
+
var Ee, Fe;
|
|
973
|
+
function We() {
|
|
974
|
+
if (Fe) return Ee;
|
|
858
975
|
Fe = 1;
|
|
859
976
|
var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
|
|
860
|
-
return
|
|
861
|
-
}
|
|
862
|
-
var Ee, Ke;
|
|
863
|
-
function mt() {
|
|
864
|
-
return Ke || (Ke = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
|
|
977
|
+
return Ee = e, Ee;
|
|
865
978
|
}
|
|
866
979
|
var _e, ze;
|
|
867
|
-
function
|
|
868
|
-
|
|
869
|
-
|
|
980
|
+
function pt() {
|
|
981
|
+
return ze || (ze = 1, _e = Function.call.bind(Object.prototype.hasOwnProperty)), _e;
|
|
982
|
+
}
|
|
983
|
+
var Me, Be;
|
|
984
|
+
function Yt() {
|
|
985
|
+
if (Be) return Me;
|
|
986
|
+
Be = 1;
|
|
870
987
|
var e = function() {
|
|
871
988
|
};
|
|
872
989
|
if (process.env.NODE_ENV !== "production") {
|
|
873
|
-
var
|
|
990
|
+
var n = /* @__PURE__ */ We(), r = {}, i = /* @__PURE__ */ pt();
|
|
874
991
|
e = function(o) {
|
|
875
|
-
var
|
|
876
|
-
typeof console < "u" && console.error(
|
|
992
|
+
var d = "Warning: " + o;
|
|
993
|
+
typeof console < "u" && console.error(d);
|
|
877
994
|
try {
|
|
878
|
-
throw new Error(
|
|
995
|
+
throw new Error(d);
|
|
879
996
|
} catch {
|
|
880
997
|
}
|
|
881
998
|
};
|
|
882
999
|
}
|
|
883
|
-
function
|
|
1000
|
+
function a(o, d, f, S, v) {
|
|
884
1001
|
if (process.env.NODE_ENV !== "production") {
|
|
885
|
-
for (var
|
|
886
|
-
if (
|
|
887
|
-
var
|
|
1002
|
+
for (var b in o)
|
|
1003
|
+
if (i(o, b)) {
|
|
1004
|
+
var c;
|
|
888
1005
|
try {
|
|
889
|
-
if (typeof o[
|
|
890
|
-
var
|
|
891
|
-
(
|
|
1006
|
+
if (typeof o[b] != "function") {
|
|
1007
|
+
var h = Error(
|
|
1008
|
+
(S || "React class") + ": " + f + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
|
892
1009
|
);
|
|
893
|
-
throw
|
|
1010
|
+
throw h.name = "Invariant Violation", h;
|
|
894
1011
|
}
|
|
895
|
-
|
|
896
|
-
} catch (
|
|
897
|
-
|
|
1012
|
+
c = o[b](d, b, S, f, null, n);
|
|
1013
|
+
} catch (N) {
|
|
1014
|
+
c = N;
|
|
898
1015
|
}
|
|
899
|
-
if (
|
|
900
|
-
(
|
|
901
|
-
),
|
|
902
|
-
|
|
903
|
-
var
|
|
1016
|
+
if (c && !(c instanceof Error) && e(
|
|
1017
|
+
(S || "React class") + ": type specification of " + f + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof c + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
|
|
1018
|
+
), c instanceof Error && !(c.message in r)) {
|
|
1019
|
+
r[c.message] = !0;
|
|
1020
|
+
var g = v ? v() : "";
|
|
904
1021
|
e(
|
|
905
|
-
"Failed " + f + " type: " +
|
|
1022
|
+
"Failed " + f + " type: " + c.message + (g ?? "")
|
|
906
1023
|
);
|
|
907
1024
|
}
|
|
908
1025
|
}
|
|
909
1026
|
}
|
|
910
1027
|
}
|
|
911
|
-
return
|
|
912
|
-
process.env.NODE_ENV !== "production" && (
|
|
913
|
-
},
|
|
1028
|
+
return a.resetWarningCache = function() {
|
|
1029
|
+
process.env.NODE_ENV !== "production" && (r = {});
|
|
1030
|
+
}, Me = a, Me;
|
|
914
1031
|
}
|
|
915
|
-
var
|
|
916
|
-
function
|
|
917
|
-
if (
|
|
918
|
-
|
|
919
|
-
var e =
|
|
1032
|
+
var Pe, He;
|
|
1033
|
+
function Ft() {
|
|
1034
|
+
if (He) return Pe;
|
|
1035
|
+
He = 1;
|
|
1036
|
+
var e = mt(), n = Ut(), r = /* @__PURE__ */ We(), i = /* @__PURE__ */ pt(), a = /* @__PURE__ */ Yt(), o = function() {
|
|
920
1037
|
};
|
|
921
1038
|
process.env.NODE_ENV !== "production" && (o = function(f) {
|
|
922
|
-
var
|
|
923
|
-
typeof console < "u" && console.error(
|
|
1039
|
+
var S = "Warning: " + f;
|
|
1040
|
+
typeof console < "u" && console.error(S);
|
|
924
1041
|
try {
|
|
925
|
-
throw new Error(
|
|
1042
|
+
throw new Error(S);
|
|
926
1043
|
} catch {
|
|
927
1044
|
}
|
|
928
1045
|
});
|
|
929
|
-
function
|
|
1046
|
+
function d() {
|
|
930
1047
|
return null;
|
|
931
1048
|
}
|
|
932
|
-
return
|
|
933
|
-
var
|
|
934
|
-
function
|
|
935
|
-
var I =
|
|
1049
|
+
return Pe = function(f, S) {
|
|
1050
|
+
var v = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
|
|
1051
|
+
function c(w) {
|
|
1052
|
+
var I = w && (v && w[v] || w[b]);
|
|
936
1053
|
if (typeof I == "function")
|
|
937
1054
|
return I;
|
|
938
1055
|
}
|
|
939
|
-
var
|
|
940
|
-
array:
|
|
941
|
-
bigint:
|
|
942
|
-
bool:
|
|
943
|
-
func:
|
|
944
|
-
number:
|
|
945
|
-
object:
|
|
946
|
-
string:
|
|
947
|
-
symbol:
|
|
948
|
-
any:
|
|
949
|
-
arrayOf:
|
|
1056
|
+
var h = "<<anonymous>>", g = {
|
|
1057
|
+
array: y("array"),
|
|
1058
|
+
bigint: y("bigint"),
|
|
1059
|
+
bool: y("boolean"),
|
|
1060
|
+
func: y("function"),
|
|
1061
|
+
number: y("number"),
|
|
1062
|
+
object: y("object"),
|
|
1063
|
+
string: y("string"),
|
|
1064
|
+
symbol: y("symbol"),
|
|
1065
|
+
any: T(),
|
|
1066
|
+
arrayOf: C,
|
|
950
1067
|
element: D(),
|
|
951
|
-
elementType:
|
|
952
|
-
instanceOf:
|
|
1068
|
+
elementType: l(),
|
|
1069
|
+
instanceOf: M,
|
|
953
1070
|
node: $(),
|
|
954
1071
|
objectOf: u,
|
|
955
|
-
oneOf:
|
|
956
|
-
oneOfType:
|
|
957
|
-
shape:
|
|
958
|
-
exact:
|
|
1072
|
+
oneOf: s,
|
|
1073
|
+
oneOfType: P,
|
|
1074
|
+
shape: U,
|
|
1075
|
+
exact: B
|
|
959
1076
|
};
|
|
960
|
-
function
|
|
961
|
-
return
|
|
1077
|
+
function N(w, I) {
|
|
1078
|
+
return w === I ? w !== 0 || 1 / w === 1 / I : w !== w && I !== I;
|
|
962
1079
|
}
|
|
963
|
-
function
|
|
964
|
-
this.message =
|
|
1080
|
+
function x(w, I) {
|
|
1081
|
+
this.message = w, this.data = I && typeof I == "object" ? I : {}, this.stack = "";
|
|
965
1082
|
}
|
|
966
|
-
|
|
967
|
-
function
|
|
1083
|
+
x.prototype = Error.prototype;
|
|
1084
|
+
function p(w) {
|
|
968
1085
|
if (process.env.NODE_ENV !== "production")
|
|
969
1086
|
var I = {}, A = 0;
|
|
970
|
-
function W(L, k, j, q,
|
|
971
|
-
if (q = q ||
|
|
972
|
-
if (
|
|
1087
|
+
function W(L, k, j, q, z, K, Q) {
|
|
1088
|
+
if (q = q || h, K = K || j, Q !== r) {
|
|
1089
|
+
if (S) {
|
|
973
1090
|
var E = new Error(
|
|
974
1091
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
|
|
975
1092
|
);
|
|
@@ -978,213 +1095,213 @@ function Kt() {
|
|
|
978
1095
|
var ne = q + ":" + j;
|
|
979
1096
|
!I[ne] && // Avoid spamming the console because they are often not actionable except for lib authors
|
|
980
1097
|
A < 3 && (o(
|
|
981
|
-
"You are manually calling a React.PropTypes validation function for the `" +
|
|
1098
|
+
"You are manually calling a React.PropTypes validation function for the `" + K + "` prop on `" + q + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
|
|
982
1099
|
), I[ne] = !0, A++);
|
|
983
1100
|
}
|
|
984
1101
|
}
|
|
985
|
-
return k[j] == null ? L ? k[j] === null ? new
|
|
1102
|
+
return k[j] == null ? L ? k[j] === null ? new x("The " + z + " `" + K + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new x("The " + z + " `" + K + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : w(k, j, q, z, K);
|
|
986
1103
|
}
|
|
987
1104
|
var O = W.bind(null, !1);
|
|
988
1105
|
return O.isRequired = W.bind(null, !0), O;
|
|
989
1106
|
}
|
|
990
|
-
function
|
|
1107
|
+
function y(w) {
|
|
991
1108
|
function I(A, W, O, L, k, j) {
|
|
992
|
-
var q = A[W],
|
|
993
|
-
if (
|
|
994
|
-
var
|
|
995
|
-
return new
|
|
996
|
-
"Invalid " + L + " `" + k + "` of type " + ("`" +
|
|
997
|
-
{ expectedType:
|
|
1109
|
+
var q = A[W], z = m(q);
|
|
1110
|
+
if (z !== w) {
|
|
1111
|
+
var K = X(q);
|
|
1112
|
+
return new x(
|
|
1113
|
+
"Invalid " + L + " `" + k + "` of type " + ("`" + K + "` supplied to `" + O + "`, expected ") + ("`" + w + "`."),
|
|
1114
|
+
{ expectedType: w }
|
|
998
1115
|
);
|
|
999
1116
|
}
|
|
1000
1117
|
return null;
|
|
1001
1118
|
}
|
|
1002
|
-
return
|
|
1119
|
+
return p(I);
|
|
1003
1120
|
}
|
|
1004
|
-
function
|
|
1005
|
-
return
|
|
1121
|
+
function T() {
|
|
1122
|
+
return p(d);
|
|
1006
1123
|
}
|
|
1007
|
-
function
|
|
1124
|
+
function C(w) {
|
|
1008
1125
|
function I(A, W, O, L, k) {
|
|
1009
|
-
if (typeof
|
|
1010
|
-
return new
|
|
1126
|
+
if (typeof w != "function")
|
|
1127
|
+
return new x("Property `" + k + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
|
|
1011
1128
|
var j = A[W];
|
|
1012
1129
|
if (!Array.isArray(j)) {
|
|
1013
1130
|
var q = m(j);
|
|
1014
|
-
return new
|
|
1131
|
+
return new x("Invalid " + L + " `" + k + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected an array."));
|
|
1015
1132
|
}
|
|
1016
|
-
for (var
|
|
1017
|
-
var
|
|
1018
|
-
if (
|
|
1019
|
-
return
|
|
1133
|
+
for (var z = 0; z < j.length; z++) {
|
|
1134
|
+
var K = w(j, z, O, L, k + "[" + z + "]", r);
|
|
1135
|
+
if (K instanceof Error)
|
|
1136
|
+
return K;
|
|
1020
1137
|
}
|
|
1021
1138
|
return null;
|
|
1022
1139
|
}
|
|
1023
|
-
return
|
|
1140
|
+
return p(I);
|
|
1024
1141
|
}
|
|
1025
1142
|
function D() {
|
|
1026
|
-
function
|
|
1143
|
+
function w(I, A, W, O, L) {
|
|
1027
1144
|
var k = I[A];
|
|
1028
1145
|
if (!f(k)) {
|
|
1029
1146
|
var j = m(k);
|
|
1030
|
-
return new
|
|
1147
|
+
return new x("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + W + "`, expected a single ReactElement."));
|
|
1031
1148
|
}
|
|
1032
1149
|
return null;
|
|
1033
1150
|
}
|
|
1034
|
-
return
|
|
1151
|
+
return p(w);
|
|
1035
1152
|
}
|
|
1036
|
-
function
|
|
1037
|
-
function
|
|
1153
|
+
function l() {
|
|
1154
|
+
function w(I, A, W, O, L) {
|
|
1038
1155
|
var k = I[A];
|
|
1039
1156
|
if (!e.isValidElementType(k)) {
|
|
1040
1157
|
var j = m(k);
|
|
1041
|
-
return new
|
|
1158
|
+
return new x("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + W + "`, expected a single ReactElement type."));
|
|
1042
1159
|
}
|
|
1043
1160
|
return null;
|
|
1044
1161
|
}
|
|
1045
|
-
return
|
|
1162
|
+
return p(w);
|
|
1046
1163
|
}
|
|
1047
|
-
function
|
|
1164
|
+
function M(w) {
|
|
1048
1165
|
function I(A, W, O, L, k) {
|
|
1049
|
-
if (!(A[W] instanceof
|
|
1050
|
-
var j =
|
|
1051
|
-
return new
|
|
1166
|
+
if (!(A[W] instanceof w)) {
|
|
1167
|
+
var j = w.name || h, q = le(A[W]);
|
|
1168
|
+
return new x("Invalid " + L + " `" + k + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected ") + ("instance of `" + j + "`."));
|
|
1052
1169
|
}
|
|
1053
1170
|
return null;
|
|
1054
1171
|
}
|
|
1055
|
-
return
|
|
1172
|
+
return p(I);
|
|
1056
1173
|
}
|
|
1057
|
-
function
|
|
1058
|
-
if (!Array.isArray(
|
|
1174
|
+
function s(w) {
|
|
1175
|
+
if (!Array.isArray(w))
|
|
1059
1176
|
return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
|
|
1060
1177
|
"Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
|
|
1061
|
-
) : o("Invalid argument supplied to oneOf, expected an array.")),
|
|
1178
|
+
) : o("Invalid argument supplied to oneOf, expected an array.")), d;
|
|
1062
1179
|
function I(A, W, O, L, k) {
|
|
1063
|
-
for (var j = A[W], q = 0; q <
|
|
1064
|
-
if (
|
|
1180
|
+
for (var j = A[W], q = 0; q < w.length; q++)
|
|
1181
|
+
if (N(j, w[q]))
|
|
1065
1182
|
return null;
|
|
1066
|
-
var
|
|
1067
|
-
var ne =
|
|
1183
|
+
var z = JSON.stringify(w, function(Q, E) {
|
|
1184
|
+
var ne = X(E);
|
|
1068
1185
|
return ne === "symbol" ? String(E) : E;
|
|
1069
1186
|
});
|
|
1070
|
-
return new
|
|
1187
|
+
return new x("Invalid " + L + " `" + k + "` of value `" + String(j) + "` " + ("supplied to `" + O + "`, expected one of " + z + "."));
|
|
1071
1188
|
}
|
|
1072
|
-
return
|
|
1189
|
+
return p(I);
|
|
1073
1190
|
}
|
|
1074
|
-
function u(
|
|
1191
|
+
function u(w) {
|
|
1075
1192
|
function I(A, W, O, L, k) {
|
|
1076
|
-
if (typeof
|
|
1077
|
-
return new
|
|
1193
|
+
if (typeof w != "function")
|
|
1194
|
+
return new x("Property `" + k + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
|
|
1078
1195
|
var j = A[W], q = m(j);
|
|
1079
1196
|
if (q !== "object")
|
|
1080
|
-
return new
|
|
1081
|
-
for (var
|
|
1082
|
-
if (
|
|
1083
|
-
var
|
|
1084
|
-
if (
|
|
1085
|
-
return
|
|
1197
|
+
return new x("Invalid " + L + " `" + k + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected an object."));
|
|
1198
|
+
for (var z in j)
|
|
1199
|
+
if (i(j, z)) {
|
|
1200
|
+
var K = w(j, z, O, L, k + "." + z, r);
|
|
1201
|
+
if (K instanceof Error)
|
|
1202
|
+
return K;
|
|
1086
1203
|
}
|
|
1087
1204
|
return null;
|
|
1088
1205
|
}
|
|
1089
|
-
return
|
|
1206
|
+
return p(I);
|
|
1090
1207
|
}
|
|
1091
|
-
function
|
|
1092
|
-
if (!Array.isArray(
|
|
1093
|
-
return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."),
|
|
1094
|
-
for (var I = 0; I <
|
|
1095
|
-
var A =
|
|
1208
|
+
function P(w) {
|
|
1209
|
+
if (!Array.isArray(w))
|
|
1210
|
+
return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), d;
|
|
1211
|
+
for (var I = 0; I < w.length; I++) {
|
|
1212
|
+
var A = w[I];
|
|
1096
1213
|
if (typeof A != "function")
|
|
1097
1214
|
return o(
|
|
1098
1215
|
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + te(A) + " at index " + I + "."
|
|
1099
|
-
),
|
|
1216
|
+
), d;
|
|
1100
1217
|
}
|
|
1101
1218
|
function W(O, L, k, j, q) {
|
|
1102
|
-
for (var
|
|
1103
|
-
var
|
|
1219
|
+
for (var z = [], K = 0; K < w.length; K++) {
|
|
1220
|
+
var Q = w[K], E = Q(O, L, k, j, q, r);
|
|
1104
1221
|
if (E == null)
|
|
1105
1222
|
return null;
|
|
1106
|
-
E.data &&
|
|
1223
|
+
E.data && i(E.data, "expectedType") && z.push(E.data.expectedType);
|
|
1107
1224
|
}
|
|
1108
|
-
var ne =
|
|
1109
|
-
return new
|
|
1225
|
+
var ne = z.length > 0 ? ", expected one of type [" + z.join(", ") + "]" : "";
|
|
1226
|
+
return new x("Invalid " + j + " `" + q + "` supplied to " + ("`" + k + "`" + ne + "."));
|
|
1110
1227
|
}
|
|
1111
|
-
return
|
|
1228
|
+
return p(W);
|
|
1112
1229
|
}
|
|
1113
1230
|
function $() {
|
|
1114
|
-
function
|
|
1115
|
-
return
|
|
1231
|
+
function w(I, A, W, O, L) {
|
|
1232
|
+
return H(I[A]) ? null : new x("Invalid " + O + " `" + L + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
|
|
1116
1233
|
}
|
|
1117
|
-
return
|
|
1234
|
+
return p(w);
|
|
1118
1235
|
}
|
|
1119
|
-
function R(
|
|
1120
|
-
return new
|
|
1121
|
-
(
|
|
1236
|
+
function R(w, I, A, W, O) {
|
|
1237
|
+
return new x(
|
|
1238
|
+
(w || "React class") + ": " + I + " type `" + A + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
|
|
1122
1239
|
);
|
|
1123
1240
|
}
|
|
1124
|
-
function
|
|
1241
|
+
function U(w) {
|
|
1125
1242
|
function I(A, W, O, L, k) {
|
|
1126
1243
|
var j = A[W], q = m(j);
|
|
1127
1244
|
if (q !== "object")
|
|
1128
|
-
return new
|
|
1129
|
-
for (var
|
|
1130
|
-
var
|
|
1131
|
-
if (typeof
|
|
1132
|
-
return R(O, L, k,
|
|
1133
|
-
var
|
|
1134
|
-
if (
|
|
1135
|
-
return
|
|
1245
|
+
return new x("Invalid " + L + " `" + k + "` of type `" + q + "` " + ("supplied to `" + O + "`, expected `object`."));
|
|
1246
|
+
for (var z in w) {
|
|
1247
|
+
var K = w[z];
|
|
1248
|
+
if (typeof K != "function")
|
|
1249
|
+
return R(O, L, k, z, X(K));
|
|
1250
|
+
var Q = K(j, z, O, L, k + "." + z, r);
|
|
1251
|
+
if (Q)
|
|
1252
|
+
return Q;
|
|
1136
1253
|
}
|
|
1137
1254
|
return null;
|
|
1138
1255
|
}
|
|
1139
|
-
return
|
|
1256
|
+
return p(I);
|
|
1140
1257
|
}
|
|
1141
|
-
function
|
|
1258
|
+
function B(w) {
|
|
1142
1259
|
function I(A, W, O, L, k) {
|
|
1143
1260
|
var j = A[W], q = m(j);
|
|
1144
1261
|
if (q !== "object")
|
|
1145
|
-
return new
|
|
1146
|
-
var
|
|
1147
|
-
for (var
|
|
1148
|
-
var
|
|
1149
|
-
if (
|
|
1150
|
-
return R(O, L, k,
|
|
1151
|
-
if (!
|
|
1152
|
-
return new
|
|
1153
|
-
"Invalid " + L + " `" + k + "` key `" +
|
|
1154
|
-
Valid keys: ` + JSON.stringify(Object.keys(
|
|
1262
|
+
return new x("Invalid " + L + " `" + k + "` of type `" + q + "` " + ("supplied to `" + O + "`, expected `object`."));
|
|
1263
|
+
var z = n({}, A[W], w);
|
|
1264
|
+
for (var K in z) {
|
|
1265
|
+
var Q = w[K];
|
|
1266
|
+
if (i(w, K) && typeof Q != "function")
|
|
1267
|
+
return R(O, L, k, K, X(Q));
|
|
1268
|
+
if (!Q)
|
|
1269
|
+
return new x(
|
|
1270
|
+
"Invalid " + L + " `" + k + "` key `" + K + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(A[W], null, " ") + `
|
|
1271
|
+
Valid keys: ` + JSON.stringify(Object.keys(w), null, " ")
|
|
1155
1272
|
);
|
|
1156
|
-
var E =
|
|
1273
|
+
var E = Q(j, K, O, L, k + "." + K, r);
|
|
1157
1274
|
if (E)
|
|
1158
1275
|
return E;
|
|
1159
1276
|
}
|
|
1160
1277
|
return null;
|
|
1161
1278
|
}
|
|
1162
|
-
return
|
|
1279
|
+
return p(I);
|
|
1163
1280
|
}
|
|
1164
|
-
function
|
|
1165
|
-
switch (typeof
|
|
1281
|
+
function H(w) {
|
|
1282
|
+
switch (typeof w) {
|
|
1166
1283
|
case "number":
|
|
1167
1284
|
case "string":
|
|
1168
1285
|
case "undefined":
|
|
1169
1286
|
return !0;
|
|
1170
1287
|
case "boolean":
|
|
1171
|
-
return !
|
|
1288
|
+
return !w;
|
|
1172
1289
|
case "object":
|
|
1173
|
-
if (Array.isArray(
|
|
1174
|
-
return
|
|
1175
|
-
if (
|
|
1290
|
+
if (Array.isArray(w))
|
|
1291
|
+
return w.every(H);
|
|
1292
|
+
if (w === null || f(w))
|
|
1176
1293
|
return !0;
|
|
1177
|
-
var I =
|
|
1294
|
+
var I = c(w);
|
|
1178
1295
|
if (I) {
|
|
1179
|
-
var A = I.call(
|
|
1180
|
-
if (I !==
|
|
1296
|
+
var A = I.call(w), W;
|
|
1297
|
+
if (I !== w.entries) {
|
|
1181
1298
|
for (; !(W = A.next()).done; )
|
|
1182
|
-
if (!
|
|
1299
|
+
if (!H(W.value))
|
|
1183
1300
|
return !1;
|
|
1184
1301
|
} else
|
|
1185
1302
|
for (; !(W = A.next()).done; ) {
|
|
1186
1303
|
var O = W.value;
|
|
1187
|
-
if (O && !
|
|
1304
|
+
if (O && !H(O[1]))
|
|
1188
1305
|
return !1;
|
|
1189
1306
|
}
|
|
1190
1307
|
} else
|
|
@@ -1194,27 +1311,27 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, " ")
|
|
|
1194
1311
|
return !1;
|
|
1195
1312
|
}
|
|
1196
1313
|
}
|
|
1197
|
-
function
|
|
1198
|
-
return
|
|
1314
|
+
function J(w, I) {
|
|
1315
|
+
return w === "symbol" ? !0 : I ? I["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && I instanceof Symbol : !1;
|
|
1199
1316
|
}
|
|
1200
|
-
function m(
|
|
1201
|
-
var I = typeof
|
|
1202
|
-
return Array.isArray(
|
|
1317
|
+
function m(w) {
|
|
1318
|
+
var I = typeof w;
|
|
1319
|
+
return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : J(I, w) ? "symbol" : I;
|
|
1203
1320
|
}
|
|
1204
|
-
function
|
|
1205
|
-
if (typeof
|
|
1206
|
-
return "" +
|
|
1207
|
-
var I = m(
|
|
1321
|
+
function X(w) {
|
|
1322
|
+
if (typeof w > "u" || w === null)
|
|
1323
|
+
return "" + w;
|
|
1324
|
+
var I = m(w);
|
|
1208
1325
|
if (I === "object") {
|
|
1209
|
-
if (
|
|
1326
|
+
if (w instanceof Date)
|
|
1210
1327
|
return "date";
|
|
1211
|
-
if (
|
|
1328
|
+
if (w instanceof RegExp)
|
|
1212
1329
|
return "regexp";
|
|
1213
1330
|
}
|
|
1214
1331
|
return I;
|
|
1215
1332
|
}
|
|
1216
|
-
function te(
|
|
1217
|
-
var I =
|
|
1333
|
+
function te(w) {
|
|
1334
|
+
var I = X(w);
|
|
1218
1335
|
switch (I) {
|
|
1219
1336
|
case "array":
|
|
1220
1337
|
case "object":
|
|
@@ -1227,432 +1344,432 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, " ")
|
|
|
1227
1344
|
return I;
|
|
1228
1345
|
}
|
|
1229
1346
|
}
|
|
1230
|
-
function le(
|
|
1231
|
-
return !
|
|
1347
|
+
function le(w) {
|
|
1348
|
+
return !w.constructor || !w.constructor.name ? h : w.constructor.name;
|
|
1232
1349
|
}
|
|
1233
|
-
return
|
|
1234
|
-
},
|
|
1350
|
+
return g.checkPropTypes = a, g.resetWarningCache = a.resetWarningCache, g.PropTypes = g, g;
|
|
1351
|
+
}, Pe;
|
|
1235
1352
|
}
|
|
1236
|
-
var
|
|
1353
|
+
var $e, Ve;
|
|
1237
1354
|
function zt() {
|
|
1238
|
-
if (
|
|
1239
|
-
|
|
1240
|
-
var e = /* @__PURE__ */
|
|
1241
|
-
function s() {
|
|
1242
|
-
}
|
|
1355
|
+
if (Ve) return $e;
|
|
1356
|
+
Ve = 1;
|
|
1357
|
+
var e = /* @__PURE__ */ We();
|
|
1243
1358
|
function n() {
|
|
1244
1359
|
}
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1360
|
+
function r() {
|
|
1361
|
+
}
|
|
1362
|
+
return r.resetWarningCache = n, $e = function() {
|
|
1363
|
+
function i(d, f, S, v, b, c) {
|
|
1364
|
+
if (c !== e) {
|
|
1365
|
+
var h = new Error(
|
|
1249
1366
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
|
|
1250
1367
|
);
|
|
1251
|
-
throw
|
|
1368
|
+
throw h.name = "Invariant Violation", h;
|
|
1252
1369
|
}
|
|
1253
1370
|
}
|
|
1254
|
-
|
|
1255
|
-
function
|
|
1256
|
-
return
|
|
1371
|
+
i.isRequired = i;
|
|
1372
|
+
function a() {
|
|
1373
|
+
return i;
|
|
1257
1374
|
}
|
|
1258
1375
|
var o = {
|
|
1259
|
-
array:
|
|
1260
|
-
bigint:
|
|
1261
|
-
bool:
|
|
1262
|
-
func:
|
|
1263
|
-
number:
|
|
1264
|
-
object:
|
|
1265
|
-
string:
|
|
1266
|
-
symbol:
|
|
1267
|
-
any:
|
|
1268
|
-
arrayOf:
|
|
1269
|
-
element:
|
|
1270
|
-
elementType:
|
|
1271
|
-
instanceOf:
|
|
1272
|
-
node:
|
|
1273
|
-
objectOf:
|
|
1274
|
-
oneOf:
|
|
1275
|
-
oneOfType:
|
|
1276
|
-
shape:
|
|
1277
|
-
exact:
|
|
1278
|
-
checkPropTypes:
|
|
1279
|
-
resetWarningCache:
|
|
1376
|
+
array: i,
|
|
1377
|
+
bigint: i,
|
|
1378
|
+
bool: i,
|
|
1379
|
+
func: i,
|
|
1380
|
+
number: i,
|
|
1381
|
+
object: i,
|
|
1382
|
+
string: i,
|
|
1383
|
+
symbol: i,
|
|
1384
|
+
any: i,
|
|
1385
|
+
arrayOf: a,
|
|
1386
|
+
element: i,
|
|
1387
|
+
elementType: i,
|
|
1388
|
+
instanceOf: a,
|
|
1389
|
+
node: i,
|
|
1390
|
+
objectOf: a,
|
|
1391
|
+
oneOf: a,
|
|
1392
|
+
oneOfType: a,
|
|
1393
|
+
shape: a,
|
|
1394
|
+
exact: a,
|
|
1395
|
+
checkPropTypes: r,
|
|
1396
|
+
resetWarningCache: n
|
|
1280
1397
|
};
|
|
1281
1398
|
return o.PropTypes = o, o;
|
|
1282
|
-
},
|
|
1399
|
+
}, $e;
|
|
1283
1400
|
}
|
|
1284
|
-
var
|
|
1285
|
-
function
|
|
1286
|
-
if (
|
|
1287
|
-
if (
|
|
1288
|
-
var e =
|
|
1289
|
-
me.exports = /* @__PURE__ */
|
|
1401
|
+
var Xe;
|
|
1402
|
+
function yt() {
|
|
1403
|
+
if (Xe) return me.exports;
|
|
1404
|
+
if (Xe = 1, process.env.NODE_ENV !== "production") {
|
|
1405
|
+
var e = mt(), n = !0;
|
|
1406
|
+
me.exports = /* @__PURE__ */ Ft()(e.isElement, n);
|
|
1290
1407
|
} else
|
|
1291
1408
|
me.exports = /* @__PURE__ */ zt()();
|
|
1292
1409
|
return me.exports;
|
|
1293
1410
|
}
|
|
1294
|
-
var ye = { exports: {} },
|
|
1411
|
+
var ye = { exports: {} }, Ge;
|
|
1295
1412
|
function Bt() {
|
|
1296
|
-
if (
|
|
1297
|
-
|
|
1298
|
-
function e(
|
|
1299
|
-
var
|
|
1300
|
-
if (typeof
|
|
1301
|
-
else if (typeof
|
|
1302
|
-
var
|
|
1303
|
-
for (
|
|
1304
|
-
} else for (
|
|
1413
|
+
if (Ge) return ye.exports;
|
|
1414
|
+
Ge = 1;
|
|
1415
|
+
function e(r) {
|
|
1416
|
+
var i, a, o = "";
|
|
1417
|
+
if (typeof r == "string" || typeof r == "number") o += r;
|
|
1418
|
+
else if (typeof r == "object") if (Array.isArray(r)) {
|
|
1419
|
+
var d = r.length;
|
|
1420
|
+
for (i = 0; i < d; i++) r[i] && (a = e(r[i])) && (o && (o += " "), o += a);
|
|
1421
|
+
} else for (a in r) r[a] && (o && (o += " "), o += a);
|
|
1305
1422
|
return o;
|
|
1306
1423
|
}
|
|
1307
|
-
function
|
|
1308
|
-
for (var
|
|
1424
|
+
function n() {
|
|
1425
|
+
for (var r, i, a = 0, o = "", d = arguments.length; a < d; a++) (r = arguments[a]) && (i = e(r)) && (o && (o += " "), o += i);
|
|
1309
1426
|
return o;
|
|
1310
1427
|
}
|
|
1311
|
-
return ye.exports =
|
|
1428
|
+
return ye.exports = n, ye.exports.clsx = n, ye.exports;
|
|
1312
1429
|
}
|
|
1313
|
-
var
|
|
1314
|
-
function
|
|
1315
|
-
if (
|
|
1316
|
-
|
|
1430
|
+
var G = {}, ie = {}, Ze;
|
|
1431
|
+
function we() {
|
|
1432
|
+
if (Ze) return ie;
|
|
1433
|
+
Ze = 1, Object.defineProperty(ie, "__esModule", {
|
|
1317
1434
|
value: !0
|
|
1318
|
-
}), ie.dontSetMe =
|
|
1319
|
-
function e(o,
|
|
1320
|
-
for (let f = 0,
|
|
1321
|
-
if (
|
|
1435
|
+
}), ie.dontSetMe = a, ie.findInArray = e, ie.int = i, ie.isFunction = n, ie.isNum = r;
|
|
1436
|
+
function e(o, d) {
|
|
1437
|
+
for (let f = 0, S = o.length; f < S; f++)
|
|
1438
|
+
if (d.apply(d, [o[f], f, o])) return o[f];
|
|
1322
1439
|
}
|
|
1323
|
-
function
|
|
1440
|
+
function n(o) {
|
|
1324
1441
|
return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
|
|
1325
1442
|
}
|
|
1326
|
-
function
|
|
1443
|
+
function r(o) {
|
|
1327
1444
|
return typeof o == "number" && !isNaN(o);
|
|
1328
1445
|
}
|
|
1329
|
-
function
|
|
1446
|
+
function i(o) {
|
|
1330
1447
|
return parseInt(o, 10);
|
|
1331
1448
|
}
|
|
1332
|
-
function
|
|
1333
|
-
if (o[
|
|
1334
|
-
return new Error(`Invalid prop ${
|
|
1449
|
+
function a(o, d, f) {
|
|
1450
|
+
if (o[d])
|
|
1451
|
+
return new Error(`Invalid prop ${d} passed to ${f} - do not set this, set it on the child.`);
|
|
1335
1452
|
}
|
|
1336
1453
|
return ie;
|
|
1337
1454
|
}
|
|
1338
|
-
var ae = {},
|
|
1455
|
+
var ae = {}, Je;
|
|
1339
1456
|
function Ht() {
|
|
1340
|
-
if (
|
|
1341
|
-
|
|
1457
|
+
if (Je) return ae;
|
|
1458
|
+
Je = 1, Object.defineProperty(ae, "__esModule", {
|
|
1342
1459
|
value: !0
|
|
1343
|
-
}), ae.browserPrefixToKey =
|
|
1460
|
+
}), ae.browserPrefixToKey = r, ae.browserPrefixToStyle = i, ae.default = void 0, ae.getPrefix = n;
|
|
1344
1461
|
const e = ["Moz", "Webkit", "O", "ms"];
|
|
1345
|
-
function
|
|
1462
|
+
function n() {
|
|
1346
1463
|
let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
|
|
1347
1464
|
if (typeof window > "u") return "";
|
|
1348
|
-
const
|
|
1349
|
-
if (!
|
|
1465
|
+
const d = window.document?.documentElement?.style;
|
|
1466
|
+
if (!d || o in d) return "";
|
|
1350
1467
|
for (let f = 0; f < e.length; f++)
|
|
1351
|
-
if (
|
|
1468
|
+
if (r(o, e[f]) in d) return e[f];
|
|
1352
1469
|
return "";
|
|
1353
1470
|
}
|
|
1354
|
-
function
|
|
1355
|
-
return
|
|
1471
|
+
function r(o, d) {
|
|
1472
|
+
return d ? `${d}${a(o)}` : o;
|
|
1356
1473
|
}
|
|
1357
|
-
function
|
|
1358
|
-
return
|
|
1474
|
+
function i(o, d) {
|
|
1475
|
+
return d ? `-${d.toLowerCase()}-${o}` : o;
|
|
1359
1476
|
}
|
|
1360
|
-
function
|
|
1361
|
-
let
|
|
1362
|
-
for (let
|
|
1363
|
-
f ? (
|
|
1364
|
-
return
|
|
1477
|
+
function a(o) {
|
|
1478
|
+
let d = "", f = !0;
|
|
1479
|
+
for (let S = 0; S < o.length; S++)
|
|
1480
|
+
f ? (d += o[S].toUpperCase(), f = !1) : o[S] === "-" ? f = !0 : d += o[S];
|
|
1481
|
+
return d;
|
|
1365
1482
|
}
|
|
1366
|
-
return ae.default =
|
|
1483
|
+
return ae.default = n(), ae;
|
|
1367
1484
|
}
|
|
1368
|
-
var
|
|
1369
|
-
function
|
|
1370
|
-
if (
|
|
1371
|
-
|
|
1485
|
+
var Qe;
|
|
1486
|
+
function je() {
|
|
1487
|
+
if (Qe) return G;
|
|
1488
|
+
Qe = 1, Object.defineProperty(G, "__esModule", {
|
|
1372
1489
|
value: !0
|
|
1373
|
-
}),
|
|
1374
|
-
var e =
|
|
1375
|
-
function
|
|
1376
|
-
if (typeof WeakMap == "function") var
|
|
1377
|
-
return (
|
|
1378
|
-
if (!
|
|
1379
|
-
var
|
|
1380
|
-
if (R === null || typeof R != "object" && typeof R != "function") return
|
|
1381
|
-
if (
|
|
1382
|
-
if (
|
|
1383
|
-
|
|
1490
|
+
}), G.addClassName = l, G.addEvent = d, G.addUserSelectStyles = T, G.createCSSTransform = g, G.createSVGTransform = N, G.getTouch = p, G.getTouchIdentifier = y, G.getTranslation = x, G.innerHeight = b, G.innerWidth = c, G.matchesSelector = a, G.matchesSelectorAndParentsTo = o, G.offsetXYFromParent = h, G.outerHeight = S, G.outerWidth = v, G.removeClassName = M, G.removeEvent = f, G.scheduleRemoveUserSelectStyles = C;
|
|
1491
|
+
var e = we(), n = r(Ht());
|
|
1492
|
+
function r(s, u) {
|
|
1493
|
+
if (typeof WeakMap == "function") var P = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
|
|
1494
|
+
return (r = function(R, U) {
|
|
1495
|
+
if (!U && R && R.__esModule) return R;
|
|
1496
|
+
var B, H, J = { __proto__: null, default: R };
|
|
1497
|
+
if (R === null || typeof R != "object" && typeof R != "function") return J;
|
|
1498
|
+
if (B = U ? $ : P) {
|
|
1499
|
+
if (B.has(R)) return B.get(R);
|
|
1500
|
+
B.set(R, J);
|
|
1384
1501
|
}
|
|
1385
|
-
for (const m in R) m !== "default" && {}.hasOwnProperty.call(R, m) && ((
|
|
1386
|
-
return
|
|
1387
|
-
})(
|
|
1502
|
+
for (const m in R) m !== "default" && {}.hasOwnProperty.call(R, m) && ((H = (B = Object.defineProperty) && Object.getOwnPropertyDescriptor(R, m)) && (H.get || H.set) ? B(J, m, H) : J[m] = R[m]);
|
|
1503
|
+
return J;
|
|
1504
|
+
})(s, u);
|
|
1388
1505
|
}
|
|
1389
|
-
let
|
|
1390
|
-
function
|
|
1391
|
-
return
|
|
1392
|
-
return (0, e.isFunction)(
|
|
1393
|
-
})), (0, e.isFunction)(i
|
|
1506
|
+
let i = "";
|
|
1507
|
+
function a(s, u) {
|
|
1508
|
+
return i || (i = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(P) {
|
|
1509
|
+
return (0, e.isFunction)(s[P]);
|
|
1510
|
+
})), (0, e.isFunction)(s[i]) ? s[i](u) : !1;
|
|
1394
1511
|
}
|
|
1395
|
-
function o(
|
|
1396
|
-
let $ =
|
|
1512
|
+
function o(s, u, P) {
|
|
1513
|
+
let $ = s;
|
|
1397
1514
|
do {
|
|
1398
|
-
if (
|
|
1399
|
-
if ($ ===
|
|
1515
|
+
if (a($, u)) return !0;
|
|
1516
|
+
if ($ === P) return !1;
|
|
1400
1517
|
$ = $.parentNode;
|
|
1401
1518
|
} while ($);
|
|
1402
1519
|
return !1;
|
|
1403
1520
|
}
|
|
1404
|
-
function
|
|
1405
|
-
if (!
|
|
1521
|
+
function d(s, u, P, $) {
|
|
1522
|
+
if (!s) return;
|
|
1406
1523
|
const R = {
|
|
1407
1524
|
capture: !0,
|
|
1408
1525
|
...$
|
|
1409
1526
|
};
|
|
1410
|
-
|
|
1527
|
+
s.addEventListener ? s.addEventListener(u, P, R) : s.attachEvent ? s.attachEvent("on" + u, P) : s["on" + u] = P;
|
|
1411
1528
|
}
|
|
1412
|
-
function f(
|
|
1413
|
-
if (!
|
|
1529
|
+
function f(s, u, P, $) {
|
|
1530
|
+
if (!s) return;
|
|
1414
1531
|
const R = {
|
|
1415
1532
|
capture: !0,
|
|
1416
1533
|
...$
|
|
1417
1534
|
};
|
|
1418
|
-
|
|
1535
|
+
s.removeEventListener ? s.removeEventListener(u, P, R) : s.detachEvent ? s.detachEvent("on" + u, P) : s["on" + u] = null;
|
|
1419
1536
|
}
|
|
1420
|
-
function
|
|
1421
|
-
let u =
|
|
1422
|
-
const
|
|
1423
|
-
return u += (0, e.int)(
|
|
1537
|
+
function S(s) {
|
|
1538
|
+
let u = s.clientHeight;
|
|
1539
|
+
const P = s.ownerDocument.defaultView.getComputedStyle(s);
|
|
1540
|
+
return u += (0, e.int)(P.borderTopWidth), u += (0, e.int)(P.borderBottomWidth), u;
|
|
1424
1541
|
}
|
|
1425
|
-
function
|
|
1426
|
-
let u =
|
|
1427
|
-
const
|
|
1428
|
-
return u += (0, e.int)(
|
|
1542
|
+
function v(s) {
|
|
1543
|
+
let u = s.clientWidth;
|
|
1544
|
+
const P = s.ownerDocument.defaultView.getComputedStyle(s);
|
|
1545
|
+
return u += (0, e.int)(P.borderLeftWidth), u += (0, e.int)(P.borderRightWidth), u;
|
|
1429
1546
|
}
|
|
1430
|
-
function
|
|
1431
|
-
let u =
|
|
1432
|
-
const
|
|
1433
|
-
return u -= (0, e.int)(
|
|
1547
|
+
function b(s) {
|
|
1548
|
+
let u = s.clientHeight;
|
|
1549
|
+
const P = s.ownerDocument.defaultView.getComputedStyle(s);
|
|
1550
|
+
return u -= (0, e.int)(P.paddingTop), u -= (0, e.int)(P.paddingBottom), u;
|
|
1434
1551
|
}
|
|
1435
|
-
function
|
|
1436
|
-
let u =
|
|
1437
|
-
const
|
|
1438
|
-
return u -= (0, e.int)(
|
|
1552
|
+
function c(s) {
|
|
1553
|
+
let u = s.clientWidth;
|
|
1554
|
+
const P = s.ownerDocument.defaultView.getComputedStyle(s);
|
|
1555
|
+
return u -= (0, e.int)(P.paddingLeft), u -= (0, e.int)(P.paddingRight), u;
|
|
1439
1556
|
}
|
|
1440
|
-
function
|
|
1557
|
+
function h(s, u, P) {
|
|
1441
1558
|
const R = u === u.ownerDocument.body ? {
|
|
1442
1559
|
left: 0,
|
|
1443
1560
|
top: 0
|
|
1444
|
-
} : u.getBoundingClientRect(),
|
|
1561
|
+
} : u.getBoundingClientRect(), U = (s.clientX + u.scrollLeft - R.left) / P, B = (s.clientY + u.scrollTop - R.top) / P;
|
|
1445
1562
|
return {
|
|
1446
|
-
x:
|
|
1447
|
-
y:
|
|
1563
|
+
x: U,
|
|
1564
|
+
y: B
|
|
1448
1565
|
};
|
|
1449
1566
|
}
|
|
1450
|
-
function
|
|
1451
|
-
const
|
|
1567
|
+
function g(s, u) {
|
|
1568
|
+
const P = x(s, u, "px");
|
|
1452
1569
|
return {
|
|
1453
|
-
[(0,
|
|
1570
|
+
[(0, n.browserPrefixToKey)("transform", n.default)]: P
|
|
1454
1571
|
};
|
|
1455
1572
|
}
|
|
1456
|
-
function
|
|
1457
|
-
return
|
|
1573
|
+
function N(s, u) {
|
|
1574
|
+
return x(s, u, "");
|
|
1458
1575
|
}
|
|
1459
|
-
function
|
|
1576
|
+
function x(s, u, P) {
|
|
1460
1577
|
let {
|
|
1461
1578
|
x: $,
|
|
1462
1579
|
y: R
|
|
1463
|
-
} =
|
|
1580
|
+
} = s, U = `translate(${$}${P},${R}${P})`;
|
|
1464
1581
|
if (u) {
|
|
1465
|
-
const
|
|
1466
|
-
|
|
1582
|
+
const B = `${typeof u.x == "string" ? u.x : u.x + P}`, H = `${typeof u.y == "string" ? u.y : u.y + P}`;
|
|
1583
|
+
U = `translate(${B}, ${H})` + U;
|
|
1467
1584
|
}
|
|
1468
|
-
return
|
|
1585
|
+
return U;
|
|
1469
1586
|
}
|
|
1470
|
-
function
|
|
1471
|
-
return
|
|
1587
|
+
function p(s, u) {
|
|
1588
|
+
return s.targetTouches && (0, e.findInArray)(s.targetTouches, (P) => u === P.identifier) || s.changedTouches && (0, e.findInArray)(s.changedTouches, (P) => u === P.identifier);
|
|
1472
1589
|
}
|
|
1473
|
-
function
|
|
1474
|
-
if (
|
|
1475
|
-
if (
|
|
1590
|
+
function y(s) {
|
|
1591
|
+
if (s.targetTouches && s.targetTouches[0]) return s.targetTouches[0].identifier;
|
|
1592
|
+
if (s.changedTouches && s.changedTouches[0]) return s.changedTouches[0].identifier;
|
|
1476
1593
|
}
|
|
1477
|
-
function
|
|
1478
|
-
if (!
|
|
1479
|
-
let u =
|
|
1480
|
-
u || (u =
|
|
1594
|
+
function T(s) {
|
|
1595
|
+
if (!s) return;
|
|
1596
|
+
let u = s.getElementById("react-draggable-style-el");
|
|
1597
|
+
u || (u = s.createElement("style"), u.type = "text/css", u.id = "react-draggable-style-el", u.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
|
|
1481
1598
|
`, u.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
|
|
1482
|
-
`,
|
|
1599
|
+
`, s.getElementsByTagName("head")[0].appendChild(u)), s.body && l(s.body, "react-draggable-transparent-selection");
|
|
1483
1600
|
}
|
|
1484
|
-
function
|
|
1601
|
+
function C(s) {
|
|
1485
1602
|
window.requestAnimationFrame ? window.requestAnimationFrame(() => {
|
|
1486
|
-
D(
|
|
1487
|
-
}) : D(
|
|
1603
|
+
D(s);
|
|
1604
|
+
}) : D(s);
|
|
1488
1605
|
}
|
|
1489
|
-
function D(
|
|
1490
|
-
if (
|
|
1606
|
+
function D(s) {
|
|
1607
|
+
if (s)
|
|
1491
1608
|
try {
|
|
1492
|
-
if (
|
|
1493
|
-
|
|
1609
|
+
if (s.body && M(s.body, "react-draggable-transparent-selection"), s.selection)
|
|
1610
|
+
s.selection.empty();
|
|
1494
1611
|
else {
|
|
1495
|
-
const u = (
|
|
1612
|
+
const u = (s.defaultView || window).getSelection();
|
|
1496
1613
|
u && u.type !== "Caret" && u.removeAllRanges();
|
|
1497
1614
|
}
|
|
1498
1615
|
} catch {
|
|
1499
1616
|
}
|
|
1500
1617
|
}
|
|
1501
|
-
function
|
|
1502
|
-
|
|
1618
|
+
function l(s, u) {
|
|
1619
|
+
s.classList ? s.classList.add(u) : s.className.match(new RegExp(`(?:^|\\s)${u}(?!\\S)`)) || (s.className += ` ${u}`);
|
|
1503
1620
|
}
|
|
1504
|
-
function
|
|
1505
|
-
|
|
1621
|
+
function M(s, u) {
|
|
1622
|
+
s.classList ? s.classList.remove(u) : s.className = s.className.replace(new RegExp(`(?:^|\\s)${u}(?!\\S)`, "g"), "");
|
|
1506
1623
|
}
|
|
1507
|
-
return
|
|
1624
|
+
return G;
|
|
1508
1625
|
}
|
|
1509
|
-
var re = {},
|
|
1510
|
-
function
|
|
1511
|
-
if (
|
|
1512
|
-
|
|
1626
|
+
var re = {}, et;
|
|
1627
|
+
function bt() {
|
|
1628
|
+
if (et) return re;
|
|
1629
|
+
et = 1, Object.defineProperty(re, "__esModule", {
|
|
1513
1630
|
value: !0
|
|
1514
|
-
}), re.canDragX =
|
|
1515
|
-
var e =
|
|
1516
|
-
function
|
|
1517
|
-
if (!
|
|
1631
|
+
}), re.canDragX = a, re.canDragY = o, re.createCoreData = f, re.createDraggableData = S, re.getBoundPosition = r, re.getControlPosition = d, re.snapToGrid = i;
|
|
1632
|
+
var e = we(), n = je();
|
|
1633
|
+
function r(c, h, g) {
|
|
1634
|
+
if (!c.props.bounds) return [h, g];
|
|
1518
1635
|
let {
|
|
1519
|
-
bounds:
|
|
1520
|
-
} =
|
|
1521
|
-
|
|
1522
|
-
const
|
|
1523
|
-
if (typeof
|
|
1636
|
+
bounds: N
|
|
1637
|
+
} = c.props;
|
|
1638
|
+
N = typeof N == "string" ? N : v(N);
|
|
1639
|
+
const x = b(c);
|
|
1640
|
+
if (typeof N == "string") {
|
|
1524
1641
|
const {
|
|
1525
|
-
ownerDocument:
|
|
1526
|
-
} =
|
|
1527
|
-
let
|
|
1528
|
-
if (
|
|
1529
|
-
throw new Error('Bounds selector "' +
|
|
1530
|
-
const
|
|
1531
|
-
|
|
1532
|
-
left: -
|
|
1533
|
-
top: -
|
|
1534
|
-
right: (0,
|
|
1535
|
-
bottom: (0,
|
|
1642
|
+
ownerDocument: p
|
|
1643
|
+
} = x, y = p.defaultView;
|
|
1644
|
+
let T;
|
|
1645
|
+
if (N === "parent" ? T = x.parentNode : T = x.getRootNode().querySelector(N), !(T instanceof y.HTMLElement))
|
|
1646
|
+
throw new Error('Bounds selector "' + N + '" could not find an element.');
|
|
1647
|
+
const C = T, D = y.getComputedStyle(x), l = y.getComputedStyle(C);
|
|
1648
|
+
N = {
|
|
1649
|
+
left: -x.offsetLeft + (0, e.int)(l.paddingLeft) + (0, e.int)(D.marginLeft),
|
|
1650
|
+
top: -x.offsetTop + (0, e.int)(l.paddingTop) + (0, e.int)(D.marginTop),
|
|
1651
|
+
right: (0, n.innerWidth)(C) - (0, n.outerWidth)(x) - x.offsetLeft + (0, e.int)(l.paddingRight) - (0, e.int)(D.marginRight),
|
|
1652
|
+
bottom: (0, n.innerHeight)(C) - (0, n.outerHeight)(x) - x.offsetTop + (0, e.int)(l.paddingBottom) - (0, e.int)(D.marginBottom)
|
|
1536
1653
|
};
|
|
1537
1654
|
}
|
|
1538
|
-
return (0, e.isNum)(
|
|
1655
|
+
return (0, e.isNum)(N.right) && (h = Math.min(h, N.right)), (0, e.isNum)(N.bottom) && (g = Math.min(g, N.bottom)), (0, e.isNum)(N.left) && (h = Math.max(h, N.left)), (0, e.isNum)(N.top) && (g = Math.max(g, N.top)), [h, g];
|
|
1539
1656
|
}
|
|
1540
|
-
function
|
|
1541
|
-
const
|
|
1542
|
-
return [
|
|
1657
|
+
function i(c, h, g) {
|
|
1658
|
+
const N = Math.round(h / c[0]) * c[0], x = Math.round(g / c[1]) * c[1];
|
|
1659
|
+
return [N, x];
|
|
1543
1660
|
}
|
|
1544
|
-
function
|
|
1545
|
-
return
|
|
1661
|
+
function a(c) {
|
|
1662
|
+
return c.props.axis === "both" || c.props.axis === "x";
|
|
1546
1663
|
}
|
|
1547
|
-
function o(
|
|
1548
|
-
return
|
|
1664
|
+
function o(c) {
|
|
1665
|
+
return c.props.axis === "both" || c.props.axis === "y";
|
|
1549
1666
|
}
|
|
1550
|
-
function c
|
|
1551
|
-
const
|
|
1552
|
-
if (typeof
|
|
1553
|
-
const
|
|
1554
|
-
return (0,
|
|
1667
|
+
function d(c, h, g) {
|
|
1668
|
+
const N = typeof h == "number" ? (0, n.getTouch)(c, h) : null;
|
|
1669
|
+
if (typeof h == "number" && !N) return null;
|
|
1670
|
+
const x = b(g), p = g.props.offsetParent || x.offsetParent || x.ownerDocument.body;
|
|
1671
|
+
return (0, n.offsetXYFromParent)(N || c, p, g.props.scale);
|
|
1555
1672
|
}
|
|
1556
|
-
function f(
|
|
1557
|
-
const
|
|
1558
|
-
return
|
|
1559
|
-
node:
|
|
1673
|
+
function f(c, h, g) {
|
|
1674
|
+
const N = !(0, e.isNum)(c.lastX), x = b(c);
|
|
1675
|
+
return N ? {
|
|
1676
|
+
node: x,
|
|
1560
1677
|
deltaX: 0,
|
|
1561
1678
|
deltaY: 0,
|
|
1562
|
-
lastX:
|
|
1563
|
-
lastY:
|
|
1564
|
-
x:
|
|
1565
|
-
y:
|
|
1679
|
+
lastX: h,
|
|
1680
|
+
lastY: g,
|
|
1681
|
+
x: h,
|
|
1682
|
+
y: g
|
|
1566
1683
|
} : {
|
|
1567
|
-
node:
|
|
1568
|
-
deltaX:
|
|
1569
|
-
deltaY:
|
|
1570
|
-
lastX:
|
|
1571
|
-
lastY:
|
|
1572
|
-
x:
|
|
1573
|
-
y:
|
|
1684
|
+
node: x,
|
|
1685
|
+
deltaX: h - c.lastX,
|
|
1686
|
+
deltaY: g - c.lastY,
|
|
1687
|
+
lastX: c.lastX,
|
|
1688
|
+
lastY: c.lastY,
|
|
1689
|
+
x: h,
|
|
1690
|
+
y: g
|
|
1574
1691
|
};
|
|
1575
1692
|
}
|
|
1576
|
-
function
|
|
1577
|
-
const
|
|
1693
|
+
function S(c, h) {
|
|
1694
|
+
const g = c.props.scale;
|
|
1578
1695
|
return {
|
|
1579
|
-
node:
|
|
1580
|
-
x:
|
|
1581
|
-
y:
|
|
1582
|
-
deltaX:
|
|
1583
|
-
deltaY:
|
|
1584
|
-
lastX:
|
|
1585
|
-
lastY:
|
|
1696
|
+
node: h.node,
|
|
1697
|
+
x: c.state.x + h.deltaX / g,
|
|
1698
|
+
y: c.state.y + h.deltaY / g,
|
|
1699
|
+
deltaX: h.deltaX / g,
|
|
1700
|
+
deltaY: h.deltaY / g,
|
|
1701
|
+
lastX: c.state.x,
|
|
1702
|
+
lastY: c.state.y
|
|
1586
1703
|
};
|
|
1587
1704
|
}
|
|
1588
|
-
function
|
|
1705
|
+
function v(c) {
|
|
1589
1706
|
return {
|
|
1590
|
-
left:
|
|
1591
|
-
top:
|
|
1592
|
-
right:
|
|
1593
|
-
bottom:
|
|
1707
|
+
left: c.left,
|
|
1708
|
+
top: c.top,
|
|
1709
|
+
right: c.right,
|
|
1710
|
+
bottom: c.bottom
|
|
1594
1711
|
};
|
|
1595
1712
|
}
|
|
1596
|
-
function
|
|
1597
|
-
const
|
|
1598
|
-
if (!
|
|
1713
|
+
function b(c) {
|
|
1714
|
+
const h = c.findDOMNode();
|
|
1715
|
+
if (!h)
|
|
1599
1716
|
throw new Error("<DraggableCore>: Unmounted during event!");
|
|
1600
|
-
return
|
|
1717
|
+
return h;
|
|
1601
1718
|
}
|
|
1602
1719
|
return re;
|
|
1603
1720
|
}
|
|
1604
|
-
var ue = {}, be = {},
|
|
1605
|
-
function
|
|
1606
|
-
if (
|
|
1607
|
-
|
|
1721
|
+
var ue = {}, be = {}, tt;
|
|
1722
|
+
function vt() {
|
|
1723
|
+
if (tt) return be;
|
|
1724
|
+
tt = 1, Object.defineProperty(be, "__esModule", {
|
|
1608
1725
|
value: !0
|
|
1609
1726
|
}), be.default = e;
|
|
1610
1727
|
function e() {
|
|
1611
1728
|
}
|
|
1612
1729
|
return be;
|
|
1613
1730
|
}
|
|
1614
|
-
var
|
|
1731
|
+
var nt;
|
|
1615
1732
|
function Vt() {
|
|
1616
|
-
if (
|
|
1617
|
-
|
|
1733
|
+
if (nt) return ue;
|
|
1734
|
+
nt = 1, Object.defineProperty(ue, "__esModule", {
|
|
1618
1735
|
value: !0
|
|
1619
1736
|
}), ue.default = void 0;
|
|
1620
|
-
var e =
|
|
1621
|
-
function f(
|
|
1622
|
-
return
|
|
1737
|
+
var e = S(Ce), n = f(/* @__PURE__ */ yt()), r = f(lt), i = je(), a = bt(), o = we(), d = f(vt());
|
|
1738
|
+
function f(x) {
|
|
1739
|
+
return x && x.__esModule ? x : { default: x };
|
|
1623
1740
|
}
|
|
1624
|
-
function
|
|
1625
|
-
if (typeof WeakMap == "function") var
|
|
1626
|
-
return (
|
|
1627
|
-
if (!D &&
|
|
1628
|
-
var
|
|
1629
|
-
if (
|
|
1630
|
-
if (
|
|
1631
|
-
if (
|
|
1632
|
-
|
|
1741
|
+
function S(x, p) {
|
|
1742
|
+
if (typeof WeakMap == "function") var y = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
|
|
1743
|
+
return (S = function(C, D) {
|
|
1744
|
+
if (!D && C && C.__esModule) return C;
|
|
1745
|
+
var l, M, s = { __proto__: null, default: C };
|
|
1746
|
+
if (C === null || typeof C != "object" && typeof C != "function") return s;
|
|
1747
|
+
if (l = D ? T : y) {
|
|
1748
|
+
if (l.has(C)) return l.get(C);
|
|
1749
|
+
l.set(C, s);
|
|
1633
1750
|
}
|
|
1634
|
-
for (const u in
|
|
1635
|
-
return
|
|
1636
|
-
})(
|
|
1751
|
+
for (const u in C) u !== "default" && {}.hasOwnProperty.call(C, u) && ((M = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, u)) && (M.get || M.set) ? l(s, u, M) : s[u] = C[u]);
|
|
1752
|
+
return s;
|
|
1753
|
+
})(x, p);
|
|
1637
1754
|
}
|
|
1638
|
-
function
|
|
1639
|
-
return (
|
|
1755
|
+
function v(x, p, y) {
|
|
1756
|
+
return (p = b(p)) in x ? Object.defineProperty(x, p, { value: y, enumerable: !0, configurable: !0, writable: !0 }) : x[p] = y, x;
|
|
1640
1757
|
}
|
|
1641
|
-
function
|
|
1642
|
-
var
|
|
1643
|
-
return typeof
|
|
1758
|
+
function b(x) {
|
|
1759
|
+
var p = c(x, "string");
|
|
1760
|
+
return typeof p == "symbol" ? p : p + "";
|
|
1644
1761
|
}
|
|
1645
|
-
function
|
|
1646
|
-
if (typeof
|
|
1647
|
-
var
|
|
1648
|
-
if (
|
|
1649
|
-
var
|
|
1650
|
-
if (typeof
|
|
1762
|
+
function c(x, p) {
|
|
1763
|
+
if (typeof x != "object" || !x) return x;
|
|
1764
|
+
var y = x[Symbol.toPrimitive];
|
|
1765
|
+
if (y !== void 0) {
|
|
1766
|
+
var T = y.call(x, p);
|
|
1767
|
+
if (typeof T != "object") return T;
|
|
1651
1768
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
1652
1769
|
}
|
|
1653
|
-
return (
|
|
1770
|
+
return (p === "string" ? String : Number)(x);
|
|
1654
1771
|
}
|
|
1655
|
-
const
|
|
1772
|
+
const h = {
|
|
1656
1773
|
touch: {
|
|
1657
1774
|
start: "touchstart",
|
|
1658
1775
|
move: "touchmove",
|
|
@@ -1664,92 +1781,92 @@ function Vt() {
|
|
|
1664
1781
|
stop: "mouseup"
|
|
1665
1782
|
}
|
|
1666
1783
|
};
|
|
1667
|
-
let
|
|
1784
|
+
let g = h.mouse, N = class extends e.Component {
|
|
1668
1785
|
constructor() {
|
|
1669
|
-
super(...arguments),
|
|
1670
|
-
if (this.props.onMouseDown(
|
|
1671
|
-
const
|
|
1672
|
-
if (!
|
|
1786
|
+
super(...arguments), v(this, "dragging", !1), v(this, "lastX", NaN), v(this, "lastY", NaN), v(this, "touchIdentifier", null), v(this, "mounted", !1), v(this, "handleDragStart", (p) => {
|
|
1787
|
+
if (this.props.onMouseDown(p), !this.props.allowAnyClick && typeof p.button == "number" && p.button !== 0) return !1;
|
|
1788
|
+
const y = this.findDOMNode();
|
|
1789
|
+
if (!y || !y.ownerDocument || !y.ownerDocument.body)
|
|
1673
1790
|
throw new Error("<DraggableCore> not mounted on DragStart!");
|
|
1674
1791
|
const {
|
|
1675
|
-
ownerDocument:
|
|
1676
|
-
} =
|
|
1677
|
-
if (this.props.disabled || !(
|
|
1792
|
+
ownerDocument: T
|
|
1793
|
+
} = y;
|
|
1794
|
+
if (this.props.disabled || !(p.target instanceof T.defaultView.Node) || this.props.handle && !(0, i.matchesSelectorAndParentsTo)(p.target, this.props.handle, y) || this.props.cancel && (0, i.matchesSelectorAndParentsTo)(p.target, this.props.cancel, y))
|
|
1678
1795
|
return;
|
|
1679
|
-
|
|
1680
|
-
const
|
|
1681
|
-
this.touchIdentifier =
|
|
1682
|
-
const D = (0,
|
|
1796
|
+
p.type === "touchstart" && !this.props.allowMobileScroll && p.preventDefault();
|
|
1797
|
+
const C = (0, i.getTouchIdentifier)(p);
|
|
1798
|
+
this.touchIdentifier = C;
|
|
1799
|
+
const D = (0, a.getControlPosition)(p, C, this);
|
|
1683
1800
|
if (D == null) return;
|
|
1684
1801
|
const {
|
|
1685
|
-
x:
|
|
1686
|
-
y:
|
|
1687
|
-
} = D,
|
|
1688
|
-
(0,
|
|
1689
|
-
}),
|
|
1690
|
-
const
|
|
1691
|
-
if (
|
|
1802
|
+
x: l,
|
|
1803
|
+
y: M
|
|
1804
|
+
} = D, s = (0, a.createCoreData)(this, l, M);
|
|
1805
|
+
(0, d.default)("DraggableCore: handleDragStart: %j", s), (0, d.default)("calling", this.props.onStart), !(this.props.onStart(p, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, i.addUserSelectStyles)(T), this.dragging = !0, this.lastX = l, this.lastY = M, (0, i.addEvent)(T, g.move, this.handleDrag), (0, i.addEvent)(T, g.stop, this.handleDragStop));
|
|
1806
|
+
}), v(this, "handleDrag", (p) => {
|
|
1807
|
+
const y = (0, a.getControlPosition)(p, this.touchIdentifier, this);
|
|
1808
|
+
if (y == null) return;
|
|
1692
1809
|
let {
|
|
1693
|
-
x:
|
|
1694
|
-
y:
|
|
1695
|
-
} =
|
|
1810
|
+
x: T,
|
|
1811
|
+
y: C
|
|
1812
|
+
} = y;
|
|
1696
1813
|
if (Array.isArray(this.props.grid)) {
|
|
1697
|
-
let
|
|
1698
|
-
if ([
|
|
1699
|
-
|
|
1814
|
+
let M = T - this.lastX, s = C - this.lastY;
|
|
1815
|
+
if ([M, s] = (0, a.snapToGrid)(this.props.grid, M, s), !M && !s) return;
|
|
1816
|
+
T = this.lastX + M, C = this.lastY + s;
|
|
1700
1817
|
}
|
|
1701
|
-
const D = (0,
|
|
1702
|
-
if ((0,
|
|
1818
|
+
const D = (0, a.createCoreData)(this, T, C);
|
|
1819
|
+
if ((0, d.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(p, D) === !1 || this.mounted === !1) {
|
|
1703
1820
|
try {
|
|
1704
1821
|
this.handleDragStop(new MouseEvent("mouseup"));
|
|
1705
1822
|
} catch {
|
|
1706
|
-
const
|
|
1707
|
-
|
|
1823
|
+
const s = document.createEvent("MouseEvents");
|
|
1824
|
+
s.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(s);
|
|
1708
1825
|
}
|
|
1709
1826
|
return;
|
|
1710
1827
|
}
|
|
1711
|
-
this.lastX =
|
|
1712
|
-
}),
|
|
1828
|
+
this.lastX = T, this.lastY = C;
|
|
1829
|
+
}), v(this, "handleDragStop", (p) => {
|
|
1713
1830
|
if (!this.dragging) return;
|
|
1714
|
-
const
|
|
1715
|
-
if (
|
|
1831
|
+
const y = (0, a.getControlPosition)(p, this.touchIdentifier, this);
|
|
1832
|
+
if (y == null) return;
|
|
1716
1833
|
let {
|
|
1717
|
-
x:
|
|
1718
|
-
y:
|
|
1719
|
-
} =
|
|
1834
|
+
x: T,
|
|
1835
|
+
y: C
|
|
1836
|
+
} = y;
|
|
1720
1837
|
if (Array.isArray(this.props.grid)) {
|
|
1721
|
-
let
|
|
1722
|
-
[
|
|
1838
|
+
let s = T - this.lastX || 0, u = C - this.lastY || 0;
|
|
1839
|
+
[s, u] = (0, a.snapToGrid)(this.props.grid, s, u), T = this.lastX + s, C = this.lastY + u;
|
|
1723
1840
|
}
|
|
1724
|
-
const D = (0,
|
|
1725
|
-
if (this.props.onStop(
|
|
1726
|
-
const
|
|
1727
|
-
|
|
1728
|
-
}),
|
|
1841
|
+
const D = (0, a.createCoreData)(this, T, C);
|
|
1842
|
+
if (this.props.onStop(p, D) === !1 || this.mounted === !1) return !1;
|
|
1843
|
+
const M = this.findDOMNode();
|
|
1844
|
+
M && this.props.enableUserSelectHack && (0, i.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, d.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, d.default)("DraggableCore: Removing handlers"), (0, i.removeEvent)(M.ownerDocument, g.move, this.handleDrag), (0, i.removeEvent)(M.ownerDocument, g.stop, this.handleDragStop));
|
|
1845
|
+
}), v(this, "onMouseDown", (p) => (g = h.mouse, this.handleDragStart(p))), v(this, "onMouseUp", (p) => (g = h.mouse, this.handleDragStop(p))), v(this, "onTouchStart", (p) => (g = h.touch, this.handleDragStart(p))), v(this, "onTouchEnd", (p) => (g = h.touch, this.handleDragStop(p)));
|
|
1729
1846
|
}
|
|
1730
1847
|
componentDidMount() {
|
|
1731
1848
|
this.mounted = !0;
|
|
1732
|
-
const
|
|
1733
|
-
|
|
1849
|
+
const p = this.findDOMNode();
|
|
1850
|
+
p && (0, i.addEvent)(p, h.touch.start, this.onTouchStart, {
|
|
1734
1851
|
passive: !1
|
|
1735
1852
|
});
|
|
1736
1853
|
}
|
|
1737
1854
|
componentWillUnmount() {
|
|
1738
1855
|
this.mounted = !1;
|
|
1739
|
-
const
|
|
1740
|
-
if (
|
|
1856
|
+
const p = this.findDOMNode();
|
|
1857
|
+
if (p) {
|
|
1741
1858
|
const {
|
|
1742
|
-
ownerDocument:
|
|
1743
|
-
} =
|
|
1744
|
-
(0,
|
|
1859
|
+
ownerDocument: y
|
|
1860
|
+
} = p;
|
|
1861
|
+
(0, i.removeEvent)(y, h.mouse.move, this.handleDrag), (0, i.removeEvent)(y, h.touch.move, this.handleDrag), (0, i.removeEvent)(y, h.mouse.stop, this.handleDragStop), (0, i.removeEvent)(y, h.touch.stop, this.handleDragStop), (0, i.removeEvent)(p, h.touch.start, this.onTouchStart, {
|
|
1745
1862
|
passive: !1
|
|
1746
|
-
}), this.props.enableUserSelectHack && (0,
|
|
1863
|
+
}), this.props.enableUserSelectHack && (0, i.scheduleRemoveUserSelectStyles)(y);
|
|
1747
1864
|
}
|
|
1748
1865
|
}
|
|
1749
1866
|
// React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
|
|
1750
1867
|
// the underlying DOM node ourselves. See the README for more information.
|
|
1751
1868
|
findDOMNode() {
|
|
1752
|
-
return this.props?.nodeRef ? this.props?.nodeRef?.current :
|
|
1869
|
+
return this.props?.nodeRef ? this.props?.nodeRef?.current : r.default.findDOMNode(this);
|
|
1753
1870
|
}
|
|
1754
1871
|
render() {
|
|
1755
1872
|
return /* @__PURE__ */ e.cloneElement(e.Children.only(this.props.children), {
|
|
@@ -1764,14 +1881,14 @@ function Vt() {
|
|
|
1764
1881
|
});
|
|
1765
1882
|
}
|
|
1766
1883
|
};
|
|
1767
|
-
return ue.default =
|
|
1884
|
+
return ue.default = N, v(N, "displayName", "DraggableCore"), v(N, "propTypes", {
|
|
1768
1885
|
/**
|
|
1769
1886
|
* `allowAnyClick` allows dragging using any mouse button.
|
|
1770
1887
|
* By default, we only accept the left button.
|
|
1771
1888
|
*
|
|
1772
1889
|
* Defaults to `false`.
|
|
1773
1890
|
*/
|
|
1774
|
-
allowAnyClick:
|
|
1891
|
+
allowAnyClick: n.default.bool,
|
|
1775
1892
|
/**
|
|
1776
1893
|
* `allowMobileScroll` turns off cancellation of the 'touchstart' event
|
|
1777
1894
|
* on mobile devices. Only enable this if you are having trouble with click
|
|
@@ -1779,31 +1896,31 @@ function Vt() {
|
|
|
1779
1896
|
*
|
|
1780
1897
|
* Defaults to `false`.
|
|
1781
1898
|
*/
|
|
1782
|
-
allowMobileScroll:
|
|
1783
|
-
children:
|
|
1899
|
+
allowMobileScroll: n.default.bool,
|
|
1900
|
+
children: n.default.node.isRequired,
|
|
1784
1901
|
/**
|
|
1785
1902
|
* `disabled`, if true, stops the <Draggable> from dragging. All handlers,
|
|
1786
1903
|
* with the exception of `onMouseDown`, will not fire.
|
|
1787
1904
|
*/
|
|
1788
|
-
disabled:
|
|
1905
|
+
disabled: n.default.bool,
|
|
1789
1906
|
/**
|
|
1790
1907
|
* By default, we add 'user-select:none' attributes to the document body
|
|
1791
1908
|
* to prevent ugly text selection during drag. If this is causing problems
|
|
1792
1909
|
* for your app, set this to `false`.
|
|
1793
1910
|
*/
|
|
1794
|
-
enableUserSelectHack:
|
|
1911
|
+
enableUserSelectHack: n.default.bool,
|
|
1795
1912
|
/**
|
|
1796
1913
|
* `offsetParent`, if set, uses the passed DOM node to compute drag offsets
|
|
1797
1914
|
* instead of using the parent node.
|
|
1798
1915
|
*/
|
|
1799
|
-
offsetParent: function(
|
|
1800
|
-
if (
|
|
1916
|
+
offsetParent: function(x, p) {
|
|
1917
|
+
if (x[p] && x[p].nodeType !== 1)
|
|
1801
1918
|
throw new Error("Draggable's offsetParent must be a DOM Node.");
|
|
1802
1919
|
},
|
|
1803
1920
|
/**
|
|
1804
1921
|
* `grid` specifies the x and y that dragging should snap to.
|
|
1805
1922
|
*/
|
|
1806
|
-
grid:
|
|
1923
|
+
grid: n.default.arrayOf(n.default.number),
|
|
1807
1924
|
/**
|
|
1808
1925
|
* `handle` specifies a selector to be used as the handle that initiates drag.
|
|
1809
1926
|
*
|
|
@@ -1824,7 +1941,7 @@ function Vt() {
|
|
|
1824
1941
|
* });
|
|
1825
1942
|
* ```
|
|
1826
1943
|
*/
|
|
1827
|
-
handle:
|
|
1944
|
+
handle: n.default.string,
|
|
1828
1945
|
/**
|
|
1829
1946
|
* `cancel` specifies a selector to be used to prevent drag initialization.
|
|
1830
1947
|
*
|
|
@@ -1845,7 +1962,7 @@ function Vt() {
|
|
|
1845
1962
|
* });
|
|
1846
1963
|
* ```
|
|
1847
1964
|
*/
|
|
1848
|
-
cancel:
|
|
1965
|
+
cancel: n.default.string,
|
|
1849
1966
|
/* If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
|
|
1850
1967
|
* Unfortunately, in order for <Draggable> to work properly, we need raw access
|
|
1851
1968
|
* to the underlying DOM node. If you want to avoid the warning, pass a `nodeRef`
|
|
@@ -1863,38 +1980,38 @@ function Vt() {
|
|
|
1863
1980
|
* This can be used for arbitrarily nested components, so long as the ref ends up
|
|
1864
1981
|
* pointing to the actual child DOM node and not a custom component.
|
|
1865
1982
|
*/
|
|
1866
|
-
nodeRef:
|
|
1983
|
+
nodeRef: n.default.object,
|
|
1867
1984
|
/**
|
|
1868
1985
|
* Called when dragging starts.
|
|
1869
1986
|
* If this function returns the boolean false, dragging will be canceled.
|
|
1870
1987
|
*/
|
|
1871
|
-
onStart:
|
|
1988
|
+
onStart: n.default.func,
|
|
1872
1989
|
/**
|
|
1873
1990
|
* Called while dragging.
|
|
1874
1991
|
* If this function returns the boolean false, dragging will be canceled.
|
|
1875
1992
|
*/
|
|
1876
|
-
onDrag:
|
|
1993
|
+
onDrag: n.default.func,
|
|
1877
1994
|
/**
|
|
1878
1995
|
* Called when dragging stops.
|
|
1879
1996
|
* If this function returns the boolean false, the drag will remain active.
|
|
1880
1997
|
*/
|
|
1881
|
-
onStop:
|
|
1998
|
+
onStop: n.default.func,
|
|
1882
1999
|
/**
|
|
1883
2000
|
* A workaround option which can be passed if onMouseDown needs to be accessed,
|
|
1884
2001
|
* since it'll always be blocked (as there is internal use of onMouseDown)
|
|
1885
2002
|
*/
|
|
1886
|
-
onMouseDown:
|
|
2003
|
+
onMouseDown: n.default.func,
|
|
1887
2004
|
/**
|
|
1888
2005
|
* `scale`, if set, applies scaling while dragging an element
|
|
1889
2006
|
*/
|
|
1890
|
-
scale:
|
|
2007
|
+
scale: n.default.number,
|
|
1891
2008
|
/**
|
|
1892
2009
|
* These properties should be defined on the child, not here.
|
|
1893
2010
|
*/
|
|
1894
2011
|
className: o.dontSetMe,
|
|
1895
2012
|
style: o.dontSetMe,
|
|
1896
2013
|
transform: o.dontSetMe
|
|
1897
|
-
}),
|
|
2014
|
+
}), v(N, "defaultProps", {
|
|
1898
2015
|
allowAnyClick: !1,
|
|
1899
2016
|
// by default only accept left click
|
|
1900
2017
|
allowMobileScroll: !1,
|
|
@@ -1911,73 +2028,73 @@ function Vt() {
|
|
|
1911
2028
|
scale: 1
|
|
1912
2029
|
}), ue;
|
|
1913
2030
|
}
|
|
1914
|
-
var
|
|
2031
|
+
var rt;
|
|
1915
2032
|
function Xt() {
|
|
1916
|
-
return
|
|
2033
|
+
return rt || (rt = 1, (function(e) {
|
|
1917
2034
|
Object.defineProperty(e, "__esModule", {
|
|
1918
2035
|
value: !0
|
|
1919
2036
|
}), Object.defineProperty(e, "DraggableCore", {
|
|
1920
2037
|
enumerable: !0,
|
|
1921
2038
|
get: function() {
|
|
1922
|
-
return
|
|
2039
|
+
return S.default;
|
|
1923
2040
|
}
|
|
1924
2041
|
}), e.default = void 0;
|
|
1925
|
-
var
|
|
1926
|
-
function
|
|
1927
|
-
return
|
|
1928
|
-
}
|
|
1929
|
-
function
|
|
1930
|
-
if (typeof WeakMap == "function") var
|
|
1931
|
-
return (
|
|
1932
|
-
if (!
|
|
1933
|
-
var
|
|
1934
|
-
if (
|
|
1935
|
-
if (
|
|
1936
|
-
if (
|
|
1937
|
-
|
|
2042
|
+
var n = c(Ce), r = b(/* @__PURE__ */ yt()), i = b(lt), a = Bt(), o = je(), d = bt(), f = we(), S = b(Vt()), v = b(vt());
|
|
2043
|
+
function b(y) {
|
|
2044
|
+
return y && y.__esModule ? y : { default: y };
|
|
2045
|
+
}
|
|
2046
|
+
function c(y, T) {
|
|
2047
|
+
if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
|
|
2048
|
+
return (c = function(l, M) {
|
|
2049
|
+
if (!M && l && l.__esModule) return l;
|
|
2050
|
+
var s, u, P = { __proto__: null, default: l };
|
|
2051
|
+
if (l === null || typeof l != "object" && typeof l != "function") return P;
|
|
2052
|
+
if (s = M ? D : C) {
|
|
2053
|
+
if (s.has(l)) return s.get(l);
|
|
2054
|
+
s.set(l, P);
|
|
1938
2055
|
}
|
|
1939
|
-
for (const $ in
|
|
1940
|
-
return
|
|
1941
|
-
})(
|
|
1942
|
-
}
|
|
1943
|
-
function
|
|
1944
|
-
return
|
|
1945
|
-
for (var
|
|
1946
|
-
var
|
|
1947
|
-
for (var D in
|
|
2056
|
+
for (const $ in l) $ !== "default" && {}.hasOwnProperty.call(l, $) && ((u = (s = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, $)) && (u.get || u.set) ? s(P, $, u) : P[$] = l[$]);
|
|
2057
|
+
return P;
|
|
2058
|
+
})(y, T);
|
|
2059
|
+
}
|
|
2060
|
+
function h() {
|
|
2061
|
+
return h = Object.assign ? Object.assign.bind() : function(y) {
|
|
2062
|
+
for (var T = 1; T < arguments.length; T++) {
|
|
2063
|
+
var C = arguments[T];
|
|
2064
|
+
for (var D in C) ({}).hasOwnProperty.call(C, D) && (y[D] = C[D]);
|
|
1948
2065
|
}
|
|
1949
|
-
return
|
|
1950
|
-
},
|
|
2066
|
+
return y;
|
|
2067
|
+
}, h.apply(null, arguments);
|
|
1951
2068
|
}
|
|
1952
|
-
function
|
|
1953
|
-
return (
|
|
2069
|
+
function g(y, T, C) {
|
|
2070
|
+
return (T = N(T)) in y ? Object.defineProperty(y, T, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : y[T] = C, y;
|
|
1954
2071
|
}
|
|
1955
|
-
function
|
|
1956
|
-
var
|
|
1957
|
-
return typeof
|
|
2072
|
+
function N(y) {
|
|
2073
|
+
var T = x(y, "string");
|
|
2074
|
+
return typeof T == "symbol" ? T : T + "";
|
|
1958
2075
|
}
|
|
1959
|
-
function
|
|
1960
|
-
if (typeof
|
|
1961
|
-
var
|
|
1962
|
-
if (
|
|
1963
|
-
var D =
|
|
2076
|
+
function x(y, T) {
|
|
2077
|
+
if (typeof y != "object" || !y) return y;
|
|
2078
|
+
var C = y[Symbol.toPrimitive];
|
|
2079
|
+
if (C !== void 0) {
|
|
2080
|
+
var D = C.call(y, T);
|
|
1964
2081
|
if (typeof D != "object") return D;
|
|
1965
2082
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
1966
2083
|
}
|
|
1967
|
-
return (
|
|
2084
|
+
return (T === "string" ? String : Number)(y);
|
|
1968
2085
|
}
|
|
1969
|
-
class
|
|
2086
|
+
class p extends n.Component {
|
|
1970
2087
|
// React 16.3+
|
|
1971
2088
|
// Arity (props, state)
|
|
1972
|
-
static getDerivedStateFromProps(
|
|
2089
|
+
static getDerivedStateFromProps(T, C) {
|
|
1973
2090
|
let {
|
|
1974
2091
|
position: D
|
|
1975
|
-
} =
|
|
1976
|
-
prevPropsPosition:
|
|
1977
|
-
} =
|
|
1978
|
-
return D && (!
|
|
2092
|
+
} = T, {
|
|
2093
|
+
prevPropsPosition: l
|
|
2094
|
+
} = C;
|
|
2095
|
+
return D && (!l || D.x !== l.x || D.y !== l.y) ? ((0, v.default)("Draggable: getDerivedStateFromProps %j", {
|
|
1979
2096
|
position: D,
|
|
1980
|
-
prevPropsPosition:
|
|
2097
|
+
prevPropsPosition: l
|
|
1981
2098
|
}), {
|
|
1982
2099
|
x: D.x,
|
|
1983
2100
|
y: D.y,
|
|
@@ -1986,37 +2103,37 @@ function Xt() {
|
|
|
1986
2103
|
}
|
|
1987
2104
|
}) : null;
|
|
1988
2105
|
}
|
|
1989
|
-
constructor(
|
|
1990
|
-
super(
|
|
1991
|
-
if ((0,
|
|
2106
|
+
constructor(T) {
|
|
2107
|
+
super(T), g(this, "onDragStart", (C, D) => {
|
|
2108
|
+
if ((0, v.default)("Draggable: onDragStart: %j", D), this.props.onStart(C, (0, d.createDraggableData)(this, D)) === !1) return !1;
|
|
1992
2109
|
this.setState({
|
|
1993
2110
|
dragging: !0,
|
|
1994
2111
|
dragged: !0
|
|
1995
2112
|
});
|
|
1996
|
-
}),
|
|
2113
|
+
}), g(this, "onDrag", (C, D) => {
|
|
1997
2114
|
if (!this.state.dragging) return !1;
|
|
1998
|
-
(0,
|
|
1999
|
-
const
|
|
2000
|
-
x:
|
|
2001
|
-
y:
|
|
2115
|
+
(0, v.default)("Draggable: onDrag: %j", D);
|
|
2116
|
+
const l = (0, d.createDraggableData)(this, D), M = {
|
|
2117
|
+
x: l.x,
|
|
2118
|
+
y: l.y,
|
|
2002
2119
|
slackX: 0,
|
|
2003
2120
|
slackY: 0
|
|
2004
2121
|
};
|
|
2005
2122
|
if (this.props.bounds) {
|
|
2006
2123
|
const {
|
|
2007
2124
|
x: u,
|
|
2008
|
-
y:
|
|
2009
|
-
} =
|
|
2010
|
-
|
|
2011
|
-
const [$, R] = (0,
|
|
2012
|
-
|
|
2125
|
+
y: P
|
|
2126
|
+
} = M;
|
|
2127
|
+
M.x += this.state.slackX, M.y += this.state.slackY;
|
|
2128
|
+
const [$, R] = (0, d.getBoundPosition)(this, M.x, M.y);
|
|
2129
|
+
M.x = $, M.y = R, M.slackX = this.state.slackX + (u - M.x), M.slackY = this.state.slackY + (P - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
|
|
2013
2130
|
}
|
|
2014
|
-
if (this.props.onDrag(
|
|
2015
|
-
this.setState(
|
|
2016
|
-
}),
|
|
2017
|
-
if (!this.state.dragging || this.props.onStop(
|
|
2018
|
-
(0,
|
|
2019
|
-
const
|
|
2131
|
+
if (this.props.onDrag(C, l) === !1) return !1;
|
|
2132
|
+
this.setState(M);
|
|
2133
|
+
}), g(this, "onDragStop", (C, D) => {
|
|
2134
|
+
if (!this.state.dragging || this.props.onStop(C, (0, d.createDraggableData)(this, D)) === !1) return !1;
|
|
2135
|
+
(0, v.default)("Draggable: onDragStop: %j", D);
|
|
2136
|
+
const M = {
|
|
2020
2137
|
dragging: !1,
|
|
2021
2138
|
slackX: 0,
|
|
2022
2139
|
slackY: 0
|
|
@@ -2024,28 +2141,28 @@ function Xt() {
|
|
|
2024
2141
|
if (!!this.props.position) {
|
|
2025
2142
|
const {
|
|
2026
2143
|
x: u,
|
|
2027
|
-
y:
|
|
2144
|
+
y: P
|
|
2028
2145
|
} = this.props.position;
|
|
2029
|
-
|
|
2146
|
+
M.x = u, M.y = P;
|
|
2030
2147
|
}
|
|
2031
|
-
this.setState(
|
|
2148
|
+
this.setState(M);
|
|
2032
2149
|
}), this.state = {
|
|
2033
2150
|
// Whether or not we are currently dragging.
|
|
2034
2151
|
dragging: !1,
|
|
2035
2152
|
// Whether or not we have been dragged before.
|
|
2036
2153
|
dragged: !1,
|
|
2037
2154
|
// Current transform x and y.
|
|
2038
|
-
x:
|
|
2039
|
-
y:
|
|
2155
|
+
x: T.position ? T.position.x : T.defaultPosition.x,
|
|
2156
|
+
y: T.position ? T.position.y : T.defaultPosition.y,
|
|
2040
2157
|
prevPropsPosition: {
|
|
2041
|
-
...
|
|
2158
|
+
...T.position
|
|
2042
2159
|
},
|
|
2043
2160
|
// Used for compensating for out-of-bounds drags
|
|
2044
2161
|
slackX: 0,
|
|
2045
2162
|
slackY: 0,
|
|
2046
2163
|
// Can only determine if SVG after mounting
|
|
2047
2164
|
isElementSVG: !1
|
|
2048
|
-
},
|
|
2165
|
+
}, T.position && !(T.onDrag || T.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
|
|
2049
2166
|
}
|
|
2050
2167
|
componentDidMount() {
|
|
2051
2168
|
typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
|
|
@@ -2060,51 +2177,51 @@ function Xt() {
|
|
|
2060
2177
|
// React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
|
|
2061
2178
|
// the underlying DOM node ourselves. See the README for more information.
|
|
2062
2179
|
findDOMNode() {
|
|
2063
|
-
return this.props?.nodeRef?.current ??
|
|
2180
|
+
return this.props?.nodeRef?.current ?? i.default.findDOMNode(this);
|
|
2064
2181
|
}
|
|
2065
2182
|
render() {
|
|
2066
2183
|
const {
|
|
2067
|
-
axis:
|
|
2068
|
-
bounds:
|
|
2184
|
+
axis: T,
|
|
2185
|
+
bounds: C,
|
|
2069
2186
|
children: D,
|
|
2070
|
-
defaultPosition:
|
|
2071
|
-
defaultClassName:
|
|
2072
|
-
defaultClassNameDragging:
|
|
2187
|
+
defaultPosition: l,
|
|
2188
|
+
defaultClassName: M,
|
|
2189
|
+
defaultClassNameDragging: s,
|
|
2073
2190
|
defaultClassNameDragged: u,
|
|
2074
|
-
position:
|
|
2191
|
+
position: P,
|
|
2075
2192
|
positionOffset: $,
|
|
2076
2193
|
scale: R,
|
|
2077
|
-
...
|
|
2194
|
+
...U
|
|
2078
2195
|
} = this.props;
|
|
2079
|
-
let
|
|
2080
|
-
const m = !!!
|
|
2196
|
+
let B = {}, H = null;
|
|
2197
|
+
const m = !!!P || this.state.dragging, X = P || l, te = {
|
|
2081
2198
|
// Set left if horizontal drag is enabled
|
|
2082
|
-
x: (0,
|
|
2199
|
+
x: (0, d.canDragX)(this) && m ? this.state.x : X.x,
|
|
2083
2200
|
// Set top if vertical drag is enabled
|
|
2084
|
-
y: (0,
|
|
2201
|
+
y: (0, d.canDragY)(this) && m ? this.state.y : X.y
|
|
2085
2202
|
};
|
|
2086
|
-
this.state.isElementSVG ?
|
|
2087
|
-
const le = (0,
|
|
2088
|
-
[
|
|
2203
|
+
this.state.isElementSVG ? H = (0, o.createSVGTransform)(te, $) : B = (0, o.createCSSTransform)(te, $);
|
|
2204
|
+
const le = (0, a.clsx)(D.props.className || "", M, {
|
|
2205
|
+
[s]: this.state.dragging,
|
|
2089
2206
|
[u]: this.state.dragged
|
|
2090
2207
|
});
|
|
2091
|
-
return /* @__PURE__ */
|
|
2208
|
+
return /* @__PURE__ */ n.createElement(S.default, h({}, U, {
|
|
2092
2209
|
onStart: this.onDragStart,
|
|
2093
2210
|
onDrag: this.onDrag,
|
|
2094
2211
|
onStop: this.onDragStop
|
|
2095
|
-
}), /* @__PURE__ */
|
|
2212
|
+
}), /* @__PURE__ */ n.cloneElement(n.Children.only(D), {
|
|
2096
2213
|
className: le,
|
|
2097
2214
|
style: {
|
|
2098
2215
|
...D.props.style,
|
|
2099
|
-
...
|
|
2216
|
+
...B
|
|
2100
2217
|
},
|
|
2101
|
-
transform:
|
|
2218
|
+
transform: H
|
|
2102
2219
|
}));
|
|
2103
2220
|
}
|
|
2104
2221
|
}
|
|
2105
|
-
e.default =
|
|
2222
|
+
e.default = p, g(p, "displayName", "Draggable"), g(p, "propTypes", {
|
|
2106
2223
|
// Accepts all props <DraggableCore> accepts.
|
|
2107
|
-
...
|
|
2224
|
+
...S.default.propTypes,
|
|
2108
2225
|
/**
|
|
2109
2226
|
* `axis` determines which axis the draggable can move.
|
|
2110
2227
|
*
|
|
@@ -2118,7 +2235,7 @@ function Xt() {
|
|
|
2118
2235
|
*
|
|
2119
2236
|
* Defaults to 'both'.
|
|
2120
2237
|
*/
|
|
2121
|
-
axis:
|
|
2238
|
+
axis: r.default.oneOf(["both", "x", "y", "none"]),
|
|
2122
2239
|
/**
|
|
2123
2240
|
* `bounds` determines the range of movement available to the element.
|
|
2124
2241
|
* Available values are:
|
|
@@ -2145,15 +2262,15 @@ function Xt() {
|
|
|
2145
2262
|
* });
|
|
2146
2263
|
* ```
|
|
2147
2264
|
*/
|
|
2148
|
-
bounds:
|
|
2149
|
-
left:
|
|
2150
|
-
right:
|
|
2151
|
-
top:
|
|
2152
|
-
bottom:
|
|
2153
|
-
}),
|
|
2154
|
-
defaultClassName:
|
|
2155
|
-
defaultClassNameDragging:
|
|
2156
|
-
defaultClassNameDragged:
|
|
2265
|
+
bounds: r.default.oneOfType([r.default.shape({
|
|
2266
|
+
left: r.default.number,
|
|
2267
|
+
right: r.default.number,
|
|
2268
|
+
top: r.default.number,
|
|
2269
|
+
bottom: r.default.number
|
|
2270
|
+
}), r.default.string, r.default.oneOf([!1])]),
|
|
2271
|
+
defaultClassName: r.default.string,
|
|
2272
|
+
defaultClassNameDragging: r.default.string,
|
|
2273
|
+
defaultClassNameDragged: r.default.string,
|
|
2157
2274
|
/**
|
|
2158
2275
|
* `defaultPosition` specifies the x and y that the dragged item should start at
|
|
2159
2276
|
*
|
|
@@ -2171,13 +2288,13 @@ function Xt() {
|
|
|
2171
2288
|
* });
|
|
2172
2289
|
* ```
|
|
2173
2290
|
*/
|
|
2174
|
-
defaultPosition:
|
|
2175
|
-
x:
|
|
2176
|
-
y:
|
|
2291
|
+
defaultPosition: r.default.shape({
|
|
2292
|
+
x: r.default.number,
|
|
2293
|
+
y: r.default.number
|
|
2177
2294
|
}),
|
|
2178
|
-
positionOffset:
|
|
2179
|
-
x:
|
|
2180
|
-
y:
|
|
2295
|
+
positionOffset: r.default.shape({
|
|
2296
|
+
x: r.default.oneOfType([r.default.number, r.default.string]),
|
|
2297
|
+
y: r.default.oneOfType([r.default.number, r.default.string])
|
|
2181
2298
|
}),
|
|
2182
2299
|
/**
|
|
2183
2300
|
* `position`, if present, defines the current position of the element.
|
|
@@ -2199,9 +2316,9 @@ function Xt() {
|
|
|
2199
2316
|
* });
|
|
2200
2317
|
* ```
|
|
2201
2318
|
*/
|
|
2202
|
-
position:
|
|
2203
|
-
x:
|
|
2204
|
-
y:
|
|
2319
|
+
position: r.default.shape({
|
|
2320
|
+
x: r.default.number,
|
|
2321
|
+
y: r.default.number
|
|
2205
2322
|
}),
|
|
2206
2323
|
/**
|
|
2207
2324
|
* These properties should be defined on the child, not here.
|
|
@@ -2209,8 +2326,8 @@ function Xt() {
|
|
|
2209
2326
|
className: f.dontSetMe,
|
|
2210
2327
|
style: f.dontSetMe,
|
|
2211
2328
|
transform: f.dontSetMe
|
|
2212
|
-
}), p
|
|
2213
|
-
...
|
|
2329
|
+
}), g(p, "defaultProps", {
|
|
2330
|
+
...S.default.defaultProps,
|
|
2214
2331
|
axis: "both",
|
|
2215
2332
|
bounds: !1,
|
|
2216
2333
|
defaultClassName: "react-draggable",
|
|
@@ -2222,21 +2339,21 @@ function Xt() {
|
|
|
2222
2339
|
},
|
|
2223
2340
|
scale: 1
|
|
2224
2341
|
});
|
|
2225
|
-
})(
|
|
2342
|
+
})(Te)), Te;
|
|
2226
2343
|
}
|
|
2227
|
-
var
|
|
2344
|
+
var ot;
|
|
2228
2345
|
function Gt() {
|
|
2229
|
-
if (
|
|
2230
|
-
|
|
2346
|
+
if (ot) return de.exports;
|
|
2347
|
+
ot = 1;
|
|
2231
2348
|
const {
|
|
2232
2349
|
default: e,
|
|
2233
|
-
DraggableCore:
|
|
2350
|
+
DraggableCore: n
|
|
2234
2351
|
} = Xt();
|
|
2235
|
-
return de.exports = e, de.exports.default = e, de.exports.DraggableCore =
|
|
2352
|
+
return de.exports = e, de.exports.default = e, de.exports.DraggableCore = n, de.exports;
|
|
2236
2353
|
}
|
|
2237
2354
|
var Zt = Gt();
|
|
2238
|
-
const Jt = /* @__PURE__ */ Lt(Zt), Qt = se((e,
|
|
2239
|
-
const
|
|
2355
|
+
const Jt = /* @__PURE__ */ Lt(Zt), Qt = se((e, n) => {
|
|
2356
|
+
const a = {
|
|
2240
2357
|
...{
|
|
2241
2358
|
// 1. Take it out of the document flow
|
|
2242
2359
|
position: "fixed",
|
|
@@ -2253,7 +2370,7 @@ const Jt = /* @__PURE__ */ Lt(Zt), Qt = se((e, s) => {
|
|
|
2253
2370
|
boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
|
|
2254
2371
|
},
|
|
2255
2372
|
...e.style || {}
|
|
2256
|
-
}, o = e.testId || "not-set",
|
|
2373
|
+
}, o = e.testId || "not-set", d = e.className || "panel", f = st(null);
|
|
2257
2374
|
return (
|
|
2258
2375
|
// 3. Pass the internal ref to the Draggable component via 'nodeRef'
|
|
2259
2376
|
/* @__PURE__ */ t(
|
|
@@ -2263,28 +2380,28 @@ const Jt = /* @__PURE__ */ Lt(Zt), Qt = se((e, s) => {
|
|
|
2263
2380
|
"data-testid": o,
|
|
2264
2381
|
axis: "both",
|
|
2265
2382
|
handle: ".handle",
|
|
2266
|
-
onStart: (
|
|
2383
|
+
onStart: (b, c) => {
|
|
2267
2384
|
e.onDraggingChange?.(!0);
|
|
2268
2385
|
},
|
|
2269
|
-
onStop: (
|
|
2386
|
+
onStop: (b, c) => {
|
|
2270
2387
|
setTimeout(() => {
|
|
2271
2388
|
e.onDraggingChange?.(!1);
|
|
2272
2389
|
}, 100);
|
|
2273
2390
|
},
|
|
2274
|
-
children: /* @__PURE__ */ t("div", { ref: f, className:
|
|
2391
|
+
children: /* @__PURE__ */ t("div", { ref: f, className: d, style: a, children: e.children })
|
|
2275
2392
|
}
|
|
2276
2393
|
)
|
|
2277
2394
|
);
|
|
2278
2395
|
});
|
|
2279
|
-
function
|
|
2280
|
-
const
|
|
2396
|
+
function In({ children: e, addCssClasses: n }) {
|
|
2397
|
+
const r = Z(
|
|
2281
2398
|
"w-full h-full flex-1 flex flex-col",
|
|
2282
|
-
(
|
|
2399
|
+
(n || "gap-2 items-end justify-end content-end").trim()
|
|
2283
2400
|
);
|
|
2284
2401
|
return /* @__PURE__ */ t(
|
|
2285
2402
|
"div",
|
|
2286
2403
|
{
|
|
2287
|
-
className:
|
|
2404
|
+
className: r,
|
|
2288
2405
|
style: {
|
|
2289
2406
|
minHeight: "140px"
|
|
2290
2407
|
},
|
|
@@ -2292,161 +2409,204 @@ function $n({ children: e, addCssClasses: s }) {
|
|
|
2292
2409
|
}
|
|
2293
2410
|
);
|
|
2294
2411
|
}
|
|
2295
|
-
function Rn({ children: e, addCssClasses:
|
|
2296
|
-
const
|
|
2412
|
+
function Rn({ children: e, addCssClasses: n }) {
|
|
2413
|
+
const r = Z(
|
|
2297
2414
|
"w-full flex flex-col",
|
|
2298
|
-
(
|
|
2415
|
+
(n || "items-end").trim()
|
|
2299
2416
|
);
|
|
2300
|
-
return /* @__PURE__ */ t("div", { className:
|
|
2417
|
+
return /* @__PURE__ */ t("div", { className: r, children: e });
|
|
2301
2418
|
}
|
|
2302
2419
|
const On = (e) => {
|
|
2303
2420
|
console.warn("showToast TODO", e);
|
|
2304
|
-
}, en = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, kn = se((e,
|
|
2305
|
-
let
|
|
2306
|
-
const
|
|
2307
|
-
"--bwj-dashboard-transform-scale":
|
|
2308
|
-
"--bwj-dashboard-add-cols": en(
|
|
2309
|
-
},
|
|
2421
|
+
}, en = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, kn = se((e, n) => {
|
|
2422
|
+
let r = Ct(Number(e.zoomScale || 0));
|
|
2423
|
+
const i = e.responsiveGrid || !1, a = e.isEditing || !1, o = {
|
|
2424
|
+
"--bwj-dashboard-transform-scale": r,
|
|
2425
|
+
"--bwj-dashboard-add-cols": en(r)
|
|
2426
|
+
}, d = Z(
|
|
2310
2427
|
"dashboard-main-grid w-full",
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
`border border-dashed ${
|
|
2428
|
+
a ? "editing" : "",
|
|
2429
|
+
i ? "responsive-grid" : "",
|
|
2430
|
+
`border border-dashed ${a ? "border-primary border-opacity-50" : "border-transparent"}`
|
|
2314
2431
|
);
|
|
2315
|
-
return /* @__PURE__ */ t("div", { className:
|
|
2316
|
-
}),
|
|
2432
|
+
return /* @__PURE__ */ t("div", { className: d, style: o, children: e.children });
|
|
2433
|
+
}), ve = "size-5", tn = (e, n) => {
|
|
2317
2434
|
if ((e.overrideCssClasses || "").trim().length > 0)
|
|
2318
2435
|
return (e.overrideCssClasses || "").trim();
|
|
2319
|
-
const
|
|
2320
|
-
let
|
|
2321
|
-
return ["large", "xlarge"].indexOf(e.size || "") > -1 && (
|
|
2322
|
-
}, nn = (e,
|
|
2323
|
-
const
|
|
2436
|
+
const r = e.direction || "column", i = e.noBorder;
|
|
2437
|
+
let a = `dashboard-widget ${n ? "collapsed" : ""}`;
|
|
2438
|
+
return a = `${a} direction-${r} ${e.isEditing ? "editing" : ""}`, a = `${a} border border-solid`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (a = `${a} ${e.size}-widget`), i ? a = `${a} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? a = `${a} ${e.borderCssClasses}` : a = `${a} border-card-invert border-opacity-20`, e.noShadow && (a = `${a} no-shadow`), e.noPadding && (a = `${a} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? a = `${a} ${e.backgroundCssClasses}`.trim() : a = `${a} bg-card content-card`, (e.addCssClasses || "").trim().length > 0 && (a = `${a} ${e.addCssClasses}`.trim()), a;
|
|
2439
|
+
}, nn = (e, n) => {
|
|
2440
|
+
const r = e.hideTitle && !e.isEditing, i = () => {
|
|
2441
|
+
const h = e.meta?.noCollapse;
|
|
2442
|
+
return typeof h < "u" ? h : e.noCollapse || !1;
|
|
2443
|
+
}, [a, o] = oe(
|
|
2444
|
+
i() ? !1 : e.widgetSavedProps?.isCollapsed || !1
|
|
2445
|
+
), d = Z(tn(e, a)), f = () => {
|
|
2324
2446
|
e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
|
|
2325
|
-
},
|
|
2326
|
-
e.onMoveClick && e.widgetKey && e.onMoveClick(
|
|
2447
|
+
}, S = (h) => {
|
|
2448
|
+
e.onMoveClick && e.widgetKey && e.onMoveClick(h, e.widgetKey, e.parentWidgetKey);
|
|
2449
|
+
}, v = () => {
|
|
2450
|
+
e.savedPropsChanged?.({
|
|
2451
|
+
parentWidgetKey: e.parentWidgetKey,
|
|
2452
|
+
widgetKey: e.widgetKey,
|
|
2453
|
+
isCollapsed: a
|
|
2454
|
+
});
|
|
2455
|
+
}, b = () => {
|
|
2456
|
+
e.widgetKey && (o(!a), v());
|
|
2327
2457
|
}, c = Z(
|
|
2328
2458
|
"widget-header",
|
|
2329
|
-
|
|
2330
|
-
|
|
2459
|
+
r ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
|
|
2460
|
+
r ? "border-opacity-0" : "border-opacity-20"
|
|
2331
2461
|
);
|
|
2332
|
-
return /* @__PURE__ */ _("div", { className:
|
|
2462
|
+
return /* @__PURE__ */ _("div", { className: d, children: [
|
|
2333
2463
|
/* @__PURE__ */ _("div", { className: c, children: [
|
|
2334
|
-
/* @__PURE__ */ _("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center
|
|
2335
|
-
/* @__PURE__ */
|
|
2336
|
-
|
|
2337
|
-
" "
|
|
2338
|
-
|
|
2339
|
-
|
|
2464
|
+
/* @__PURE__ */ _("div", { className: "widget-title-wrapper group w-full flex flex-row gap-2 items-center", children: [
|
|
2465
|
+
/* @__PURE__ */ t("div", { className: "drag-handle hidden cursor-pointer text-primary group-hover:flex hover:brightness-110 pointer-coarse:flex", children: /* @__PURE__ */ t(ht, { className: "size-5" }) }),
|
|
2466
|
+
/* @__PURE__ */ _("div", { className: "w-full flex flex-row gap-2 items-center justify-between", children: [
|
|
2467
|
+
e.titleNode || /* @__PURE__ */ t("h2", { className: "widget-title cursor-pointer", onClick: () => b(), children: e.title }),
|
|
2468
|
+
e.titleRightNode
|
|
2469
|
+
] })
|
|
2340
2470
|
] }),
|
|
2341
|
-
/* @__PURE__ */ t("div", { "data-testid":
|
|
2471
|
+
/* @__PURE__ */ t("div", { "data-testid": `collapse-and-other-actions_${e.widgetKey}_${e.index}`, children: /* @__PURE__ */ _("div", { className: "actions-inner", children: [
|
|
2342
2472
|
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("span", { className: "hidden", children: "Widget" }) }),
|
|
2343
2473
|
/* @__PURE__ */ _("div", { className: "actions-buttons-container", children: [
|
|
2344
2474
|
/* @__PURE__ */ t(
|
|
2345
2475
|
ee,
|
|
2346
2476
|
{
|
|
2347
|
-
"data-testid": `move-widget-left_${e.
|
|
2477
|
+
"data-testid": `move-widget-left_${e.widgetKey}_${e.index}`,
|
|
2348
2478
|
isIconButton: !0,
|
|
2349
2479
|
disabled: e.index < 1,
|
|
2350
2480
|
tooltip: {
|
|
2351
2481
|
placement: "top",
|
|
2352
2482
|
title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
|
|
2353
2483
|
},
|
|
2354
|
-
onClick: () =>
|
|
2355
|
-
children: /* @__PURE__ */ t(
|
|
2484
|
+
onClick: () => S(-1),
|
|
2485
|
+
children: /* @__PURE__ */ t(dt, { className: ve })
|
|
2356
2486
|
}
|
|
2357
2487
|
),
|
|
2358
2488
|
/* @__PURE__ */ t(
|
|
2359
2489
|
ee,
|
|
2360
2490
|
{
|
|
2361
|
-
"data-testid": `move-widget-right_${e.
|
|
2491
|
+
"data-testid": `move-widget-right_${e.widgetKey}_${e.index}`,
|
|
2362
2492
|
isIconButton: !0,
|
|
2363
2493
|
disabled: e.index >= e.maxIndex,
|
|
2364
2494
|
tooltip: {
|
|
2365
2495
|
placement: "top",
|
|
2366
2496
|
title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
|
|
2367
2497
|
},
|
|
2368
|
-
onClick: () =>
|
|
2369
|
-
children: /* @__PURE__ */ t(
|
|
2498
|
+
onClick: () => S(1),
|
|
2499
|
+
children: /* @__PURE__ */ t(ut, { className: ve })
|
|
2370
2500
|
}
|
|
2371
2501
|
),
|
|
2372
2502
|
/* @__PURE__ */ t(
|
|
2373
2503
|
ee,
|
|
2374
2504
|
{
|
|
2375
|
-
"data-testid": `remove-container_${e.
|
|
2505
|
+
"data-testid": `remove-container_${e.widgetKey}_${e.index}`,
|
|
2376
2506
|
isIconButton: !0,
|
|
2377
2507
|
tooltip: {
|
|
2378
2508
|
placement: "top",
|
|
2379
2509
|
title: "Remove Widget"
|
|
2380
2510
|
},
|
|
2381
|
-
onClick: () =>
|
|
2382
|
-
children: /* @__PURE__ */ t(
|
|
2511
|
+
onClick: () => f(),
|
|
2512
|
+
children: /* @__PURE__ */ t(ft, { className: ve })
|
|
2513
|
+
}
|
|
2514
|
+
),
|
|
2515
|
+
!i() && /* @__PURE__ */ t(
|
|
2516
|
+
ee,
|
|
2517
|
+
{
|
|
2518
|
+
"data-testid": `collapse-expand_${e.widgetKey}_${e.index}`,
|
|
2519
|
+
className: "collapse-button",
|
|
2520
|
+
isIconButton: !0,
|
|
2521
|
+
tooltip: {
|
|
2522
|
+
placement: "top",
|
|
2523
|
+
title: `${a ? "Expand Widget" : "Collapse Widget"}`
|
|
2524
|
+
},
|
|
2525
|
+
onClick: () => b(),
|
|
2526
|
+
children: /* @__PURE__ */ t(
|
|
2527
|
+
ke,
|
|
2528
|
+
{
|
|
2529
|
+
className: ve,
|
|
2530
|
+
style: {
|
|
2531
|
+
transform: a ? "rotate(0deg)" : "rotate(180deg)",
|
|
2532
|
+
transition: "transform 0.2s ease-in-out"
|
|
2533
|
+
}
|
|
2534
|
+
}
|
|
2535
|
+
)
|
|
2383
2536
|
}
|
|
2384
2537
|
)
|
|
2385
2538
|
] })
|
|
2386
2539
|
] }) })
|
|
2387
2540
|
] }),
|
|
2388
|
-
/* @__PURE__ */ t(
|
|
2541
|
+
/* @__PURE__ */ t(
|
|
2542
|
+
"div",
|
|
2543
|
+
{
|
|
2544
|
+
className: "widget-inner transition-height duration-300 ease-in-out",
|
|
2545
|
+
"data-collapsed": a,
|
|
2546
|
+
children: e.children
|
|
2547
|
+
}
|
|
2548
|
+
)
|
|
2389
2549
|
] });
|
|
2390
2550
|
}, rn = se(nn);
|
|
2391
|
-
function
|
|
2392
|
-
const { widgetKey:
|
|
2551
|
+
function it(e) {
|
|
2552
|
+
const { widgetKey: n, parentWidgetKey: r, index: i, maxIndex: a, isEditing: o, onRemoveClick: d, onMoveClick: f } = e, S = e.extraProps;
|
|
2393
2553
|
return /* @__PURE__ */ t(
|
|
2394
2554
|
rn,
|
|
2395
2555
|
{
|
|
2396
|
-
widgetKey:
|
|
2556
|
+
widgetKey: n,
|
|
2397
2557
|
title: "Widget Error",
|
|
2398
|
-
parentWidgetKey:
|
|
2399
|
-
index:
|
|
2400
|
-
maxIndex:
|
|
2558
|
+
parentWidgetKey: r,
|
|
2559
|
+
index: i,
|
|
2560
|
+
maxIndex: a,
|
|
2401
2561
|
isEditing: o,
|
|
2402
|
-
onRemoveClick:
|
|
2562
|
+
onRemoveClick: d,
|
|
2403
2563
|
onMoveClick: f,
|
|
2404
2564
|
children: /* @__PURE__ */ _("div", { className: "p-4 border border-dashed border-danger", children: [
|
|
2405
2565
|
/* @__PURE__ */ _("span", { className: "font-bold", children: [
|
|
2406
2566
|
'Failed to load "',
|
|
2407
|
-
|
|
2567
|
+
n,
|
|
2408
2568
|
'"'
|
|
2409
2569
|
] }),
|
|
2410
|
-
|
|
2570
|
+
S?.versionMismatch && /* @__PURE__ */ _("div", { className: "flex flex-col", children: [
|
|
2411
2571
|
/* @__PURE__ */ _("span", { className: "font-bold text-sm", children: [
|
|
2412
2572
|
"Version Mismatch: ",
|
|
2413
|
-
|
|
2573
|
+
n
|
|
2414
2574
|
] }),
|
|
2415
2575
|
/* @__PURE__ */ _("div", { className: "flex flex-col text-xs", children: [
|
|
2416
2576
|
/* @__PURE__ */ _("span", { children: [
|
|
2417
2577
|
"Widget requires: Vue ",
|
|
2418
|
-
|
|
2578
|
+
S?.requiredVer,
|
|
2419
2579
|
"."
|
|
2420
2580
|
] }),
|
|
2421
2581
|
/* @__PURE__ */ _("span", { children: [
|
|
2422
2582
|
"Host version: ",
|
|
2423
|
-
|
|
2583
|
+
S?.hostVer,
|
|
2424
2584
|
"."
|
|
2425
2585
|
] })
|
|
2426
2586
|
] }),
|
|
2427
2587
|
/* @__PURE__ */ _("div", { className: "flex flex-col mt-3", children: [
|
|
2428
2588
|
/* @__PURE__ */ t("h5", { children: "Externals:" }),
|
|
2429
|
-
/* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children:
|
|
2589
|
+
/* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: S?.externalDependencies.map((v, b) => /* @__PURE__ */ _("dd", { children: [
|
|
2430
2590
|
"- ",
|
|
2431
|
-
|
|
2432
|
-
] }, `dep-${
|
|
2591
|
+
v
|
|
2592
|
+
] }, `dep-${b}`)) })
|
|
2433
2593
|
] })
|
|
2434
2594
|
] }),
|
|
2435
|
-
!
|
|
2595
|
+
!S?.versionMismatch && /* @__PURE__ */ _("div", { className: "flex flex-col", children: [
|
|
2436
2596
|
/* @__PURE__ */ t("div", { className: "flex flex-col text-xs italic", children: /* @__PURE__ */ t("span", { children: "The remote plugin is unavailable." }) }),
|
|
2437
2597
|
/* @__PURE__ */ t("span", { className: "font-bold text-sm", children: "Error Details:" }),
|
|
2438
2598
|
/* @__PURE__ */ _("div", { className: "flex flex-col mt-3", children: [
|
|
2439
2599
|
/* @__PURE__ */ t("h5", { children: "Details:" }),
|
|
2440
|
-
/* @__PURE__ */ t("div", { className: "text-xs break-all", children:
|
|
2600
|
+
/* @__PURE__ */ t("div", { className: "text-xs break-all", children: S?.errorMessage || "Unknown error occurred." })
|
|
2441
2601
|
] })
|
|
2442
2602
|
] })
|
|
2443
2603
|
] })
|
|
2444
2604
|
}
|
|
2445
2605
|
);
|
|
2446
2606
|
}
|
|
2447
|
-
const on = (e,
|
|
2448
|
-
const
|
|
2449
|
-
return !(
|
|
2607
|
+
const on = (e, n) => {
|
|
2608
|
+
const r = (o) => o.replace(/[^0-9.]/g, ""), i = r(e).split(".").map(Number), a = r(n).split(".").map(Number);
|
|
2609
|
+
return !(i[0] !== a[0] || i[1] < a[1]);
|
|
2450
2610
|
};
|
|
2451
2611
|
function an(e) {
|
|
2452
2612
|
return /* @__PURE__ */ t("div", { className: "dashboard-widget", children: /* @__PURE__ */ _("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
|
|
@@ -2456,147 +2616,157 @@ function an(e) {
|
|
|
2456
2616
|
}
|
|
2457
2617
|
function sn({
|
|
2458
2618
|
index: e,
|
|
2459
|
-
maxIndex:
|
|
2460
|
-
widgetKey:
|
|
2461
|
-
parentWidgetKey:
|
|
2462
|
-
targetContainerKey:
|
|
2619
|
+
maxIndex: n,
|
|
2620
|
+
widgetKey: r,
|
|
2621
|
+
parentWidgetKey: i,
|
|
2622
|
+
targetContainerKey: a,
|
|
2463
2623
|
childWidgetsConfig: o,
|
|
2464
|
-
|
|
2465
|
-
|
|
2624
|
+
savedProps: d,
|
|
2625
|
+
widgetCatalog: f,
|
|
2626
|
+
isEditing: S,
|
|
2466
2627
|
// for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
|
|
2467
|
-
extraProps:
|
|
2628
|
+
extraProps: v,
|
|
2468
2629
|
onRemoveClick: b,
|
|
2469
|
-
onMoveClick:
|
|
2470
|
-
selectContainer:
|
|
2630
|
+
onMoveClick: c,
|
|
2631
|
+
selectContainer: h,
|
|
2632
|
+
savedPropsChanged: g
|
|
2471
2633
|
}) {
|
|
2472
|
-
const
|
|
2473
|
-
if (!
|
|
2634
|
+
const N = `${r}`.split("_"), x = N.length > 1, p = x ? N[0] : r, y = f.get(p);
|
|
2635
|
+
if (!y)
|
|
2474
2636
|
return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ _("p", { children: [
|
|
2475
2637
|
"Widget not found in catalog: ",
|
|
2476
|
-
|
|
2638
|
+
p
|
|
2477
2639
|
] }) });
|
|
2478
|
-
let
|
|
2479
|
-
const
|
|
2640
|
+
let T = null, C = !1;
|
|
2641
|
+
const D = !!y.isContainer, l = x ? at(r) : "", M = D ? (o || []).filter(($) => $.parentWidgetKey === r) : [], s = {
|
|
2480
2642
|
index: e,
|
|
2481
|
-
maxIndex:
|
|
2482
|
-
widgetKey:
|
|
2483
|
-
parentWidgetKey:
|
|
2484
|
-
isEditing:
|
|
2485
|
-
extraProps:
|
|
2486
|
-
title:
|
|
2643
|
+
maxIndex: n,
|
|
2644
|
+
widgetKey: r,
|
|
2645
|
+
parentWidgetKey: i,
|
|
2646
|
+
isEditing: S,
|
|
2647
|
+
extraProps: v,
|
|
2648
|
+
title: x ? l : y.title,
|
|
2487
2649
|
onRemoveClick: b,
|
|
2488
|
-
onMoveClick:
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2650
|
+
onMoveClick: c,
|
|
2651
|
+
savedPropsChanged: g
|
|
2652
|
+
}, u = ($, R) => (R || "").trim().length > 0 ? (d || []).find(
|
|
2653
|
+
(U) => U.parentWidgetKey === R && U.widgetKey === $
|
|
2654
|
+
) : (d || []).find(
|
|
2655
|
+
(U) => (U.parentWidgetKey || "").trim().length === 0 && U.widgetKey === $
|
|
2656
|
+
);
|
|
2657
|
+
if (y.component ? (T = y.component, C = !1) : y.loader && (C = !0, T = fe(() => {
|
|
2658
|
+
if (!y) return null;
|
|
2659
|
+
const $ = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", R = y.meta?.externalDependencies || [], U = R.find((B) => B.startsWith("react@"));
|
|
2660
|
+
if (U) {
|
|
2661
|
+
const B = U.split("@")[1];
|
|
2662
|
+
if (!on($, B)) {
|
|
2663
|
+
const H = {
|
|
2664
|
+
...s.extraProps,
|
|
2665
|
+
hostVer: $,
|
|
2666
|
+
requiredVer: B,
|
|
2667
|
+
externalDependencies: R,
|
|
2668
|
+
errorMessage: `Incompatible React version. Required: ${B}, Host: ${$}`,
|
|
2502
2669
|
versionMismatch: !0
|
|
2503
2670
|
};
|
|
2504
|
-
return
|
|
2505
|
-
...
|
|
2506
|
-
...
|
|
2507
|
-
},
|
|
2508
|
-
default: () => /* @__PURE__ */ t(
|
|
2671
|
+
return s.extraProps = {
|
|
2672
|
+
...s.extraProps,
|
|
2673
|
+
...H
|
|
2674
|
+
}, Ce.lazy(async () => ({
|
|
2675
|
+
default: () => /* @__PURE__ */ t(it, { ...s })
|
|
2509
2676
|
}));
|
|
2510
2677
|
}
|
|
2511
2678
|
}
|
|
2512
|
-
if (
|
|
2513
|
-
return
|
|
2514
|
-
if (
|
|
2515
|
-
const
|
|
2679
|
+
if (y.component)
|
|
2680
|
+
return y.component;
|
|
2681
|
+
if (y.loader) {
|
|
2682
|
+
const B = async () => {
|
|
2516
2683
|
try {
|
|
2517
|
-
return await
|
|
2518
|
-
} catch (
|
|
2519
|
-
console.error(`Widget Load Error [${
|
|
2520
|
-
const
|
|
2521
|
-
...
|
|
2522
|
-
hostVer:
|
|
2523
|
-
requiredVer:
|
|
2524
|
-
externalDependencies:
|
|
2525
|
-
errorMessage:
|
|
2684
|
+
return await y.loader();
|
|
2685
|
+
} catch (H) {
|
|
2686
|
+
console.error(`Widget Load Error [${r}]:`, H);
|
|
2687
|
+
const J = {
|
|
2688
|
+
...s.extraProps,
|
|
2689
|
+
hostVer: $,
|
|
2690
|
+
requiredVer: U ? U.split("@")[1] : "Unknown",
|
|
2691
|
+
externalDependencies: R,
|
|
2692
|
+
errorMessage: H.message,
|
|
2526
2693
|
versionMismatch: !1
|
|
2527
2694
|
};
|
|
2528
|
-
return
|
|
2529
|
-
...
|
|
2530
|
-
...
|
|
2695
|
+
return s.extraProps = {
|
|
2696
|
+
...s.extraProps,
|
|
2697
|
+
...J
|
|
2531
2698
|
}, {
|
|
2532
|
-
default: () => /* @__PURE__ */ t(
|
|
2699
|
+
default: () => /* @__PURE__ */ t(it, { ...s })
|
|
2533
2700
|
};
|
|
2534
2701
|
}
|
|
2535
2702
|
};
|
|
2536
|
-
return
|
|
2703
|
+
return Ce.lazy(B);
|
|
2537
2704
|
}
|
|
2538
2705
|
return null;
|
|
2539
|
-
}, [
|
|
2706
|
+
}, [y, r])), !T)
|
|
2540
2707
|
return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ _("p", { children: [
|
|
2541
2708
|
"Widget definition incomplete: ",
|
|
2542
|
-
|
|
2709
|
+
p
|
|
2543
2710
|
] }) });
|
|
2544
|
-
const P =
|
|
2545
|
-
highlight:
|
|
2546
|
-
selectContainer:
|
|
2711
|
+
const P = D ? {
|
|
2712
|
+
highlight: a === r,
|
|
2713
|
+
selectContainer: h,
|
|
2547
2714
|
// The children prop is the recursive call back to DynamicWidgetLoader
|
|
2548
|
-
children:
|
|
2715
|
+
children: M.map(($, R) => /* @__PURE__ */ t(
|
|
2549
2716
|
sn,
|
|
2550
2717
|
{
|
|
2551
|
-
index:
|
|
2552
|
-
maxIndex:
|
|
2553
|
-
widgetKey:
|
|
2554
|
-
parentWidgetKey:
|
|
2555
|
-
widgetCatalog:
|
|
2556
|
-
isEditing:
|
|
2557
|
-
extraProps:
|
|
2718
|
+
index: R,
|
|
2719
|
+
maxIndex: M.length - 1,
|
|
2720
|
+
widgetKey: $.widgetKey,
|
|
2721
|
+
parentWidgetKey: $.parentWidgetKey,
|
|
2722
|
+
widgetCatalog: f,
|
|
2723
|
+
isEditing: S,
|
|
2724
|
+
extraProps: v,
|
|
2558
2725
|
onRemoveClick: b,
|
|
2559
|
-
onMoveClick:
|
|
2726
|
+
onMoveClick: c,
|
|
2727
|
+
savedPropsChanged: g
|
|
2560
2728
|
},
|
|
2561
|
-
`${
|
|
2729
|
+
`${$.widgetKey}_${R}`
|
|
2562
2730
|
))
|
|
2563
|
-
} : {
|
|
2564
|
-
|
|
2731
|
+
} : {
|
|
2732
|
+
widgetSavedProps: u(r, i)
|
|
2733
|
+
};
|
|
2734
|
+
return C ? /* @__PURE__ */ t(Dt, { fallback: /* @__PURE__ */ t(an, { title: `Loading ${y.title}` }), children: /* @__PURE__ */ t(T, { ...s, ...P }) }) : /* @__PURE__ */ t(T, { ...s, ...P });
|
|
2565
2735
|
}
|
|
2566
|
-
const
|
|
2567
|
-
function
|
|
2568
|
-
const
|
|
2569
|
-
let f =
|
|
2570
|
-
const
|
|
2571
|
-
let b = "";
|
|
2572
|
-
["large", "xlarge"].indexOf(e.size || "") > -1 && (b = `${e.size}-widget`);
|
|
2736
|
+
const xe = "size-5";
|
|
2737
|
+
function Ae(e) {
|
|
2738
|
+
const n = e.highlight || !1, r = e.direction || "column", i = e.children.length > 0, a = e.isEditing || !1;
|
|
2739
|
+
let f = n ? "border-transparent" : a && !i ? "border-card-invert" : "border-transparent";
|
|
2740
|
+
const S = ["large", "xlarge"].includes(e.size || "");
|
|
2573
2741
|
let v = "";
|
|
2574
|
-
|
|
2575
|
-
let
|
|
2742
|
+
["large", "xlarge"].indexOf(e.size || "") > -1 && (v = `${e.size}-widget`);
|
|
2743
|
+
let b = "";
|
|
2744
|
+
r === "row" && !i ? b = "min-h-48" : r === "column" && !i && (b = "min-h-96");
|
|
2745
|
+
let c = Z(
|
|
2576
2746
|
"dashboard-widget-container relative ",
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
v,
|
|
2747
|
+
i ? "" : "has-no-children",
|
|
2748
|
+
a ? "editing" : "",
|
|
2580
2749
|
b,
|
|
2581
|
-
|
|
2582
|
-
|
|
2750
|
+
v,
|
|
2751
|
+
S ? "widget-container-grid" : "widget-container-flex",
|
|
2752
|
+
`direction-${r}`,
|
|
2583
2753
|
`border ${f}`,
|
|
2584
|
-
`${
|
|
2585
|
-
),
|
|
2586
|
-
const
|
|
2754
|
+
`${n ? "highlight-container" : ""} ${f}`
|
|
2755
|
+
), h = `widget-container-header direction-${r} flex items-center border-1 ${f}`;
|
|
2756
|
+
const g = () => {
|
|
2587
2757
|
e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
|
|
2588
|
-
},
|
|
2589
|
-
e.onMoveClick && e.widgetKey && e.onMoveClick(
|
|
2590
|
-
},
|
|
2758
|
+
}, N = (p) => {
|
|
2759
|
+
e.onMoveClick && e.widgetKey && e.onMoveClick(p, e.widgetKey, e.parentWidgetKey);
|
|
2760
|
+
}, x = () => {
|
|
2591
2761
|
e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
|
|
2592
2762
|
};
|
|
2593
|
-
return /* @__PURE__ */ _("div", { "data-testid": `container_${e.widgetKey}`, className:
|
|
2594
|
-
/* @__PURE__ */ _("div", { className:
|
|
2763
|
+
return /* @__PURE__ */ _("div", { "data-testid": `container_${e.widgetKey}`, className: c, children: [
|
|
2764
|
+
/* @__PURE__ */ _("div", { className: h, children: [
|
|
2595
2765
|
/* @__PURE__ */ t(
|
|
2596
2766
|
"div",
|
|
2597
2767
|
{
|
|
2598
2768
|
className: "widget-title-wrapper w-full flex whitespace-nowrap",
|
|
2599
|
-
onClick:
|
|
2769
|
+
onClick: x,
|
|
2600
2770
|
children: /* @__PURE__ */ t("span", { className: "text-sm font-semibold capitalize", children: e.title })
|
|
2601
2771
|
}
|
|
2602
2772
|
),
|
|
@@ -2611,11 +2781,11 @@ function je(e) {
|
|
|
2611
2781
|
placement: "top",
|
|
2612
2782
|
title: "Target this Container"
|
|
2613
2783
|
},
|
|
2614
|
-
onClick:
|
|
2784
|
+
onClick: x,
|
|
2615
2785
|
children: /* @__PURE__ */ t(
|
|
2616
2786
|
Ot,
|
|
2617
2787
|
{
|
|
2618
|
-
className: `${
|
|
2788
|
+
className: `${xe} ${n ? "text-success" : "text-disabled"}`
|
|
2619
2789
|
}
|
|
2620
2790
|
)
|
|
2621
2791
|
}
|
|
@@ -2630,8 +2800,8 @@ function je(e) {
|
|
|
2630
2800
|
placement: "top",
|
|
2631
2801
|
title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
|
|
2632
2802
|
},
|
|
2633
|
-
onClick: () =>
|
|
2634
|
-
children: /* @__PURE__ */ t(
|
|
2803
|
+
onClick: () => N(-1),
|
|
2804
|
+
children: /* @__PURE__ */ t(dt, { className: xe })
|
|
2635
2805
|
}
|
|
2636
2806
|
),
|
|
2637
2807
|
/* @__PURE__ */ t(
|
|
@@ -2644,8 +2814,8 @@ function je(e) {
|
|
|
2644
2814
|
placement: "top",
|
|
2645
2815
|
title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
|
|
2646
2816
|
},
|
|
2647
|
-
onClick: () =>
|
|
2648
|
-
children: /* @__PURE__ */ t(
|
|
2817
|
+
onClick: () => N(1),
|
|
2818
|
+
children: /* @__PURE__ */ t(ut, { className: xe })
|
|
2649
2819
|
}
|
|
2650
2820
|
),
|
|
2651
2821
|
/* @__PURE__ */ t(
|
|
@@ -2657,8 +2827,8 @@ function je(e) {
|
|
|
2657
2827
|
placement: "top",
|
|
2658
2828
|
title: "Remove Container"
|
|
2659
2829
|
},
|
|
2660
|
-
onClick: () =>
|
|
2661
|
-
children: /* @__PURE__ */ t(
|
|
2830
|
+
onClick: () => g(),
|
|
2831
|
+
children: /* @__PURE__ */ t(ft, { className: xe })
|
|
2662
2832
|
}
|
|
2663
2833
|
)
|
|
2664
2834
|
] }) }) })
|
|
@@ -2667,79 +2837,79 @@ function je(e) {
|
|
|
2667
2837
|
] });
|
|
2668
2838
|
}
|
|
2669
2839
|
function Wn(e) {
|
|
2670
|
-
const { direction:
|
|
2671
|
-
return /* @__PURE__ */ t(
|
|
2840
|
+
const { direction: n, ...r } = e;
|
|
2841
|
+
return /* @__PURE__ */ t(Ae, { direction: "column", ...r });
|
|
2672
2842
|
}
|
|
2673
2843
|
function jn(e) {
|
|
2674
|
-
const { size:
|
|
2675
|
-
return /* @__PURE__ */ t(
|
|
2844
|
+
const { size: n, ...r } = e;
|
|
2845
|
+
return /* @__PURE__ */ t(Ae, { size: "large", ...r });
|
|
2676
2846
|
}
|
|
2677
2847
|
function An(e) {
|
|
2678
|
-
const { direction:
|
|
2679
|
-
return /* @__PURE__ */ t(
|
|
2848
|
+
const { direction: n, ...r } = e;
|
|
2849
|
+
return /* @__PURE__ */ t(Ae, { direction: "row", ...r });
|
|
2680
2850
|
}
|
|
2681
|
-
function
|
|
2851
|
+
function Ie({
|
|
2682
2852
|
// widgetKey,
|
|
2683
2853
|
metaData: e,
|
|
2684
|
-
alreadyAdded:
|
|
2685
|
-
addWidget:
|
|
2854
|
+
alreadyAdded: n,
|
|
2855
|
+
addWidget: r
|
|
2686
2856
|
}) {
|
|
2687
|
-
const [
|
|
2857
|
+
const [i, a] = oe(!1), o = e.icon || kt, d = e.name || "Unknown", f = e.description || "---", v = (e.noDuplicatedWidgets || !1) && n, b = Z(`
|
|
2688
2858
|
flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
|
|
2689
|
-
${
|
|
2690
|
-
`),
|
|
2691
|
-
|
|
2692
|
-
},
|
|
2693
|
-
|
|
2859
|
+
${v ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
|
|
2860
|
+
`), c = () => {
|
|
2861
|
+
v || r();
|
|
2862
|
+
}, h = (g) => {
|
|
2863
|
+
g.stopPropagation(), g.preventDefault(), a(!i);
|
|
2694
2864
|
};
|
|
2695
|
-
return /* @__PURE__ */ _("div", { className:
|
|
2865
|
+
return /* @__PURE__ */ _("div", { className: b, style: { width: "calc(100% - 1rem)" }, onClick: c, children: [
|
|
2696
2866
|
/* @__PURE__ */ t(o, { className: "" }),
|
|
2697
2867
|
/* @__PURE__ */ _("div", { className: "w-full", children: [
|
|
2698
2868
|
/* @__PURE__ */ _("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
|
|
2699
|
-
/* @__PURE__ */ t("span", { className: "font-bold", children:
|
|
2700
|
-
/* @__PURE__ */ t("div", { className: "text-xs", children:
|
|
2869
|
+
/* @__PURE__ */ t("span", { className: "font-bold", children: d }),
|
|
2870
|
+
/* @__PURE__ */ t("div", { className: "text-xs", children: v ? "(Added)" : "" })
|
|
2701
2871
|
] }),
|
|
2702
2872
|
/* @__PURE__ */ _("div", { className: "flex flex-col text-xs", children: [
|
|
2703
2873
|
/* @__PURE__ */ t("div", { children: f }),
|
|
2704
|
-
|
|
2874
|
+
i && e.externalDependencies.length > 0 && /* @__PURE__ */ _("div", { className: "mt-3 cursor-pointer", onClick: h, children: [
|
|
2705
2875
|
"Externals:",
|
|
2706
|
-
/* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((
|
|
2876
|
+
/* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((g, N) => /* @__PURE__ */ _("dd", { children: [
|
|
2707
2877
|
"- ",
|
|
2708
|
-
|
|
2709
|
-
] },
|
|
2878
|
+
g
|
|
2879
|
+
] }, N)) })
|
|
2710
2880
|
] })
|
|
2711
2881
|
] })
|
|
2712
2882
|
] })
|
|
2713
2883
|
] });
|
|
2714
2884
|
}
|
|
2715
|
-
function ln({ item: e, onSettingItemChanged:
|
|
2716
|
-
const
|
|
2885
|
+
function ln({ item: e, onSettingItemChanged: n }) {
|
|
2886
|
+
const r = e.name || "Unknown", i = e.description || "---", a = Z(`
|
|
2717
2887
|
flex flex-row gap-2 px-2 text-sm backdrop-opacity-100
|
|
2718
|
-
`), o = (
|
|
2719
|
-
const
|
|
2720
|
-
|
|
2721
|
-
},
|
|
2722
|
-
const
|
|
2723
|
-
["ArrowUp", "ArrowDown"].includes(
|
|
2724
|
-
}, f = (
|
|
2725
|
-
|
|
2888
|
+
`), o = (S) => {
|
|
2889
|
+
const v = St.incrementOrDecrementValue(e, S);
|
|
2890
|
+
n(v);
|
|
2891
|
+
}, d = (S) => {
|
|
2892
|
+
const v = S.key;
|
|
2893
|
+
["ArrowUp", "ArrowDown"].includes(v) && (S.preventDefault(), o(v === "ArrowUp" ? 1 : -1));
|
|
2894
|
+
}, f = (S) => {
|
|
2895
|
+
n({
|
|
2726
2896
|
...e,
|
|
2727
|
-
value:
|
|
2897
|
+
value: S.target.value || ""
|
|
2728
2898
|
});
|
|
2729
2899
|
};
|
|
2730
|
-
return /* @__PURE__ */ t("div", { className:
|
|
2731
|
-
/* @__PURE__ */ t("h6", { className: "font-bold", children:
|
|
2732
|
-
/* @__PURE__ */ t("p", { className: "flex flex-col text-xs", children:
|
|
2900
|
+
return /* @__PURE__ */ t("div", { className: a, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ _("div", { className: "w-full flex flex-col", children: [
|
|
2901
|
+
/* @__PURE__ */ t("h6", { className: "font-bold", children: r }),
|
|
2902
|
+
/* @__PURE__ */ t("p", { className: "flex flex-col text-xs", children: i }),
|
|
2733
2903
|
/* @__PURE__ */ _("div", { className: "mt-1 flex flex-row gap-2 items-center", children: [
|
|
2734
2904
|
/* @__PURE__ */ t(
|
|
2735
|
-
|
|
2905
|
+
gt,
|
|
2736
2906
|
{
|
|
2737
2907
|
label: "",
|
|
2738
2908
|
size: "small",
|
|
2739
2909
|
className: "w-full",
|
|
2740
2910
|
value: e.value,
|
|
2741
2911
|
onChange: f,
|
|
2742
|
-
onKeyDown:
|
|
2912
|
+
onKeyDown: d
|
|
2743
2913
|
}
|
|
2744
2914
|
),
|
|
2745
2915
|
/* @__PURE__ */ t(
|
|
@@ -2752,7 +2922,7 @@ function ln({ item: e, onSettingItemChanged: s }) {
|
|
|
2752
2922
|
title: "Decrease Value"
|
|
2753
2923
|
},
|
|
2754
2924
|
onClick: () => o(-1),
|
|
2755
|
-
children: /* @__PURE__ */ t(
|
|
2925
|
+
children: /* @__PURE__ */ t(_t, {})
|
|
2756
2926
|
}
|
|
2757
2927
|
),
|
|
2758
2928
|
/* @__PURE__ */ t(
|
|
@@ -2765,63 +2935,63 @@ function ln({ item: e, onSettingItemChanged: s }) {
|
|
|
2765
2935
|
title: "Increase Value"
|
|
2766
2936
|
},
|
|
2767
2937
|
onClick: () => o(1),
|
|
2768
|
-
children: /* @__PURE__ */ t(
|
|
2938
|
+
children: /* @__PURE__ */ t(ct, {})
|
|
2769
2939
|
}
|
|
2770
2940
|
)
|
|
2771
2941
|
] })
|
|
2772
2942
|
] }) });
|
|
2773
2943
|
}
|
|
2774
|
-
const Re = (e,
|
|
2775
|
-
...
|
|
2776
|
-
...
|
|
2944
|
+
const Re = (e, n) => [
|
|
2945
|
+
...n.widgets.filter((i) => i.indexOf("Container") === -1),
|
|
2946
|
+
...n.childWidgetsConfig.map((i) => i.widgetKey)
|
|
2777
2947
|
].includes(e);
|
|
2778
2948
|
function Ln(e) {
|
|
2779
2949
|
const {
|
|
2780
|
-
currentDashboardConfig:
|
|
2781
|
-
undoStatus:
|
|
2782
|
-
addContainer:
|
|
2783
|
-
onResetToDefaultDashboardClick:
|
|
2950
|
+
currentDashboardConfig: n,
|
|
2951
|
+
undoStatus: r,
|
|
2952
|
+
addContainer: i,
|
|
2953
|
+
onResetToDefaultDashboardClick: a,
|
|
2784
2954
|
onUndoOrRedo: o,
|
|
2785
|
-
onDoneClick:
|
|
2786
|
-
} = e, [f,
|
|
2955
|
+
onDoneClick: d
|
|
2956
|
+
} = e, [f, S] = oe("Editing"), [v, b] = oe(0), [c, h] = oe(""), [g, N] = oe(!1), [x, p] = oe(!1), T = Array.from(e.widgetsCatalog.keys()).map((m) => ({
|
|
2787
2957
|
widgetKey: m,
|
|
2788
|
-
metaData:
|
|
2789
|
-
})),
|
|
2790
|
-
|
|
2791
|
-
},
|
|
2792
|
-
const
|
|
2793
|
-
return
|
|
2794
|
-
},
|
|
2795
|
-
const
|
|
2796
|
-
return
|
|
2797
|
-
},
|
|
2958
|
+
metaData: wt(m, e.widgetsCatalog)
|
|
2959
|
+
})), C = !!e.targetContainerKey, D = (m) => {
|
|
2960
|
+
h(m.target.value);
|
|
2961
|
+
}, l = (m) => {
|
|
2962
|
+
const X = c.trim().toLowerCase();
|
|
2963
|
+
return X.length < 1 ? !0 : m.name.trim().toLowerCase().includes(X) || m.description.toLowerCase().includes(X) || m.categories.some((te) => te.toLowerCase().includes(X));
|
|
2964
|
+
}, M = (m) => {
|
|
2965
|
+
const X = c.trim().toLowerCase();
|
|
2966
|
+
return X.length < 1 ? !0 : m.name.trim().toLowerCase().includes(X) || m.description.toLowerCase().includes(X);
|
|
2967
|
+
}, s = (m, X) => Z(
|
|
2798
2968
|
"px-4 py-2 font-medium cursor-pointer",
|
|
2799
|
-
`${
|
|
2800
|
-
m ===
|
|
2801
|
-
),
|
|
2969
|
+
`${X ? "" : "border-b-2"} border-transparent hover:border-primary focus:outline-none`,
|
|
2970
|
+
m === v ? "text-primary border-primary" : ""
|
|
2971
|
+
), u = (m) => Z(
|
|
2802
2972
|
"w-full flex items-center gap-2 px-2 py-1 text-left text-sm cursor-pointer border",
|
|
2803
|
-
m !==
|
|
2804
|
-
),
|
|
2805
|
-
|
|
2806
|
-
}, u = (m) => {
|
|
2807
|
-
const B = (e.currentDashboardConfig.cssSettings || []).map((te) => te.key === m.key ? m : te);
|
|
2808
|
-
e.onSettingItemsUpdated(B);
|
|
2809
|
-
}, M = (m) => {
|
|
2810
|
-
T(m);
|
|
2973
|
+
m !== v ? "border-transparent content-topbar hover:bg-primary hover:content-primary" : "border-primary text-primary"
|
|
2974
|
+
), P = (m) => {
|
|
2975
|
+
C ? e.addWidget(m, e.targetContainerKey) : e.addWidget(m);
|
|
2811
2976
|
}, $ = (m) => {
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2977
|
+
const X = (e.currentDashboardConfig.cssSettings || []).map((te) => te.key === m.key ? m : te);
|
|
2978
|
+
e.onSettingItemsUpdated(X);
|
|
2979
|
+
}, R = (m) => {
|
|
2980
|
+
p(m);
|
|
2981
|
+
}, U = (m) => {
|
|
2982
|
+
b(m), p(!1);
|
|
2983
|
+
}, B = (m) => {
|
|
2984
|
+
N(m);
|
|
2815
2985
|
};
|
|
2816
2986
|
Oe(() => {
|
|
2817
2987
|
if (e.targetContainerKey) {
|
|
2818
|
-
|
|
2819
|
-
const m =
|
|
2820
|
-
|
|
2988
|
+
U(0);
|
|
2989
|
+
const m = at(e.targetContainerKey);
|
|
2990
|
+
S(`Editing ${m}`);
|
|
2821
2991
|
} else
|
|
2822
|
-
|
|
2992
|
+
S("Widget Catalog");
|
|
2823
2993
|
}, [e.targetContainerKey]);
|
|
2824
|
-
const
|
|
2994
|
+
const H = fe(() => {
|
|
2825
2995
|
const m = [
|
|
2826
2996
|
{
|
|
2827
2997
|
id: 0,
|
|
@@ -2832,43 +3002,45 @@ function Ln(e) {
|
|
|
2832
3002
|
label: "Charts"
|
|
2833
3003
|
}
|
|
2834
3004
|
];
|
|
2835
|
-
return
|
|
3005
|
+
return C || (m.push({
|
|
2836
3006
|
id: 2,
|
|
2837
3007
|
label: "Containers"
|
|
2838
3008
|
}), m.push({
|
|
2839
3009
|
id: 3,
|
|
2840
3010
|
label: "CSS Settings",
|
|
2841
3011
|
hideLabel: !0,
|
|
2842
|
-
icon: /* @__PURE__ */ t(
|
|
3012
|
+
icon: /* @__PURE__ */ t(Mt, {})
|
|
2843
3013
|
})), m;
|
|
2844
|
-
}, [
|
|
3014
|
+
}, [C]), J = fe(() => H.find((m) => m.id === v)?.label || "Category...", [v]);
|
|
2845
3015
|
return /* @__PURE__ */ t(
|
|
2846
3016
|
Qt,
|
|
2847
3017
|
{
|
|
2848
3018
|
testId: "dashboard-catalog-flyout",
|
|
2849
|
-
className:
|
|
2850
|
-
zIndex: e.zIndex,
|
|
3019
|
+
className: `transition-colors duration-150 bg-body content-body bg-opacity-70 border-2 ${g ? "border-warning" : "border-primary"} max-w-72 sm:max-w-90`,
|
|
3020
|
+
zIndex: e.zIndex || 99999,
|
|
2851
3021
|
style: {
|
|
2852
|
-
// width: '360px',
|
|
2853
|
-
// minWidth: '360px',
|
|
2854
|
-
// maxWidth: '360px',
|
|
2855
|
-
// minHeight: '360px',
|
|
2856
3022
|
backdropFilter: "blur(8px)"
|
|
2857
3023
|
},
|
|
2858
|
-
onDraggingChange:
|
|
3024
|
+
onDraggingChange: B,
|
|
2859
3025
|
children: /* @__PURE__ */ _("div", { className: "flex flex-col gap-2 p-2", children: [
|
|
2860
3026
|
/* @__PURE__ */ _("div", { className: "flex flex-row gap-2 justify-between", children: [
|
|
2861
|
-
/* @__PURE__ */ _(
|
|
2862
|
-
|
|
2863
|
-
|
|
2864
|
-
"
|
|
2865
|
-
|
|
2866
|
-
className: "
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
3027
|
+
/* @__PURE__ */ _(
|
|
3028
|
+
"div",
|
|
3029
|
+
{
|
|
3030
|
+
className: `handle cursor-grab flex-1 flex gap-2 w-full ${g ? "text-warning" : "hover:text-primary"}`,
|
|
3031
|
+
children: [
|
|
3032
|
+
g ? /* @__PURE__ */ t(ht, { className: "size-5" }) : /* @__PURE__ */ t(Rt, { className: "size-5" }),
|
|
3033
|
+
/* @__PURE__ */ t(
|
|
3034
|
+
"h2",
|
|
3035
|
+
{
|
|
3036
|
+
className: "flex-1 text-base margin-0 capitalize",
|
|
3037
|
+
title: C ? f : `Editing dashboard: ${n.dashboardName}`,
|
|
3038
|
+
children: f
|
|
3039
|
+
}
|
|
3040
|
+
)
|
|
3041
|
+
]
|
|
3042
|
+
}
|
|
3043
|
+
),
|
|
2872
3044
|
/* @__PURE__ */ _("div", { className: "flex flex-row items-center gap-2", children: [
|
|
2873
3045
|
/* @__PURE__ */ t(
|
|
2874
3046
|
ee,
|
|
@@ -2879,9 +3051,9 @@ function Ln(e) {
|
|
|
2879
3051
|
placement: "bottom",
|
|
2880
3052
|
title: "Undo"
|
|
2881
3053
|
},
|
|
2882
|
-
disabled:
|
|
3054
|
+
disabled: r.isUndoDisabled,
|
|
2883
3055
|
onClick: () => o("Undo"),
|
|
2884
|
-
children: /* @__PURE__ */ t(
|
|
3056
|
+
children: /* @__PURE__ */ t($t, { className: "size-5" })
|
|
2885
3057
|
}
|
|
2886
3058
|
),
|
|
2887
3059
|
/* @__PURE__ */ t(
|
|
@@ -2893,7 +3065,7 @@ function Ln(e) {
|
|
|
2893
3065
|
placement: "bottom",
|
|
2894
3066
|
title: "Redo"
|
|
2895
3067
|
},
|
|
2896
|
-
disabled:
|
|
3068
|
+
disabled: r.isRedoDisabled,
|
|
2897
3069
|
onClick: () => o("Redo"),
|
|
2898
3070
|
children: /* @__PURE__ */ t(It, { className: "size-5" })
|
|
2899
3071
|
}
|
|
@@ -2907,17 +3079,17 @@ function Ln(e) {
|
|
|
2907
3079
|
placement: "bottom",
|
|
2908
3080
|
title: "Reset this dashboard to the default configuration"
|
|
2909
3081
|
},
|
|
2910
|
-
onClick:
|
|
2911
|
-
children: /* @__PURE__ */ t(
|
|
3082
|
+
onClick: a,
|
|
3083
|
+
children: /* @__PURE__ */ t(Pt, { className: "size-5" })
|
|
2912
3084
|
}
|
|
2913
3085
|
)
|
|
2914
3086
|
] })
|
|
2915
3087
|
] }),
|
|
2916
|
-
/* @__PURE__ */ t("div", { className: "hidden sm:flex sm:flex-row sm:items-center sm:gap-1", children:
|
|
3088
|
+
/* @__PURE__ */ t("div", { className: "hidden sm:flex sm:flex-row sm:items-center sm:gap-1", children: H.map((m) => /* @__PURE__ */ _(
|
|
2917
3089
|
"button",
|
|
2918
3090
|
{
|
|
2919
|
-
className:
|
|
2920
|
-
onClick: () =>
|
|
3091
|
+
className: s(m.id, m.id === 3),
|
|
3092
|
+
onClick: () => U(m.id),
|
|
2921
3093
|
children: [
|
|
2922
3094
|
/* @__PURE__ */ t("span", { className: m.hideLabel ? "sr-only" : "", children: m.label }),
|
|
2923
3095
|
m.icon
|
|
@@ -2930,22 +3102,22 @@ function Ln(e) {
|
|
|
2930
3102
|
{
|
|
2931
3103
|
enabled: !0,
|
|
2932
3104
|
showChevron: !0,
|
|
2933
|
-
isMenuOpen:
|
|
2934
|
-
toggleOpen:
|
|
3105
|
+
isMenuOpen: x,
|
|
3106
|
+
toggleOpen: R,
|
|
2935
3107
|
icon: /* @__PURE__ */ _("div", { className: "group flex items-center gap-2 text-primary group-hover:text-primary-inverse", children: [
|
|
2936
|
-
/* @__PURE__ */ t("h5", { className: "py-2 font-bold", children:
|
|
2937
|
-
/* @__PURE__ */ t(
|
|
3108
|
+
/* @__PURE__ */ t("h5", { className: "py-2 font-bold", children: J }),
|
|
3109
|
+
/* @__PURE__ */ t(ke, { className: "shrink-0 ml-1 size-4" })
|
|
2938
3110
|
] }),
|
|
2939
3111
|
children: /* @__PURE__ */ _("div", { className: "p-2 rounded-md border border-primary", children: [
|
|
2940
3112
|
/* @__PURE__ */ t("h6", { className: "font-semibold", children: "Category:" }),
|
|
2941
|
-
|
|
3113
|
+
H.map((m) => /* @__PURE__ */ t(
|
|
2942
3114
|
"button",
|
|
2943
3115
|
{
|
|
2944
3116
|
type: "button",
|
|
2945
|
-
className:
|
|
3117
|
+
className: u(m.id),
|
|
2946
3118
|
role: "menuitem",
|
|
2947
3119
|
tabIndex: -1,
|
|
2948
|
-
onClick: () =>
|
|
3120
|
+
onClick: () => U(m.id),
|
|
2949
3121
|
children: /* @__PURE__ */ t("span", { children: m.label })
|
|
2950
3122
|
},
|
|
2951
3123
|
m.id
|
|
@@ -2954,14 +3126,14 @@ function Ln(e) {
|
|
|
2954
3126
|
}
|
|
2955
3127
|
) }),
|
|
2956
3128
|
/* @__PURE__ */ t("div", { className: "sm:mt-2 flex flex-col gap-1 w-full", children: /* @__PURE__ */ t(
|
|
2957
|
-
|
|
3129
|
+
gt,
|
|
2958
3130
|
{
|
|
2959
3131
|
label: "",
|
|
2960
3132
|
placeholder: "Find...",
|
|
2961
3133
|
size: "small",
|
|
2962
3134
|
className: "w-full",
|
|
2963
|
-
value:
|
|
2964
|
-
onChange:
|
|
3135
|
+
value: c,
|
|
3136
|
+
onChange: D
|
|
2965
3137
|
}
|
|
2966
3138
|
) }),
|
|
2967
3139
|
/* @__PURE__ */ _(
|
|
@@ -2972,49 +3144,49 @@ function Ln(e) {
|
|
|
2972
3144
|
maxHeight: "360px"
|
|
2973
3145
|
},
|
|
2974
3146
|
children: [
|
|
2975
|
-
|
|
2976
|
-
|
|
3147
|
+
v === 3 && /* @__PURE__ */ _("div", { className: "hidden px-2 w-full sm:flex", children: [
|
|
3148
|
+
J,
|
|
2977
3149
|
":"
|
|
2978
3150
|
] }),
|
|
2979
|
-
|
|
2980
|
-
(m) => m.metaData.categories.includes("Widget") &&
|
|
3151
|
+
v === 0 && T.filter(
|
|
3152
|
+
(m) => m.metaData.categories.includes("Widget") && l(m.metaData)
|
|
2981
3153
|
).map((m) => /* @__PURE__ */ t(
|
|
2982
|
-
|
|
3154
|
+
Ie,
|
|
2983
3155
|
{
|
|
2984
3156
|
widgetKey: m.widgetKey,
|
|
2985
3157
|
metaData: m.metaData,
|
|
2986
|
-
alreadyAdded: Re(m.widgetKey,
|
|
2987
|
-
addWidget: () =>
|
|
3158
|
+
alreadyAdded: Re(m.widgetKey, n),
|
|
3159
|
+
addWidget: () => P(m.widgetKey)
|
|
2988
3160
|
},
|
|
2989
3161
|
m.widgetKey
|
|
2990
3162
|
)),
|
|
2991
|
-
|
|
2992
|
-
(m) => m.metaData.categories.includes("Chart") &&
|
|
3163
|
+
v === 1 && T.filter(
|
|
3164
|
+
(m) => m.metaData.categories.includes("Chart") && l(m.metaData)
|
|
2993
3165
|
).map((m) => /* @__PURE__ */ t(
|
|
2994
|
-
|
|
3166
|
+
Ie,
|
|
2995
3167
|
{
|
|
2996
3168
|
widgetKey: m.widgetKey,
|
|
2997
3169
|
metaData: m.metaData,
|
|
2998
|
-
alreadyAdded: Re(m.widgetKey,
|
|
2999
|
-
addWidget: () =>
|
|
3170
|
+
alreadyAdded: Re(m.widgetKey, n),
|
|
3171
|
+
addWidget: () => P(m.widgetKey)
|
|
3000
3172
|
},
|
|
3001
3173
|
m.widgetKey
|
|
3002
3174
|
)),
|
|
3003
|
-
!
|
|
3004
|
-
|
|
3175
|
+
!C && v === 2 && T.filter((m) => m.metaData.categories.includes("Container")).map((m) => /* @__PURE__ */ t(
|
|
3176
|
+
Ie,
|
|
3005
3177
|
{
|
|
3006
3178
|
widgetKey: m.widgetKey,
|
|
3007
3179
|
metaData: m.metaData,
|
|
3008
|
-
alreadyAdded: Re(m.widgetKey,
|
|
3009
|
-
addWidget: () =>
|
|
3180
|
+
alreadyAdded: Re(m.widgetKey, n),
|
|
3181
|
+
addWidget: () => i(m.widgetKey)
|
|
3010
3182
|
},
|
|
3011
3183
|
m.widgetKey
|
|
3012
3184
|
)),
|
|
3013
|
-
!
|
|
3185
|
+
!C && v === 3 && (n.cssSettings || []).filter(M).map((m) => /* @__PURE__ */ t(
|
|
3014
3186
|
ln,
|
|
3015
3187
|
{
|
|
3016
3188
|
item: m,
|
|
3017
|
-
onSettingItemChanged:
|
|
3189
|
+
onSettingItemChanged: $
|
|
3018
3190
|
},
|
|
3019
3191
|
m.key
|
|
3020
3192
|
))
|
|
@@ -3029,7 +3201,7 @@ function Ln(e) {
|
|
|
3029
3201
|
placement: "bottom",
|
|
3030
3202
|
title: "Click to exit edit mode"
|
|
3031
3203
|
},
|
|
3032
|
-
onClick:
|
|
3204
|
+
onClick: d,
|
|
3033
3205
|
children: "Done"
|
|
3034
3206
|
}
|
|
3035
3207
|
) })
|
|
@@ -3040,7 +3212,7 @@ function Ln(e) {
|
|
|
3040
3212
|
export {
|
|
3041
3213
|
pn as AddIcon,
|
|
3042
3214
|
ee as Button,
|
|
3043
|
-
|
|
3215
|
+
ke as ChevronDownIcon,
|
|
3044
3216
|
kt as CircleQuestionMark,
|
|
3045
3217
|
Ot as CrosshairIcon,
|
|
3046
3218
|
kn as DashboardGrid,
|
|
@@ -3051,35 +3223,35 @@ export {
|
|
|
3051
3223
|
sn as DynamicWidgetLoader,
|
|
3052
3224
|
bn as EditIcon,
|
|
3053
3225
|
xn as GridIcon,
|
|
3054
|
-
|
|
3055
|
-
|
|
3226
|
+
ht as HandGrabIcon,
|
|
3227
|
+
Rt as HandIcon,
|
|
3056
3228
|
En as ListItem,
|
|
3057
3229
|
_n as ListItemLeftChild,
|
|
3058
3230
|
Mn as ListItemMiddleChild,
|
|
3059
3231
|
Pn as ListItemRightChild,
|
|
3060
|
-
|
|
3232
|
+
_t as MinusCircleIcon,
|
|
3061
3233
|
Cn as MonitorIcon,
|
|
3062
3234
|
wn as MonitorSmartphoneIcon,
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
|
|
3235
|
+
dt as MoveLeftIcon,
|
|
3236
|
+
ut as MoveRightIcon,
|
|
3237
|
+
ct as PlusCircleIcon,
|
|
3066
3238
|
It as RedoIcon,
|
|
3067
3239
|
vn as RenameIcon,
|
|
3068
|
-
|
|
3240
|
+
Mt as SettingsIcon,
|
|
3069
3241
|
At as Stack,
|
|
3070
|
-
|
|
3242
|
+
V as SvgBaseWrapper,
|
|
3071
3243
|
Sn as TabletSmartphoneIcon,
|
|
3072
3244
|
Nn as TargetIcon,
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3245
|
+
gt as TextField,
|
|
3246
|
+
Pt as TimerResetIcon,
|
|
3247
|
+
$t as UndoIcon,
|
|
3076
3248
|
Wn as WidgetContainerColumn,
|
|
3077
3249
|
jn as WidgetContainerLarge,
|
|
3078
3250
|
An as WidgetContainerRow,
|
|
3079
3251
|
Ln as WidgetsCatalogFlyout,
|
|
3080
|
-
|
|
3252
|
+
In as WrapperColumnContent,
|
|
3081
3253
|
Rn as WrapperColumnContentListItem,
|
|
3082
|
-
|
|
3254
|
+
ft as XCircleIcon,
|
|
3083
3255
|
Dn as ZoomInIcon,
|
|
3084
3256
|
Tn as ZoomOutIcon,
|
|
3085
3257
|
on as _isVersionCompatible,
|