@midas-ds/components 14.0.0 → 15.0.0

package/Select-Dc6y8gPR.js

@@ -1,654 +0,0 @@
-import { jsx as o, jsxs as g, Fragment as F } from "react/jsx-runtime";
-import * as V from "react";
-import x, { useMemo as D, useState as E, useCallback as L, useEffect as O, useRef as z } from "react";
-import { c as P } from "./clsx-jbLnTBqA.js";
-import { b as j } from "./utils-BMBoiyL7.js";
-import { a as R, $ as G, T as W } from "./Tag-D2vh0KRD.js";
-import { $ as H } from "./TextField-5AI6T1ol.js";
-import { c as U } from "./Collection-j_iWeuZo.js";
-import { C as k } from "./Checkbox-Cr3MmHPE.js";
-import { L as q, c as X, a as J, b as Q } from "./ListBoxSection-dksiACMZ.js";
-import { C as Y } from "./check-B5h1DvDs.js";
-import { g as Z } from "./useHover-zCCNtF6g.js";
-import { p as ee, q as te } from "./Dialog-DOyFzvUa.js";
-import { $ as le, c as ae } from "./ListKeyboardDelegate-Dyu4eFtP.js";
-import { g as oe } from "./SelectionManager-D-4ThfPZ.js";
-import { a as w, c as ne, e as re } from "./mergeProps-Ct8m5-xW.js";
-import { $ as ie } from "./filterDOMProps-wsa9OcNI.js";
-import { $ as ce } from "./useField-sSWPm-He.js";
-import { $ as se, a as de, b as ue } from "./useFormValidation-DdIIVZ5j.js";
-import { $ as fe } from "./useListState-D2yPZrFZ.js";
-import { u as me } from "./useObserveElement-BdI4zgd7.js";
-import { a as be } from "./VisuallyHidden-D2ZXHTJs.js";
-import { a as pe, L as he } from "./Label-CV9p0K2n.js";
-import { T as ge } from "./Text-BQe1I4-r.js";
-import { X as ye } from "./x-C2xUHAEl.js";
-import { u as B } from "./useLocalizedStringFormatter-aOhh7wdl.js";
-import { $ as $e } from "./useButton-A-VOfwuT.js";
-import { C as ve } from "./chevron-down-DmZMdOiC.js";
-import { $ as xe, F as Se } from "./FieldError-C4kD4yJZ.js";
-import './assets/Select.css';function I(e) {
-  return null;
-}
-I.getCollectionNode = function* (t, n) {
-  let { childItems: i, title: a, children: r } = t, l = t.title || t.children, s = t.textValue || (typeof l == "string" ? l : "") || t["aria-label"] || "";
-  !s && !(n != null && n.suppressTextValueWarning) && process.env.NODE_ENV !== "production" && 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: t,
-    rendered: l,
-    textValue: s,
-    "aria-label": t["aria-label"],
-    hasChildNodes: Ce(t),
-    *childNodes() {
-      if (i) for (let c of i) yield {
-        type: "item",
-        value: c
-      };
-      else if (a) {
-        let c = [];
-        x.Children.forEach(r, (u) => {
-          c.push({
-            type: "item",
-            element: u
-          });
-        }), yield* c;
-      }
-    }
-  };
-};
-function Ce(e) {
-  return e.hasChildItems != null ? e.hasChildItems : !!(e.childItems || e.title && x.Children.count(e.children) > 0);
-}
-let _ = I;
-function N(e) {
-  return null;
-}
-N.getCollectionNode = function* (t) {
-  let { children: n, title: i, items: a } = t;
-  yield {
-    type: "section",
-    props: t,
-    hasChildNodes: !0,
-    rendered: i,
-    "aria-label": t["aria-label"],
-    *childNodes() {
-      if (typeof n == "function") {
-        if (!a) throw new Error("props.children was a function but props.items is missing");
-        for (let r of a) yield {
-          type: "item",
-          value: r,
-          renderer: n
-        };
-      } else {
-        let r = [];
-        x.Children.forEach(n, (l) => {
-          r.push({
-            type: "item",
-            element: l
-          });
-        }), yield* r;
-      }
-    }
-  };
-};
-let we = N;
-const _e = "_wrapper_1rw0v_7", Ke = "_trigger_1rw0v_18", Ve = "_medium_1rw0v_32", Pe = "_icon_1rw0v_68", ke = "_tagGroup_1rw0v_74", Be = "_listBoxItemCheckmark_1rw0v_90", Ie = "_triggerContainer_1rw0v_95", Ne = "_selectValueTag_1rw0v_101", Ae = "_clearButton_1rw0v_117", Me = "_truncate_1rw0v_129", Te = "_checkboxContainer_1rw0v_166", Fe = "_selectAll_1rw0v_172", b = {
-  wrapper: _e,
-  trigger: Ke,
-  medium: Ve,
-  icon: Pe,
-  tagGroup: ke,
-  listBoxItemCheckmark: Be,
-  triggerContainer: Ie,
-  selectValueTag: Ne,
-  clearButton: Ae,
-  truncate: Me,
-  checkboxContainer: Te,
-  selectAll: Fe
-}, A = ({ item: e }) => /* @__PURE__ */ o(
-  J,
-  {
-    ...e.value,
-    textValue: e.textValue,
-    "aria-label": e.textValue,
-    children: ({ isDisabled: t, isSelected: n, selectionMode: i }) => /* @__PURE__ */ g(F, { children: [
-      i === "multiple" ? /* @__PURE__ */ o(
-        "div",
-        {
-          className: b.checkboxContainer,
-          "aria-hidden": !0,
-          children: /* @__PURE__ */ o(
-            k,
-            {
-              isDisabled: t,
-              isSelected: n,
-              isReadOnly: !0,
-              excludeFromTabOrder: !0,
-              "aria-label": e.textValue
-            }
-          )
-        }
-      ) : null,
-      e.rendered,
-      n && i === "single" ? /* @__PURE__ */ o(
-        Y,
-        {
-          size: 20,
-          className: b.listBoxItemCheckmark
-        }
-      ) : null
-    ] })
-  }
-), De = ({ section: e, state: t }) => /* @__PURE__ */ o(X, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ o(U, { items: t.collection.getChildren(e.key), children: (n) => /* @__PURE__ */ o(A, { item: n }) }) : null }), Ee = ({
-  state: e,
-  ...t
-}) => /* @__PURE__ */ o(
-  q,
-  {
-    ...t,
-    ...e,
-    escapeKeyBehavior: "none",
-    onSelectionChange: e.setSelectedKeys,
-    items: e.collection,
-    children: (n) => n.type === "section" ? /* @__PURE__ */ o(
-      De,
-      {
-        state: e,
-        section: n
-      }
-    ) : /* @__PURE__ */ o(A, { item: n })
-  }
-);
-function Le(e, t, n) {
-  const { disallowEmptySelection: i, isDisabled: a } = e, r = le({ usage: "search", sensitivity: "base" }), l = D(
-    () => new ae(
-      t.collection,
-      t.disabledKeys,
-      null,
-      r
-    ),
-    [t.collection, t.disabledKeys, r]
-  ), { menuTriggerProps: s, menuProps: c } = ee(
-    {
-      isDisabled: a,
-      type: "listbox"
-    },
-    t,
-    n
-  ), u = (f) => {
-    const { selectedKeys: v, selectionMode: T } = t, C = v.values().next().value;
-    if (T === "single")
-      switch (f.key) {
-        case "ArrowLeft": {
-          f.preventDefault();
-          const $ = v.size > 0 ? l.getKeyAbove(C) : l.getFirstKey();
-          $ && t.setSelectedKeys([$]);
-          break;
-        }
-        case "ArrowRight": {
-          f.preventDefault();
-          const $ = v.size > 0 ? l.getKeyBelow(C) : l.getFirstKey();
-          $ && t.setSelectedKeys([$]);
-          break;
-        }
-      }
-  }, { typeSelectProps: d } = oe({
-    keyboardDelegate: l,
-    selectionManager: t.selectionManager,
-    onTypeSelect(f) {
-      t.setSelectedKeys([f]);
-    }
-  }), { labelProps: y, fieldProps: p } = ce({
-    ...e,
-    labelElementType: "span"
-  });
-  d.onKeyDown = d.onKeyDownCapture, delete d.onKeyDownCapture;
-  const m = ie(e, { labelable: !0 }), h = w(d, s, p), S = ne();
-  return {
-    labelProps: {
-      ...y,
-      onClick: () => {
-        var f;
-        e.isDisabled || ((f = n.current) == null || f.focus(), Z("keyboard"));
-      }
-    },
-    triggerProps: w(m, {
-      ...h,
-      onKeyDown: re(
-        h.onKeyDown,
-        u,
-        e.onKeyDown
-      ),
-      onKeyUp: e.onKeyUp,
-      "aria-labelledby": [
-        h["aria-labelledby"],
-        h["aria-label"] && !h["aria-labelledby"] ? h.id : null,
-        S
-      ].filter(Boolean).join(" "),
-      onFocus(f) {
-        t.isFocused || (e.onFocus && e.onFocus(f), t.setFocused(!0));
-      },
-      onBlur(f) {
-        t.isOpen || (e.onBlur && e.onBlur(f), t.setFocused(!1));
-      }
-    }),
-    valueProps: {
-      id: S
-    },
-    menuProps: {
-      ...c,
-      disallowEmptySelection: i,
-      autoFocus: t.focusStrategy || !0,
-      shouldSelectOnPressUp: !0,
-      shouldFocusOnHover: !0,
-      onBlur: (f) => {
-        f.currentTarget.contains(f.relatedTarget) || (e.onBlur && e.onBlur(f), t.setFocused(!1));
-      },
-      "aria-labelledby": [
-        p["aria-labelledby"],
-        h["aria-label"] && !p["aria-labelledby"] ? h.id : null
-      ].filter(Boolean).join(" ")
-    }
-  };
-}
-function Oe(e) {
-  const {
-    collection: t,
-    disabledKeys: n,
-    selectionManager: i,
-    selectionManager: { setSelectedKeys: a, selectedKeys: r, selectionMode: l }
-  } = fe(e), s = [], c = r.size !== 0 ? Array.from(r).map((u) => {
-    const d = t.getItem(u);
-    return d || s.push(u), d;
-  }).filter(Boolean) : null;
-  return s.length && console.warn(
-    `Select: Keys "${s.join(
-      ", "
-    )}" passed to "selectedKeys" are not present in the collection.`
-  ), {
-    collection: t,
-    disabledKeys: n,
-    selectionManager: i,
-    selectionMode: l,
-    selectedKeys: r,
-    setSelectedKeys: a.bind(i),
-    selectedItems: c
-  };
-}
-function ze(e) {
-  const [t, n] = E(!1), i = te(e), a = e.selectionMode === "single", r = Oe({
-    ...e,
-    onSelectionChange: (d) => {
-      e.onSelectionChange && e.onSelectionChange(d), a && i.close();
-    }
-  }), l = se({
-    ...e,
-    validationBehavior: "native",
-    value: r.selectedKeys
-  }), s = r.collection.size === 0, c = !!r.selectedKeys.size, u = L(() => {
-    l.resetValidation(), l.commitValidation();
-  }, [l]);
-  return O(() => {
-    a && c && u();
-  }, [c, a, u]), {
-    ...r,
-    ...i,
-    close() {
-      i.close(), c && u();
-    },
-    open() {
-      s || i.open();
-    },
-    toggle(d) {
-      s || i.toggle(d);
-    },
-    isFocused: t,
-    setFocused: n,
-    ...l
-  };
-}
-function je({
-  autoComplete: e,
-  name: t,
-  isDisabled: n,
-  isRequired: i,
-  selectRef: a
-}, r, l) {
-  const { visuallyHiddenProps: s } = be();
-  return de(a, r.selectedKeys, r.setSelectedKeys), ue(
-    {
-      validationBehavior: "native",
-      focus: () => {
-        var c;
-        return (c = l.current) == null ? void 0 : c.focus();
-      }
-    },
-    r,
-    a
-  ), {
-    containerProps: {
-      ...s,
-      "aria-hidden": !0,
-      // @ts-expect-error - data-a11y-ignore is not a standard attribute
-      "data-react-aria-prevent-focus": !0,
-      "data-a11y-ignore": "aria-hidden-focus"
-    },
-    inputProps: {
-      style: { display: "none" }
-    },
-    selectProps: {
-      tabIndex: -1,
-      autoComplete: e,
-      disabled: n,
-      required: i,
-      name: t,
-      value: Array.from(r.selectedKeys).map((c) => c.toString()),
-      onChange: (c) => r.setSelectedKeys(c.target.value),
-      multiple: !0
-    }
-  };
-}
-function Re(e) {
-  const { state: t, triggerRef: n, name: i, isDisabled: a } = e, r = `${e.label}-hidden`, l = z(null), { containerProps: s, selectProps: c } = je(
-    { ...e, selectRef: l },
-    t,
-    n
-  );
-  return t.collection.size <= 300 ? /* @__PURE__ */ o(
-    "div",
-    {
-      ...s,
-      "data-testid": "hidden-select-container",
-      children: /* @__PURE__ */ g("label", { children: [
-        r,
-        /* @__PURE__ */ g(
-          "select",
-          {
-            ...c,
-            ref: l,
-            children: [
-              /* @__PURE__ */ o("option", {}),
-              [...t.collection.getKeys()].map((u) => {
-                const d = t.collection.getItem(u);
-                return d && d.type === "item" ? /* @__PURE__ */ o(
-                  "option",
-                  {
-                    value: d.key,
-                    children: d.textValue
-                  },
-                  d.key
-                ) : null;
-              })
-            ]
-          }
-        )
-      ] })
-    }
-  ) : i ? /* @__PURE__ */ o(
-    "input",
-    {
-      type: "hidden",
-      autoComplete: c.autoComplete,
-      name: i,
-      disabled: a,
-      value: Array.from(t.selectedKeys).map((u) => u.toString()) ?? [""]
-    }
-  ) : null;
-}
-const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", chosen: "chosen" }, We = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", chosen: "valda" }, M = {
-  en: Ge,
-  sv: We
-}, He = ({
-  state: { selectedItems: e },
-  isDisabled: t,
-  parentWidth: n,
-  onClear: i,
-  triggerRef: a,
-  isClearable: r
-}) => {
-  const l = B(M);
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      className: b.selectValueTag,
-      "data-disabled": t || void 0,
-      children: [
-        /* @__PURE__ */ o(
-          "span",
-          {
-            className: b.truncate,
-            style: { maxWidth: n - 92 },
-            children: e != null && e.length && e.length > 1 ? `${e.length} ${l.format("chosen")}` : e == null ? void 0 : e[0].textValue
-          }
-        ),
-        r && /* @__PURE__ */ o(
-          "button",
-          {
-            disabled: t,
-            "aria-label": l.format("clearAll"),
-            className: b.clearButton,
-            onClick: () => {
-              var s;
-              i(), (s = a == null ? void 0 : a.current) == null || s.focus();
-            },
-            children: /* @__PURE__ */ o(
-              ye,
-              {
-                width: 20,
-                height: 20
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}, Ue = ({
-  autoFocus: e,
-  excludeFromTabOrder: t,
-  isDisabled: n,
-  size: i = "large",
-  isOpen: a,
-  isInvalid: r,
-  selectionMode: l,
-  state: { selectedItems: s },
-  placeholder: c,
-  children: u,
-  triggerRef: d,
-  ...y
-}) => {
-  const { buttonProps: p } = $e(
-    { autoFocus: e, excludeFromTabOrder: t, isDisabled: n, ...y },
-    d
-  ), m = l === "multiple";
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      className: b.triggerContainer,
-      "data-disabled": n || void 0,
-      children: [
-        /* @__PURE__ */ g(
-          "button",
-          {
-            ...p,
-            autoFocus: e,
-            className: P(b.trigger, {
-              [b.medium]: i === "medium"
-            }),
-            "data-disabled": n || void 0,
-            "data-invalid": r || void 0,
-            "data-open": a || void 0,
-            ref: d,
-            type: "button",
-            children: [
-              m && !s ? /* @__PURE__ */ o("span", { children: c }) : null,
-              m ? null : /* @__PURE__ */ o("span", { children: s ? s[0].textValue : c }),
-              /* @__PURE__ */ o(
-                "div",
-                {
-                  className: b.icon,
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ o(ve, { size: 20 })
-                }
-              )
-            ]
-          }
-        ),
-        u
-      ]
-    }
-  );
-}, K = ({
-  state: e,
-  errorMessage: t
-}) => /* @__PURE__ */ o(xe.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ o(Se, { children: t }) }), qe = V.forwardRef(
-  ({ isClearable: e = !0, popover: t, ...n }, i) => {
-    const a = {
-      selectionMode: "single",
-      errorPosition: "top",
-      disallowEmptySelection: !e,
-      isClearable: e,
-      size: "large",
-      popover: t,
-      ...n
-    }, r = j(i), l = ze(a), s = B(M), { labelProps: c, triggerProps: u, valueProps: d, menuProps: y } = Le(
-      a,
-      l,
-      r
-    ), { width: p } = me(r.current, {
-      includePadding: !0
-    });
-    return /* @__PURE__ */ g(
-      H,
-      {
-        ...a,
-        className: P(b.wrapper, a.className),
-        children: [
-          /* @__PURE__ */ o(
-            Re,
-            {
-              ...a,
-              state: l,
-              triggerRef: r
-            }
-          ),
-          /* @__PURE__ */ o(pe, { popover: t, children: a.label && /* @__PURE__ */ o(
-            he,
-            {
-              ...c,
-              "data-disabled": a.isDisabled || void 0,
-              children: a.label
-            }
-          ) }),
-          a.description && /* @__PURE__ */ o(ge, { slot: "description", children: a.description }),
-          a.errorPosition === "top" && /* @__PURE__ */ o(
-            K,
-            {
-              ...a,
-              state: l
-            }
-          ),
-          /* @__PURE__ */ o(
-            Ue,
-            {
-              ...a,
-              ...u,
-              isInvalid: l.displayValidation.isInvalid,
-              triggerRef: r,
-              state: l,
-              children: a.selectionMode === "multiple" && l.selectedItems ? /* @__PURE__ */ o("span", { ...d, children: /* @__PURE__ */ o(
-                He,
-                {
-                  ...a,
-                  state: l,
-                  parentWidth: p,
-                  onClear: () => l.selectionManager.clearSelection(),
-                  triggerRef: r
-                }
-              ) }) : null
-            }
-          ),
-          a.errorPosition === "bottom" && /* @__PURE__ */ o(
-            K,
-            {
-              ...a,
-              state: l
-            }
-          ),
-          /* @__PURE__ */ g(
-            Q,
-            {
-              isOpen: l.isOpen,
-              onOpenChange: (m) => {
-                m || l.close();
-              },
-              triggerRef: r,
-              style: { width: p },
-              children: [
-                a.isSelectableAll && /* @__PURE__ */ o(
-                  k,
-                  {
-                    isSelected: l.selectionManager.isSelectAll,
-                    isIndeterminate: !l.selectionManager.isSelectAll && !l.selectionManager.isEmpty,
-                    className: b.selectAll,
-                    onChange: () => l.selectionManager.toggleSelectAll(),
-                    children: s.format("selectAll")
-                  }
-                ),
-                /* @__PURE__ */ o(
-                  Ee,
-                  {
-                    ...y,
-                    state: l
-                  }
-                )
-              ]
-            }
-          ),
-          a.showTags && !!l.selectedItems && /* @__PURE__ */ o(
-            R,
-            {
-              "aria-label": s.format("selectedItems"),
-              selectionBehavior: "toggle",
-              onRemove: (m) => l.selectionManager.toggleSelection(Array.from(m)[0]),
-              className: b.tagGroup,
-              children: /* @__PURE__ */ o(G, { items: l.selectedItems, children: (m) => /* @__PURE__ */ o(
-                W,
-                {
-                  textValue: m.textValue,
-                  id: m.key,
-                  dismissable: !0,
-                  isDisabled: a.isDisabled,
-                  children: m.textValue
-                },
-                m.key
-              ) })
-            }
-          )
-        ]
-      }
-    );
-  }
-), Xe = V.forwardRef(
-  ({ options: e, ...t }, n) => /* @__PURE__ */ o(
-    qe,
-    {
-      ...t,
-      items: e,
-      ref: n,
-      children: (i) => i.children ? /* @__PURE__ */ o(
-        we,
-        {
-          items: i.children,
-          title: i.name,
-          children: (a) => /* @__PURE__ */ o(_, { textValue: a.textValue, children: a.name })
-        },
-        i.name
-      ) : /* @__PURE__ */ o(_, { textValue: i.textValue, children: i.name })
-    }
-  )
-);
-Xe.displayName = "Select";
-export {
-  Xe as S
-};