@okam/stack-ui 1.32.4 → 1.32.5

package/index148.mjs

@@ -1,28 +1,109 @@
-import { useUNSTABLE_PortalContext as f } from "./index287.mjs";
-import { ClearPressResponder as m } from "./index288.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 "./index289.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 R from "./index163.mjs";
+import { useDatePickerGroup as k } from "./index164.mjs";
+import { createFocusManager as E } from "@react-aria/focus";
+import { mergeProps as P } from "./index156.mjs";
+import { filterDOMProps as V } from "./index165.mjs";
+import { useDescription as C } from "./index166.mjs";
+import { useFormReset as I } from "./index179.mjs";
+import { useRef as g, useMemo as S, useEffect as G } from "react";
+import { useField as L } from "./index167.mjs";
+import { useFocusWithin as O } from "./index161.mjs";
+import { useFormValidation as U } from "./index158.mjs";
+import { useLocalizedStringFormatter as j } from "@react-aria/i18n";
+function q(e) {
+  return e && e.__esModule ? e.default : e;
+}
+const T = /* @__PURE__ */ new WeakMap(), u = "__role_" + Date.now(), z = "__focusManager_" + Date.now();
+function re(e, a, l) {
+  var n;
+  let { isInvalid: c, validationErrors: f, validationDetails: y } = a.displayValidation, { labelProps: b, fieldProps: d, descriptionProps: D, errorMessageProps: F } = L({
+    ...e,
+    labelElementType: "span",
+    isInvalid: c,
+    errorMessage: e.errorMessage || f
+  }), m = g(null), { focusWithinProps: h } = O({
+    ...e,
+    onFocusWithin(o) {
+      var i;
+      m.current = a.value, (i = e.onFocus) === null || i === void 0 || i.call(e, o);
+    },
+    onBlurWithin: (o) => {
+      var i;
+      a.confirmPlaceholder(), a.value !== m.current && a.commitValidation(), (i = e.onBlur) === null || i === void 0 || i.call(e, o);
+    },
+    onFocusWithinChange: e.onFocusChange
+  }), x = j(q(R), "@react-aria/datepicker"), M = a.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription", _ = a.maxGranularity === "hour" ? "time" : "date", B = a.value ? x.format(M, {
+    [_]: a.formatValue({
+      month: "long"
+    })
+  }) : "", W = C(B), $ = e[u] === "presentation" ? d["aria-describedby"] : [
+    W["aria-describedby"],
+    d["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, p = e[z], r = S(() => p || E(l), [
+    p,
+    l
+  ]), w = k(a, l, e[u] === "presentation");
+  T.set(a, {
+    ariaLabel: e["aria-label"],
+    ariaLabelledBy: [
+      b.id,
+      e["aria-labelledby"]
+    ].filter(Boolean).join(" ") || void 0,
+    ariaDescribedBy: $,
+    focusManager: r
+  });
+  let v = g(e.autoFocus), s;
+  e[u] === "presentation" ? s = {
+    role: "presentation"
+  } : s = P(d, {
+    role: "group",
+    "aria-disabled": e.isDisabled || void 0,
+    "aria-describedby": $
+  }), G(() => {
+    v.current && r.focusFirst(), v.current = !1;
+  }, [
+    r
+  ]), I(e.inputRef, a.value, a.setValue), U({
+    ...e,
+    focus() {
+      r.focusFirst();
+    }
+  }, a, e.inputRef);
+  let t = {
+    type: "hidden",
+    name: e.name,
+    value: ((n = a.value) === null || n === void 0 ? void 0 : n.toString()) || "",
+    disabled: e.isDisabled
+  };
+  e.validationBehavior === "native" && (t.type = "text", t.hidden = !0, t.required = e.isRequired, t.onChange = () => {
+  });
+  let K = V(e);
+  return {
+    labelProps: {
+      ...b,
+      onClick: () => {
+        r.focusFirst();
+      }
+    },
+    fieldProps: P(K, s, w, h, {
+      onKeyDown(o) {
+        e.onKeyDown && e.onKeyDown(o);
+      },
+      onKeyUp(o) {
+        e.onKeyUp && e.onKeyUp(o);
+      }
+    }),
+    inputProps: t,
+    descriptionProps: D,
+    errorMessageProps: F,
+    isInvalid: c,
+    validationErrors: f,
+    validationDetails: y
+  };
 }
 export {
-  P as Overlay,
-  p as OverlayContext
+  z as focusManagerSymbol,
+  T as hookData,
+  u as roleSymbol,
+  re as useDateField
 };

package/index149.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("./index150.js"),A=require("./index168.js"),G=require("./index169.js"),J=require("./index170.js"),Q=require("./index139.js"),X=require("./index158.js"),Y=require("./index171.js"),g=require("./index172.js"),ee=require("./index173.js"),R=require("./index174.js"),P=require("./index175.js"),re=require("./index176.js"),te=require("./index177.js"),u=require("react"),p=require("@react-aria/i18n"),ae=require("./index178.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 m=require("./index180.js"),te=require("./index183.js"),le=require("./index184.js"),J=require("./index170.js"),Q=require("./index152.js"),E=require("./index181.js"),re=require("./index157.js"),ne=require("./index162.js"),s=require("react"),k={year:!0,month:!0,day:!0,hour:!0,minute:!0,second:!0,dayPeriod:!0,era:!0},W={year:5,month:2,day:7,hour:2,minute:15,second:15},ie={dayperiod:"dayPeriod"};function ue(a){let{locale:l,createCalendar:i,hideTimeZone:d,isDisabled:y=!1,isReadOnly:v=!1,isRequired:I=!1,minValue:R,maxValue:T,isDateUnavailable:_}=a,V=a.value||a.defaultValue||a.placeholderValue||null,[h,g]=m.useDefaultProps(V,a.granularity),Z=g||"UTC";if(V&&!(h in V))throw new Error("Invalid granularity "+h+" for value "+V.toString());let K=s.useMemo(()=>new E.DateFormatter(l),[l]),u=s.useMemo(()=>i(K.resolvedOptions().calendar),[i,K]);var C;let[O,j]=ne.useControlledState(a.value,(C=a.defaultValue)!==null&&C!==void 0?C:null,a.onChange),S=s.useMemo(()=>{var e;return(e=m.convertValue(O,u))!==null&&e!==void 0?e:null},[O,u]),[L,w]=s.useState(()=>m.createPlaceholderDate(a.placeholderValue,h,u,g)),X=S||L,U=u.identifier==="gregory"&&X.era==="BC",M=s.useMemo(()=>{var e;return{granularity:h,maxGranularity:(e=a.maxGranularity)!==null&&e!==void 0?e:"year",timeZone:g,hideTimeZone:d,hourCycle:a.hourCycle,showEra:U,shouldForceLeadingZeros:a.shouldForceLeadingZeros}},[a.maxGranularity,h,a.hourCycle,a.shouldForceLeadingZeros,g,d,U]),Y=s.useMemo(()=>m.getFormatOptions({},M),[M]),D=s.useMemo(()=>new E.DateFormatter(l,Y),[l,Y]),x=s.useMemo(()=>D.resolvedOptions(),[D]),c=s.useMemo(()=>D.formatToParts(new Date).filter(e=>k[e.type]).reduce((e,r)=>(e[r.type]=!0,e),{}),[D]),[t,P]=s.useState(()=>a.value||a.defaultValue?{...c}:{}),q=s.useRef(null),A=s.useRef(u.identifier);s.useEffect(()=>{u.identifier!==A.current&&(A.current=u.identifier,w(e=>Object.keys(t).length>0?J.toCalendar(e,u):m.createPlaceholderDate(a.placeholderValue,h,u,g)))},[u,h,t,g,a.placeholderValue]),O&&Object.keys(t).length<Object.keys(c).length&&(t={...c},P(t)),O==null&&Object.keys(t).length===Object.keys(c).length&&(t={},P(t),w(m.createPlaceholderDate(a.placeholderValue,h,u,g)));let n=S&&Object.keys(t).length>=Object.keys(c).length?S:L,b=e=>{if(a.isDisabled||a.isReadOnly)return;let r=Object.keys(t),o=Object.keys(c);e==null?(j(null),w(m.createPlaceholderDate(a.placeholderValue,h,u,g)),P({})):r.length>=o.length||r.length===o.length-1&&c.dayPeriod&&!t.dayPeriod&&q.current!=="dayPeriod"?(e=J.toCalendar(e,(V==null?void 0:V.calendar)||new le.GregorianCalendar),j(e)):w(e),q.current=null},$=s.useMemo(()=>n.toDate(Z),[n,Z]),p=s.useMemo(()=>D.formatToParts($).map(e=>{let r=k[e.type];e.type==="era"&&u.getEras().length===1&&(r=!1);let o=k[e.type]&&!t[e.type],f=k[e.type]?te.getPlaceholder(e.type,e.value,l):null;return{type:ie[e.type]||e.type,text:o?f:e.value,...oe(n,e.type,x),isPlaceholder:o,placeholder:f,isEditable:r}}),[$,t,D,x,n,u,l]);c.era&&t.year&&!t.era?(t.era=!0,P({...t})):!c.era&&t.era&&(delete t.era,P({...t}));let B=e=>{t[e]=!0,e==="year"&&c.era&&(t.era=!0),P({...t})},F=(e,r)=>{if(t[e])b(se(n,e,r,x));else{B(e);let o=Object.keys(t),f=Object.keys(c);(o.length>=f.length||o.length===f.length-1&&c.dayPeriod&&!t.dayPeriod)&&b(n)}},ee=s.useMemo(()=>m.getValidationResult(O,R,T,_,M),[O,R,T,_,M]),N=re.useFormValidationState({...a,value:O,builtinValidation:ee}),z=N.displayValidation.isInvalid,ae=a.validationState||(z?"invalid":null);var G;return{...N,value:S,dateValue:$,calendar:u,setValue:b,segments:p,dateFormatter:D,validationState:ae,isInvalid:z,granularity:h,maxGranularity:(G=a.maxGranularity)!==null&&G!==void 0?G:"year",isDisabled:y,isReadOnly:v,isRequired:I,increment(e){F(e,1)},decrement(e){F(e,-1)},incrementPage(e){F(e,W[e]||1)},decrementPage(e){F(e,-(W[e]||1))},setSegment(e,r){B(e),b(ce(n,e,r,x))},confirmPlaceholder(){if(a.isDisabled||a.isReadOnly)return;let e=Object.keys(t),r=Object.keys(c);e.length===r.length-1&&c.dayPeriod&&!t.dayPeriod&&(t={...c},P(t),b(n.copy()))},clearSegment(e){delete t[e],q.current=e,P({...t});let r=m.createPlaceholderDate(a.placeholderValue,h,u,g),o=n;if(e==="dayPeriod"&&"hour"in n&&"hour"in r){let f=n.hour>=12,H=r.hour>=12;f&&!H?o=n.set({hour:n.hour-12}):!f&&H&&(o=n.set({hour:n.hour+12}))}else e in n&&(o=n.set({[e]:r[e]}));j(null),b(o)},formatValue(e){if(!S)return"";let r=m.getFormatOptions(e,M);return new E.DateFormatter(l,r).format($)},getDateFormatter(e,r){let o={...M,...r},f=m.getFormatOptions({},o);return new E.DateFormatter(e,f)}}}function oe(a,l,i){switch(l){case"era":{let d=a.calendar.getEras();return{value:d.indexOf(a.era),minValue:0,maxValue:d.length-1}}case"year":return{value:a.year,minValue:1,maxValue:a.calendar.getYearsInEra(a)};case"month":return{value:a.month,minValue:Q.getMinimumMonthInYear(a),maxValue:a.calendar.getMonthsInYear(a)};case"day":return{value:a.day,minValue:Q.getMinimumDayInMonth(a),maxValue:a.calendar.getDaysInMonth(a)}}if("hour"in a)switch(l){case"dayPeriod":return{value:a.hour>=12?12:0,minValue:0,maxValue:12};case"hour":if(i.hour12){let d=a.hour>=12;return{value:a.hour,minValue:d?12:0,maxValue:d?23:11}}return{value:a.hour,minValue:0,maxValue:23};case"minute":return{value:a.minute,minValue:0,maxValue:59};case"second":return{value:a.second,minValue:0,maxValue:59}}return{}}function se(a,l,i,d){switch(l){case"era":case"year":case"month":case"day":return a.cycle(l,i,{round:l==="year"})}if("hour"in a)switch(l){case"dayPeriod":{let y=a.hour,v=y>=12;return a.set({hour:v?y-12:y+12})}case"hour":case"minute":case"second":return a.cycle(l,i,{round:l!=="hour",hourCycle:d.hour12?12:24})}throw new Error("Unknown segment: "+l)}function ce(a,l,i,d){switch(l){case"day":case"month":case"year":case"era":return a.set({[l]:i})}if("hour"in a&&typeof i=="number")switch(l){case"dayPeriod":{let y=a.hour,v=y>=12;return i>=12===v?a:a.set({hour:v?y-12:y+12})}case"hour":if(d.hour12){let v=a.hour>=12;!v&&i===12&&(i=0),v&&i<12&&(i+=12)}case"minute":case"second":return a.set({[l]:i})}throw new Error("Unknown segment: "+l)}exports.useDateFieldState=ue;