@caspeco/casper-ui-library 10.1.1 → 10.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -11,8 +11,8 @@ type CustomModalProperties = {
|
|
|
11
11
|
returnFocusOnClose?: boolean;
|
|
12
12
|
onCloseComplete?: () => void;
|
|
13
13
|
};
|
|
14
|
-
type ChakraDialogProperties = Pick<ChakraDialog.RootProps, "children" | "id" | "scrollBehavior" | "lazyMount">;
|
|
14
|
+
type ChakraDialogProperties = Pick<ChakraDialog.RootProps, "children" | "id" | "scrollBehavior" | "lazyMount" | "trapFocus">;
|
|
15
15
|
export type ModalProps = CustomModalProperties & ChakraDialogProperties;
|
|
16
|
-
export declare function Modal({ children, isOpen, onClose, closeOnOverlayClick, closeOnEsc, onCloseComplete, returnFocusOnClose, size, scrollBehavior, isCentered, ...props }: ModalProps): import("react").JSX.Element;
|
|
16
|
+
export declare function Modal({ children, isOpen, onClose, closeOnOverlayClick, closeOnEsc, onCloseComplete, returnFocusOnClose, trapFocus, size, scrollBehavior, isCentered, ...props }: ModalProps): import("react").JSX.Element;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,IAAI,YAAY,EAItB,MAAM,kBAAkB,CAAC;AAI1B,KAAK,qBAAqB,GAAG;IAC5B;2EACuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAG1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CACjC,YAAY,CAAC,SAAS,EACtB,UAAU,GAAG,IAAI,GAAG,gBAAgB,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,IAAI,YAAY,EAItB,MAAM,kBAAkB,CAAC;AAI1B,KAAK,qBAAqB,GAAG;IAC5B;2EACuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAG1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CACjC,YAAY,CAAC,SAAS,EACtB,UAAU,GAAG,IAAI,GAAG,gBAAgB,GAAG,WAAW,GAAG,WAAW,CAChE,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAAG,sBAAsB,CAAC;AAExE,wBAAgB,KAAK,CAAC,EACrB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,kBAAyB,EACzB,SAAgB,EAChB,IAAW,EACX,cAAyB,EACzB,UAAiB,EACjB,GAAG,KAAK,EACR,EAAE,UAAU,+BAwCZ"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { useBreakpointValue as
|
|
4
|
-
import { useState as
|
|
5
|
-
import { ModalBodyContext as
|
|
6
|
-
function
|
|
7
|
-
const e =
|
|
8
|
-
let t, o, l, n, s, i, r,
|
|
1
|
+
import { jsx as x, jsxs as V } from "react/jsx-runtime";
|
|
2
|
+
import { c as $ } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import { useBreakpointValue as q, Dialog as F, Portal as w } from "@chakra-ui/react";
|
|
4
|
+
import { useState as A } from "react";
|
|
5
|
+
import { ModalBodyContext as G } from "./modal-body-context.js";
|
|
6
|
+
function T(g) {
|
|
7
|
+
const e = $.c(43);
|
|
8
|
+
let t, o, l, n, s, i, r, f, h, v, C, O;
|
|
9
9
|
e[0] !== g ? ({
|
|
10
10
|
children: t,
|
|
11
11
|
isOpen: n,
|
|
@@ -13,46 +13,47 @@ function N(g) {
|
|
|
13
13
|
closeOnOverlayClick: l,
|
|
14
14
|
closeOnEsc: o,
|
|
15
15
|
onCloseComplete: i,
|
|
16
|
-
returnFocusOnClose:
|
|
17
|
-
|
|
16
|
+
returnFocusOnClose: f,
|
|
17
|
+
trapFocus: h,
|
|
18
|
+
size: v,
|
|
18
19
|
scrollBehavior: C,
|
|
19
|
-
isCentered:
|
|
20
|
+
isCentered: O,
|
|
20
21
|
...r
|
|
21
|
-
} = g, e[0] = g, e[1] = t, e[2] = o, e[3] = l, e[4] = n, e[5] = s, e[6] = i, e[7] = r, e[8] =
|
|
22
|
-
const P =
|
|
23
|
-
let
|
|
24
|
-
e[
|
|
22
|
+
} = g, e[0] = g, e[1] = t, e[2] = o, e[3] = l, e[4] = n, e[5] = s, e[6] = i, e[7] = r, e[8] = f, e[9] = h, e[10] = v, e[11] = C, e[12] = O) : (t = e[1], o = e[2], l = e[3], n = e[4], s = e[5], i = e[6], r = e[7], f = e[8], h = e[9], v = e[10], C = e[11], O = e[12]);
|
|
23
|
+
const P = f === void 0 ? !0 : f, k = h === void 0 ? !0 : h, S = v === void 0 ? "sm" : v, j = C === void 0 ? "inside" : C, _ = O === void 0 ? !0 : O, [z, D] = A(null);
|
|
24
|
+
let B, E;
|
|
25
|
+
e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = {
|
|
25
26
|
base: "bottomSheet",
|
|
26
27
|
md: void 0
|
|
27
|
-
},
|
|
28
|
+
}, E = {
|
|
28
29
|
ssr: !1
|
|
29
|
-
}, e[
|
|
30
|
-
const c =
|
|
31
|
-
let
|
|
32
|
-
e[
|
|
33
|
-
|
|
34
|
-
}, e[
|
|
35
|
-
const
|
|
30
|
+
}, e[13] = B, e[14] = E) : (B = e[13], E = e[14]);
|
|
31
|
+
const c = q(B, E);
|
|
32
|
+
let b;
|
|
33
|
+
e[15] !== s ? (b = function(I) {
|
|
34
|
+
I.open || s?.();
|
|
35
|
+
}, e[15] = s, e[16] = b) : b = e[16];
|
|
36
|
+
const M = b;
|
|
36
37
|
let a;
|
|
37
|
-
e[
|
|
38
|
-
bodyElement:
|
|
39
|
-
setBodyElement:
|
|
40
|
-
}, e[
|
|
41
|
-
const
|
|
38
|
+
e[17] !== z ? (a = {
|
|
39
|
+
bodyElement: z,
|
|
40
|
+
setBodyElement: D
|
|
41
|
+
}, e[17] = z, e[18] = a) : a = e[18];
|
|
42
|
+
const R = _ ? "center" : void 0;
|
|
42
43
|
let d;
|
|
43
|
-
e[
|
|
44
|
+
e[19] !== c ? (d = /* @__PURE__ */ x(F.Backdrop, { "data-variant": c }), e[19] = c, e[20] = d) : d = e[20];
|
|
44
45
|
let m;
|
|
45
|
-
e[
|
|
46
|
+
e[21] !== t ? (m = /* @__PURE__ */ x(F.Positioner, { children: /* @__PURE__ */ x(F.Content, { children: t }) }), e[21] = t, e[22] = m) : m = e[22];
|
|
46
47
|
let p;
|
|
47
|
-
e[
|
|
48
|
+
e[23] !== d || e[24] !== m ? (p = /* @__PURE__ */ V(w, { children: [
|
|
48
49
|
d,
|
|
49
50
|
m
|
|
50
|
-
] }), e[
|
|
51
|
-
let
|
|
52
|
-
e[
|
|
53
|
-
let
|
|
54
|
-
return e[
|
|
51
|
+
] }), e[23] = d, e[24] = m, e[25] = p) : p = e[25];
|
|
52
|
+
let u;
|
|
53
|
+
e[26] !== o || e[27] !== l || e[28] !== M || e[29] !== n || e[30] !== i || e[31] !== r || e[32] !== P || e[33] !== j || e[34] !== S || e[35] !== R || e[36] !== p || e[37] !== k || e[38] !== c ? (u = /* @__PURE__ */ x(F.Root, { variant: c, scrollBehavior: j, motionPreset: "slide-in-bottom", size: S, placement: R, closeOnInteractOutside: l, closeOnEscape: o, open: n, onOpenChange: M, restoreFocus: P, trapFocus: k, onExitComplete: i, ...r, children: p }), e[26] = o, e[27] = l, e[28] = M, e[29] = n, e[30] = i, e[31] = r, e[32] = P, e[33] = j, e[34] = S, e[35] = R, e[36] = p, e[37] = k, e[38] = c, e[39] = u) : u = e[39];
|
|
54
|
+
let y;
|
|
55
|
+
return e[40] !== u || e[41] !== a ? (y = /* @__PURE__ */ x(G.Provider, { value: a, children: u }), e[40] = u, e[41] = a, e[42] = y) : y = e[42], y;
|
|
55
56
|
}
|
|
56
57
|
export {
|
|
57
|
-
|
|
58
|
+
T as Modal
|
|
58
59
|
};
|