@als-tp/als-react-ts-ui 0.4.0 → 0.5.1

package/dist/als-react-ts-ui199.js

@@ -1,83 +1,234 @@
-import * as g from "react";
-import { useStableCallback as a } from "./als-react-ts-ui160.js";
-import { useIsoLayoutEffect as o } from "./als-react-ts-ui161.js";
-import { useTransitionStatus as f } from "./als-react-ts-ui218.js";
-import { useOpenChangeComplete as m } from "./als-react-ts-ui183.js";
-function d(n, t) {
-  const e = g.useRef(null);
-  return g.useCallback((r) => {
-    if (n !== void 0 && (e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null), r !== null))
-      return e.current = n, t.context.triggerElements.add(n, r), () => {
-        e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null);
-      };
-  }, [t, n]);
-}
-function x(n, t, e, r) {
-  const i = e.useState("isMountedByTrigger", n), l = d(n, e), c = a((u) => {
-    const s = l(u);
-    return u !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
-      activeTriggerId: n,
-      activeTriggerElement: u,
-      ...r
-    }), s;
-  });
-  return o(() => {
-    i && e.update({
-      activeTriggerElement: t,
-      ...r
+import * as i from "react";
+import { useControlled as Fe } from "./als-react-ts-ui265.js";
+import { useStableCallback as d } from "./als-react-ts-ui266.js";
+import { useTimeout as ue } from "./als-react-ts-ui297.js";
+import { useInterval as Te } from "./als-react-ts-ui489.js";
+import { useIsoLayoutEffect as j } from "./als-react-ts-ui267.js";
+import { useValueAsRef as ae } from "./als-react-ts-ui318.js";
+import { useForcedRerendering as Le } from "./als-react-ts-ui440.js";
+import { ownerDocument as Me } from "./als-react-ts-ui352.js";
+import { isIOS as we } from "./als-react-ts-ui351.js";
+import { NumberFieldRootContext as Oe } from "./als-react-ts-ui490.js";
+import { useFieldRootContext as We } from "./als-react-ts-ui398.js";
+import { useLabelableId as Ge } from "./als-react-ts-ui400.js";
+import { stateAttributesMapping as Ue } from "./als-react-ts-ui491.js";
+import { useRenderElement as Ke } from "./als-react-ts-ui226.js";
+import { getNumberLocaleDetails as ke, BASE_NON_NUMERIC_SYMBOLS as He, SPACE_SEPARATOR_RE as se, PERCENTAGES as Ye, PERMILLE as je, PLUS_SIGNS_WITH_ASCII as qe, MINUS_SIGNS_WITH_ASCII as Be } from "./als-react-ts-ui492.js";
+import { formatNumber as T, formatNumberMaxPrecision as Xe } from "./als-react-ts-ui484.js";
+import { START_AUTO_CHANGE_DELAY as Ze, CHANGE_VALUE_TICK_DELAY as ze, DEFAULT_STEP as le } from "./als-react-ts-ui493.js";
+import { toValidatedNumber as Je } from "./als-react-ts-ui494.js";
+import { createChangeEventDetails as Qe, createGenericEventDetails as $e } from "./als-react-ts-ui229.js";
+import { jsxs as et, jsx as tt } from "react/jsx-runtime";
+import { getWindow as nt } from "./als-react-ts-ui320.js";
+const rt = /* @__PURE__ */ i.forwardRef(function(C, p) {
+  const {
+    id: q,
+    min: N,
+    max: M,
+    smallStep: me = 0.1,
+    step: B = 1,
+    largeStep: X = 10,
+    required: v = !1,
+    disabled: fe = !1,
+    readOnly: E = !1,
+    name: de,
+    defaultValue: pe,
+    value: w,
+    onValueChange: Ee,
+    onValueCommitted: Re,
+    allowWheelScrub: Z = !1,
+    snapOnStep: Se = !1,
+    format: l,
+    locale: c,
+    render: ot,
+    className: it,
+    inputRef: he,
+    ...be
+  } = C, {
+    setDirty: Ce,
+    validityData: Ne,
+    disabled: ve,
+    setFilled: z,
+    invalid: J,
+    name: Ie,
+    state: Q
+  } = We(), m = ve || fe, V = Ie ?? de, [_, Ae] = i.useState(!1), R = N ?? Number.MIN_SAFE_INTEGER, O = M ?? Number.MAX_SAFE_INTEGER, ye = N ?? 0, S = l?.style, f = i.useRef(null), $ = Ge({
+    id: q
+  }), [ge, Ve] = Fe({
+    controlled: w,
+    default: pe,
+    name: "NumberField",
+    state: "value"
+  }), u = ge ?? null, P = ae(u);
+  j(() => {
+    z(u !== null);
+  }, [z, u]);
+  const _e = Le(), W = ae(l), x = i.useRef(!1), G = d((n, e) => {
+    x.current = !1, Re?.(n, e);
+  }), ee = ue(), te = Te(), U = ue(), K = i.useRef(!1), k = i.useRef(0), I = i.useRef(!0), D = i.useRef(null), ne = i.useRef(() => {
+  }), [A, F] = i.useState(() => w !== void 0 ? ce(u, c, l) : T(u, c, l)), [re, Pe] = i.useState("numeric"), oe = d(() => {
+    const {
+      decimal: n,
+      group: e,
+      currency: o,
+      literal: r
+    } = ke(c, l), t = /* @__PURE__ */ new Set();
+    He.forEach((a) => t.add(a)), n && t.add(n), e && (t.add(e), se.test(e) && t.add(" "));
+    const s = S === "percent" || S === "unit" && l?.unit === "percent", g = S === "percent" || S === "unit" && l?.unit === "permille";
+    return s && Ye.forEach((a) => t.add(a)), g && je.forEach((a) => t.add(a)), S === "currency" && o && t.add(o), r && (Array.from(r).forEach((a) => t.add(a)), se.test(r) && t.add(" ")), qe.forEach((a) => t.add(a)), R < 0 && Be.forEach((a) => t.add(a)), t;
+  }), h = d((n) => n?.altKey ? me : n?.shiftKey ? X : B), H = d((n, e) => {
+    const o = e.event, r = e.direction, t = Je(n, {
+      step: r ? h(o) * r : void 0,
+      format: W.current,
+      minWithDefault: R,
+      maxWithDefault: O,
+      minWithZeroDefault: ye,
+      snapOnStep: Se,
+      small: o?.altKey ?? !1
     });
-  }, [i, e, t, ...Object.values(r)]), {
-    registerTrigger: c,
-    isMountedByThisTrigger: i
-  };
-}
-function C(n) {
-  const t = n.useState("open");
-  o(() => {
-    if (t && !n.select("activeTriggerId") && n.context.triggerElements.size === 1) {
-      const e = n.context.triggerElements.entries().next();
-      if (!e.done) {
-        const [r, i] = e.value;
-        n.update({
-          activeTriggerId: r,
-          activeTriggerElement: i
-        });
-      }
+    if (t !== u || n !== u || I.current === !1) {
+      if (D.current = t, Ee?.(t, e), e.isCanceled)
+        return;
+      Ve(t), Ce(t !== Ne.initialValue), x.current = !0;
     }
-  }, [t, n]);
-}
-function S(n, t, e) {
-  const {
-    mounted: r,
-    setMounted: i,
-    transitionStatus: l
-  } = f(n);
-  t.useSyncedValues({
-    mounted: r,
-    transitionStatus: l
+    I.current && F(T(t, c, l)), _e();
+  }), y = d((n, {
+    direction: e,
+    currentValue: o,
+    event: r,
+    reason: t
+  }) => {
+    const s = o ?? P.current, g = typeof s == "number" ? s + n * e : Math.max(0, N ?? 0);
+    H(g, Qe(t, r, void 0, {
+      direction: e
+    }));
+  }), b = d(() => {
+    U.clear(), ee.clear(), te.clear(), ne.current(), k.current = 0;
+  }), ie = d((n, e) => {
+    if (b(), !f.current)
+      return;
+    const o = nt(f.current);
+    function r(s) {
+      s.preventDefault();
+    }
+    o.addEventListener("contextmenu", r), ne.current = () => {
+      o.removeEventListener("contextmenu", r);
+    }, o.addEventListener("pointerup", (s) => {
+      K.current = !1, b();
+      const g = D.current ?? P.current;
+      G(g, $e(n ? "increment" : "decrement", s));
+    }, {
+      once: !0
+    });
+    function t() {
+      const s = h(e) ?? le;
+      y(s, {
+        direction: n ? 1 : -1,
+        event: e,
+        reason: n ? "increment-press" : "decrement-press"
+      });
+    }
+    t(), ee.start(Ze, () => {
+      te.start(ze, t);
+    });
   });
-  const c = a(() => {
-    i(!1), t.update({
-      activeTriggerId: null,
-      activeTriggerElement: null,
-      mounted: !1
-    }), e?.(), t.context.onOpenChangeComplete?.(!1);
-  }), u = t.useState("preventUnmountingOnClose");
-  return m({
-    enabled: !u,
-    open: n,
-    ref: t.context.popupRef,
-    onComplete() {
-      n || c();
+  j(function() {
+    if (!I.current)
+      return;
+    const e = w !== void 0 ? ce(u, c, l) : T(u, c, l);
+    e !== A && F(e);
+  }), j(function() {
+    if (!we)
+      return;
+    let e = "text";
+    R >= 0 && (e = "decimal"), Pe(e);
+  }, [R, S]), i.useEffect(() => () => b(), [b]), i.useEffect(function() {
+    const e = f.current;
+    if (m || E || !Z || !e)
+      return;
+    function o(r) {
+      if (
+        // Allow pinch-zooming.
+        r.ctrlKey || Me(f.current).activeElement !== f.current
+      )
+        return;
+      r.preventDefault();
+      const t = h(r) ?? le;
+      y(t, {
+        direction: r.deltaY > 0 ? -1 : 1,
+        event: r,
+        reason: "wheel"
+      });
     }
-  }), {
-    forceUnmount: c,
-    transitionStatus: l
-  };
+    return e.addEventListener("wheel", o), () => {
+      e.removeEventListener("wheel", o);
+    };
+  }, [Z, y, m, E, X, B, h]);
+  const Y = i.useMemo(() => ({
+    ...Q,
+    disabled: m,
+    readOnly: E,
+    required: v,
+    value: u,
+    inputValue: A,
+    scrubbing: _
+  }), [Q, m, E, v, u, A, _]), xe = i.useMemo(() => ({
+    inputRef: f,
+    inputValue: A,
+    value: u,
+    startAutoChange: ie,
+    stopAutoChange: b,
+    minWithDefault: R,
+    maxWithDefault: O,
+    disabled: m,
+    readOnly: E,
+    id: $,
+    setValue: H,
+    incrementValue: y,
+    getStepAmount: h,
+    allowInputSyncRef: I,
+    formatOptionsRef: W,
+    valueRef: P,
+    lastChangedValueRef: D,
+    hasPendingCommitRef: x,
+    isPressedRef: K,
+    intentionalTouchCheckTimeout: U,
+    movesAfterTouchRef: k,
+    name: V,
+    required: v,
+    invalid: J,
+    inputMode: re,
+    getAllowedNonNumericKeys: oe,
+    min: N,
+    max: M,
+    setInputValue: F,
+    locale: c,
+    isScrubbing: _,
+    setIsScrubbing: Ae,
+    state: Y,
+    onValueCommitted: G
+  }), [f, A, u, ie, b, R, O, m, E, $, H, y, h, I, W, P, D, x, K, U, k, V, v, J, re, oe, N, M, F, c, _, Y, G]), De = Ke("div", C, {
+    ref: p,
+    state: Y,
+    props: be,
+    stateAttributesMapping: Ue
+  });
+  return /* @__PURE__ */ et(Oe.Provider, {
+    value: xe,
+    children: [De, V && /* @__PURE__ */ tt("input", {
+      type: "hidden",
+      name: V,
+      ref: he,
+      value: u ?? "",
+      disabled: m,
+      required: v
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (rt.displayName = "NumberFieldRoot");
+function ce(L, C, p) {
+  return p?.maximumFractionDigits != null || p?.minimumFractionDigits != null ? T(L, C, p) : Xe(L, C, p);
 }
 export {
-  C as useImplicitActiveTrigger,
-  S as useOpenStateTransitions,
-  x as useTriggerDataForwarding,
-  d as useTriggerRegistration
+  rt as NumberFieldRoot
 };

package/dist/als-react-ts-ui20.js

@@ -1,9 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import o from "./als-react-ts-ui76.js";
-function m(t) {
-  return /* @__PURE__ */ r("div", { className: o.root });
-}
+import { ALSMeterValue as e, ALSMeterIndicator as r, ALSMeterTrack as t, ALSMeterLabel as o, ALSMeterRoot as a } from "./als-react-ts-ui76.js";
+const A = {
+  Root: a,
+  Label: o,
+  Track: t,
+  Indicator: r,
+  Value: e
+};
 export {
-  m as ALSMeter,
-  m as default
+  A as ALSMeter
 };

package/dist/als-react-ts-ui200.js

@@ -1,66 +1,25 @@
-import * as O from "react";
-import { useAnimationFrame as P } from "./als-react-ts-ui223.js";
-import { useTimeout as b } from "./als-react-ts-ui229.js";
-import { createChangeEventDetails as v } from "./als-react-ts-ui167.js";
-import { isTypeableElement as I } from "./als-react-ts-ui241.js";
-import { EMPTY_OBJECT as x } from "./als-react-ts-ui212.js";
-import { isMouseLikePointerType as R } from "./als-react-ts-ui180.js";
-import { triggerPress as k } from "./als-react-ts-ui168.js";
-function L(d, M = {}) {
-  const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {
-    enabled: h = !0,
-    event: a = "click",
-    toggle: g = !0,
-    ignoreMouse: y = !1,
-    stickIfOpen: E = !0,
-    touchOpenDelay: n = 0
-  } = M, i = O.useRef(void 0), w = P(), m = b(), C = O.useMemo(() => ({
-    onPointerDown(t) {
-      i.current = t.pointerType;
-    },
-    onMouseDown(t) {
-      const o = i.current, r = t.nativeEvent, u = e.select("open");
-      if (t.button !== 0 || a === "click" || R(o, !0) && y)
-        return;
-      const s = T.current.openEvent, f = s?.type, l = e.select("domReferenceElement") !== t.currentTarget, c = u && l || !(u && g && (!(s && E) || f === "click" || f === "mousedown"));
-      if (I(r.target)) {
-        const p = v(k, r, r.target);
-        c && o === "touch" && n > 0 ? m.start(n, () => {
-          e.setOpen(!0, p);
-        }) : e.setOpen(c, p);
-        return;
-      }
-      const D = t.currentTarget;
-      w.request(() => {
-        const p = v(k, r, D);
-        c && o === "touch" && n > 0 ? m.start(n, () => {
-          e.setOpen(!0, p);
-        }) : e.setOpen(c, p);
-      });
-    },
-    onClick(t) {
-      if (a === "mousedown-only")
-        return;
-      const o = i.current;
-      if (a === "mousedown" && o) {
-        i.current = void 0;
-        return;
-      }
-      if (R(o, !0) && y)
-        return;
-      const r = e.select("open"), u = T.current.openEvent, s = u?.type, f = e.select("domReferenceElement") !== t.currentTarget, l = r && f || !(r && g && (!(u && E) || s === "click" || s === "mousedown" || s === "keydown" || s === "keyup")), c = v(k, t.nativeEvent, t.currentTarget);
-      l && o === "touch" && n > 0 ? m.start(n, () => {
-        e.setOpen(!0, c);
-      }) : e.setOpen(l, c);
-    },
-    onKeyDown() {
-      i.current = void 0;
-    }
-  }), [T, a, y, e, E, g, w, m, n]);
-  return O.useMemo(() => h ? {
-    reference: C
-  } : x, [h, C]);
-}
+import * as m from "react";
+import { useNumberFieldRootContext as s } from "./als-react-ts-ui490.js";
+import { stateAttributesMapping as i } from "./als-react-ts-ui491.js";
+import { useRenderElement as n } from "./als-react-ts-ui226.js";
+const p = /* @__PURE__ */ m.forwardRef(function(e, r) {
+  const {
+    render: l,
+    className: a,
+    ...t
+  } = e, {
+    state: o
+  } = s();
+  return n("div", e, {
+    ref: r,
+    state: o,
+    props: [{
+      role: "group"
+    }, t],
+    stateAttributesMapping: i
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "NumberFieldGroup");
 export {
-  L as useClick
+  p as NumberFieldGroup
 };