@als-tp/als-react-ts-ui 0.3.1 → 0.5.0

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

@@ -0,0 +1,140 @@
+import * as V from "react";
+import { EMPTY_OBJECT as Y } from "./als-react-ts-ui303.js";
+import { useTimeout as w } from "./als-react-ts-ui195.js";
+import { useStableCallback as B } from "./als-react-ts-ui192.js";
+import { useLabelableContext as J } from "./als-react-ts-ui399.js";
+import { DEFAULT_VALIDITY_STATE as I } from "./als-react-ts-ui409.js";
+import { useFormContext as K } from "./als-react-ts-ui402.js";
+import { getCombinedFieldValidityData as S } from "./als-react-ts-ui442.js";
+import { mergeProps as j } from "./als-react-ts-ui304.js";
+const p = Object.keys(I);
+function U(s) {
+  if (!s || s.valid || !s.valueMissing)
+    return !1;
+  let l = !1;
+  for (const o of p)
+    o !== "valid" && (o === "valueMissing" && (l = s[o]), s[o] && (l = !1));
+  return l;
+}
+function $(s) {
+  const {
+    formRef: l,
+    clearErrors: o
+  } = K(), {
+    setValidityData: T,
+    validate: L,
+    validityData: A,
+    validationDebounceTime: M,
+    invalid: C,
+    markedDirtyRef: _,
+    state: D,
+    name: O,
+    shouldValidateOnChange: b
+  } = s, {
+    controlId: d,
+    getDescriptionProps: P
+  } = J(), g = w(), h = V.useRef(null), u = B(async (f, m = !1) => {
+    const e = h.current;
+    if (!e)
+      return;
+    if (m) {
+      if (D.valid !== !1)
+        return;
+      const n = e.validity;
+      if (!n.valueMissing) {
+        const r = {
+          value: f,
+          state: {
+            ...I,
+            valid: !0
+          },
+          error: "",
+          errors: [],
+          initialValue: A.initialValue
+        };
+        if (e.setCustomValidity(""), d) {
+          const t = l.current.fields.get(d);
+          t && l.current.fields.set(d, {
+            ...t,
+            ...S(r, !1)
+            // invalid = false
+          });
+        }
+        T(r);
+        return;
+      }
+      const i = p.reduce((r, t) => (r[t] = n[t], r), {});
+      if (!i.valid && !U(i))
+        return;
+    }
+    function N(n) {
+      const i = p.reduce((t, R) => (t[R] = n.validity[R], t), {});
+      let r = !1;
+      for (const t of p)
+        if (t !== "valid") {
+          if (t === "valueMissing" && i[t])
+            r = !0;
+          else if (i[t])
+            return i;
+        }
+      return r && !_.current && (i.valid = !0, i.valueMissing = !1), i;
+    }
+    g.clear();
+    let a = null, v = [];
+    const c = N(e);
+    let E;
+    const F = b();
+    if (e.validationMessage && !F)
+      E = e.validationMessage, v = [e.validationMessage];
+    else {
+      const n = Array.from(l.current.fields.values()).reduce((r, t) => (t.name && (r[t.name] = t.getValue()), r), {}), i = L(f, n);
+      typeof i == "object" && i !== null && "then" in i ? a = await i : a = i, a !== null ? (c.valid = !1, c.customError = !0, Array.isArray(a) ? (v = a, e.setCustomValidity(a.join(`
+`))) : a && (v = [a], e.setCustomValidity(a))) : F && (e.setCustomValidity(""), c.customError = !1, e.validationMessage ? (E = e.validationMessage, v = [e.validationMessage]) : e.validity.valid && !c.valid && (c.valid = !0));
+    }
+    const k = {
+      value: f,
+      state: c,
+      error: E ?? (Array.isArray(a) ? a[0] : a ?? ""),
+      errors: v,
+      initialValue: A.initialValue
+    };
+    if (d) {
+      const n = l.current.fields.get(d);
+      n && l.current.fields.set(d, {
+        ...n,
+        ...S(k, C)
+      });
+    }
+    T(k);
+  }), y = V.useCallback((f = {}) => j(P, D.valid === !1 ? {
+    "aria-invalid": !0
+  } : Y, f), [P, D.valid]), x = V.useCallback((f = {}) => j({
+    onChange(m) {
+      if (m.nativeEvent.defaultPrevented)
+        return;
+      if (o(O), !b()) {
+        u(m.currentTarget.value, !0);
+        return;
+      }
+      if (C)
+        return;
+      const e = m.currentTarget;
+      if (e.value === "") {
+        u(e.value);
+        return;
+      }
+      g.clear(), M ? g.start(M, () => {
+        u(e.value);
+      }) : u(e.value);
+    }
+  }, y(f)), [y, o, O, g, u, C, M, b]);
+  return V.useMemo(() => ({
+    getValidationProps: y,
+    getInputValidationProps: x,
+    inputRef: h,
+    commit: u
+  }), [y, x, u]);
+}
+export {
+  $ as useFieldValidation
+};

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

@@ -0,0 +1,23 @@
+import * as n from "react";
+import { useRenderElement as c } from "./als-react-ts-ui189.js";
+import { useAccordionItemContext as i } from "./als-react-ts-ui291.js";
+import { accordionStateAttributesMapping as s } from "./als-react-ts-ui292.js";
+const a = /* @__PURE__ */ n.forwardRef(function(e, t) {
+  const {
+    render: d,
+    className: p,
+    ...r
+  } = e, {
+    state: o
+  } = i();
+  return c("h3", e, {
+    state: o,
+    ref: t,
+    props: r,
+    stateAttributesMapping: s
+  });
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "AccordionHeader");
+export {
+  a as AccordionHeader
+};

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

@@ -0,0 +1,28 @@
+import * as e from "react";
+import { useBaseUiId as m } from "./als-react-ts-ui249.js";
+import { useLabelableContext as I, LabelableContext as f } from "./als-react-ts-ui399.js";
+import { jsx as p } from "react/jsx-runtime";
+import { mergeProps as g } from "./als-react-ts-ui304.js";
+const v = function(o) {
+  const c = m(), [s, r] = e.useState(o.initialControlId === void 0 ? c : o.initialControlId), [a, n] = e.useState(void 0), [t, i] = e.useState([]), {
+    messageIds: d
+  } = I(), l = e.useCallback((b) => g({
+    "aria-describedby": d.concat(t).join(" ") || void 0
+  }, b), [d, t]), u = e.useMemo(() => ({
+    controlId: s,
+    setControlId: r,
+    labelId: a,
+    setLabelId: n,
+    messageIds: t,
+    setMessageIds: i,
+    getDescriptionProps: l
+  }), [s, r, a, n, t, i, l]);
+  return /* @__PURE__ */ p(f.Provider, {
+    value: u,
+    children: o.children
+  });
+};
+process.env.NODE_ENV !== "production" && (v.displayName = "LabelableProvider");
+export {
+  v as LabelableProvider
+};

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

@@ -0,0 +1,130 @@
+const j = ["top", "right", "bottom", "left"], m = Math.min, p = Math.max, C = Math.round, L = Math.floor, E = (t) => ({
+  x: t,
+  y: t
+}), h = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, x = {
+  start: "end",
+  end: "start"
+};
+function R(t, e, n) {
+  return p(t, m(e, n));
+}
+function T(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function a(t) {
+  return t.split("-")[1];
+}
+function b(t) {
+  return t === "x" ? "y" : "x";
+}
+function d(t) {
+  return t === "y" ? "height" : "width";
+}
+const A = /* @__PURE__ */ new Set(["top", "bottom"]);
+function P(t) {
+  return A.has(g(t)) ? "y" : "x";
+}
+function y(t) {
+  return b(P(t));
+}
+function k(t, e, n) {
+  n === void 0 && (n = !1);
+  const r = a(t), i = y(t), o = d(i);
+  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
+}
+function q(t) {
+  const e = f(t);
+  return [s(t), e, s(e)];
+}
+function s(t) {
+  return t.replace(/start|end/g, (e) => x[e]);
+}
+const u = ["left", "right"], l = ["right", "left"], M = ["top", "bottom"], O = ["bottom", "top"];
+function S(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? l : u : e ? u : l;
+    case "left":
+    case "right":
+      return e ? M : O;
+    default:
+      return [];
+  }
+}
+function z(t, e, n, r) {
+  const i = a(t);
+  let o = S(g(t), n === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
+}
+function f(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => h[e]);
+}
+function w(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function B(t) {
+  return typeof t != "number" ? w(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function D(t) {
+  const {
+    x: e,
+    y: n,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: n,
+    left: e,
+    right: e + r,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+export {
+  R as clamp,
+  E as createCoords,
+  T as evaluate,
+  w as expandPaddingObject,
+  L as floor,
+  a as getAlignment,
+  y as getAlignmentAxis,
+  k as getAlignmentSides,
+  d as getAxisLength,
+  q as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  b as getOppositeAxis,
+  z as getOppositeAxisPlacements,
+  f as getOppositePlacement,
+  B as getPaddingObject,
+  g as getSide,
+  P as getSideAxis,
+  p as max,
+  m as min,
+  D as rectToClientRect,
+  C as round,
+  j as sides
+};

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

@@ -0,0 +1,47 @@
+import { evaluate as W, getPaddingObject as Y, getAlignmentAxis as k, getAlignment as q, clamp as B, getAxisLength as C } from "./als-react-ts-ui421.js";
+const F = (s) => ({
+  name: "arrow",
+  options: s,
+  async fn(i) {
+    const {
+      x: y,
+      y: j,
+      placement: x,
+      rects: n,
+      platform: f,
+      elements: l,
+      middlewareData: M
+    } = i, {
+      element: g,
+      padding: v = 0,
+      offsetParent: z = "real"
+    } = W(s, i) || {};
+    if (g == null)
+      return {};
+    const h = Y(v), m = {
+      x: y,
+      y: j
+    }, t = k(x), e = C(t), r = await f.getDimensions(g), d = t === "y", E = d ? "top" : "left", H = d ? "bottom" : "right", A = d ? "clientHeight" : "clientWidth", L = n.reference[e] + n.reference[t] - m[t] - n.floating[e], R = m[t] - n.reference[t], S = z === "real" ? await f.getOffsetParent?.(g) : l.floating;
+    let a = l.floating[A] || n.floating[e];
+    (!a || !await f.isElement?.(S)) && (a = l.floating[A] || n.floating[e]);
+    const T = L / 2 - R / 2, O = a / 2 - r[e] / 2 - 1, u = Math.min(h[E], O), b = Math.min(h[H], O), c = u, D = a - r[e] - b, o = a / 2 - r[e] / 2 + T, P = B(c, o, D), p = !M.arrow && q(x) != null && o !== P && n.reference[e] / 2 - (o < c ? u : b) - r[e] / 2 < 0, w = p ? o < c ? o - c : o - D : 0;
+    return {
+      [t]: m[t] + w,
+      data: {
+        [t]: P,
+        centerOffset: o - P - w,
+        ...p && {
+          alignmentOffset: w
+        }
+      },
+      reset: p
+    };
+  }
+}), I = (s, i) => ({
+  ...F(s),
+  options: [s, i]
+});
+export {
+  I as arrow,
+  F as baseArrow
+};

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

@@ -0,0 +1,20 @@
+import { hide as a } from "./als-react-ts-ui384.js";
+const o = {
+  name: "hide",
+  async fn(e) {
+    const {
+      width: n,
+      height: d,
+      x: i,
+      y: t
+    } = e.rects.reference, r = n === 0 && d === 0 && i === 0 && t === 0;
+    return {
+      data: {
+        referenceHidden: (await a().fn(e)).data?.referenceHidden || r
+      }
+    };
+  }
+};
+export {
+  o as hide
+};

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

@@ -0,0 +1,14 @@
+import { round as r } from "./als-react-ts-ui421.js";
+import { getComputedStyle as a, isHTMLElement as c } from "./als-react-ts-ui339.js";
+function g(t) {
+  const i = a(t);
+  let o = parseFloat(i.width) || 0, s = parseFloat(i.height) || 0;
+  const f = c(t), e = f ? t.offsetWidth : o, h = f ? t.offsetHeight : s;
+  return (r(o) !== e || r(s) !== h) && (o = e, s = h), {
+    width: o,
+    height: s
+  };
+}
+export {
+  g as getCssDimensions
+};