@yselimcan/ui 0.0.5 → 0.0.7
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/index100.js +4 -5
- package/dist/index101.js +66 -7
- package/dist/index102.js +8 -87
- package/dist/index103.js +12 -11
- package/dist/index104.js +3 -62
- package/dist/index105.js +4 -38
- package/dist/index106.js +6 -14
- package/dist/index107.js +29 -32
- package/dist/index108.js +12 -19
- package/dist/index109.js +65 -4
- package/dist/index110.js +53 -3
- package/dist/index111.js +13 -5
- package/dist/index112.js +5 -11
- package/dist/index113.js +13 -19
- package/dist/index114.js +13 -13
- package/dist/index115.js +32 -296
- package/dist/index116.js +19 -5
- package/dist/index117.js +40 -38
- package/dist/index118.js +16 -123
- package/dist/index119.js +12 -21
- package/dist/index120.js +38 -77
- package/dist/index121.js +14 -65
- package/dist/index122.js +8 -45
- package/dist/index123.js +13 -14
- package/dist/index124.js +5 -5
- package/dist/index125.js +87 -29
- package/dist/index126.js +296 -4
- package/dist/index127.js +10 -26
- package/dist/index128.js +122 -14
- package/dist/index129.js +4 -21
- package/dist/index130.js +259 -54
- package/dist/index131.js +78 -16
- package/dist/index132.js +37 -26
- package/dist/index133.js +21 -41
- package/dist/index134.js +12 -43
- package/dist/index135.js +55 -20
- package/dist/index136.js +11 -48
- package/dist/index137.js +11 -51
- package/dist/index138.js +29 -16
- package/dist/index139.js +18 -11
- package/dist/index140.js +65 -21
- package/dist/index141.js +103 -34
- package/dist/index142.js +8 -230
- package/dist/index143.js +8 -283
- package/dist/index144.js +21 -52
- package/dist/index145.js +102 -14
- package/dist/index146.js +7 -79
- package/dist/index147.js +32 -3
- package/dist/index148.js +228 -28
- package/dist/index149.js +74 -23
- package/dist/index150.js +283 -15
- package/dist/index151.js +52 -68
- package/dist/index152.js +46 -4
- package/dist/index153.js +70 -98
- package/dist/index154.js +3 -79
- package/dist/index155.js +13 -262
- package/dist/index156.js +15 -11
- package/dist/index157.js +28 -10
- package/dist/index158.js +7 -40
- package/dist/index159.js +22 -4
- package/dist/index160.js +24 -66
- package/dist/index161.js +160 -9
- package/dist/index162.js +113 -8
- package/dist/index163.js +64 -5
- package/dist/index164.js +74 -132
- package/dist/index165.js +64 -53
- package/dist/index166.js +68 -10
- package/dist/index167.js +14 -118
- package/dist/index168.js +7 -11
- package/dist/index169.js +5 -8
- package/dist/index17.js +4 -4
- package/dist/index170.js +16 -11
- package/dist/index171.js +21 -22
- package/dist/index172.js +58 -11
- package/dist/index173.js +16 -65
- package/dist/index174.js +26 -11
- package/dist/index175.js +42 -12
- package/dist/index176.js +20 -11
- package/dist/index177.js +48 -11
- package/dist/index178.js +47 -83
- package/dist/index179.js +17 -11
- package/dist/index18.js +4 -4
- package/dist/index180.js +11 -11
- package/dist/index181.js +34 -55
- package/dist/index182.js +15 -11
- package/dist/index183.js +79 -11
- package/dist/index184.js +23 -18
- package/dist/index185.js +4 -9
- package/dist/index186.js +10 -7
- package/dist/index187.js +10 -103
- package/dist/index188.js +40 -7
- package/dist/index189.js +4 -32
- package/dist/index19.js +9 -9
- package/dist/index190.js +10 -75
- package/dist/index191.js +11 -14
- package/dist/index192.js +114 -25
- package/dist/index193.js +11 -7
- package/dist/index194.js +85 -20
- package/dist/index195.js +12 -24
- package/dist/index196.js +59 -157
- package/dist/index197.js +4 -114
- package/dist/index198.js +5 -76
- package/dist/index199.js +11 -64
- package/dist/index20.js +2 -2
- package/dist/index201.js +21 -47
- package/dist/index202.js +4 -200
- package/dist/index203.js +26 -47
- package/dist/index204.js +127 -19
- package/dist/index205.js +45 -27
- package/dist/index206.js +17 -11
- package/dist/index207.js +5 -7
- package/dist/index208.js +181 -4
- package/dist/index209.js +74 -8
- package/dist/index21.js +3 -3
- package/dist/index210.js +396 -14
- package/dist/index211.js +199 -21
- package/dist/index212.js +46 -126
- package/dist/index213.js +18 -43
- package/dist/index214.js +47 -17
- package/dist/index215.js +7 -5
- package/dist/index216.js +5 -181
- package/dist/index217.js +15 -74
- package/dist/index218.js +12 -396
- package/dist/index219.js +32 -38
- package/dist/index22.js +5 -5
- package/dist/index220.js +4 -57
- package/dist/index221.js +11 -27
- package/dist/index222.js +9 -7
- package/dist/index223.js +37 -11
- package/dist/index224.js +57 -12
- package/dist/index225.js +27 -11
- package/dist/index226.js +6 -20
- package/dist/index227.js +11 -10
- package/dist/index228.js +11 -7
- package/dist/index229.js +11 -42
- package/dist/index23.js +2 -2
- package/dist/index230.js +22 -4
- package/dist/index231.js +11 -4
- package/dist/index232.js +6 -595
- package/dist/index233.js +42 -11
- package/dist/index234.js +594 -12
- package/dist/index235.js +11 -32
- package/dist/index236.js +4 -209
- package/dist/index237.js +209 -4
- package/dist/index238.js +3 -13
- package/dist/index239.js +13 -47
- package/dist/index24.js +9 -9
- package/dist/index240.js +47 -3
- package/dist/index242.js +4 -4
- package/dist/index243.js +2 -2
- package/dist/index244.js +1 -1
- package/dist/index246.js +3 -3
- package/dist/index247.js +1 -1
- package/dist/index251.js +1 -1
- package/dist/index253.js +1 -1
- package/dist/index256.js +1 -1
- package/dist/index257.js +1 -1
- package/dist/index260.js +1 -1
- package/dist/index261.js +1 -1
- package/dist/index262.js +2 -2
- package/dist/index264.js +2 -2
- package/dist/index27.js +1 -1
- package/dist/index28.js +1 -1
- package/dist/index32.js +1 -1
- package/dist/index33.js +16 -16
- package/dist/index34.js +5 -5
- package/dist/index35.js +13 -13
- package/dist/index36.js +10 -10
- package/dist/index37.js +7 -7
- package/dist/index38.js +9 -9
- package/dist/index39.js +4 -4
- package/dist/index40.js +2 -2
- package/dist/index41.js +3 -3
- package/dist/index42.js +2 -2
- package/dist/index43.js +1 -1
- package/dist/index45.js +5 -5
- package/dist/index46.js +9 -9
- package/dist/index47.js +9 -9
- package/dist/index48.js +18 -18
- package/dist/index49.js +4 -4
- package/dist/index50.js +11 -11
- package/dist/index52.js +25 -25
- package/dist/index53.js +3 -3
- package/dist/index54.js +31 -31
- package/dist/index55.js +13 -13
- package/dist/index56.js +12 -12
- package/dist/index57.js +1 -1
- package/dist/index58.js +3 -3
- package/dist/index59.js +5 -5
- package/dist/index60.js +11 -11
- package/dist/index61.js +4 -4
- package/dist/index62.js +3 -3
- package/dist/index63.js +11 -11
- package/dist/index64.js +4 -4
- package/dist/index65.js +3 -3
- package/dist/index66.js +13 -13
- package/dist/index67.js +1 -1
- package/dist/index69.js +32 -32
- package/dist/index70.js +5 -5
- package/dist/index71.js +17 -17
- package/dist/index72.js +23 -23
- package/dist/index73.js +7 -7
- package/dist/index74.js +1 -1
- package/dist/index75.js +13 -13
- package/dist/index76.js +2 -2
- package/dist/index77.js +4 -4
- package/dist/index78.js +3 -3
- package/dist/index79.js +1 -1
- package/dist/index80.js +1 -1
- package/dist/index81.js +17 -17
- package/dist/index82.js +4 -4
- package/dist/index83.js +4 -4
- package/dist/index86.js +89 -11
- package/dist/index87.js +8 -8
- package/dist/index88.js +12 -96
- package/dist/index89.js +87 -81
- package/dist/index94.js +133 -4
- package/dist/index95.js +24 -63
- package/dist/index96.js +8 -8
- package/dist/index97.js +5 -14
- package/dist/index98.js +12 -3
- package/dist/index99.js +22 -3
- package/dist/styles.css +1 -1
- package/package.json +8 -4
package/dist/index194.js
CHANGED
|
@@ -1,25 +1,90 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import * as s from "react";
|
|
3
|
+
import { useStableCallback as y } from "./index95.js";
|
|
4
|
+
import { useScrollLock as I } from "./index141.js";
|
|
5
|
+
import { useOpenInteractionType as A } from "./index144.js";
|
|
6
|
+
import { createChangeEventDetails as M } from "./index115.js";
|
|
7
|
+
import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./index153.js";
|
|
8
|
+
import { useSyncedFloatingRootContext as U } from "./index147.js";
|
|
9
|
+
import { useRole as w } from "./index149.js";
|
|
10
|
+
import { useDismiss as H } from "./index148.js";
|
|
11
|
+
import { useInteractions as K } from "./index152.js";
|
|
12
|
+
import { imperativeAction as L } from "./index116.js";
|
|
13
|
+
import { getTarget as V, contains as j } from "./index166.js";
|
|
14
|
+
function ee(R) {
|
|
5
15
|
const {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} =
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
store: e,
|
|
17
|
+
parentContext: o,
|
|
18
|
+
actionsRef: x
|
|
19
|
+
} = R, n = e.useState("open"), P = e.useState("disablePointerDismissal"), c = e.useState("modal"), l = e.useState("popupElement"), {
|
|
20
|
+
openMethod: k,
|
|
21
|
+
triggerProps: r,
|
|
22
|
+
reset: S
|
|
23
|
+
} = A(n);
|
|
24
|
+
B(e);
|
|
25
|
+
const {
|
|
26
|
+
forceUnmount: m
|
|
27
|
+
} = F(n, e, () => {
|
|
28
|
+
S();
|
|
29
|
+
}), f = y((t) => {
|
|
30
|
+
const a = M(t);
|
|
31
|
+
return a.preventUnmountOnClose = () => {
|
|
32
|
+
e.set("preventUnmountingOnClose", !0);
|
|
33
|
+
}, a;
|
|
34
|
+
}), g = s.useCallback(() => {
|
|
35
|
+
e.setOpen(!1, f(L));
|
|
36
|
+
}, [e, f]);
|
|
37
|
+
s.useImperativeHandle(x, () => ({
|
|
38
|
+
unmount: m,
|
|
39
|
+
close: g
|
|
40
|
+
}), [m, g]);
|
|
41
|
+
const u = U({
|
|
42
|
+
popupStore: e,
|
|
43
|
+
onOpenChange: e.setOpen,
|
|
44
|
+
treatPopupAsFloatingElement: !0,
|
|
45
|
+
noEmit: !0
|
|
46
|
+
}), [i, d] = s.useState(0), C = i === 0, N = w(u), T = H(u, {
|
|
47
|
+
outsidePressEvent() {
|
|
48
|
+
return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
|
|
49
|
+
mouse: c === "trap-focus" ? "sloppy" : "intentional",
|
|
50
|
+
touch: "sloppy"
|
|
51
|
+
};
|
|
52
|
+
},
|
|
53
|
+
outsidePress(t) {
|
|
54
|
+
if ("button" in t && t.button !== 0 || "touches" in t && t.touches.length !== 1)
|
|
55
|
+
return !1;
|
|
56
|
+
const a = V(t);
|
|
57
|
+
if (C && !P) {
|
|
58
|
+
const p = a;
|
|
59
|
+
return c && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === p || e.context.backdropRef.current === p || j(p, l) && !p?.hasAttribute("data-base-ui-portal") : !0;
|
|
60
|
+
}
|
|
61
|
+
return !1;
|
|
17
62
|
},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
63
|
+
escapeKey: C
|
|
64
|
+
});
|
|
65
|
+
I(n && c === !0, l);
|
|
66
|
+
const {
|
|
67
|
+
getReferenceProps: D,
|
|
68
|
+
getFloatingProps: O,
|
|
69
|
+
getTriggerProps: b
|
|
70
|
+
} = K([N, T]);
|
|
71
|
+
e.useContextCallback("onNestedDialogOpen", (t) => {
|
|
72
|
+
d(t + 1);
|
|
73
|
+
}), e.useContextCallback("onNestedDialogClose", () => {
|
|
74
|
+
d(0);
|
|
75
|
+
}), s.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
|
|
76
|
+
o?.onNestedDialogClose && n && o.onNestedDialogClose();
|
|
77
|
+
}), [n, o, i]);
|
|
78
|
+
const h = s.useMemo(() => D(r), [D, r]), v = s.useMemo(() => b(r), [b, r]), E = s.useMemo(() => O(), [O]);
|
|
79
|
+
e.useSyncedValues({
|
|
80
|
+
openMethod: k,
|
|
81
|
+
activeTriggerProps: h,
|
|
82
|
+
inactiveTriggerProps: v,
|
|
83
|
+
popupProps: E,
|
|
84
|
+
floatingRootContext: u,
|
|
85
|
+
nestedOpenDialogCount: i
|
|
86
|
+
});
|
|
22
87
|
}
|
|
23
88
|
export {
|
|
24
|
-
|
|
89
|
+
ee as useDialogRoot
|
|
25
90
|
};
|
package/dist/index195.js
CHANGED
|
@@ -1,27 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
...e,
|
|
13
|
-
ref: t,
|
|
14
|
-
style: i,
|
|
15
|
-
"aria-hidden": o ? void 0 : !0,
|
|
16
|
-
...{
|
|
17
|
-
tabIndex: 0,
|
|
18
|
-
// Role is only for VoiceOver
|
|
19
|
-
role: o
|
|
20
|
-
},
|
|
21
|
-
"data-base-ui-focus-guard": ""
|
|
22
|
-
});
|
|
23
|
-
});
|
|
24
|
-
process.env.NODE_ENV !== "production" && (n.displayName = "FocusGuard");
|
|
2
|
+
import i from "./index100.js";
|
|
3
|
+
import * as t from "react";
|
|
4
|
+
const e = /* @__PURE__ */ t.createContext(void 0);
|
|
5
|
+
process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
|
|
6
|
+
function s(n) {
|
|
7
|
+
const o = t.useContext(e);
|
|
8
|
+
if (n === !1 && o === void 0)
|
|
9
|
+
throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
|
|
10
|
+
return o;
|
|
11
|
+
}
|
|
25
12
|
export {
|
|
26
|
-
|
|
13
|
+
e as DialogRootContext,
|
|
14
|
+
s as useDialogRootContext
|
|
27
15
|
};
|
package/dist/index196.js
CHANGED
|
@@ -1,163 +1,65 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
current: null
|
|
1
|
+
import * as i from "react";
|
|
2
|
+
import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./index214.js";
|
|
3
|
+
import { ReactStore as p } from "./index211.js";
|
|
4
|
+
import { PopupTriggerMap as g } from "./index212.js";
|
|
5
|
+
import { createSelector as n } from "./index213.js";
|
|
6
|
+
const m = {
|
|
7
|
+
...d,
|
|
8
|
+
modal: n((e) => e.modal),
|
|
9
|
+
nested: n((e) => e.nested),
|
|
10
|
+
nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
|
|
11
|
+
disablePointerDismissal: n((e) => e.disablePointerDismissal),
|
|
12
|
+
openMethod: n((e) => e.openMethod),
|
|
13
|
+
descriptionElementId: n((e) => e.descriptionElementId),
|
|
14
|
+
titleElementId: n((e) => e.titleElementId),
|
|
15
|
+
viewportElement: n((e) => e.viewportElement),
|
|
16
|
+
role: n((e) => e.role)
|
|
18
17
|
};
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
pointerTypeRef: o,
|
|
35
|
-
interactedInsideRef: Z,
|
|
36
|
-
handlerRef: d,
|
|
37
|
-
blockMouseMoveRef: p,
|
|
38
|
-
performedPointerEventsMutationRef: j,
|
|
39
|
-
unbindMouseMoveRef: P,
|
|
40
|
-
restTimeoutPendingRef: f,
|
|
41
|
-
openChangeTimeout: c,
|
|
42
|
-
restTimeout: m,
|
|
43
|
-
handleCloseOptionsRef: $
|
|
44
|
-
} = oe(t), v = N(K), M = N(J), T = N(Q);
|
|
45
|
-
_ && ($.current = v.current?.__options);
|
|
46
|
-
const y = Y(() => Z.current ? !0 : a.current.openEvent ? ["click", "mousedown"].includes(a.current.openEvent.type) : !1), S = H.useCallback((e, r = !0) => {
|
|
47
|
-
const s = V(M.current, "close", o.current);
|
|
48
|
-
s && !d.current ? c.start(s, () => t.setOpen(!1, C(L, e))) : r && (c.clear(), t.setOpen(!1, C(L, e)));
|
|
49
|
-
}, [M, d, t, o, c]), F = Y(() => {
|
|
50
|
-
P.current(), d.current = void 0;
|
|
51
|
-
}), k = Y(() => {
|
|
52
|
-
if (j.current) {
|
|
53
|
-
const e = z(t.select("domReferenceElement")).body;
|
|
54
|
-
e.style.pointerEvents = "", e.removeAttribute(ce), j.current = !1;
|
|
55
|
-
}
|
|
56
|
-
});
|
|
57
|
-
H.useEffect(() => {
|
|
58
|
-
if (!x)
|
|
59
|
-
return;
|
|
60
|
-
function e(r) {
|
|
61
|
-
r.open || (c.clear(), m.clear(), p.current = !0, f.current = !1);
|
|
62
|
-
}
|
|
63
|
-
return A.on("openchange", e), () => {
|
|
64
|
-
A.off("openchange", e);
|
|
65
|
-
};
|
|
66
|
-
}, [x, A, c, m, p, f]);
|
|
67
|
-
const q = Y((e) => {
|
|
68
|
-
if (y() || !a.current.floatingContext)
|
|
69
|
-
return;
|
|
70
|
-
const r = t.context.triggerElements;
|
|
71
|
-
if (e.relatedTarget && r.hasElement(e.relatedTarget))
|
|
18
|
+
class C extends p {
|
|
19
|
+
constructor(o) {
|
|
20
|
+
super(c(o), {
|
|
21
|
+
popupRef: /* @__PURE__ */ i.createRef(),
|
|
22
|
+
backdropRef: /* @__PURE__ */ i.createRef(),
|
|
23
|
+
internalBackdropRef: /* @__PURE__ */ i.createRef(),
|
|
24
|
+
triggerElements: new g(),
|
|
25
|
+
onOpenChange: void 0,
|
|
26
|
+
onOpenChangeComplete: void 0
|
|
27
|
+
}, m);
|
|
28
|
+
}
|
|
29
|
+
setOpen = (o, t) => {
|
|
30
|
+
if (t.preventUnmountOnClose = () => {
|
|
31
|
+
this.set("preventUnmountingOnClose", !0);
|
|
32
|
+
}, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
|
|
72
33
|
return;
|
|
73
|
-
const s =
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
y: e.clientY,
|
|
79
|
-
onClose() {
|
|
80
|
-
k(), F(), !y() && s === t.select("domReferenceElement") && S(e);
|
|
81
|
-
}
|
|
82
|
-
})(e);
|
|
83
|
-
});
|
|
84
|
-
return H.useEffect(() => {
|
|
85
|
-
if (!x)
|
|
86
|
-
return;
|
|
87
|
-
const e = b.current ?? (_ ? t.select("domReferenceElement") : null);
|
|
88
|
-
if (!re(e))
|
|
89
|
-
return;
|
|
90
|
-
function r(n) {
|
|
91
|
-
if (c.clear(), p.current = !1, D && !B(o.current) || W(T.current) > 0 && !V(M.current, "open"))
|
|
92
|
-
return;
|
|
93
|
-
const g = V(M.current, "open", o.current), u = t.select("domReferenceElement"), i = t.context.triggerElements, E = (i.hasElement(n.target) || i.hasMatchingElement((ee) => O(ee, n.target))) && (!u || !O(u, n.target)), R = n.currentTarget ?? null, h = !t.select("open") || E;
|
|
94
|
-
g ? c.start(g, () => {
|
|
95
|
-
h && t.setOpen(!0, C(L, n, R));
|
|
96
|
-
}) : h && t.setOpen(!0, C(L, n, R));
|
|
97
|
-
}
|
|
98
|
-
function s(n) {
|
|
99
|
-
if (y()) {
|
|
100
|
-
k();
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
P.current();
|
|
104
|
-
const g = t.select("domReferenceElement"), u = z(g);
|
|
105
|
-
m.clear(), f.current = !1;
|
|
106
|
-
const i = t.context.triggerElements;
|
|
107
|
-
if (n.relatedTarget && i.hasElement(n.relatedTarget))
|
|
108
|
-
return;
|
|
109
|
-
if (v.current && a.current.floatingContext) {
|
|
110
|
-
t.select("open") || c.clear();
|
|
111
|
-
const R = b.current;
|
|
112
|
-
d.current = v.current({
|
|
113
|
-
...a.current.floatingContext,
|
|
114
|
-
tree: w,
|
|
115
|
-
x: n.clientX,
|
|
116
|
-
y: n.clientY,
|
|
117
|
-
onClose() {
|
|
118
|
-
k(), F(), !y() && R === t.select("domReferenceElement") && S(n, !0);
|
|
119
|
-
}
|
|
120
|
-
});
|
|
121
|
-
const h = d.current;
|
|
122
|
-
h(n), u.addEventListener("mousemove", h), P.current = () => {
|
|
123
|
-
u.removeEventListener("mousemove", h);
|
|
124
|
-
};
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
|
-
(o.current !== "touch" || !O(t.select("floatingElement"), n.relatedTarget)) && S(n);
|
|
128
|
-
}
|
|
129
|
-
function I(n) {
|
|
130
|
-
q(n);
|
|
131
|
-
}
|
|
132
|
-
return t.select("open") && e.addEventListener("mouseleave", I), X && e.addEventListener("mousemove", r, {
|
|
133
|
-
once: !0
|
|
134
|
-
}), e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", s), () => {
|
|
135
|
-
e.removeEventListener("mouseleave", I), X && e.removeEventListener("mousemove", r), e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", s);
|
|
34
|
+
const s = {
|
|
35
|
+
open: o,
|
|
36
|
+
nativeEvent: t.event,
|
|
37
|
+
reason: t.reason,
|
|
38
|
+
nested: this.state.nested
|
|
136
39
|
};
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
o
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
}, [p, D, t, o, T, m, f]);
|
|
40
|
+
this.state.floatingRootContext.context.events?.emit("openchange", s);
|
|
41
|
+
const r = {
|
|
42
|
+
open: o
|
|
43
|
+
}, l = t.trigger?.id ?? null;
|
|
44
|
+
(l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
function c(e = {}) {
|
|
48
|
+
return {
|
|
49
|
+
...a(),
|
|
50
|
+
modal: !0,
|
|
51
|
+
disablePointerDismissal: !1,
|
|
52
|
+
popupElement: null,
|
|
53
|
+
viewportElement: null,
|
|
54
|
+
descriptionElementId: void 0,
|
|
55
|
+
titleElementId: void 0,
|
|
56
|
+
openMethod: null,
|
|
57
|
+
nested: !1,
|
|
58
|
+
nestedOpenDialogCount: 0,
|
|
59
|
+
role: "dialog",
|
|
60
|
+
...e
|
|
61
|
+
};
|
|
160
62
|
}
|
|
161
63
|
export {
|
|
162
|
-
|
|
64
|
+
C as DialogStore
|
|
163
65
|
};
|
package/dist/index197.js
CHANGED
|
@@ -1,116 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { getNodeChildren as y } from "./index241.js";
|
|
5
|
-
function G(u, t) {
|
|
6
|
-
const [_, R] = u;
|
|
7
|
-
let h = !1;
|
|
8
|
-
const a = t.length;
|
|
9
|
-
for (let d = 0, b = a - 1; d < a; b = d++) {
|
|
10
|
-
const [O, E] = t[d] || [0, 0], [S, i] = t[b] || [0, 0];
|
|
11
|
-
E >= R != i >= R && _ <= (S - O) * (R - E) / (i - E) + O && (h = !h);
|
|
12
|
-
}
|
|
13
|
-
return h;
|
|
14
|
-
}
|
|
15
|
-
function x(u, t) {
|
|
16
|
-
return u[0] >= t.x && u[0] <= t.x + t.width && u[1] >= t.y && u[1] <= t.y + t.height;
|
|
17
|
-
}
|
|
18
|
-
function rt(u = {}) {
|
|
19
|
-
const {
|
|
20
|
-
buffer: t = 0.5,
|
|
21
|
-
blockPointerEvents: _ = !1,
|
|
22
|
-
requireIntent: R = !0
|
|
23
|
-
} = u, h = new Z();
|
|
24
|
-
let a = !1, d = null, b = null, O = typeof performance < "u" ? performance.now() : 0;
|
|
25
|
-
function E(i, s) {
|
|
26
|
-
const k = performance.now(), c = k - O;
|
|
27
|
-
if (d === null || b === null || c === 0)
|
|
28
|
-
return d = i, b = s, O = k, null;
|
|
29
|
-
const X = i - d, Y = s - b, z = Math.sqrt(X * X + Y * Y) / c;
|
|
30
|
-
return d = i, b = s, O = k, z;
|
|
31
|
-
}
|
|
32
|
-
const S = ({
|
|
33
|
-
x: i,
|
|
34
|
-
y: s,
|
|
35
|
-
placement: k,
|
|
36
|
-
elements: c,
|
|
37
|
-
onClose: X,
|
|
38
|
-
nodeId: Y,
|
|
39
|
-
tree: p
|
|
40
|
-
}) => function(P) {
|
|
41
|
-
function I() {
|
|
42
|
-
h.clear(), X();
|
|
43
|
-
}
|
|
44
|
-
if (h.clear(), !c.domReference || !c.floating || k == null || i == null || s == null)
|
|
45
|
-
return;
|
|
46
|
-
const {
|
|
47
|
-
clientX: N,
|
|
48
|
-
clientY: V
|
|
49
|
-
} = P, H = [N, V], A = $(P), j = P.type === "mouseleave", J = W(c.floating, A), D = W(c.domReference, A), n = c.domReference.getBoundingClientRect(), o = c.floating.getBoundingClientRect(), C = k.split("-")[0], m = i > o.right - o.width / 2, g = s > o.bottom - o.height / 2, K = x(H, n), l = o.width > n.width, f = o.height > n.height, v = (l ? n : o).left, B = (l ? n : o).right, M = (f ? n : o).top, q = (f ? n : o).bottom;
|
|
50
|
-
if (J && (a = !0, !j))
|
|
51
|
-
return;
|
|
52
|
-
if (D && (a = !1), D && !j) {
|
|
53
|
-
a = !0;
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
if (j && U(P.relatedTarget) && W(c.floating, P.relatedTarget) || p && y(p.nodesRef.current, Y).some(({
|
|
57
|
-
context: e
|
|
58
|
-
}) => e?.open))
|
|
59
|
-
return;
|
|
60
|
-
if (C === "top" && s >= n.bottom - 1 || C === "bottom" && s <= n.top + 1 || C === "left" && i >= n.right - 1 || C === "right" && i <= n.left + 1)
|
|
61
|
-
return I();
|
|
62
|
-
let L = [];
|
|
63
|
-
switch (C) {
|
|
64
|
-
case "top":
|
|
65
|
-
L = [[v, n.top + 1], [v, o.bottom - 1], [B, o.bottom - 1], [B, n.top + 1]];
|
|
66
|
-
break;
|
|
67
|
-
case "bottom":
|
|
68
|
-
L = [[v, o.top + 1], [v, n.bottom - 1], [B, n.bottom - 1], [B, o.top + 1]];
|
|
69
|
-
break;
|
|
70
|
-
case "left":
|
|
71
|
-
L = [[o.right - 1, q], [o.right - 1, M], [n.left + 1, M], [n.left + 1, q]];
|
|
72
|
-
break;
|
|
73
|
-
case "right":
|
|
74
|
-
L = [[n.right - 1, q], [n.right - 1, M], [o.left + 1, M], [o.left + 1, q]];
|
|
75
|
-
break;
|
|
76
|
-
}
|
|
77
|
-
function Q([e, r]) {
|
|
78
|
-
switch (C) {
|
|
79
|
-
case "top": {
|
|
80
|
-
const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], F = [[o.left, m || l ? o.bottom - t : o.top], [o.right, m ? l ? o.bottom - t : o.top : o.bottom - t]];
|
|
81
|
-
return [T, w, ...F];
|
|
82
|
-
}
|
|
83
|
-
case "bottom": {
|
|
84
|
-
const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r - t], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r - t], F = [[o.left, m || l ? o.top + t : o.bottom], [o.right, m ? l ? o.top + t : o.bottom : o.top + t]];
|
|
85
|
-
return [T, w, ...F];
|
|
86
|
-
}
|
|
87
|
-
case "left": {
|
|
88
|
-
const T = [e + t + 1, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e + t + 1, f ? r - t / 2 : g ? r + t * 4 : r - t * 4];
|
|
89
|
-
return [...[[g || f ? o.right - t : o.left, o.top], [g ? f ? o.right - t : o.left : o.right - t, o.bottom]], T, w];
|
|
90
|
-
}
|
|
91
|
-
case "right": {
|
|
92
|
-
const T = [e - t, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e - t, f ? r - t / 2 : g ? r + t * 4 : r - t * 4], F = [[g || f ? o.left + t : o.right, o.top], [g ? f ? o.left + t : o.right : o.left + t, o.bottom]];
|
|
93
|
-
return [T, w, ...F];
|
|
94
|
-
}
|
|
95
|
-
default:
|
|
96
|
-
return [];
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
if (!G([N, V], L)) {
|
|
100
|
-
if (a && !K)
|
|
101
|
-
return I();
|
|
102
|
-
if (!j && R) {
|
|
103
|
-
const e = E(P.clientX, P.clientY);
|
|
104
|
-
if (e !== null && e < 0.1)
|
|
105
|
-
return I();
|
|
106
|
-
}
|
|
107
|
-
G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
return S.__options = {
|
|
111
|
-
blockPointerEvents: _
|
|
112
|
-
}, S;
|
|
113
|
-
}
|
|
1
|
+
let t = /* @__PURE__ */ (function(e) {
|
|
2
|
+
return e.nestedDialogs = "--nested-dialogs", e;
|
|
3
|
+
})({});
|
|
114
4
|
export {
|
|
115
|
-
|
|
5
|
+
t as DialogPopupCssVars
|
|
116
6
|
};
|
package/dist/index198.js
CHANGED
|
@@ -1,78 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
import { createChangeEventDetails as R } from "./index107.js";
|
|
6
|
-
import { createAttribute as O } from "./index237.js";
|
|
7
|
-
import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./index151.js";
|
|
8
|
-
import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./index108.js";
|
|
9
|
-
const g = F && D;
|
|
10
|
-
function z(a, L = {}) {
|
|
11
|
-
const r = "rootStore" in a ? a.rootStore : a, {
|
|
12
|
-
events: f,
|
|
13
|
-
dataRef: E
|
|
14
|
-
} = r.context, {
|
|
15
|
-
enabled: o = !0,
|
|
16
|
-
visibleOnly: p = !0
|
|
17
|
-
} = L, s = i.useRef(!1), v = k(), m = i.useRef(!0);
|
|
18
|
-
i.useEffect(() => {
|
|
19
|
-
const t = r.select("domReferenceElement");
|
|
20
|
-
if (!o)
|
|
21
|
-
return;
|
|
22
|
-
const e = h(t);
|
|
23
|
-
function u() {
|
|
24
|
-
!r.select("open") && M(t) && t === T(x(t)) && (s.current = !0);
|
|
25
|
-
}
|
|
26
|
-
function c() {
|
|
27
|
-
m.current = !0;
|
|
28
|
-
}
|
|
29
|
-
function n() {
|
|
30
|
-
m.current = !1;
|
|
31
|
-
}
|
|
32
|
-
return e.addEventListener("blur", u), g && (e.addEventListener("keydown", c, !0), e.addEventListener("pointerdown", n, !0)), () => {
|
|
33
|
-
e.removeEventListener("blur", u), g && (e.removeEventListener("keydown", c, !0), e.removeEventListener("pointerdown", n, !0));
|
|
34
|
-
};
|
|
35
|
-
}, [r, o]), i.useEffect(() => {
|
|
36
|
-
if (!o)
|
|
37
|
-
return;
|
|
38
|
-
function t(e) {
|
|
39
|
-
(e.reason === B || e.reason === K) && (s.current = !0);
|
|
40
|
-
}
|
|
41
|
-
return f.on("openchange", t), () => {
|
|
42
|
-
f.off("openchange", t);
|
|
43
|
-
};
|
|
44
|
-
}, [f, o]);
|
|
45
|
-
const l = i.useMemo(() => ({
|
|
46
|
-
onMouseLeave() {
|
|
47
|
-
s.current = !1;
|
|
48
|
-
},
|
|
49
|
-
onFocus(t) {
|
|
50
|
-
if (s.current)
|
|
51
|
-
return;
|
|
52
|
-
const e = S(t.nativeEvent);
|
|
53
|
-
if (p && b(e)) {
|
|
54
|
-
if (g && !t.relatedTarget) {
|
|
55
|
-
if (!m.current && !A(e))
|
|
56
|
-
return;
|
|
57
|
-
} else if (!C(e))
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
r.setOpen(!0, R(y, t.nativeEvent, t.currentTarget));
|
|
61
|
-
},
|
|
62
|
-
onBlur(t) {
|
|
63
|
-
s.current = !1;
|
|
64
|
-
const e = t.relatedTarget, u = t.nativeEvent, c = b(e) && e.hasAttribute(O("focus-guard")) && e.getAttribute("data-type") === "outside";
|
|
65
|
-
v.start(0, () => {
|
|
66
|
-
const n = r.select("domReferenceElement"), d = T(n ? n.ownerDocument : document);
|
|
67
|
-
!e && d === n || w(E.current.floatingContext?.refs.floating.current, d) || w(n, d) || c || r.context.triggerElements.hasElement(t.relatedTarget) || r.setOpen(!1, R(y, u));
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}), [E, r, p, v]);
|
|
71
|
-
return i.useMemo(() => o ? {
|
|
72
|
-
reference: l,
|
|
73
|
-
trigger: l
|
|
74
|
-
} : {}, [o, l]);
|
|
75
|
-
}
|
|
1
|
+
import { CommonPopupDataAttributes as e } from "./index120.js";
|
|
2
|
+
let y = (function(n) {
|
|
3
|
+
return n[n.open = e.open] = "open", n[n.closed = e.closed] = "closed", n[n.startingStyle = e.startingStyle] = "startingStyle", n[n.endingStyle = e.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
|
|
4
|
+
})({});
|
|
76
5
|
export {
|
|
77
|
-
|
|
6
|
+
y as DialogPopupDataAttributes
|
|
78
7
|
};
|
package/dist/index199.js
CHANGED
|
@@ -1,67 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
)
|
|
11
|
-
});
|
|
12
|
-
function u(t, a) {
|
|
13
|
-
const e = r(t, s()), n = e.length;
|
|
14
|
-
if (n === 0)
|
|
15
|
-
return;
|
|
16
|
-
const i = f(b(t)), o = e.indexOf(i), c = o === -1 ? a === 1 ? 0 : n - 1 : o + a;
|
|
17
|
-
return e[c];
|
|
18
|
-
}
|
|
19
|
-
function T(t) {
|
|
20
|
-
return u(b(t).body, 1) || t;
|
|
21
|
-
}
|
|
22
|
-
function m(t) {
|
|
23
|
-
return u(b(t).body, -1) || t;
|
|
24
|
-
}
|
|
25
|
-
function l(t, a) {
|
|
26
|
-
if (!t)
|
|
27
|
-
return null;
|
|
28
|
-
const e = r(b(t).body, s()), n = e.length;
|
|
29
|
-
if (n === 0)
|
|
30
|
-
return null;
|
|
31
|
-
const i = e.indexOf(t);
|
|
32
|
-
if (i === -1)
|
|
33
|
-
return null;
|
|
34
|
-
const o = (i + a + n) % n;
|
|
35
|
-
return e[o];
|
|
36
|
-
}
|
|
37
|
-
function v(t) {
|
|
38
|
-
return l(t, 1);
|
|
39
|
-
}
|
|
40
|
-
function h(t) {
|
|
41
|
-
return l(t, -1);
|
|
42
|
-
}
|
|
43
|
-
function p(t, a) {
|
|
44
|
-
const e = a || t.currentTarget, n = t.relatedTarget;
|
|
45
|
-
return !n || !d(e, n);
|
|
46
|
-
}
|
|
47
|
-
function y(t) {
|
|
48
|
-
r(t, s()).forEach((e) => {
|
|
49
|
-
e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
function A(t) {
|
|
53
|
-
t.querySelectorAll("[data-tabindex]").forEach((e) => {
|
|
54
|
-
const n = e.dataset.tabindex;
|
|
55
|
-
delete e.dataset.tabindex, n ? e.setAttribute("tabindex", n) : e.removeAttribute("tabindex");
|
|
56
|
-
});
|
|
1
|
+
import r from "./index100.js";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
const e = /* @__PURE__ */ t.createContext(void 0);
|
|
4
|
+
process.env.NODE_ENV !== "production" && (e.displayName = "DialogPortalContext");
|
|
5
|
+
function a() {
|
|
6
|
+
const o = t.useContext(e);
|
|
7
|
+
if (o === void 0)
|
|
8
|
+
throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : r(26));
|
|
9
|
+
return o;
|
|
57
10
|
}
|
|
58
11
|
export {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
T as getNextTabbable,
|
|
62
|
-
m as getPreviousTabbable,
|
|
63
|
-
v as getTabbableAfterElement,
|
|
64
|
-
h as getTabbableBeforeElement,
|
|
65
|
-
s as getTabbableOptions,
|
|
66
|
-
p as isOutsideEvent
|
|
12
|
+
e as DialogPortalContext,
|
|
13
|
+
a as useDialogPortalContext
|
|
67
14
|
};
|