@banzamel/mineralui 2.1.4 → 2.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/components/data/index.d.ts +1 -1
- package/dist/components/feedback/MToast/MToast.types.d.ts +8 -2
- package/dist/{dropdowns-DiThUF7D.js → dropdowns-BwAVoncd.js} +2 -2
- package/dist/dropdowns-BwAVoncd.js.map +1 -0
- package/dist/dropdowns-D5IF0TK7.cjs +2 -0
- package/dist/{dropdowns-DiThUF7D.js.map → dropdowns-D5IF0TK7.cjs.map} +1 -1
- package/dist/dropdowns.cjs +1 -1
- package/dist/dropdowns.js +1 -1
- package/dist/{feedback-4TjD57rX.cjs → feedback-BeJpXoKd.cjs} +2 -2
- package/dist/{feedback-4TjD57rX.cjs.map → feedback-BeJpXoKd.cjs.map} +1 -1
- package/dist/{feedback-DW-cehnb.js → feedback-CCwbdNZu.js} +2 -2
- package/dist/{feedback-DW-cehnb.js.map → feedback-CCwbdNZu.js.map} +1 -1
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +3 -3
- package/dist/{inputs-CQoi402V.js → inputs-B1LCddA4.js} +189 -150
- package/dist/inputs-B1LCddA4.js.map +1 -0
- package/dist/inputs-x6vjAGCq.cjs +2 -0
- package/dist/{inputs-yaaTPTsY.cjs.map → inputs-x6vjAGCq.cjs.map} +1 -1
- package/dist/inputs.cjs +1 -1
- package/dist/inputs.js +1 -1
- package/package.json +1 -1
- package/dist/dropdowns-bQ0cEKNN.cjs +0 -2
- package/dist/dropdowns-bQ0cEKNN.cjs.map +0 -1
- package/dist/inputs-CQoi402V.js.map +0 -1
- package/dist/inputs-yaaTPTsY.cjs +0 -2
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $n as e, Br as t, Fi as n, Gi as r, Gr as i, Jr as a, Ki as o, Ni as s, On as c, Ri as l, Xi as u, Xr as d, Yi as f, Yr as p, _i as m, _r as h, bi as g, ci as _, di as v, dr as y, fi as b, lr as x, mi as S, oi as C, pi as w, qr as T, ui as E, ur as D, zr as O } from "./icons-CBMl-kOM.js";
|
|
2
2
|
import { t as k } from "./cn-YER3QsV1.js";
|
|
3
3
|
import { S as A, _ as j, a as M, b as N, d as P, i as F, m as I, n as L, o as R, p as ee, r as z, s as B, u as V, v as H, y as te } from "./validators-DVYOtFnw.js";
|
|
4
|
-
import { a as U, i as ne, n as
|
|
5
|
-
import { a as
|
|
4
|
+
import { a as U, i as ne, n as re, r as ie } from "./creditCards-D_iWmtG6.js";
|
|
5
|
+
import { a as ae, c as W, d as oe, i as se, n as ce, o as le, r as ue, s as de, u as G } from "./formatters-T0vvjMtB.js";
|
|
6
6
|
import { t as fe } from "./useGhostText-DG0bzcao.js";
|
|
7
7
|
import { t as pe } from "./useInteractionEffect-DtpbVd77.js";
|
|
8
8
|
import { r as me, t as he } from "./MButton-C1pnL4_j.js";
|
|
9
9
|
import { t as ge } from "./MCheckbox-B7SpcD4H.js";
|
|
10
10
|
import { t as _e } from "./MSlider-CqrusKJQ.js";
|
|
11
11
|
import { n as ve, t as K } from "./MInput-C8ObGzQk.js";
|
|
12
|
-
import { forwardRef as q, isValidElement as ye, useCallback as J, useEffect as Y,
|
|
12
|
+
import { forwardRef as q, isValidElement as ye, useCallback as J, useEffect as Y, useLayoutEffect as be, useMemo as xe, useRef as X, useState as Z } from "react";
|
|
13
13
|
import { jsx as Q, jsxs as $ } from "react/jsx-runtime";
|
|
14
14
|
//#region src/components/inputs/MTextarea/MTextarea.tsx
|
|
15
|
-
var
|
|
15
|
+
var Se = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i, disabled: a = !1, readOnly: o = !1, required: s = !1, autoFocus: c = !1, rows: l = 3, autoResize: u = !1, minRows: d, maxRows: f, variant: p = "outlined", size: m = "md", color: h, fullWidth: g = !1, label: _, helperText: v, errorText: y, error: b = !1, success: x = !1, maxLength: S, showCharCount: C = !1, ghostOptions: w, ghostMinChars: T = 2, onGhostAccept: E, loading: D = !1, onChange: O, onFocus: A, onBlur: j, className: M, style: N, textareaClassName: P, labelClassName: F }, I) {
|
|
16
16
|
let [L, R] = Z(!1), ee = X(null), { currentValue: z, setCurrentValue: B } = ve(e, t), V = fe({
|
|
17
17
|
options: w ?? [],
|
|
18
18
|
value: z,
|
|
@@ -32,17 +32,17 @@ var xe = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
|
|
|
32
32
|
Y(() => {
|
|
33
33
|
ne();
|
|
34
34
|
}, [z, ne]);
|
|
35
|
-
let
|
|
35
|
+
let re = J((e) => {
|
|
36
36
|
R(!0), A?.(e);
|
|
37
|
-
}, [A]),
|
|
37
|
+
}, [A]), ie = J((e) => {
|
|
38
38
|
R(!1), j?.(e);
|
|
39
|
-
}, [j]),
|
|
39
|
+
}, [j]), ae = J((e) => {
|
|
40
40
|
B(e.target.value), O?.(e), V.reset();
|
|
41
41
|
}, [
|
|
42
42
|
O,
|
|
43
43
|
B,
|
|
44
44
|
V.reset
|
|
45
|
-
]),
|
|
45
|
+
]), W = J((e) => {
|
|
46
46
|
if (w && V.hint && V.onKeyDown(e)) {
|
|
47
47
|
let e = V.accept();
|
|
48
48
|
B(e.value), E?.(e.value);
|
|
@@ -83,10 +83,10 @@ var xe = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
|
|
|
83
83
|
maxLength: S,
|
|
84
84
|
value: z,
|
|
85
85
|
className: k("field", P),
|
|
86
|
-
onChange:
|
|
87
|
-
onFocus:
|
|
88
|
-
onBlur:
|
|
89
|
-
onKeyDown:
|
|
86
|
+
onChange: ae,
|
|
87
|
+
onFocus: re,
|
|
88
|
+
onBlur: ie,
|
|
89
|
+
onKeyDown: W,
|
|
90
90
|
"aria-invalid": H || void 0,
|
|
91
91
|
"aria-describedby": y ? `${r}-error` : v ? `${r}-helper` : void 0
|
|
92
92
|
}), L && V.hint && /* @__PURE__ */ $("span", {
|
|
@@ -113,9 +113,9 @@ var xe = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
|
|
|
113
113
|
maxLength: S,
|
|
114
114
|
value: z,
|
|
115
115
|
className: k("field", P),
|
|
116
|
-
onChange:
|
|
117
|
-
onFocus:
|
|
118
|
-
onBlur:
|
|
116
|
+
onChange: ae,
|
|
117
|
+
onFocus: re,
|
|
118
|
+
onBlur: ie,
|
|
119
119
|
"aria-invalid": H || void 0,
|
|
120
120
|
"aria-describedby": y ? `${r}-error` : v ? `${r}-helper` : void 0
|
|
121
121
|
}), D && /* @__PURE__ */ Q(me, {
|
|
@@ -149,17 +149,17 @@ var xe = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
|
|
|
149
149
|
});
|
|
150
150
|
//#endregion
|
|
151
151
|
//#region src/components/inputs/MInputPassword/MInputPassword.tsx
|
|
152
|
-
function
|
|
152
|
+
function Ce(e) {
|
|
153
153
|
let t = 0;
|
|
154
154
|
return e.length >= 8 && t++, e.length >= 12 && t++, /[a-z]/.test(e) && /[A-Z]/.test(e) && t++, /\d/.test(e) && t++, /[^a-zA-Z0-9]/.test(e) && t++, t <= 1 ? "weak" : t <= 2 ? "fair" : t <= 3 ? "good" : "strong";
|
|
155
155
|
}
|
|
156
|
-
var
|
|
156
|
+
var we = {
|
|
157
157
|
weak: "Weak",
|
|
158
158
|
fair: "Fair",
|
|
159
159
|
good: "Good",
|
|
160
160
|
strong: "Strong"
|
|
161
|
-
},
|
|
162
|
-
let [l, u] = Z(!1), [d, f] = Z(i?.toString() ?? ""), p = r === void 0 ? d : r.toString(), m =
|
|
161
|
+
}, Te = q(function({ showToggle: e = !0, showStrength: t = !1, onStrengthChange: n, value: r, defaultValue: i, onChange: a, className: o, ...s }, c) {
|
|
162
|
+
let [l, u] = Z(!1), [d, f] = Z(i?.toString() ?? ""), p = r === void 0 ? d : r.toString(), m = Ce(p);
|
|
163
163
|
Y(() => {
|
|
164
164
|
n?.(m);
|
|
165
165
|
}, [m, n]);
|
|
@@ -199,21 +199,21 @@ var Ce = {
|
|
|
199
199
|
].indexOf(m) + 1 && `strength-${m}`) }, e))
|
|
200
200
|
}), /* @__PURE__ */ Q("span", {
|
|
201
201
|
className: k("password strength label", `strength-${m}`),
|
|
202
|
-
children:
|
|
202
|
+
children: we[m]
|
|
203
203
|
})]
|
|
204
204
|
})]
|
|
205
205
|
});
|
|
206
206
|
});
|
|
207
207
|
//#endregion
|
|
208
208
|
//#region src/components/inputs/MInputNumber/MInputNumber.tsx
|
|
209
|
-
function
|
|
209
|
+
function Ee(e, t, n) {
|
|
210
210
|
return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
|
|
211
211
|
}
|
|
212
|
-
function
|
|
212
|
+
function De(e, t) {
|
|
213
213
|
let n = 10 ** t;
|
|
214
214
|
return Math.round(e * n) / n;
|
|
215
215
|
}
|
|
216
|
-
var
|
|
216
|
+
var Oe = q(function({ min: e, max: t, step: n = 1, showStepper: i = !0, precision: a = 0, allowNegative: s = !0, onValueChange: c, value: l, defaultValue: u, onChange: d, onKeyDown: f, onBlur: p, disabled: m = !1, className: h, ...g }, _) {
|
|
217
217
|
let [v, y] = Z(u?.toString() ?? ""), b = l === void 0 ? v : l.toString(), x = X(null), S = X(b);
|
|
218
218
|
Y(() => {
|
|
219
219
|
S.current = b;
|
|
@@ -223,7 +223,7 @@ var De = q(function({ min: e, max: t, step: n = 1, showStepper: i = !0, precisio
|
|
|
223
223
|
let t = parseFloat(e);
|
|
224
224
|
c?.(isNaN(t) ? null : t);
|
|
225
225
|
}, [l, c]), w = J((r) => {
|
|
226
|
-
let i = Ee(
|
|
226
|
+
let i = De(Ee((parseFloat(S.current) || 0) + n * r, e, t), a);
|
|
227
227
|
S.current = i.toString(), C(i.toString());
|
|
228
228
|
}, [
|
|
229
229
|
n,
|
|
@@ -247,7 +247,7 @@ var De = q(function({ min: e, max: t, step: n = 1, showStepper: i = !0, precisio
|
|
|
247
247
|
]), O = J((n) => {
|
|
248
248
|
let r = parseFloat(S.current);
|
|
249
249
|
if (!isNaN(r)) {
|
|
250
|
-
let n = Ee(
|
|
250
|
+
let n = De(Ee(r, e, t), a);
|
|
251
251
|
S.current = n.toString(), C(n.toString());
|
|
252
252
|
}
|
|
253
253
|
p?.(n);
|
|
@@ -300,7 +300,7 @@ var De = q(function({ min: e, max: t, step: n = 1, showStepper: i = !0, precisio
|
|
|
300
300
|
disabled: m,
|
|
301
301
|
className: k("number input", h)
|
|
302
302
|
});
|
|
303
|
-
}),
|
|
303
|
+
}), ke = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showValidIcon: r = !0, onValidationChange: i, value: a, defaultValue: o, onChange: s, onBlur: c, error: l, errorText: u, success: d, placeholder: p = "email@example.com", ...m }, h) {
|
|
304
304
|
let [g, _] = Z(o?.toString() ?? ""), [v, y] = Z({ valid: !0 }), [b, x] = Z(!1), S = a === void 0 ? g : a.toString(), C = J((e) => {
|
|
305
305
|
let t = R(e);
|
|
306
306
|
return y(t), i?.(t), t;
|
|
@@ -336,7 +336,7 @@ var De = q(function({ min: e, max: t, step: n = 1, showStepper: i = !0, precisio
|
|
|
336
336
|
startIcon: /* @__PURE__ */ Q(n, {}),
|
|
337
337
|
endIcon: k
|
|
338
338
|
});
|
|
339
|
-
}),
|
|
339
|
+
}), Ae = ["http", "https"], je = q(function({ protocols: e = Ae, requireProtocol: t = !0, formatOnBlur: n = !1, validateOnBlur: r = !0, validateOnChange: i = !1, showValidIcon: a = !0, onValidationChange: o, value: s, defaultValue: l, onChange: u, onBlur: d, error: p, errorText: m, success: h, placeholder: g = "https://example.com", ..._ }, v) {
|
|
340
340
|
let [y, b] = Z(l?.toString() ?? ""), [x, S] = Z({ valid: !0 }), [C, w] = Z(!1), T = s === void 0 ? y : s.toString(), E = J((n) => {
|
|
341
341
|
let r = j(n, {
|
|
342
342
|
protocols: e,
|
|
@@ -385,7 +385,7 @@ var De = q(function({ min: e, max: t, step: n = 1, showStepper: i = !0, precisio
|
|
|
385
385
|
startIcon: /* @__PURE__ */ Q(c, {}),
|
|
386
386
|
endIcon: N
|
|
387
387
|
});
|
|
388
|
-
}),
|
|
388
|
+
}), Me = {
|
|
389
389
|
PL: "+48",
|
|
390
390
|
DE: "+49",
|
|
391
391
|
US: "+1",
|
|
@@ -393,33 +393,33 @@ var De = q(function({ min: e, max: t, step: n = 1, showStepper: i = !0, precisio
|
|
|
393
393
|
FR: "+33",
|
|
394
394
|
CZ: "+420",
|
|
395
395
|
SK: "+421"
|
|
396
|
-
},
|
|
397
|
-
function
|
|
396
|
+
}, Ne = Object.entries(Me).sort(([, e], [, t]) => t.length - e.length);
|
|
397
|
+
function Pe(e) {
|
|
398
398
|
let t = e.trim().replace(/^00/, "+");
|
|
399
399
|
if (!t.startsWith("+")) return null;
|
|
400
400
|
let n = "+" + G(t);
|
|
401
|
-
for (let [e, t] of
|
|
401
|
+
for (let [e, t] of Ne) if (n.startsWith(t)) return {
|
|
402
402
|
country: e,
|
|
403
403
|
rest: n.slice(t.length)
|
|
404
404
|
};
|
|
405
405
|
return null;
|
|
406
406
|
}
|
|
407
|
-
function
|
|
407
|
+
function Fe(e) {
|
|
408
408
|
let t = e.trim();
|
|
409
409
|
return !t.startsWith("+") && !t.startsWith("00") ? !1 : G(t.startsWith("00") ? "+" + t.slice(2) : t).length <= 3;
|
|
410
410
|
}
|
|
411
|
-
function
|
|
411
|
+
function Ie(e) {
|
|
412
412
|
let t = e.trim();
|
|
413
413
|
return "+" + G(t.startsWith("00") ? t.slice(2) : t.slice(1)).slice(0, 3);
|
|
414
414
|
}
|
|
415
|
-
var
|
|
415
|
+
var Le = q(function({ countryCode: e, defaultCountryCode: t = "PL", showCountryCode: n = !0, formatOnChange: r = !0, validateOnBlur: i = !0, onValidationChange: a, onValueChange: o, onCountryChange: c, onClear: l, value: u, defaultValue: d, onChange: f, onBlur: p, error: m, errorText: h, placeholder: g = "123 456 789", className: _, ...v }, y) {
|
|
416
416
|
let [b, x] = Z((e ?? t).toUpperCase()), [S, C] = Z(d?.toString() ?? ""), [w, T] = Z({ valid: !0 }), [E, D] = Z(!1), O = (e ?? b).toUpperCase(), A = u === void 0 ? S : u.toString(), j = J((t) => {
|
|
417
417
|
let n = t.target.value;
|
|
418
418
|
if (n === "") {
|
|
419
419
|
u === void 0 && C(""), o?.("", ""), f?.(t);
|
|
420
420
|
return;
|
|
421
421
|
}
|
|
422
|
-
let i =
|
|
422
|
+
let i = Pe(n);
|
|
423
423
|
if (i) {
|
|
424
424
|
let n = i.country;
|
|
425
425
|
e === void 0 && n !== O && (x(n), c?.(n));
|
|
@@ -427,8 +427,8 @@ var Ie = q(function({ countryCode: e, defaultCountryCode: t = "PL", showCountryC
|
|
|
427
427
|
u === void 0 && C(s), o?.(a, s), f?.(t);
|
|
428
428
|
return;
|
|
429
429
|
}
|
|
430
|
-
if (
|
|
431
|
-
let e =
|
|
430
|
+
if (Fe(n)) {
|
|
431
|
+
let e = Ie(n);
|
|
432
432
|
u === void 0 && C(e), o?.(G(e), e), f?.(t);
|
|
433
433
|
return;
|
|
434
434
|
}
|
|
@@ -463,7 +463,7 @@ var Ie = q(function({ countryCode: e, defaultCountryCode: t = "PL", showCountryC
|
|
|
463
463
|
u
|
|
464
464
|
]), P = A.startsWith("+"), F = n && !P ? /* @__PURE__ */ Q("span", {
|
|
465
465
|
className: "phone prefix",
|
|
466
|
-
children:
|
|
466
|
+
children: Me[O] ?? `+${O}`
|
|
467
467
|
}) : void 0, I = m || E && !w.valid, L = h || (E && !w.valid ? w.error : void 0);
|
|
468
468
|
return /* @__PURE__ */ Q(K, {
|
|
469
469
|
...v,
|
|
@@ -479,7 +479,7 @@ var Ie = q(function({ countryCode: e, defaultCountryCode: t = "PL", showCountryC
|
|
|
479
479
|
startIcon: n ? F : /* @__PURE__ */ Q(s, {}),
|
|
480
480
|
className: k("phone input", _)
|
|
481
481
|
});
|
|
482
|
-
}),
|
|
482
|
+
}), Re = q(function({ autoCapitalize: e = !0, allowNumbers: t = !1, allowSpecialChars: n = !1, minWords: r, validateOnBlur: i = !0, onValidationChange: a, value: o, defaultValue: s, onChange: c, onBlur: l, error: u, errorText: d, placeholder: f = "Jan Kowalski", ...p }, m) {
|
|
483
483
|
let [g, _] = Z(s?.toString() ?? ""), [v, y] = Z({ valid: !0 }), [b, x] = Z(!1), S = o === void 0 ? g : o.toString(), C = J((r) => {
|
|
484
484
|
let i = r;
|
|
485
485
|
return t || (i = i.replace(/\d/g, "")), n || (i = i.replace(/[^a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ\s'-]/g, "")), e && (i = ce(i)), i;
|
|
@@ -531,11 +531,11 @@ var Ie = q(function({ countryCode: e, defaultCountryCode: t = "PL", showCountryC
|
|
|
531
531
|
});
|
|
532
532
|
//#endregion
|
|
533
533
|
//#region src/components/inputs/MInputGroup/MInputGroup.tsx
|
|
534
|
-
function
|
|
534
|
+
function ze(e) {
|
|
535
535
|
return typeof e == "object" && !!e && !ye(e) && "type" in e;
|
|
536
536
|
}
|
|
537
|
-
function
|
|
538
|
-
if (!
|
|
537
|
+
function Be(e, t, n, r) {
|
|
538
|
+
if (!ze(e)) return /* @__PURE__ */ Q("div", {
|
|
539
539
|
className: k("addon", "custom", t),
|
|
540
540
|
children: e
|
|
541
541
|
}, `${t}-${n}`);
|
|
@@ -562,29 +562,29 @@ function ze(e, t, n, r) {
|
|
|
562
562
|
children: i.content
|
|
563
563
|
}, `${t}-${n}`);
|
|
564
564
|
}
|
|
565
|
-
function
|
|
565
|
+
function Ve(e) {
|
|
566
566
|
return e == null ? [] : Array.isArray(e) ? e : [e];
|
|
567
567
|
}
|
|
568
|
-
var
|
|
568
|
+
var He = q(function({ prepend: e, append: t, type: n = "text", value: r, defaultValue: i, name: a, id: o, placeholder: s, disabled: c = !1, readOnly: l = !1, required: d = !1, autoFocus: f = !1, autoComplete: p, inputMode: m, size: h = "md", fullWidth: g = !1, label: _, helperText: v, errorText: y, color: b = "primary", error: x = !1, maxLength: S, clearable: C = !1, onChange: w, onFocus: T, onBlur: E, onKeyDown: D, onClear: O, loading: A = !1, clickEffect: j = "ripple", rippleColor: M, className: N, style: P, inputClassName: F, labelClassName: I }, L) {
|
|
569
569
|
let [R, ee] = Z(!1), z = X(null), { effectClassName: B, effectLayer: V, handlePointerDown: H } = pe({
|
|
570
570
|
effect: j,
|
|
571
571
|
disabled: c || l,
|
|
572
572
|
color: M
|
|
573
|
-
}), te = x || !!y, U = te ? "color-error" : `color-${b}`, { currentValue: ne, setCurrentValue:
|
|
573
|
+
}), te = x || !!y, U = te ? "color-error" : `color-${b}`, { currentValue: ne, setCurrentValue: re } = ve(r, i), ie = ne.length > 0, ae = J((e) => {
|
|
574
574
|
ee(!0), T?.(e);
|
|
575
|
-
}, [T]),
|
|
575
|
+
}, [T]), W = J((e) => {
|
|
576
576
|
ee(!1), E?.(e);
|
|
577
577
|
}, [E]), oe = J((e) => {
|
|
578
|
-
|
|
579
|
-
}, [w,
|
|
580
|
-
|
|
578
|
+
re(e.target.value), w?.(e);
|
|
579
|
+
}, [w, re]), se = J(() => {
|
|
580
|
+
re("");
|
|
581
581
|
let e = L?.current ?? z.current;
|
|
582
582
|
e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 }))), O?.(), e?.focus();
|
|
583
583
|
}, [
|
|
584
584
|
O,
|
|
585
585
|
L,
|
|
586
|
-
|
|
587
|
-
]), ce =
|
|
586
|
+
re
|
|
587
|
+
]), ce = Ve(e), le = Ve(t);
|
|
588
588
|
return /* @__PURE__ */ $("div", {
|
|
589
589
|
className: k("input-group", U, g && "full-width", N),
|
|
590
590
|
style: P,
|
|
@@ -599,7 +599,7 @@ var Ve = q(function({ prepend: e, append: t, type: n = "text", value: r, default
|
|
|
599
599
|
onPointerDown: H,
|
|
600
600
|
children: [
|
|
601
601
|
V,
|
|
602
|
-
ce.map((e, t) =>
|
|
602
|
+
ce.map((e, t) => Be(e, "prepend", t, b)),
|
|
603
603
|
/* @__PURE__ */ Q("input", {
|
|
604
604
|
ref: L ?? z,
|
|
605
605
|
type: n,
|
|
@@ -616,8 +616,8 @@ var Ve = q(function({ prepend: e, append: t, type: n = "text", value: r, default
|
|
|
616
616
|
maxLength: S,
|
|
617
617
|
className: k("field", F),
|
|
618
618
|
onChange: oe,
|
|
619
|
-
onFocus:
|
|
620
|
-
onBlur:
|
|
619
|
+
onFocus: ae,
|
|
620
|
+
onBlur: W,
|
|
621
621
|
onKeyDown: D,
|
|
622
622
|
"aria-invalid": te || void 0,
|
|
623
623
|
"aria-describedby": y ? `${o}-error` : v ? `${o}-helper` : void 0
|
|
@@ -629,7 +629,7 @@ var Ve = q(function({ prepend: e, append: t, type: n = "text", value: r, default
|
|
|
629
629
|
color: b
|
|
630
630
|
})
|
|
631
631
|
}),
|
|
632
|
-
C &&
|
|
632
|
+
C && ie && !A && !c && /* @__PURE__ */ Q("button", {
|
|
633
633
|
type: "button",
|
|
634
634
|
className: "clear-btn clear-btn-base",
|
|
635
635
|
onMouseDown: (e) => e.preventDefault(),
|
|
@@ -638,7 +638,7 @@ var Ve = q(function({ prepend: e, append: t, type: n = "text", value: r, default
|
|
|
638
638
|
"aria-label": "Clear input",
|
|
639
639
|
children: /* @__PURE__ */ Q(u, {})
|
|
640
640
|
}),
|
|
641
|
-
le.map((e, t) =>
|
|
641
|
+
le.map((e, t) => Be(e, "append", t, b))
|
|
642
642
|
]
|
|
643
643
|
}),
|
|
644
644
|
(y || v) && /* @__PURE__ */ $("div", {
|
|
@@ -659,30 +659,30 @@ var Ve = q(function({ prepend: e, append: t, type: n = "text", value: r, default
|
|
|
659
659
|
});
|
|
660
660
|
//#endregion
|
|
661
661
|
//#region src/components/inputs/MInputIBAN/MInputIBAN.tsx
|
|
662
|
-
function
|
|
662
|
+
function Ue(e) {
|
|
663
663
|
return e?.replace(/[^a-zA-Z]/g, "").toUpperCase().slice(0, 2) || "";
|
|
664
664
|
}
|
|
665
|
-
function
|
|
665
|
+
function We(e) {
|
|
666
666
|
let t = L(e) ?? 28;
|
|
667
667
|
return Math.max(t - 2, 0);
|
|
668
668
|
}
|
|
669
|
-
function
|
|
670
|
-
let t =
|
|
669
|
+
function Ge(e) {
|
|
670
|
+
let t = We(e), n = [], r = t;
|
|
671
671
|
for (; r > 0;) {
|
|
672
672
|
let e = Math.min(4, r);
|
|
673
673
|
n.push("0".repeat(e)), r -= e;
|
|
674
674
|
}
|
|
675
675
|
return n.join(" ");
|
|
676
676
|
}
|
|
677
|
-
function
|
|
678
|
-
let t =
|
|
677
|
+
function Ke(e) {
|
|
678
|
+
let t = We(e);
|
|
679
679
|
return t === 0 ? 0 : t + Math.max(0, Math.ceil(t / 4) - 1);
|
|
680
680
|
}
|
|
681
|
-
var
|
|
682
|
-
let [y, b] = Z(
|
|
683
|
-
let r = oe(e).replace(/[^0-9]/g, "").slice(0,
|
|
684
|
-
return r ? t ?
|
|
685
|
-
}, [t]), [C, w] = Z(() => S(c?.toString() ?? "",
|
|
681
|
+
var qe = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n = !0, onValidationChange: r, onValueChange: i, onCountryChange: a, onClear: o, value: s, defaultValue: c, onChange: l, onBlur: u, error: d, errorText: f, helperText: p, placeholder: m, className: h, disabled: g = !1, ..._ }, v) {
|
|
682
|
+
let [y, b] = Z(Ue(e) || "PL"), x = Ue(e) || y, S = J((e, n) => {
|
|
683
|
+
let r = oe(e).replace(/[^0-9]/g, "").slice(0, We(n));
|
|
684
|
+
return r ? t ? ae(r) : r : "";
|
|
685
|
+
}, [t]), [C, w] = Z(() => S(c?.toString() ?? "", Ue(e) || "PL")), [T, E] = Z({ valid: !0 }), [D, O] = Z(!1), A = s === void 0 ? C : S(s.toString(), x), j = J(() => {
|
|
686
686
|
E({ valid: !0 }), O(!1), r?.({ valid: !0 });
|
|
687
687
|
}, [r]), M = J((e) => {
|
|
688
688
|
let t = S(e.target.value, x);
|
|
@@ -716,7 +716,7 @@ var Ke = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
|
|
|
716
716
|
j,
|
|
717
717
|
s
|
|
718
718
|
]), F = J((t) => {
|
|
719
|
-
let n =
|
|
719
|
+
let n = Ue(t.target.value);
|
|
720
720
|
if (!n) return;
|
|
721
721
|
e === void 0 && b(n);
|
|
722
722
|
let o = S(A, n);
|
|
@@ -733,8 +733,8 @@ var Ke = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
|
|
|
733
733
|
i,
|
|
734
734
|
D,
|
|
735
735
|
s
|
|
736
|
-
]), I = d || D && !T.valid, L = f || (D && !T.valid ? T.error : void 0), R =
|
|
737
|
-
return /* @__PURE__ */ Q(
|
|
736
|
+
]), I = d || D && !T.valid, L = f || (D && !T.valid ? T.error : void 0), R = xe(() => z, []), ee = L ? void 0 : p ?? `Format: ${x} ${Ge(x)}`;
|
|
737
|
+
return /* @__PURE__ */ Q(He, {
|
|
738
738
|
..._,
|
|
739
739
|
ref: v,
|
|
740
740
|
type: "text",
|
|
@@ -744,10 +744,10 @@ var Ke = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
|
|
|
744
744
|
onClear: P,
|
|
745
745
|
error: I,
|
|
746
746
|
errorText: L,
|
|
747
|
-
placeholder: m ??
|
|
747
|
+
placeholder: m ?? Ge(x),
|
|
748
748
|
helperText: ee,
|
|
749
749
|
disabled: g,
|
|
750
|
-
maxLength:
|
|
750
|
+
maxLength: Ke(x),
|
|
751
751
|
prepend: /* @__PURE__ */ Q("div", {
|
|
752
752
|
className: "country-select-wrap",
|
|
753
753
|
children: /* @__PURE__ */ Q("select", {
|
|
@@ -764,19 +764,19 @@ var Ke = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
|
|
|
764
764
|
}),
|
|
765
765
|
className: k("input-iban", h)
|
|
766
766
|
});
|
|
767
|
-
}),
|
|
767
|
+
}), Je = {
|
|
768
768
|
NIP: V,
|
|
769
769
|
PESEL: P,
|
|
770
770
|
REGON: I
|
|
771
|
-
},
|
|
771
|
+
}, Ye = {
|
|
772
772
|
NIP: 13,
|
|
773
773
|
PESEL: 11,
|
|
774
774
|
REGON: 14
|
|
775
|
-
},
|
|
775
|
+
}, Xe = {
|
|
776
776
|
NIP: "123-456-78-19",
|
|
777
777
|
PESEL: "00000000000",
|
|
778
778
|
REGON: "000000000"
|
|
779
|
-
},
|
|
779
|
+
}, Ze = q(function({ taxIdType: e, formatOnChange: t = !0, validateOnBlur: n = !0, showValidIcon: r = !0, onValidationChange: i, onValueChange: a, value: o, defaultValue: s, onChange: c, onBlur: l, error: u, errorText: d, success: p, placeholder: m, ...h }, g) {
|
|
780
780
|
let [_, v] = Z(s?.toString() ?? ""), [b, x] = Z({ valid: !0 }), [S, C] = Z(!1), w = o === void 0 ? _ : o.toString(), T = J((n) => {
|
|
781
781
|
let r = G(n.target.value), i = t && e === "NIP" ? le(r) : r;
|
|
782
782
|
o === void 0 && v(i), a?.(r), c?.(n);
|
|
@@ -788,7 +788,7 @@ var Ke = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
|
|
|
788
788
|
a
|
|
789
789
|
]), E = J((t) => {
|
|
790
790
|
if (C(!0), n && w) {
|
|
791
|
-
let t =
|
|
791
|
+
let t = Je[e], n = t(G(w));
|
|
792
792
|
x(n), i?.(n);
|
|
793
793
|
}
|
|
794
794
|
l?.(t);
|
|
@@ -813,75 +813,114 @@ var Ke = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
|
|
|
813
813
|
error: D,
|
|
814
814
|
errorText: O,
|
|
815
815
|
success: k,
|
|
816
|
-
placeholder: m ??
|
|
816
|
+
placeholder: m ?? Xe[e],
|
|
817
817
|
startIcon: /* @__PURE__ */ Q(y, {}),
|
|
818
818
|
endIcon: A,
|
|
819
|
-
maxLength:
|
|
819
|
+
maxLength: Ye[e]
|
|
820
820
|
});
|
|
821
|
-
}),
|
|
822
|
-
let
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
821
|
+
}), Qe = q(function({ currency: e, currencySymbol: t, currencyPosition: n = "end", decimalSeparator: r = ",", thousandSeparator: i = " ", precision: a = 2, min: o, max: s, allowNegative: c = !1, onValueChange: l, value: u, defaultValue: d, onChange: f, onBlur: p, placeholder: m = "0,00", startIcon: h, endIcon: g, className: _, ...v }, y) {
|
|
822
|
+
let b = t ?? e ?? "", x = J((e) => {
|
|
823
|
+
if (e == null || e === "") return "";
|
|
824
|
+
let t = typeof e == "number" ? e.toFixed(a) : String(e), n = W(i ? t.split(i).join("") : t, "", r);
|
|
825
|
+
return n === null ? "" : ue(n.toFixed(a), {
|
|
826
826
|
decimalSeparator: r,
|
|
827
827
|
thousandSeparator: i,
|
|
828
828
|
precision: a
|
|
829
829
|
});
|
|
830
|
-
u === void 0 && x(s);
|
|
831
|
-
let d = ae(s, i, r);
|
|
832
|
-
l?.(d), f?.(e);
|
|
833
830
|
}, [
|
|
834
|
-
|
|
831
|
+
r,
|
|
832
|
+
i,
|
|
833
|
+
a
|
|
834
|
+
]), S = J((e) => e == null || e === "" ? null : typeof e == "number" ? Number.isNaN(e) ? null : e : W(e, i, r), [i, r]), [C, w] = Z(() => x(u === void 0 ? d : u)), T = X(null), E = X(null), D = J((e) => {
|
|
835
|
+
T.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
|
|
836
|
+
}, [y]);
|
|
837
|
+
Y(() => {
|
|
838
|
+
u !== void 0 && S(u) !== S(C) && w(x(u));
|
|
839
|
+
}, [
|
|
835
840
|
u,
|
|
841
|
+
C,
|
|
842
|
+
x,
|
|
843
|
+
S
|
|
844
|
+
]);
|
|
845
|
+
let O = J((e, t) => {
|
|
846
|
+
let n = 0;
|
|
847
|
+
for (let i = 0; i < t && i < e.length; i++) {
|
|
848
|
+
let t = e[i];
|
|
849
|
+
(t >= "0" && t <= "9" || t === r || t === "-") && n++;
|
|
850
|
+
}
|
|
851
|
+
return n;
|
|
852
|
+
}, [r]), A = J((e, t) => {
|
|
853
|
+
if (t <= 0) return 0;
|
|
854
|
+
let n = 0;
|
|
855
|
+
for (let i = 0; i < e.length; i++) {
|
|
856
|
+
let a = e[i];
|
|
857
|
+
if ((a >= "0" && a <= "9" || a === r || a === "-") && n++, n === t) return i + 1;
|
|
858
|
+
}
|
|
859
|
+
return e.length;
|
|
860
|
+
}, [r]);
|
|
861
|
+
be(() => {
|
|
862
|
+
let e = E.current;
|
|
863
|
+
if (E.current = null, e === null) return;
|
|
864
|
+
let t = T.current;
|
|
865
|
+
!t || document.activeElement !== t || t.setSelectionRange(e, e);
|
|
866
|
+
}, [C]);
|
|
867
|
+
let j = J((e) => {
|
|
868
|
+
let t = e.target.value, n = e.target.selectionStart ?? t.length, o = "", s = !1;
|
|
869
|
+
for (let e of t) e >= "0" && e <= "9" ? o += e : (e === "," || e === ".") && !s && a > 0 ? (o += r, s = !0) : e === "-" && c && o.length === 0 && (o += "-");
|
|
870
|
+
let u = /\d/.test(o), d;
|
|
871
|
+
u ? (d = ue(o, {
|
|
872
|
+
decimalSeparator: r,
|
|
873
|
+
thousandSeparator: i,
|
|
874
|
+
precision: a
|
|
875
|
+
}), o.endsWith(r) && !d.includes(r) && (d += r)) : d = o.startsWith("-") ? "-" : "", E.current = A(d, O(t, n)), w(d), l?.(W(d, i, r)), f?.(e);
|
|
876
|
+
}, [
|
|
877
|
+
f,
|
|
836
878
|
r,
|
|
837
879
|
i,
|
|
838
880
|
a,
|
|
839
881
|
c,
|
|
840
|
-
l
|
|
841
|
-
|
|
842
|
-
|
|
882
|
+
l,
|
|
883
|
+
O,
|
|
884
|
+
A
|
|
885
|
+
]), M = J((e) => {
|
|
886
|
+
let t = W(C, i, r);
|
|
843
887
|
if (t !== null) {
|
|
844
888
|
o !== void 0 && t < o && (t = o), s !== void 0 && t > s && (t = s);
|
|
845
|
-
let e =
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
precision: a
|
|
849
|
-
});
|
|
850
|
-
u === void 0 && x(e), l?.(t);
|
|
851
|
-
}
|
|
889
|
+
let e = x(t);
|
|
890
|
+
e !== C && w(e), l?.(t);
|
|
891
|
+
} else C !== "" && (w(""), l?.(null));
|
|
852
892
|
p?.(e);
|
|
853
893
|
}, [
|
|
854
|
-
|
|
894
|
+
C,
|
|
855
895
|
o,
|
|
856
896
|
s,
|
|
857
|
-
a,
|
|
858
897
|
r,
|
|
859
898
|
i,
|
|
860
|
-
|
|
899
|
+
x,
|
|
861
900
|
l,
|
|
862
901
|
p
|
|
863
|
-
]),
|
|
902
|
+
]), N = b ? /* @__PURE__ */ Q("span", {
|
|
864
903
|
className: "currency symbol",
|
|
865
|
-
children:
|
|
904
|
+
children: b
|
|
866
905
|
}) : void 0;
|
|
867
906
|
return /* @__PURE__ */ Q(K, {
|
|
868
907
|
...v,
|
|
869
|
-
ref:
|
|
908
|
+
ref: D,
|
|
870
909
|
type: "text",
|
|
871
910
|
inputMode: "decimal",
|
|
872
|
-
value:
|
|
873
|
-
onChange:
|
|
874
|
-
onBlur:
|
|
911
|
+
value: C,
|
|
912
|
+
onChange: j,
|
|
913
|
+
onBlur: M,
|
|
875
914
|
placeholder: m,
|
|
876
|
-
startIcon: n === "start" ?
|
|
877
|
-
endIcon: n === "end" ?
|
|
915
|
+
startIcon: n === "start" ? N : h,
|
|
916
|
+
endIcon: n === "end" ? N : g,
|
|
878
917
|
className: k("currency input", _)
|
|
879
918
|
});
|
|
880
|
-
}),
|
|
919
|
+
}), $e = {
|
|
881
920
|
"DD/MM/YYYY": "DD{s}MM{s}YYYY",
|
|
882
921
|
"MM/DD/YYYY": "MM{s}DD{s}YYYY",
|
|
883
922
|
"YYYY/MM/DD": "YYYY{s}MM{s}DD"
|
|
884
|
-
},
|
|
923
|
+
}, et = q(function({ format: e = "DD/MM/YYYY", separator: t = "/", minDate: n, maxDate: r, validateOnBlur: i = !0, validateOnChange: a = !1, onDateChange: o, onValidationChange: s, value: c, defaultValue: u, onChange: d, onBlur: f, onKeyDown: p, onClear: m, error: h, errorText: g, placeholder: _, className: v, ...y }, b) {
|
|
885
924
|
let [x, S] = Z(u?.toString() ?? ""), [C, w] = Z({ valid: !0 }), [T, E] = Z(!1), D = X(!1), O = c === void 0 ? x : c.toString();
|
|
886
925
|
Y(() => {
|
|
887
926
|
if (D.current) {
|
|
@@ -975,7 +1014,7 @@ var Ke = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
|
|
|
975
1014
|
onClear: N,
|
|
976
1015
|
error: L,
|
|
977
1016
|
errorText: R,
|
|
978
|
-
placeholder: _ ??
|
|
1017
|
+
placeholder: _ ?? $e[e].replace(/\{s\}/g, t),
|
|
979
1018
|
startIcon: /* @__PURE__ */ Q(l, {}),
|
|
980
1019
|
maxLength: 10,
|
|
981
1020
|
className: v
|
|
@@ -983,19 +1022,19 @@ var Ke = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
|
|
|
983
1022
|
});
|
|
984
1023
|
//#endregion
|
|
985
1024
|
//#region src/components/inputs/MInputCreditCard/MInputCreditCard.tsx
|
|
986
|
-
function
|
|
987
|
-
let t =
|
|
1025
|
+
function tt({ value: e }) {
|
|
1026
|
+
let t = re(e);
|
|
988
1027
|
return /* @__PURE__ */ Q("span", {
|
|
989
1028
|
className: k("credit-card-brand-badge", "credit-brand", t.brand),
|
|
990
1029
|
children: t.iconLabel
|
|
991
1030
|
});
|
|
992
1031
|
}
|
|
993
|
-
var
|
|
994
|
-
let [b, x] = Z(() =>
|
|
1032
|
+
var nt = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBrandIcon: n = !0, showValidIcon: r = !0, onValidationChange: i, onCardBrandChange: a, onValueChange: o, onClear: s, value: c, defaultValue: l, onChange: u, onBlur: d, error: p, errorText: m, success: h, placeholder: g = "4242 4242 4242 4242", className: _, ...v }, y) {
|
|
1033
|
+
let [b, x] = Z(() => ie(l?.toString() ?? "")), [S, C] = Z({ valid: !0 }), [w, T] = Z(!1), E = c === void 0 ? b : ie(c.toString()), D = J((e) => {
|
|
995
1034
|
let t = U(e);
|
|
996
1035
|
return C(t), i?.(t), t;
|
|
997
1036
|
}, [i]), O = J((e) => {
|
|
998
|
-
let n =
|
|
1037
|
+
let n = ie(e.target.value), r = re(n);
|
|
999
1038
|
c === void 0 && x(n), a?.(r.brand), o?.(ne(n), n, r.brand), t && w && D(n), u?.(e);
|
|
1000
1039
|
}, [
|
|
1001
1040
|
a,
|
|
@@ -1037,12 +1076,12 @@ var tt = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBran
|
|
|
1037
1076
|
errorText: N,
|
|
1038
1077
|
success: P,
|
|
1039
1078
|
placeholder: g,
|
|
1040
|
-
startIcon: n ? /* @__PURE__ */ Q(
|
|
1079
|
+
startIcon: n ? /* @__PURE__ */ Q(tt, { value: E }) : void 0,
|
|
1041
1080
|
endIcon: F,
|
|
1042
1081
|
className: k("credit-card input", _)
|
|
1043
1082
|
});
|
|
1044
|
-
}),
|
|
1045
|
-
let [x, S] = Z(t.toUpperCase()), [C, w] = Z(() => H(u?.toString() ?? "", e ?? t)), [T, E] = Z({ valid: !0 }), [D, O] = Z(!1), j = (e ?? x).toUpperCase(), M =
|
|
1083
|
+
}), rt = q(function({ country: e, defaultCountry: t = "PL", selectableCountry: n = !0, validateOnBlur: r = !0, validateOnChange: i = !1, onCountryChange: a, onValidationChange: o, onValueChange: s, onClear: c, value: l, defaultValue: u, onChange: d, onBlur: f, error: p, errorText: m, helperText: h, placeholder: g, className: _, disabled: v = !1, ...y }, b) {
|
|
1084
|
+
let [x, S] = Z(t.toUpperCase()), [C, w] = Z(() => H(u?.toString() ?? "", e ?? t)), [T, E] = Z({ valid: !0 }), [D, O] = Z(!1), j = (e ?? x).toUpperCase(), M = xe(() => te(j), [j]), P = l === void 0 ? C : H(l.toString(), j), F = J((e, t) => {
|
|
1046
1085
|
let n = A(e, t);
|
|
1047
1086
|
return E(n), o?.(n), n;
|
|
1048
1087
|
}, [o]), I = J((e) => {
|
|
@@ -1083,7 +1122,7 @@ var tt = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBran
|
|
|
1083
1122
|
D,
|
|
1084
1123
|
l
|
|
1085
1124
|
]), z = p || D && !T.valid, B = m || (D && !T.valid ? T.error : void 0);
|
|
1086
|
-
return /* @__PURE__ */ Q(
|
|
1125
|
+
return /* @__PURE__ */ Q(He, {
|
|
1087
1126
|
...y,
|
|
1088
1127
|
ref: b,
|
|
1089
1128
|
type: "text",
|
|
@@ -1117,7 +1156,7 @@ var tt = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBran
|
|
|
1117
1156
|
},
|
|
1118
1157
|
className: k("input-post-code", _)
|
|
1119
1158
|
});
|
|
1120
|
-
}),
|
|
1159
|
+
}), it = q(function({ length: e = 6, value: t, onChange: n, autoFocus: r = !1, disabled: i = !1, color: a = "primary", size: o = "md", error: s = !1, errorText: c, clearable: l = !1, label: d, onClear: f, className: p, ...m }, h) {
|
|
1121
1160
|
let [g, _] = Z(""), v = t === void 0 ? g : t, y = X([]), b = s ? "color-error" : `color-${a}`, x = J((e) => {
|
|
1122
1161
|
t === void 0 && _(e), n?.(e);
|
|
1123
1162
|
}, [t, n]), S = J((t) => {
|
|
@@ -1211,16 +1250,16 @@ var tt = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBran
|
|
|
1211
1250
|
});
|
|
1212
1251
|
//#endregion
|
|
1213
1252
|
//#region src/components/inputs/MInputSlider/MInputSlider.tsx
|
|
1214
|
-
function
|
|
1253
|
+
function at(e, t, n) {
|
|
1215
1254
|
return Math.min(n, Math.max(t, e));
|
|
1216
1255
|
}
|
|
1217
|
-
function
|
|
1256
|
+
function ot(e, t) {
|
|
1218
1257
|
let n = 10 ** t;
|
|
1219
1258
|
return Math.round(e * n) / n;
|
|
1220
1259
|
}
|
|
1221
|
-
var
|
|
1260
|
+
var st = q(function({ min: e = 0, max: t = 100, step: n = 1, value: r, onChange: i, precision: a = 0, marks: o, showInput: s = !0, color: c = "primary", size: l = "md", disabled: u = !1, label: d, className: f, ...p }, m) {
|
|
1222
1261
|
let [h, g] = Z(e), _ = r === void 0 ? h : r, v = J((n) => {
|
|
1223
|
-
let o = at(
|
|
1262
|
+
let o = ot(at(n, e, t), a);
|
|
1224
1263
|
r === void 0 && g(o), i?.(o);
|
|
1225
1264
|
}, [
|
|
1226
1265
|
e,
|
|
@@ -1269,7 +1308,7 @@ var ot = q(function({ min: e = 0, max: t = 100, step: n = 1, value: r, onChange:
|
|
|
1269
1308
|
});
|
|
1270
1309
|
//#endregion
|
|
1271
1310
|
//#region src/components/inputs/MInputFile/MCropEditor.tsx
|
|
1272
|
-
function
|
|
1311
|
+
function ct({ file: t, shape: n, outputSize: r, quality: i, onCrop: a, onCancel: o }) {
|
|
1273
1312
|
let s = X(null), c = X(null), l = X(null), [u, d] = Z(""), [f, p] = Z(1), [m, h] = Z({
|
|
1274
1313
|
x: 0,
|
|
1275
1314
|
y: 0
|
|
@@ -1413,17 +1452,17 @@ function st({ file: t, shape: n, outputSize: r, quality: i, onCrop: a, onCancel:
|
|
|
1413
1452
|
}
|
|
1414
1453
|
//#endregion
|
|
1415
1454
|
//#region src/components/inputs/MInputFile/MInputFile.tsx
|
|
1416
|
-
function
|
|
1455
|
+
function lt(e) {
|
|
1417
1456
|
return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
|
|
1418
1457
|
}
|
|
1419
|
-
function
|
|
1458
|
+
function ut(e) {
|
|
1420
1459
|
let t = e.lastIndexOf(".");
|
|
1421
1460
|
return t >= 0 ? e.slice(t + 1).toUpperCase() : "";
|
|
1422
1461
|
}
|
|
1423
|
-
function
|
|
1462
|
+
function dt(e) {
|
|
1424
1463
|
return e.type.startsWith("image/");
|
|
1425
1464
|
}
|
|
1426
|
-
function
|
|
1465
|
+
function ft({ ext: e }) {
|
|
1427
1466
|
let n = e.toLowerCase();
|
|
1428
1467
|
return n === "pdf" ? /* @__PURE__ */ Q(w, {
|
|
1429
1468
|
className: "file type icon",
|
|
@@ -1515,7 +1554,7 @@ function dt({ ext: e }) {
|
|
|
1515
1554
|
"aria-hidden": "true"
|
|
1516
1555
|
});
|
|
1517
1556
|
}
|
|
1518
|
-
var
|
|
1557
|
+
var pt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onChange: i, label: a, helperText: o, errorText: s, error: c = !1, disabled: l = !1, color: d = "primary", size: f = "md", preview: p = !0, clearable: m = !1, icon: h, placeholder: _ = "Drop files here or click to browse", dropText: v = "Drop files here", fullWidth: y = !1, crop: b, onClear: x, className: S, ...C }, w) {
|
|
1519
1558
|
let [T, E] = Z(!1), [D, O] = Z([]), [A, j] = Z(""), [M, N] = Z(null), P = X(null), F = X(0), I = b ? typeof b == "boolean" ? {
|
|
1520
1559
|
shape: "square",
|
|
1521
1560
|
outputSize: 256,
|
|
@@ -1524,7 +1563,7 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1524
1563
|
shape: b.shape ?? "square",
|
|
1525
1564
|
outputSize: b.outputSize ?? 256,
|
|
1526
1565
|
quality: b.quality ?? .92
|
|
1527
|
-
} : null, L =
|
|
1566
|
+
} : null, L = xe(() => D.map((e) => dt(e) ? URL.createObjectURL(e) : null), [D]);
|
|
1528
1567
|
Y(() => () => {
|
|
1529
1568
|
L.forEach((e) => {
|
|
1530
1569
|
e && URL.revokeObjectURL(e);
|
|
@@ -1540,14 +1579,14 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1540
1579
|
});
|
|
1541
1580
|
}
|
|
1542
1581
|
if (n && a.filter((e) => e.size > n).length) {
|
|
1543
|
-
j(`Max file size: ${
|
|
1582
|
+
j(`Max file size: ${lt(n)}`);
|
|
1544
1583
|
return;
|
|
1545
1584
|
}
|
|
1546
1585
|
if (r && a.length > r) {
|
|
1547
1586
|
j(`Max ${r} file${r > 1 ? "s" : ""}`);
|
|
1548
1587
|
return;
|
|
1549
1588
|
}
|
|
1550
|
-
if (j(""), I && a.length === 1 &&
|
|
1589
|
+
if (j(""), I && a.length === 1 && dt(a[0])) {
|
|
1551
1590
|
N(a[0]);
|
|
1552
1591
|
return;
|
|
1553
1592
|
}
|
|
@@ -1574,7 +1613,7 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1574
1613
|
l || P.current?.click();
|
|
1575
1614
|
}, [l]), ne = J((e) => {
|
|
1576
1615
|
e.target.files?.length && R(e.target.files);
|
|
1577
|
-
}, [R]),
|
|
1616
|
+
}, [R]), re = J((e) => {
|
|
1578
1617
|
let t = L[e];
|
|
1579
1618
|
t && URL.revokeObjectURL(t);
|
|
1580
1619
|
let n = D.filter((t, n) => n !== e);
|
|
@@ -1583,7 +1622,7 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1583
1622
|
D,
|
|
1584
1623
|
L,
|
|
1585
1624
|
i
|
|
1586
|
-
]),
|
|
1625
|
+
]), ie = J(() => {
|
|
1587
1626
|
L.forEach((e) => {
|
|
1588
1627
|
e && URL.revokeObjectURL(e);
|
|
1589
1628
|
}), N(null), O([]), j(""), P.current && (P.current.value = ""), i?.([]), x?.();
|
|
@@ -1591,10 +1630,10 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1591
1630
|
L,
|
|
1592
1631
|
i,
|
|
1593
1632
|
x
|
|
1594
|
-
]),
|
|
1633
|
+
]), ae = s || A, W = c || !!A;
|
|
1595
1634
|
return /* @__PURE__ */ $("div", {
|
|
1596
1635
|
ref: w,
|
|
1597
|
-
className: k("file input",
|
|
1636
|
+
className: k("file input", W ? "color-error" : `color-${d}`, f, y && "full-width", l && "disabled", S),
|
|
1598
1637
|
...C,
|
|
1599
1638
|
children: [
|
|
1600
1639
|
(a || m && D.length > 0 && !l) && /* @__PURE__ */ $("div", {
|
|
@@ -1605,13 +1644,13 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1605
1644
|
}), m && D.length > 0 && !l && /* @__PURE__ */ Q("button", {
|
|
1606
1645
|
type: "button",
|
|
1607
1646
|
className: "file clear clear-btn-base",
|
|
1608
|
-
onClick:
|
|
1647
|
+
onClick: ie,
|
|
1609
1648
|
"aria-label": "Clear files",
|
|
1610
1649
|
children: /* @__PURE__ */ Q(u, { "aria-hidden": "true" })
|
|
1611
1650
|
})]
|
|
1612
1651
|
}),
|
|
1613
1652
|
/* @__PURE__ */ $("div", {
|
|
1614
|
-
className: k("file dropzone", T && "dragging",
|
|
1653
|
+
className: k("file dropzone", T && "dragging", W && "error"),
|
|
1615
1654
|
onClick: U,
|
|
1616
1655
|
onDragEnter: B,
|
|
1617
1656
|
onDragLeave: V,
|
|
@@ -1653,7 +1692,7 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1653
1692
|
]
|
|
1654
1693
|
})]
|
|
1655
1694
|
}),
|
|
1656
|
-
M && I && /* @__PURE__ */ Q(
|
|
1695
|
+
M && I && /* @__PURE__ */ Q(ct, {
|
|
1657
1696
|
file: M,
|
|
1658
1697
|
shape: I.shape,
|
|
1659
1698
|
outputSize: I.outputSize,
|
|
@@ -1661,13 +1700,13 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1661
1700
|
onCrop: ee,
|
|
1662
1701
|
onCancel: z
|
|
1663
1702
|
}),
|
|
1664
|
-
o && !
|
|
1703
|
+
o && !W && /* @__PURE__ */ Q("div", {
|
|
1665
1704
|
className: "file helper",
|
|
1666
1705
|
children: o
|
|
1667
1706
|
}),
|
|
1668
|
-
|
|
1707
|
+
W && ae && /* @__PURE__ */ Q("div", {
|
|
1669
1708
|
className: "file error",
|
|
1670
|
-
children:
|
|
1709
|
+
children: ae
|
|
1671
1710
|
}),
|
|
1672
1711
|
p && D.length > 0 && !M && /* @__PURE__ */ Q("div", {
|
|
1673
1712
|
className: "file preview",
|
|
@@ -1680,7 +1719,7 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1680
1719
|
src: L[t],
|
|
1681
1720
|
alt: e.name,
|
|
1682
1721
|
className: "file image"
|
|
1683
|
-
}) : /* @__PURE__ */ Q(
|
|
1722
|
+
}) : /* @__PURE__ */ Q(ft, { ext: ut(e.name) })
|
|
1684
1723
|
}),
|
|
1685
1724
|
/* @__PURE__ */ $("div", {
|
|
1686
1725
|
className: "file info",
|
|
@@ -1689,14 +1728,14 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1689
1728
|
children: e.name
|
|
1690
1729
|
}), /* @__PURE__ */ Q("span", {
|
|
1691
1730
|
className: "file size",
|
|
1692
|
-
children:
|
|
1731
|
+
children: lt(e.size)
|
|
1693
1732
|
})]
|
|
1694
1733
|
}),
|
|
1695
1734
|
/* @__PURE__ */ Q("button", {
|
|
1696
1735
|
type: "button",
|
|
1697
1736
|
className: "file remove",
|
|
1698
1737
|
onClick: (e) => {
|
|
1699
|
-
e.stopPropagation(),
|
|
1738
|
+
e.stopPropagation(), re(t);
|
|
1700
1739
|
},
|
|
1701
1740
|
"aria-label": `Remove ${e.name}`,
|
|
1702
1741
|
children: /* @__PURE__ */ Q(u, { "aria-hidden": "true" })
|
|
@@ -1708,6 +1747,6 @@ var ft = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
|
|
|
1708
1747
|
});
|
|
1709
1748
|
});
|
|
1710
1749
|
//#endregion
|
|
1711
|
-
export {
|
|
1750
|
+
export { Se as _, nt as a, Ze as c, Re as d, Le as f, Te as g, Oe as h, rt as i, qe as l, ke as m, st as n, et as o, je as p, it as r, Qe as s, pt as t, He as u };
|
|
1712
1751
|
|
|
1713
|
-
//# sourceMappingURL=inputs-
|
|
1752
|
+
//# sourceMappingURL=inputs-B1LCddA4.js.map
|