@okam/stack-ui 1.35.5 → 1.35.6

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.
Files changed (237) hide show
  1. package/index107.js +1 -1
  2. package/index107.mjs +1 -1
  3. package/index108.js +1 -1
  4. package/index108.mjs +2 -2
  5. package/index109.js +1 -1
  6. package/index109.mjs +1 -1
  7. package/index114.js +1 -1
  8. package/index114.mjs +1 -1
  9. package/index116.js +1 -1
  10. package/index116.mjs +3 -3
  11. package/index117.js +1 -1
  12. package/index117.mjs +3 -3
  13. package/index118.js +1 -1
  14. package/index118.mjs +1 -1
  15. package/index119.js +1 -1
  16. package/index119.mjs +1 -1
  17. package/index124.js +1 -1
  18. package/index124.mjs +1 -1
  19. package/index126.js +1 -1
  20. package/index126.mjs +2 -2
  21. package/index127.js +1 -1
  22. package/index127.mjs +5 -5
  23. package/index128.js +1 -1
  24. package/index128.mjs +3 -3
  25. package/index129.js +1 -1
  26. package/index129.mjs +9 -9
  27. package/index135.js +1 -1
  28. package/index135.mjs +1 -1
  29. package/index144.js +1 -1
  30. package/index144.mjs +10 -55
  31. package/index145.js +1 -1
  32. package/index145.mjs +57 -46
  33. package/index146.js +1 -2
  34. package/index146.mjs +46 -13
  35. package/index147.js +2 -1
  36. package/index147.mjs +12 -29
  37. package/index148.js +1 -1
  38. package/index148.mjs +30 -12
  39. package/index150.js +1 -1
  40. package/index150.mjs +1 -1
  41. package/index151.js +1 -1
  42. package/index151.mjs +1 -1
  43. package/index153.js +1 -1
  44. package/index153.mjs +68 -22
  45. package/index154.js +1 -1
  46. package/index154.mjs +370 -62
  47. package/index155.js +1 -1
  48. package/index155.mjs +44 -379
  49. package/index156.js +1 -1
  50. package/index156.mjs +4 -47
  51. package/index157.js +1 -1
  52. package/index157.mjs +25 -4
  53. package/index158.js +1 -1
  54. package/index158.mjs +46 -23
  55. package/index159.js +1 -1
  56. package/index159.mjs +4 -46
  57. package/index160.js +1 -1
  58. package/index160.mjs +24 -5
  59. package/index161.js +1 -1
  60. package/index161.mjs +11 -23
  61. package/index162.js +1 -1
  62. package/index162.mjs +4 -12
  63. package/index163.js +1 -1
  64. package/index163.mjs +14 -4
  65. package/index164.js +1 -1
  66. package/index164.mjs +21 -14
  67. package/index165.js +1 -1
  68. package/index165.mjs +42 -21
  69. package/index166.js +1 -1
  70. package/index166.mjs +23 -41
  71. package/index167.js +1 -1
  72. package/index167.mjs +42 -24
  73. package/index168.js +1 -1
  74. package/index168.mjs +27 -41
  75. package/index169.js +1 -1
  76. package/index169.mjs +30 -27
  77. package/index170.js +1 -1
  78. package/index170.mjs +13 -30
  79. package/index171.js +1 -1
  80. package/index171.mjs +28 -14
  81. package/index172.js +1 -1
  82. package/index172.mjs +9 -28
  83. package/index173.js +1 -1
  84. package/index173.mjs +6 -9
  85. package/index174.js +1 -1
  86. package/index174.mjs +5 -6
  87. package/index175.js +1 -1
  88. package/index175.mjs +13 -5
  89. package/index176.js +1 -1
  90. package/index176.mjs +8 -13
  91. package/index177.js +1 -1
  92. package/index177.mjs +17 -8
  93. package/index178.js +1 -1
  94. package/index178.mjs +19 -17
  95. package/index179.js +1 -1
  96. package/index179.mjs +54 -19
  97. package/index18.js +1 -1
  98. package/index18.mjs +40 -31
  99. package/index180.js +1 -1
  100. package/index180.mjs +23 -50
  101. package/index181.js +1 -1
  102. package/index181.mjs +138 -122
  103. package/index182.js +1 -1
  104. package/index182.mjs +192 -129
  105. package/index183.js +1 -1
  106. package/index183.mjs +22 -44
  107. package/index184.js +1 -1
  108. package/index184.mjs +49 -14
  109. package/index185.js +1 -1
  110. package/index185.mjs +46 -93
  111. package/index186.js +1 -1
  112. package/index186.mjs +89 -98
  113. package/index187.js +1 -1
  114. package/index187.mjs +72 -5
  115. package/index188.js +1 -1
  116. package/index188.mjs +68 -3
  117. package/index189.js +1 -1
  118. package/index189.mjs +7 -125
  119. package/index190.js +1 -1
  120. package/index190.mjs +11 -29
  121. package/index191.js +1 -1
  122. package/index191.mjs +113 -40
  123. package/index192.js +1 -1
  124. package/index192.mjs +131 -41
  125. package/index193.js +1 -1
  126. package/index193.mjs +43 -36
  127. package/index194.js +1 -1
  128. package/index194.mjs +11 -110
  129. package/index195.js +1 -1
  130. package/index195.mjs +77 -59
  131. package/index196.js +1 -1
  132. package/index196.mjs +99 -94
  133. package/index197.js +1 -1
  134. package/index197.mjs +5 -98
  135. package/index198.js +1 -1
  136. package/index198.mjs +3 -140
  137. package/index199.js +1 -1
  138. package/index199.mjs +119 -191
  139. package/index200.js +1 -1
  140. package/index200.mjs +29 -22
  141. package/index201.js +1 -1
  142. package/index201.mjs +51 -49
  143. package/index202.js +1 -1
  144. package/index202.mjs +43 -47
  145. package/index203.js +1 -1
  146. package/index203.mjs +35 -95
  147. package/index204.js +1 -1
  148. package/index204.mjs +114 -72
  149. package/index205.js +1 -1
  150. package/index205.mjs +76 -67
  151. package/index206.js +1 -1
  152. package/index206.mjs +101 -7
  153. package/index207.js +1 -1
  154. package/index207.mjs +98 -12
  155. package/index235.js +1 -1
  156. package/index235.mjs +5 -5
  157. package/index236.js +1 -1
  158. package/index236.mjs +1 -1
  159. package/index237.js +1 -1
  160. package/index237.mjs +4 -4
  161. package/index238.js +1 -1
  162. package/index238.mjs +1 -1
  163. package/index239.js +1 -1
  164. package/index239.mjs +1 -1
  165. package/index240.js +1 -1
  166. package/index240.mjs +4 -4
  167. package/index241.js +1 -1
  168. package/index241.mjs +4 -4
  169. package/index242.js +1 -1
  170. package/index242.mjs +1 -1
  171. package/index243.js +1 -1
  172. package/index243.mjs +4 -4
  173. package/index244.js +1 -1
  174. package/index244.mjs +4 -4
  175. package/index245.js +1 -1
  176. package/index245.mjs +1 -1
  177. package/index246.js +1 -1
  178. package/index246.mjs +4 -4
  179. package/index247.js +1 -1
  180. package/index247.mjs +4 -4
  181. package/index248.js +1 -1
  182. package/index248.mjs +1 -1
  183. package/index249.js +1 -1
  184. package/index249.mjs +1 -1
  185. package/index250.js +1 -1
  186. package/index250.mjs +4 -4
  187. package/index251.js +1 -1
  188. package/index251.mjs +4 -4
  189. package/index252.js +1 -1
  190. package/index252.mjs +1 -1
  191. package/index253.js +1 -1
  192. package/index253.mjs +4 -4
  193. package/index254.js +1 -1
  194. package/index254.mjs +4 -4
  195. package/index255.js +1 -1
  196. package/index255.mjs +4 -4
  197. package/index256.js +1 -1
  198. package/index256.mjs +1 -1
  199. package/index257.js +1 -1
  200. package/index257.mjs +4 -4
  201. package/index258.js +1 -1
  202. package/index258.mjs +4 -4
  203. package/index259.js +1 -1
  204. package/index259.mjs +4 -4
  205. package/index260.js +1 -1
  206. package/index260.mjs +4 -4
  207. package/index261.js +1 -1
  208. package/index261.mjs +4 -4
  209. package/index262.js +1 -1
  210. package/index262.mjs +1 -1
  211. package/index263.js +1 -1
  212. package/index263.mjs +1 -1
  213. package/index264.js +1 -1
  214. package/index264.mjs +1 -1
  215. package/index265.js +1 -1
  216. package/index265.mjs +4 -4
  217. package/index266.js +1 -1
  218. package/index266.mjs +4 -4
  219. package/index267.js +1 -1
  220. package/index267.mjs +4 -4
  221. package/index268.js +1 -1
  222. package/index268.mjs +4 -4
  223. package/index269.js +1 -1
  224. package/index269.mjs +5 -5
  225. package/index278.js +1 -1
  226. package/index278.mjs +3 -3
  227. package/index280.js +1 -1
  228. package/index280.mjs +2 -2
  229. package/index281.js +1 -1
  230. package/index281.mjs +5 -5
  231. package/index284.js +1 -1
  232. package/index284.mjs +3 -3
  233. package/index287.js +1 -1
  234. package/index287.mjs +1 -1
  235. package/index288.js +1 -1
  236. package/index288.mjs +4 -4
  237. package/package.json +1 -1
package/index148.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(r,c){var o;const i=[];let e=null;const n=[];for(const t of c){const l=t.key==="header"||((o=t.key)==null?void 0:o.toString().includes("header-")),s=r.find(u=>u.rendered===t.value);l?(e&&i.push(e),e={header:{key:t.key,rendered:t.value},items:[]}):e?s&&e.items.push(s):s&&n.push(s)}return e&&i.push(e),[...n.length>0?[{items:n}]:[],...i]}exports.useListboxSections=d;
1
+ "use strict";const P=require("react/jsx-runtime"),o=require("react-aria"),k=require("./index76.js"),m=require("./index6.js"),w=d=>{const{themeName:l,tokens:c,slides:i,activeIndex:x,index:t}=d,{controller:e}=k.useSwiperController(),s=o.useFocusManager(),p=t===0?i.length-1:t-1,b=t===i.length-1?0:t+1,{keyboardProps:v}=o.useKeyboard({onKeyUp:n=>{n.key==="ArrowLeft"&&(n.preventDefault(),s==null||s.focusPrevious({wrap:!0}),e==null||e.slideTo(p)),n.key==="ArrowRight"&&(n.preventDefault(),s==null||s.focusNext({wrap:!0}),e==null||e.slideTo(b))}}),{pressProps:h}=o.usePress({onPress:()=>e==null?void 0:e.slideTo(t)}),f=i[t],r=t===x,{title:a,id:y}=f,u=a&&a.length>0;return P.jsx(m.default,{as:"button",tabIndex:0,role:"button","aria-current":r?"true":"false","aria-disabled":r,"aria-label":u?void 0:`${t+1} / ${i.length}`,"aria-labelledby":u?y:void 0,...v,...h,themeName:`${l}.bullet`,tokens:{...c,active:r}})};module.exports=w;
package/index148.mjs CHANGED
@@ -1,14 +1,32 @@
1
- function f(r, c) {
2
- var o;
3
- const s = [];
4
- let e = null;
5
- const i = [];
6
- for (const t of c) {
7
- const l = t.key === "header" || ((o = t.key) == null ? void 0 : o.toString().includes("header-")), n = r.find((u) => u.rendered === t.value);
8
- l ? (e && s.push(e), e = { header: { key: t.key, rendered: t.value }, items: [] }) : e ? n && e.items.push(n) : n && i.push(n);
9
- }
10
- return e && s.push(e), [...i.length > 0 ? [{ items: i }] : [], ...s];
11
- }
1
+ import { jsx as h } from "react/jsx-runtime";
2
+ import { useFocusManager as y, useKeyboard as P, usePress as k } from "react-aria";
3
+ import { useSwiperController as w } from "./index76.mjs";
4
+ import g from "./index6.mjs";
5
+ const N = (d) => {
6
+ const { themeName: l, tokens: u, slides: o, activeIndex: p, index: t } = d, { controller: e } = w(), s = y(), m = t === 0 ? o.length - 1 : t - 1, c = t === o.length - 1 ? 0 : t + 1, { keyboardProps: b } = P({
7
+ onKeyUp: (i) => {
8
+ i.key === "ArrowLeft" && (i.preventDefault(), s == null || s.focusPrevious({ wrap: !0 }), e == null || e.slideTo(m)), i.key === "ArrowRight" && (i.preventDefault(), s == null || s.focusNext({ wrap: !0 }), e == null || e.slideTo(c));
9
+ }
10
+ }), { pressProps: f } = k({
11
+ onPress: () => e == null ? void 0 : e.slideTo(t)
12
+ }), v = o[t], n = t === p, { title: r, id: x } = v, a = r && r.length > 0;
13
+ return /* @__PURE__ */ h(
14
+ g,
15
+ {
16
+ as: "button",
17
+ tabIndex: 0,
18
+ role: "button",
19
+ "aria-current": n ? "true" : "false",
20
+ "aria-disabled": n,
21
+ "aria-label": a ? void 0 : `${t + 1} / ${o.length}`,
22
+ "aria-labelledby": a ? x : void 0,
23
+ ...b,
24
+ ...f,
25
+ themeName: `${l}.bullet`,
26
+ tokens: { ...u, active: n }
27
+ }
28
+ );
29
+ };
12
30
  export {
13
- f as useListboxSections
31
+ N as default
14
32
  };
package/index150.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";const o=require("react/jsx-runtime"),c=require("./index183.js"),O=require("@react-aria/focus"),W=require("./index117.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;
2
+ "use strict";const o=require("react/jsx-runtime"),c=require("./index193.js"),O=require("@react-aria/focus"),W=require("./index117.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/index150.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 "./index183.mjs";
3
+ import { isSameDay as p, getDayOfWeek as O } from "./index193.mjs";
4
4
  import { useFocusRing as W } from "@react-aria/focus";
5
5
  import { mergeProps as v } from "./index117.mjs";
6
6
  import { useRef as B } from "react";
package/index151.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index289.js"),o=require("./index117.js"),u=require("./index171.js"),s=require("@react-aria/focus");function c(a,e,d){let l=s.useHasTabbableChild(d)?void 0:0;var r;const n=i.generateId(e,(r=a.id)!==null&&r!==void 0?r:e==null?void 0:e.selectedKey,"tabpanel"),b=u.useLabels({...a,id:n,"aria-labelledby":i.generateId(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:o.mergeProps(b,{tabIndex:l,role:"tabpanel","aria-describedby":a["aria-describedby"],"aria-details":a["aria-details"]})}}exports.useTabPanel=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index289.js"),o=require("./index117.js"),u=require("./index170.js"),s=require("@react-aria/focus");function c(a,e,d){let l=s.useHasTabbableChild(d)?void 0:0;var r;const n=i.generateId(e,(r=a.id)!==null&&r!==void 0?r:e==null?void 0:e.selectedKey,"tabpanel"),b=u.useLabels({...a,id:n,"aria-labelledby":i.generateId(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:o.mergeProps(b,{tabIndex:l,role:"tabpanel","aria-describedby":a["aria-describedby"],"aria-details":a["aria-details"]})}}exports.useTabPanel=c;
package/index151.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { generateId as r } from "./index289.mjs";
2
2
  import { mergeProps as n } from "./index117.mjs";
3
- import { useLabels as c } from "./index171.mjs";
3
+ import { useLabels as c } from "./index170.mjs";
4
4
  import { useHasTabbableChild as f } from "@react-aria/focus";
5
5
  function m(a, e, b) {
6
6
  let i = f(b) ? void 0 : 0;
package/index153.js CHANGED
@@ -1 +1 @@
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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index278.js"),f=require("react"),E=require("./index156.js"),v=require("./index175.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/index153.mjs CHANGED
@@ -1,30 +1,76 @@
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;
7
- }, [
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);
1
+ import { setInteractionModality as m } from "./index278.mjs";
2
+ import { useEffect as f } from "react";
3
+ import { useLayoutEffect as $ } from "./index156.mjs";
4
+ import { useEffectEvent as v } from "./index175.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
- l
39
+ s
22
40
  ]);
23
- return [
24
- o,
25
- b
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
- S as useControlledState
75
+ V as useFormValidation
30
76
  };
package/index154.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index278.js"),f=require("react"),E=require("./index157.js"),v=require("./index176.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("./index281.js"),L=require("./index284.js"),ne=require("./index279.js"),ie=require("./index285.js"),se=require("./index197.js"),G=require("./index286.js"),oe=require("./index159.js"),o=require("./index160.js"),$=require("./index161.js"),Q=require("./index117.js"),ae=require("./index165.js"),B=require("./index166.js"),le=require("./index169.js"),ue=require("./index172.js"),ce=require("./index167.js"),A=require("./index176.js"),O=require("./index175.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;