kelt-ui-kit-react 0.6.2 → 0.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_core/hooks/useIsMobile.d.ts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +112 -100
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/_core/hooks/useIsMobile.ts +18 -0
- package/src/button/Button.tsx +1 -1
- package/src/index.css +3 -0
- package/src/index.ts +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useIsMobile: (maxWidth?: number) => boolean;
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
|
-
import ge, { useState as
|
|
1
|
+
import ge, { useState as L, useEffect as Y, useCallback as $, createContext as Nn, useContext as Nr, useRef as se, useDebugValue as ir, createElement as _n, forwardRef as Mt, useId as Pn, useImperativeHandle as Ft, useMemo as Oe } from "react";
|
|
2
2
|
import Lt, { createPortal as _r } from "react-dom";
|
|
3
|
+
const Qs = (e = 768) => {
|
|
4
|
+
const [t, r] = L(
|
|
5
|
+
typeof window < "u" ? window.innerWidth <= e : !1
|
|
6
|
+
);
|
|
7
|
+
return Y(() => {
|
|
8
|
+
const n = () => {
|
|
9
|
+
r(window.innerWidth <= e);
|
|
10
|
+
};
|
|
11
|
+
return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
|
|
12
|
+
}, [e]), t;
|
|
13
|
+
};
|
|
3
14
|
var Nt = { exports: {} }, Be = {};
|
|
4
15
|
/**
|
|
5
16
|
* @license React
|
|
@@ -126,14 +137,14 @@ function Tn() {
|
|
|
126
137
|
}
|
|
127
138
|
return null;
|
|
128
139
|
}
|
|
129
|
-
var ie = Object.assign, ve = 0, He, Se, ze, K, ue, de,
|
|
140
|
+
var ie = Object.assign, ve = 0, He, Se, ze, K, ue, de, q;
|
|
130
141
|
function Ce() {
|
|
131
142
|
}
|
|
132
143
|
Ce.__reactDisabledLog = !0;
|
|
133
144
|
function Ve() {
|
|
134
145
|
{
|
|
135
146
|
if (ve === 0) {
|
|
136
|
-
He = console.log, Se = console.info, ze = console.warn, K = console.error, ue = console.group, de = console.groupCollapsed,
|
|
147
|
+
He = console.log, Se = console.info, ze = console.warn, K = console.error, ue = console.group, de = console.groupCollapsed, q = console.groupEnd;
|
|
137
148
|
var s = {
|
|
138
149
|
configurable: !0,
|
|
139
150
|
enumerable: !0,
|
|
@@ -181,7 +192,7 @@ function Tn() {
|
|
|
181
192
|
value: de
|
|
182
193
|
}),
|
|
183
194
|
groupEnd: ie({}, s, {
|
|
184
|
-
value:
|
|
195
|
+
value: q
|
|
185
196
|
})
|
|
186
197
|
});
|
|
187
198
|
}
|
|
@@ -256,19 +267,19 @@ function Tn() {
|
|
|
256
267
|
} catch (G) {
|
|
257
268
|
if (G && C && typeof G.stack == "string") {
|
|
258
269
|
for (var _ = G.stack.split(`
|
|
259
|
-
`),
|
|
260
|
-
`), F = _.length - 1,
|
|
261
|
-
|
|
262
|
-
for (; F >= 1 &&
|
|
263
|
-
if (_[F] !==
|
|
264
|
-
if (F !== 1 ||
|
|
270
|
+
`), U = C.stack.split(`
|
|
271
|
+
`), F = _.length - 1, z = U.length - 1; F >= 1 && z >= 0 && _[F] !== U[z]; )
|
|
272
|
+
z--;
|
|
273
|
+
for (; F >= 1 && z >= 0; F--, z--)
|
|
274
|
+
if (_[F] !== U[z]) {
|
|
275
|
+
if (F !== 1 || z !== 1)
|
|
265
276
|
do
|
|
266
|
-
if (F--,
|
|
277
|
+
if (F--, z--, z < 0 || _[F] !== U[z]) {
|
|
267
278
|
var J = `
|
|
268
279
|
` + _[F].replace(" at new ", " at ");
|
|
269
280
|
return s.displayName && J.includes("<anonymous>") && (J = J.replace("<anonymous>", s.displayName)), typeof s == "function" && pe.set(s, J), J;
|
|
270
281
|
}
|
|
271
|
-
while (F >= 1 &&
|
|
282
|
+
while (F >= 1 && z >= 0);
|
|
272
283
|
break;
|
|
273
284
|
}
|
|
274
285
|
}
|
|
@@ -330,8 +341,8 @@ function Tn() {
|
|
|
330
341
|
var _ = void 0;
|
|
331
342
|
try {
|
|
332
343
|
if (typeof s[P] != "function") {
|
|
333
|
-
var
|
|
334
|
-
throw
|
|
344
|
+
var U = Error((C || "React class") + ": " + b + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
345
|
+
throw U.name = "Invariant Violation", U;
|
|
335
346
|
}
|
|
336
347
|
_ = s[P](d, P, C, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
337
348
|
} catch (F) {
|
|
@@ -443,8 +454,8 @@ function Tn() {
|
|
|
443
454
|
};
|
|
444
455
|
function vn(s, d, b, C, O) {
|
|
445
456
|
{
|
|
446
|
-
var I, P = {}, _ = null,
|
|
447
|
-
b !== void 0 && (Kt(b), _ = "" + b), fn(d) && (Kt(d.key), _ = "" + d.key), dn(d) && (
|
|
457
|
+
var I, P = {}, _ = null, U = null;
|
|
458
|
+
b !== void 0 && (Kt(b), _ = "" + b), fn(d) && (Kt(d.key), _ = "" + d.key), dn(d) && (U = d.ref, pn(d, O));
|
|
448
459
|
for (I in d)
|
|
449
460
|
We.call(d, I) && !un.hasOwnProperty(I) && (P[I] = d[I]);
|
|
450
461
|
if (s && s.defaultProps) {
|
|
@@ -452,11 +463,11 @@ function Tn() {
|
|
|
452
463
|
for (I in F)
|
|
453
464
|
P[I] === void 0 && (P[I] = F[I]);
|
|
454
465
|
}
|
|
455
|
-
if (_ ||
|
|
456
|
-
var
|
|
457
|
-
_ && hn(P,
|
|
466
|
+
if (_ || U) {
|
|
467
|
+
var z = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
|
|
468
|
+
_ && hn(P, z), U && mn(P, z);
|
|
458
469
|
}
|
|
459
|
-
return gn(s, _,
|
|
470
|
+
return gn(s, _, U, O, C, Jt.current, P);
|
|
460
471
|
}
|
|
461
472
|
}
|
|
462
473
|
var bt = j.ReactCurrentOwner, er = j.ReactDebugCurrentFrame;
|
|
@@ -576,14 +587,14 @@ Check the top-level render call using <` + b + ">.");
|
|
|
576
587
|
if (!P) {
|
|
577
588
|
var _ = "";
|
|
578
589
|
(s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (_ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
579
|
-
var
|
|
580
|
-
|
|
590
|
+
var U = yn();
|
|
591
|
+
U ? _ += U : _ += tr();
|
|
581
592
|
var F;
|
|
582
593
|
s === null ? F = "null" : xt(s) ? F = "array" : s !== void 0 && s.$$typeof === t ? (F = "<" + (Q(s.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : F = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, _);
|
|
583
594
|
}
|
|
584
|
-
var
|
|
585
|
-
if (
|
|
586
|
-
return
|
|
595
|
+
var z = vn(s, d, b, O, I);
|
|
596
|
+
if (z == null)
|
|
597
|
+
return z;
|
|
587
598
|
if (P) {
|
|
588
599
|
var J = d.children;
|
|
589
600
|
if (J !== void 0)
|
|
@@ -611,7 +622,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
611
622
|
<%s key={someKey} {...props} />`, Et, ye, Rn, ye), or[ye + Et] = !0;
|
|
612
623
|
}
|
|
613
624
|
}
|
|
614
|
-
return s === n ? wn(
|
|
625
|
+
return s === n ? wn(z) : bn(z), z;
|
|
615
626
|
}
|
|
616
627
|
}
|
|
617
628
|
function jn(s, d, b) {
|
|
@@ -628,7 +639,7 @@ process.env.NODE_ENV === "production" ? Nt.exports = On() : Nt.exports = Tn();
|
|
|
628
639
|
var a = Nt.exports;
|
|
629
640
|
const M = ({ classIcon: e, size: t }) => /* @__PURE__ */ a.jsx("i", { className: `bi ${e} ${t ?? "sm"}` });
|
|
630
641
|
var ae = /* @__PURE__ */ ((e) => (e.EXTRA_SMALL = "xs", e.SMALL = "sm", e.MEDIUM = "md", e.LARGE = "xl", e.EXTRA_LARGE = "xxl", e))(ae || {});
|
|
631
|
-
const
|
|
642
|
+
const eo = ({
|
|
632
643
|
className: e,
|
|
633
644
|
onClick: t,
|
|
634
645
|
title: r,
|
|
@@ -661,7 +672,7 @@ const Qs = ({
|
|
|
661
672
|
onClick: (l) => u(l),
|
|
662
673
|
className: e,
|
|
663
674
|
children: [
|
|
664
|
-
o && i == 1 && /* @__PURE__ */ a.jsx("span", { className: "mr-2"
|
|
675
|
+
o && i == 1 && /* @__PURE__ */ a.jsx("span", { className: `${r ? "mr-2" : ""}`, children: /* @__PURE__ */ a.jsx(M, { size: n, classIcon: o }) }),
|
|
665
676
|
/* @__PURE__ */ a.jsx("span", { children: r }),
|
|
666
677
|
o && i == 2 && /* @__PURE__ */ a.jsx("span", { className: "ml-2", children: /* @__PURE__ */ a.jsx(M, { classIcon: o }) })
|
|
667
678
|
]
|
|
@@ -675,7 +686,7 @@ const Qs = ({
|
|
|
675
686
|
children: e.item.children
|
|
676
687
|
}
|
|
677
688
|
), Pr = (e) => {
|
|
678
|
-
const [t, r] =
|
|
689
|
+
const [t, r] = L(e.items[0]), n = $(
|
|
679
690
|
(o) => {
|
|
680
691
|
r(o);
|
|
681
692
|
},
|
|
@@ -689,10 +700,10 @@ const Qs = ({
|
|
|
689
700
|
active: t.id === o.id
|
|
690
701
|
}
|
|
691
702
|
) }, o.id)) }) });
|
|
692
|
-
}, Or = Nn(void 0),
|
|
703
|
+
}, Or = Nn(void 0), to = ({
|
|
693
704
|
children: e
|
|
694
705
|
}) => {
|
|
695
|
-
const [t, r] =
|
|
706
|
+
const [t, r] = L(null);
|
|
696
707
|
return /* @__PURE__ */ a.jsx(Or.Provider, { value: { activeOverlayId: t, setActiveOverlay: r }, children: e });
|
|
697
708
|
}, In = () => {
|
|
698
709
|
const e = Nr(Or);
|
|
@@ -764,7 +775,7 @@ function ur(e, t) {
|
|
|
764
775
|
return !le(r, t);
|
|
765
776
|
});
|
|
766
777
|
}
|
|
767
|
-
var ft = 1, Ie = 1, Mr = 0, Z = 0,
|
|
778
|
+
var ft = 1, Ie = 1, Mr = 0, Z = 0, V = 0, Fe = "";
|
|
768
779
|
function pt(e, t, r, n, o, i, c, u) {
|
|
769
780
|
return { value: e, root: t, parent: r, type: n, props: o, children: i, line: ft, column: Ie, length: c, return: "", siblings: u };
|
|
770
781
|
}
|
|
@@ -777,13 +788,13 @@ function Pe(e) {
|
|
|
777
788
|
qe(e, e.siblings);
|
|
778
789
|
}
|
|
779
790
|
function Wn() {
|
|
780
|
-
return
|
|
791
|
+
return V;
|
|
781
792
|
}
|
|
782
793
|
function Bn() {
|
|
783
|
-
return
|
|
794
|
+
return V = Z > 0 ? B(Fe, --Z) : 0, Ie--, V === 10 && (Ie = 1, ft--), V;
|
|
784
795
|
}
|
|
785
796
|
function ne() {
|
|
786
|
-
return
|
|
797
|
+
return V = Z < Mr ? B(Fe, Z++) : 0, Ie++, V === 10 && (Ie = 1, ft++), V;
|
|
787
798
|
}
|
|
788
799
|
function we() {
|
|
789
800
|
return B(Fe, Z);
|
|
@@ -836,23 +847,23 @@ function St(e) {
|
|
|
836
847
|
return $r(ht(Z - 1, Ot(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
|
|
837
848
|
}
|
|
838
849
|
function Un(e) {
|
|
839
|
-
for (; (
|
|
850
|
+
for (; (V = we()) && V < 33; )
|
|
840
851
|
ne();
|
|
841
|
-
return Pt(e) > 2 || Pt(
|
|
852
|
+
return Pt(e) > 2 || Pt(V) > 3 ? "" : " ";
|
|
842
853
|
}
|
|
843
854
|
function Gn(e, t) {
|
|
844
|
-
for (; --t && ne() && !(
|
|
855
|
+
for (; --t && ne() && !(V < 48 || V > 102 || V > 57 && V < 65 || V > 70 && V < 97); )
|
|
845
856
|
;
|
|
846
857
|
return ht(e, rt() + (t < 6 && we() == 32 && ne() == 32));
|
|
847
858
|
}
|
|
848
859
|
function Ot(e) {
|
|
849
860
|
for (; ne(); )
|
|
850
|
-
switch (
|
|
861
|
+
switch (V) {
|
|
851
862
|
case e:
|
|
852
863
|
return Z;
|
|
853
864
|
case 34:
|
|
854
865
|
case 39:
|
|
855
|
-
e !== 34 && e !== 39 && Ot(
|
|
866
|
+
e !== 34 && e !== 39 && Ot(V);
|
|
856
867
|
break;
|
|
857
868
|
case 40:
|
|
858
869
|
e === 41 && Ot(e);
|
|
@@ -864,8 +875,8 @@ function Ot(e) {
|
|
|
864
875
|
return Z;
|
|
865
876
|
}
|
|
866
877
|
function Hn(e, t) {
|
|
867
|
-
for (; ne() && e +
|
|
868
|
-
if (e +
|
|
878
|
+
for (; ne() && e + V !== 57; )
|
|
879
|
+
if (e + V === 84 && we() === 47)
|
|
869
880
|
break;
|
|
870
881
|
return "/*" + ht(t, Z - 1) + "*" + Vt(e === 47 ? e : ne());
|
|
871
882
|
}
|
|
@@ -1702,7 +1713,7 @@ function zs(e, t, r) {
|
|
|
1702
1713
|
}
|
|
1703
1714
|
return ce.className && (te.className = be(te.className, ce.className)), te;
|
|
1704
1715
|
}(X, S, ze), ue = K.as || ie, de = {};
|
|
1705
|
-
for (var
|
|
1716
|
+
for (var q in K) K[q] === void 0 || q[0] === "$" || q === "as" || q === "theme" && K.theme === ze || (q === "forwardedAs" ? de.as = K.forwardedAs : Se && !Se(q, ue) || (de[q] = K[q], Se || process.env.NODE_ENV !== "development" || Mn(q) || Cr.has(q) || !Tt.has(ue) || (Cr.add(q), console.warn('styled-components: it looks like an unknown prop "'.concat(q, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
|
|
1706
1717
|
var Ce = function(Re, ce) {
|
|
1707
1718
|
var fe = jr(), ee = Re.generateAndInjectStyles(ce, fe.styleSheet, fe.stylis);
|
|
1708
1719
|
return process.env.NODE_ENV !== "production" && ir(ee), ee;
|
|
@@ -1800,14 +1811,14 @@ const Vs = qt.div`
|
|
|
1800
1811
|
show: o,
|
|
1801
1812
|
closeOverlay: i
|
|
1802
1813
|
}, c) => {
|
|
1803
|
-
const { activeOverlayId: u, setActiveOverlay: l } = In(), [h, g] =
|
|
1814
|
+
const { activeOverlayId: u, setActiveOverlay: l } = In(), [h, g] = L(o || !1), [v, p] = L(
|
|
1804
1815
|
r ?? { top: 0, left: 0 }
|
|
1805
1816
|
), f = se(null), m = Pn();
|
|
1806
1817
|
Ft(c, () => ({
|
|
1807
1818
|
setCoords: p
|
|
1808
|
-
})),
|
|
1819
|
+
})), Y(() => {
|
|
1809
1820
|
u !== m && g(!1);
|
|
1810
|
-
}, [u, m]),
|
|
1821
|
+
}, [u, m]), Y(() => {
|
|
1811
1822
|
const j = () => {
|
|
1812
1823
|
var x;
|
|
1813
1824
|
if (!t && r)
|
|
@@ -1856,14 +1867,14 @@ const Vs = qt.div`
|
|
|
1856
1867
|
},
|
|
1857
1868
|
[i, l]
|
|
1858
1869
|
);
|
|
1859
|
-
return
|
|
1870
|
+
return Y(() => {
|
|
1860
1871
|
const j = (x) => {
|
|
1861
1872
|
f.current && !f.current.contains(x.target) && w(x);
|
|
1862
1873
|
};
|
|
1863
1874
|
return h && document.addEventListener("mousedown", j), () => {
|
|
1864
1875
|
document.removeEventListener("mousedown", j);
|
|
1865
1876
|
};
|
|
1866
|
-
}, [h, w]),
|
|
1877
|
+
}, [h, w]), Y(() => {
|
|
1867
1878
|
o && y();
|
|
1868
1879
|
}, [o]), h ? Lt.createPortal(
|
|
1869
1880
|
/* @__PURE__ */ a.jsx(Vs, { ref: f, $top: v.top, $left: v.left, children: /* @__PURE__ */ a.jsxs(
|
|
@@ -1879,7 +1890,7 @@ const Vs = qt.div`
|
|
|
1879
1890
|
document.body
|
|
1880
1891
|
) : null;
|
|
1881
1892
|
}
|
|
1882
|
-
),
|
|
1893
|
+
), ro = ({
|
|
1883
1894
|
className: e,
|
|
1884
1895
|
onClick: t,
|
|
1885
1896
|
title: r,
|
|
@@ -1889,7 +1900,7 @@ const Vs = qt.div`
|
|
|
1889
1900
|
}) => {
|
|
1890
1901
|
const c = (f) => {
|
|
1891
1902
|
f.preventDefault(), t && t(f);
|
|
1892
|
-
}, u = se(null), [l, h] =
|
|
1903
|
+
}, u = se(null), [l, h] = L(!1), g = $(
|
|
1893
1904
|
(f) => {
|
|
1894
1905
|
f.stopPropagation(), n && h(!l);
|
|
1895
1906
|
},
|
|
@@ -1953,8 +1964,8 @@ const Vs = qt.div`
|
|
|
1953
1964
|
positions: n,
|
|
1954
1965
|
setOpenActions: o
|
|
1955
1966
|
}) => {
|
|
1956
|
-
const i = se(null), [c, u] =
|
|
1957
|
-
|
|
1967
|
+
const i = se(null), [c, u] = L(), l = se(null), [h, g] = L(t ?? !1);
|
|
1968
|
+
Y(() => {
|
|
1958
1969
|
t && g(t);
|
|
1959
1970
|
}, [t]);
|
|
1960
1971
|
const v = $(
|
|
@@ -2019,7 +2030,7 @@ const Vs = qt.div`
|
|
|
2019
2030
|
}
|
|
2020
2031
|
)
|
|
2021
2032
|
] });
|
|
2022
|
-
},
|
|
2033
|
+
}, no = ({
|
|
2023
2034
|
item: e,
|
|
2024
2035
|
actions: t,
|
|
2025
2036
|
className: r,
|
|
@@ -2028,7 +2039,7 @@ const Vs = qt.div`
|
|
|
2028
2039
|
customAction: i,
|
|
2029
2040
|
children: c
|
|
2030
2041
|
}) => {
|
|
2031
|
-
const [u, l] =
|
|
2042
|
+
const [u, l] = L(!1), [h, g] = L(!1), [v, p] = L(), f = (y, w) => {
|
|
2032
2043
|
y.stopPropagation(), o && o(w);
|
|
2033
2044
|
}, m = $(
|
|
2034
2045
|
(y, w) => {
|
|
@@ -2085,7 +2096,7 @@ const Vs = qt.div`
|
|
|
2085
2096
|
]
|
|
2086
2097
|
}
|
|
2087
2098
|
);
|
|
2088
|
-
},
|
|
2099
|
+
}, so = ({
|
|
2089
2100
|
children: e,
|
|
2090
2101
|
showControls: t = !0,
|
|
2091
2102
|
itemsToScroll: r = 1,
|
|
@@ -2096,8 +2107,8 @@ const Vs = qt.div`
|
|
|
2096
2107
|
xl: 5
|
|
2097
2108
|
}
|
|
2098
2109
|
}) => {
|
|
2099
|
-
const [o, i] =
|
|
2100
|
-
|
|
2110
|
+
const [o, i] = L(0), c = e.length, [u, l] = L(1);
|
|
2111
|
+
Y(() => {
|
|
2101
2112
|
const m = () => {
|
|
2102
2113
|
const y = window.innerWidth;
|
|
2103
2114
|
if (n.xl && y >= 1200)
|
|
@@ -2169,15 +2180,15 @@ const Vs = qt.div`
|
|
|
2169
2180
|
t && t(e);
|
|
2170
2181
|
};
|
|
2171
2182
|
return /* @__PURE__ */ a.jsx("div", { className: "cell", onClick: r, children: e.child });
|
|
2172
|
-
},
|
|
2183
|
+
}, oo = ({
|
|
2173
2184
|
cols: e,
|
|
2174
2185
|
rows: t,
|
|
2175
2186
|
damierCells: r = [],
|
|
2176
2187
|
page: n = 1,
|
|
2177
2188
|
onClick: o
|
|
2178
2189
|
}) => {
|
|
2179
|
-
const i = Oe(() => e ?? 9, [e]), c = Oe(() => t ?? 9, [t]), [u, l] =
|
|
2180
|
-
|
|
2190
|
+
const i = Oe(() => e ?? 9, [e]), c = Oe(() => t ?? 9, [t]), [u, l] = L(1);
|
|
2191
|
+
Y(() => {
|
|
2181
2192
|
l(n);
|
|
2182
2193
|
}, [n]);
|
|
2183
2194
|
const h = Oe(() => {
|
|
@@ -2208,8 +2219,8 @@ const Vs = qt.div`
|
|
|
2208
2219
|
showArrow: n = !0,
|
|
2209
2220
|
onChange: o
|
|
2210
2221
|
}) => {
|
|
2211
|
-
const [i, c] =
|
|
2212
|
-
|
|
2222
|
+
const [i, c] = L(!1);
|
|
2223
|
+
Y(() => {
|
|
2213
2224
|
t && e && e.id === t.id ? i || c(!0) : c(!1);
|
|
2214
2225
|
}, [e, c, t]);
|
|
2215
2226
|
const u = $(
|
|
@@ -2238,14 +2249,14 @@ const Vs = qt.div`
|
|
|
2238
2249
|
]
|
|
2239
2250
|
}
|
|
2240
2251
|
);
|
|
2241
|
-
},
|
|
2242
|
-
const [t, r] =
|
|
2252
|
+
}, ao = (e) => {
|
|
2253
|
+
const [t, r] = L(), n = $(
|
|
2243
2254
|
(o) => {
|
|
2244
2255
|
e.onChange && e.onChange(o), r(o);
|
|
2245
2256
|
},
|
|
2246
2257
|
[r, e.onChange]
|
|
2247
2258
|
);
|
|
2248
|
-
return
|
|
2259
|
+
return Y(() => {
|
|
2249
2260
|
r(e.currentItem);
|
|
2250
2261
|
}, [e.currentItem, r, document.activeElement]), /* @__PURE__ */ a.jsx("div", { className: `expands ${e.className || ""}`, children: e.items.map((o) => /* @__PURE__ */ a.jsx(
|
|
2251
2262
|
Ys,
|
|
@@ -2257,7 +2268,7 @@ const Vs = qt.div`
|
|
|
2257
2268
|
},
|
|
2258
2269
|
o.id
|
|
2259
2270
|
)) });
|
|
2260
|
-
},
|
|
2271
|
+
}, io = ({
|
|
2261
2272
|
filArianes: e,
|
|
2262
2273
|
onClick: t,
|
|
2263
2274
|
currentFil: r,
|
|
@@ -2296,7 +2307,7 @@ const Vs = qt.div`
|
|
|
2296
2307
|
] });
|
|
2297
2308
|
}, qs = Mt(
|
|
2298
2309
|
({ initialForm: e, title: t, onSubmit: r, onChange: n, hideSubmit: o }, i) => {
|
|
2299
|
-
const [c, u] =
|
|
2310
|
+
const [c, u] = L(() => {
|
|
2300
2311
|
const w = {};
|
|
2301
2312
|
return e.forEach((j) => {
|
|
2302
2313
|
w[j.name] = j.value ?? "";
|
|
@@ -2397,7 +2408,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2397
2408
|
max-width: ${he(e)};
|
|
2398
2409
|
}
|
|
2399
2410
|
`}
|
|
2400
|
-
`, Gs = ({ xs: e, sm: t, md: r, lg: n, children: o }) => /* @__PURE__ */ a.jsx(Us, { $xs: e, $sm: t, $md: r, $lg: n, children: o }), Hs = ({ children: e }) => /* @__PURE__ */ a.jsx("div", { className: "container", children: e }), Xs = ({ children: e, className: t, scroll: r }) => /* @__PURE__ */ a.jsx("div", { className: `grid-row ${t ?? ""} ${r ? "scroll" : ""}`, children: e }),
|
|
2411
|
+
`, Gs = ({ xs: e, sm: t, md: r, lg: n, children: o }) => /* @__PURE__ */ a.jsx(Us, { $xs: e, $sm: t, $md: r, $lg: n, children: o }), Hs = ({ children: e }) => /* @__PURE__ */ a.jsx("div", { className: "container", children: e }), Xs = ({ children: e, className: t, scroll: r }) => /* @__PURE__ */ a.jsx("div", { className: `grid-row ${t ?? ""} ${r ? "scroll" : ""}`, children: e }), co = ({ items: e, className: t, scroll: r }) => /* @__PURE__ */ a.jsx(Hs, { children: /* @__PURE__ */ a.jsx(Xs, { scroll: r, className: t, children: e.map((n, o) => /* @__PURE__ */ a.jsx(Gs, { ...n }, o)) }) }), lo = ({
|
|
2401
2412
|
children: e,
|
|
2402
2413
|
logo: t,
|
|
2403
2414
|
onClickMenu: r,
|
|
@@ -2405,7 +2416,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2405
2416
|
positionFixed: o,
|
|
2406
2417
|
onClickLogo: i
|
|
2407
2418
|
}) => {
|
|
2408
|
-
const c = se(null), [u, l] =
|
|
2419
|
+
const c = se(null), [u, l] = L(!1), h = $(() => {
|
|
2409
2420
|
l(!u);
|
|
2410
2421
|
}, [u, l]);
|
|
2411
2422
|
return /* @__PURE__ */ a.jsxs("div", { className: `header ${o ? "header--fixed" : ""}`, children: [
|
|
@@ -2435,7 +2446,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2435
2446
|
)
|
|
2436
2447
|
] })
|
|
2437
2448
|
] });
|
|
2438
|
-
},
|
|
2449
|
+
}, uo = ({ display: e, full: t, message: r }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
|
|
2439
2450
|
e && !t && /* @__PURE__ */ a.jsxs("div", { className: "d-flex flex-column align-items-center", children: [
|
|
2440
2451
|
r && /* @__PURE__ */ a.jsx("span", { className: "mb-3", children: r }),
|
|
2441
2452
|
/* @__PURE__ */ a.jsx("div", { className: "position-relative", children: /* @__PURE__ */ a.jsx("span", { className: "loader" }) })
|
|
@@ -2447,7 +2458,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2447
2458
|
] }) }) }),
|
|
2448
2459
|
document.body
|
|
2449
2460
|
)
|
|
2450
|
-
] }),
|
|
2461
|
+
] }), fo = ({
|
|
2451
2462
|
isOpen: e,
|
|
2452
2463
|
onClose: t,
|
|
2453
2464
|
children: r,
|
|
@@ -2464,8 +2475,8 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2464
2475
|
n && /* @__PURE__ */ a.jsx("div", { className: "d-flex justify-content-end", children: /* @__PURE__ */ a.jsx(ut, { onClick: n, title: o ?? "" }) })
|
|
2465
2476
|
] }) }),
|
|
2466
2477
|
document.body
|
|
2467
|
-
) : null,
|
|
2468
|
-
const [n, o] =
|
|
2478
|
+
) : null, po = ({ setQuantity: e, item: t, disabled: r }) => {
|
|
2479
|
+
const [n, o] = L(t.quantity ?? 1), i = $(
|
|
2469
2480
|
(l) => {
|
|
2470
2481
|
r || (o(l), e && e(t, l));
|
|
2471
2482
|
},
|
|
@@ -2483,7 +2494,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2483
2494
|
},
|
|
2484
2495
|
[i, n]
|
|
2485
2496
|
);
|
|
2486
|
-
return
|
|
2497
|
+
return Y(() => {
|
|
2487
2498
|
t.quantity && o(t.quantity);
|
|
2488
2499
|
}, [t.quantity]), /* @__PURE__ */ a.jsxs("div", { className: "qte ", children: [
|
|
2489
2500
|
/* @__PURE__ */ a.jsx(
|
|
@@ -2504,7 +2515,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2504
2515
|
}
|
|
2505
2516
|
)
|
|
2506
2517
|
] });
|
|
2507
|
-
},
|
|
2518
|
+
}, ho = Mt(
|
|
2508
2519
|
({
|
|
2509
2520
|
children: e,
|
|
2510
2521
|
name: t,
|
|
@@ -2516,7 +2527,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2516
2527
|
setIsVisible: u,
|
|
2517
2528
|
id: l
|
|
2518
2529
|
}, h) => {
|
|
2519
|
-
const [g, v] =
|
|
2530
|
+
const [g, v] = L(n ?? !1), p = se(null), f = se(null), m = Oe(
|
|
2520
2531
|
() => [
|
|
2521
2532
|
{
|
|
2522
2533
|
value: "",
|
|
@@ -2532,7 +2543,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2532
2543
|
],
|
|
2533
2544
|
[r, o]
|
|
2534
2545
|
);
|
|
2535
|
-
|
|
2546
|
+
Y(() => {
|
|
2536
2547
|
n !== void 0 && v(n);
|
|
2537
2548
|
}, [n]);
|
|
2538
2549
|
const y = $(
|
|
@@ -2603,10 +2614,10 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2603
2614
|
closeOnClickOutside: u = !0,
|
|
2604
2615
|
displayOverlay: l = !0
|
|
2605
2616
|
}) => {
|
|
2606
|
-
const [h, g] =
|
|
2607
|
-
|
|
2617
|
+
const [h, g] = L(e || !1), v = se(null), p = se(null);
|
|
2618
|
+
Y(() => (p.current || (p.current = document.createElement("div"), p.current.id = `sidebar-root-${i || Math.random().toString(36).substr(2, 9)}`, document.body.appendChild(p.current)), () => {
|
|
2608
2619
|
p.current && p.current.parentNode && (document.body.removeChild(p.current), p.current = null);
|
|
2609
|
-
}), [i]),
|
|
2620
|
+
}), [i]), Y(() => {
|
|
2610
2621
|
g(e || !1);
|
|
2611
2622
|
}, [e]);
|
|
2612
2623
|
const f = $(() => {
|
|
@@ -2617,7 +2628,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2617
2628
|
},
|
|
2618
2629
|
[f, u]
|
|
2619
2630
|
);
|
|
2620
|
-
return
|
|
2631
|
+
return Y(() => (h ? document.addEventListener("mousedown", m) : document.removeEventListener("mousedown", m), () => {
|
|
2621
2632
|
document.removeEventListener("mousedown", m);
|
|
2622
2633
|
}), [h, m]), p.current ? Lt.createPortal(
|
|
2623
2634
|
/* @__PURE__ */ a.jsxs(a.Fragment, { children: [
|
|
@@ -2640,7 +2651,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2640
2651
|
] }),
|
|
2641
2652
|
p.current
|
|
2642
2653
|
) : /* @__PURE__ */ a.jsx(a.Fragment, {});
|
|
2643
|
-
},
|
|
2654
|
+
}, mo = (e) => /* @__PURE__ */ a.jsx(Ks, { ...e, className: `full sidebar-data ${e.className}`, children: e.children && /* @__PURE__ */ a.jsx("div", { className: "sidebar-data-content", children: e.children }) }), go = ({
|
|
2644
2655
|
className: e,
|
|
2645
2656
|
title: t,
|
|
2646
2657
|
duration: r = 2500,
|
|
@@ -2659,7 +2670,7 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2659
2670
|
clearTimeout(h);
|
|
2660
2671
|
};
|
|
2661
2672
|
}, [r, u]);
|
|
2662
|
-
return
|
|
2673
|
+
return Y(() => (document.body.appendChild(c), l(), () => {
|
|
2663
2674
|
document.body.removeChild(c);
|
|
2664
2675
|
}), [c, l]), Lt.createPortal(
|
|
2665
2676
|
/* @__PURE__ */ a.jsxs("div", { className: `toaster toaster-${i} ${e || ""}`, children: [
|
|
@@ -2680,27 +2691,28 @@ const he = (e = 12) => `${e / 12 * 100}%`, Us = qt.div`
|
|
|
2680
2691
|
};
|
|
2681
2692
|
export {
|
|
2682
2693
|
ut as Button,
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
|
|
2687
|
-
|
|
2694
|
+
eo as ButtonAction,
|
|
2695
|
+
ro as ButtonActions,
|
|
2696
|
+
no as Card,
|
|
2697
|
+
so as Carousel,
|
|
2698
|
+
oo as Damier,
|
|
2688
2699
|
qs as DynamicForm,
|
|
2689
|
-
|
|
2690
|
-
|
|
2691
|
-
|
|
2692
|
-
|
|
2700
|
+
ao as Expands,
|
|
2701
|
+
io as FilAriane,
|
|
2702
|
+
co as Grid,
|
|
2703
|
+
lo as Header,
|
|
2693
2704
|
M as Icon,
|
|
2694
2705
|
ae as IconSizeEnum,
|
|
2695
|
-
|
|
2706
|
+
uo as Loader,
|
|
2696
2707
|
Pr as Menus,
|
|
2697
|
-
|
|
2708
|
+
fo as Modal,
|
|
2698
2709
|
Ut as OverlayPanel,
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2710
|
+
to as OverlayProvider,
|
|
2711
|
+
po as Quantity,
|
|
2712
|
+
ho as Search,
|
|
2702
2713
|
Ks as Sidebar,
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
rn as TypeInputEnum
|
|
2714
|
+
mo as SidebarData,
|
|
2715
|
+
go as Toaster,
|
|
2716
|
+
rn as TypeInputEnum,
|
|
2717
|
+
Qs as useIsMobile
|
|
2706
2718
|
};
|