@okam/stack-ui 1.35.2 → 1.35.3
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/index.d.ts +1 -0
- package/index103.js +1 -1
- package/index103.mjs +1 -1
- package/index105.js +1 -1
- package/index105.mjs +1 -1
- package/index106.js +1 -1
- package/index106.mjs +3 -3
- package/index107.js +1 -1
- package/index107.mjs +1 -1
- package/index114.js +1 -1
- package/index114.mjs +3 -3
- package/index115.js +1 -1
- package/index115.mjs +3 -3
- package/index116.js +1 -1
- package/index116.mjs +1 -1
- package/index117.js +1 -1
- package/index117.mjs +1 -1
- package/index118.js +1 -1
- package/index118.mjs +1 -1
- package/index122.js +1 -1
- package/index122.mjs +1 -1
- package/index123.js +1 -1
- package/index123.mjs +1 -1
- package/index124.js +1 -1
- package/index124.mjs +1 -1
- package/index131.js +1 -1
- package/index131.mjs +1 -1
- package/index139.js +1 -1
- package/index139.mjs +46 -12
- package/index140.js +1 -1
- package/index140.mjs +238 -54
- package/index141.js +2 -1
- package/index141.mjs +13 -46
- package/index142.js +1 -1
- package/index142.mjs +28 -239
- package/index143.js +1 -2
- package/index143.mjs +11 -12
- package/index144.js +1 -1
- package/index144.mjs +57 -30
- package/index148.js +1 -1
- package/index148.mjs +1 -1
- package/index150.js +1 -1
- package/index150.mjs +68 -22
- package/index151.js +1 -1
- package/index151.mjs +370 -62
- package/index152.js +1 -1
- package/index152.mjs +44 -379
- package/index153.js +1 -1
- package/index153.mjs +4 -47
- package/index154.js +1 -1
- package/index154.mjs +25 -4
- package/index155.js +1 -1
- package/index155.mjs +46 -23
- package/index156.js +1 -1
- package/index156.mjs +4 -46
- package/index157.js +1 -1
- package/index157.mjs +24 -5
- package/index158.js +1 -1
- package/index158.mjs +11 -23
- package/index159.js +1 -1
- package/index159.mjs +4 -12
- package/index160.js +1 -1
- package/index160.mjs +14 -4
- package/index161.js +1 -1
- package/index161.mjs +21 -14
- package/index162.js +1 -1
- package/index162.mjs +42 -21
- package/index163.js +1 -1
- package/index163.mjs +23 -41
- package/index164.js +1 -1
- package/index164.mjs +42 -24
- package/index165.js +1 -1
- package/index165.mjs +27 -41
- package/index166.js +1 -1
- package/index166.mjs +30 -27
- package/index167.js +1 -1
- package/index167.mjs +13 -30
- package/index168.js +1 -1
- package/index168.mjs +28 -14
- package/index169.js +1 -1
- package/index169.mjs +9 -28
- package/index170.js +1 -1
- package/index170.mjs +6 -9
- package/index171.js +1 -1
- package/index171.mjs +5 -6
- package/index172.js +1 -1
- package/index172.mjs +13 -5
- package/index173.js +1 -1
- package/index173.mjs +8 -13
- package/index174.js +1 -1
- package/index174.mjs +17 -8
- package/index175.js +1 -1
- package/index175.mjs +19 -17
- package/index176.js +1 -1
- package/index176.mjs +54 -19
- package/index177.js +1 -1
- package/index177.mjs +23 -50
- package/index221.js +1 -1
- package/index221.mjs +2 -2
- package/index222.js +1 -1
- package/index222.mjs +1 -1
- package/index224.js +1 -1
- package/index224.mjs +1 -1
- package/index225.js +1 -1
- package/index225.mjs +2 -2
- package/index226.js +1 -1
- package/index226.mjs +4 -4
- package/index275.js +1 -1
- package/index275.mjs +3 -3
- package/index277.js +1 -1
- package/index277.mjs +2 -2
- package/index278.js +1 -1
- package/index278.mjs +5 -5
- package/index281.js +1 -1
- package/index281.mjs +3 -3
- package/index284.js +1 -1
- package/index284.mjs +1 -1
- package/index285.js +1 -1
- package/index285.mjs +4 -4
- package/package.json +3 -2
package/index167.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index144.js");function d(a,t){let{id:i,"aria-label":l,"aria-labelledby":e}=a;return i=r.useId(i),e&&l?e=[...new Set([i,...e.trim().split(/\s+/)])].join(" "):e&&(e=e.trim().split(/\s+/).join(" ")),!l&&!e&&t&&(l=t),{id:i,"aria-label":l,"aria-labelledby":e}}exports.useLabels=d;
|
package/index167.mjs
CHANGED
|
@@ -1,34 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
function
|
|
3
|
-
let
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}, []), a = f((e, l, r, t) => {
|
|
14
|
-
var n;
|
|
15
|
-
let d = ((n = o.current.get(r)) === null || n === void 0 ? void 0 : n.fn) || r;
|
|
16
|
-
e.removeEventListener(l, d, t), o.current.delete(r);
|
|
17
|
-
}, []), s = f(() => {
|
|
18
|
-
o.current.forEach((e, l) => {
|
|
19
|
-
a(e.eventTarget, e.type, l, e.options);
|
|
20
|
-
});
|
|
21
|
-
}, [
|
|
22
|
-
a
|
|
23
|
-
]);
|
|
24
|
-
return b(() => s, [
|
|
25
|
-
s
|
|
26
|
-
]), {
|
|
27
|
-
addGlobalListener: u,
|
|
28
|
-
removeGlobalListener: a,
|
|
29
|
-
removeAllGlobalListeners: s
|
|
1
|
+
import { useId as b } from "./index144.mjs";
|
|
2
|
+
function t(r, a) {
|
|
3
|
+
let { id: i, "aria-label": l, "aria-labelledby": e } = r;
|
|
4
|
+
return i = b(i), e && l ? e = [
|
|
5
|
+
.../* @__PURE__ */ new Set([
|
|
6
|
+
i,
|
|
7
|
+
...e.trim().split(/\s+/)
|
|
8
|
+
])
|
|
9
|
+
].join(" ") : e && (e = e.trim().split(/\s+/).join(" ")), !l && !e && a && (l = a), {
|
|
10
|
+
id: i,
|
|
11
|
+
"aria-label": l,
|
|
12
|
+
"aria-labelledby": e
|
|
30
13
|
};
|
|
31
14
|
}
|
|
32
15
|
export {
|
|
33
|
-
|
|
16
|
+
t as useLabels
|
|
34
17
|
};
|
package/index168.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");function u(){return typeof window.ResizeObserver<"u"}function b(i){const{ref:e,box:s,onResize:r}=i;d.useEffect(()=>{let n=e==null?void 0:e.current;if(n)if(u()){const t=new window.ResizeObserver(o=>{o.length&&r()});return t.observe(n,{box:s}),()=>{n&&t.unobserve(n)}}else return window.addEventListener("resize",r,!1),()=>{window.removeEventListener("resize",r,!1)}},[r,e,s])}exports.useResizeObserver=b;
|
package/index168.mjs
CHANGED
|
@@ -1,17 +1,31 @@
|
|
|
1
|
-
import {
|
|
2
|
-
function
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { useEffect as d } from "react";
|
|
2
|
+
function f() {
|
|
3
|
+
return typeof window.ResizeObserver < "u";
|
|
4
|
+
}
|
|
5
|
+
function u(o) {
|
|
6
|
+
const { ref: e, box: s, onResize: r } = o;
|
|
7
|
+
d(() => {
|
|
8
|
+
let n = e == null ? void 0 : e.current;
|
|
9
|
+
if (n)
|
|
10
|
+
if (f()) {
|
|
11
|
+
const i = new window.ResizeObserver((t) => {
|
|
12
|
+
t.length && r();
|
|
13
|
+
});
|
|
14
|
+
return i.observe(n, {
|
|
15
|
+
box: s
|
|
16
|
+
}), () => {
|
|
17
|
+
n && i.unobserve(n);
|
|
18
|
+
};
|
|
19
|
+
} else
|
|
20
|
+
return window.addEventListener("resize", r, !1), () => {
|
|
21
|
+
window.removeEventListener("resize", r, !1);
|
|
22
|
+
};
|
|
23
|
+
}, [
|
|
24
|
+
r,
|
|
25
|
+
e,
|
|
26
|
+
s
|
|
27
|
+
]);
|
|
14
28
|
}
|
|
15
29
|
export {
|
|
16
|
-
|
|
30
|
+
u as useResizeObserver
|
|
17
31
|
};
|
package/index169.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index153.js");function f(e,r){u.useLayoutEffect(()=>{if(e&&e.ref&&r)return e.ref.current=r.current,()=>{e.ref&&(e.ref.current=null)}})}exports.useSyncRef=f;
|
package/index169.mjs
CHANGED
|
@@ -1,31 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
function
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
if (n)
|
|
10
|
-
if (f()) {
|
|
11
|
-
const i = new window.ResizeObserver((t) => {
|
|
12
|
-
t.length && r();
|
|
13
|
-
});
|
|
14
|
-
return i.observe(n, {
|
|
15
|
-
box: s
|
|
16
|
-
}), () => {
|
|
17
|
-
n && i.unobserve(n);
|
|
18
|
-
};
|
|
19
|
-
} else
|
|
20
|
-
return window.addEventListener("resize", r, !1), () => {
|
|
21
|
-
window.removeEventListener("resize", r, !1);
|
|
22
|
-
};
|
|
23
|
-
}, [
|
|
24
|
-
r,
|
|
25
|
-
e,
|
|
26
|
-
s
|
|
27
|
-
]);
|
|
1
|
+
import { useLayoutEffect as f } from "./index153.mjs";
|
|
2
|
+
function u(r, e) {
|
|
3
|
+
f(() => {
|
|
4
|
+
if (r && r.ref && e)
|
|
5
|
+
return r.ref.current = e.current, () => {
|
|
6
|
+
r.ref && (r.ref.current = null);
|
|
7
|
+
};
|
|
8
|
+
});
|
|
28
9
|
}
|
|
29
10
|
export {
|
|
30
|
-
u as
|
|
11
|
+
u as useSyncRef
|
|
31
12
|
};
|
package/index170.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index171.js");function r(n,l){let e=n;for(t.isScrollable(e,l)&&(e=e.parentElement);e&&!t.isScrollable(e,l);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}exports.getScrollParent=r;
|
package/index170.mjs
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
function
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
r.ref && (r.ref.current = null);
|
|
7
|
-
};
|
|
8
|
-
});
|
|
1
|
+
import { isScrollable as l } from "./index171.mjs";
|
|
2
|
+
function r(n, t) {
|
|
3
|
+
let e = n;
|
|
4
|
+
for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
|
|
5
|
+
return e || document.scrollingElement || document.documentElement;
|
|
9
6
|
}
|
|
10
7
|
export {
|
|
11
|
-
|
|
8
|
+
r as getScrollParent
|
|
12
9
|
};
|
package/index171.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(e,r){if(!e)return!1;let l=window.getComputedStyle(e),t=/(auto|scroll)/.test(l.overflow+l.overflowX+l.overflowY);return t&&r&&(t=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),t}exports.isScrollable=i;
|
package/index171.mjs
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
let e =
|
|
4
|
-
|
|
5
|
-
return e || document.scrollingElement || document.documentElement;
|
|
1
|
+
function c(l, r) {
|
|
2
|
+
if (!l) return !1;
|
|
3
|
+
let t = window.getComputedStyle(l), e = /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
|
|
4
|
+
return e && r && (e = l.scrollHeight !== l.clientHeight || l.scrollWidth !== l.clientWidth), e;
|
|
6
5
|
}
|
|
7
6
|
export {
|
|
8
|
-
|
|
7
|
+
c as isScrollable
|
|
9
8
|
};
|
package/index172.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index153.js"),r=require("react");function o(t){const u=r.useRef(null);return n.useLayoutEffect(()=>{u.current=t},[t]),r.useCallback((...c)=>{const e=u.current;return e==null?void 0:e(...c)},[])}exports.useEffectEvent=o;
|
package/index172.mjs
CHANGED
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { useLayoutEffect as f } from "./index153.mjs";
|
|
2
|
+
import { useRef as o, useCallback as a } from "react";
|
|
3
|
+
function s(r) {
|
|
4
|
+
const t = o(null);
|
|
5
|
+
return f(() => {
|
|
6
|
+
t.current = r;
|
|
7
|
+
}, [
|
|
8
|
+
r
|
|
9
|
+
]), a((...c) => {
|
|
10
|
+
const e = t.current;
|
|
11
|
+
return e == null ? void 0 : e(...c);
|
|
12
|
+
}, []);
|
|
5
13
|
}
|
|
6
14
|
export {
|
|
7
|
-
|
|
15
|
+
s as useEffectEvent
|
|
8
16
|
};
|
package/index173.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index164.js");function t(r){return r.mozInputSource===0&&r.isTrusted?!0:i.isAndroid()&&r.pointerType?r.type==="click"&&r.buttons===1:r.detail===0&&!r.pointerType}function o(r){return!i.isAndroid()&&r.width===0&&r.height===0||r.width===1&&r.height===1&&r.pressure===0&&r.detail===0&&r.pointerType==="mouse"}exports.isVirtualClick=t;exports.isVirtualPointerEvent=o;
|
package/index173.mjs
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}, [
|
|
8
|
-
r
|
|
9
|
-
]), a((...c) => {
|
|
10
|
-
const e = t.current;
|
|
11
|
-
return e == null ? void 0 : e(...c);
|
|
12
|
-
}, []);
|
|
1
|
+
import { isAndroid as i } from "./index164.mjs";
|
|
2
|
+
function o(r) {
|
|
3
|
+
return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
|
|
4
|
+
}
|
|
5
|
+
function u(r) {
|
|
6
|
+
return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
|
|
13
7
|
}
|
|
14
8
|
export {
|
|
15
|
-
|
|
9
|
+
o as isVirtualClick,
|
|
10
|
+
u as isVirtualPointerEvent
|
|
16
11
|
};
|
package/index174.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index172.js"),o=require("react");function s(t,d,u){let i=o.useRef(d),r=l.useEffectEvent(()=>{u&&u(i.current)});o.useEffect(()=>{var n;let e=t==null||(n=t.current)===null||n===void 0?void 0:n.form;return e==null||e.addEventListener("reset",r),()=>{e==null||e.removeEventListener("reset",r)}},[t,r])}exports.useFormReset=s;
|
package/index174.mjs
CHANGED
|
@@ -1,11 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { useEffectEvent as u } from "./index172.mjs";
|
|
2
|
+
import { useRef as a, useEffect as f } from "react";
|
|
3
|
+
function s(t, n, d) {
|
|
4
|
+
let i = a(n), r = u(() => {
|
|
5
|
+
d && d(i.current);
|
|
6
|
+
});
|
|
7
|
+
f(() => {
|
|
8
|
+
var o;
|
|
9
|
+
let e = t == null || (o = t.current) === null || o === void 0 ? void 0 : o.form;
|
|
10
|
+
return e == null || e.addEventListener("reset", r), () => {
|
|
11
|
+
e == null || e.removeEventListener("reset", r);
|
|
12
|
+
};
|
|
13
|
+
}, [
|
|
14
|
+
t,
|
|
15
|
+
r
|
|
16
|
+
]);
|
|
7
17
|
}
|
|
8
18
|
export {
|
|
9
|
-
|
|
10
|
-
u as isVirtualPointerEvent
|
|
19
|
+
s as useFormReset
|
|
11
20
|
};
|
package/index175.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable^="false"])'],b=e.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";e.push('[tabindex]:not([tabindex="-1"]):not([disabled])');function n(t){return t.matches(b)}exports.isFocusable=n;
|
package/index175.mjs
CHANGED
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
const e = [
|
|
2
|
+
"input:not([disabled]):not([type=hidden])",
|
|
3
|
+
"select:not([disabled])",
|
|
4
|
+
"textarea:not([disabled])",
|
|
5
|
+
"button:not([disabled])",
|
|
6
|
+
"a[href]",
|
|
7
|
+
"area[href]",
|
|
8
|
+
"summary",
|
|
9
|
+
"iframe",
|
|
10
|
+
"object",
|
|
11
|
+
"embed",
|
|
12
|
+
"audio[controls]",
|
|
13
|
+
"video[controls]",
|
|
14
|
+
'[contenteditable]:not([contenteditable^="false"])'
|
|
15
|
+
], b = e.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
|
|
16
|
+
e.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
|
|
17
|
+
function n(t) {
|
|
18
|
+
return t.matches(b);
|
|
17
19
|
}
|
|
18
20
|
export {
|
|
19
|
-
|
|
21
|
+
n as isFocusable
|
|
20
22
|
};
|
package/index176.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index278.js"),c=require("react"),l=require("./index157.js"),m=require("./index158.js"),p=require("./index166.js");function B(b){let{isDisabled:v,onBlurWithin:i,onFocusWithin:s,onFocusWithinChange:t}=b,n=c.useRef({isFocusWithin:!1}),{addGlobalListener:a,removeAllGlobalListeners:f}=p.useGlobalListeners(),r=c.useCallback(e=>{e.currentTarget.contains(e.target)&&n.current.isFocusWithin&&!e.currentTarget.contains(e.relatedTarget)&&(n.current.isFocusWithin=!1,f(),i&&i(e),t&&t(!1))},[i,t,n,f]),g=o.useSyntheticBlurEvent(r),W=c.useCallback(e=>{if(!e.currentTarget.contains(e.target))return;const u=m.getOwnerDocument(e.target),T=l.getActiveElement(u);if(!n.current.isFocusWithin&&T===l.getEventTarget(e.nativeEvent)){s&&s(e),t&&t(!0),n.current.isFocusWithin=!0,g(e);let h=e.currentTarget;a(u,"focus",d=>{if(n.current.isFocusWithin&&!l.nodeContains(h,d.target)){let F=new u.defaultView.FocusEvent("blur",{relatedTarget:d.target});o.setEventTarget(F,h);let E=o.createSyntheticEvent(F);r(E)}},{capture:!0})}},[s,t,g,a,r]);return v?{focusWithinProps:{onFocus:void 0,onBlur:void 0}}:{focusWithinProps:{onFocus:W,onBlur:r}}}exports.useFocusWithin=B;
|
package/index176.mjs
CHANGED
|
@@ -1,22 +1,57 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
import { useSyntheticBlurEvent as F, setEventTarget as W, createSyntheticEvent as v } from "./index278.mjs";
|
|
2
|
+
import { useRef as x, useCallback as $ } from "react";
|
|
3
|
+
import { getActiveElement as E, getEventTarget as T, nodeContains as B } from "./index157.mjs";
|
|
4
|
+
import { getOwnerDocument as G } from "./index158.mjs";
|
|
5
|
+
import { useGlobalListeners as L } from "./index166.mjs";
|
|
6
|
+
function S(b) {
|
|
7
|
+
let { isDisabled: h, onBlurWithin: i, onFocusWithin: o, onFocusWithinChange: t } = b, r = x({
|
|
8
|
+
isFocusWithin: !1
|
|
9
|
+
}), { addGlobalListener: c, removeAllGlobalListeners: s } = L(), n = $((e) => {
|
|
10
|
+
e.currentTarget.contains(e.target) && r.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget) && (r.current.isFocusWithin = !1, s(), i && i(e), t && t(!1));
|
|
11
|
+
}, [
|
|
12
|
+
i,
|
|
13
|
+
t,
|
|
14
|
+
r,
|
|
15
|
+
s
|
|
16
|
+
]), u = F(n), g = $((e) => {
|
|
17
|
+
if (!e.currentTarget.contains(e.target)) return;
|
|
18
|
+
const a = G(e.target), p = E(a);
|
|
19
|
+
if (!r.current.isFocusWithin && p === T(e.nativeEvent)) {
|
|
20
|
+
o && o(e), t && t(!0), r.current.isFocusWithin = !0, u(e);
|
|
21
|
+
let f = e.currentTarget;
|
|
22
|
+
c(a, "focus", (l) => {
|
|
23
|
+
if (r.current.isFocusWithin && !B(f, l.target)) {
|
|
24
|
+
let d = new a.defaultView.FocusEvent("blur", {
|
|
25
|
+
relatedTarget: l.target
|
|
26
|
+
});
|
|
27
|
+
W(d, f);
|
|
28
|
+
let m = v(d);
|
|
29
|
+
n(m);
|
|
30
|
+
}
|
|
31
|
+
}, {
|
|
32
|
+
capture: !0
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}, [
|
|
36
|
+
o,
|
|
37
|
+
t,
|
|
38
|
+
u,
|
|
39
|
+
c,
|
|
40
|
+
n
|
|
41
|
+
]);
|
|
42
|
+
return h ? {
|
|
43
|
+
focusWithinProps: {
|
|
44
|
+
// These cannot be null, that would conflict in mergeProps
|
|
45
|
+
onFocus: void 0,
|
|
46
|
+
onBlur: void 0
|
|
47
|
+
}
|
|
48
|
+
} : {
|
|
49
|
+
focusWithinProps: {
|
|
50
|
+
onFocus: g,
|
|
51
|
+
onBlur: n
|
|
52
|
+
}
|
|
53
|
+
};
|
|
19
54
|
}
|
|
20
55
|
export {
|
|
21
|
-
|
|
56
|
+
S as useFocusWithin
|
|
22
57
|
};
|
package/index177.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function m(o,p,s){let[b,u]=l.useState(o||p),i=l.useRef(o!==void 0),e=o!==void 0;l.useEffect(()=>{let t=i.current;t!==e&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${t?"controlled":"uncontrolled"} to ${e?"controlled":"uncontrolled"}.`),i.current=e},[e]);let n=e?o:b,S=l.useCallback((t,...f)=>{let d=(r,...c)=>{s&&(Object.is(n,r)||s(r,...c)),e||(n=r)};typeof t=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),u((c,...V)=>{let a=t(e?n:c,...V);return d(a,...f),e?c:a})):(e||u(t),d(t,...f))},[e,n,s]);return[n,S]}exports.useControlledState=m;
|
package/index177.mjs
CHANGED
|
@@ -1,57 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
let { isDisabled: h, onBlurWithin: i, onFocusWithin: o, onFocusWithinChange: t } = b, r = x({
|
|
8
|
-
isFocusWithin: !1
|
|
9
|
-
}), { addGlobalListener: c, removeAllGlobalListeners: s } = L(), n = $((e) => {
|
|
10
|
-
e.currentTarget.contains(e.target) && r.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget) && (r.current.isFocusWithin = !1, s(), i && i(e), t && t(!1));
|
|
1
|
+
import { useState as V, useRef as C, useEffect as E, useCallback as N } from "react";
|
|
2
|
+
function S(n, a, l) {
|
|
3
|
+
let [p, s] = V(n || a), i = C(n !== void 0), e = n !== void 0;
|
|
4
|
+
E(() => {
|
|
5
|
+
let t = i.current;
|
|
6
|
+
t !== e && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
|
|
11
7
|
}, [
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
c(a, "focus", (l) => {
|
|
23
|
-
if (r.current.isFocusWithin && !B(f, l.target)) {
|
|
24
|
-
let d = new a.defaultView.FocusEvent("blur", {
|
|
25
|
-
relatedTarget: l.target
|
|
26
|
-
});
|
|
27
|
-
W(d, f);
|
|
28
|
-
let m = v(d);
|
|
29
|
-
n(m);
|
|
30
|
-
}
|
|
31
|
-
}, {
|
|
32
|
-
capture: !0
|
|
33
|
-
});
|
|
34
|
-
}
|
|
8
|
+
e
|
|
9
|
+
]);
|
|
10
|
+
let o = e ? n : p, b = N((t, ...u) => {
|
|
11
|
+
let f = (r, ...c) => {
|
|
12
|
+
l && (Object.is(o, r) || l(r, ...c)), e || (o = r);
|
|
13
|
+
};
|
|
14
|
+
typeof t == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
|
|
15
|
+
let d = t(e ? o : c, ...m);
|
|
16
|
+
return f(d, ...u), e ? c : d;
|
|
17
|
+
})) : (e || s(t), f(t, ...u));
|
|
35
18
|
}, [
|
|
19
|
+
e,
|
|
36
20
|
o,
|
|
37
|
-
|
|
38
|
-
u,
|
|
39
|
-
c,
|
|
40
|
-
n
|
|
21
|
+
l
|
|
41
22
|
]);
|
|
42
|
-
return
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
onBlur: void 0
|
|
47
|
-
}
|
|
48
|
-
} : {
|
|
49
|
-
focusWithinProps: {
|
|
50
|
-
onFocus: g,
|
|
51
|
-
onBlur: n
|
|
52
|
-
}
|
|
53
|
-
};
|
|
23
|
+
return [
|
|
24
|
+
o,
|
|
25
|
+
b
|
|
26
|
+
];
|
|
54
27
|
}
|
|
55
28
|
export {
|
|
56
|
-
S as
|
|
29
|
+
S as useControlledState
|
|
57
30
|
};
|
package/index221.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./index222.js"),A=require("./index223.js"),f=require("react"),P=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./index222.js"),A=require("./index223.js"),f=require("react"),P=require("./index153.js"),j=require("./index168.js"),D=require("@react-aria/i18n");let e=typeof document<"u"?window.visualViewport:null;function G(n){let{direction:h}=D.useLocale(),{arrowSize:$=0,targetRef:v,overlayRef:i,scrollRef:s=i,placement:w="bottom",containerPadding:C=12,shouldFlip:H=!0,boundaryElement:R=typeof document<"u"?document.body:null,offset:S=0,crossOffset:B=0,shouldUpdatePosition:q=!0,isOpen:p=!0,onClose:m,maxHeight:O,arrowBoundaryOffset:T=0}=n,[t,k]=f.useState(null),F=[q,w,i.current,v.current,s.current,C,H,R,S,B,p,h,O,T,$],N=f.useRef(e==null?void 0:e.scale);f.useEffect(()=>{p&&(N.current=e==null?void 0:e.scale)},[p]);let u=f.useCallback(()=>{if(q===!1||!p||!i.current||!v.current||!R||(e==null?void 0:e.scale)!==N.current)return;let o=null;if(s.current&&s.current.contains(document.activeElement)){var a;let r=(a=document.activeElement)===null||a===void 0?void 0:a.getBoundingClientRect(),g=s.current.getBoundingClientRect();var d;if(o={type:"top",offset:((d=r==null?void 0:r.top)!==null&&d!==void 0?d:0)-g.top},o.offset>g.height/2){o.type="bottom";var x;o.offset=((x=r==null?void 0:r.bottom)!==null&&x!==void 0?x:0)-g.bottom}}let l=i.current;if(!O&&i.current){var z;l.style.top="0px",l.style.bottom="";var L;l.style.maxHeight=((L=(z=window.visualViewport)===null||z===void 0?void 0:z.height)!==null&&L!==void 0?L:window.innerHeight)+"px"}let c=M.calculatePosition({placement:K(w,h),overlayNode:i.current,targetNode:v.current,scrollNode:s.current||i.current,padding:C,shouldFlip:H,boundaryElement:R,offset:S,crossOffset:B,maxHeight:O,arrowSize:$,arrowBoundaryOffset:T});if(c.position){if(l.style.top="",l.style.bottom="",l.style.left="",l.style.right="",Object.keys(c.position).forEach(r=>l.style[r]=c.position[r]+"px"),l.style.maxHeight=c.maxHeight!=null?c.maxHeight+"px":"",o&&document.activeElement&&s.current){let r=document.activeElement.getBoundingClientRect(),g=s.current.getBoundingClientRect(),I=r[o.type]-g[o.type];s.current.scrollTop+=I-o.offset}k(c)}},F);P.useLayoutEffect(u,F),J(u),j.useResizeObserver({ref:i,onResize:u}),j.useResizeObserver({ref:v,onResize:u});let y=f.useRef(!1);P.useLayoutEffect(()=>{let o,a=()=>{y.current=!0,clearTimeout(o),o=setTimeout(()=>{y.current=!1},500),u()},d=()=>{y.current&&a()};return e==null||e.addEventListener("resize",a),e==null||e.addEventListener("scroll",d),()=>{e==null||e.removeEventListener("resize",a),e==null||e.removeEventListener("scroll",d)}},[u]);let U=f.useCallback(()=>{y.current||m==null||m()},[m,y]);A.useCloseOnScroll({triggerRef:v,isOpen:p,onClose:m&&U});var b,E;return{overlayProps:{style:{position:"absolute",zIndex:1e5,...t==null?void 0:t.position,maxHeight:(b=t==null?void 0:t.maxHeight)!==null&&b!==void 0?b:"100vh"}},placement:(E=t==null?void 0:t.placement)!==null&&E!==void 0?E:null,arrowProps:{"aria-hidden":"true",role:"presentation",style:{left:t==null?void 0:t.arrowOffsetLeft,top:t==null?void 0:t.arrowOffsetTop}},updatePosition:u}}function J(n){P.useLayoutEffect(()=>(window.addEventListener("resize",n,!1),()=>{window.removeEventListener("resize",n,!1)}),[n])}function K(n,h){return h==="rtl"?n.replace("start","right").replace("end","left"):n.replace("start","left").replace("end","right")}exports.useOverlayPosition=G;
|
package/index221.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { calculatePosition as D } from "./index222.mjs";
|
|
2
2
|
import { useCloseOnScroll as G } from "./index223.mjs";
|
|
3
3
|
import { useState as J, useRef as U, useEffect as K, useCallback as j } from "react";
|
|
4
|
-
import { useLayoutEffect as z } from "./
|
|
5
|
-
import { useResizeObserver as k } from "./
|
|
4
|
+
import { useLayoutEffect as z } from "./index153.mjs";
|
|
5
|
+
import { useResizeObserver as k } from "./index168.mjs";
|
|
6
6
|
import { useLocale as M } from "@react-aria/i18n";
|
|
7
7
|
let e = typeof document < "u" ? window.visualViewport : null;
|
|
8
8
|
function te(n) {
|
package/index222.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const it=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const it=require("./index164.js"),q=require("./index231.js"),x={top:"top",bottom:"top",left:"left",right:"left"},z={top:"bottom",bottom:"top",left:"right",right:"left"},ct={top:"left",left:"top"},j={top:"height",left:"width"},B={width:"totalWidth",height:"totalHeight"},H={};let $=typeof document<"u"?window.visualViewport:null;function G(e){let t=0,o=0,c=0,i=0,r=0,f=0,l={};var v;let p=((v=$==null?void 0:$.scale)!==null&&v!==void 0?v:1)>1;if(e.tagName==="BODY"){let h=document.documentElement;c=h.clientWidth,i=h.clientHeight;var s;t=(s=$==null?void 0:$.width)!==null&&s!==void 0?s:c;var d;o=(d=$==null?void 0:$.height)!==null&&d!==void 0?d:i,l.top=h.scrollTop||e.scrollTop,l.left=h.scrollLeft||e.scrollLeft,$&&(r=$.offsetTop,f=$.offsetLeft)}else({width:t,height:o,top:r,left:f}=M(e)),l.top=e.scrollTop,l.left=e.scrollLeft,c=t,i=o;if(it.isWebKit()&&(e.tagName==="BODY"||e.tagName==="HTML")&&p){l.top=0,l.left=0;var g;r=(g=$==null?void 0:$.pageTop)!==null&&g!==void 0?g:0;var n;f=(n=$==null?void 0:$.pageLeft)!==null&&n!==void 0?n:0}return{width:t,height:o,totalWidth:c,totalHeight:i,scroll:l,top:r,left:f}}function nt(e){return{top:e.scrollTop,left:e.scrollLeft,width:e.scrollWidth,height:e.scrollHeight}}function K(e,t,o,c,i,r,f){var l;let v=(l=i.scroll[e])!==null&&l!==void 0?l:0,p=c[j[e]],s=c.scroll[x[e]]+r,d=p+c.scroll[x[e]]-r,g=t-v+f[e]-c[x[e]],n=t-v+o+f[e]-c[x[e]];return g<s?s-g:n>d?Math.max(d-n,s-g):0}function rt(e){let t=window.getComputedStyle(e);return{top:parseInt(t.marginTop,10)||0,bottom:parseInt(t.marginBottom,10)||0,left:parseInt(t.marginLeft,10)||0,right:parseInt(t.marginRight,10)||0}}function J(e){if(H[e])return H[e];let[t,o]=e.split(" "),c=x[t]||"right",i=ct[c];x[o]||(o="center");let r=j[c],f=j[i];return H[e]={placement:t,crossPlacement:o,axis:c,crossAxis:i,size:r,crossSize:f},H[e]}function Z(e,t,o,c,i,r,f,l,v,p){let{placement:s,crossPlacement:d,axis:g,crossAxis:n,size:h,crossSize:u}=c,a={};var w;a[n]=(w=e[n])!==null&&w!==void 0?w:0;var m,P,E,T;d==="center"?a[n]+=(((m=e[u])!==null&&m!==void 0?m:0)-((P=o[u])!==null&&P!==void 0?P:0))/2:d!==n&&(a[n]+=((E=e[u])!==null&&E!==void 0?E:0)-((T=o[u])!==null&&T!==void 0?T:0)),a[n]+=r;const _=e[n]-o[u]+v+p,S=e[n]+e[u]-v-p;if(a[n]=q.clamp(a[n],_,S),s===g){const L=l?f[h]:t[B[h]];a[z[g]]=Math.floor(L-e[g]+i)}else a[g]=Math.floor(e[g]+e[h]+i);return a}function at(e,t,o,c,i,r,f,l){const v=c?o.height:t[B.height];var p;let s=e.top!=null?o.top+e.top:o.top+(v-((p=e.bottom)!==null&&p!==void 0?p:0)-f);var d,g,n,h,u,a;let w=l!=="top"?Math.max(0,t.height+t.top+((d=t.scroll.top)!==null&&d!==void 0?d:0)-s-(((g=i.top)!==null&&g!==void 0?g:0)+((n=i.bottom)!==null&&n!==void 0?n:0)+r)):Math.max(0,s+f-(t.top+((h=t.scroll.top)!==null&&h!==void 0?h:0))-(((u=i.top)!==null&&u!==void 0?u:0)+((a=i.bottom)!==null&&a!==void 0?a:0)+r));return Math.min(t.height-r*2,w)}function Q(e,t,o,c,i,r){let{placement:f,axis:l,size:v}=r;var p,s;if(f===l)return Math.max(0,o[l]-e[l]-((p=e.scroll[l])!==null&&p!==void 0?p:0)+t[l]-((s=c[l])!==null&&s!==void 0?s:0)-c[z[l]]-i);var d;return Math.max(0,e[v]+e[l]+e.scroll[l]-t[l]-o[l]-o[v]-((d=c[l])!==null&&d!==void 0?d:0)-c[z[l]]-i)}function V(e,t,o,c,i,r,f,l,v,p,s,d,g,n,h,u){let a=J(e),{size:w,crossAxis:m,crossSize:P,placement:E,crossPlacement:T}=a,_=Z(t,l,o,a,s,d,p,g,h,u),S=s,L=Q(l,p,t,i,r+s,a);if(f&&c[w]>L){let X=J(`${z[E]} ${T}`),ot=Z(t,l,o,X,s,d,p,g,h,u);Q(l,p,t,i,r+s,X)>L&&(a=X,_=ot,S=s)}let b="bottom";a.axis==="top"?a.placement==="top"?b="top":a.placement==="bottom"&&(b="bottom"):a.crossAxis==="top"&&(a.crossPlacement==="top"?b="bottom":a.crossPlacement==="bottom"&&(b="top"));let I=K(m,_[m],o[P],l,v,r,p);_[m]+=I;let C=at(_,l,p,g,i,r,o.height,b);n&&n<C&&(C=n),o.height=Math.min(o.height,C),_=Z(t,l,o,a,S,d,p,g,h,u),I=K(m,_[m],o[P],l,v,r,p),_[m]+=I;let A={},k=t[m]+.5*t[P]-_[m]-i[x[m]];const D=h/2+u;var F,N,R,Y;const O=x[m]==="left"?((F=i.left)!==null&&F!==void 0?F:0)+((N=i.right)!==null&&N!==void 0?N:0):((R=i.top)!==null&&R!==void 0?R:0)+((Y=i.bottom)!==null&&Y!==void 0?Y:0),y=o[P]-O-h/2-u,tt=t[m]+h/2-(_[m]+i[x[m]]),et=t[m]+t[P]-h/2-(_[m]+i[x[m]]),lt=q.clamp(k,tt,et);return A[m]=q.clamp(lt,D,y),{position:_,maxHeight:C,arrowOffsetLeft:A.left,arrowOffsetTop:A.top,placement:a.placement}}function pt(e){let{placement:t,targetNode:o,overlayNode:c,scrollNode:i,padding:r,shouldFlip:f,boundaryElement:l,offset:v,crossOffset:p,maxHeight:s,arrowSize:d=0,arrowBoundaryOffset:g=0}=e,n=c instanceof HTMLElement?st(c):document.documentElement,h=n===document.documentElement;const u=window.getComputedStyle(n).position;let a=!!u&&u!=="static",w=h?M(o):U(o,n);if(!h){let{marginTop:A,marginLeft:k}=window.getComputedStyle(o);w.top+=parseInt(A,10)||0,w.left+=parseInt(k,10)||0}let m=M(c),P=rt(c);var E,T;m.width+=((E=P.left)!==null&&E!==void 0?E:0)+((T=P.right)!==null&&T!==void 0?T:0);var _,S;m.height+=((_=P.top)!==null&&_!==void 0?_:0)+((S=P.bottom)!==null&&S!==void 0?S:0);let L=nt(i),b=G(l),I=G(n),C=l.tagName==="BODY"?M(n):U(n,l);return n.tagName==="HTML"&&l.tagName==="BODY"&&(I.scroll.top=0,I.scroll.left=0),V(t,w,m,L,P,r,f,b,I,C,v,p,a,s,d,g)}function M(e){let{top:t,left:o,width:c,height:i}=e.getBoundingClientRect(),{scrollTop:r,scrollLeft:f,clientTop:l,clientLeft:v}=document.documentElement;return{top:t+r-l,left:o+f-v,width:c,height:i}}function U(e,t){let o=window.getComputedStyle(e),c;if(o.position==="fixed"){let{top:i,left:r,width:f,height:l}=e.getBoundingClientRect();c={top:i,left:r,width:f,height:l}}else{c=M(e);let i=M(t),r=window.getComputedStyle(t);i.top+=(parseInt(r.borderTopWidth,10)||0)-t.scrollTop,i.left+=(parseInt(r.borderLeftWidth,10)||0)-t.scrollLeft,c.top-=i.top,c.left-=i.left}return c.top-=parseInt(o.marginTop,10)||0,c.left-=parseInt(o.marginLeft,10)||0,c}function st(e){let t=e.offsetParent;if(t&&t===document.body&&window.getComputedStyle(t).position==="static"&&!W(t)&&(t=document.documentElement),t==null)for(t=e.parentElement;t&&!W(t);)t=t.parentElement;return t||document.documentElement}function W(e){let t=window.getComputedStyle(e);return t.transform!=="none"||/transform|perspective/.test(t.willChange)||t.filter!=="none"||t.contain==="paint"||"backdropFilter"in t&&t.backdropFilter!=="none"||"WebkitBackdropFilter"in t&&t.WebkitBackdropFilter!=="none"}exports.calculatePosition=pt;exports.calculatePositionInternal=V;
|
package/index222.mjs
CHANGED