@commercetools/nimbus 0.0.0-canary-20250929125459 → 0.0.0-canary-20250930095152

package/dist/chunks/select-DpHmAHrs.es.js

@@ -1,579 +0,0 @@
-import { jsx as d, jsxs as F } from "react/jsx-runtime";
-import m, { useMemo as z, useRef as I, useCallback as X, useState as B, forwardRef as N, createContext as j, useContext as _ } from "react";
-import { createSlotRecipeContext as de, useSlotRecipe as ce, chakra as fe } from "@chakra-ui/react/styled-system";
-import { Close as ue, Loop as be, KeyboardArrowDown as $e } from "@commercetools/nimbus-icons";
-import { B as U } from "./box-DuBoAZvq.es.js";
-import { $ as J, a as pe } from "./Button-CNBS3n5a.es.js";
-import { f as me, b as ve, c as he, g as ye, $ as ge } from "./Dialog-CpUyTYgL.es.js";
-import { $ as Q, c as Y, a as Z, b as xe, e as Se, d as Pe } from "./utils-BkdW_cdL.es.js";
-import { $ as Ce } from "./FieldError-CXcEMuBf.es.js";
-import { $ as Re } from "./Form-CXcEMuBf.es.js";
-import { $ as De } from "./intlStrings-Cd44R5hT.es.js";
-import { $ as ee } from "./Label-B2YyCdLl.es.js";
-import { a as Fe, b as Ke, c as Be, d as Ie, e as Ee } from "./ListBox-Vxd1SXUB.es.js";
-import { $ as G } from "./Text-DOcU1ycg.es.js";
-import { f as we, g as Oe } from "./Separator-Qp4OCFiC.es.js";
-import { $ as T, a as Me, e as ke } from "./mergeProps-B_9syxhT.es.js";
-import { $ as L } from "./filterDOMProps-BSVCO5jK.es.js";
-import { $ as qe, a as Ve } from "./OverlayArrow-sJzRZNbO.es.js";
-import { $ as Te } from "./useLocalizedStringFormatter-BRnRyxJp.es.js";
-import { a as ze, $ as Ne } from "./useFormValidation-4hZ1_a6w.es.js";
-import { $ as je } from "./useSingleSelectListState-BsnptkyP.es.js";
-import { $ as Ge } from "./useFocusRing-updnkDQg.es.js";
-import { $ as Le, j as We } from "./SelectionManager-BCXBpjO4.es.js";
-import { c as He } from "./useFocusVisible-CWDaG0ze.es.js";
-import { $ as Ae } from "./useCollator-BHMZd1r6.es.js";
-import { $ as Ue } from "./useField-Ce9zQxmx.es.js";
-import { $ as Xe } from "./useFormReset-DurgUJL-.es.js";
-import { a as _e } from "./VisuallyHidden-VHEPK04F.es.js";
-import { j as te } from "./index-CRta5Y1_.es.js";
-import { I as Je } from "./icon-button-C_i4ydsN.es.js";
-import { defineMessages as Qe, useIntl as Ye } from "react-intl";
-import { e as le } from "./extractStyleProps-DkXeCUuq.es.js";
-import { Flex as V } from "@chakra-ui/react/flex";
-import { c as Ze } from "./Header-CRiZqLJU.es.js";
-const W = /* @__PURE__ */ new WeakMap();
-function et(e, t, r) {
-  let { keyboardDelegate: o, isDisabled: l, isRequired: n, name: c, form: i, validationBehavior: s = "aria" } = e, $ = Ae({
-    usage: "search",
-    sensitivity: "base"
-  }), a = z(() => o || new Le(t.collection, t.disabledKeys, r, $), [
-    o,
-    t.collection,
-    t.disabledKeys,
-    $,
-    r
-  ]), { menuTriggerProps: p, menuProps: b } = me({
-    isDisabled: l,
-    type: "listbox"
-  }, t, r), f = (u) => {
-    switch (u.key) {
-      case "ArrowLeft": {
-        var g, x;
-        u.preventDefault();
-        let D = t.selectedKey != null ? (g = a.getKeyAbove) === null || g === void 0 ? void 0 : g.call(a, t.selectedKey) : (x = a.getFirstKey) === null || x === void 0 ? void 0 : x.call(a);
-        D && t.setSelectedKey(D);
-        break;
-      }
-      case "ArrowRight": {
-        var k, q;
-        u.preventDefault();
-        let D = t.selectedKey != null ? (k = a.getKeyBelow) === null || k === void 0 ? void 0 : k.call(a, t.selectedKey) : (q = a.getFirstKey) === null || q === void 0 ? void 0 : q.call(a);
-        D && t.setSelectedKey(D);
-        break;
-      }
-    }
-  }, { typeSelectProps: v } = We({
-    keyboardDelegate: a,
-    selectionManager: t.selectionManager,
-    onTypeSelect(u) {
-      t.setSelectedKey(u);
-    }
-  }), { isInvalid: P, validationErrors: C, validationDetails: E } = t.displayValidation, { labelProps: w, fieldProps: R, descriptionProps: y, errorMessageProps: O } = Ue({
-    ...e,
-    labelElementType: "span",
-    isInvalid: P,
-    errorMessage: e.errorMessage || C
-  });
-  v.onKeyDown = v.onKeyDownCapture, delete v.onKeyDownCapture;
-  let M = L(e, {
-    labelable: !0
-  }), h = T(v, p, R), K = Me();
-  return W.set(t, {
-    isDisabled: l,
-    isRequired: n,
-    name: c,
-    form: i,
-    validationBehavior: s
-  }), {
-    labelProps: {
-      ...w,
-      onClick: () => {
-        if (!e.isDisabled) {
-          var u;
-          (u = r.current) === null || u === void 0 || u.focus(), He("keyboard");
-        }
-      }
-    },
-    triggerProps: T(M, {
-      ...h,
-      isDisabled: l,
-      onKeyDown: ke(h.onKeyDown, f, e.onKeyDown),
-      onKeyUp: e.onKeyUp,
-      "aria-labelledby": [
-        K,
-        h["aria-labelledby"],
-        h["aria-label"] && !h["aria-labelledby"] ? h.id : null
-      ].filter(Boolean).join(" "),
-      onFocus(u) {
-        t.isFocused || (e.onFocus && e.onFocus(u), e.onFocusChange && e.onFocusChange(!0), t.setFocused(!0));
-      },
-      onBlur(u) {
-        t.isOpen || (e.onBlur && e.onBlur(u), e.onFocusChange && e.onFocusChange(!1), t.setFocused(!1));
-      }
-    }),
-    valueProps: {
-      id: K
-    },
-    menuProps: {
-      ...b,
-      autoFocus: t.focusStrategy || !0,
-      shouldSelectOnPressUp: !0,
-      shouldFocusOnHover: !0,
-      disallowEmptySelection: !0,
-      linkBehavior: "selection",
-      onBlur: (u) => {
-        u.currentTarget.contains(u.relatedTarget) || (e.onBlur && e.onBlur(u), e.onFocusChange && e.onFocusChange(!1), t.setFocused(!1));
-      },
-      "aria-labelledby": [
-        R["aria-labelledby"],
-        h["aria-label"] && !R["aria-labelledby"] ? h.id : null
-      ].filter(Boolean).join(" ")
-    },
-    descriptionProps: y,
-    errorMessageProps: O,
-    isInvalid: P,
-    validationErrors: C,
-    validationDetails: E,
-    hiddenSelectProps: {
-      isDisabled: l,
-      name: c,
-      label: e.label,
-      state: t,
-      triggerRef: r,
-      form: i
-    }
-  };
-}
-function tt(e, t, r) {
-  let o = W.get(t) || {}, { autoComplete: l, name: n = o.name, form: c = o.form, isDisabled: i = o.isDisabled } = e, { validationBehavior: s, isRequired: $ } = o, { visuallyHiddenProps: a } = _e({
-    style: {
-      // Prevent page scrolling.
-      position: "fixed",
-      top: 0,
-      left: 0
-    }
-  });
-  Xe(e.selectRef, t.defaultSelectedKey, t.setSelectedKey), ze({
-    validationBehavior: s,
-    focus: () => {
-      var f;
-      return (f = r.current) === null || f === void 0 ? void 0 : f.focus();
-    }
-  }, t, e.selectRef);
-  let p = X((f) => t.setSelectedKey(f.currentTarget.value), [
-    t.setSelectedKey
-  ]);
-  var b;
-  return {
-    containerProps: {
-      ...a,
-      "aria-hidden": !0,
-      // @ts-ignore
-      "data-react-aria-prevent-focus": !0,
-      // @ts-ignore
-      "data-a11y-ignore": "aria-hidden-focus"
-    },
-    inputProps: {
-      style: {
-        display: "none"
-      }
-    },
-    selectProps: {
-      tabIndex: -1,
-      autoComplete: l,
-      disabled: i,
-      required: s === "native" && $,
-      name: n,
-      form: c,
-      value: (b = t.selectedKey) !== null && b !== void 0 ? b : "",
-      onChange: p,
-      onInput: p
-    }
-  };
-}
-function lt(e) {
-  let { state: t, triggerRef: r, label: o, name: l, form: n, isDisabled: c } = e, i = I(null), s = I(null), { containerProps: $, selectProps: a } = tt({
-    ...e,
-    selectRef: t.collection.size <= 300 ? i : s
-  }, t, r);
-  if (t.collection.size <= 300) return /* @__PURE__ */ m.createElement("div", {
-    ...$,
-    "data-testid": "hidden-select-container"
-  }, /* @__PURE__ */ m.createElement("label", null, o, /* @__PURE__ */ m.createElement("select", {
-    ...a,
-    ref: i
-  }, /* @__PURE__ */ m.createElement("option", null), [
-    ...t.collection.getKeys()
-  ].map((b) => {
-    let f = t.collection.getItem(b);
-    if (f && f.type === "item") return /* @__PURE__ */ m.createElement("option", {
-      key: f.key,
-      value: f.key
-    }, f.textValue);
-  }))));
-  if (l) {
-    let b = W.get(t) || {}, { validationBehavior: f } = b;
-    var p;
-    let v = {
-      type: "hidden",
-      autoComplete: a.autoComplete,
-      name: l,
-      form: n,
-      disabled: c,
-      value: (p = t.selectedKey) !== null && p !== void 0 ? p : ""
-    };
-    return f === "native" ? /* @__PURE__ */ m.createElement("input", {
-      ...v,
-      ref: s,
-      style: {
-        display: "none"
-      },
-      type: "text",
-      required: a.required,
-      onChange: () => {
-      }
-    }) : /* @__PURE__ */ m.createElement("input", {
-      ...v,
-      ref: s
-    });
-  }
-  return null;
-}
-function at(e) {
-  let t = qe(e), [r, o] = B(null), l = je({
-    ...e,
-    onSelectionChange: (a) => {
-      e.onSelectionChange != null && e.onSelectionChange(a), t.close(), n.commitValidation();
-    }
-  }), n = Ne({
-    ...e,
-    value: l.selectedKey
-  }), [c, i] = B(!1), [s] = B(l.selectedKey);
-  var $;
-  return {
-    ...n,
-    ...l,
-    ...t,
-    defaultSelectedKey: ($ = e.defaultSelectedKey) !== null && $ !== void 0 ? $ : s,
-    focusStrategy: r,
-    open(a = null) {
-      l.collection.size !== 0 && (o(a), t.open());
-    },
-    toggle(a = null) {
-      l.collection.size !== 0 && (o(a), t.toggle());
-    },
-    isFocused: c,
-    setFocused: i
-  };
-}
-function ot(e) {
-  return e && e.__esModule ? e.default : e;
-}
-const H = /* @__PURE__ */ j(null), A = /* @__PURE__ */ j(null), it = /* @__PURE__ */ N(function(t, r) {
-  [t, r] = Q(t, r, H);
-  let { children: o, isDisabled: l = !1, isInvalid: n = !1, isRequired: c = !1 } = t, i = z(() => typeof o == "function" ? o({
-    isOpen: !1,
-    isDisabled: l,
-    isInvalid: n,
-    isRequired: c,
-    isFocused: !1,
-    isFocusVisible: !1,
-    defaultChildren: null
-  }) : o, [
-    o,
-    l,
-    n,
-    c
-  ]);
-  return /* @__PURE__ */ m.createElement(we, {
-    content: i
-  }, (s) => /* @__PURE__ */ m.createElement(nt, {
-    props: t,
-    collection: s,
-    selectRef: r
-  }));
-}), rt = [
-  ee,
-  J,
-  G
-];
-function nt({ props: e, selectRef: t, collection: r }) {
-  let { validationBehavior: o } = Y(Re) || {};
-  var l, n;
-  let c = (n = (l = e.validationBehavior) !== null && l !== void 0 ? l : o) !== null && n !== void 0 ? n : "native", i = at({
-    ...e,
-    collection: r,
-    children: void 0,
-    validationBehavior: c
-  }), { isFocusVisible: s, focusProps: $ } = Ge({
-    within: !0
-  }), a = I(null), [p, b] = xe(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: f, triggerProps: v, valueProps: P, menuProps: C, descriptionProps: E, errorMessageProps: w, hiddenSelectProps: R, ...y } = et({
-    ...Se(e),
-    label: b,
-    validationBehavior: c
-  }, i, a), [O, M] = B(null), h = X(() => {
-    a.current && M(a.current.offsetWidth + "px");
-  }, [
-    a
-  ]);
-  Ve({
-    ref: a,
-    onResize: h
-  });
-  let K = z(() => ({
-    isOpen: i.isOpen,
-    isFocused: i.isFocused,
-    isFocusVisible: s,
-    isDisabled: e.isDisabled || !1,
-    isInvalid: y.isInvalid || !1,
-    isRequired: e.isRequired || !1
-  }), [
-    i.isOpen,
-    i.isFocused,
-    s,
-    e.isDisabled,
-    y.isInvalid,
-    e.isRequired
-  ]), u = Z({
-    ...e,
-    values: K,
-    defaultClassName: "react-aria-Select"
-  }), g = L(e, {
-    global: !0
-  });
-  delete g.id;
-  let x = I(null);
-  return /* @__PURE__ */ m.createElement(Pe, {
-    values: [
-      [
-        H,
-        e
-      ],
-      [
-        A,
-        i
-      ],
-      [
-        ae,
-        P
-      ],
-      [
-        ee,
-        {
-          ...f,
-          ref: p,
-          elementType: "span"
-        }
-      ],
-      [
-        J,
-        {
-          ...v,
-          ref: a,
-          isPressed: i.isOpen,
-          autoFocus: e.autoFocus
-        }
-      ],
-      [
-        ve,
-        i
-      ],
-      [
-        he,
-        {
-          trigger: "Select",
-          triggerRef: a,
-          scrollRef: x,
-          placement: "bottom start",
-          style: {
-            "--trigger-width": O
-          },
-          "aria-labelledby": C["aria-labelledby"],
-          clearContexts: rt
-        }
-      ],
-      [
-        Fe,
-        {
-          ...C,
-          ref: x
-        }
-      ],
-      [
-        Ke,
-        i
-      ],
-      [
-        G,
-        {
-          slots: {
-            description: E,
-            errorMessage: w
-          }
-        }
-      ],
-      [
-        Ce,
-        y
-      ]
-    ]
-  }, /* @__PURE__ */ m.createElement("div", {
-    ...T(g, u, $),
-    ref: t,
-    slot: e.slot || void 0,
-    "data-focused": i.isFocused || void 0,
-    "data-focus-visible": s || void 0,
-    "data-open": i.isOpen || void 0,
-    "data-disabled": e.isDisabled || void 0,
-    "data-invalid": y.isInvalid || void 0,
-    "data-required": e.isRequired || void 0
-  }, u.children, /* @__PURE__ */ m.createElement(lt, {
-    ...R,
-    autoComplete: e.autoComplete
-  })));
-}
-const ae = /* @__PURE__ */ j(null), st = /* @__PURE__ */ N(function(t, r) {
-  var o, l;
-  [t, r] = Q(t, r, ae);
-  let n = _(A), { placeholder: c } = Y(H), i = n.selectedKey != null ? n.collection.getItem(n.selectedKey) : null, s = i?.props.children;
-  typeof s == "function" && (s = s({
-    isHovered: !1,
-    isPressed: !1,
-    isSelected: !1,
-    isFocused: !1,
-    isFocusVisible: !1,
-    isDisabled: !1,
-    selectionMode: "single",
-    selectionBehavior: "toggle"
-  }));
-  let $ = Te(ot(De), "react-aria-components");
-  var a, p, b;
-  let f = Z({
-    ...t,
-    defaultChildren: (a = s ?? c) !== null && a !== void 0 ? a : $.format("selectPlaceholder"),
-    defaultClassName: "react-aria-SelectValue",
-    values: {
-      selectedItem: (p = (o = n.selectedItem) === null || o === void 0 ? void 0 : o.value) !== null && p !== void 0 ? p : null,
-      selectedText: (b = (l = n.selectedItem) === null || l === void 0 ? void 0 : l.textValue) !== null && b !== void 0 ? b : null,
-      isPlaceholder: !i
-    }
-  }), v = L(t, {
-    global: !0
-  });
-  return /* @__PURE__ */ m.createElement("span", {
-    ref: r,
-    ...v,
-    ...f,
-    "data-placeholder": !i || void 0
-  }, /* @__PURE__ */ m.createElement(G.Provider, {
-    value: void 0
-  }, f.children));
-}), { withProvider: dt, withContext: S } = /* @__PURE__ */ de({
-  recipe: te
-}), ct = /* @__PURE__ */ dt(
-  "div",
-  "root"
-), ft = /* @__PURE__ */ S("div", "leadingElement"), ut = /* @__PURE__ */ S("button", "trigger"), bt = /* @__PURE__ */ S("span", "triggerLabel"), $t = /* @__PURE__ */ S("div", "options"), pt = /* @__PURE__ */ S("div", "option"), mt = /* @__PURE__ */ S("div", "optionGroup"), vt = /* @__PURE__ */ Qe({
-  clearSelection: {
-    id: "Nimbus.Select.clearSelection",
-    description: "aria-label for select clear button",
-    defaultMessage: "Clear selection"
-  }
-}), oe = () => {
-  const e = _(A), t = Ye();
-  if (!e?.selectedKey)
-    return null;
-  const r = () => {
-    e?.setSelectedKey(null);
-  };
-  return /* @__PURE__ */ d(ye, { children: /* @__PURE__ */ d(
-    Je,
-    {
-      pointerEvents: "all",
-      size: "2xs",
-      variant: "ghost",
-      "aria-label": t.formatMessage(vt.clearSelection),
-      "aria-labelledby": "",
-      onPress: r,
-      children: /* @__PURE__ */ d(ue, {})
-    }
-  ) });
-};
-oe.displayName = "Select.ClearButton";
-const ie = /* @__PURE__ */ N(
-  ({
-    children: e,
-    leadingElement: t,
-    isLoading: r,
-    isDisabled: o,
-    isClearable: l = !0,
-    ...n
-  }, c) => {
-    const i = ce({ recipe: te }), [s, $] = i.splitVariantProps(n), [a, p] = le($), b = {
-      ...p,
-      isDisabled: r || o
-    };
-    return /* @__PURE__ */ d(ct, { asChild: !0, ref: c, ...s, ...a, children: /* @__PURE__ */ F(it, { ...b, children: [
-      /* @__PURE__ */ F(fe.div, { position: "relative", children: [
-        /* @__PURE__ */ d(ut, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ F(pe, { children: [
-          t && /* @__PURE__ */ d(ft, { asChild: !0, children: t }),
-          /* @__PURE__ */ d(bt, { asChild: !0, children: /* @__PURE__ */ d(st, {}) })
-        ] }) }),
-        /* @__PURE__ */ F(
-          V,
-          {
-            position: "absolute",
-            top: "0",
-            bottom: "0",
-            zIndex: 1,
-            right: "400",
-            pointerEvents: "none",
-            children: [
-              l && /* @__PURE__ */ d(V, { width: "600", my: "auto", children: /* @__PURE__ */ d(oe, {}) }),
-              /* @__PURE__ */ d(V, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ d(U, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: r ? /* @__PURE__ */ d(U, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ d(be, {}) }) : /* @__PURE__ */ d($e, {}) }) })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ d(ge, { children: e })
-    ] }) });
-  }
-);
-ie.displayName = "Select.Root";
-const re = (e) => {
-  const { ref: t, ...r } = e, [o, l] = le(r);
-  return /* @__PURE__ */ d($t, { asChild: !0, ...o, children: /* @__PURE__ */ d(Be, { ref: t, ...l }) });
-};
-re.displayName = "Select.Options";
-const ne = ({
-  ref: e,
-  ...t
-}) => /* @__PURE__ */ d(pt, { asChild: !0, ref: e, children: /* @__PURE__ */ d(Ie, { ...t }) });
-ne.displayName = "Select.Option";
-const se = (e) => {
-  const { ref: t, label: r, items: o, children: l, ...n } = e;
-  if (o && typeof l != "function")
-    throw new Error(
-      'SelectOptionGroup: When "items" is provided, "children" must be a function'
-    );
-  return /* @__PURE__ */ F(Ee, { ref: t, ...n, children: [
-    /* @__PURE__ */ d(mt, { asChild: !0, children: /* @__PURE__ */ d(Ze, { children: r }) }),
-    o ? /* @__PURE__ */ d(Oe, { items: o, children: (c) => typeof l == "function" ? l(c) : null }) : l
-  ] });
-};
-se.displayName = "Select.OptionGroup";
-const Yt = {
-  Root: ie,
-  Options: re,
-  Option: ne,
-  OptionGroup: se
-};
-export {
-  Yt as S,
-  ie as a,
-  re as b,
-  ne as c,
-  se as d
-};
-//# sourceMappingURL=select-DpHmAHrs.es.js.map