@okam/stack-ui 1.34.0 → 1.35.0

package/index149.mjs

@@ -1,28 +1,128 @@
-import { useUNSTABLE_PortalContext as f } from "./index345.mjs";
-import { ClearPressResponder as m } from "./index330.mjs";
-import { FocusScope as u } from "@react-aria/focus";
-import o, { useState as $, useMemo as b } from "react";
-import d from "react-dom";
-import { useIsSSR as x } from "./index164.mjs";
-const p = /* @__PURE__ */ o.createContext(null);
-function P(t) {
-  let i = x(), { portalContainer: a = i ? null : document.body, isExiting: c } = t, [r, n] = $(!1), s = b(() => ({
-    contain: r,
-    setContain: n
-  }), [
-    r,
-    n
-  ]), { getContainer: l } = f();
-  if (!t.portalContainer && l && (a = l()), !a) return null;
-  let e = t.children;
-  return t.disableFocusManagement || (e = /* @__PURE__ */ o.createElement(u, {
-    restoreFocus: !0,
-    contain: r && !c
-  }, e)), e = /* @__PURE__ */ o.createElement(p.Provider, {
-    value: s
-  }, /* @__PURE__ */ o.createElement(m, null, e)), /* @__PURE__ */ d.createPortal(e, a);
+import { createContext as O, useMemo as I, useContext as U, useState as f, useRef as T, useEffect as R } from "react";
+const D = {
+  badInput: !1,
+  customError: !1,
+  patternMismatch: !1,
+  rangeOverflow: !1,
+  rangeUnderflow: !1,
+  stepMismatch: !1,
+  tooLong: !1,
+  tooShort: !1,
+  typeMismatch: !1,
+  valueMissing: !1,
+  valid: !0
+}, L = {
+  ...D,
+  customError: !0,
+  valid: !1
+}, u = {
+  isInvalid: !1,
+  validationDetails: D,
+  validationErrors: []
+}, B = O({}), h = "__formValidationState" + Date.now();
+function P(a) {
+  if (a[h]) {
+    let { realtimeValidation: e, displayValidation: t, updateValidation: i, resetValidation: o, commitValidation: l } = a[h];
+    return {
+      realtimeValidation: e,
+      displayValidation: t,
+      updateValidation: i,
+      resetValidation: o,
+      commitValidation: l
+    };
+  }
+  return Q(a);
+}
+function Q(a) {
+  let { isInvalid: e, validationState: t, name: i, value: o, builtinValidation: l, validate: d, validationBehavior: n = "aria" } = a;
+  t && (e || (e = t === "invalid"));
+  let v = e !== void 0 ? {
+    isInvalid: e,
+    validationErrors: [],
+    validationDetails: L
+  } : null, V = I(() => {
+    if (!d || o == null) return null;
+    let r = Y(d, o);
+    return C(r);
+  }, [
+    d,
+    o
+  ]);
+  l != null && l.validationDetails.valid && (l = void 0);
+  let s = U(B), A = I(() => i ? Array.isArray(i) ? i.flatMap((r) => S(s[r])) : S(s[i]) : [], [
+    s,
+    i
+  ]), [M, _] = f(s), [x, m] = f(!1);
+  s !== M && (_(s), m(!1));
+  let $ = I(() => C(x ? [] : A), [
+    x,
+    A
+  ]), g = T(u), [b, E] = f(u), c = T(u), w = () => {
+    if (!F) return;
+    p(!1);
+    let r = V || l || g.current;
+    y(r, c.current) || (c.current = r, E(r));
+  }, [F, p] = f(!1);
+  return R(w), {
+    realtimeValidation: v || $ || V || l || u,
+    displayValidation: n === "native" ? v || $ || b : v || $ || V || l || b,
+    updateValidation(r) {
+      n === "aria" && !y(b, r) ? E(r) : g.current = r;
+    },
+    resetValidation() {
+      let r = u;
+      y(r, c.current) || (c.current = r, E(r)), n === "native" && p(!1), m(!0);
+    },
+    commitValidation() {
+      n === "native" && p(!0), m(!0);
+    }
+  };
+}
+function S(a) {
+  return a ? Array.isArray(a) ? a : [
+    a
+  ] : [];
+}
+function Y(a, e) {
+  if (typeof a == "function") {
+    let t = a(e);
+    if (t && typeof t != "boolean") return S(t);
+  }
+  return [];
+}
+function C(a) {
+  return a.length ? {
+    isInvalid: !0,
+    validationErrors: a,
+    validationDetails: L
+  } : null;
+}
+function y(a, e) {
+  return a === e ? !0 : !!a && !!e && a.isInvalid === e.isInvalid && a.validationErrors.length === e.validationErrors.length && a.validationErrors.every((t, i) => t === e.validationErrors[i]) && Object.entries(a.validationDetails).every(([t, i]) => e.validationDetails[t] === i);
+}
+function k(...a) {
+  let e = /* @__PURE__ */ new Set(), t = !1, i = {
+    ...D
+  };
+  for (let d of a) {
+    var o, l;
+    for (let n of d.validationErrors) e.add(n);
+    t || (t = d.isInvalid);
+    for (let n in i) (o = i)[l = n] || (o[l] = d.validationDetails[n]);
+  }
+  return i.valid = !t, {
+    isInvalid: t,
+    validationErrors: [
+      ...e
+    ],
+    validationDetails: i
+  };
 }
 export {
-  P as Overlay,
-  p as OverlayContext
+  u as DEFAULT_VALIDATION_RESULT,
+  B as FormValidationContext,
+  D as VALID_VALIDITY_STATE,
+  k as mergeValidation,
+  h as privateValidationStateProp,
+  P as useFormValidationState
 };

package/index15.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const h=require("react/jsx-runtime"),p=require("@react-aria/i18n"),S=require("radashi"),l=require("react-aria"),q=require("./index64.js"),y=r=>{const{as:o="time",date:s,tokens:n,customTheme:a,dateFormatterOptions:m={month:"long",day:"numeric",year:"numeric"},themeName:c="typography",...i}=r,u=l.useIsSSR(),t=new Date(s),e=p.useDateFormatter(m).format(t),d=q(c,n,a);return u||S.isEmpty(e)?null:h.jsx(o,{...i,dateTime:t.toISOString(),className:d,children:e})};module.exports=y;
+"use strict";const h=require("react/jsx-runtime"),p=require("@react-aria/i18n"),S=require("radashi"),l=require("react-aria"),q=require("./index67.js"),y=r=>{const{as:o="time",date:s,tokens:n,customTheme:a,dateFormatterOptions:m={month:"long",day:"numeric",year:"numeric"},themeName:c="typography",...i}=r,u=l.useIsSSR(),t=new Date(s),e=p.useDateFormatter(m).format(t),d=q(c,n,a);return u||S.isEmpty(e)?null:h.jsx(o,{...i,dateTime:t.toISOString(),className:d,children:e})};module.exports=y;

package/index15.mjs

@@ -3,7 +3,7 @@ import { jsx as u } from "react/jsx-runtime";
 import { useDateFormatter as d } from "@react-aria/i18n";
 import { isEmpty as h } from "radashi";
 import { useIsSSR as l } from "react-aria";
-import S from "./index64.mjs";
+import S from "./index67.mjs";
 const F = (o) => {
   const {
     as: m = "time",

package/index150.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("./index151.js"),A=require("./index193.js"),G=require("./index194.js"),J=require("./index195.js"),Q=require("./index145.js"),X=require("./index111.js"),Y=require("./index174.js"),g=require("./index162.js"),ee=require("./index178.js"),R=require("./index171.js"),P=require("./index182.js"),re=require("./index184.js"),te=require("./index196.js"),u=require("react"),p=require("@react-aria/i18n"),ae=require("./index197.js");function ie(r,t,n){let l=u.useRef(""),{locale:x}=p.useLocale(),M=A.useDisplayNames(),{ariaLabel:D,ariaLabelledBy:V,ariaDescribedBy:w,focusManager:c}=z.hookData.get(t),f=r.isPlaceholder?"":r.text,h=u.useMemo(()=>t.dateFormatter.resolvedOptions(),[t.dateFormatter]),T=p.useDateFormatter({month:"long",timeZone:h.timeZone}),k=p.useDateFormatter({hour:"numeric",hour12:h.hour12,timeZone:h.timeZone});if(r.type==="month"&&!r.isPlaceholder){let e=T.format(t.dateValue);f=e!==f?`${f} – ${e}`:e}else r.type==="hour"&&!r.isPlaceholder&&(f=k.format(t.dateValue));let{spinButtonProps:I}=ae.useSpinButton({value:r.value,textValue:f,minValue:r.minValue,maxValue:r.maxValue,isDisabled:t.isDisabled,isReadOnly:t.isReadOnly||!r.isEditable,isRequired:t.isRequired,onIncrement:()=>{l.current="",t.increment(r.type)},onDecrement:()=>{l.current="",t.decrement(r.type)},onIncrementPage:()=>{l.current="",t.incrementPage(r.type)},onDecrementPage:()=>{l.current="",t.decrementPage(r.type)},onIncrementToMax:()=>{l.current="",r.maxValue!==void 0&&t.setSegment(r.type,r.maxValue)},onDecrementToMin:()=>{l.current="",r.minValue!==void 0&&t.setSegment(r.type,r.minValue)}}),d=u.useMemo(()=>new te.NumberParser(x,{maximumFractionDigits:0}),[x]),S=()=>{if(r.text===r.placeholder&&c.focusPrevious(),d.isValidPartialNumber(r.text)&&!t.isReadOnly&&!r.isPlaceholder){let e=r.text.slice(0,-1),a=d.parse(e);e=a===0?"":e,e.length===0||a===0?t.clearSegment(r.type):t.setSegment(r.type,a),l.current=e}else r.type==="dayPeriod"&&t.clearSegment(r.type)},O=e=>{if(e.key==="a"&&(R.isMac()?e.metaKey:e.ctrlKey)&&e.preventDefault(),!(e.ctrlKey||e.metaKey||e.shiftKey||e.altKey))switch(e.key){case"Backspace":case"Delete":e.preventDefault(),e.stopPropagation(),S();break}},{startsWith:m}=p.useFilter({sensitivity:"base"}),y=p.useDateFormatter({hour:"numeric",hour12:!0}),q=u.useMemo(()=>{let e=new Date;return e.setHours(0),y.formatToParts(e).find(a=>a.type==="dayPeriod").value},[y]),C=u.useMemo(()=>{let e=new Date;return e.setHours(12),y.formatToParts(e).find(a=>a.type==="dayPeriod").value},[y]),F=p.useDateFormatter({year:"numeric",era:"narrow",timeZone:"UTC"}),$=u.useMemo(()=>{if(r.type!=="era")return[];let e=J.toCalendar(new G.CalendarDate(1,1,1),t.calendar),a=t.calendar.getEras().map(o=>{let b=e.set({year:1,month:1,day:1,era:o}).toDate("UTC"),_=F.formatToParts(b).find(j=>j.type==="era").value;return{era:o,formatted:_}}),i=ne(a.map(o=>o.formatted));if(i)for(let o of a)o.formatted=o.formatted.slice(i);return a},[F,t.calendar,r.type]),N=e=>{if(t.isDisabled||t.isReadOnly)return;let a=l.current+e;switch(r.type){case"dayPeriod":if(m(q,e))t.setSegment("dayPeriod",0);else if(m(C,e))t.setSegment("dayPeriod",12);else break;c.focusNext();break;case"era":{let i=$.find(o=>m(o.formatted,e));i&&(t.setSegment("era",i.era),c.focusNext());break}case"day":case"hour":case"minute":case"second":case"month":case"year":{if(!d.isValidPartialNumber(a))return;let i=d.parse(a),o=i,b=r.minValue===0;if(r.type==="hour"&&t.dateFormatter.resolvedOptions().hour12){switch(t.dateFormatter.resolvedOptions().hourCycle){case"h11":i>11&&(o=d.parse(e));break;case"h12":b=!1,i>12&&(o=d.parse(e));break}r.value!==void 0&&r.value>=12&&i>1&&(i+=12)}else r.maxValue!==void 0&&i>r.maxValue&&(o=d.parse(e));if(isNaN(i))return;let v=o!==0||b;v&&t.setSegment(r.type,o),r.maxValue!==void 0&&(+(i+"0")>r.maxValue||a.length>=String(r.maxValue).length)?(l.current="",v&&c.focusNext()):l.current=a;break}}},L=()=>{l.current="",n.current&&re.scrollIntoViewport(n.current,{containingElement:ee.getScrollParent(n.current)});let e=window.getSelection();e==null||e.collapse(n.current)},B=u.useRef(typeof document<"u"?document:null);P.useEvent(B,"selectionchange",()=>{var e;let a=window.getSelection();a!=null&&a.anchorNode&&(!((e=n.current)===null||e===void 0)&&e.contains(a==null?void 0:a.anchorNode))&&a.collapse(n.current)});let E=u.useRef("");P.useEvent(n,"beforeinput",e=>{if(n.current)switch(e.preventDefault(),e.inputType){case"deleteContentBackward":case"deleteContentForward":d.isValidPartialNumber(r.text)&&!t.isReadOnly&&S();break;case"insertCompositionText":E.current=n.current.textContent,n.current.textContent=n.current.textContent;break;default:e.data!=null&&N(e.data);break}}),P.useEvent(n,"input",e=>{let{inputType:a,data:i}=e;switch(a){case"insertCompositionText":n.current&&(n.current.textContent=E.current),i!=null&&(m(q,i)||m(C,i))&&N(i);break}}),g.useLayoutEffect(()=>{let e=n.current;return()=>{document.activeElement===e&&(c.focusPrevious()||c.focusNext())}},[n,c]);let K=R.isIOS()||r.type==="timeZoneName"?{role:"textbox","aria-valuemax":null,"aria-valuemin":null,"aria-valuetext":null,"aria-valuenow":null}:{},Z=u.useMemo(()=>t.segments.find(e=>e.isEditable),[t.segments]);r!==Z&&!t.isInvalid&&(w=void 0);let H=Q.useId(),s=!t.isDisabled&&!t.isReadOnly&&r.isEditable,W=r.type==="literal"?"":M.of(r.type),U=Y.useLabels({"aria-label":`${W}${D?`, ${D}`:""}${V?", ":""}`,"aria-labelledby":V});return r.type==="literal"?{segmentProps:{"aria-hidden":!0}}:{segmentProps:X.mergeProps(I,U,{id:H,...K,"aria-invalid":t.isInvalid?"true":void 0,"aria-describedby":w,"aria-readonly":t.isReadOnly||!r.isEditable?"true":void 0,"data-placeholder":r.isPlaceholder||void 0,contentEditable:s,suppressContentEditableWarning:s,spellCheck:s?"false":void 0,autoCorrect:s?"off":void 0,[parseInt(u.version,10)>=17?"enterKeyHint":"enterkeyhint"]:s?"next":void 0,inputMode:t.isDisabled||r.type==="dayPeriod"||r.type==="era"||!s?void 0:"numeric",tabIndex:t.isDisabled?void 0:0,onKeyDown:O,onFocus:L,style:{caretColor:"transparent"},onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}})}}function ne(r){r.sort();let t=r[0],n=r[r.length-1];for(let l=0;l<t.length;l++)if(t[l]!==n[l])return l;return 0}exports.useDateSegment=ie;
+"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/index150.mjs

@@ -1,258 +1,30 @@
-import { hookData as z } from "./index151.mjs";
-import { useDisplayNames as A } from "./index193.mjs";
-import { CalendarDate as G } from "./index194.mjs";
-import { toCalendar as J } from "./index195.mjs";
-import { useId as Q } from "./index145.mjs";
-import { mergeProps as X } from "./index111.mjs";
-import { useLabels as Y } from "./index174.mjs";
-import { useLayoutEffect as g } from "./index162.mjs";
-import { getScrollParent as ee } from "./index178.mjs";
-import { isIOS as re, isMac as ae } from "./index171.mjs";
-import { useEvent as h } from "./index182.mjs";
-import { scrollIntoViewport as te } from "./index184.mjs";
-import { NumberParser as ie } from "./index196.mjs";
-import oe, { useRef as v, useMemo as f } from "react";
-import { useLocale as le, useDateFormatter as y, useFilter as ne } from "@react-aria/i18n";
-import { useSpinButton as de } from "./index197.mjs";
-function Ce(r, a, o) {
-  let l = v(""), { locale: P } = le(), T = A(), { ariaLabel: D, ariaLabelledBy: V, ariaDescribedBy: w, focusManager: u } = z.get(a), p = r.isPlaceholder ? "" : r.text, $ = f(() => a.dateFormatter.resolvedOptions(), [
-    a.dateFormatter
-  ]), E = y({
-    month: "long",
-    timeZone: $.timeZone
-  }), O = y({
-    hour: "numeric",
-    hour12: $.hour12,
-    timeZone: $.timeZone
-  });
-  if (r.type === "month" && !r.isPlaceholder) {
-    let e = E.format(a.dateValue);
-    p = e !== p ? `${p} – ${e}` : e;
-  } else r.type === "hour" && !r.isPlaceholder && (p = O.format(a.dateValue));
-  let { spinButtonProps: I } = de({
-    // The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
-    // This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
-    // https://github.com/dequelabs/axe-core/issues/3505
-    value: r.value,
-    textValue: p,
-    minValue: r.minValue,
-    maxValue: r.maxValue,
-    isDisabled: a.isDisabled,
-    isReadOnly: a.isReadOnly || !r.isEditable,
-    isRequired: a.isRequired,
-    onIncrement: () => {
-      l.current = "", a.increment(r.type);
-    },
-    onDecrement: () => {
-      l.current = "", a.decrement(r.type);
-    },
-    onIncrementPage: () => {
-      l.current = "", a.incrementPage(r.type);
-    },
-    onDecrementPage: () => {
-      l.current = "", a.decrementPage(r.type);
-    },
-    onIncrementToMax: () => {
-      l.current = "", r.maxValue !== void 0 && a.setSegment(r.type, r.maxValue);
-    },
-    onDecrementToMin: () => {
-      l.current = "", r.minValue !== void 0 && a.setSegment(r.type, r.minValue);
-    }
-  }), d = f(() => new ie(P, {
-    maximumFractionDigits: 0
-  }), [
-    P
-  ]), S = () => {
-    if (r.text === r.placeholder && u.focusPrevious(), d.isValidPartialNumber(r.text) && !a.isReadOnly && !r.isPlaceholder) {
-      let e = r.text.slice(0, -1), t = d.parse(e);
-      e = t === 0 ? "" : e, e.length === 0 || t === 0 ? a.clearSegment(r.type) : a.setSegment(r.type, t), l.current = e;
-    } else r.type === "dayPeriod" && a.clearSegment(r.type);
-  }, K = (e) => {
-    if (e.key === "a" && (ae() ? e.metaKey : e.ctrlKey) && e.preventDefault(), !(e.ctrlKey || e.metaKey || e.shiftKey || e.altKey))
-      switch (e.key) {
-        case "Backspace":
-        case "Delete":
-          e.preventDefault(), e.stopPropagation(), S();
-          break;
-      }
-  }, { startsWith: s } = ne({
-    sensitivity: "base"
-  }), m = y({
-    hour: "numeric",
-    hour12: !0
-  }), C = f(() => {
-    let e = /* @__PURE__ */ new Date();
-    return e.setHours(0), m.formatToParts(e).find((t) => t.type === "dayPeriod").value;
+import { useState as V, useRef as C, useEffect as E, useCallback as N } from "react";
+function S(n, a, l) {
+  let [p, s] = V(n || a), i = C(n !== void 0), e = n !== void 0;
+  E(() => {
+    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;
   }, [
-    m
-  ]), N = f(() => {
-    let e = /* @__PURE__ */ new Date();
-    return e.setHours(12), m.formatToParts(e).find((t) => t.type === "dayPeriod").value;
-  }, [
-    m
-  ]), F = y({
-    year: "numeric",
-    era: "narrow",
-    timeZone: "UTC"
-  }), B = f(() => {
-    if (r.type !== "era") return [];
-    let e = J(new G(1, 1, 1), a.calendar), t = a.calendar.getEras().map((n) => {
-      let b = e.set({
-        year: 1,
-        month: 1,
-        day: 1,
-        era: n
-      }).toDate("UTC"), U = F.formatToParts(b).find((j) => j.type === "era").value;
-      return {
-        era: n,
-        formatted: U
-      };
-    }), i = ue(t.map((n) => n.formatted));
-    if (i) for (let n of t) n.formatted = n.formatted.slice(i);
-    return t;
-  }, [
-    F,
-    a.calendar,
-    r.type
-  ]), k = (e) => {
-    if (a.isDisabled || a.isReadOnly) return;
-    let t = l.current + e;
-    switch (r.type) {
-      case "dayPeriod":
-        if (s(C, e)) a.setSegment("dayPeriod", 0);
-        else if (s(N, e)) a.setSegment("dayPeriod", 12);
-        else break;
-        u.focusNext();
-        break;
-      case "era": {
-        let i = B.find((n) => s(n.formatted, e));
-        i && (a.setSegment("era", i.era), u.focusNext());
-        break;
-      }
-      case "day":
-      case "hour":
-      case "minute":
-      case "second":
-      case "month":
-      case "year": {
-        if (!d.isValidPartialNumber(t)) return;
-        let i = d.parse(t), n = i, b = r.minValue === 0;
-        if (r.type === "hour" && a.dateFormatter.resolvedOptions().hour12) {
-          switch (a.dateFormatter.resolvedOptions().hourCycle) {
-            case "h11":
-              i > 11 && (n = d.parse(e));
-              break;
-            case "h12":
-              b = !1, i > 12 && (n = d.parse(e));
-              break;
-          }
-          r.value !== void 0 && r.value >= 12 && i > 1 && (i += 12);
-        } else r.maxValue !== void 0 && i > r.maxValue && (n = d.parse(e));
-        if (isNaN(i)) return;
-        let x = n !== 0 || b;
-        x && a.setSegment(r.type, n), r.maxValue !== void 0 && (+(i + "0") > r.maxValue || t.length >= String(r.maxValue).length) ? (l.current = "", x && u.focusNext()) : l.current = t;
-        break;
-      }
-    }
-  }, L = () => {
-    l.current = "", o.current && te(o.current, {
-      containingElement: ee(o.current)
-    });
-    let e = window.getSelection();
-    e == null || e.collapse(o.current);
-  }, M = v(typeof document < "u" ? document : null);
-  h(M, "selectionchange", () => {
-    var e;
-    let t = window.getSelection();
-    t != null && t.anchorNode && (!((e = o.current) === null || e === void 0) && e.contains(t == null ? void 0 : t.anchorNode)) && t.collapse(o.current);
-  });
-  let R = v("");
-  h(o, "beforeinput", (e) => {
-    if (o.current)
-      switch (e.preventDefault(), e.inputType) {
-        case "deleteContentBackward":
-        case "deleteContentForward":
-          d.isValidPartialNumber(r.text) && !a.isReadOnly && S();
-          break;
-        case "insertCompositionText":
-          R.current = o.current.textContent, o.current.textContent = o.current.textContent;
-          break;
-        default:
-          e.data != null && k(e.data);
-          break;
-      }
-  }), h(o, "input", (e) => {
-    let { inputType: t, data: i } = e;
-    switch (t) {
-      case "insertCompositionText":
-        o.current && (o.current.textContent = R.current), i != null && (s(C, i) || s(N, i)) && k(i);
-        break;
-    }
-  }), g(() => {
-    let e = o.current;
-    return () => {
-      document.activeElement === e && (u.focusPrevious() || u.focusNext());
+    e
+  ]);
+  let o = e ? n : p, b = N((t, ...u) => {
+    let f = (r, ...c) => {
+      l && (Object.is(o, r) || l(r, ...c)), e || (o = 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"), s((c, ...m) => {
+      let d = t(e ? o : c, ...m);
+      return f(d, ...u), e ? c : d;
+    })) : (e || s(t), f(t, ...u));
   }, [
+    e,
     o,
-    u
+    l
   ]);
-  let Z = re() || r.type === "timeZoneName" ? {
-    role: "textbox",
-    "aria-valuemax": null,
-    "aria-valuemin": null,
-    "aria-valuetext": null,
-    "aria-valuenow": null
-  } : {}, _ = f(() => a.segments.find((e) => e.isEditable), [
-    a.segments
-  ]);
-  r !== _ && !a.isInvalid && (w = void 0);
-  let H = Q(), c = !a.isDisabled && !a.isReadOnly && r.isEditable, W = r.type === "literal" ? "" : T.of(r.type), q = Y({
-    "aria-label": `${W}${D ? `, ${D}` : ""}${V ? ", " : ""}`,
-    "aria-labelledby": V
-  });
-  return r.type === "literal" ? {
-    segmentProps: {
-      "aria-hidden": !0
-    }
-  } : {
-    segmentProps: X(I, q, {
-      id: H,
-      ...Z,
-      "aria-invalid": a.isInvalid ? "true" : void 0,
-      "aria-describedby": w,
-      "aria-readonly": a.isReadOnly || !r.isEditable ? "true" : void 0,
-      "data-placeholder": r.isPlaceholder || void 0,
-      contentEditable: c,
-      suppressContentEditableWarning: c,
-      spellCheck: c ? "false" : void 0,
-      autoCorrect: c ? "off" : void 0,
-      // Capitalization was changed in React 17...
-      [parseInt(oe.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: c ? "next" : void 0,
-      inputMode: a.isDisabled || r.type === "dayPeriod" || r.type === "era" || !c ? void 0 : "numeric",
-      tabIndex: a.isDisabled ? void 0 : 0,
-      onKeyDown: K,
-      onFocus: L,
-      style: {
-        caretColor: "transparent"
-      },
-      // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
-      onPointerDown(e) {
-        e.stopPropagation();
-      },
-      onMouseDown(e) {
-        e.stopPropagation();
-      }
-    })
-  };
-}
-function ue(r) {
-  r.sort();
-  let a = r[0], o = r[r.length - 1];
-  for (let l = 0; l < a.length; l++)
-    if (a[l] !== o[l]) return l;
-  return 0;
+  return [
+    o,
+    b
+  ];
 }
 export {
-  Ce as useDateSegment
+  S as useControlledState
 };

package/index151.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index190.js"),K=require("./index191.js"),V=require("@react-aria/focus"),D=require("./index111.js"),E=require("./index168.js"),O=require("./index181.js"),C=require("./index187.js"),l=require("react"),G=require("./index192.js"),I=require("./index188.js"),j=require("./index159.js"),L=require("@react-aria/i18n");function T(e){return e&&e.__esModule?e.default:e}const F=new WeakMap,t="__role_"+Date.now(),h="__focusManager_"+Date.now();function U(e,i,s){var u;let{isInvalid:f,validationErrors:b,validationDetails:M}=i.displayValidation,{labelProps:v,fieldProps:c,descriptionProps:p,errorMessageProps:q}=G.useField({...e,labelElementType:"span",isInvalid:f,errorMessage:e.errorMessage||b}),P=l.useRef(null),{focusWithinProps:_}=I.useFocusWithin({...e,onFocusWithin(r){var o;P.current=i.value,(o=e.onFocus)===null||o===void 0||o.call(e,r)},onBlurWithin:r=>{var o;i.confirmPlaceholder(),i.value!==P.current&&i.commitValidation(),(o=e.onBlur)===null||o===void 0||o.call(e,r)},onFocusWithinChange:e.onFocusChange}),$=L.useLocalizedStringFormatter(T(w),"@react-aria/datepicker"),B=i.maxGranularity==="hour"?"selectedTimeDescription":"selectedDateDescription",R=i.maxGranularity==="hour"?"time":"date",W=i.value?$.format(B,{[R]:i.formatValue({month:"long"})}):"",x=O.useDescription(W),m=e[t]==="presentation"?c["aria-describedby"]:[x["aria-describedby"],c["aria-describedby"]].filter(Boolean).join(" ")||void 0,g=e[h],n=l.useMemo(()=>g||V.createFocusManager(s),[g,s]),S=K.useDatePickerGroup(i,s,e[t]==="presentation");F.set(i,{ariaLabel:e["aria-label"],ariaLabelledBy:[v.id,e["aria-labelledby"]].filter(Boolean).join(" ")||void 0,ariaDescribedBy:m,focusManager:n});let y=l.useRef(e.autoFocus),d;e[t]==="presentation"?d={role:"presentation"}:d=D.mergeProps(c,{role:"group","aria-disabled":e.isDisabled||void 0,"aria-describedby":m}),l.useEffect(()=>{y.current&&n.focusFirst(),y.current=!1},[n]),C.useFormReset(e.inputRef,i.value,i.setValue),j.useFormValidation({...e,focus(){n.focusFirst()}},i,e.inputRef);let a={type:"hidden",name:e.name,value:((u=i.value)===null||u===void 0?void 0:u.toString())||"",disabled:e.isDisabled};e.validationBehavior==="native"&&(a.type="text",a.hidden=!0,a.required=e.isRequired,a.onChange=()=>{});let k=E.filterDOMProps(e);return{labelProps:{...v,onClick:()=>{n.focusFirst()}},fieldProps:D.mergeProps(k,d,S,_,{onKeyDown(r){e.onKeyDown&&e.onKeyDown(r)},onKeyUp(r){e.onKeyUp&&e.onKeyUp(r)}}),inputProps:a,descriptionProps:p,errorMessageProps:q,isInvalid:f,validationErrors:b,validationDetails:M}}exports.focusManagerSymbol=h;exports.hookData=F;exports.roleSymbol=t;exports.useDateField=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index275.js"),f=require("react"),E=require("./index154.js"),v=require("./index173.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;