alex-evo-sh-ui-kit 1.1.93 → 1.1.95
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/alex-evo-sh-ui-kit.es.js +482 -479
- package/dist/alex-evo-sh-ui-kit.umd.js +20 -20
- package/dist/index.css +1 -1
- package/dist/lib/ui/Icons/index.d.ts +1 -0
- package/dist/lib/ui/List/List.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import ne, { useEffect as O, useState as g, useRef as G, useCallback as k, createContext as Pe, useContext as Ce, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
|
|
2
|
-
import
|
|
2
|
+
import mt from "react-dom";
|
|
3
3
|
import { NavLink as Qe } from "react-router-dom";
|
|
4
4
|
import './index.css';var Je = { exports: {} }, Se = {};
|
|
5
5
|
/**
|
|
@@ -12,7 +12,7 @@ import './index.css';var Je = { exports: {} }, Se = {};
|
|
|
12
12
|
* LICENSE file in the root directory of this source tree.
|
|
13
13
|
*/
|
|
14
14
|
var an;
|
|
15
|
-
function
|
|
15
|
+
function xt() {
|
|
16
16
|
if (an) return Se;
|
|
17
17
|
an = 1;
|
|
18
18
|
var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
|
|
@@ -46,17 +46,17 @@ var Me = {};
|
|
|
46
46
|
var on;
|
|
47
47
|
function ft() {
|
|
48
48
|
return on || (on = 1, process.env.NODE_ENV !== "production" && function() {
|
|
49
|
-
function n(
|
|
50
|
-
if (
|
|
51
|
-
if (typeof
|
|
52
|
-
return
|
|
53
|
-
if (typeof
|
|
54
|
-
switch (
|
|
49
|
+
function n(C) {
|
|
50
|
+
if (C == null) return null;
|
|
51
|
+
if (typeof C == "function")
|
|
52
|
+
return C.$$typeof === D ? null : C.displayName || C.name || null;
|
|
53
|
+
if (typeof C == "string") return C;
|
|
54
|
+
switch (C) {
|
|
55
55
|
case p:
|
|
56
56
|
return "Fragment";
|
|
57
57
|
case b:
|
|
58
58
|
return "Profiler";
|
|
59
|
-
case
|
|
59
|
+
case _:
|
|
60
60
|
return "StrictMode";
|
|
61
61
|
case F:
|
|
62
62
|
return "Suspense";
|
|
@@ -65,141 +65,141 @@ function ft() {
|
|
|
65
65
|
case z:
|
|
66
66
|
return "Activity";
|
|
67
67
|
}
|
|
68
|
-
if (typeof
|
|
69
|
-
switch (typeof
|
|
68
|
+
if (typeof C == "object")
|
|
69
|
+
switch (typeof C.tag == "number" && console.error(
|
|
70
70
|
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
71
|
-
),
|
|
71
|
+
), C.$$typeof) {
|
|
72
72
|
case f:
|
|
73
73
|
return "Portal";
|
|
74
74
|
case v:
|
|
75
|
-
return
|
|
75
|
+
return C.displayName || "Context";
|
|
76
76
|
case y:
|
|
77
|
-
return (
|
|
77
|
+
return (C._context.displayName || "Context") + ".Consumer";
|
|
78
78
|
case M:
|
|
79
|
-
var $ =
|
|
80
|
-
return
|
|
79
|
+
var $ = C.render;
|
|
80
|
+
return C = C.displayName, C || (C = $.displayName || $.name || "", C = C !== "" ? "ForwardRef(" + C + ")" : "ForwardRef"), C;
|
|
81
81
|
case A:
|
|
82
|
-
return $ =
|
|
82
|
+
return $ = C.displayName || null, $ !== null ? $ : n(C.type) || "Memo";
|
|
83
83
|
case w:
|
|
84
|
-
$ =
|
|
84
|
+
$ = C._payload, C = C._init;
|
|
85
85
|
try {
|
|
86
|
-
return n(
|
|
86
|
+
return n(C($));
|
|
87
87
|
} catch {
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
return null;
|
|
91
91
|
}
|
|
92
|
-
function t(
|
|
93
|
-
return "" +
|
|
92
|
+
function t(C) {
|
|
93
|
+
return "" + C;
|
|
94
94
|
}
|
|
95
|
-
function r(
|
|
95
|
+
function r(C) {
|
|
96
96
|
try {
|
|
97
|
-
t(
|
|
97
|
+
t(C);
|
|
98
98
|
var $ = !1;
|
|
99
99
|
} catch {
|
|
100
100
|
$ = !0;
|
|
101
101
|
}
|
|
102
102
|
if ($) {
|
|
103
103
|
$ = console;
|
|
104
|
-
var H = $.error, K = typeof Symbol == "function" && Symbol.toStringTag &&
|
|
104
|
+
var H = $.error, K = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
|
|
105
105
|
return H.call(
|
|
106
106
|
$,
|
|
107
107
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
108
108
|
K
|
|
109
|
-
), t(
|
|
109
|
+
), t(C);
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
function s(
|
|
113
|
-
if (
|
|
114
|
-
if (typeof
|
|
112
|
+
function s(C) {
|
|
113
|
+
if (C === p) return "<>";
|
|
114
|
+
if (typeof C == "object" && C !== null && C.$$typeof === w)
|
|
115
115
|
return "<...>";
|
|
116
116
|
try {
|
|
117
|
-
var $ = n(
|
|
117
|
+
var $ = n(C);
|
|
118
118
|
return $ ? "<" + $ + ">" : "<...>";
|
|
119
119
|
} catch {
|
|
120
120
|
return "<...>";
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
function i() {
|
|
124
|
-
var
|
|
125
|
-
return
|
|
124
|
+
var C = E.A;
|
|
125
|
+
return C === null ? null : C.getOwner();
|
|
126
126
|
}
|
|
127
127
|
function l() {
|
|
128
128
|
return Error("react-stack-top-frame");
|
|
129
129
|
}
|
|
130
|
-
function o(
|
|
131
|
-
if (N.call(
|
|
132
|
-
var $ = Object.getOwnPropertyDescriptor(
|
|
130
|
+
function o(C) {
|
|
131
|
+
if (N.call(C, "key")) {
|
|
132
|
+
var $ = Object.getOwnPropertyDescriptor(C, "key").get;
|
|
133
133
|
if ($ && $.isReactWarning) return !1;
|
|
134
134
|
}
|
|
135
|
-
return
|
|
135
|
+
return C.key !== void 0;
|
|
136
136
|
}
|
|
137
|
-
function c(
|
|
137
|
+
function c(C, $) {
|
|
138
138
|
function H() {
|
|
139
139
|
L || (L = !0, console.error(
|
|
140
140
|
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
141
141
|
$
|
|
142
142
|
));
|
|
143
143
|
}
|
|
144
|
-
H.isReactWarning = !0, Object.defineProperty(
|
|
144
|
+
H.isReactWarning = !0, Object.defineProperty(C, "key", {
|
|
145
145
|
get: H,
|
|
146
146
|
configurable: !0
|
|
147
147
|
});
|
|
148
148
|
}
|
|
149
149
|
function a() {
|
|
150
|
-
var
|
|
151
|
-
return T[
|
|
150
|
+
var C = n(this.type);
|
|
151
|
+
return T[C] || (T[C] = !0, console.error(
|
|
152
152
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
153
|
-
)),
|
|
153
|
+
)), C = this.props.ref, C !== void 0 ? C : null;
|
|
154
154
|
}
|
|
155
|
-
function d(
|
|
155
|
+
function d(C, $, H, K, J, te) {
|
|
156
156
|
var Q = H.ref;
|
|
157
|
-
return
|
|
157
|
+
return C = {
|
|
158
158
|
$$typeof: j,
|
|
159
|
-
type:
|
|
159
|
+
type: C,
|
|
160
160
|
key: $,
|
|
161
161
|
props: H,
|
|
162
162
|
_owner: K
|
|
163
|
-
}, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(
|
|
163
|
+
}, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(C, "ref", {
|
|
164
164
|
enumerable: !1,
|
|
165
165
|
get: a
|
|
166
|
-
}) : Object.defineProperty(
|
|
166
|
+
}) : Object.defineProperty(C, "ref", { enumerable: !1, value: null }), C._store = {}, Object.defineProperty(C._store, "validated", {
|
|
167
167
|
configurable: !1,
|
|
168
168
|
enumerable: !1,
|
|
169
169
|
writable: !0,
|
|
170
170
|
value: 0
|
|
171
|
-
}), Object.defineProperty(
|
|
171
|
+
}), Object.defineProperty(C, "_debugInfo", {
|
|
172
172
|
configurable: !1,
|
|
173
173
|
enumerable: !1,
|
|
174
174
|
writable: !0,
|
|
175
175
|
value: null
|
|
176
|
-
}), Object.defineProperty(
|
|
176
|
+
}), Object.defineProperty(C, "_debugStack", {
|
|
177
177
|
configurable: !1,
|
|
178
178
|
enumerable: !1,
|
|
179
179
|
writable: !0,
|
|
180
180
|
value: J
|
|
181
|
-
}), Object.defineProperty(
|
|
181
|
+
}), Object.defineProperty(C, "_debugTask", {
|
|
182
182
|
configurable: !1,
|
|
183
183
|
enumerable: !1,
|
|
184
184
|
writable: !0,
|
|
185
185
|
value: te
|
|
186
|
-
}), Object.freeze && (Object.freeze(
|
|
186
|
+
}), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
|
|
187
187
|
}
|
|
188
|
-
function u(
|
|
188
|
+
function u(C, $, H, K, J, te) {
|
|
189
189
|
var Q = $.children;
|
|
190
190
|
if (Q !== void 0)
|
|
191
191
|
if (K)
|
|
192
192
|
if (I(Q)) {
|
|
193
193
|
for (K = 0; K < Q.length; K++)
|
|
194
|
-
|
|
194
|
+
x(Q[K]);
|
|
195
195
|
Object.freeze && Object.freeze(Q);
|
|
196
196
|
} else
|
|
197
197
|
console.error(
|
|
198
198
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
199
199
|
);
|
|
200
|
-
else
|
|
200
|
+
else x(Q);
|
|
201
201
|
if (N.call($, "key")) {
|
|
202
|
-
Q = n(
|
|
202
|
+
Q = n(C);
|
|
203
203
|
var ie = Object.keys($).filter(function(W) {
|
|
204
204
|
return W !== "key";
|
|
205
205
|
});
|
|
@@ -223,9 +223,9 @@ React keys must be passed directly to JSX without using spread:
|
|
|
223
223
|
} else H = $;
|
|
224
224
|
return Q && c(
|
|
225
225
|
H,
|
|
226
|
-
typeof
|
|
226
|
+
typeof C == "function" ? C.displayName || C.name || "Unknown" : C
|
|
227
227
|
), d(
|
|
228
|
-
|
|
228
|
+
C,
|
|
229
229
|
Q,
|
|
230
230
|
H,
|
|
231
231
|
i(),
|
|
@@ -233,48 +233,48 @@ React keys must be passed directly to JSX without using spread:
|
|
|
233
233
|
te
|
|
234
234
|
);
|
|
235
235
|
}
|
|
236
|
-
function
|
|
237
|
-
h(
|
|
236
|
+
function x(C) {
|
|
237
|
+
h(C) ? C._store && (C._store.validated = 1) : typeof C == "object" && C !== null && C.$$typeof === w && (C._payload.status === "fulfilled" ? h(C._payload.value) && C._payload.value._store && (C._payload.value._store.validated = 1) : C._store && (C._store.validated = 1));
|
|
238
238
|
}
|
|
239
|
-
function h(
|
|
240
|
-
return typeof
|
|
239
|
+
function h(C) {
|
|
240
|
+
return typeof C == "object" && C !== null && C.$$typeof === j;
|
|
241
241
|
}
|
|
242
|
-
var
|
|
242
|
+
var m = ne, j = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), E = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, I = Array.isArray, S = console.createTask ? console.createTask : function() {
|
|
243
243
|
return null;
|
|
244
244
|
};
|
|
245
|
-
|
|
246
|
-
react_stack_bottom_frame: function(
|
|
247
|
-
return
|
|
245
|
+
m = {
|
|
246
|
+
react_stack_bottom_frame: function(C) {
|
|
247
|
+
return C();
|
|
248
248
|
}
|
|
249
249
|
};
|
|
250
|
-
var L, T = {}, Y =
|
|
251
|
-
|
|
250
|
+
var L, T = {}, Y = m.react_stack_bottom_frame.bind(
|
|
251
|
+
m,
|
|
252
252
|
l
|
|
253
253
|
)(), q = S(s(l)), Z = {};
|
|
254
|
-
Me.Fragment = p, Me.jsx = function(
|
|
254
|
+
Me.Fragment = p, Me.jsx = function(C, $, H) {
|
|
255
255
|
var K = 1e4 > E.recentlyCreatedOwnerStacks++;
|
|
256
256
|
return u(
|
|
257
|
-
|
|
257
|
+
C,
|
|
258
258
|
$,
|
|
259
259
|
H,
|
|
260
260
|
!1,
|
|
261
261
|
K ? Error("react-stack-top-frame") : Y,
|
|
262
|
-
K ? S(s(
|
|
262
|
+
K ? S(s(C)) : q
|
|
263
263
|
);
|
|
264
|
-
}, Me.jsxs = function(
|
|
264
|
+
}, Me.jsxs = function(C, $, H) {
|
|
265
265
|
var K = 1e4 > E.recentlyCreatedOwnerStacks++;
|
|
266
266
|
return u(
|
|
267
|
-
|
|
267
|
+
C,
|
|
268
268
|
$,
|
|
269
269
|
H,
|
|
270
270
|
!0,
|
|
271
271
|
K ? Error("react-stack-top-frame") : Y,
|
|
272
|
-
K ? S(s(
|
|
272
|
+
K ? S(s(C)) : q
|
|
273
273
|
);
|
|
274
274
|
};
|
|
275
275
|
}()), Me;
|
|
276
276
|
}
|
|
277
|
-
process.env.NODE_ENV === "production" ? Je.exports =
|
|
277
|
+
process.env.NODE_ENV === "production" ? Je.exports = xt() : Je.exports = ft();
|
|
278
278
|
var e = Je.exports;
|
|
279
279
|
const _n = (n) => /* @__PURE__ */ e.jsx(
|
|
280
280
|
Fe,
|
|
@@ -365,13 +365,13 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
|
|
|
365
365
|
window.innerHeight - h.clientY + 20 <= 150 && c(), o.current && (o.current.style.height = `${window.innerHeight - h.clientY + 20 - n}px`);
|
|
366
366
|
}, u = () => {
|
|
367
367
|
document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
|
|
368
|
-
},
|
|
368
|
+
}, x = () => {
|
|
369
369
|
document.body.addEventListener("mousemove", d), document.body.addEventListener("mouseup", u);
|
|
370
370
|
};
|
|
371
371
|
return O(() => () => {
|
|
372
372
|
document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
|
|
373
373
|
}), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(We, { onHide: c, children: /* @__PURE__ */ e.jsxs("div", { ref: o, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
|
|
374
|
-
/* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown:
|
|
374
|
+
/* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: x, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
|
|
375
375
|
/* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
|
|
376
376
|
] }) });
|
|
377
377
|
}, gn = {
|
|
@@ -410,18 +410,18 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
|
|
|
410
410
|
className: o = "",
|
|
411
411
|
...c
|
|
412
412
|
}) => {
|
|
413
|
-
const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2",
|
|
413
|
+
const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", x = u ? "h3" : "span", h = {
|
|
414
414
|
fontSize: bn(n, d),
|
|
415
415
|
fontWeight: kn(n, r),
|
|
416
416
|
lineHeight: yn(n, s, d),
|
|
417
417
|
...l
|
|
418
|
-
},
|
|
418
|
+
}, m = u ? "typography-heading" : "typography-text";
|
|
419
419
|
return /* @__PURE__ */ e.jsx(
|
|
420
|
-
|
|
420
|
+
x,
|
|
421
421
|
{
|
|
422
422
|
...c,
|
|
423
423
|
style: h,
|
|
424
|
-
className: `${
|
|
424
|
+
className: `${m} ${o}`,
|
|
425
425
|
children: i
|
|
426
426
|
}
|
|
427
427
|
);
|
|
@@ -438,18 +438,18 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
|
|
|
438
438
|
style: a,
|
|
439
439
|
rippleDisabled: d = !1,
|
|
440
440
|
shadow: u = 0,
|
|
441
|
-
...
|
|
441
|
+
...x
|
|
442
442
|
}, h) => {
|
|
443
|
-
const
|
|
443
|
+
const m = k(
|
|
444
444
|
(f) => {
|
|
445
445
|
c || (l == null || l(f), !d && j(f));
|
|
446
446
|
},
|
|
447
447
|
[l, c]
|
|
448
448
|
), j = (f) => {
|
|
449
|
-
const p = f.currentTarget,
|
|
450
|
-
|
|
449
|
+
const p = f.currentTarget, _ = document.createElement("span"), b = Math.max(p.clientWidth, p.clientHeight), y = b / 2;
|
|
450
|
+
_.style.width = _.style.height = `${b}px`, _.style.left = `${f.clientX - p.getBoundingClientRect().left - y}px`, _.style.top = `${f.clientY - p.getBoundingClientRect().top - y}px`, _.classList.add("iconbutton-ripple");
|
|
451
451
|
const v = p.getElementsByClassName("iconbutton-ripple")[0];
|
|
452
|
-
v && v.remove(), p.appendChild(
|
|
452
|
+
v && v.remove(), p.appendChild(_);
|
|
453
453
|
};
|
|
454
454
|
return /* @__PURE__ */ e.jsx(
|
|
455
455
|
"button",
|
|
@@ -460,11 +460,11 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
|
|
|
460
460
|
...a
|
|
461
461
|
},
|
|
462
462
|
className: `iconbutton iconbutton--${i} ${t} container_shadow-hover-${u}`,
|
|
463
|
-
onClick:
|
|
463
|
+
onClick: m,
|
|
464
464
|
onContextMenu: o,
|
|
465
465
|
disabled: c,
|
|
466
466
|
"aria-disabled": c,
|
|
467
|
-
...
|
|
467
|
+
...x,
|
|
468
468
|
children: /* @__PURE__ */ e.jsx("div", { className: `iconbutton-container ${r}`, children: n })
|
|
469
469
|
}
|
|
470
470
|
);
|
|
@@ -1791,11 +1791,11 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
|
|
|
1791
1791
|
marginBottom: a,
|
|
1792
1792
|
maxWidth: d = "560px",
|
|
1793
1793
|
showCloseButton: u = !1,
|
|
1794
|
-
ariaLabel:
|
|
1794
|
+
ariaLabel: x
|
|
1795
1795
|
}) => {
|
|
1796
1796
|
const h = () => {
|
|
1797
1797
|
i && i();
|
|
1798
|
-
},
|
|
1798
|
+
}, m = {
|
|
1799
1799
|
...l,
|
|
1800
1800
|
marginBottom: a,
|
|
1801
1801
|
maxWidth: typeof d == "number" ? `${d}px` : d
|
|
@@ -1808,11 +1808,11 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
|
|
|
1808
1808
|
children: /* @__PURE__ */ e.jsxs(
|
|
1809
1809
|
"div",
|
|
1810
1810
|
{
|
|
1811
|
-
style:
|
|
1811
|
+
style: m,
|
|
1812
1812
|
className: `${o ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
|
|
1813
1813
|
role: "dialog",
|
|
1814
1814
|
"aria-modal": "true",
|
|
1815
|
-
"aria-label":
|
|
1815
|
+
"aria-label": x || r,
|
|
1816
1816
|
children: [
|
|
1817
1817
|
r && /* @__PURE__ */ e.jsxs("div", { className: "dialog-template__container__header dialog-template__container__header_color_surface-container", children: [
|
|
1818
1818
|
/* @__PURE__ */ e.jsx(U, { type: "heading", children: r }),
|
|
@@ -1898,13 +1898,13 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
|
|
|
1898
1898
|
children: a,
|
|
1899
1899
|
disableDefaultButtons: d = !1,
|
|
1900
1900
|
customActions: u,
|
|
1901
|
-
btns:
|
|
1901
|
+
btns: x
|
|
1902
1902
|
}) => {
|
|
1903
1903
|
const h = k(() => {
|
|
1904
1904
|
l == null || l(), c == null || c();
|
|
1905
|
-
}, [l, c]),
|
|
1905
|
+
}, [l, c]), m = k(() => {
|
|
1906
1906
|
o == null || o(), c == null || c();
|
|
1907
|
-
}, [o, c]), j = k(() => u || (d ? null :
|
|
1907
|
+
}, [o, c]), j = k(() => u || (d ? null : x ? /* @__PURE__ */ e.jsx(ze, { onHide: m, onSuccess: h, btns: x }) : /* @__PURE__ */ e.jsx(ze, { onHide: m, onSuccess: h, btns: [
|
|
1908
1908
|
{
|
|
1909
1909
|
text: i,
|
|
1910
1910
|
hide: !0,
|
|
@@ -1914,13 +1914,13 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
|
|
|
1914
1914
|
text: s ?? "OK",
|
|
1915
1915
|
success: !0
|
|
1916
1916
|
}
|
|
1917
|
-
] })), [u, d,
|
|
1917
|
+
] })), [u, d, m, h, s, i]);
|
|
1918
1918
|
return /* @__PURE__ */ e.jsxs(
|
|
1919
1919
|
Ee,
|
|
1920
1920
|
{
|
|
1921
1921
|
style: n,
|
|
1922
1922
|
header: r,
|
|
1923
|
-
onHide:
|
|
1923
|
+
onHide: m,
|
|
1924
1924
|
action: j(),
|
|
1925
1925
|
children: [
|
|
1926
1926
|
t && /* @__PURE__ */ e.jsx(U, { type: "body", children: t }),
|
|
@@ -1928,7 +1928,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
|
|
|
1928
1928
|
]
|
|
1929
1929
|
}
|
|
1930
1930
|
);
|
|
1931
|
-
}, _e = ({ children: n, container: t = document.body }) => t ?
|
|
1931
|
+
}, _e = ({ children: n, container: t = document.body }) => t ? mt.createPortal(
|
|
1932
1932
|
n,
|
|
1933
1933
|
t
|
|
1934
1934
|
) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Xt = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...l }) => {
|
|
@@ -1950,12 +1950,12 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
|
|
|
1950
1950
|
if (!l) {
|
|
1951
1951
|
try {
|
|
1952
1952
|
await navigator.clipboard.writeText(n), a(!0), setTimeout(() => a(!1), r);
|
|
1953
|
-
} catch (
|
|
1954
|
-
console.error("Не удалось скопировать текст",
|
|
1953
|
+
} catch (m) {
|
|
1954
|
+
console.error("Не удалось скопировать текст", m);
|
|
1955
1955
|
}
|
|
1956
1956
|
i == null || i(h);
|
|
1957
1957
|
}
|
|
1958
|
-
}, [n, l, r, i]), u = c ? /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(Vn, { "aria-hidden": "true" }),
|
|
1958
|
+
}, [n, l, r, i]), u = c ? /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(Vn, { "aria-hidden": "true" }), x = c ? "Скопировано!" : "Копировать";
|
|
1959
1959
|
return t ? /* @__PURE__ */ e.jsxs("div", { className: "copy-button", children: [
|
|
1960
1960
|
/* @__PURE__ */ e.jsx(
|
|
1961
1961
|
de,
|
|
@@ -1963,19 +1963,19 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
|
|
|
1963
1963
|
icon: u,
|
|
1964
1964
|
onClick: d,
|
|
1965
1965
|
disabled: l,
|
|
1966
|
-
"aria-label": `${
|
|
1966
|
+
"aria-label": `${x} ${n}`,
|
|
1967
1967
|
className: s,
|
|
1968
1968
|
...o
|
|
1969
1969
|
}
|
|
1970
1970
|
),
|
|
1971
|
-
/* @__PURE__ */ e.jsx(U, { type: "body", "aria-live": "polite", children:
|
|
1971
|
+
/* @__PURE__ */ e.jsx(U, { type: "body", "aria-live": "polite", children: x })
|
|
1972
1972
|
] }) : /* @__PURE__ */ e.jsx(
|
|
1973
1973
|
de,
|
|
1974
1974
|
{
|
|
1975
1975
|
icon: u,
|
|
1976
1976
|
onClick: d,
|
|
1977
1977
|
disabled: l,
|
|
1978
|
-
"aria-label": `${
|
|
1978
|
+
"aria-label": `${x} ${n}`,
|
|
1979
1979
|
className: s,
|
|
1980
1980
|
...o
|
|
1981
1981
|
}
|
|
@@ -2113,15 +2113,15 @@ const qt = Ne, Jt = (n) => {
|
|
|
2113
2113
|
function Dn(n, t, r) {
|
|
2114
2114
|
if (n === 0) return r ?? "#e0e0e0";
|
|
2115
2115
|
if (n === 1) return t;
|
|
2116
|
-
const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, o = (s == null ? void 0 : s.b) ?? 224, c = parseInt(t.substring(1, 3), 16), a = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (c - i)),
|
|
2117
|
-
return `rgb(${u}, ${
|
|
2116
|
+
const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, o = (s == null ? void 0 : s.b) ?? 224, c = parseInt(t.substring(1, 3), 16), a = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (c - i)), x = Math.round(l + n * (a - l)), h = Math.round(o + n * (d - o));
|
|
2117
|
+
return `rgb(${u}, ${x}, ${h})`;
|
|
2118
2118
|
}
|
|
2119
2119
|
const ae = (n, t, r = "", s) => {
|
|
2120
|
-
let i, l, o, c, a, d, u,
|
|
2120
|
+
let i, l, o, c, a, d, u, x = Math.round, h = typeof r == "string";
|
|
2121
2121
|
if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !h || (u = t.length > 9, u = h ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u, a = ae.pSBCr(t), c = n < 0, d = r && typeof r == "string" && r != "c" ? ae.pSBCr(r) : c ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = c ? n * -1 : n, c = 1 - n, !a || !d)) return null;
|
|
2122
|
-
s ? (i =
|
|
2123
|
-
let
|
|
2124
|
-
return d = d.a ?? 1, a =
|
|
2122
|
+
s ? (i = x(c * (a.r ?? 0) + n * (d.r ?? 0)), l = x(c * (a.g ?? 0) + n * (d.g ?? 0)), o = x(c * (a.b ?? 0) + n * (d.b ?? 0))) : (i = x((c * (a.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), l = x((c * (a.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), o = x((c * (a.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
|
|
2123
|
+
let m = a.a ?? 1;
|
|
2124
|
+
return d = d.a ?? 1, a = m >= 0 || d >= 0, m = m >= 0 || d >= 0 ? m < 0 ? d : d < 0 ? m : m * c + d * n : 0, u ? "rgb" + (a ? "a(" : "(") + i + "," + l + "," + o + (a ? "," + x(m * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + l * 65536 + o * 256 + (a ? x(m * 255) : 0)).toString(16).slice(1, a ? void 0 : -2);
|
|
2125
2125
|
};
|
|
2126
2126
|
ae.pSBCr = (n) => {
|
|
2127
2127
|
const t = parseInt;
|
|
@@ -2252,9 +2252,9 @@ function er(n, t = !1) {
|
|
|
2252
2252
|
(a, d) => {
|
|
2253
2253
|
const u = Qt[a];
|
|
2254
2254
|
if (!u) return;
|
|
2255
|
-
const
|
|
2256
|
-
s((h) => ({ ...h, ...
|
|
2257
|
-
document.body.style.setProperty(`--${h.replace(/_/g, "-")}`,
|
|
2255
|
+
const x = u(d, i);
|
|
2256
|
+
s((h) => ({ ...h, ...x })), Object.entries(x).forEach(([h, m]) => {
|
|
2257
|
+
document.body.style.setProperty(`--${h.replace(/_/g, "-")}`, m);
|
|
2258
2258
|
});
|
|
2259
2259
|
},
|
|
2260
2260
|
[i]
|
|
@@ -2309,11 +2309,11 @@ function rr(n = "light") {
|
|
|
2309
2309
|
const [t, r] = g(
|
|
2310
2310
|
Xe
|
|
2311
2311
|
), [s, i] = g(n), { colors: l, setColor: o, setReverse: c } = er(t[s].colors, t[s].reverse), a = k(
|
|
2312
|
-
(
|
|
2313
|
-
const j = t[
|
|
2312
|
+
(m) => {
|
|
2313
|
+
const j = t[m].colors;
|
|
2314
2314
|
j && (Object.entries(j).forEach(([f, p]) => {
|
|
2315
2315
|
o(f, p);
|
|
2316
|
-
}), c(t[
|
|
2316
|
+
}), c(t[m].reverse ?? !1), i(m));
|
|
2317
2317
|
},
|
|
2318
2318
|
[t, o]
|
|
2319
2319
|
);
|
|
@@ -2321,31 +2321,31 @@ function rr(n = "light") {
|
|
|
2321
2321
|
a(s);
|
|
2322
2322
|
}, [s, a]);
|
|
2323
2323
|
const d = k(
|
|
2324
|
-
(
|
|
2324
|
+
(m, j, f) => {
|
|
2325
2325
|
r((p) => ({
|
|
2326
2326
|
...p,
|
|
2327
|
-
[
|
|
2328
|
-
colors: { ...p[
|
|
2329
|
-
reverse: p[
|
|
2327
|
+
[m]: {
|
|
2328
|
+
colors: { ...p[m].colors, [j]: f },
|
|
2329
|
+
reverse: p[m].reverse
|
|
2330
2330
|
}
|
|
2331
2331
|
}));
|
|
2332
2332
|
},
|
|
2333
2333
|
[]
|
|
2334
|
-
), u = k((
|
|
2334
|
+
), u = k((m, j = "light", f) => {
|
|
2335
2335
|
r((p) => ({
|
|
2336
2336
|
...p,
|
|
2337
|
-
[
|
|
2337
|
+
[m]: { colors: p[j].colors, reverse: f === void 0 ? p[j].reverse : f }
|
|
2338
2338
|
}));
|
|
2339
|
-
}, []),
|
|
2339
|
+
}, []), x = k((m) => {
|
|
2340
2340
|
r((j) => {
|
|
2341
2341
|
const f = { ...j };
|
|
2342
|
-
return delete f[
|
|
2343
|
-
}), s ===
|
|
2342
|
+
return delete f[m], f;
|
|
2343
|
+
}), s === m && i("light");
|
|
2344
2344
|
}, [s]), h = k(
|
|
2345
|
-
(
|
|
2346
|
-
Xe[
|
|
2345
|
+
(m) => {
|
|
2346
|
+
Xe[m] && r((j) => ({
|
|
2347
2347
|
...j,
|
|
2348
|
-
[
|
|
2348
|
+
[m]: { ...Xe[m] }
|
|
2349
2349
|
}));
|
|
2350
2350
|
},
|
|
2351
2351
|
[]
|
|
@@ -2357,7 +2357,7 @@ function rr(n = "light") {
|
|
|
2357
2357
|
setActiveTheme: a,
|
|
2358
2358
|
updateThemeColor: d,
|
|
2359
2359
|
createTheme: u,
|
|
2360
|
-
deleteTheme:
|
|
2360
|
+
deleteTheme: x,
|
|
2361
2361
|
resetTheme: h
|
|
2362
2362
|
};
|
|
2363
2363
|
}
|
|
@@ -2386,24 +2386,24 @@ const $e = () => {
|
|
|
2386
2386
|
orientation: a = "horizontal",
|
|
2387
2387
|
styleTrack: d = "base",
|
|
2388
2388
|
showValue: u = !0,
|
|
2389
|
-
valueDisplayDuration:
|
|
2389
|
+
valueDisplayDuration: x = 2e3,
|
|
2390
2390
|
ariaLabel: h = "Регулятор значения",
|
|
2391
|
-
startColor:
|
|
2391
|
+
startColor: m,
|
|
2392
2392
|
className: j = "",
|
|
2393
2393
|
...f
|
|
2394
2394
|
}) => {
|
|
2395
|
-
const p = G(null),
|
|
2395
|
+
const p = G(null), _ = G(null), [b, y] = g(c ?? s), [v, M] = g("200px"), { colors: F } = Ce(sn), { showPopup: B, popupState: A } = Kt({ valueDisplayDuration: x }), w = n ?? F.Primary_color ?? "#0000ff";
|
|
2396
2396
|
O(() => {
|
|
2397
2397
|
var L;
|
|
2398
|
-
if (a === "vertical" && ((L =
|
|
2398
|
+
if (a === "vertical" && ((L = _.current) != null && L.parentElement)) {
|
|
2399
2399
|
const T = () => {
|
|
2400
|
-
var Z,
|
|
2401
|
-
const q = (
|
|
2400
|
+
var Z, C;
|
|
2401
|
+
const q = (C = (Z = _.current) == null ? void 0 : Z.parentElement) == null ? void 0 : C.clientHeight;
|
|
2402
2402
|
q && M(`${q}px`);
|
|
2403
2403
|
};
|
|
2404
2404
|
T();
|
|
2405
2405
|
const Y = new ResizeObserver(T);
|
|
2406
|
-
return
|
|
2406
|
+
return _.current.parentElement && Y.observe(_.current.parentElement), () => Y.disconnect();
|
|
2407
2407
|
}
|
|
2408
2408
|
}, [a]), O(() => {
|
|
2409
2409
|
c !== void 0 && (y(c), z());
|
|
@@ -2419,7 +2419,7 @@ const $e = () => {
|
|
|
2419
2419
|
), N = oe(() => ({
|
|
2420
2420
|
...f.style,
|
|
2421
2421
|
[a === "vertical" ? "height" : "width"]: `${E}%`,
|
|
2422
|
-
background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(E / 100, w,
|
|
2422
|
+
background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(E / 100, w, m)
|
|
2423
2423
|
}), [E, w, f.style, a, d]), I = oe(() => a === "vertical" ? {
|
|
2424
2424
|
"--range-width": o,
|
|
2425
2425
|
"--point-width": d === "point" ? o : "6px",
|
|
@@ -2444,7 +2444,7 @@ const $e = () => {
|
|
|
2444
2444
|
return /* @__PURE__ */ e.jsxs(
|
|
2445
2445
|
"div",
|
|
2446
2446
|
{
|
|
2447
|
-
ref:
|
|
2447
|
+
ref: _,
|
|
2448
2448
|
className: `range-wrapper ${a} ${j}`,
|
|
2449
2449
|
style: I,
|
|
2450
2450
|
children: [
|
|
@@ -2490,23 +2490,23 @@ const $e = () => {
|
|
|
2490
2490
|
strokeWidth: a = 20,
|
|
2491
2491
|
radius: d = 100,
|
|
2492
2492
|
colorBg: u = "var(--Surface-container-color)",
|
|
2493
|
-
colorRange:
|
|
2493
|
+
colorRange: x,
|
|
2494
2494
|
pointColor: h,
|
|
2495
|
-
showBase:
|
|
2495
|
+
showBase: m = !0,
|
|
2496
2496
|
showIndicator: j = !0,
|
|
2497
2497
|
showPoint: f = !1,
|
|
2498
2498
|
rounding: p = !0,
|
|
2499
|
-
showValue:
|
|
2499
|
+
showValue: _ = !0,
|
|
2500
2500
|
style: b,
|
|
2501
2501
|
children: y,
|
|
2502
2502
|
className: v,
|
|
2503
2503
|
startColor: M
|
|
2504
2504
|
}) => {
|
|
2505
|
-
const F = G(null), B = G(!1), A = d * 2, w = d * 2, z = Math.min(A, w), D = A / 2, E = w / 2, N = z / 2 - a / 2, I = c === "point" ? !1 : j, S = c === "point" ? !0 : f, { colors: L } = Ce(sn), T =
|
|
2505
|
+
const F = G(null), B = G(!1), A = d * 2, w = d * 2, z = Math.min(A, w), D = A / 2, E = w / 2, N = z / 2 - a / 2, I = c === "point" ? !1 : j, S = c === "point" ? !0 : f, { colors: L } = Ce(sn), T = x ?? L.Primary_color ?? "#0000ff", Y = h ?? L.Primary_color ?? "#0000ff", [q, Z] = g(r);
|
|
2506
2506
|
O(() => {
|
|
2507
2507
|
r !== void 0 && Z(r);
|
|
2508
2508
|
}, [r]);
|
|
2509
|
-
const
|
|
2509
|
+
const C = k(() => {
|
|
2510
2510
|
switch (o) {
|
|
2511
2511
|
case "semicircle":
|
|
2512
2512
|
return 180;
|
|
@@ -2521,25 +2521,25 @@ const $e = () => {
|
|
|
2521
2521
|
), K = k(() => {
|
|
2522
2522
|
if (!F.current) return;
|
|
2523
2523
|
const [W, he] = $(), je = (q - n) * he / (t - n);
|
|
2524
|
-
if (
|
|
2524
|
+
if (m) {
|
|
2525
2525
|
const X = F.current.querySelector('[data-el="base"]');
|
|
2526
2526
|
X && (X.style.stroke = u, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = W.toString(), X.style.strokeDasharray = `${he}, ${N * Math.PI * 2 - he}`);
|
|
2527
2527
|
}
|
|
2528
2528
|
if (I) {
|
|
2529
2529
|
const X = F.current.querySelector('[data-el="indicator"]');
|
|
2530
2530
|
if (X) {
|
|
2531
|
-
const
|
|
2532
|
-
|
|
2531
|
+
const me = parseFloat(X.dataset.percentage ?? "");
|
|
2532
|
+
me !== null && (me < H - 2 || me > H + 2) ? X.style.transition = ".3s" : X.style.transition = B.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = c === "static-color" ? T : Dn(H / 100, T, M), X.style.strokeWidth = a.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = W.toString(), X.style.strokeDasharray = `${je}, ${N * Math.PI * 2 - je}`;
|
|
2533
2533
|
}
|
|
2534
2534
|
}
|
|
2535
2535
|
if (S) {
|
|
2536
2536
|
const X = F.current.querySelector('[data-el="point"]');
|
|
2537
2537
|
if (X) {
|
|
2538
|
-
const
|
|
2539
|
-
|
|
2538
|
+
const me = parseFloat(X.dataset.percentage ?? "");
|
|
2539
|
+
me !== null && (me < H - 2 || me > H + 2) ? X.style.transition = ".3s" : X.style.transition = B.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = Y, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = "round", q === t && o === "semicircle" ? X.style.strokeDashoffset = "0" : X.style.strokeDashoffset = (W - je).toString(), X.style.strokeDasharray = `0, ${N * Math.PI * 2}`;
|
|
2540
2540
|
}
|
|
2541
2541
|
}
|
|
2542
|
-
}, [q, $, t, n, N, a, u, T, Y,
|
|
2542
|
+
}, [q, $, t, n, N, a, u, T, Y, m, I, S, p, H, M]), J = (W) => {
|
|
2543
2543
|
B.current = !0, document.addEventListener("mousemove", te), document.addEventListener("mouseup", Q), ie(W);
|
|
2544
2544
|
}, te = (W) => {
|
|
2545
2545
|
W.preventDefault(), B.current && ie(W);
|
|
@@ -2547,12 +2547,12 @@ const $e = () => {
|
|
|
2547
2547
|
B.current = !1, document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", Q);
|
|
2548
2548
|
}, ie = k((W) => {
|
|
2549
2549
|
if (!F.current) return;
|
|
2550
|
-
const he =
|
|
2550
|
+
const he = C(), je = F.current.getBoundingClientRect(), X = je.left + je.width / 2, me = je.top + je.height / 2, st = W.clientX, it = W.clientY, lt = me - it, at = X - st;
|
|
2551
2551
|
let le = Math.atan2(lt, at) * (180 / Math.PI);
|
|
2552
2552
|
he === 270 && (le += 45), le < 0 && (le = 360 + le), le < 0 && (le = 0), le > he && q > (t - n) / 2 ? le = he : le > he && (le = 0);
|
|
2553
2553
|
const ot = he, ct = t - n, Ue = Math.round(le * ct / ot + n);
|
|
2554
2554
|
Z(Ue), Ue !== r && s && s(Ue);
|
|
2555
|
-
}, [
|
|
2555
|
+
}, [C, s, t, n, D, E, q]);
|
|
2556
2556
|
O(() => {
|
|
2557
2557
|
K();
|
|
2558
2558
|
}, [K]), O(() => () => {
|
|
@@ -2570,7 +2570,7 @@ const $e = () => {
|
|
|
2570
2570
|
height: "100%",
|
|
2571
2571
|
onMouseDown: J,
|
|
2572
2572
|
children: [
|
|
2573
|
-
|
|
2573
|
+
m && /* @__PURE__ */ e.jsx(
|
|
2574
2574
|
"circle",
|
|
2575
2575
|
{
|
|
2576
2576
|
"data-el": "base",
|
|
@@ -2603,7 +2603,7 @@ const $e = () => {
|
|
|
2603
2603
|
]
|
|
2604
2604
|
}
|
|
2605
2605
|
),
|
|
2606
|
-
/* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: P, children: y ?? (
|
|
2606
|
+
/* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: P, children: y ?? (_ && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(q).toString() })) })
|
|
2607
2607
|
] });
|
|
2608
2608
|
}, ir = ve(
|
|
2609
2609
|
({
|
|
@@ -2662,9 +2662,9 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
|
|
|
2662
2662
|
return a > 0 && (i.y = i.y - a - ((s == null ? void 0 : s.marginBottom) ?? 0)), d > 0 && (i.x = i.x - d - ((s == null ? void 0 : s.marginRight) ?? 0)), i;
|
|
2663
2663
|
}, ar = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i, onGlobalHide: l }) => {
|
|
2664
2664
|
const o = G(null), [c, a] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
|
|
2665
|
-
function
|
|
2666
|
-
for (let
|
|
2667
|
-
if (
|
|
2665
|
+
function x(h) {
|
|
2666
|
+
for (let m of h)
|
|
2667
|
+
if (m.icon)
|
|
2668
2668
|
return !0;
|
|
2669
2669
|
return !1;
|
|
2670
2670
|
}
|
|
@@ -2674,13 +2674,13 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
|
|
|
2674
2674
|
let h = Ye(o.current.parentElement);
|
|
2675
2675
|
if (!h)
|
|
2676
2676
|
return;
|
|
2677
|
-
let
|
|
2677
|
+
let m = Hn(h.left + h.width, h.top, o.current, { marginRight: h.width });
|
|
2678
2678
|
a({
|
|
2679
|
-
left:
|
|
2680
|
-
top:
|
|
2679
|
+
left: m.x - h.left + "px",
|
|
2680
|
+
top: m.y - h.top + "px"
|
|
2681
2681
|
}), u(!0);
|
|
2682
2682
|
}, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
2683
|
-
/* @__PURE__ */ e.jsx("div", { ref: o, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((h,
|
|
2683
|
+
/* @__PURE__ */ e.jsx("div", { ref: o, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((h, m) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: x(n), globalClick: s }, m)) }),
|
|
2684
2684
|
r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "menu-block-backplate", onClick: t })
|
|
2685
2685
|
] });
|
|
2686
2686
|
}, or = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: l }) => {
|
|
@@ -2735,17 +2735,17 @@ const cr = 100, dr = (n) => {
|
|
|
2735
2735
|
/* @__PURE__ */ e.jsx(zn, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
|
|
2736
2736
|
] }, s)) }) });
|
|
2737
2737
|
}, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Fs = ne.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, o) => {
|
|
2738
|
-
const [c, a] = g(!1), [d, u] = g(void 0), { screen:
|
|
2738
|
+
const [c, a] = g(!1), [d, u] = g(void 0), { screen: x } = Ce(we), h = () => {
|
|
2739
2739
|
a(!1), u(void 0);
|
|
2740
|
-
},
|
|
2740
|
+
}, m = (f) => {
|
|
2741
2741
|
f.stopPropagation(), a(!0), u({ x: f.clientX, y: f.clientY }), i == null || i(f);
|
|
2742
|
-
}, j = n ??
|
|
2742
|
+
}, j = n ?? x;
|
|
2743
2743
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
2744
2744
|
/* @__PURE__ */ e.jsx(
|
|
2745
2745
|
de,
|
|
2746
2746
|
{
|
|
2747
2747
|
ref: o,
|
|
2748
|
-
onClick:
|
|
2748
|
+
onClick: m,
|
|
2749
2749
|
...l
|
|
2750
2750
|
}
|
|
2751
2751
|
),
|
|
@@ -2808,8 +2808,8 @@ const cr = 100, dr = (n) => {
|
|
|
2808
2808
|
Bn.displayName = "Checkbox";
|
|
2809
2809
|
const Wn = ne.forwardRef(
|
|
2810
2810
|
({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: l, disabled: o, ...c }, a) => {
|
|
2811
|
-
const d = (
|
|
2812
|
-
|
|
2811
|
+
const d = (x) => {
|
|
2812
|
+
x.stopPropagation(), t == null || t(x);
|
|
2813
2813
|
}, u = o ? void 0 : s;
|
|
2814
2814
|
return /* @__PURE__ */ e.jsxs(
|
|
2815
2815
|
"div",
|
|
@@ -2853,15 +2853,15 @@ const Gn = ve(
|
|
|
2853
2853
|
size: a = "medium",
|
|
2854
2854
|
variant: d = "primary",
|
|
2855
2855
|
showLabel: u = !0,
|
|
2856
|
-
className:
|
|
2856
|
+
className: x,
|
|
2857
2857
|
...h
|
|
2858
|
-
},
|
|
2858
|
+
}, m) => {
|
|
2859
2859
|
const j = t !== void 0 ? t === r : l !== void 0 ? l : o;
|
|
2860
|
-
return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${
|
|
2860
|
+
return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${x || ""}`, children: [
|
|
2861
2861
|
/* @__PURE__ */ e.jsx(
|
|
2862
2862
|
"input",
|
|
2863
2863
|
{
|
|
2864
|
-
ref:
|
|
2864
|
+
ref: m,
|
|
2865
2865
|
className: "radio-button",
|
|
2866
2866
|
name: n,
|
|
2867
2867
|
type: "radio",
|
|
@@ -2893,15 +2893,15 @@ const Zn = ve(
|
|
|
2893
2893
|
variant: a = "primary",
|
|
2894
2894
|
...d
|
|
2895
2895
|
}, u) => {
|
|
2896
|
-
const [
|
|
2896
|
+
const [x, h] = g([]);
|
|
2897
2897
|
O(() => {
|
|
2898
|
-
h(
|
|
2898
|
+
h(m(t));
|
|
2899
2899
|
}, [t]);
|
|
2900
|
-
const
|
|
2900
|
+
const m = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], j = (f, p) => {
|
|
2901
2901
|
if (i) return;
|
|
2902
2902
|
f.preventDefault();
|
|
2903
|
-
let
|
|
2904
|
-
r ?
|
|
2903
|
+
let _;
|
|
2904
|
+
r ? _ = x.includes(p) ? x.filter((b) => b !== p) : [...x, p] : _ = x.includes(p) ? [] : [p], h(_), l == null || l(_, f);
|
|
2905
2905
|
};
|
|
2906
2906
|
return /* @__PURE__ */ e.jsx(
|
|
2907
2907
|
"div",
|
|
@@ -2915,13 +2915,13 @@ const Zn = ve(
|
|
|
2915
2915
|
{
|
|
2916
2916
|
type: "button",
|
|
2917
2917
|
role: "radio",
|
|
2918
|
-
"aria-checked":
|
|
2918
|
+
"aria-checked": x.includes(f),
|
|
2919
2919
|
"aria-label": f,
|
|
2920
2920
|
disabled: i,
|
|
2921
|
-
className: `segmented-button__item ${
|
|
2921
|
+
className: `segmented-button__item ${x.includes(f) ? "segmented-button__item--active" : ""}`,
|
|
2922
2922
|
onClick: (p) => j(p, f),
|
|
2923
2923
|
children: [
|
|
2924
|
-
|
|
2924
|
+
x.includes(f) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
|
|
2925
2925
|
/* @__PURE__ */ e.jsx("span", { className: "segmented-button__text", children: f }),
|
|
2926
2926
|
/* @__PURE__ */ e.jsx(
|
|
2927
2927
|
"input",
|
|
@@ -2929,7 +2929,7 @@ const Zn = ve(
|
|
|
2929
2929
|
type: r ? "checkbox" : "radio",
|
|
2930
2930
|
name: s,
|
|
2931
2931
|
value: f,
|
|
2932
|
-
checked:
|
|
2932
|
+
checked: x.includes(f),
|
|
2933
2933
|
readOnly: !0,
|
|
2934
2934
|
className: "segmented-button__input"
|
|
2935
2935
|
}
|
|
@@ -2984,23 +2984,23 @@ function hr({
|
|
|
2984
2984
|
defaultValue: a,
|
|
2985
2985
|
style: d
|
|
2986
2986
|
}) {
|
|
2987
|
-
const [u,
|
|
2988
|
-
u !== void 0 && (n == null || n(u),
|
|
2989
|
-
}, [u, n, i, s]),
|
|
2987
|
+
const [u, x] = g(a), h = k(() => {
|
|
2988
|
+
u !== void 0 && (n == null || n(u), x(void 0), !i && (s == null || s()));
|
|
2989
|
+
}, [u, n, i, s]), m = k(() => {
|
|
2990
2990
|
s == null || s();
|
|
2991
2991
|
}, [s]), j = k((f) => {
|
|
2992
|
-
|
|
2992
|
+
x(f);
|
|
2993
2993
|
}, []);
|
|
2994
2994
|
return /* @__PURE__ */ e.jsxs(
|
|
2995
2995
|
Ee,
|
|
2996
2996
|
{
|
|
2997
2997
|
header: r,
|
|
2998
2998
|
style: d,
|
|
2999
|
-
onHide:
|
|
2999
|
+
onHide: m,
|
|
3000
3000
|
action: /* @__PURE__ */ e.jsx(
|
|
3001
|
-
|
|
3001
|
+
mr,
|
|
3002
3002
|
{
|
|
3003
|
-
onHide:
|
|
3003
|
+
onHide: m,
|
|
3004
3004
|
onSuccess: h,
|
|
3005
3005
|
disabled: u === void 0,
|
|
3006
3006
|
confirmText: o,
|
|
@@ -3050,7 +3050,7 @@ function hr({
|
|
|
3050
3050
|
}
|
|
3051
3051
|
);
|
|
3052
3052
|
}
|
|
3053
|
-
function
|
|
3053
|
+
function mr({
|
|
3054
3054
|
onSuccess: n,
|
|
3055
3055
|
onHide: t,
|
|
3056
3056
|
disabled: r = !1,
|
|
@@ -3082,13 +3082,13 @@ const Ve = ne.forwardRef(
|
|
|
3082
3082
|
onClear: a,
|
|
3083
3083
|
icon: d,
|
|
3084
3084
|
onChange: u,
|
|
3085
|
-
name:
|
|
3085
|
+
name: x,
|
|
3086
3086
|
value: h,
|
|
3087
|
-
placeholder:
|
|
3087
|
+
placeholder: m,
|
|
3088
3088
|
className: j,
|
|
3089
3089
|
validEmptyValue: f,
|
|
3090
3090
|
onFocus: p,
|
|
3091
|
-
onBlur:
|
|
3091
|
+
onBlur: _,
|
|
3092
3092
|
error: b,
|
|
3093
3093
|
max: y,
|
|
3094
3094
|
min: v,
|
|
@@ -3103,10 +3103,10 @@ const Ve = ne.forwardRef(
|
|
|
3103
3103
|
if (!E.current) return;
|
|
3104
3104
|
const J = E.current.querySelector("input");
|
|
3105
3105
|
J == null || J.focus();
|
|
3106
|
-
},
|
|
3106
|
+
}, C = (J) => {
|
|
3107
3107
|
p == null || p(J), L(!0);
|
|
3108
3108
|
}, $ = (J) => {
|
|
3109
|
-
|
|
3109
|
+
_ == null || _(J), L(!1), Y(!!J.target.value);
|
|
3110
3110
|
}, H = k(
|
|
3111
3111
|
(J, te) => I(!!(b || J && (!te || te === ""))),
|
|
3112
3112
|
[b]
|
|
@@ -3154,19 +3154,19 @@ const Ve = ne.forwardRef(
|
|
|
3154
3154
|
input-field__input-container__input
|
|
3155
3155
|
${N ? "input-field__input-container__input_error" : ""}
|
|
3156
3156
|
`,
|
|
3157
|
-
name:
|
|
3157
|
+
name: x,
|
|
3158
3158
|
value: h,
|
|
3159
3159
|
onClick: n,
|
|
3160
3160
|
onChange: (J) => u == null ? void 0 : u(J.target.value, J.target.name, J),
|
|
3161
|
-
onFocus:
|
|
3161
|
+
onFocus: C,
|
|
3162
3162
|
onBlur: $,
|
|
3163
3163
|
onKeyDown: z,
|
|
3164
3164
|
autoFocus: M,
|
|
3165
3165
|
"aria-invalid": N,
|
|
3166
|
-
"aria-describedby": N ? `${
|
|
3166
|
+
"aria-describedby": N ? `${x}-error` : void 0
|
|
3167
3167
|
}
|
|
3168
3168
|
),
|
|
3169
|
-
|
|
3169
|
+
m && /* @__PURE__ */ e.jsx(
|
|
3170
3170
|
"label",
|
|
3171
3171
|
{
|
|
3172
3172
|
htmlFor: q,
|
|
@@ -3174,7 +3174,7 @@ const Ve = ne.forwardRef(
|
|
|
3174
3174
|
className: `input-field__input-container__label
|
|
3175
3175
|
${T ? "input-field__input-container__label_filled" : ""}
|
|
3176
3176
|
`,
|
|
3177
|
-
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children:
|
|
3177
|
+
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
|
|
3178
3178
|
}
|
|
3179
3179
|
)
|
|
3180
3180
|
] }),
|
|
@@ -3203,22 +3203,22 @@ const Vs = ({
|
|
|
3203
3203
|
max: a = 100,
|
|
3204
3204
|
defaultValue: d = "",
|
|
3205
3205
|
confirmText: u = "OK",
|
|
3206
|
-
cancelText:
|
|
3206
|
+
cancelText: x = "Отмена",
|
|
3207
3207
|
validate: h
|
|
3208
3208
|
}) => {
|
|
3209
|
-
const [
|
|
3209
|
+
const [m, j] = g(d), [f, p] = g(!0);
|
|
3210
3210
|
O(() => {
|
|
3211
3211
|
if (h)
|
|
3212
|
-
p(h(
|
|
3212
|
+
p(h(m));
|
|
3213
3213
|
else if (o === "number") {
|
|
3214
|
-
const v = Number(
|
|
3214
|
+
const v = Number(m);
|
|
3215
3215
|
p(!isNaN(v) && v >= c && v <= a);
|
|
3216
3216
|
} else
|
|
3217
3217
|
p(!0);
|
|
3218
|
-
}, [
|
|
3219
|
-
const
|
|
3220
|
-
f && (s == null || s(
|
|
3221
|
-
}, [
|
|
3218
|
+
}, [m, h, o, c, a]);
|
|
3219
|
+
const _ = k(() => {
|
|
3220
|
+
f && (s == null || s(m), i == null || i());
|
|
3221
|
+
}, [m, f, s, i]), b = k(() => {
|
|
3222
3222
|
i == null || i();
|
|
3223
3223
|
}, [i]), y = (v) => {
|
|
3224
3224
|
if (o === "number") {
|
|
@@ -3238,12 +3238,12 @@ const Vs = ({
|
|
|
3238
3238
|
header: r,
|
|
3239
3239
|
onHide: b,
|
|
3240
3240
|
action: /* @__PURE__ */ e.jsxs("div", { children: [
|
|
3241
|
-
/* @__PURE__ */ e.jsx(ce, { onClick: b, children:
|
|
3241
|
+
/* @__PURE__ */ e.jsx(ce, { onClick: b, children: x }),
|
|
3242
3242
|
/* @__PURE__ */ e.jsx(
|
|
3243
3243
|
ce,
|
|
3244
3244
|
{
|
|
3245
|
-
onClick:
|
|
3246
|
-
disabled: !f || o === "number" &&
|
|
3245
|
+
onClick: _,
|
|
3246
|
+
disabled: !f || o === "number" && m === "",
|
|
3247
3247
|
children: u
|
|
3248
3248
|
}
|
|
3249
3249
|
)
|
|
@@ -3259,7 +3259,7 @@ const Vs = ({
|
|
|
3259
3259
|
max: a,
|
|
3260
3260
|
border: !0,
|
|
3261
3261
|
placeholder: l,
|
|
3262
|
-
value:
|
|
3262
|
+
value: m,
|
|
3263
3263
|
onChange: y,
|
|
3264
3264
|
error: !f
|
|
3265
3265
|
}
|
|
@@ -3286,11 +3286,11 @@ const Vs = ({
|
|
|
3286
3286
|
saveText: a,
|
|
3287
3287
|
cancelText: d,
|
|
3288
3288
|
forceFullScreen: u,
|
|
3289
|
-
btns:
|
|
3289
|
+
btns: x
|
|
3290
3290
|
}) => {
|
|
3291
3291
|
const { screen: h } = Ce(we);
|
|
3292
3292
|
Cn(!0, document.body);
|
|
3293
|
-
const
|
|
3293
|
+
const m = () => {
|
|
3294
3294
|
l == null || l();
|
|
3295
3295
|
}, j = () => {
|
|
3296
3296
|
i == null || i();
|
|
@@ -3314,7 +3314,7 @@ const Vs = ({
|
|
|
3314
3314
|
de,
|
|
3315
3315
|
{
|
|
3316
3316
|
transparent: !0,
|
|
3317
|
-
onClick:
|
|
3317
|
+
onClick: m,
|
|
3318
3318
|
icon: /* @__PURE__ */ e.jsx(ue, {}),
|
|
3319
3319
|
"aria-label": "Закрыть"
|
|
3320
3320
|
}
|
|
@@ -3324,7 +3324,7 @@ const Vs = ({
|
|
|
3324
3324
|
] }),
|
|
3325
3325
|
/* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", children: [
|
|
3326
3326
|
s,
|
|
3327
|
-
|
|
3327
|
+
x && /* @__PURE__ */ e.jsx(ze, { btns: x.filter((p) => !p.hide && !p.success) })
|
|
3328
3328
|
] })
|
|
3329
3329
|
]
|
|
3330
3330
|
}
|
|
@@ -3335,15 +3335,15 @@ const Vs = ({
|
|
|
3335
3335
|
style: n,
|
|
3336
3336
|
header: r,
|
|
3337
3337
|
className: `full-screen-dialog ${t}`,
|
|
3338
|
-
onHide:
|
|
3339
|
-
action:
|
|
3340
|
-
l && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick:
|
|
3338
|
+
onHide: m,
|
|
3339
|
+
action: x === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
3340
|
+
l && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: m, children: d ?? "Отмена" }),
|
|
3341
3341
|
l && /* @__PURE__ */ e.jsx(ye, { onClick: j, children: a ?? "Сохранить" })
|
|
3342
|
-
] }) : /* @__PURE__ */ e.jsx(ze, { btns:
|
|
3342
|
+
] }) : /* @__PURE__ */ e.jsx(ze, { btns: x, onHide: l, onSuccess: i }),
|
|
3343
3343
|
children: s
|
|
3344
3344
|
}
|
|
3345
3345
|
);
|
|
3346
|
-
},
|
|
3346
|
+
}, xr = ve(
|
|
3347
3347
|
({
|
|
3348
3348
|
className: n = "",
|
|
3349
3349
|
action: t,
|
|
@@ -3356,18 +3356,18 @@ const Vs = ({
|
|
|
3356
3356
|
iconButtonCell: a,
|
|
3357
3357
|
onClick: d,
|
|
3358
3358
|
screenSize: u,
|
|
3359
|
-
rootApp:
|
|
3359
|
+
rootApp: x = "#root",
|
|
3360
3360
|
variant: h = "elevated",
|
|
3361
|
-
loading:
|
|
3361
|
+
loading: m = !1,
|
|
3362
3362
|
style: j,
|
|
3363
3363
|
elevation: f = 6,
|
|
3364
3364
|
...p
|
|
3365
|
-
},
|
|
3365
|
+
}, _) => {
|
|
3366
3366
|
const { screen: b } = Ce(we), y = u ?? b, v = `elevation-${Math.min(24, Math.max(0, f))}`, M = (A) => {
|
|
3367
3367
|
F(A) && (d == null || d(A), B(A));
|
|
3368
3368
|
}, F = (A) => {
|
|
3369
3369
|
const w = A.target;
|
|
3370
|
-
return !w.closest(".action-container") && !w.closest(".card-icon-button") && !w.closest(".card-child-container") && !w.closest(".card-children") && !!w.closest(
|
|
3370
|
+
return !w.closest(".action-container") && !w.closest(".card-icon-button") && !w.closest(".card-child-container") && !w.closest(".card-children") && !!w.closest(x);
|
|
3371
3371
|
}, B = (A) => {
|
|
3372
3372
|
const w = A.currentTarget, z = w.querySelector(".card-ripple-container");
|
|
3373
3373
|
if (!z) return;
|
|
@@ -3377,16 +3377,16 @@ const Vs = ({
|
|
|
3377
3377
|
return /* @__PURE__ */ e.jsxs(
|
|
3378
3378
|
"div",
|
|
3379
3379
|
{
|
|
3380
|
-
ref:
|
|
3380
|
+
ref: _,
|
|
3381
3381
|
style: j,
|
|
3382
|
-
className: `${n} card card--${h} ${v} ${
|
|
3382
|
+
className: `${n} card card--${h} ${v} ${m ? "card--loading" : ""}`,
|
|
3383
3383
|
onClick: M,
|
|
3384
3384
|
...p,
|
|
3385
3385
|
children: [
|
|
3386
3386
|
/* @__PURE__ */ e.jsx("div", { className: "card-ripple-container" }),
|
|
3387
3387
|
r && /* @__PURE__ */ e.jsxs("div", { className: "card-image-container", children: [
|
|
3388
3388
|
/* @__PURE__ */ e.jsx("img", { src: r, alt: s, loading: "lazy" }),
|
|
3389
|
-
|
|
3389
|
+
m && /* @__PURE__ */ e.jsx("div", { className: "card-image-overlay" })
|
|
3390
3390
|
] }),
|
|
3391
3391
|
/* @__PURE__ */ e.jsxs("div", { className: "card-content", children: [
|
|
3392
3392
|
(i || a) && /* @__PURE__ */ e.jsxs("div", { className: "card-header", children: [
|
|
@@ -3424,30 +3424,30 @@ const Vs = ({
|
|
|
3424
3424
|
c && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: c }),
|
|
3425
3425
|
t && /* @__PURE__ */ e.jsx("div", { className: "card-actions", children: t })
|
|
3426
3426
|
] }),
|
|
3427
|
-
|
|
3427
|
+
m && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
|
|
3428
3428
|
]
|
|
3429
3429
|
}
|
|
3430
3430
|
);
|
|
3431
3431
|
}
|
|
3432
3432
|
);
|
|
3433
|
-
|
|
3433
|
+
xr.displayName = "Card";
|
|
3434
3434
|
const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n }), As = ({ children: n, className: t, id: r, height: s, width: i, pozMove: l, draggable: o = !0 }) => {
|
|
3435
|
-
const [c, a] = g(!1), [d, u] = g(null), [
|
|
3435
|
+
const [c, a] = g(!1), [d, u] = g(null), [x, h] = g({ x: 0, y: 0 }), m = (p) => {
|
|
3436
3436
|
p.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
|
|
3437
3437
|
}, j = (p) => {
|
|
3438
3438
|
p.button == 1 && o && (u({ x: p.clientX, y: p.clientY }), a(!0), document.body.style.cursor = "move");
|
|
3439
3439
|
}, f = k((p) => {
|
|
3440
|
-
c && (h((
|
|
3440
|
+
c && (h((_) => {
|
|
3441
3441
|
if (!d)
|
|
3442
|
-
return
|
|
3442
|
+
return _;
|
|
3443
3443
|
const b = p.clientX - d.x, y = p.clientY - d.y;
|
|
3444
|
-
let v =
|
|
3444
|
+
let v = _.x + b, M = _.y + y;
|
|
3445
3445
|
return { x: v, y: M };
|
|
3446
3446
|
}), u({ x: p.clientX, y: p.clientY }));
|
|
3447
3447
|
}, [c, d]);
|
|
3448
3448
|
return O(() => {
|
|
3449
3449
|
l && h({ ...l });
|
|
3450
|
-
}, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: j, onMouseUp:
|
|
3450
|
+
}, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: j, onMouseUp: m, onMouseMove: f, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: x.x, top: x.y }, children: n }) });
|
|
3451
3451
|
}, Ds = ({
|
|
3452
3452
|
onClick: n,
|
|
3453
3453
|
onContextMenu: t,
|
|
@@ -3460,17 +3460,17 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3460
3460
|
classNameColumn: a,
|
|
3461
3461
|
minColumnWidth: d = "auto"
|
|
3462
3462
|
}) => {
|
|
3463
|
-
const u = ne.useCallback((
|
|
3464
|
-
const f = Array.from({ length:
|
|
3463
|
+
const u = ne.useCallback((m, j) => {
|
|
3464
|
+
const f = Array.from({ length: m }, () => []);
|
|
3465
3465
|
return j.forEach((p) => {
|
|
3466
3466
|
if (p.indexCol >= f.length) {
|
|
3467
|
-
console.error(`Invalid column index. indexCol = ${p.indexCol}, column count = ${
|
|
3467
|
+
console.error(`Invalid column index. indexCol = ${p.indexCol}, column count = ${m}`);
|
|
3468
3468
|
return;
|
|
3469
3469
|
}
|
|
3470
3470
|
f[p.indexCol].push(p.node);
|
|
3471
3471
|
}), f;
|
|
3472
|
-
}, []),
|
|
3473
|
-
c == null || c(
|
|
3472
|
+
}, []), x = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((m, j) => {
|
|
3473
|
+
c == null || c(m, j);
|
|
3474
3474
|
}, [c]);
|
|
3475
3475
|
return /* @__PURE__ */ e.jsx(
|
|
3476
3476
|
"div",
|
|
@@ -3484,13 +3484,13 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3484
3484
|
},
|
|
3485
3485
|
className: `${s} alex-evo-sh-ui-kit-column-layout`,
|
|
3486
3486
|
"data-testid": "column-layout-container",
|
|
3487
|
-
children:
|
|
3487
|
+
children: x.map((m, j) => /* @__PURE__ */ e.jsx(
|
|
3488
3488
|
"div",
|
|
3489
3489
|
{
|
|
3490
3490
|
onClick: (f) => h(j, f),
|
|
3491
3491
|
className: `${a} alex-evo-sh-ui-kit-column-layout-coll`,
|
|
3492
3492
|
"data-testid": `column-${j}`,
|
|
3493
|
-
children:
|
|
3493
|
+
children: m.map((f, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${j}-${p}`))
|
|
3494
3494
|
},
|
|
3495
3495
|
`column-${j}`
|
|
3496
3496
|
))
|
|
@@ -3507,17 +3507,17 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3507
3507
|
action: c,
|
|
3508
3508
|
onVisibilityChange: a
|
|
3509
3509
|
}) => {
|
|
3510
|
-
const [d, u] = g(l ? o : !0),
|
|
3510
|
+
const [d, u] = g(l ? o : !0), x = G(null), h = (p) => {
|
|
3511
3511
|
if (!p) return;
|
|
3512
|
-
const
|
|
3513
|
-
if (
|
|
3514
|
-
return
|
|
3515
|
-
},
|
|
3516
|
-
const
|
|
3517
|
-
return
|
|
3512
|
+
const _ = Ye(p);
|
|
3513
|
+
if (_)
|
|
3514
|
+
return _.height + fr;
|
|
3515
|
+
}, m = (p) => {
|
|
3516
|
+
const _ = h(p);
|
|
3517
|
+
return _ ? Math.min(_ * jr, 1) : 0.4;
|
|
3518
3518
|
}, j = (p) => {
|
|
3519
|
-
const
|
|
3520
|
-
if (!(
|
|
3519
|
+
const _ = p.target;
|
|
3520
|
+
if (!(_.closest(".action-btn") || _.classList.contains("action-btn")) && l) {
|
|
3521
3521
|
const y = !d;
|
|
3522
3522
|
u(y), a == null || a(y);
|
|
3523
3523
|
}
|
|
@@ -3526,8 +3526,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3526
3526
|
!l && !d && (u(!0), a == null || a(!0));
|
|
3527
3527
|
}, [l, d, a]);
|
|
3528
3528
|
const f = oe(
|
|
3529
|
-
() => x
|
|
3530
|
-
[
|
|
3529
|
+
() => m(x.current),
|
|
3530
|
+
[x.current]
|
|
3531
3531
|
);
|
|
3532
3532
|
return /* @__PURE__ */ e.jsxs(
|
|
3533
3533
|
"div",
|
|
@@ -3581,7 +3581,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3581
3581
|
height: d ? "auto" : "0px"
|
|
3582
3582
|
},
|
|
3583
3583
|
"aria-hidden": !d,
|
|
3584
|
-
children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref:
|
|
3584
|
+
children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref: x, children: n })
|
|
3585
3585
|
}
|
|
3586
3586
|
)
|
|
3587
3587
|
]
|
|
@@ -3604,19 +3604,19 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3604
3604
|
itemMaxWith: o,
|
|
3605
3605
|
itemWith: c = "400px"
|
|
3606
3606
|
}) => {
|
|
3607
|
-
const a = G(null), [d, u] = g([]),
|
|
3607
|
+
const a = G(null), [d, u] = g([]), x = G(null), h = G(null), m = k(() => {
|
|
3608
3608
|
if (!a.current) return;
|
|
3609
3609
|
a.current.style.display = "grid", a.current.style.gridRowGap = s, a.current.style.gridColumnGap = i;
|
|
3610
|
-
const
|
|
3611
|
-
a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${
|
|
3610
|
+
const _ = l ?? c, b = o ?? c;
|
|
3611
|
+
a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${_}, ${b}))`, a.current.style.gridAutoRows = "1px";
|
|
3612
3612
|
}, [s, i, l, o, c]), j = k(() => {
|
|
3613
3613
|
if (a.current) {
|
|
3614
|
-
const
|
|
3615
|
-
u(Array.from(
|
|
3614
|
+
const _ = a.current.querySelectorAll(".adaptiv-grid-item");
|
|
3615
|
+
u(Array.from(_));
|
|
3616
3616
|
}
|
|
3617
3617
|
}, []), f = k(() => {
|
|
3618
3618
|
if (!a.current) return;
|
|
3619
|
-
const
|
|
3619
|
+
const _ = window.getComputedStyle(a.current), b = parseInt(_.getPropertyValue("grid-row-gap")) || 0, y = parseInt(_.getPropertyValue("grid-auto-rows")) || 1;
|
|
3620
3620
|
d.forEach((v) => {
|
|
3621
3621
|
const M = v.querySelector(".adaptiv-grid-item-container");
|
|
3622
3622
|
if (M) {
|
|
@@ -3630,12 +3630,12 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3630
3630
|
});
|
|
3631
3631
|
}, [f]);
|
|
3632
3632
|
return O(() => {
|
|
3633
|
-
|
|
3634
|
-
}, [
|
|
3635
|
-
|
|
3636
|
-
const
|
|
3637
|
-
return d.forEach((b) =>
|
|
3638
|
-
|
|
3633
|
+
m(), j();
|
|
3634
|
+
}, [m, j, t]), O(() => {
|
|
3635
|
+
x.current && x.current.disconnect(), x.current = new ResizeObserver(() => p());
|
|
3636
|
+
const _ = x.current;
|
|
3637
|
+
return d.forEach((b) => _.observe(b)), p(), () => {
|
|
3638
|
+
_.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
|
|
3639
3639
|
};
|
|
3640
3640
|
}, [d, p]), /* @__PURE__ */ e.jsx(
|
|
3641
3641
|
"div",
|
|
@@ -3679,32 +3679,32 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3679
3679
|
activeTabIndex: l,
|
|
3680
3680
|
tabContainerClassName: o = ""
|
|
3681
3681
|
}) => {
|
|
3682
|
-
const [c, a] = g(0), d = l !== void 0 ? l : c, u = G(null),
|
|
3682
|
+
const [c, a] = g(0), d = l !== void 0 ? l : c, u = G(null), x = G(null), [h, m] = g(!1), j = (_) => {
|
|
3683
3683
|
if (u.current) {
|
|
3684
3684
|
const b = t || u.current.offsetWidth / 2;
|
|
3685
3685
|
u.current.scrollBy({
|
|
3686
|
-
left:
|
|
3686
|
+
left: _ === "left" ? -b : b,
|
|
3687
3687
|
behavior: "smooth"
|
|
3688
3688
|
});
|
|
3689
3689
|
}
|
|
3690
3690
|
};
|
|
3691
3691
|
O(() => {
|
|
3692
|
-
const
|
|
3693
|
-
u.current &&
|
|
3692
|
+
const _ = () => {
|
|
3693
|
+
u.current && m(
|
|
3694
3694
|
u.current.scrollWidth > u.current.clientWidth
|
|
3695
3695
|
);
|
|
3696
3696
|
};
|
|
3697
|
-
return
|
|
3697
|
+
return _(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
|
|
3698
3698
|
}, []), O(() => {
|
|
3699
|
-
if (u.current &&
|
|
3700
|
-
const
|
|
3701
|
-
|
|
3699
|
+
if (u.current && x.current) {
|
|
3700
|
+
const _ = u.current.children[d];
|
|
3701
|
+
_ && (x.current.style.width = `${_.offsetWidth}px`, x.current.style.transform = `translateX(${_.offsetLeft}px)`);
|
|
3702
3702
|
}
|
|
3703
3703
|
}, [d]);
|
|
3704
|
-
const f = (
|
|
3705
|
-
|
|
3706
|
-
}, p = (
|
|
3707
|
-
l === void 0 && a(
|
|
3704
|
+
const f = (_) => {
|
|
3705
|
+
_.key === "ArrowRight" ? p((d + 1) % n.length) : _.key === "ArrowLeft" && p((d - 1 + n.length) % n.length);
|
|
3706
|
+
}, p = (_) => {
|
|
3707
|
+
l === void 0 && a(_), i && i(_);
|
|
3708
3708
|
};
|
|
3709
3709
|
return /* @__PURE__ */ e.jsxs("div", { className: "alex-evo-ui-kit-tabs-container", children: [
|
|
3710
3710
|
/* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${o}`, children: [
|
|
@@ -3717,16 +3717,16 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3717
3717
|
onKeyDown: f,
|
|
3718
3718
|
tabIndex: 0,
|
|
3719
3719
|
children: [
|
|
3720
|
-
n.map((
|
|
3720
|
+
n.map((_, b) => /* @__PURE__ */ e.jsx(
|
|
3721
3721
|
"div",
|
|
3722
3722
|
{
|
|
3723
3723
|
className: `alex-evo-ui-kit-tab ${r} ${d === b ? s : ""}`,
|
|
3724
3724
|
onClick: () => p(b),
|
|
3725
|
-
children:
|
|
3725
|
+
children: _.label
|
|
3726
3726
|
},
|
|
3727
|
-
|
|
3727
|
+
_.label
|
|
3728
3728
|
)),
|
|
3729
|
-
/* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref:
|
|
3729
|
+
/* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: x })
|
|
3730
3730
|
]
|
|
3731
3731
|
}
|
|
3732
3732
|
),
|
|
@@ -3746,9 +3746,9 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3746
3746
|
flex: a,
|
|
3747
3747
|
gap: d = 0,
|
|
3748
3748
|
onObserv: u,
|
|
3749
|
-
...
|
|
3749
|
+
...x
|
|
3750
3750
|
}, h) => {
|
|
3751
|
-
const
|
|
3751
|
+
const m = G(null), j = {
|
|
3752
3752
|
overflowY: r ? s ? "scroll" : "hidden" : void 0,
|
|
3753
3753
|
maxHeight: r,
|
|
3754
3754
|
backgroundColor: i ? "transparent" : void 0,
|
|
@@ -3757,9 +3757,9 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3757
3757
|
margin: c
|
|
3758
3758
|
};
|
|
3759
3759
|
a && (j.display = "flex", j.flexDirection = "column", d > 0 && (j.gap = d)), O(() => {
|
|
3760
|
-
if (!
|
|
3760
|
+
if (!m.current || !u) return;
|
|
3761
3761
|
const p = new IntersectionObserver(u);
|
|
3762
|
-
return p.observe(
|
|
3762
|
+
return p.observe(m.current), () => p.disconnect();
|
|
3763
3763
|
}, [u]);
|
|
3764
3764
|
const f = [
|
|
3765
3765
|
"list-container",
|
|
@@ -3767,9 +3767,9 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3767
3767
|
s ? "list-container_scroll" : "",
|
|
3768
3768
|
i ? "list-container_transparent" : ""
|
|
3769
3769
|
].filter(Boolean).join(" ");
|
|
3770
|
-
return /* @__PURE__ */ e.jsxs("ul", { ref: h, style: j, className: f, ...
|
|
3770
|
+
return /* @__PURE__ */ e.jsxs("ul", { ref: h, style: j, className: f, ...x, children: [
|
|
3771
3771
|
n,
|
|
3772
|
-
/* @__PURE__ */ e.jsx("div", { ref:
|
|
3772
|
+
/* @__PURE__ */ e.jsx("div", { ref: m })
|
|
3773
3773
|
] });
|
|
3774
3774
|
}), Cr = ve(({
|
|
3775
3775
|
icon: n,
|
|
@@ -3783,28 +3783,30 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
|
|
|
3783
3783
|
className: a = "",
|
|
3784
3784
|
disabled: d = !1,
|
|
3785
3785
|
active: u = !1,
|
|
3786
|
-
shadow:
|
|
3787
|
-
|
|
3788
|
-
|
|
3789
|
-
|
|
3790
|
-
|
|
3791
|
-
|
|
3786
|
+
shadow: x = 0,
|
|
3787
|
+
noTransformTransition: h,
|
|
3788
|
+
...m
|
|
3789
|
+
}, j) => {
|
|
3790
|
+
const f = (_) => {
|
|
3791
|
+
!d && !_.target.closest(".control-container") && (o == null || o(_));
|
|
3792
|
+
}, p = [
|
|
3792
3793
|
"list-item-container",
|
|
3793
3794
|
a,
|
|
3794
|
-
`container_shadow-hover-${
|
|
3795
|
+
`container_shadow-hover-${x}`,
|
|
3795
3796
|
c && !d ? "list-item-container_hovered" : "",
|
|
3796
3797
|
d ? "list-item-container_disabled" : "",
|
|
3797
|
-
u ? "list-item-container_active" : ""
|
|
3798
|
+
u ? "list-item-container_active" : "",
|
|
3799
|
+
h ? "no-transform-transition" : ""
|
|
3798
3800
|
].filter(Boolean).join(" ");
|
|
3799
|
-
return /* @__PURE__ */ e.jsxs("li", { ref:
|
|
3801
|
+
return /* @__PURE__ */ e.jsxs("li", { ref: j, className: p, onClick: f, "aria-disabled": d, ...m, children: [
|
|
3800
3802
|
(n || l) && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__icon-container", children: n || l && /* @__PURE__ */ e.jsx(U, { type: "body", children: l }) }),
|
|
3801
3803
|
(s || r || i) && /* @__PURE__ */ e.jsxs("div", { className: "list-item-container__text-container", children: [
|
|
3802
3804
|
s && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__header", children: /* @__PURE__ */ e.jsx(U, { type: "title", children: s }) }),
|
|
3803
3805
|
r && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__text", children: /* @__PURE__ */ e.jsx(U, { type: "small", children: r }) }),
|
|
3804
3806
|
i && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__description", children: /* @__PURE__ */ e.jsx(U, { type: "small", color: "variant", children: i }) })
|
|
3805
3807
|
] }),
|
|
3806
|
-
t && /* @__PURE__ */ e.jsx("div", { onClick: (
|
|
3807
|
-
|
|
3808
|
+
t && /* @__PURE__ */ e.jsx("div", { onClick: (_) => {
|
|
3809
|
+
_.stopPropagation();
|
|
3808
3810
|
}, className: "list-item-container__control-container", children: t })
|
|
3809
3811
|
] });
|
|
3810
3812
|
});
|
|
@@ -3857,10 +3859,10 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
|
|
|
3857
3859
|
[c, o, t]
|
|
3858
3860
|
);
|
|
3859
3861
|
return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: d, children: [
|
|
3860
|
-
r.map((u,
|
|
3862
|
+
r.map((u, x) => /* @__PURE__ */ e.jsx(
|
|
3861
3863
|
br,
|
|
3862
3864
|
{
|
|
3863
|
-
H: a == null ? void 0 : a[
|
|
3865
|
+
H: a == null ? void 0 : a[x],
|
|
3864
3866
|
color: u.color,
|
|
3865
3867
|
backgroundColor: u.backgroundColor,
|
|
3866
3868
|
column: u,
|
|
@@ -3868,14 +3870,14 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
|
|
|
3868
3870
|
},
|
|
3869
3871
|
u.field
|
|
3870
3872
|
)),
|
|
3871
|
-
n && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u,
|
|
3873
|
+
n && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, x) => /* @__PURE__ */ e.jsx(
|
|
3872
3874
|
de,
|
|
3873
3875
|
{
|
|
3874
3876
|
transparent: !0,
|
|
3875
3877
|
icon: u.icon,
|
|
3876
3878
|
onClick: (h) => u.onClick(h, t, c)
|
|
3877
3879
|
},
|
|
3878
|
-
|
|
3880
|
+
x
|
|
3879
3881
|
)) }) }),
|
|
3880
3882
|
(s || i || l) && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
|
|
3881
3883
|
l && /* @__PURE__ */ e.jsx(de, { transparent: !0, icon: /* @__PURE__ */ e.jsx($n, {}), onClick: () => l(t, c) }),
|
|
@@ -3918,31 +3920,31 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
|
|
|
3918
3920
|
children: j.content
|
|
3919
3921
|
},
|
|
3920
3922
|
f
|
|
3921
|
-
)) : null,
|
|
3922
|
-
return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${c ? "clicked" : ""} ${
|
|
3923
|
+
)) : null, x = `container_shadow-${o}`;
|
|
3924
|
+
return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${c ? "clicked" : ""} ${x}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
|
|
3923
3925
|
/* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
|
|
3924
3926
|
a.map((h) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, h.field)),
|
|
3925
3927
|
l && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }),
|
|
3926
3928
|
(r || s || i) && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" })
|
|
3927
3929
|
] }) }),
|
|
3928
|
-
/* @__PURE__ */ e.jsx("tbody", { children: n.map((h,
|
|
3930
|
+
/* @__PURE__ */ e.jsx("tbody", { children: n.map((h, m) => {
|
|
3929
3931
|
if ("__all__" in h) {
|
|
3930
3932
|
const j = gr(h.__all__);
|
|
3931
|
-
return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan: d, style: { backgroundColor: j == null ? void 0 : j.backgroundColor, color: j == null ? void 0 : j.color }, children: u(j) }) }, `all-${
|
|
3933
|
+
return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan: d, style: { backgroundColor: j == null ? void 0 : j.backgroundColor, color: j == null ? void 0 : j.color }, children: u(j) }) }, `all-${m}`);
|
|
3932
3934
|
}
|
|
3933
3935
|
return /* @__PURE__ */ e.jsx(
|
|
3934
3936
|
kr,
|
|
3935
3937
|
{
|
|
3936
3938
|
onClickRow: c,
|
|
3937
3939
|
actions: l,
|
|
3938
|
-
index:
|
|
3940
|
+
index: m,
|
|
3939
3941
|
columns: a,
|
|
3940
3942
|
item: h,
|
|
3941
3943
|
onDelete: r,
|
|
3942
3944
|
onContextMenu: s,
|
|
3943
3945
|
onEdit: i
|
|
3944
3946
|
},
|
|
3945
|
-
|
|
3947
|
+
m
|
|
3946
3948
|
);
|
|
3947
3949
|
}) })
|
|
3948
3950
|
] }) });
|
|
@@ -4127,7 +4129,7 @@ function Er(n, t, r, s) {
|
|
|
4127
4129
|
Fr(i, r, t, s);
|
|
4128
4130
|
});
|
|
4129
4131
|
}
|
|
4130
|
-
function
|
|
4132
|
+
function mn(n, t, r, s) {
|
|
4131
4133
|
if (n.preventDefault(), !t) return;
|
|
4132
4134
|
const i = t.getBoundingClientRect();
|
|
4133
4135
|
let l = n.clientY - i.top;
|
|
@@ -4136,8 +4138,8 @@ function xn(n, t, r, s) {
|
|
|
4136
4138
|
s(c), qn(r, l);
|
|
4137
4139
|
}
|
|
4138
4140
|
function Fr(n, t, r, s) {
|
|
4139
|
-
const i = (o) =>
|
|
4140
|
-
|
|
4141
|
+
const i = (o) => mn(o, r, t, s);
|
|
4142
|
+
mn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", l);
|
|
4141
4143
|
function l() {
|
|
4142
4144
|
t.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", l);
|
|
4143
4145
|
}
|
|
@@ -4158,11 +4160,11 @@ const Vr = [
|
|
|
4158
4160
|
"#D27AEE",
|
|
4159
4161
|
"#5BA8C4",
|
|
4160
4162
|
"#E64AA9"
|
|
4161
|
-
],
|
|
4163
|
+
], xn = { h: 0, s: 1, v: 0.5 }, Tr = (n) => {
|
|
4162
4164
|
try {
|
|
4163
|
-
return n ? De(Ne(n)) :
|
|
4165
|
+
return n ? De(Ne(n)) : xn;
|
|
4164
4166
|
} catch {
|
|
4165
|
-
return
|
|
4167
|
+
return xn;
|
|
4166
4168
|
}
|
|
4167
4169
|
}, Or = ({
|
|
4168
4170
|
onHide: n,
|
|
@@ -4175,29 +4177,29 @@ const Vr = [
|
|
|
4175
4177
|
width: c = 310,
|
|
4176
4178
|
height: a = "auto"
|
|
4177
4179
|
}) => {
|
|
4178
|
-
const d = G(null), u = G(null),
|
|
4179
|
-
`#${ke(Le(
|
|
4180
|
-
), y = oe(() => Le(
|
|
4181
|
-
() =>
|
|
4182
|
-
[
|
|
4180
|
+
const d = G(null), u = G(null), x = G(null), h = G(null), [m, j] = g(Tr(t)), [f, p] = g(!1), [_, b] = g(
|
|
4181
|
+
`#${ke(Le(m))}`
|
|
4182
|
+
), y = oe(() => Le(m), [m]), v = oe(() => `#${ke(y)}`, [y]), M = oe(
|
|
4183
|
+
() => _[0] !== "#" ? `#${_}` : _,
|
|
4184
|
+
[_]
|
|
4183
4185
|
);
|
|
4184
4186
|
O(() => {
|
|
4185
|
-
!
|
|
4186
|
-
|
|
4187
|
+
!x.current || !d.current || !u.current || !h.current || F(
|
|
4188
|
+
x.current,
|
|
4187
4189
|
h.current,
|
|
4188
4190
|
d.current,
|
|
4189
4191
|
u.current,
|
|
4190
|
-
|
|
4192
|
+
m
|
|
4191
4193
|
);
|
|
4192
|
-
}, [
|
|
4193
|
-
if (!
|
|
4194
|
-
const N =
|
|
4194
|
+
}, [m]), O(() => {
|
|
4195
|
+
if (!x.current || !h.current) return;
|
|
4196
|
+
const N = x.current.getContext("2d");
|
|
4195
4197
|
N && (Mr(
|
|
4196
4198
|
N,
|
|
4197
|
-
|
|
4198
|
-
`#${ke(Le(
|
|
4199
|
+
x.current,
|
|
4200
|
+
`#${ke(Le(m.h, 1, 1))}`
|
|
4199
4201
|
), Lr(
|
|
4200
|
-
|
|
4202
|
+
x.current,
|
|
4201
4203
|
N,
|
|
4202
4204
|
h.current,
|
|
4203
4205
|
(I, S) => {
|
|
@@ -4207,7 +4209,7 @@ const Vr = [
|
|
|
4207
4209
|
});
|
|
4208
4210
|
}
|
|
4209
4211
|
));
|
|
4210
|
-
}, [
|
|
4212
|
+
}, [m.h]), O(() => {
|
|
4211
4213
|
if (!d.current || !u.current) return;
|
|
4212
4214
|
const N = d.current.getContext("2d");
|
|
4213
4215
|
N && (Rr(N, d.current), Er(N, d.current, u.current, (I) => {
|
|
@@ -4217,17 +4219,17 @@ const Vr = [
|
|
|
4217
4219
|
});
|
|
4218
4220
|
}));
|
|
4219
4221
|
}, []), O(() => {
|
|
4220
|
-
if (
|
|
4222
|
+
if (_.length === 4 || _.length === 7)
|
|
4221
4223
|
try {
|
|
4222
|
-
j(De(Ne(
|
|
4224
|
+
j(De(Ne(_)));
|
|
4223
4225
|
} catch {
|
|
4224
4226
|
console.warn("Invalid HEX color");
|
|
4225
4227
|
}
|
|
4226
|
-
}, [
|
|
4228
|
+
}, [_]);
|
|
4227
4229
|
const F = (N, I, S, L, T) => {
|
|
4228
4230
|
try {
|
|
4229
|
-
const Y = N.getBoundingClientRect(), q = S.getBoundingClientRect(), Z = Math.round(T.s * Y.width),
|
|
4230
|
-
Kn(I, Z,
|
|
4231
|
+
const Y = N.getBoundingClientRect(), q = S.getBoundingClientRect(), Z = Math.round(T.s * Y.width), C = Math.round((1 - T.v) * Y.height), $ = (360 - T.h * 360) / 360 * q.height;
|
|
4232
|
+
Kn(I, Z, C), qn(L, $);
|
|
4231
4233
|
} catch (Y) {
|
|
4232
4234
|
console.error("Error updating cursor positions", Y);
|
|
4233
4235
|
}
|
|
@@ -4294,7 +4296,7 @@ const Vr = [
|
|
|
4294
4296
|
/* @__PURE__ */ e.jsx(
|
|
4295
4297
|
"canvas",
|
|
4296
4298
|
{
|
|
4297
|
-
ref:
|
|
4299
|
+
ref: x,
|
|
4298
4300
|
className: "spectrum-canvas spectrum-canvas-color-picker",
|
|
4299
4301
|
"aria-label": "Color spectrum"
|
|
4300
4302
|
}
|
|
@@ -4427,20 +4429,20 @@ const Vr = [
|
|
|
4427
4429
|
defaultColor: a,
|
|
4428
4430
|
placeholder: d
|
|
4429
4431
|
}) => {
|
|
4430
|
-
const [u,
|
|
4432
|
+
const [u, x] = g(!1), [h, m] = g(s);
|
|
4431
4433
|
O(() => {
|
|
4432
|
-
s !== void 0 &&
|
|
4434
|
+
s !== void 0 && m(s);
|
|
4433
4435
|
}, [s]);
|
|
4434
4436
|
const j = k(() => {
|
|
4435
|
-
|
|
4437
|
+
x(!0);
|
|
4436
4438
|
}, []), f = k(
|
|
4437
4439
|
(b) => {
|
|
4438
|
-
|
|
4440
|
+
m(b), t == null || t(b), x(!1);
|
|
4439
4441
|
},
|
|
4440
4442
|
[t]
|
|
4441
4443
|
), p = k(() => {
|
|
4442
|
-
|
|
4443
|
-
}, []),
|
|
4444
|
+
x(!1);
|
|
4445
|
+
}, []), _ = [
|
|
4444
4446
|
"input-field",
|
|
4445
4447
|
"color-field",
|
|
4446
4448
|
n ? "input-field_border" : "",
|
|
@@ -4448,7 +4450,7 @@ const Vr = [
|
|
|
4448
4450
|
i
|
|
4449
4451
|
].filter(Boolean).join(" ");
|
|
4450
4452
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
4451
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
4453
|
+
/* @__PURE__ */ e.jsxs("div", { className: _, children: [
|
|
4452
4454
|
/* @__PURE__ */ e.jsxs("div", { className: "color-indicator-field", children: [
|
|
4453
4455
|
/* @__PURE__ */ e.jsx(
|
|
4454
4456
|
"div",
|
|
@@ -4484,7 +4486,7 @@ const Vr = [
|
|
|
4484
4486
|
}
|
|
4485
4487
|
) })
|
|
4486
4488
|
] });
|
|
4487
|
-
}, Ar = 2050, fn = 1900,
|
|
4489
|
+
}, Ar = 2050, fn = 1900, xe = [
|
|
4488
4490
|
"January",
|
|
4489
4491
|
"February",
|
|
4490
4492
|
"March",
|
|
@@ -4498,22 +4500,22 @@ const Vr = [
|
|
|
4498
4500
|
"November",
|
|
4499
4501
|
"December"
|
|
4500
4502
|
], Dr = () => Array(Ar - fn).fill(0).map((n, t) => fn + t), Ir = ({ onChange: n, onHide: t }) => {
|
|
4501
|
-
const [r] = g(
|
|
4503
|
+
const [r] = g(xe[(/* @__PURE__ */ new Date()).getMonth()]), [s] = g((/* @__PURE__ */ new Date()).getFullYear()), [i] = g((/* @__PURE__ */ new Date()).getDate()), [l, o] = g(xe[(/* @__PURE__ */ new Date()).getMonth()]), [c, a] = g((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = g({
|
|
4502
4504
|
day: (/* @__PURE__ */ new Date()).getDate(),
|
|
4503
4505
|
type: "NOW_MONTH"
|
|
4504
4506
|
/* NOW_MONTH */
|
|
4505
|
-
}), [
|
|
4507
|
+
}), [x, h] = g(
|
|
4506
4508
|
"DAYS"
|
|
4507
4509
|
/* DAYS */
|
|
4508
|
-
),
|
|
4509
|
-
let F = Array(
|
|
4510
|
-
return F = Array(j(v, M, 0)).fill(0).map((z, D) => ({ type: "PREV_MONTH", day:
|
|
4510
|
+
), m = (v, M) => new Date(v, M + 1, 0).getDate(), j = (v, M, F) => new Date(v, M, F).getDay(), f = (v, M) => {
|
|
4511
|
+
let F = Array(m(v, M)).fill(0).map((z, D) => ({ type: "NOW_MONTH", day: D + 1 })), B = j(v, M, m(v, M)), A = Array(7 - B).fill(0).map((z, D) => ({ type: "NEXT_MONTH", day: D + 1 }));
|
|
4512
|
+
return F = Array(j(v, M, 0)).fill(0).map((z, D) => ({ type: "PREV_MONTH", day: m(M ? v : v - 1, M ? M - 1 : 11) - D })).reverse().concat(F).concat(A), F;
|
|
4511
4513
|
}, p = (v) => {
|
|
4512
4514
|
h(
|
|
4513
4515
|
"DAYS"
|
|
4514
4516
|
/* DAYS */
|
|
4515
4517
|
), a(v);
|
|
4516
|
-
},
|
|
4518
|
+
}, _ = (v) => {
|
|
4517
4519
|
h(
|
|
4518
4520
|
"DAYS"
|
|
4519
4521
|
/* DAYS */
|
|
@@ -4522,11 +4524,11 @@ const Vr = [
|
|
|
4522
4524
|
u(v);
|
|
4523
4525
|
}, y = k(() => {
|
|
4524
4526
|
let v = /* @__PURE__ */ new Date();
|
|
4525
|
-
v.setFullYear(c), d.type === "NEXT_MONTH" ? l ===
|
|
4527
|
+
v.setFullYear(c), d.type === "NEXT_MONTH" ? l === xe[11] ? (v.setMonth(0), v.setFullYear(c + 1)) : v.setMonth(xe.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === xe[0] ? (v.setMonth(11), v.setFullYear(c - 1)) : v.setMonth(xe.indexOf(l) - 1) : v.setMonth(xe.indexOf(l)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
|
|
4526
4528
|
}, [l, c, n, t, d]);
|
|
4527
4529
|
return /* @__PURE__ */ e.jsxs(Ze, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
|
|
4528
4530
|
/* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
|
|
4529
|
-
/* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className:
|
|
4531
|
+
/* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: x === "MONTHS" ? "active" : "", onClick: () => h(
|
|
4530
4532
|
"MONTHS"
|
|
4531
4533
|
/* MONTHS */
|
|
4532
4534
|
), children: [
|
|
@@ -4534,7 +4536,7 @@ const Vr = [
|
|
|
4534
4536
|
" ",
|
|
4535
4537
|
/* @__PURE__ */ e.jsx(Ie, {})
|
|
4536
4538
|
] }) }),
|
|
4537
|
-
/* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className:
|
|
4539
|
+
/* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: x === "YEARS" ? "active" : "", onClick: () => h(
|
|
4538
4540
|
"YEARS"
|
|
4539
4541
|
/* YEARS */
|
|
4540
4542
|
), children: [
|
|
@@ -4543,10 +4545,10 @@ const Vr = [
|
|
|
4543
4545
|
/* @__PURE__ */ e.jsx(Ie, {})
|
|
4544
4546
|
] }) })
|
|
4545
4547
|
] }),
|
|
4546
|
-
|
|
4548
|
+
x === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: xe.map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => _(v), children: [
|
|
4547
4549
|
/* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === v ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
|
|
4548
4550
|
/* @__PURE__ */ e.jsx("div", { className: "content", children: v })
|
|
4549
|
-
] }, M)) }) :
|
|
4551
|
+
] }, M)) }) : x === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Dr().map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => p(v), children: [
|
|
4550
4552
|
/* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === v ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
|
|
4551
4553
|
/* @__PURE__ */ e.jsx("div", { className: "content", children: v })
|
|
4552
4554
|
] }, M)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
@@ -4559,7 +4561,7 @@ const Vr = [
|
|
|
4559
4561
|
/* @__PURE__ */ e.jsx("span", { children: "S" }),
|
|
4560
4562
|
/* @__PURE__ */ e.jsx("span", { children: "S" })
|
|
4561
4563
|
] }),
|
|
4562
|
-
/* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: f(c,
|
|
4564
|
+
/* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: f(c, xe.indexOf(l)).map((v, M) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${i === v.day && c === s && l === r ? "now" : ""} ${v.day === d.day && v.type === d.type ? "select" : ""}`, onClick: () => b(v), children: v.day }, M)) })
|
|
4563
4565
|
] }),
|
|
4564
4566
|
/* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
|
|
4565
4567
|
/* @__PURE__ */ e.jsx(ce, { className: "little m-0", onClick: t, children: "Cancel" }),
|
|
@@ -4578,12 +4580,12 @@ const Vr = [
|
|
|
4578
4580
|
helperText: a,
|
|
4579
4581
|
size: d = "medium",
|
|
4580
4582
|
disabled: u,
|
|
4581
|
-
placeholder:
|
|
4583
|
+
placeholder: x,
|
|
4582
4584
|
onBlur: h,
|
|
4583
|
-
onFocus:
|
|
4585
|
+
onFocus: m,
|
|
4584
4586
|
...j
|
|
4585
4587
|
}) => {
|
|
4586
|
-
const [f, p] = g(s ?? ""), [
|
|
4588
|
+
const [f, p] = g(s ?? ""), [_, b] = g(!1), [y, v] = g(!1), [M, F] = g(!!s), B = Be(), A = l || c, w = () => {
|
|
4587
4589
|
b(!0);
|
|
4588
4590
|
}, z = (L) => {
|
|
4589
4591
|
let T = String(L + 1);
|
|
@@ -4592,7 +4594,7 @@ const Vr = [
|
|
|
4592
4594
|
let T = String(L);
|
|
4593
4595
|
return T.length < 2 && (T = "0" + T), T;
|
|
4594
4596
|
}, E = (L) => {
|
|
4595
|
-
|
|
4597
|
+
m == null || m(L), v(!0);
|
|
4596
4598
|
}, N = (L) => {
|
|
4597
4599
|
h == null || h(L), v(!1), F(!!L.target.value);
|
|
4598
4600
|
};
|
|
@@ -4634,19 +4636,19 @@ const Vr = [
|
|
|
4634
4636
|
...j
|
|
4635
4637
|
}
|
|
4636
4638
|
),
|
|
4637
|
-
|
|
4639
|
+
x && /* @__PURE__ */ e.jsx(
|
|
4638
4640
|
"label",
|
|
4639
4641
|
{
|
|
4640
4642
|
htmlFor: B,
|
|
4641
4643
|
className: `input-field__input-container__label
|
|
4642
4644
|
${M ? "input-field__input-container__label_filled" : ""}
|
|
4643
4645
|
`,
|
|
4644
|
-
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children:
|
|
4646
|
+
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
|
|
4645
4647
|
}
|
|
4646
4648
|
)
|
|
4647
4649
|
] })
|
|
4648
4650
|
] }),
|
|
4649
|
-
|
|
4651
|
+
_ ? /* @__PURE__ */ e.jsx(_e, { container: o, children: /* @__PURE__ */ e.jsx(Ir, { onChange: I, onHide: () => b(!1) }) }) : null,
|
|
4650
4652
|
A && c && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: c }),
|
|
4651
4653
|
a && !A && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: a })
|
|
4652
4654
|
] });
|
|
@@ -4671,8 +4673,8 @@ const Vr = [
|
|
|
4671
4673
|
}, [t]);
|
|
4672
4674
|
const o = k((a) => (d) => {
|
|
4673
4675
|
l((u) => {
|
|
4674
|
-
const
|
|
4675
|
-
return n == null || n(
|
|
4676
|
+
const x = d.target.checked ? [...u, a] : u.filter((h) => h !== a);
|
|
4677
|
+
return n == null || n(x), x;
|
|
4676
4678
|
});
|
|
4677
4679
|
}, [n]), c = k((a) => i.includes(a), [i]);
|
|
4678
4680
|
return /* @__PURE__ */ e.jsx("div", { className: `days-week-field-container ${r}`, children: Pr.map((a) => /* @__PURE__ */ e.jsxs("label", { className: "day-of-week-label", children: [
|
|
@@ -4702,12 +4704,12 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4702
4704
|
className: a,
|
|
4703
4705
|
ariaLabel: d = "Добавление нового элемента",
|
|
4704
4706
|
chipsAriaLabel: u = "Список элементов",
|
|
4705
|
-
id:
|
|
4707
|
+
id: x,
|
|
4706
4708
|
error: h,
|
|
4707
|
-
errorText:
|
|
4709
|
+
errorText: m,
|
|
4708
4710
|
helperText: j
|
|
4709
4711
|
}) => {
|
|
4710
|
-
const [f, p] = g([]), [
|
|
4712
|
+
const [f, p] = g([]), [_, b] = g(""), [y, v] = g(null);
|
|
4711
4713
|
O(() => {
|
|
4712
4714
|
p(Wr(t, o));
|
|
4713
4715
|
}, [t, o]);
|
|
@@ -4716,11 +4718,11 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4716
4718
|
}, F = (w) => {
|
|
4717
4719
|
w.key === "Enter" && (w.preventDefault(), B());
|
|
4718
4720
|
}, B = k(() => {
|
|
4719
|
-
if (
|
|
4721
|
+
if (_.trim() === "" || f.includes(_.trim()))
|
|
4720
4722
|
return;
|
|
4721
|
-
const w = [...f,
|
|
4723
|
+
const w = [...f, _.trim()];
|
|
4722
4724
|
p(w), r == null || r(jn(w, o)), b(""), v(w.length - 1);
|
|
4723
|
-
}, [f,
|
|
4725
|
+
}, [f, _, r, o]), A = (w) => {
|
|
4724
4726
|
const z = f.filter((D, E) => E !== w);
|
|
4725
4727
|
p(z), r == null || r(jn(z, o)), v(w > 0 ? w - 1 : null);
|
|
4726
4728
|
};
|
|
@@ -4729,22 +4731,22 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4729
4731
|
{
|
|
4730
4732
|
className: `more-text ${a ?? ""}`,
|
|
4731
4733
|
style: { minWidth: n },
|
|
4732
|
-
id:
|
|
4734
|
+
id: x,
|
|
4733
4735
|
children: [
|
|
4734
4736
|
/* @__PURE__ */ e.jsx("div", { className: "add-value", children: /* @__PURE__ */ e.jsx(
|
|
4735
4737
|
Ve,
|
|
4736
4738
|
{
|
|
4737
4739
|
onChange: M,
|
|
4738
4740
|
onKeyDown: F,
|
|
4739
|
-
value:
|
|
4741
|
+
value: _,
|
|
4740
4742
|
border: s,
|
|
4741
4743
|
placeholder: i,
|
|
4742
4744
|
error: h,
|
|
4743
|
-
errorText:
|
|
4745
|
+
errorText: m,
|
|
4744
4746
|
helperText: j,
|
|
4745
4747
|
disabled: c,
|
|
4746
4748
|
"aria-label": d,
|
|
4747
|
-
"aria-describedby":
|
|
4749
|
+
"aria-describedby": x ? `${x}-help` : void 0
|
|
4748
4750
|
}
|
|
4749
4751
|
) }),
|
|
4750
4752
|
/* @__PURE__ */ e.jsxs(
|
|
@@ -4781,7 +4783,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4781
4783
|
{
|
|
4782
4784
|
onClick: B,
|
|
4783
4785
|
className: "more-text-btn",
|
|
4784
|
-
disabled: c || !
|
|
4786
|
+
disabled: c || !_.trim(),
|
|
4785
4787
|
"aria-label": `${l} элемент`,
|
|
4786
4788
|
children: l
|
|
4787
4789
|
}
|
|
@@ -4789,7 +4791,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4789
4791
|
]
|
|
4790
4792
|
}
|
|
4791
4793
|
),
|
|
4792
|
-
|
|
4794
|
+
x && /* @__PURE__ */ e.jsx("div", { id: `${x}-help`, className: "sr-only", children: 'Добавляйте элементы, вводя текст и нажимая Enter или кнопку "Добавить"' })
|
|
4793
4795
|
]
|
|
4794
4796
|
}
|
|
4795
4797
|
);
|
|
@@ -4805,13 +4807,13 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4805
4807
|
name: a,
|
|
4806
4808
|
value: d,
|
|
4807
4809
|
placeholder: u,
|
|
4808
|
-
className:
|
|
4810
|
+
className: x,
|
|
4809
4811
|
validEmptyValue: h,
|
|
4810
|
-
onFocus:
|
|
4812
|
+
onFocus: m,
|
|
4811
4813
|
onBlur: j,
|
|
4812
4814
|
error: f,
|
|
4813
4815
|
max: p,
|
|
4814
|
-
min:
|
|
4816
|
+
min: _,
|
|
4815
4817
|
size: b = "medium",
|
|
4816
4818
|
disabled: y,
|
|
4817
4819
|
step: v = 1,
|
|
@@ -4826,29 +4828,29 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4826
4828
|
return;
|
|
4827
4829
|
const P = I.current.querySelector("input");
|
|
4828
4830
|
P && P.focus();
|
|
4829
|
-
},
|
|
4831
|
+
}, C = k((P, W) => {
|
|
4830
4832
|
c && (N.current && (clearTimeout(N.current), N.current = null), N.current = setTimeout(() => {
|
|
4831
4833
|
N.current && (clearTimeout(N.current), N.current = null), c(P, W);
|
|
4832
4834
|
}, 100));
|
|
4833
4835
|
}, [c]), $ = k(() => {
|
|
4834
4836
|
Y((P) => {
|
|
4835
4837
|
let W = P ? P + v : v;
|
|
4836
|
-
return typeof p == "number" && W > p && (W = p),
|
|
4838
|
+
return typeof p == "number" && W > p && (W = p), C(W, a), W;
|
|
4837
4839
|
});
|
|
4838
|
-
}, [
|
|
4840
|
+
}, [C, a, p, v]), H = k(() => {
|
|
4839
4841
|
Y((P) => {
|
|
4840
4842
|
let W = P ? P - v : -v;
|
|
4841
|
-
return typeof
|
|
4843
|
+
return typeof _ == "number" && W < _ && (W = _), C(W, a), W;
|
|
4842
4844
|
});
|
|
4843
|
-
}, [
|
|
4845
|
+
}, [C, a, _, v]), K = k((P) => {
|
|
4844
4846
|
if (P.target.value === "") {
|
|
4845
4847
|
Y("");
|
|
4846
4848
|
return;
|
|
4847
4849
|
}
|
|
4848
4850
|
P.target.value.length > 1 && P.target.value[0] === "0" && ![",", "."].includes(P.target.value[1]) && (P.target.value = P.target.value.slice(1));
|
|
4849
4851
|
let W = Number(P.target.value);
|
|
4850
|
-
typeof
|
|
4851
|
-
}, [a,
|
|
4852
|
+
typeof _ == "number" && W < _ && (W = _), typeof p == "number" && W > p && (W = p), Y(Number(P.target.value)), C(W, a);
|
|
4853
|
+
}, [a, C, T, p, _]), J = k(() => {
|
|
4852
4854
|
D.current && clearTimeout(D.current), E.current && clearInterval(E.current), document.removeEventListener("mouseup", J);
|
|
4853
4855
|
}, []), te = k((P) => {
|
|
4854
4856
|
P === "p" ? $() : P === "m" && H(), D.current && clearTimeout(D.current), E.current && clearInterval(E.current), document.addEventListener("mouseup", J), D.current = setTimeout(() => {
|
|
@@ -4869,7 +4871,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4869
4871
|
medium: "input-field__number-field_medium",
|
|
4870
4872
|
large: "input-field__number-field_large"
|
|
4871
4873
|
};
|
|
4872
|
-
return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${
|
|
4874
|
+
return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${x}`, children: [
|
|
4873
4875
|
/* @__PURE__ */ e.jsxs(
|
|
4874
4876
|
"div",
|
|
4875
4877
|
{
|
|
@@ -4895,7 +4897,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4895
4897
|
ref: n,
|
|
4896
4898
|
max: p,
|
|
4897
4899
|
step: v,
|
|
4898
|
-
min:
|
|
4900
|
+
min: _,
|
|
4899
4901
|
readOnly: s,
|
|
4900
4902
|
required: !0,
|
|
4901
4903
|
type: "number",
|
|
@@ -4903,7 +4905,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
|
|
|
4903
4905
|
name: a,
|
|
4904
4906
|
value: T,
|
|
4905
4907
|
onChange: K,
|
|
4906
|
-
onFocus:
|
|
4908
|
+
onFocus: m,
|
|
4907
4909
|
onBlur: Q,
|
|
4908
4910
|
"aria-label": B,
|
|
4909
4911
|
"aria-labelledby": A,
|
|
@@ -4990,13 +4992,13 @@ const Qn = ne.forwardRef(
|
|
|
4990
4992
|
onChange: a,
|
|
4991
4993
|
name: d,
|
|
4992
4994
|
value: u,
|
|
4993
|
-
placeholder:
|
|
4995
|
+
placeholder: x,
|
|
4994
4996
|
className: h,
|
|
4995
|
-
validEmptyValue:
|
|
4997
|
+
validEmptyValue: m,
|
|
4996
4998
|
onFocus: j,
|
|
4997
4999
|
onBlur: f,
|
|
4998
5000
|
error: p,
|
|
4999
|
-
autoFocus:
|
|
5001
|
+
autoFocus: _,
|
|
5000
5002
|
disabled: b,
|
|
5001
5003
|
helperText: y,
|
|
5002
5004
|
errorText: v,
|
|
@@ -5004,20 +5006,20 @@ const Qn = ne.forwardRef(
|
|
|
5004
5006
|
onKeyDown: F
|
|
5005
5007
|
}, B) => {
|
|
5006
5008
|
const A = G(null), [w, z] = g(!1), [D, E] = g(!1), [N, I] = g(!!u), S = Be(), L = () => {
|
|
5007
|
-
var
|
|
5008
|
-
const Z = (
|
|
5009
|
+
var C;
|
|
5010
|
+
const Z = (C = A.current) == null ? void 0 : C.querySelector("textarea");
|
|
5009
5011
|
Z == null || Z.focus();
|
|
5010
5012
|
}, T = (Z) => {
|
|
5011
5013
|
j == null || j(Z), E(!0);
|
|
5012
5014
|
}, Y = (Z) => {
|
|
5013
5015
|
f == null || f(Z), E(!1), I(!!Z.target.value);
|
|
5014
5016
|
}, q = k(
|
|
5015
|
-
(Z,
|
|
5017
|
+
(Z, C) => z(!!(p || Z && (!C || C === ""))),
|
|
5016
5018
|
[p]
|
|
5017
5019
|
);
|
|
5018
5020
|
return O(() => {
|
|
5019
|
-
q(
|
|
5020
|
-
}, [u,
|
|
5021
|
+
q(m, u), I(!!u);
|
|
5022
|
+
}, [u, m, q]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${h || ""}`, children: [
|
|
5021
5023
|
/* @__PURE__ */ e.jsxs(
|
|
5022
5024
|
"div",
|
|
5023
5025
|
{
|
|
@@ -5053,18 +5055,18 @@ const Qn = ne.forwardRef(
|
|
|
5053
5055
|
onFocus: T,
|
|
5054
5056
|
onBlur: Y,
|
|
5055
5057
|
onKeyDown: F,
|
|
5056
|
-
autoFocus:
|
|
5058
|
+
autoFocus: _,
|
|
5057
5059
|
"aria-invalid": w,
|
|
5058
5060
|
"aria-describedby": w ? `${d}-error` : void 0
|
|
5059
5061
|
}
|
|
5060
5062
|
),
|
|
5061
|
-
|
|
5063
|
+
x && /* @__PURE__ */ e.jsx(
|
|
5062
5064
|
"label",
|
|
5063
5065
|
{
|
|
5064
5066
|
htmlFor: S,
|
|
5065
5067
|
onClick: L,
|
|
5066
5068
|
className: `input-field__input-container__label input-field__text-area__label ${N ? "input-field__input-container__label_filled" : ""}`,
|
|
5067
|
-
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children:
|
|
5069
|
+
children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
|
|
5068
5070
|
}
|
|
5069
5071
|
)
|
|
5070
5072
|
] }),
|
|
@@ -5083,7 +5085,7 @@ const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
|
|
|
5083
5085
|
n(h), a(!0);
|
|
5084
5086
|
}, [n]), u = k((h) => {
|
|
5085
5087
|
t(h), a(!1);
|
|
5086
|
-
}, [t]),
|
|
5088
|
+
}, [t]), x = k(() => {
|
|
5087
5089
|
a(!1), l();
|
|
5088
5090
|
}, []);
|
|
5089
5091
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
@@ -5102,7 +5104,7 @@ const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
|
|
|
5102
5104
|
/* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(Ur, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Yr, { setHours: d }) }),
|
|
5103
5105
|
/* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
|
|
5104
5106
|
/* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Rn, {}) }),
|
|
5105
|
-
/* @__PURE__ */ e.jsx(ce, { className: "little", onClick:
|
|
5107
|
+
/* @__PURE__ */ e.jsx(ce, { className: "little", onClick: x, children: "Cancel" }),
|
|
5106
5108
|
/* @__PURE__ */ e.jsx(ce, { className: "little", onClick: o, children: "OK" })
|
|
5107
5109
|
] })
|
|
5108
5110
|
] });
|
|
@@ -5211,28 +5213,28 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5211
5213
|
disabled: a = !1,
|
|
5212
5214
|
errorText: d,
|
|
5213
5215
|
helperText: u,
|
|
5214
|
-
ariaLabel:
|
|
5216
|
+
ariaLabel: x,
|
|
5215
5217
|
size: h = "medium",
|
|
5216
|
-
ariaLabelledby:
|
|
5218
|
+
ariaLabelledby: m,
|
|
5217
5219
|
placeholder: j,
|
|
5218
5220
|
onBlur: f,
|
|
5219
5221
|
onFocus: p,
|
|
5220
|
-
style:
|
|
5222
|
+
style: _,
|
|
5221
5223
|
...b
|
|
5222
5224
|
}) => {
|
|
5223
5225
|
const [y, v] = g(s), [M, F] = g(!1), [B, A] = g(!1), [w, z] = g(!!s), D = Be(), E = o || !!d;
|
|
5224
5226
|
O(() => {
|
|
5225
5227
|
v(s);
|
|
5226
5228
|
}, [s]);
|
|
5227
|
-
const N = k(() => E || l && !y ? "error" : "", [y, E, l]), I = (
|
|
5228
|
-
const H = String(
|
|
5229
|
+
const N = k(() => E || l && !y ? "error" : "", [y, E, l]), I = (C, $) => {
|
|
5230
|
+
const H = String(C).padStart(2, "0"), K = String($).padStart(2, "0"), J = `${H}:${K}`;
|
|
5229
5231
|
v(J), t == null || t(J);
|
|
5230
5232
|
}, S = () => {
|
|
5231
5233
|
a || F(!0);
|
|
5232
|
-
}, L = (
|
|
5233
|
-
p == null || p(
|
|
5234
|
-
}, T = (
|
|
5235
|
-
f == null || f(
|
|
5234
|
+
}, L = (C) => {
|
|
5235
|
+
p == null || p(C), A(!0);
|
|
5236
|
+
}, T = (C) => {
|
|
5237
|
+
f == null || f(C), A(!1), z(!!C.target.value);
|
|
5236
5238
|
};
|
|
5237
5239
|
O(() => {
|
|
5238
5240
|
z(!!s);
|
|
@@ -5269,7 +5271,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5269
5271
|
${a ? "input-field_disabled" : ""}
|
|
5270
5272
|
`,
|
|
5271
5273
|
"aria-disabled": a,
|
|
5272
|
-
style:
|
|
5274
|
+
style: _,
|
|
5273
5275
|
children: [
|
|
5274
5276
|
/* @__PURE__ */ e.jsx(
|
|
5275
5277
|
"div",
|
|
@@ -5279,11 +5281,11 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5279
5281
|
"aria-label": "Открыть пикер времени",
|
|
5280
5282
|
role: "button",
|
|
5281
5283
|
tabIndex: a ? -1 : 0,
|
|
5282
|
-
onKeyDown: (
|
|
5284
|
+
onKeyDown: (C) => C.key === "Enter" && S(),
|
|
5283
5285
|
children: /* @__PURE__ */ e.jsx(en, {})
|
|
5284
5286
|
}
|
|
5285
5287
|
),
|
|
5286
|
-
/* @__PURE__ */ e.jsxs("div", { "aria-label":
|
|
5288
|
+
/* @__PURE__ */ e.jsxs("div", { "aria-label": x, className: "input-field__input-container", onClick: S, children: [
|
|
5287
5289
|
/* @__PURE__ */ e.jsx(
|
|
5288
5290
|
"input",
|
|
5289
5291
|
{
|
|
@@ -5296,7 +5298,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
|
|
|
5296
5298
|
onBlur: T,
|
|
5297
5299
|
onFocus: L,
|
|
5298
5300
|
disabled: a,
|
|
5299
|
-
"aria-labelledby":
|
|
5301
|
+
"aria-labelledby": m,
|
|
5300
5302
|
"aria-invalid": E,
|
|
5301
5303
|
"aria-describedby": E && d ? `${r}-error` : u ? `${r}-helper` : void 0
|
|
5302
5304
|
}
|
|
@@ -5338,16 +5340,16 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
|
|
|
5338
5340
|
}, [t.value]);
|
|
5339
5341
|
const a = (h) => {
|
|
5340
5342
|
s(Number(h.target.value)), t.onChange && t.onChange(h);
|
|
5341
|
-
}, d = (h,
|
|
5343
|
+
}, d = (h, m, j) => {
|
|
5342
5344
|
if (o.current && c.current) {
|
|
5343
5345
|
let f = Ye(c.current);
|
|
5344
5346
|
if (f)
|
|
5345
|
-
return Qr(h,
|
|
5347
|
+
return Qr(h, m, j, 0, j - m) * (f.width - 20) / (j - m);
|
|
5346
5348
|
}
|
|
5347
5349
|
return 0;
|
|
5348
5350
|
}, u = k((h) => {
|
|
5349
5351
|
l(!0), t.onFocus && t.onFocus(h);
|
|
5350
|
-
}, [t.onFocus]),
|
|
5352
|
+
}, [t.onFocus]), x = k((h) => {
|
|
5351
5353
|
l(!1), t.onBlur && t.onBlur(h);
|
|
5352
5354
|
}, [t.onBlur]);
|
|
5353
5355
|
return /* @__PURE__ */ e.jsx("div", { className: `range ${t.disabled ? "disabled" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: t.style, children: [
|
|
@@ -5357,7 +5359,7 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
|
|
|
5357
5359
|
/* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
|
|
5358
5360
|
/* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: r })
|
|
5359
5361
|
] }) }) }),
|
|
5360
|
-
/* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: c, step: t.step, type: "range", min: t.min ?? Ke, max: t.max ?? qe, onChange: a, value: r, onFocus: u, onBlur:
|
|
5362
|
+
/* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: c, step: t.step, type: "range", min: t.min ?? Ke, max: t.max ?? qe, onChange: a, value: r, onFocus: u, onBlur: x })
|
|
5361
5363
|
] }),
|
|
5362
5364
|
t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? qe }) : null
|
|
5363
5365
|
] }) });
|
|
@@ -5366,11 +5368,11 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
|
|
|
5366
5368
|
t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
|
|
5367
5369
|
o ? /* @__PURE__ */ e.jsx(ye, { styleType: o.styleType ?? "filled", style: o.style, className: o.className, onClick: o.onClick, children: o.text }) : null
|
|
5368
5370
|
] }), es = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: o }) => {
|
|
5369
|
-
const [c, a] = g(""), [d, u] = g(""), [
|
|
5371
|
+
const [c, a] = g(""), [d, u] = g(""), [x, h] = g(!1), [m, j] = g(!0), f = k((y, v) => {
|
|
5370
5372
|
s({ ...r, [v]: y });
|
|
5371
5373
|
}, [s, r]), p = k(() => {
|
|
5372
5374
|
u(""), a(""), h(!1);
|
|
5373
|
-
}, []),
|
|
5375
|
+
}, []), _ = k(() => {
|
|
5374
5376
|
let y = d;
|
|
5375
5377
|
try {
|
|
5376
5378
|
o || (y = JSON.parse(y));
|
|
@@ -5387,18 +5389,18 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
|
|
|
5387
5389
|
t,
|
|
5388
5390
|
":",
|
|
5389
5391
|
"{",
|
|
5390
|
-
|
|
5392
|
+
m ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
|
|
5391
5393
|
] }),
|
|
5392
5394
|
n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => h(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
|
|
5393
5395
|
] }),
|
|
5394
|
-
|
|
5396
|
+
m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
|
|
5395
5397
|
(y, v) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => b(y), onChange: (M) => f(M, y), name: y, data: r[y] }) }, v)
|
|
5396
5398
|
) : null }) : null,
|
|
5397
|
-
|
|
5399
|
+
x && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
|
|
5398
5400
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "key", onChange: (y) => a(y.target.value), className: "json-base-data-input", type: "text", value: c }) }),
|
|
5399
5401
|
":",
|
|
5400
5402
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (y) => u(y.target.value), className: "json-base-data-input", type: "text", value: d }) }),
|
|
5401
|
-
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick:
|
|
5403
|
+
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: _, children: "save" }),
|
|
5402
5404
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: p, children: "cancel" })
|
|
5403
5405
|
] }) : null,
|
|
5404
5406
|
/* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
|
|
@@ -5407,34 +5409,34 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
|
|
|
5407
5409
|
] })
|
|
5408
5410
|
] }) });
|
|
5409
5411
|
}, ns = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: o }) => {
|
|
5410
|
-
const [c, a] = g(""), [d, u] = g(!1), [
|
|
5412
|
+
const [c, a] = g(""), [d, u] = g(!1), [x, h] = g(!0), m = k((_, b) => {
|
|
5411
5413
|
const y = r.slice();
|
|
5412
|
-
y[b] =
|
|
5414
|
+
y[b] = _, s(y);
|
|
5413
5415
|
}, [s, r]), j = k(() => {
|
|
5414
5416
|
a(""), u(!1);
|
|
5415
5417
|
}, []), f = k(() => {
|
|
5416
|
-
let
|
|
5418
|
+
let _ = c;
|
|
5417
5419
|
try {
|
|
5418
|
-
o || (
|
|
5420
|
+
o || (_ = JSON.parse(_));
|
|
5419
5421
|
} catch {
|
|
5420
5422
|
}
|
|
5421
|
-
j(), s([...r,
|
|
5422
|
-
}, [r, s, c, j]), p = k((
|
|
5423
|
-
s(r.filter((b, y) => y !==
|
|
5423
|
+
j(), s([...r, _]);
|
|
5424
|
+
}, [r, s, c, j]), p = k((_) => {
|
|
5425
|
+
s(r.filter((b, y) => y !== _));
|
|
5424
5426
|
}, [r, s]);
|
|
5425
5427
|
return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
|
|
5426
5428
|
/* @__PURE__ */ e.jsxs("div", { className: "json-line json-object-header", children: [
|
|
5427
|
-
/* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => h((
|
|
5429
|
+
/* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => h((_) => !_), children: [
|
|
5428
5430
|
t,
|
|
5429
5431
|
":",
|
|
5430
5432
|
"[",
|
|
5431
|
-
|
|
5433
|
+
x ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
|
|
5432
5434
|
] }),
|
|
5433
5435
|
n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => u(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
|
|
5434
5436
|
] }),
|
|
5435
|
-
|
|
5437
|
+
x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((_, b) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => p(b), onChange: (y) => m(y, b), name: String(b), data: _ }) }, b)) }) : null,
|
|
5436
5438
|
d ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
|
|
5437
|
-
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "value", onChange: (
|
|
5439
|
+
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "value", onChange: (_) => a(_.target.value), className: "json-base-data-input", type: "text", value: c }) }),
|
|
5438
5440
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: f, children: "save" }),
|
|
5439
5441
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: j, children: "cancel" })
|
|
5440
5442
|
] }) : null,
|
|
@@ -5458,11 +5460,11 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
|
|
|
5458
5460
|
};
|
|
5459
5461
|
var et = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(et || {});
|
|
5460
5462
|
const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l, onlyStringValue: o }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ts, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(ns, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "ARRAY", onlyStringValue: o }) : /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: o }) : null, qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = et.NONE, onlyStringValue: o }) => {
|
|
5461
|
-
const [c, a] = g(r || void 0), [d, u] = g(""),
|
|
5463
|
+
const [c, a] = g(r || void 0), [d, u] = g(""), x = k((j) => {
|
|
5462
5464
|
n || (a(j), s && s(j));
|
|
5463
5465
|
}, [s]), h = k(() => {
|
|
5464
5466
|
n || (a(void 0), i && i());
|
|
5465
|
-
}, [i]),
|
|
5467
|
+
}, [i]), m = k(() => {
|
|
5466
5468
|
if (n)
|
|
5467
5469
|
return;
|
|
5468
5470
|
let j = d;
|
|
@@ -5476,18 +5478,18 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5476
5478
|
a(r);
|
|
5477
5479
|
}, [r]), !c && n ? /* @__PURE__ */ e.jsx("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: "value" }) }) : c ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
5478
5480
|
/* @__PURE__ */ e.jsx(cn, { transparent: !0, text: JSON.stringify(r) }),
|
|
5479
|
-
/* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange:
|
|
5481
|
+
/* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: x, data: c, baseType: l, name: t, onlyStringValue: o })
|
|
5480
5482
|
] }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
|
|
5481
5483
|
/* @__PURE__ */ e.jsx(cn, { transparent: !0, text: JSON.stringify(r) }),
|
|
5482
5484
|
/* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (j) => u(j.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
|
|
5483
|
-
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick:
|
|
5485
|
+
/* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: m, children: "save" })
|
|
5484
5486
|
] });
|
|
5485
5487
|
}, Js = ({ btn: n, btnComponent: t, onSearch: r, placeholder: s, autoChenge: i, border: l = !1 }) => {
|
|
5486
|
-
const o = G(null), [c, a] = g(""), [d, u] = g(!1),
|
|
5488
|
+
const o = G(null), [c, a] = g(""), [d, u] = g(!1), x = () => {
|
|
5487
5489
|
o.current && (o.current.focus(), u(!0));
|
|
5488
5490
|
}, h = () => {
|
|
5489
5491
|
o.current && (o.current.focus(), o.current.value = ""), a(""), u(!0), i && r("");
|
|
5490
|
-
},
|
|
5492
|
+
}, m = () => {
|
|
5491
5493
|
h(), o.current && (o.current.blur(), u(!1));
|
|
5492
5494
|
}, j = (p) => {
|
|
5493
5495
|
a(p.target.value), i && r(p.target.value);
|
|
@@ -5495,9 +5497,9 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5495
5497
|
p.code === "Enter" && r(c);
|
|
5496
5498
|
};
|
|
5497
5499
|
return /* @__PURE__ */ e.jsx("div", { className: `search-container ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
|
|
5498
|
-
d ? /* @__PURE__ */ e.jsx("span", { onClick:
|
|
5500
|
+
d ? /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(nn, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
|
|
5499
5501
|
/* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: o, onChange: j, onKeyDown: f, value: c, onFocus: () => u(!0) }),
|
|
5500
|
-
d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick:
|
|
5502
|
+
d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(tn, {}) })
|
|
5501
5503
|
] }) });
|
|
5502
5504
|
}, rs = ({
|
|
5503
5505
|
filters: n,
|
|
@@ -5515,7 +5517,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5515
5517
|
return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
|
|
5516
5518
|
}, [s, i]), !s) return null;
|
|
5517
5519
|
const c = (d, u) => {
|
|
5518
|
-
const
|
|
5520
|
+
const x = t[d] || [], h = x.includes(u) ? x.filter((m) => m !== u) : [...x, u];
|
|
5519
5521
|
r({
|
|
5520
5522
|
...t,
|
|
5521
5523
|
[d]: h
|
|
@@ -5525,8 +5527,8 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5525
5527
|
left: `${l.x}px`,
|
|
5526
5528
|
zIndex: 1e3
|
|
5527
5529
|
};
|
|
5528
|
-
return /* @__PURE__ */ e.jsx(We, { onHide: i, children: /* @__PURE__ */ e.jsx(pr, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: o, children: n.map(({ name: d, options: u },
|
|
5529
|
-
|
|
5530
|
+
return /* @__PURE__ */ e.jsx(We, { onHide: i, children: /* @__PURE__ */ e.jsx(pr, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: o, children: n.map(({ name: d, options: u }, x) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
|
|
5531
|
+
x !== 0 && /* @__PURE__ */ e.jsx(se, {}),
|
|
5530
5532
|
/* @__PURE__ */ e.jsx(U, { type: "title-2", weight: "bold", children: d }),
|
|
5531
5533
|
/* @__PURE__ */ e.jsx("div", { className: "filter-block", children: u.map((h) => /* @__PURE__ */ e.jsxs("label", { className: "filter-field", children: [
|
|
5532
5534
|
/* @__PURE__ */ e.jsx(
|
|
@@ -5549,19 +5551,19 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5549
5551
|
onChangeFilter: l,
|
|
5550
5552
|
border: o = !1
|
|
5551
5553
|
}) => {
|
|
5552
|
-
const c = G(null), [a, d] = g(""), [u,
|
|
5553
|
-
c.current && (c.current.focus(),
|
|
5554
|
+
const c = G(null), [a, d] = g(""), [u, x] = g(!1), [h, m] = g(null), j = () => {
|
|
5555
|
+
c.current && (c.current.focus(), x(!0));
|
|
5554
5556
|
}, f = () => {
|
|
5555
|
-
c.current && (c.current.focus(), c.current.value = ""), d(""),
|
|
5557
|
+
c.current && (c.current.focus(), c.current.value = ""), d(""), x(!0), r && n("");
|
|
5556
5558
|
}, p = () => {
|
|
5557
|
-
f(), c.current && (c.current.blur(),
|
|
5558
|
-
},
|
|
5559
|
+
f(), c.current && (c.current.blur(), x(!1));
|
|
5560
|
+
}, _ = (v) => {
|
|
5559
5561
|
d(v.target.value), r && n(v.target.value);
|
|
5560
5562
|
}, b = (v) => {
|
|
5561
5563
|
v.code === "Enter" && n(a);
|
|
5562
5564
|
}, y = (v) => {
|
|
5563
5565
|
const M = v.currentTarget.getBoundingClientRect();
|
|
5564
|
-
|
|
5566
|
+
m({
|
|
5565
5567
|
x: M.left,
|
|
5566
5568
|
y: M.bottom
|
|
5567
5569
|
// ниже элемента
|
|
@@ -5570,10 +5572,10 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5570
5572
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
5571
5573
|
/* @__PURE__ */ e.jsx("div", { className: `search-container ${o ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
|
|
5572
5574
|
u ? /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(nn, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: y, children: /* @__PURE__ */ e.jsx(On, {}) }),
|
|
5573
|
-
/* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange:
|
|
5575
|
+
/* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: _, onKeyDown: b, value: a, onFocus: () => x(!0) }),
|
|
5574
5576
|
u ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(tn, {}) })
|
|
5575
5577
|
] }) }),
|
|
5576
|
-
/* @__PURE__ */ e.jsx(_e, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () =>
|
|
5578
|
+
/* @__PURE__ */ e.jsx(_e, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => m(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
|
|
5577
5579
|
] });
|
|
5578
5580
|
}, ss = ({ visible: n, text: t, option: r }) => {
|
|
5579
5581
|
const [s, i] = g(n), [l, o] = g(!1);
|
|
@@ -5612,15 +5614,15 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5612
5614
|
onContextMenu: a,
|
|
5613
5615
|
...d
|
|
5614
5616
|
}) => {
|
|
5615
|
-
const u = G(null),
|
|
5617
|
+
const u = G(null), x = G(null), [h, m] = g(!1), j = n === "heading" || n === "title" || n === "title-2", f = j ? "h3" : "span", p = {
|
|
5616
5618
|
fontSize: bn(n, t),
|
|
5617
5619
|
fontWeight: kn(n, r),
|
|
5618
5620
|
lineHeight: yn(n, s, t),
|
|
5619
5621
|
...o
|
|
5620
|
-
},
|
|
5621
|
-
if (!u.current || !
|
|
5622
|
-
const y = u.current.clientWidth, v =
|
|
5623
|
-
|
|
5622
|
+
}, _ = j ? "typography-heading" : "typography-text", b = k(() => {
|
|
5623
|
+
if (!u.current || !x.current) return;
|
|
5624
|
+
const y = u.current.clientWidth, v = x.current.scrollWidth;
|
|
5625
|
+
m(y < v);
|
|
5624
5626
|
}, [l]);
|
|
5625
5627
|
return O(() => (b(), window.addEventListener("resize", b), () => {
|
|
5626
5628
|
window.removeEventListener("resize", b);
|
|
@@ -5637,7 +5639,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5637
5639
|
{
|
|
5638
5640
|
...d,
|
|
5639
5641
|
style: p,
|
|
5640
|
-
className: `${
|
|
5642
|
+
className: `${_} ${i}`,
|
|
5641
5643
|
children: h ? `| ${l} | ${l}` : l
|
|
5642
5644
|
}
|
|
5643
5645
|
)
|
|
@@ -5646,7 +5648,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5646
5648
|
/* @__PURE__ */ e.jsx(
|
|
5647
5649
|
"div",
|
|
5648
5650
|
{
|
|
5649
|
-
ref:
|
|
5651
|
+
ref: x,
|
|
5650
5652
|
style: {
|
|
5651
5653
|
position: "absolute",
|
|
5652
5654
|
visibility: "hidden",
|
|
@@ -5654,7 +5656,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5654
5656
|
whiteSpace: "nowrap",
|
|
5655
5657
|
...p
|
|
5656
5658
|
},
|
|
5657
|
-
className: `${
|
|
5659
|
+
className: `${_} ${i}`,
|
|
5658
5660
|
children: l
|
|
5659
5661
|
}
|
|
5660
5662
|
)
|
|
@@ -5680,16 +5682,16 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5680
5682
|
border: a,
|
|
5681
5683
|
name: d,
|
|
5682
5684
|
error: u,
|
|
5683
|
-
onBlur:
|
|
5685
|
+
onBlur: x,
|
|
5684
5686
|
onFocus: h,
|
|
5685
|
-
container:
|
|
5687
|
+
container: m = document.body,
|
|
5686
5688
|
size: j = "medium",
|
|
5687
5689
|
transparent: f,
|
|
5688
5690
|
helperText: p,
|
|
5689
|
-
errorText:
|
|
5691
|
+
errorText: _,
|
|
5690
5692
|
disabled: b
|
|
5691
5693
|
}, y) => {
|
|
5692
|
-
const [v, M] = g(""), [F, B] = g({ x: 0, y: 0, width: 100 }), [A, w] = g(!1), z = !!(u ||
|
|
5694
|
+
const [v, M] = g(""), [F, B] = g({ x: 0, y: 0, width: 100 }), [A, w] = g(!1), z = !!(u || _);
|
|
5693
5695
|
O(() => {
|
|
5694
5696
|
M(pn(s, l ?? ""));
|
|
5695
5697
|
}, [l, s]);
|
|
@@ -5727,15 +5729,15 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
|
|
|
5727
5729
|
name: d,
|
|
5728
5730
|
value: v,
|
|
5729
5731
|
onFocus: h,
|
|
5730
|
-
onBlur:
|
|
5732
|
+
onBlur: x,
|
|
5731
5733
|
readOnly: !0
|
|
5732
5734
|
}
|
|
5733
5735
|
),
|
|
5734
5736
|
/* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: o ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: o }) : null })
|
|
5735
5737
|
] }) }),
|
|
5736
|
-
z &&
|
|
5738
|
+
z && _ && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: _ }),
|
|
5737
5739
|
p && !z && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: p }),
|
|
5738
|
-
/* @__PURE__ */ e.jsx(Pn, { marginBottom: r === ee.MOBILE ? 80 : 0, width: F.width, screensize: r, x: F.x, y: F.y, onHide: () => w(!1), container:
|
|
5740
|
+
/* @__PURE__ */ e.jsx(Pn, { marginBottom: r === ee.MOBILE ? 80 : 0, width: F.width, screensize: r, x: F.x, y: F.y, onHide: () => w(!1), container: m, blocks: [{ items: s.map(E) }], visible: A })
|
|
5739
5741
|
] });
|
|
5740
5742
|
}
|
|
5741
5743
|
);
|
|
@@ -5883,10 +5885,10 @@ const fe = (n) => {
|
|
|
5883
5885
|
error: c(),
|
|
5884
5886
|
change: i
|
|
5885
5887
|
};
|
|
5886
|
-
},
|
|
5888
|
+
}, ms = (n) => {
|
|
5887
5889
|
const { value: t, change: r, error: s } = fe(n.name);
|
|
5888
5890
|
return /* @__PURE__ */ e.jsx(Gr, { ...n, onChange: r, value: String(t), errorText: s, error: !!s });
|
|
5889
|
-
},
|
|
5891
|
+
}, xs = (n) => {
|
|
5890
5892
|
const { value: t, change: r, error: s } = fe(n.name);
|
|
5891
5893
|
return /* @__PURE__ */ e.jsx(Jn, { ...n, value: Number(t), onChange: r, errorText: s, error: !!s });
|
|
5892
5894
|
}, fs = (n) => {
|
|
@@ -5968,31 +5970,31 @@ const fe = (n) => {
|
|
|
5968
5970
|
);
|
|
5969
5971
|
}, bs = ve(
|
|
5970
5972
|
function({ children: t, value: r, name: s, errors: i, onFinish: l, onChangeValue: o, ...c }, a) {
|
|
5971
|
-
const [d, u] = g(r),
|
|
5972
|
-
|
|
5973
|
-
}, [l, d]), h = k((
|
|
5973
|
+
const [d, u] = g(r), x = k((m) => {
|
|
5974
|
+
m.preventDefault(), l == null || l(d);
|
|
5975
|
+
}, [l, d]), h = k((m, j) => {
|
|
5974
5976
|
u((f) => ({
|
|
5975
5977
|
...f,
|
|
5976
|
-
[
|
|
5977
|
-
})), o == null || o(
|
|
5978
|
+
[m]: j
|
|
5979
|
+
})), o == null || o(m, j);
|
|
5978
5980
|
}, [o]);
|
|
5979
5981
|
return ht(a, () => ({
|
|
5980
5982
|
submit: () => l == null ? void 0 : l(d),
|
|
5981
|
-
setFieldValue: (
|
|
5982
|
-
u((f) => ({ ...f, [
|
|
5983
|
+
setFieldValue: (m, j) => {
|
|
5984
|
+
u((f) => ({ ...f, [m]: j }));
|
|
5983
5985
|
},
|
|
5984
|
-
setValues: (
|
|
5986
|
+
setValues: (m) => u(m),
|
|
5985
5987
|
getValues: () => d,
|
|
5986
5988
|
reset: () => u(r)
|
|
5987
|
-
}), [l, d, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: d, changeField: h, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit:
|
|
5989
|
+
}), [l, d, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: d, changeField: h, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: x, noValidate: !0, ...c, children: t }) });
|
|
5988
5990
|
}
|
|
5989
5991
|
), si = Object.assign(bs, {
|
|
5990
5992
|
TextInput: _s,
|
|
5991
|
-
NumberInput:
|
|
5993
|
+
NumberInput: xs,
|
|
5992
5994
|
SelectInput: fs,
|
|
5993
5995
|
SwitchField: js,
|
|
5994
5996
|
SwitchButtonField: ps,
|
|
5995
|
-
MoreTextField:
|
|
5997
|
+
MoreTextField: ms,
|
|
5996
5998
|
TextArea: Cs,
|
|
5997
5999
|
DateField: vs,
|
|
5998
6000
|
TimeField: gs
|
|
@@ -6013,7 +6015,7 @@ export {
|
|
|
6013
6015
|
vn as BottomSheetsUi,
|
|
6014
6016
|
ye as Button,
|
|
6015
6017
|
Sn as Calendar,
|
|
6016
|
-
|
|
6018
|
+
xr as Card,
|
|
6017
6019
|
pe as Check,
|
|
6018
6020
|
Bn as Checkbox,
|
|
6019
6021
|
Ie as ChevronDown,
|
|
@@ -6097,6 +6099,7 @@ export {
|
|
|
6097
6099
|
Ps as ScrollContainer,
|
|
6098
6100
|
Js as Search,
|
|
6099
6101
|
Qs as SearchAndFilter,
|
|
6102
|
+
tn as SearchIcon,
|
|
6100
6103
|
Zn as SegmentedButton,
|
|
6101
6104
|
nt as SelectField,
|
|
6102
6105
|
hr as SelectionDialog,
|