@okam/stack-ui 1.36.0 → 1.37.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.
- package/CHANGELOG.md +14 -0
- package/components/Lightbox/interface.d.ts +2 -0
- package/index111.js +1 -1
- package/index111.mjs +1 -1
- package/index113.js +1 -1
- package/index113.mjs +1 -1
- package/index114.js +1 -1
- package/index114.mjs +2 -2
- package/index115.js +1 -1
- package/index115.mjs +1 -1
- package/index122.js +1 -1
- package/index122.mjs +3 -3
- package/index123.js +1 -1
- package/index123.mjs +3 -3
- package/index124.js +1 -1
- package/index124.mjs +1 -1
- package/index125.js +1 -1
- package/index125.mjs +1 -1
- package/index130.js +1 -1
- package/index130.mjs +1 -1
- package/index132.js +1 -1
- package/index132.mjs +2 -2
- package/index133.js +1 -1
- package/index133.mjs +5 -5
- package/index134.js +1 -1
- package/index134.mjs +3 -3
- package/index135.js +1 -1
- package/index135.mjs +9 -9
- package/index141.js +1 -1
- package/index141.mjs +1 -1
- package/index145.js +1 -1
- package/index145.mjs +2 -2
- package/index147.js +1 -1
- package/index147.mjs +1 -1
- package/index148.js +1 -1
- package/index148.mjs +2 -2
- package/index152.js +1 -1
- package/index152.mjs +46 -12
- package/index153.js +2 -1
- package/index153.mjs +13 -46
- package/index154.js +1 -2
- package/index154.mjs +29 -12
- package/index155.js +1 -1
- package/index155.mjs +57 -30
- package/index156.js +1 -1
- package/index156.mjs +12 -57
- package/index159.js +1 -1
- package/index159.mjs +1 -1
- package/index161.js +1 -1
- package/index161.mjs +68 -22
- package/index162.js +1 -1
- package/index162.mjs +370 -62
- package/index163.js +1 -1
- package/index163.mjs +44 -379
- package/index164.js +1 -1
- package/index164.mjs +4 -47
- package/index165.js +1 -1
- package/index165.mjs +25 -4
- package/index166.js +1 -1
- package/index166.mjs +46 -23
- package/index167.js +1 -1
- package/index167.mjs +4 -46
- package/index168.js +1 -1
- package/index168.mjs +24 -5
- package/index169.js +1 -1
- package/index169.mjs +11 -23
- package/index170.js +1 -1
- package/index170.mjs +4 -12
- package/index171.js +1 -1
- package/index171.mjs +14 -4
- package/index172.js +1 -1
- package/index172.mjs +21 -14
- package/index173.js +1 -1
- package/index173.mjs +42 -21
- package/index174.js +1 -1
- package/index174.mjs +52 -37
- package/index175.js +1 -1
- package/index175.mjs +39 -55
- package/index176.js +1 -1
- package/index176.mjs +27 -40
- package/index177.js +1 -1
- package/index177.mjs +30 -27
- package/index178.js +1 -1
- package/index178.mjs +13 -30
- package/index179.js +1 -1
- package/index179.mjs +10 -14
- package/index18.js +1 -1
- package/index18.mjs +45 -42
- package/index180.js +1 -1
- package/index180.mjs +28 -10
- package/index181.js +1 -1
- package/index181.mjs +9 -28
- package/index182.js +1 -1
- package/index182.mjs +6 -9
- package/index183.js +1 -1
- package/index183.mjs +5 -6
- package/index184.js +1 -1
- package/index184.mjs +7 -5
- package/index185.js +1 -1
- package/index185.mjs +29 -7
- package/index186.js +1 -1
- package/index186.mjs +16 -27
- package/index187.js +1 -1
- package/index187.mjs +12 -17
- package/index188.js +1 -1
- package/index188.mjs +43 -13
- package/index189.js +1 -1
- package/index189.mjs +7 -42
- package/index190.js +1 -1
- package/index190.mjs +17 -8
- package/index191.js +1 -1
- package/index191.mjs +3 -18
- package/index192.js +1 -1
- package/index192.mjs +5 -3
- package/index193.js +1 -1
- package/index193.mjs +19 -4
- package/index194.js +1 -1
- package/index194.mjs +54 -19
- package/index195.js +1 -1
- package/index195.mjs +23 -50
- package/index196.js +1 -1
- package/index196.mjs +122 -138
- package/index197.js +1 -1
- package/index197.mjs +129 -192
- package/index198.js +1 -1
- package/index198.mjs +44 -22
- package/index199.js +1 -1
- package/index199.mjs +14 -49
- package/index200.js +1 -1
- package/index200.mjs +93 -46
- package/index201.js +1 -1
- package/index201.mjs +98 -89
- package/index202.js +1 -1
- package/index202.mjs +5 -72
- package/index203.js +1 -1
- package/index203.mjs +3 -68
- package/index204.js +1 -1
- package/index204.mjs +125 -7
- package/index205.js +1 -1
- package/index205.mjs +29 -11
- package/index206.js +1 -1
- package/index206.mjs +40 -113
- package/index207.js +1 -1
- package/index207.mjs +41 -131
- package/index208.js +1 -1
- package/index208.mjs +36 -43
- package/index209.js +1 -1
- package/index209.mjs +110 -11
- package/index210.js +1 -1
- package/index210.mjs +59 -77
- package/index211.js +1 -1
- package/index211.mjs +94 -99
- package/index212.js +1 -1
- package/index212.mjs +98 -5
- package/index213.js +1 -1
- package/index213.mjs +140 -3
- package/index214.js +1 -1
- package/index214.mjs +191 -119
- package/index215.js +1 -1
- package/index215.mjs +22 -29
- package/index216.js +1 -1
- package/index216.mjs +49 -51
- package/index217.js +1 -1
- package/index217.mjs +47 -43
- package/index218.js +1 -1
- package/index218.mjs +95 -35
- package/index219.js +1 -1
- package/index219.mjs +72 -114
- package/index220.js +1 -1
- package/index220.mjs +67 -76
- package/index221.js +1 -1
- package/index221.mjs +7 -101
- package/index222.js +1 -1
- package/index222.mjs +12 -98
- package/index250.js +1 -1
- package/index250.mjs +4 -4
- package/index252.js +1 -1
- package/index252.mjs +8 -8
- package/index253.js +1 -1
- package/index253.mjs +1 -1
- package/index255.js +1 -1
- package/index255.mjs +5 -5
- package/index256.js +1 -1
- package/index256.mjs +1 -1
- package/index257.js +1 -1
- package/index257.mjs +4 -4
- package/index258.js +1 -1
- package/index258.mjs +1 -1
- package/index259.js +1 -1
- package/index259.mjs +1 -1
- package/index260.js +1 -1
- package/index260.mjs +4 -4
- package/index261.js +1 -1
- package/index261.mjs +4 -4
- package/index262.js +1 -1
- package/index262.mjs +1 -1
- package/index263.js +1 -1
- package/index263.mjs +4 -4
- package/index264.js +1 -1
- package/index264.mjs +4 -4
- package/index265.js +1 -1
- package/index265.mjs +1 -1
- package/index266.js +1 -1
- package/index266.mjs +4 -4
- package/index267.js +1 -1
- package/index267.mjs +4 -4
- package/index268.js +1 -1
- package/index268.mjs +1 -1
- package/index269.js +1 -1
- package/index269.mjs +1 -1
- package/index270.js +1 -1
- package/index270.mjs +4 -4
- package/index271.js +1 -1
- package/index271.mjs +4 -4
- package/index272.js +1 -1
- package/index272.mjs +1 -1
- package/index273.js +1 -1
- package/index273.mjs +4 -4
- package/index274.js +1 -1
- package/index274.mjs +4 -4
- package/index275.js +1 -1
- package/index275.mjs +4 -4
- package/index276.js +1 -1
- package/index276.mjs +1 -1
- package/index277.js +1 -1
- package/index277.mjs +4 -4
- package/index278.js +1 -1
- package/index278.mjs +4 -4
- package/index279.js +1 -1
- package/index279.mjs +4 -4
- package/index280.js +1 -1
- package/index280.mjs +4 -4
- package/index281.js +1 -1
- package/index281.mjs +4 -4
- package/index282.js +1 -1
- package/index282.mjs +1 -1
- package/index283.js +1 -1
- package/index283.mjs +1 -1
- package/index284.js +1 -1
- package/index284.mjs +1 -1
- package/index285.js +1 -1
- package/index285.mjs +4 -4
- package/index286.js +1 -1
- package/index286.mjs +4 -4
- package/index287.js +1 -1
- package/index287.mjs +4 -4
- package/index288.js +1 -1
- package/index288.mjs +4 -4
- package/index289.js +1 -1
- package/index289.mjs +5 -5
- package/index298.js +1 -1
- package/index298.mjs +3 -3
- package/index300.js +1 -1
- package/index300.mjs +2 -2
- package/index301.js +1 -1
- package/index301.mjs +5 -5
- package/index304.js +1 -1
- package/index304.mjs +3 -3
- package/index307.js +1 -1
- package/index307.mjs +5 -5
- package/index308.js +1 -1
- package/index308.mjs +1 -1
- package/index309.js +1 -1
- package/index309.mjs +4 -4
- package/index310.js +1 -1
- package/index310.mjs +2 -2
- package/index314.js +1 -1
- package/index314.mjs +1 -1
- package/index9.js +1 -1
- package/index9.mjs +28 -26
- package/package.json +1 -1
package/index155.mjs
CHANGED
|
@@ -1,32 +1,59 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
};
|
|
1
|
+
import { useLayoutEffect as o } from "./index164.mjs";
|
|
2
|
+
import { useValueEffect as s } from "./index165.mjs";
|
|
3
|
+
import { useState as i, useRef as l, useEffect as $, useCallback as b } from "react";
|
|
4
|
+
import { useSSRSafeId as p } from "./index166.mjs";
|
|
5
|
+
let m = !!(typeof window < "u" && window.document && window.document.createElement), d = /* @__PURE__ */ new Map(), u;
|
|
6
|
+
typeof FinalizationRegistry < "u" && (u = new FinalizationRegistry((r) => {
|
|
7
|
+
d.delete(r);
|
|
8
|
+
}));
|
|
9
|
+
function I(r) {
|
|
10
|
+
let [e, c] = i(r), f = l(null), t = p(e), a = l(null);
|
|
11
|
+
if (u && u.register(a, t), m) {
|
|
12
|
+
const n = d.get(t);
|
|
13
|
+
n && !n.includes(f) ? n.push(f) : d.set(t, [
|
|
14
|
+
f
|
|
15
|
+
]);
|
|
16
|
+
}
|
|
17
|
+
return o(() => {
|
|
18
|
+
let n = t;
|
|
19
|
+
return () => {
|
|
20
|
+
u && u.unregister(a), d.delete(n);
|
|
21
|
+
};
|
|
22
|
+
}, [
|
|
23
|
+
t
|
|
24
|
+
]), $(() => {
|
|
25
|
+
let n = f.current;
|
|
26
|
+
return n && c(n), () => {
|
|
27
|
+
n && (f.current = null);
|
|
28
|
+
};
|
|
29
|
+
}), t;
|
|
30
|
+
}
|
|
31
|
+
function E(r, e) {
|
|
32
|
+
if (r === e) return r;
|
|
33
|
+
let c = d.get(r);
|
|
34
|
+
if (c)
|
|
35
|
+
return c.forEach((t) => t.current = e), e;
|
|
36
|
+
let f = d.get(e);
|
|
37
|
+
return f ? (f.forEach((t) => t.current = r), r) : e;
|
|
38
|
+
}
|
|
39
|
+
function R(r = []) {
|
|
40
|
+
let e = I(), [c, f] = s(e), t = b(() => {
|
|
41
|
+
f(function* () {
|
|
42
|
+
yield e, yield document.getElementById(e) ? e : void 0;
|
|
43
|
+
});
|
|
44
|
+
}, [
|
|
45
|
+
e,
|
|
46
|
+
f
|
|
47
|
+
]);
|
|
48
|
+
return o(t, [
|
|
49
|
+
e,
|
|
50
|
+
t,
|
|
51
|
+
...r
|
|
52
|
+
]), c;
|
|
53
|
+
}
|
|
30
54
|
export {
|
|
31
|
-
|
|
55
|
+
d as idsUpdaterMap,
|
|
56
|
+
E as mergeIds,
|
|
57
|
+
I as useId,
|
|
58
|
+
R as useSlotId
|
|
32
59
|
};
|
package/index156.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";const T=require("react/jsx-runtime"),e=require("@react-spring/web"),g=require("./index73.js"),u=t=>{const{isVisible:o,children:i,themeName:n,tokens:r,customTheme:s,...a}=t,d=e.useTransition(o,{from:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"},enter:{gridTemplateRows:"1fr",paddingTop:"1rem",paddingBottom:"1rem"},leave:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"}}),m=g(n,r,s);return d((c,p)=>p&&T.jsx(e.animated.div,{...a,style:c,className:m,children:i}))};module.exports=u;
|
package/index156.mjs
CHANGED
|
@@ -1,59 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const n = d.get(t);
|
|
13
|
-
n && !n.includes(f) ? n.push(f) : d.set(t, [
|
|
14
|
-
f
|
|
15
|
-
]);
|
|
16
|
-
}
|
|
17
|
-
return o(() => {
|
|
18
|
-
let n = t;
|
|
19
|
-
return () => {
|
|
20
|
-
u && u.unregister(a), d.delete(n);
|
|
21
|
-
};
|
|
22
|
-
}, [
|
|
23
|
-
t
|
|
24
|
-
]), $(() => {
|
|
25
|
-
let n = f.current;
|
|
26
|
-
return n && c(n), () => {
|
|
27
|
-
n && (f.current = null);
|
|
28
|
-
};
|
|
29
|
-
}), t;
|
|
30
|
-
}
|
|
31
|
-
function E(r, e) {
|
|
32
|
-
if (r === e) return r;
|
|
33
|
-
let c = d.get(r);
|
|
34
|
-
if (c)
|
|
35
|
-
return c.forEach((t) => t.current = e), e;
|
|
36
|
-
let f = d.get(e);
|
|
37
|
-
return f ? (f.forEach((t) => t.current = r), r) : e;
|
|
38
|
-
}
|
|
39
|
-
function R(r = []) {
|
|
40
|
-
let e = I(), [c, f] = s(e), t = b(() => {
|
|
41
|
-
f(function* () {
|
|
42
|
-
yield e, yield document.getElementById(e) ? e : void 0;
|
|
43
|
-
});
|
|
44
|
-
}, [
|
|
45
|
-
e,
|
|
46
|
-
f
|
|
47
|
-
]);
|
|
48
|
-
return o(t, [
|
|
49
|
-
e,
|
|
50
|
-
t,
|
|
51
|
-
...r
|
|
52
|
-
]), c;
|
|
53
|
-
}
|
|
1
|
+
import { jsx as T } from "react/jsx-runtime";
|
|
2
|
+
import { useTransition as c, animated as g } from "@react-spring/web";
|
|
3
|
+
import l from "./index73.mjs";
|
|
4
|
+
const w = (e) => {
|
|
5
|
+
const { isVisible: t, children: o, themeName: r, tokens: i, customTheme: n, ...m } = e, s = c(t, {
|
|
6
|
+
from: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" },
|
|
7
|
+
enter: { gridTemplateRows: "1fr", paddingTop: "1rem", paddingBottom: "1rem" },
|
|
8
|
+
leave: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" }
|
|
9
|
+
}), a = l(r, i, n);
|
|
10
|
+
return s((d, p) => p && /* @__PURE__ */ T(g.div, { ...m, style: d, className: a, children: o }));
|
|
11
|
+
};
|
|
54
12
|
export {
|
|
55
|
-
|
|
56
|
-
E as mergeIds,
|
|
57
|
-
I as useId,
|
|
58
|
-
R as useSlotId
|
|
13
|
+
w as default
|
|
59
14
|
};
|
package/index159.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const o=require("react/jsx-runtime"),c=require("./
|
|
2
|
+
"use strict";const o=require("react/jsx-runtime"),c=require("./index198.js"),O=require("@react-aria/focus"),W=require("./index123.js"),$=require("react"),q=require("react-aria"),r=require("./index27.js");function v(l){const{themeName:a="calendar",tokens:g,state:n,date:s}=l,d=$.useRef(null),{isUnavailable:k,cellProps:x,buttonProps:y,isSelected:t,isOutsideVisibleRange:u,isDisabled:b,formattedDate:C,isInvalid:S}=q.useCalendarCell(l,n,d),e=n==null?void 0:n.highlightedRange,h=e==null?void 0:e.start,m=e==null?void 0:e.end,f=e&&h?c.isSameDay(s,h):t,R=e&&m?c.isSameDay(s,m):t,{locale:P}=q.useLocale(),D=c.getDayOfWeek(s,P),j=t&&(f||D===0||s.day===1),p=t&&(R||D===6||s.day===s.calendar.getDaysInMonth(s)),{focusProps:N,isFocusVisible:F}=O.useFocusRing(),i={isInvalid:S,isDisabled:b,isUnavailable:k,isSelected:t,isFocusVisible:F,isOutsideVisibleRange:u,...g};return o.jsx(r.default,{as:"td",...x,"aria-disabled":!1,themeName:`${a}.cellContainer`,tokens:i,children:o.jsx(r.BoxWithForwardRef,{...W.mergeProps(y,N),ref:d,"aria-hidden":u,themeName:`${a}.cell`,tokens:{...i,isRoundedLeft:j,isRoundedRight:p},children:o.jsx(r.default,{themeName:`${a}.cellDate`,tokens:{...i,isSelectionStart:f,isSelectionEnd:R},children:C})})})}module.exports=v;
|
package/index159.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as i } from "react/jsx-runtime";
|
|
3
|
-
import { isSameDay as p, getDayOfWeek as O } from "./
|
|
3
|
+
import { isSameDay as p, getDayOfWeek as O } from "./index198.mjs";
|
|
4
4
|
import { useFocusRing as W } from "@react-aria/focus";
|
|
5
5
|
import { mergeProps as v } from "./index123.mjs";
|
|
6
6
|
import { useRef as B } from "react";
|
package/index161.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 m=require("./index298.js"),f=require("react"),E=require("./index164.js"),v=require("./index187.js");function g(i,e,t){let{validationBehavior:s,focus:u}=i;E.useLayoutEffect(()=>{if(s==="native"&&(t!=null&&t.current)&&!t.current.disabled){let n=e.realtimeValidation.isInvalid?e.realtimeValidation.validationErrors.join(" ")||"Invalid value.":"";t.current.setCustomValidity(n),t.current.hasAttribute("title")||(t.current.title=""),e.realtimeValidation.isInvalid||e.updateValidation(h(t.current))}});let o=v.useEffectEvent(()=>{e.resetValidation()}),l=v.useEffectEvent(n=>{var a;e.displayValidation.isInvalid||e.commitValidation();let c=t==null||(a=t.current)===null||a===void 0?void 0:a.form;if(!n.defaultPrevented&&t&&c&&b(c)===t.current){var d;u?u():(d=t.current)===null||d===void 0||d.focus(),m.setInteractionModality("keyboard")}n.preventDefault()}),r=v.useEffectEvent(()=>{e.commitValidation()});f.useEffect(()=>{let n=t==null?void 0:t.current;if(!n)return;let a=n.form;return n.addEventListener("invalid",l),n.addEventListener("change",r),a==null||a.addEventListener("reset",o),()=>{n.removeEventListener("invalid",l),n.removeEventListener("change",r),a==null||a.removeEventListener("reset",o)}},[t,l,r,o,s])}function y(i){let e=i.validity;return{badInput:e.badInput,customError:e.customError,patternMismatch:e.patternMismatch,rangeOverflow:e.rangeOverflow,rangeUnderflow:e.rangeUnderflow,stepMismatch:e.stepMismatch,tooLong:e.tooLong,tooShort:e.tooShort,typeMismatch:e.typeMismatch,valueMissing:e.valueMissing,valid:e.valid}}function h(i){return{isInvalid:!i.validity.valid,validationDetails:y(i),validationErrors:i.validationMessage?[i.validationMessage]:[]}}function b(i){for(let e=0;e<i.elements.length;e++){let t=i.elements[e];if(!t.validity.valid)return t}return null}exports.useFormValidation=g;
|
package/index161.mjs
CHANGED
|
@@ -1,30 +1,76 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
e
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { setInteractionModality as m } from "./index298.mjs";
|
|
2
|
+
import { useEffect as f } from "react";
|
|
3
|
+
import { useLayoutEffect as $ } from "./index164.mjs";
|
|
4
|
+
import { useEffectEvent as v } from "./index187.mjs";
|
|
5
|
+
function V(t, i, e) {
|
|
6
|
+
let { validationBehavior: s, focus: u } = t;
|
|
7
|
+
$(() => {
|
|
8
|
+
if (s === "native" && (e != null && e.current) && !e.current.disabled) {
|
|
9
|
+
let a = i.realtimeValidation.isInvalid ? i.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
|
|
10
|
+
e.current.setCustomValidity(a), e.current.hasAttribute("title") || (e.current.title = ""), i.realtimeValidation.isInvalid || i.updateValidation(g(e.current));
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
let o = v(() => {
|
|
14
|
+
i.resetValidation();
|
|
15
|
+
}), l = v((a) => {
|
|
16
|
+
var n;
|
|
17
|
+
i.displayValidation.isInvalid || i.commitValidation();
|
|
18
|
+
let c = e == null || (n = e.current) === null || n === void 0 ? void 0 : n.form;
|
|
19
|
+
if (!a.defaultPrevented && e && c && b(c) === e.current) {
|
|
20
|
+
var d;
|
|
21
|
+
u ? u() : (d = e.current) === null || d === void 0 || d.focus(), m("keyboard");
|
|
22
|
+
}
|
|
23
|
+
a.preventDefault();
|
|
24
|
+
}), r = v(() => {
|
|
25
|
+
i.commitValidation();
|
|
26
|
+
});
|
|
27
|
+
f(() => {
|
|
28
|
+
let a = e == null ? void 0 : e.current;
|
|
29
|
+
if (!a) return;
|
|
30
|
+
let n = a.form;
|
|
31
|
+
return a.addEventListener("invalid", l), a.addEventListener("change", r), n == null || n.addEventListener("reset", o), () => {
|
|
32
|
+
a.removeEventListener("invalid", l), a.removeEventListener("change", r), n == null || n.removeEventListener("reset", o);
|
|
13
33
|
};
|
|
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));
|
|
18
34
|
}, [
|
|
19
35
|
e,
|
|
36
|
+
l,
|
|
37
|
+
r,
|
|
20
38
|
o,
|
|
21
|
-
|
|
39
|
+
s
|
|
22
40
|
]);
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
41
|
+
}
|
|
42
|
+
function p(t) {
|
|
43
|
+
let i = t.validity;
|
|
44
|
+
return {
|
|
45
|
+
badInput: i.badInput,
|
|
46
|
+
customError: i.customError,
|
|
47
|
+
patternMismatch: i.patternMismatch,
|
|
48
|
+
rangeOverflow: i.rangeOverflow,
|
|
49
|
+
rangeUnderflow: i.rangeUnderflow,
|
|
50
|
+
stepMismatch: i.stepMismatch,
|
|
51
|
+
tooLong: i.tooLong,
|
|
52
|
+
tooShort: i.tooShort,
|
|
53
|
+
typeMismatch: i.typeMismatch,
|
|
54
|
+
valueMissing: i.valueMissing,
|
|
55
|
+
valid: i.valid
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
function g(t) {
|
|
59
|
+
return {
|
|
60
|
+
isInvalid: !t.validity.valid,
|
|
61
|
+
validationDetails: p(t),
|
|
62
|
+
validationErrors: t.validationMessage ? [
|
|
63
|
+
t.validationMessage
|
|
64
|
+
] : []
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
function b(t) {
|
|
68
|
+
for (let i = 0; i < t.elements.length; i++) {
|
|
69
|
+
let e = t.elements[i];
|
|
70
|
+
if (!e.validity.valid) return e;
|
|
71
|
+
}
|
|
72
|
+
return null;
|
|
27
73
|
}
|
|
28
74
|
export {
|
|
29
|
-
|
|
75
|
+
V as useFormValidation
|
|
30
76
|
};
|
package/index162.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index298.js"),f=require("react"),E=require("./index165.js"),v=require("./index188.js");function g(i,e,t){let{validationBehavior:s,focus:u}=i;E.useLayoutEffect(()=>{if(s==="native"&&(t!=null&&t.current)&&!t.current.disabled){let n=e.realtimeValidation.isInvalid?e.realtimeValidation.validationErrors.join(" ")||"Invalid value.":"";t.current.setCustomValidity(n),t.current.hasAttribute("title")||(t.current.title=""),e.realtimeValidation.isInvalid||e.updateValidation(h(t.current))}});let o=v.useEffectEvent(()=>{e.resetValidation()}),l=v.useEffectEvent(n=>{var a;e.displayValidation.isInvalid||e.commitValidation();let c=t==null||(a=t.current)===null||a===void 0?void 0:a.form;if(!n.defaultPrevented&&t&&c&&b(c)===t.current){var d;u?u():(d=t.current)===null||d===void 0||d.focus(),m.setInteractionModality("keyboard")}n.preventDefault()}),r=v.useEffectEvent(()=>{e.commitValidation()});f.useEffect(()=>{let n=t==null?void 0:t.current;if(!n)return;let a=n.form;return n.addEventListener("invalid",l),n.addEventListener("change",r),a==null||a.addEventListener("reset",o),()=>{n.removeEventListener("invalid",l),n.removeEventListener("change",r),a==null||a.removeEventListener("reset",o)}},[t,l,r,o,s])}function y(i){let e=i.validity;return{badInput:e.badInput,customError:e.customError,patternMismatch:e.patternMismatch,rangeOverflow:e.rangeOverflow,rangeUnderflow:e.rangeUnderflow,stepMismatch:e.stepMismatch,tooLong:e.tooLong,tooShort:e.tooShort,typeMismatch:e.typeMismatch,valueMissing:e.valueMissing,valid:e.valid}}function h(i){return{isInvalid:!i.validity.valid,validationDetails:y(i),validationErrors:i.validationMessage?[i.validationMessage]:[]}}function b(i){for(let e=0;e<i.elements.length;e++){let t=i.elements[e];if(!t.validity.valid)return t}return null}exports.useFormValidation=g;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("./index301.js"),L=require("./index304.js"),ne=require("./index299.js"),ie=require("./index305.js"),se=require("./index202.js"),G=require("./index306.js"),oe=require("./index167.js"),o=require("./index168.js"),$=require("./index169.js"),Q=require("./index123.js"),ae=require("./index173.js"),B=require("./index174.js"),le=require("./index177.js"),ue=require("./index181.js"),ce=require("./index175.js"),A=require("./index189.js"),O=require("./index187.js"),fe=require("react-dom"),M=require("react");function ge(n){let i=M.useContext(ne.PressResponderContext);if(i){let{register:l,...u}=i;n=Q.mergeProps(u,n),l()}return ue.useSyncRef(i,n.ref),n}var R=new WeakMap;class _{continuePropagation(){G._(this,R,!1)}get shouldStopPropagation(){return ie._(this,R)}constructor(i,l,u,g){se._(this,R,{writable:!0,value:void 0}),G._(this,R,!0);var P;let y=(P=g==null?void 0:g.target)!==null&&P!==void 0?P:u.currentTarget;const d=y==null?void 0:y.getBoundingClientRect();let x,b=0,I,v=null;u.clientX!=null&&u.clientY!=null&&(I=u.clientX,v=u.clientY),d&&(I!=null&&v!=null?(x=I-d.left,b=v-d.top):(x=d.width/2,b=d.height/2)),this.type=i,this.pointerType=l,this.target=u.currentTarget,this.shiftKey=u.shiftKey,this.metaKey=u.metaKey,this.ctrlKey=u.ctrlKey,this.altKey=u.altKey,this.x=x,this.y=b}}const N=Symbol("linkClicked");function pe(n){let{onPress:i,onPressChange:l,onPressStart:u,onPressEnd:g,onPressUp:P,onClick:y,isDisabled:d,isPressed:x,preventFocusOnPress:b,shouldCancelOnPointerExit:I,allowTextSelectionOnPress:v,ref:D,...ee}=ge(n),[te,V]=M.useState(!1),K=M.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:C,removeAllGlobalListeners:q}=le.useGlobalListeners(),h=O.useEffectEvent((e,s)=>{let p=K.current;if(d||p.didFirePressStart)return!1;let r=!0;if(p.isTriggeringEvent=!0,u){let f=new _("pressstart",s,e);u(f),r=f.shouldStopPropagation}return l&&l(!0),p.isTriggeringEvent=!1,p.didFirePressStart=!0,V(!0),r}),E=O.useEffectEvent((e,s,p=!0)=>{let r=K.current;if(!r.didFirePressStart)return!1;r.didFirePressStart=!1,r.isTriggeringEvent=!0;let f=!0;if(g){let t=new _("pressend",s,e);g(t),f=t.shouldStopPropagation}if(l&&l(!1),V(!1),i&&p&&!d){let t=new _("press",s,e);i(t),f&&(f=t.shouldStopPropagation)}return r.isTriggeringEvent=!1,f}),k=O.useEffectEvent((e,s)=>{let p=K.current;if(d)return!1;if(P){p.isTriggeringEvent=!0;let r=new _("pressup",s,e);return P(r),p.isTriggeringEvent=!1,r.shouldStopPropagation}return!0}),T=O.useEffectEvent(e=>{let s=K.current;if(s.isPressed&&s.target){s.didFirePressStart&&s.pointerType!=null&&E(w(s.target,e),s.pointerType,!1),s.isPressed=!1,s.isOverTarget=!1,s.activePointerId=null,s.pointerType=null,q(),v||L.restoreTextSelection(s.target);for(let p of s.disposables)p();s.disposables=[]}}),X=O.useEffectEvent(e=>{I&&T(e)}),F=O.useEffectEvent(e=>{y==null||y(e)}),U=O.useEffectEvent((e,s)=>{if(y){let p=new MouseEvent("click",e);Y.setEventTarget(p,s),y(Y.createSyntheticEvent(p))}}),re=M.useMemo(()=>{let e=K.current,s={onKeyDown(r){if(H(r.nativeEvent,r.currentTarget)&&o.nodeContains(r.currentTarget,o.getEventTarget(r.nativeEvent))){var f;J(o.getEventTarget(r.nativeEvent),r.key)&&r.preventDefault();let t=!0;if(!e.isPressed&&!r.repeat){e.target=r.currentTarget,e.isPressed=!0,e.pointerType="keyboard",t=h(r,"keyboard");let a=r.currentTarget,c=m=>{H(m,a)&&!m.repeat&&o.nodeContains(a,o.getEventTarget(m))&&e.target&&k(w(e.target,m),"keyboard")};C($.getOwnerDocument(r.currentTarget),"keyup",oe.chain(c,p),!0)}t&&r.stopPropagation(),r.metaKey&&ce.isMac()&&((f=e.metaKeyEvents)===null||f===void 0||f.set(r.key,r.nativeEvent))}else r.key==="Meta"&&(e.metaKeyEvents=new Map)},onClick(r){if(!(r&&!o.nodeContains(r.currentTarget,o.getEventTarget(r.nativeEvent)))&&r&&r.button===0&&!e.isTriggeringEvent&&!B.openLink.isOpening){let f=!0;if(d&&r.preventDefault(),!e.ignoreEmulatedMouseEvents&&!e.isPressed&&(e.pointerType==="virtual"||A.isVirtualClick(r.nativeEvent))){let t=h(r,"virtual"),a=k(r,"virtual"),c=E(r,"virtual");F(r),f=t&&a&&c}else if(e.isPressed&&e.pointerType!=="keyboard"){let t=e.pointerType||r.nativeEvent.pointerType||"virtual";f=E(w(r.currentTarget,r),t,!0),e.isOverTarget=!1,F(r),T(r)}e.ignoreEmulatedMouseEvents=!1,f&&r.stopPropagation()}}},p=r=>{var f;if(e.isPressed&&e.target&&H(r,e.target)){var t;J(o.getEventTarget(r),r.key)&&r.preventDefault();let c=o.getEventTarget(r),m=o.nodeContains(e.target,o.getEventTarget(r));E(w(e.target,r),"keyboard",m),m&&U(r,e.target),q(),r.key!=="Enter"&&W(e.target)&&o.nodeContains(e.target,c)&&!r[N]&&(r[N]=!0,B.openLink(e.target,r,!1)),e.isPressed=!1,(t=e.metaKeyEvents)===null||t===void 0||t.delete(r.key)}else if(r.key==="Meta"&&(!((f=e.metaKeyEvents)===null||f===void 0)&&f.size)){var a;let c=e.metaKeyEvents;e.metaKeyEvents=void 0;for(let m of c.values())(a=e.target)===null||a===void 0||a.dispatchEvent(new KeyboardEvent("keyup",m))}};if(typeof PointerEvent<"u"){s.onPointerDown=t=>{if(t.button!==0||!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;if(A.isVirtualPointerEvent(t.nativeEvent)){e.pointerType="virtual";return}e.pointerType=t.pointerType;let a=!0;if(!e.isPressed){e.isPressed=!0,e.isOverTarget=!0,e.activePointerId=t.pointerId,e.target=t.currentTarget,v||L.disableTextSelection(e.target),a=h(t,e.pointerType);let c=o.getEventTarget(t.nativeEvent);"releasePointerCapture"in c&&c.releasePointerCapture(t.pointerId),C($.getOwnerDocument(t.currentTarget),"pointerup",r,!1),C($.getOwnerDocument(t.currentTarget),"pointercancel",f,!1)}a&&t.stopPropagation()},s.onMouseDown=t=>{if(o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&t.button===0){if(b){let a=Y.preventFocus(t.target);a&&e.disposables.push(a)}t.stopPropagation()}},s.onPointerUp=t=>{!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))||e.pointerType==="virtual"||t.button===0&&k(t,e.pointerType||t.pointerType)},s.onPointerEnter=t=>{t.pointerId===e.activePointerId&&e.target&&!e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!0,h(w(e.target,t),e.pointerType))},s.onPointerLeave=t=>{t.pointerId===e.activePointerId&&e.target&&e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!1,E(w(e.target,t),e.pointerType,!1),X(t))};let r=t=>{if(t.pointerId===e.activePointerId&&e.isPressed&&t.button===0&&e.target){if(o.nodeContains(e.target,o.getEventTarget(t))&&e.pointerType!=null){let a=!1,c=setTimeout(()=>{e.isPressed&&e.target instanceof HTMLElement&&(a?T(t):(ae.focusWithoutScrolling(e.target),e.target.click()))},80);C(t.currentTarget,"click",()=>a=!0,!0),e.disposables.push(()=>clearTimeout(c))}else T(t);e.isOverTarget=!1}},f=t=>{T(t)};s.onDragStart=t=>{o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&T(t)}}else if(process.env.NODE_ENV==="test"){s.onMouseDown=t=>{if(t.button!==0||!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;if(e.ignoreEmulatedMouseEvents){t.stopPropagation();return}if(e.isPressed=!0,e.isOverTarget=!0,e.target=t.currentTarget,e.pointerType=A.isVirtualClick(t.nativeEvent)?"virtual":"mouse",fe.flushSync(()=>h(t,e.pointerType))&&t.stopPropagation(),b){let c=Y.preventFocus(t.target);c&&e.disposables.push(c)}C($.getOwnerDocument(t.currentTarget),"mouseup",r,!1)},s.onMouseEnter=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;let a=!0;e.isPressed&&!e.ignoreEmulatedMouseEvents&&e.pointerType!=null&&(e.isOverTarget=!0,a=h(t,e.pointerType)),a&&t.stopPropagation()},s.onMouseLeave=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;let a=!0;e.isPressed&&!e.ignoreEmulatedMouseEvents&&e.pointerType!=null&&(e.isOverTarget=!1,a=E(t,e.pointerType,!1),X(t)),a&&t.stopPropagation()},s.onMouseUp=t=>{o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&!e.ignoreEmulatedMouseEvents&&t.button===0&&k(t,e.pointerType||"mouse")};let r=t=>{if(t.button===0){if(e.ignoreEmulatedMouseEvents){e.ignoreEmulatedMouseEvents=!1;return}e.target&&e.target.contains(t.target)&&e.pointerType!=null||T(t),e.isOverTarget=!1}};s.onTouchStart=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;let a=de(t.nativeEvent);if(!a)return;e.activePointerId=a.identifier,e.ignoreEmulatedMouseEvents=!0,e.isOverTarget=!0,e.isPressed=!0,e.target=t.currentTarget,e.pointerType="touch",v||L.disableTextSelection(e.target),h(S(e.target,t),e.pointerType)&&t.stopPropagation(),C($.getOwnerWindow(t.currentTarget),"scroll",f,!0)},s.onTouchMove=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;if(!e.isPressed){t.stopPropagation();return}let a=z(t.nativeEvent,e.activePointerId),c=!0;a&&j(a,t.currentTarget)?!e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!0,c=h(S(e.target,t),e.pointerType)):e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!1,c=E(S(e.target,t),e.pointerType,!1),X(S(e.target,t))),c&&t.stopPropagation()},s.onTouchEnd=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;if(!e.isPressed){t.stopPropagation();return}let a=z(t.nativeEvent,e.activePointerId),c=!0;a&&j(a,t.currentTarget)&&e.pointerType!=null?(k(S(e.target,t),e.pointerType),c=E(S(e.target,t),e.pointerType),U(t.nativeEvent,e.target)):e.isOverTarget&&e.pointerType!=null&&(c=E(S(e.target,t),e.pointerType,!1)),c&&t.stopPropagation(),e.isPressed=!1,e.activePointerId=null,e.isOverTarget=!1,e.ignoreEmulatedMouseEvents=!0,e.target&&!v&&L.restoreTextSelection(e.target),q()},s.onTouchCancel=t=>{o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&(t.stopPropagation(),e.isPressed&&T(S(e.target,t)))};let f=t=>{e.isPressed&&o.nodeContains(o.getEventTarget(t),e.target)&&T({currentTarget:e.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};s.onDragStart=t=>{o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&T(t)}}return s},[C,d,b,q,v,T,X,E,h,k,F,U]);return M.useEffect(()=>{let e=D==null?void 0:D.current;e&&e instanceof $.getOwnerWindow(e).Element&&$.getOwnerWindow(e).getComputedStyle(e).touchAction==="auto"&&(e.style.touchAction="pan-x pan-y pinch-zoom")},[D]),M.useEffect(()=>{let e=K.current;return()=>{var s;v||L.restoreTextSelection((s=e.target)!==null&&s!==void 0?s:void 0);for(let p of e.disposables)p();e.disposables=[]}},[v]),{isPressed:x||te,pressProps:Q.mergeProps(ee,re)}}function W(n){return n.tagName==="A"&&n.hasAttribute("href")}function H(n,i){const{key:l,code:u}=n,g=i,P=g.getAttribute("role");return(l==="Enter"||l===" "||l==="Spacebar"||u==="Space")&&!(g instanceof $.getOwnerWindow(g).HTMLInputElement&&!Z(g,l)||g instanceof $.getOwnerWindow(g).HTMLTextAreaElement||g.isContentEditable)&&!((P==="link"||!P&&W(g))&&l!=="Enter")}function de(n){const{targetTouches:i}=n;return i.length>0?i[0]:null}function z(n,i){const l=n.changedTouches;for(let u=0;u<l.length;u++){const g=l[u];if(g.identifier===i)return g}return null}function S(n,i){let l=0,u=0;return i.targetTouches&&i.targetTouches.length===1&&(l=i.targetTouches[0].clientX,u=i.targetTouches[0].clientY),{currentTarget:n,shiftKey:i.shiftKey,ctrlKey:i.ctrlKey,metaKey:i.metaKey,altKey:i.altKey,clientX:l,clientY:u}}function w(n,i){let l=i.clientX,u=i.clientY;return{currentTarget:n,shiftKey:i.shiftKey,ctrlKey:i.ctrlKey,metaKey:i.metaKey,altKey:i.altKey,clientX:l,clientY:u}}function ve(n){let i=0,l=0;return n.width!==void 0?i=n.width/2:n.radiusX!==void 0&&(i=n.radiusX),n.height!==void 0?l=n.height/2:n.radiusY!==void 0&&(l=n.radiusY),{top:n.clientY-l,right:n.clientX+i,bottom:n.clientY+l,left:n.clientX-i}}function Te(n,i){return!(n.left>i.right||i.left>n.right||n.top>i.bottom||i.top>n.bottom)}function j(n,i){let l=i.getBoundingClientRect(),u=ve(n);return Te(l,u)}function Ee(n){return n instanceof HTMLInputElement?!1:n instanceof HTMLButtonElement?n.type!=="submit"&&n.type!=="reset":!W(n)}function J(n,i){return n instanceof HTMLInputElement?!Z(n,i):Ee(n)}const Pe=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Z(n,i){return n.type==="checkbox"||n.type==="radio"?i===" ":Pe.has(n.type)}exports.usePress=pe;
|