@midas-ds/components 15.1.3 → 15.2.2

package/Select-zDwMkzOI.js

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