@new-black/lyra 0.1.12 → 0.1.14

package/dist/lyra102.js

@@ -1,388 +1,258 @@
-import { useId as L, isIPhone as _e, isAndroid as Je, filterDOMProps as Xe, chain as Qe, useFormReset as ea, mergeProps as x, isIOS as aa } from "./lyra72.js";
-import { useMemo as v, useState as ra, useCallback as T } from "react";
-import { useFocus as la, useFocusWithin as ia, useScrollWheel as da } from "./lyra80.js";
-import { useFormattedTextField as na } from "./lyra103.js";
-import { useSpinButton as sa } from "./lyra90.js";
-import { useLocalizedStringFormatter as ta, useNumberFormatter as k } from "./lyra52.js";
-function oa(e) {
-  return e && e.__esModule ? e.default : e;
+import y, { useMemo as b } from "react";
+function k(l) {
+  return null;
 }
-var O = {}, A = {};
-A = {
-  decrease: (e) => `خفض ${e.fieldLabel}`,
-  increase: (e) => `زيادة ${e.fieldLabel}`,
-  numberField: "حقل رقمي"
-};
-var W = {};
-W = {
-  decrease: (e) => `Намаляване ${e.fieldLabel}`,
-  increase: (e) => `Усилване ${e.fieldLabel}`,
-  numberField: "Номер на полето"
-};
-var K = {};
-K = {
-  decrease: (e) => `Snížit ${e.fieldLabel}`,
-  increase: (e) => `Zvýšit ${e.fieldLabel}`,
-  numberField: "Číselné pole"
-};
-var z = {};
-z = {
-  decrease: (e) => `Reducer ${e.fieldLabel}`,
-  increase: (e) => `Øg ${e.fieldLabel}`,
-  numberField: "Talfelt"
-};
-var E = {};
-E = {
-  decrease: (e) => `${e.fieldLabel} verringern`,
-  increase: (e) => `${e.fieldLabel} erhöhen`,
-  numberField: "Nummernfeld"
-};
-var j = {};
-j = {
-  decrease: (e) => `Μείωση ${e.fieldLabel}`,
-  increase: (e) => `Αύξηση ${e.fieldLabel}`,
-  numberField: "Πεδίο αριθμού"
-};
-var w = {};
-w = {
-  decrease: (e) => `Decrease ${e.fieldLabel}`,
-  increase: (e) => `Increase ${e.fieldLabel}`,
-  numberField: "Number field"
-};
-var U = {};
-U = {
-  decrease: (e) => `Reducir ${e.fieldLabel}`,
-  increase: (e) => `Aumentar ${e.fieldLabel}`,
-  numberField: "Campo de número"
-};
-var Z = {};
-Z = {
-  decrease: (e) => `Vähenda ${e.fieldLabel}`,
-  increase: (e) => `Suurenda ${e.fieldLabel}`,
-  numberField: "Numbri väli"
-};
-var q = {};
-q = {
-  decrease: (e) => `Vähennä ${e.fieldLabel}`,
-  increase: (e) => `Lisää ${e.fieldLabel}`,
-  numberField: "Numerokenttä"
-};
-var G = {};
-G = {
-  decrease: (e) => `Diminuer ${e.fieldLabel}`,
-  increase: (e) => `Augmenter ${e.fieldLabel}`,
-  numberField: "Champ de nombre"
-};
-var Y = {};
-Y = {
-  decrease: (e) => `הקטן ${e.fieldLabel}`,
-  increase: (e) => `הגדל ${e.fieldLabel}`,
-  numberField: "שדה מספר"
-};
-var H = {};
-H = {
-  decrease: (e) => `Smanji ${e.fieldLabel}`,
-  increase: (e) => `Povećaj ${e.fieldLabel}`,
-  numberField: "Polje broja"
-};
-var _ = {};
-_ = {
-  decrease: (e) => `${e.fieldLabel} csökkentése`,
-  increase: (e) => `${e.fieldLabel} növelése`,
-  numberField: "Számmező"
-};
-var J = {};
-J = {
-  decrease: (e) => `Riduci ${e.fieldLabel}`,
-  increase: (e) => `Aumenta ${e.fieldLabel}`,
-  numberField: "Campo numero"
-};
-var X = {};
-X = {
-  decrease: (e) => `${e.fieldLabel}を縮小`,
-  increase: (e) => `${e.fieldLabel}を拡大`,
-  numberField: "数値フィールド"
-};
-var Q = {};
-Q = {
-  decrease: (e) => `${e.fieldLabel} 감소`,
-  increase: (e) => `${e.fieldLabel} 증가`,
-  numberField: "번호 필드"
-};
-var ee = {};
-ee = {
-  decrease: (e) => `Sumažinti ${e.fieldLabel}`,
-  increase: (e) => `Padidinti ${e.fieldLabel}`,
-  numberField: "Numerio laukas"
-};
-var ae = {};
-ae = {
-  decrease: (e) => `Samazināšana ${e.fieldLabel}`,
-  increase: (e) => `Palielināšana ${e.fieldLabel}`,
-  numberField: "Skaitļu lauks"
-};
-var re = {};
-re = {
-  decrease: (e) => `Reduser ${e.fieldLabel}`,
-  increase: (e) => `Øk ${e.fieldLabel}`,
-  numberField: "Tallfelt"
-};
-var le = {};
-le = {
-  decrease: (e) => `${e.fieldLabel} verlagen`,
-  increase: (e) => `${e.fieldLabel} verhogen`,
-  numberField: "Getalveld"
-};
-var ie = {};
-ie = {
-  decrease: (e) => `Zmniejsz ${e.fieldLabel}`,
-  increase: (e) => `Zwiększ ${e.fieldLabel}`,
-  numberField: "Pole numeru"
-};
-var de = {};
-de = {
-  decrease: (e) => `Diminuir ${e.fieldLabel}`,
-  increase: (e) => `Aumentar ${e.fieldLabel}`,
-  numberField: "Campo de número"
-};
-var ne = {};
-ne = {
-  decrease: (e) => `Diminuir ${e.fieldLabel}`,
-  increase: (e) => `Aumentar ${e.fieldLabel}`,
-  numberField: "Campo numérico"
-};
-var se = {};
-se = {
-  decrease: (e) => `Scădere ${e.fieldLabel}`,
-  increase: (e) => `Creștere ${e.fieldLabel}`,
-  numberField: "Câmp numeric"
-};
-var te = {};
-te = {
-  decrease: (e) => `Уменьшение ${e.fieldLabel}`,
-  increase: (e) => `Увеличение ${e.fieldLabel}`,
-  numberField: "Числовое поле"
-};
-var oe = {};
-oe = {
-  decrease: (e) => `Znížiť ${e.fieldLabel}`,
-  increase: (e) => `Zvýšiť ${e.fieldLabel}`,
-  numberField: "Číselné pole"
-};
-var be = {};
-be = {
-  decrease: (e) => `Upadati ${e.fieldLabel}`,
-  increase: (e) => `Povečajte ${e.fieldLabel}`,
-  numberField: "Številčno polje"
-};
-var ce = {};
-ce = {
-  decrease: (e) => `Decrease ${e.fieldLabel}`,
-  increase: (e) => `Increase ${e.fieldLabel}`,
-  numberField: "Number field"
-};
-var ue = {};
-ue = {
-  decrease: (e) => `Minska ${e.fieldLabel}`,
-  increase: (e) => `Öka ${e.fieldLabel}`,
-  numberField: "Nummerfält"
-};
-var fe = {};
-fe = {
-  decrease: (e) => `${e.fieldLabel} azalt`,
-  increase: (e) => `${e.fieldLabel} arttır`,
-  numberField: "Sayı alanı"
-};
-var $e = {};
-$e = {
-  decrease: (e) => `Зменшити ${e.fieldLabel}`,
-  increase: (e) => `Збільшити ${e.fieldLabel}`,
-  numberField: "Поле номера"
-};
-var me = {};
-me = {
-  decrease: (e) => `降低 ${e.fieldLabel}`,
-  increase: (e) => `提高 ${e.fieldLabel}`,
-  numberField: "数字字段"
-};
-var pe = {};
-pe = {
-  decrease: (e) => `縮小 ${e.fieldLabel}`,
-  increase: (e) => `放大 ${e.fieldLabel}`,
-  numberField: "數字欄位"
-};
-O = {
-  "ar-AE": A,
-  "bg-BG": W,
-  "cs-CZ": K,
-  "da-DK": z,
-  "de-DE": E,
-  "el-GR": j,
-  "en-US": w,
-  "es-ES": U,
-  "et-EE": Z,
-  "fi-FI": q,
-  "fr-FR": G,
-  "he-IL": Y,
-  "hr-HR": H,
-  "hu-HU": _,
-  "it-IT": J,
-  "ja-JP": X,
-  "ko-KR": Q,
-  "lt-LT": ee,
-  "lv-LV": ae,
-  "nb-NO": re,
-  "nl-NL": le,
-  "pl-PL": ie,
-  "pt-BR": de,
-  "pt-PT": ne,
-  "ro-RO": se,
-  "ru-RU": te,
-  "sk-SK": oe,
-  "sl-SI": be,
-  "sr-SP": ce,
-  "sv-SE": ue,
-  "tr-TR": fe,
-  "uk-UA": $e,
-  "zh-CN": me,
-  "zh-TW": pe
+k.getCollectionNode = function* (e, t) {
+  let { childItems: r, title: n, children: i } = e, u = e.title || e.children, d = e.textValue || (typeof u == "string" ? u : "") || e["aria-label"] || "";
+  !d && !(t != null && t.suppressTextValueWarning) && console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."), yield {
+    type: "item",
+    props: e,
+    rendered: u,
+    textValue: d,
+    "aria-label": e["aria-label"],
+    hasChildNodes: p(e),
+    *childNodes() {
+      if (r)
+        for (let f of r)
+          yield {
+            type: "item",
+            value: f
+          };
+      else if (n) {
+        let f = [];
+        y.Children.forEach(i, (c) => {
+          f.push({
+            type: "item",
+            element: c
+          });
+        }), yield* f;
+      }
+    }
+  };
 };
-function La(e, r, i) {
-  let { id: Le, decrementAriaLabel: t, incrementAriaLabel: o, isDisabled: d, isReadOnly: b, isRequired: F, minValue: xe, maxValue: ve, autoFocus: Fe, validationState: P, isInvalid: h, label: Pe, formatOptions: g, onBlur: he = () => {
-  }, onFocus: ge, onFocusChange: De, onKeyDown: D, onKeyUp: Se, description: ye, errorMessage: Ve, ...Me } = e, { increment: c, incrementToMax: Ce, decrement: u, decrementToMin: Ie, numberValue: s, inputValue: Be, commit: f } = r;
-  const $ = ta(/* @__PURE__ */ oa(O));
-  let m = L(Le), { focusProps: Ne } = la({
-    onBlur: () => {
-      f();
+function p(l) {
+  return l.hasChildItems != null ? l.hasChildItems : !!(l.childItems || l.title && y.Children.count(l.children) > 0);
+}
+let A = k;
+class w {
+  build(e, t) {
+    return this.context = t, v(() => this.iterateCollection(e));
+  }
+  *iterateCollection(e) {
+    let { children: t, items: r } = e;
+    if (typeof t == "function") {
+      if (!r)
+        throw new Error("props.children was a function but props.items is missing");
+      for (let n of e.items)
+        yield* this.getFullNode({
+          value: n
+        }, {
+          renderer: t
+        });
+    } else {
+      let n = [];
+      y.Children.forEach(t, (u) => {
+        n.push(u);
+      });
+      let i = 0;
+      for (let u of n) {
+        let d = this.getFullNode({
+          element: u,
+          index: i
+        }, {});
+        for (let f of d)
+          i++, yield f;
+      }
+    }
+  }
+  getKey(e, t, r, n) {
+    if (e.key != null)
+      return e.key;
+    if (t.type === "cell" && t.key != null)
+      return `${n}${t.key}`;
+    let i = t.value;
+    if (i != null) {
+      var u;
+      let d = (u = i.key) !== null && u !== void 0 ? u : i.id;
+      if (d == null)
+        throw new Error("No key found for item");
+      return d;
+    }
+    return n ? `${n}.${t.index}` : `$.${t.index}`;
+  }
+  getChildState(e, t) {
+    return {
+      renderer: t.renderer || e.renderer
+    };
+  }
+  *getFullNode(e, t, r, n) {
+    let i = e.element;
+    if (!i && e.value && t && t.renderer) {
+      let f = this.cache.get(e.value);
+      if (f && (!f.shouldInvalidate || !f.shouldInvalidate(this.context))) {
+        f.index = e.index, f.parentKey = n ? n.key : null, yield f;
+        return;
+      }
+      i = t.renderer(e.value);
     }
-  }), S = k(g), Re = v(() => S.resolvedOptions(), [
-    S
-  ]), y = k({
-    ...g,
-    currencySign: void 0
-  }), Te = v(() => isNaN(s) ? "" : y.format(s), [
-    y,
-    s
-  ]), { spinButtonProps: ke, incrementButtonProps: Oe, decrementButtonProps: Ae } = sa({
-    isDisabled: d,
-    isReadOnly: b,
-    isRequired: F,
-    maxValue: ve,
-    minValue: xe,
-    onIncrement: c,
-    onIncrementToMax: Ce,
-    onDecrement: u,
-    onDecrementToMin: Ie,
-    value: s,
-    textValue: Te
-  }), [We, Ke] = ra(!1), { focusWithinProps: ze } = ia({
-    isDisabled: d,
-    onFocusWithinChange: Ke
-  }), Ee = T((a) => {
-    Math.abs(a.deltaY) <= Math.abs(a.deltaX) || (a.deltaY > 0 ? c() : a.deltaY < 0 && u());
+    if (y.isValidElement(i)) {
+      let f = i.type;
+      if (typeof f != "function" && typeof f.getCollectionNode != "function") {
+        let s = typeof i.type == "function" ? i.type.name : i.type;
+        throw new Error(`Unknown element <${s}> in collection.`);
+      }
+      let c = f.getCollectionNode(i.props, this.context), a = e.index, h = c.next();
+      for (; !h.done && h.value; ) {
+        let s = h.value;
+        e.index = a;
+        let $ = s.key;
+        $ || ($ = s.element ? null : this.getKey(i, e, t, r));
+        let x = [
+          ...this.getFullNode({
+            ...s,
+            key: $,
+            index: a,
+            wrapper: I(e.wrapper, s.wrapper)
+          }, this.getChildState(t, s), r ? `${r}${i.key}` : i.key, n)
+        ];
+        for (let o of x) {
+          if (o.value = s.value || e.value, o.value && this.cache.set(o.value, o), e.type && o.type !== e.type)
+            throw new Error(`Unsupported type <${m(o.type)}> in <${m(n.type)}>. Only <${m(e.type)}> is supported.`);
+          a++, yield o;
+        }
+        h = c.next(x);
+      }
+      return;
+    }
+    if (e.key == null)
+      return;
+    let u = this, d = {
+      type: e.type,
+      props: e.props,
+      key: e.key,
+      parentKey: n ? n.key : null,
+      value: e.value,
+      level: n ? n.level + 1 : 0,
+      index: e.index,
+      rendered: e.rendered,
+      textValue: e.textValue,
+      "aria-label": e["aria-label"],
+      wrapper: e.wrapper,
+      shouldInvalidate: e.shouldInvalidate,
+      hasChildNodes: e.hasChildNodes,
+      childNodes: v(function* () {
+        if (!e.hasChildNodes)
+          return;
+        let f = 0;
+        for (let c of e.childNodes()) {
+          c.key != null && (c.key = `${d.key}${c.key}`), c.index = f;
+          let a = u.getFullNode(c, u.getChildState(t, c), d.key, d);
+          for (let h of a)
+            f++, yield h;
+        }
+      })
+    };
+    yield d;
+  }
+  constructor() {
+    this.cache = /* @__PURE__ */ new WeakMap();
+  }
+}
+function v(l) {
+  let e = [], t = null;
+  return {
+    *[Symbol.iterator]() {
+      for (let r of e)
+        yield r;
+      t || (t = l());
+      for (let r of t)
+        e.push(r), yield r;
+    }
+  };
+}
+function I(l, e) {
+  if (l && e)
+    return (t) => l(e(t));
+  if (l)
+    return l;
+  if (e)
+    return e;
+}
+function m(l) {
+  return l[0].toUpperCase() + l.slice(1);
+}
+function M(l, e, t) {
+  let r = b(() => new w(), []), { children: n, items: i, collection: u } = l;
+  return b(() => {
+    if (u)
+      return u;
+    let f = r.build({
+      children: n,
+      items: i
+    }, t);
+    return e(f);
   }, [
+    r,
+    n,
+    i,
     u,
-    c
+    t,
+    e
   ]);
-  da({
-    onScroll: Ee,
-    isDisabled: d || b || !We
-  }, i);
-  let V = Re.maximumFractionDigits > 0, M = isNaN(r.minValue) || r.minValue < 0, n = "numeric";
-  _e() ? M ? n = "text" : V && (n = "decimal") : Je() && (M ? n = "numeric" : V && (n = "decimal"));
-  let je = (a) => {
-    r.validate(a) && r.setInputValue(a);
-  }, we = Xe(e), C = T((a) => {
-    a.key === "Enter" && f();
-  }, [
-    f
-  ]), { labelProps: I, inputProps: Ue, descriptionProps: Ze, errorMessageProps: qe } = na({
-    ...Me,
-    ...we,
-    name: void 0,
-    label: Pe,
-    autoFocus: Fe,
-    isDisabled: d,
-    isReadOnly: b,
-    isRequired: F,
-    validationState: P,
-    isInvalid: h,
-    value: Be,
-    defaultValue: void 0,
-    autoComplete: "off",
-    "aria-label": e["aria-label"] || null,
-    "aria-labelledby": e["aria-labelledby"] || null,
-    id: m,
-    type: "text",
-    inputMode: n,
-    onChange: je,
-    onBlur: he,
-    onFocus: ge,
-    onFocusChange: De,
-    onKeyDown: v(() => Qe(C, D), [
-      C,
-      D
-    ]),
-    onKeyUp: Se,
-    description: ye,
-    errorMessage: Ve
-  }, r, i);
-  ea(i, r.numberValue, r.setNumberValue);
-  let Ge = x(ke, Ne, Ue, {
-    // override the spinbutton role, we can't focus a spin button with VO
-    role: null,
-    // ignore aria-roledescription on iOS so that required state will announce when it is present
-    "aria-roledescription": aa() ? null : $.format("numberField"),
-    "aria-valuemax": null,
-    "aria-valuemin": null,
-    "aria-valuenow": null,
-    "aria-valuetext": null,
-    autoCorrect: "off",
-    spellCheck: "false"
-  }), B = (a) => {
-    document.activeElement !== i.current && (a.pointerType === "mouse" ? i.current.focus() : a.target.focus());
-  }, p = e["aria-label"] || (typeof e.label == "string" ? e.label : ""), l;
-  p || (l = e.label != null ? I.id : e["aria-labelledby"]);
-  let N = L(), R = L(), Ye = x(Oe, {
-    "aria-label": o || $.format("increase", {
-      fieldLabel: p
-    }).trim(),
-    id: l && !o ? N : null,
-    "aria-labelledby": l && !o ? `${N} ${l}` : null,
-    "aria-controls": m,
-    excludeFromTabOrder: !0,
-    preventFocusOnPress: !0,
-    allowFocusWhenDisabled: !0,
-    isDisabled: !r.canIncrement,
-    onPressStart: B
-  }), He = x(Ae, {
-    "aria-label": t || $.format("decrease", {
-      fieldLabel: p
-    }).trim(),
-    id: l && !t ? R : null,
-    "aria-labelledby": l && !t ? `${R} ${l}` : null,
-    "aria-controls": m,
-    excludeFromTabOrder: !0,
-    preventFocusOnPress: !0,
-    allowFocusWhenDisabled: !0,
-    isDisabled: !r.canDecrement,
-    onPressStart: B
-  });
-  return {
-    groupProps: {
-      ...ze,
-      role: "group",
-      "aria-disabled": d,
-      "aria-invalid": h || P === "invalid" ? "true" : void 0
-    },
-    labelProps: I,
-    inputProps: Ge,
-    incrementButtonProps: Ye,
-    decrementButtonProps: He,
-    errorMessageProps: qe,
-    descriptionProps: Ze
+}
+function E(l, e) {
+  return typeof e.getChildren == "function" ? e.getChildren(l.key) : l.childNodes;
+}
+function S(l) {
+  return V(l, 0);
+}
+function V(l, e) {
+  if (e < 0)
+    return;
+  let t = 0;
+  for (let r of l) {
+    if (t === e)
+      return r;
+    t++;
+  }
+}
+function U(l, e, t) {
+  if (e.parentKey === t.parentKey)
+    return e.index - t.index;
+  let r = [
+    ...g(l, e),
+    e
+  ], n = [
+    ...g(l, t),
+    t
+  ], i = r.slice(0, n.length).findIndex((u, d) => u !== n[d]);
+  return i !== -1 ? (e = r[i], t = n[i], e.index - t.index) : r.findIndex((u) => u === t) >= 0 ? 1 : (n.findIndex((u) => u === e) >= 0, -1);
+}
+function g(l, e) {
+  let t = [];
+  for (; (e == null ? void 0 : e.parentKey) != null; )
+    e = l.getItem(e.parentKey), t.unshift(e);
+  return t;
+}
+const C = /* @__PURE__ */ new WeakMap();
+function W(l) {
+  let e = C.get(l);
+  if (e != null)
+    return e;
+  e = 0;
+  let t = (r) => {
+    for (let n of r)
+      n.type === "section" ? t(E(n, l)) : e++;
   };
+  return t(l), C.set(l, e), e;
 }
 export {
-  La as useNumberField
+  w as CollectionBuilder,
+  A as Item,
+  U as compareNodeOrder,
+  E as getChildNodes,
+  S as getFirstItem,
+  W as getItemCount,
+  V as getNthItem,
+  M as useCollection
 };