@okam/stack-ui 1.32.6 → 1.32.8

package/index150.mjs

@@ -1,109 +1,336 @@
-import R from "./index169.mjs";
-import { useDatePickerGroup as k } from "./index170.mjs";
-import { createFocusManager as E } from "@react-aria/focus";
-import { mergeProps as P } from "./index156.mjs";
-import { filterDOMProps as V } from "./index171.mjs";
-import { useDescription as C } from "./index172.mjs";
-import { useFormReset as I } from "./index184.mjs";
-import { useRef as g, useMemo as S, useEffect as G } from "react";
-import { useField as L } from "./index173.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,
+import { useDefaultProps as re, convertValue as ie, createPlaceholderDate as w, getFormatOptions as T, getValidationResult as ne } from "./index189.mjs";
+import { getPlaceholder as ue } from "./index193.mjs";
+import { GregorianCalendar as oe } from "./index194.mjs";
+import { toCalendar as Q } from "./index190.mjs";
+import { getMinimumDayInMonth as ce, getMinimumMonthInYear as de } from "./index154.mjs";
+import { DateFormatter as k } from "./index191.mjs";
+import { useFormValidationState as se } from "./index183.mjs";
+import { useControlledState as fe } from "./index188.mjs";
+import { useMemo as f, useState as W, useRef as X, useEffect as he } from "react";
+const j = {
+  year: !0,
+  month: !0,
+  day: !0,
+  hour: !0,
+  minute: !0,
+  second: !0,
+  dayPeriod: !0,
+  era: !0
+}, p = {
+  year: 5,
+  month: 2,
+  day: 7,
+  hour: 2,
+  minute: 15,
+  second: 15
+}, me = {
+  dayperiod: "dayPeriod"
+};
+function Ee(a) {
+  let { locale: l, createCalendar: n, hideTimeZone: d, isDisabled: h = !1, isReadOnly: y = !1, isRequired: R = !1, minValue: _, maxValue: Z, isDateUnavailable: K } = a, v = a.value || a.defaultValue || a.placeholderValue || null, [s, $] = re(v, a.granularity), L = $ || "UTC";
+  if (v && !(s in v)) throw new Error("Invalid granularity " + s + " for value " + v.toString());
+  let U = f(() => new k(l), [
     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;
+  ]), u = f(() => n(U.resolvedOptions().calendar), [
+    n,
+    U
+  ]);
+  var C;
+  let [g, F] = fe(a.value, (C = a.defaultValue) !== null && C !== void 0 ? C : null, a.onChange), O = f(() => {
+    var e;
+    return (e = ie(g, u)) !== null && e !== void 0 ? e : null;
   }, [
-    r
-  ]), I(e.inputRef, a.value, a.setValue), U({
-    ...e,
-    focus() {
-      r.focusFirst();
+    g,
+    u
+  ]), [Y, S] = W(() => w(a.placeholderValue, s, u, $)), ee = O || Y, q = u.identifier === "gregory" && ee.era === "BC", P = f(() => {
+    var e;
+    return {
+      granularity: s,
+      maxGranularity: (e = a.maxGranularity) !== null && e !== void 0 ? e : "year",
+      timeZone: $,
+      hideTimeZone: d,
+      hourCycle: a.hourCycle,
+      showEra: q,
+      shouldForceLeadingZeros: a.shouldForceLeadingZeros
+    };
+  }, [
+    a.maxGranularity,
+    s,
+    a.hourCycle,
+    a.shouldForceLeadingZeros,
+    $,
+    d,
+    q
+  ]), A = f(() => T({}, P), [
+    P
+  ]), V = f(() => new k(l, A), [
+    l,
+    A
+  ]), D = f(() => V.resolvedOptions(), [
+    V
+  ]), c = f(() => V.formatToParts(/* @__PURE__ */ new Date()).filter((e) => j[e.type]).reduce((e, r) => (e[r.type] = !0, e), {}), [
+    V
+  ]), [t, b] = W(() => a.value || a.defaultValue ? {
+    ...c
+  } : {}), I = X(null), B = X(u.identifier);
+  he(() => {
+    u.identifier !== B.current && (B.current = u.identifier, S((e) => Object.keys(t).length > 0 ? Q(e, u) : w(a.placeholderValue, s, u, $)));
+  }, [
+    u,
+    s,
+    t,
+    $,
+    a.placeholderValue
+  ]), g && Object.keys(t).length < Object.keys(c).length && (t = {
+    ...c
+  }, b(t)), g == null && Object.keys(t).length === Object.keys(c).length && (t = {}, b(t), S(w(a.placeholderValue, s, u, $)));
+  let i = O && Object.keys(t).length >= Object.keys(c).length ? O : Y, x = (e) => {
+    if (a.isDisabled || a.isReadOnly) return;
+    let r = Object.keys(t), o = Object.keys(c);
+    e == null ? (F(null), S(w(a.placeholderValue, s, u, $)), b({})) : r.length >= o.length || r.length === o.length - 1 && c.dayPeriod && !t.dayPeriod && I.current !== "dayPeriod" ? (e = Q(e, (v == null ? void 0 : v.calendar) || new oe()), F(e)) : S(e), I.current = null;
+  }, E = f(() => i.toDate(L), [
+    i,
+    L
+  ]), ae = f(() => V.formatToParts(E).map((e) => {
+    let r = j[e.type];
+    e.type === "era" && u.getEras().length === 1 && (r = !1);
+    let o = j[e.type] && !t[e.type], m = j[e.type] ? ue(e.type, e.value, l) : null;
+    return {
+      type: me[e.type] || e.type,
+      text: o ? m : e.value,
+      ...ye(i, e.type, D),
+      isPlaceholder: o,
+      placeholder: m,
+      isEditable: r
+    };
+  }), [
+    E,
+    t,
+    V,
+    D,
+    i,
+    u,
+    l
+  ]);
+  c.era && t.year && !t.era ? (t.era = !0, b({
+    ...t
+  })) : !c.era && t.era && (delete t.era, b({
+    ...t
+  }));
+  let N = (e) => {
+    t[e] = !0, e === "year" && c.era && (t.era = !0), b({
+      ...t
+    });
+  }, M = (e, r) => {
+    if (t[e])
+      x($e(i, e, r, D));
+    else {
+      N(e);
+      let o = Object.keys(t), m = Object.keys(c);
+      (o.length >= m.length || o.length === m.length - 1 && c.dayPeriod && !t.dayPeriod) && x(i);
     }
-  }, 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);
+  }, te = f(() => ne(g, _, Z, K, P), [
+    g,
+    _,
+    Z,
+    K,
+    P
+  ]), z = se({
+    ...a,
+    value: g,
+    builtinValidation: te
+  }), H = z.displayValidation.isInvalid, le = a.validationState || (H ? "invalid" : null);
+  var G;
   return {
-    labelProps: {
-      ...b,
-      onClick: () => {
-        r.focusFirst();
-      }
+    ...z,
+    value: O,
+    dateValue: E,
+    calendar: u,
+    setValue: x,
+    segments: ae,
+    dateFormatter: V,
+    validationState: le,
+    isInvalid: H,
+    granularity: s,
+    maxGranularity: (G = a.maxGranularity) !== null && G !== void 0 ? G : "year",
+    isDisabled: h,
+    isReadOnly: y,
+    isRequired: R,
+    increment(e) {
+      M(e, 1);
     },
-    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
+    decrement(e) {
+      M(e, -1);
+    },
+    incrementPage(e) {
+      M(e, p[e] || 1);
+    },
+    decrementPage(e) {
+      M(e, -(p[e] || 1));
+    },
+    setSegment(e, r) {
+      N(e), x(be(i, e, r, D));
+    },
+    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
+      }, b(t), x(i.copy()));
+    },
+    clearSegment(e) {
+      delete t[e], I.current = e, b({
+        ...t
+      });
+      let r = w(a.placeholderValue, s, u, $), o = i;
+      if (e === "dayPeriod" && "hour" in i && "hour" in r) {
+        let m = i.hour >= 12, J = r.hour >= 12;
+        m && !J ? o = i.set({
+          hour: i.hour - 12
+        }) : !m && J && (o = i.set({
+          hour: i.hour + 12
+        }));
+      } else e in i && (o = i.set({
+        [e]: r[e]
+      }));
+      F(null), x(o);
+    },
+    formatValue(e) {
+      if (!O) return "";
+      let r = T(e, P);
+      return new k(l, r).format(E);
+    },
+    getDateFormatter(e, r) {
+      let o = {
+        ...P,
+        ...r
+      }, m = T({}, o);
+      return new k(e, m);
+    }
   };
 }
+function ye(a, l, n) {
+  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: de(a),
+        maxValue: a.calendar.getMonthsInYear(a)
+      };
+    case "day":
+      return {
+        value: a.day,
+        minValue: ce(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 (n.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 $e(a, l, n, d) {
+  switch (l) {
+    case "era":
+    case "year":
+    case "month":
+    case "day":
+      return a.cycle(l, n, {
+        round: l === "year"
+      });
+  }
+  if ("hour" in a) switch (l) {
+    case "dayPeriod": {
+      let h = a.hour, y = h >= 12;
+      return a.set({
+        hour: y ? h - 12 : h + 12
+      });
+    }
+    case "hour":
+    case "minute":
+    case "second":
+      return a.cycle(l, n, {
+        round: l !== "hour",
+        hourCycle: d.hour12 ? 12 : 24
+      });
+  }
+  throw new Error("Unknown segment: " + l);
+}
+function be(a, l, n, d) {
+  switch (l) {
+    case "day":
+    case "month":
+    case "year":
+    case "era":
+      return a.set({
+        [l]: n
+      });
+  }
+  if ("hour" in a && typeof n == "number") switch (l) {
+    case "dayPeriod": {
+      let h = a.hour, y = h >= 12;
+      return n >= 12 === y ? a : a.set({
+        hour: y ? h - 12 : h + 12
+      });
+    }
+    case "hour":
+      if (d.hour12) {
+        let y = a.hour >= 12;
+        !y && n === 12 && (n = 0), y && n < 12 && (n += 12);
+      }
+    case "minute":
+    case "second":
+      return a.set({
+        [l]: n
+      });
+  }
+  throw new Error("Unknown segment: " + l);
+}
 export {
-  z as focusManagerSymbol,
-  T as hookData,
-  u as roleSymbol,
-  re as useDateField
+  Ee as useDateFieldState
 };

package/index151.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index163.js"),te=require("./index167.js"),le=require("./index168.js"),J=require("./index164.js"),Q=require("./index152.js"),E=require("./index165.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index215.js"),u=require("./index177.js"),o=require("react");function g(s,t,n){let a=d.useCalendarBase(s,t),r=o.useRef(!1),i=o.useRef(typeof window<"u"?window:null);u.useEvent(i,"pointerdown",e=>{r.current=e.width===0&&e.height===0});let l=e=>{if(r.current){r.current=!1;return}if(t.setDragging(!1),!t.anchorDate)return;let c=e.target;n.current&&n.current.contains(document.activeElement)&&(!n.current.contains(c)||!c.closest('button, [role="button"]'))&&t.selectFocusedDate()};return u.useEvent(i,"pointerup",l),a.calendarProps.onBlur=e=>{n.current&&(!e.relatedTarget||!n.current.contains(e.relatedTarget))&&t.anchorDate&&t.selectFocusedDate()},u.useEvent(n,"touchmove",e=>{t.isDragging&&e.preventDefault()},{passive:!1,capture:!0}),a}exports.useRangeCalendar=g;