@commercetools/nimbus 0.0.13-rc1 → 0.0.14-rc1

package/dist/chunks/Separator-Ahj2J22_.es.js

@@ -0,0 +1,574 @@
+import { i as Ve, l as Ke, m as Me, n as K, o as Oe, p as Ue, q as M, r as O, s as He, t as qe, d as _ } from "./Collection-CDJ_uFKV.es.js";
+import { $ as _e } from "./useCollator-BvjDbml1.es.js";
+import I, { useMemo as z, createContext as x, useRef as p, useState as j, useCallback as S, useEffect as U } from "react";
+import { a as V } from "./Input-B7Cnwv00.es.js";
+import { $ as k, c as G, b as ze, e as J, a as je, d as W, f as Ge } from "./utils-emYDjcZU.es.js";
+import { $ as Je } from "./FieldError-CXcEMuBf.es.js";
+import { $ as We } from "./Form-CXcEMuBf.es.js";
+import { a as Ze } from "./Group-CU1nz0u2.es.js";
+import { $ as Qe } from "./Label-CXgc_ps9.es.js";
+import { a as Xe } from "./TextArea-DTir64d8.es.js";
+import { $ as Ye } from "./Text-DOcU1ycg.es.js";
+import { $ as et } from "./Hidden-j3Lbt7xL.es.js";
+import { $ as A, a as tt, c as C } from "./mergeProps-CtwSzqnr.es.js";
+import { $ as Z } from "./filterDOMProps-BSVCO5jK.es.js";
+import { $ as at } from "./useTextField-D0VFuWqP.es.js";
+import { c as H } from "./FocusScope-B5Aod9bV.es.js";
+import { b as rt } from "./domHelpers-InH3T0qs.es.js";
+import { a as lt } from "./useLabel-DHa3lVYx.es.js";
+import { $ as ot } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as ct } from "./useEvent-k0_MYJWL.es.js";
+import { b as nt } from "./useFocusVisible-DGwGbqVH.es.js";
+import { $ as it } from "./useLocalizedStringFormatter-CvzOUusg.es.js";
+import { $ as ut } from "./useControlledState-u436Wbp1.es.js";
+import { $ as dt } from "./useSeparator-Dg70ACBm.es.js";
+function _t(l) {
+  let { selectionManager: t, collection: r, disabledKeys: c, ref: n, keyboardDelegate: i, layoutDelegate: s } = l, d = _e({
+    usage: "search",
+    sensitivity: "base"
+  }), f = t.disabledBehavior, o = z(() => i || new Ve({
+    collection: r,
+    disabledKeys: c,
+    disabledBehavior: f,
+    ref: n,
+    collator: d,
+    layoutDelegate: s
+  }), [
+    i,
+    s,
+    r,
+    c,
+    n,
+    d,
+    f
+  ]), { collectionProps: $ } = Ke({
+    ...l,
+    ref: n,
+    selectionManager: t,
+    keyboardDelegate: o
+  });
+  return {
+    listProps: $
+  };
+}
+const q = /* @__PURE__ */ new WeakMap();
+function zt(l) {
+  let t = q.get(l);
+  if (t != null) return t;
+  let r = 0, c = (n) => {
+    for (let i of n)
+      i.type === "section" ? c(Me(i, l)) : i.type === "item" && r++;
+  };
+  return c(l), q.set(l, r), r;
+}
+const st = /* @__PURE__ */ x(null), Q = /* @__PURE__ */ x(null), jt = /* @__PURE__ */ et(function(t, r) {
+  [t, r] = k(t, r, Q);
+  let { validationBehavior: c } = G(We) || {};
+  var n, i;
+  let s = (i = (n = t.validationBehavior) !== null && n !== void 0 ? n : c) !== null && i !== void 0 ? i : "native", d = p(null), [f, o] = k({}, d, V), [$, g] = ze(!t["aria-label"] && !t["aria-labelledby"]), [E, P] = j("input"), { labelProps: B, inputProps: D, descriptionProps: R, errorMessageProps: v, ...y } = at({
+    ...J(t),
+    inputElementType: E,
+    label: g,
+    validationBehavior: s
+  }, o), F = S((L) => {
+    o.current = L, L && P(L instanceof HTMLTextAreaElement ? "textarea" : "input");
+  }, [
+    o
+  ]), T = je({
+    ...t,
+    values: {
+      isDisabled: t.isDisabled || !1,
+      isInvalid: y.isInvalid,
+      isReadOnly: t.isReadOnly || !1,
+      isRequired: t.isRequired || !1
+    },
+    defaultClassName: "react-aria-TextField"
+  }), h = Z(t, {
+    global: !0
+  });
+  return delete h.id, /* @__PURE__ */ I.createElement("div", {
+    ...h,
+    ...T,
+    ref: r,
+    slot: t.slot || void 0,
+    "data-disabled": t.isDisabled || void 0,
+    "data-invalid": y.isInvalid || void 0,
+    "data-readonly": t.isReadOnly || void 0,
+    "data-required": t.isRequired || void 0
+  }, /* @__PURE__ */ I.createElement(W, {
+    values: [
+      [
+        Qe,
+        {
+          ...B,
+          ref: $
+        }
+      ],
+      [
+        V,
+        {
+          ...A(D, f),
+          ref: F
+        }
+      ],
+      [
+        Xe,
+        {
+          ...D,
+          ref: F
+        }
+      ],
+      [
+        Ze,
+        {
+          role: "presentation",
+          isInvalid: y.isInvalid,
+          isDisabled: t.isDisabled || !1
+        }
+      ],
+      [
+        Ye,
+        {
+          slots: {
+            description: R,
+            errorMessage: v
+          }
+        }
+      ],
+      [
+        Je,
+        y
+      ]
+    ]
+  }, T.children));
+});
+var X = {};
+X = {
+  collectionLabel: "مقترحات"
+};
+var Y = {};
+Y = {
+  collectionLabel: "Предложения"
+};
+var ee = {};
+ee = {
+  collectionLabel: "Návrhy"
+};
+var te = {};
+te = {
+  collectionLabel: "Forslag"
+};
+var ae = {};
+ae = {
+  collectionLabel: "Empfehlungen"
+};
+var re = {};
+re = {
+  collectionLabel: "Προτάσεις"
+};
+var le = {};
+le = {
+  collectionLabel: "Suggestions"
+};
+var oe = {};
+oe = {
+  collectionLabel: "Sugerencias"
+};
+var ce = {};
+ce = {
+  collectionLabel: "Soovitused"
+};
+var ne = {};
+ne = {
+  collectionLabel: "Ehdotukset"
+};
+var ie = {};
+ie = {
+  collectionLabel: "Suggestions"
+};
+var ue = {};
+ue = {
+  collectionLabel: "הצעות"
+};
+var de = {};
+de = {
+  collectionLabel: "Prijedlozi"
+};
+var se = {};
+se = {
+  collectionLabel: "Javaslatok"
+};
+var fe = {};
+fe = {
+  collectionLabel: "Suggerimenti"
+};
+var $e = {};
+$e = {
+  collectionLabel: "候補"
+};
+var be = {};
+be = {
+  collectionLabel: "제안"
+};
+var pe = {};
+pe = {
+  collectionLabel: "Pasiūlymai"
+};
+var ve = {};
+ve = {
+  collectionLabel: "Ieteikumi"
+};
+var me = {};
+me = {
+  collectionLabel: "Forslag"
+};
+var xe = {};
+xe = {
+  collectionLabel: "Suggesties"
+};
+var ge = {};
+ge = {
+  collectionLabel: "Sugestie"
+};
+var Ee = {};
+Ee = {
+  collectionLabel: "Sugestões"
+};
+var ye = {};
+ye = {
+  collectionLabel: "Sugestões"
+};
+var he = {};
+he = {
+  collectionLabel: "Sugestii"
+};
+var Fe = {};
+Fe = {
+  collectionLabel: "Предложения"
+};
+var Le = {};
+Le = {
+  collectionLabel: "Návrhy"
+};
+var Ie = {};
+Ie = {
+  collectionLabel: "Predlogi"
+};
+var Pe = {};
+Pe = {
+  collectionLabel: "Predlozi"
+};
+var De = {};
+De = {
+  collectionLabel: "Förslag"
+};
+var Re = {};
+Re = {
+  collectionLabel: "Öneriler"
+};
+var Te = {};
+Te = {
+  collectionLabel: "Пропозиції"
+};
+var Ce = {};
+Ce = {
+  collectionLabel: "建议"
+};
+var ke = {};
+ke = {
+  collectionLabel: "建議"
+};
+var Ae = {};
+Ae = {
+  "ar-AE": X,
+  "bg-BG": Y,
+  "cs-CZ": ee,
+  "da-DK": te,
+  "de-DE": ae,
+  "el-GR": re,
+  "en-US": le,
+  "es-ES": oe,
+  "et-EE": ce,
+  "fi-FI": ne,
+  "fr-FR": ie,
+  "he-IL": ue,
+  "hr-HR": de,
+  "hu-HU": se,
+  "it-IT": fe,
+  "ja-JP": $e,
+  "ko-KR": be,
+  "lt-LT": pe,
+  "lv-LV": ve,
+  "nb-NO": me,
+  "nl-NL": xe,
+  "pl-PL": ge,
+  "pt-BR": Ee,
+  "pt-PT": ye,
+  "ro-RO": he,
+  "ru-RU": Fe,
+  "sk-SK": Le,
+  "sl-SI": Ie,
+  "sr-SP": Pe,
+  "sv-SE": De,
+  "tr-TR": Re,
+  "uk-UA": Te,
+  "zh-CN": Ce,
+  "zh-TW": ke
+};
+function ft(l) {
+  return l && l.__esModule ? l.default : l;
+}
+function $t(l, t) {
+  let { inputRef: r, collectionRef: c, filter: n, disableAutoFocusFirst: i = !1 } = l, s = tt(), d = p(void 0), f = p(!1), o = p(null), $ = p(null), g = nt() !== "virtual";
+  U(() => () => clearTimeout(d.current), []);
+  let E = C((e) => {
+    !e.isTrusted && g && r.current && H(rt(r.current)) !== r.current && r.current.focus();
+    let a = e.target;
+    e.isTrusted || !a || o.current === a.id || (clearTimeout(d.current), a !== c.current ? f.current ? (o.current = a.id, d.current = setTimeout(() => {
+      t.setFocusedNodeId(a.id);
+    }, 500)) : (o.current = a.id, t.setFocusedNodeId(a.id)) : (o.current = null, t.setFocusedNodeId(null)), f.current = !1);
+  }), P = S((e) => {
+    var a;
+    if (e != null) {
+      var u;
+      (u = $.current) === null || u === void 0 || u.removeEventListener("focusin", E), $.current = e, e.addEventListener("focusin", E);
+    } else (a = $.current) === null || a === void 0 || a.removeEventListener("focusin", E);
+  }, [
+    E
+  ]), B = ot(z(() => Ge(c, P), [
+    c,
+    P
+  ])), D = C(() => {
+    var e;
+    f.current = !0, (e = c.current) === null || e === void 0 || e.dispatchEvent(new CustomEvent(K, {
+      cancelable: !0,
+      bubbles: !0,
+      detail: {
+        focusStrategy: "first"
+      }
+    }));
+  }), R = C((e) => {
+    var a;
+    Oe(H()), o.current = null, t.setFocusedNodeId(null);
+    let u = new CustomEvent(Ue, {
+      cancelable: !0,
+      bubbles: !0,
+      detail: {
+        clearFocusKey: e
+      }
+    });
+    clearTimeout(d.current), f.current = !1, (a = c.current) === null || a === void 0 || a.dispatchEvent(u);
+  }), v = p("");
+  ct(r, "input", (e) => {
+    let { inputType: a } = e;
+    v.current = a;
+  });
+  let y = (e) => {
+    v.current === "insertText" && !i ? D() : (v.current.includes("insert") || v.current.includes("delete") || v.current.includes("history")) && (R(!0), qe(document) === r.current && O(r.current, null)), t.setInputValue(e);
+  }, F = p(null), T = (e) => {
+    var a;
+    if (F.current = e.target, e.nativeEvent.isComposing) return;
+    let u = o.current;
+    switch (e.key) {
+      case "a":
+        if (He(e)) return;
+        break;
+      case "Escape":
+        if (e.isDefaultPrevented()) return;
+        break;
+      case " ":
+        return;
+      case "Tab":
+        "continuePropagation" in e && e.continuePropagation();
+        return;
+      case "Home":
+      case "End":
+      case "PageDown":
+      case "PageUp":
+      case "ArrowUp":
+      case "ArrowDown": {
+        var m;
+        if ((e.key === "Home" || e.key === "End") && u == null && e.shiftKey) return;
+        e.preventDefault();
+        let b = new CustomEvent(K, {
+          cancelable: !0,
+          bubbles: !0
+        });
+        (m = c.current) === null || m === void 0 || m.dispatchEvent(b);
+        break;
+      }
+    }
+    e.isPropagationStopped() || e.stopPropagation();
+    let w = !0;
+    if (u == null) w = ((a = c.current) === null || a === void 0 ? void 0 : a.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent))) || !1;
+    else {
+      let b = document.getElementById(u);
+      w = b?.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)) || !1;
+    }
+    if (w) switch (e.key) {
+      case "ArrowLeft":
+      case "ArrowRight":
+        R();
+        break;
+      case "Enter":
+        if (u != null) {
+          let b = document.getElementById(u);
+          b?.click();
+        }
+        break;
+    }
+  }, h = C((e) => {
+    if (e.target === F.current) {
+      var a;
+      e.stopImmediatePropagation();
+      let u = o.current;
+      if (u == null) (a = c.current) === null || a === void 0 || a.dispatchEvent(new KeyboardEvent(e.type, e));
+      else {
+        let m = document.getElementById(u);
+        m?.dispatchEvent(new KeyboardEvent(e.type, e));
+      }
+    }
+  });
+  U(() => (document.addEventListener("keyup", h, !0), () => {
+    document.removeEventListener("keyup", h, !0);
+  }), [
+    h
+  ]);
+  let L = it(ft(Ae), "@react-aria/autocomplete"), Be = lt({
+    id: s,
+    "aria-label": L.format("collectionLabel")
+  }), Ne = S((e) => n ? n(e, t.inputValue) : !0, [
+    t.inputValue,
+    n
+  ]), we = (e) => {
+    if (!e.isTrusted) return;
+    let a = o.current ? document.getElementById(o.current) : null;
+    a && M(a, e.relatedTarget);
+  }, Se = (e) => {
+    if (!e.isTrusted) return;
+    let a = o.current ? document.getElementById(o.current) : null;
+    if (a) {
+      let u = e.target;
+      queueMicrotask(() => {
+        M(u, a), O(a, u);
+      });
+    }
+  };
+  var N;
+  return {
+    textFieldProps: {
+      value: t.inputValue,
+      onChange: y,
+      onKeyDown: T,
+      autoComplete: "off",
+      "aria-haspopup": "listbox",
+      "aria-controls": s,
+      // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
+      "aria-autocomplete": "list",
+      "aria-activedescendant": (N = t.focusedNodeId) !== null && N !== void 0 ? N : void 0,
+      // This disable's iOS's autocorrect suggestions, since the autocomplete provides its own suggestions.
+      autoCorrect: "off",
+      // This disable's the macOS Safari spell check auto corrections.
+      spellCheck: "false",
+      enterKeyHint: "go",
+      onBlur: we,
+      onFocus: Se
+    },
+    collectionProps: A(Be, {
+      shouldUseVirtualFocus: g,
+      disallowTypeAhead: !0
+    }),
+    collectionRef: B,
+    filter: n != null ? Ne : void 0
+  };
+}
+function bt(l) {
+  let { onInputChange: t, inputValue: r, defaultInputValue: c = "" } = l, n = (o) => {
+    t && t(o);
+  }, [i, s] = j(null), [d, f] = ut(r, c, n);
+  return {
+    inputValue: d,
+    setInputValue: f,
+    focusedNodeId: i,
+    setFocusedNodeId: s
+  };
+}
+const pt = /* @__PURE__ */ x(null), vt = /* @__PURE__ */ x(null), mt = /* @__PURE__ */ x(null);
+function Gt(l) {
+  let t = G(pt, l.slot);
+  l = A(t, l);
+  let { filter: r, disableAutoFocusFirst: c } = l, n = bt(l), i = p(null), s = p(null), { textFieldProps: d, collectionProps: f, collectionRef: o, filter: $ } = $t({
+    ...J(l),
+    filter: r,
+    disableAutoFocusFirst: c,
+    inputRef: i,
+    collectionRef: s
+  }, n);
+  return /* @__PURE__ */ I.createElement(W, {
+    values: [
+      [
+        vt,
+        n
+      ],
+      [
+        st,
+        d
+      ],
+      [
+        Q,
+        d
+      ],
+      [
+        V,
+        {
+          ref: i
+        }
+      ],
+      [
+        mt,
+        {
+          filter: $,
+          collectionProps: f,
+          collectionRef: o
+        }
+      ]
+    ]
+  }, l.children);
+}
+const xt = /* @__PURE__ */ x({}), Jt = /* @__PURE__ */ _("header", function(t, r) {
+  return [t, r] = k(t, r, xt), /* @__PURE__ */ I.createElement("header", {
+    className: "react-aria-Header",
+    ...t,
+    ref: r
+  }, t.children);
+}), gt = /* @__PURE__ */ x({}), Wt = /* @__PURE__ */ _("separator", function(t, r) {
+  [t, r] = k(t, r, gt);
+  let { elementType: c, orientation: n, style: i, className: s, slot: d, ...f } = t, o = c || "hr";
+  o === "hr" && n === "vertical" && (o = "div");
+  let { separatorProps: $ } = dt({
+    ...f,
+    elementType: c,
+    orientation: n
+  }), g = Z(t, {
+    global: !0
+  });
+  return /* @__PURE__ */ I.createElement(o, {
+    ...A(g, $),
+    style: i,
+    className: s ?? "react-aria-Separator",
+    ref: r,
+    slot: d || void 0
+  });
+});
+export {
+  _t as $,
+  zt as a,
+  xt as b,
+  mt as c,
+  gt as d,
+  Jt as e,
+  Wt as f,
+  Gt as g,
+  jt as h
+};
+//# sourceMappingURL=Separator-Ahj2J22_.es.js.map