@midas-ds/components 1.1.0 → 1.3.0

package/index77.js

@@ -1,723 +0,0 @@
-import { jsx as v, jsxs as C } from "react/jsx-runtime";
-import { a as ne, $ as de } from "./Button-DL6nqUco.js";
-import { a as se, c as X, d as N, o as Y, e as Z, B as z, i as ee, b as ce, E as L } from "./useFocusRing-9PXyKy2A.js";
-import { d as fe, a as ue } from "./Dialog-D6Bqrpn-.js";
-import { a as pe } from "./Form-BWBjJC6v.js";
-import { a as be } from "./RSPContexts-BW2SEIqe.js";
-import { $ as me, a as $e, b as V, c as ge, d as ye } from "./Collection-KMFfVuzU.js";
-import { $ as M, a as ve, b as xe, c as De } from "./DragAndDrop-B0T3WgjL.js";
-import { $ as _ } from "./ListBox-DBBiqvcR.js";
-import { $ as he } from "./Text-BCF0xvqL.js";
-import * as H from "react";
-import c, { useState as Se, useMemo as te, forwardRef as re, useContext as E, useRef as P, useEffect as F, createContext as Pe } from "react";
-import { $ as we } from "./useListState-BfTeKTk5.js";
-import { $ as ke, a as J } from "./ListKeyboardDelegate-gCXy-Xnn.js";
-import { $ as Ie } from "./context-BpJLnOuu.js";
-import { $ as Ee, b as Ke, c as Te, a as He, T as Be } from "./Tag-DWt0koFj.js";
-import { $ as Ae } from "./useGridSelectionCheckbox-DYgEnElE.js";
-import { a as Re } from "./FocusScope-B7CkxXNC.js";
-import { $ as G } from "./VisuallyHidden-Dhr5caPC.js";
-import { I as Ce } from "./TextField-CX4eOQf6.js";
-import { C as Me } from "./Checkbox-q0dugR2t.js";
-import { C as Le } from "./chevron-down-Cd1bkzXT.js";
-import './MultiSelect.css';function Ve(n, a) {
-  let { key: l } = n;
-  const { checkboxProps: e } = Ae(n, a);
-  return {
-    checkboxProps: {
-      ...e,
-      "aria-labelledby": `${e.id} ${Ee(a, l)}`
-    }
-  };
-}
-function _e(n) {
-  let { initialItems: a = [], initialSelectedKeys: l, getKey: e = (f) => {
-    var d;
-    return (d = f.id) !== null && d !== void 0 ? d : f.key;
-  }, filter: o, initialFilterText: t = "" } = n, [r, i] = Se({
-    items: a,
-    selectedKeys: l === "all" ? "all" : new Set(l || []),
-    filterText: t
-  }), s = te(() => o ? r.items.filter((f) => o(f, r.filterText)) : r.items, [
-    r.items,
-    r.filterText,
-    o
-  ]);
-  return {
-    ...r,
-    items: s,
-    ...Fe({
-      getKey: e
-    }, i),
-    getItem(f) {
-      return r.items.find((d) => e(d) === f);
-    }
-  };
-}
-function Fe(n, a) {
-  let { cursor: l, getKey: e } = n;
-  return {
-    setSelectedKeys(o) {
-      a((t) => ({
-        ...t,
-        selectedKeys: o
-      }));
-    },
-    setFilterText(o) {
-      a((t) => ({
-        ...t,
-        filterText: o
-      }));
-    },
-    insert(o, ...t) {
-      a((r) => B(r, o, ...t));
-    },
-    insertBefore(o, ...t) {
-      a((r) => {
-        let i = r.items.findIndex((s) => (e == null ? void 0 : e(s)) === o);
-        if (i === -1)
-          if (r.items.length === 0) i = 0;
-          else return r;
-        return B(r, i, ...t);
-      });
-    },
-    insertAfter(o, ...t) {
-      a((r) => {
-        let i = r.items.findIndex((s) => (e == null ? void 0 : e(s)) === o);
-        if (i === -1)
-          if (r.items.length === 0) i = 0;
-          else return r;
-        return B(r, i + 1, ...t);
-      });
-    },
-    prepend(...o) {
-      a((t) => B(t, 0, ...o));
-    },
-    append(...o) {
-      a((t) => B(t, t.items.length, ...o));
-    },
-    remove(...o) {
-      a((t) => {
-        let r = new Set(o), i = t.items.filter((f) => !r.has(e(f))), s = "all";
-        if (t.selectedKeys !== "all") {
-          s = new Set(t.selectedKeys);
-          for (let f of o) s.delete(f);
-        }
-        return l == null && i.length === 0 && (s = /* @__PURE__ */ new Set()), {
-          ...t,
-          items: i,
-          selectedKeys: s
-        };
-      });
-    },
-    removeSelectedItems() {
-      a((o) => {
-        if (o.selectedKeys === "all") return {
-          ...o,
-          items: [],
-          selectedKeys: /* @__PURE__ */ new Set()
-        };
-        let t = o.selectedKeys, r = o.items.filter((i) => !t.has(e(i)));
-        return {
-          ...o,
-          items: r,
-          selectedKeys: /* @__PURE__ */ new Set()
-        };
-      });
-    },
-    move(o, t) {
-      a((r) => {
-        let i = r.items.findIndex((d) => e(d) === o);
-        if (i === -1) return r;
-        let s = r.items.slice(), [f] = s.splice(i, 1);
-        return s.splice(t, 0, f), {
-          ...r,
-          items: s
-        };
-      });
-    },
-    moveBefore(o, t) {
-      a((r) => {
-        let i = r.items.findIndex((d) => e(d) === o);
-        if (i === -1) return r;
-        let f = (Array.isArray(t) ? t : [
-          ...t
-        ]).map((d) => r.items.findIndex((m) => e(m) === d)).sort((d, m) => d - m);
-        return Q(r, f, i);
-      });
-    },
-    moveAfter(o, t) {
-      a((r) => {
-        let i = r.items.findIndex((d) => e(d) === o);
-        if (i === -1) return r;
-        let f = (Array.isArray(t) ? t : [
-          ...t
-        ]).map((d) => r.items.findIndex((m) => e(m) === d)).sort((d, m) => d - m);
-        return Q(r, f, i + 1);
-      });
-    },
-    update(o, t) {
-      a((r) => {
-        let i = r.items.findIndex((s) => e(s) === o);
-        return i === -1 ? r : {
-          ...r,
-          items: [
-            ...r.items.slice(0, i),
-            t,
-            ...r.items.slice(i + 1)
-          ]
-        };
-      });
-    }
-  };
-}
-function B(n, a, ...l) {
-  return {
-    ...n,
-    items: [
-      ...n.items.slice(0, a),
-      ...l,
-      ...n.items.slice(a)
-    ]
-  };
-}
-function Q(n, a, l) {
-  l -= a.filter((t) => t < l).length;
-  let e = a.map((t) => ({
-    from: t,
-    to: l++
-  }));
-  for (let t = 0; t < e.length; t++) {
-    let r = e[t].from;
-    for (let i = t; i < e.length; i++)
-      e[i].from > r && e[i].from--;
-  }
-  for (let t = 0; t < e.length; t++) {
-    let r = e[t];
-    for (let i = e.length - 1; i > t; i--) {
-      let s = e[i];
-      s.from < r.to ? r.to++ : s.from++;
-    }
-  }
-  let o = n.items.slice();
-  for (let t of e) {
-    let [r] = o.splice(t.from, 1);
-    o.splice(t.to, 0, r);
-  }
-  return {
-    ...n,
-    items: o
-  };
-}
-const Ne = /* @__PURE__ */ Pe(null), ze = /* @__PURE__ */ re(function(a, l) {
-  return [a, l] = se(a, l, Ne), /* @__PURE__ */ c.createElement(me, {
-    content: /* @__PURE__ */ c.createElement($e, a)
-  }, (e) => /* @__PURE__ */ c.createElement(Ge, {
-    props: a,
-    collection: e,
-    gridListRef: l
-  }));
-});
-function Ge({ props: n, collection: a, gridListRef: l }) {
-  let { dragAndDropHooks: e, keyboardNavigationBehavior: o = "arrow", layout: t = "stack" } = n, { CollectionRoot: r, isVirtualized: i, layoutDelegate: s, dropTargetDelegate: f } = E(V), d = we({
-    ...n,
-    collection: a,
-    children: void 0,
-    layoutDelegate: s
-  }), m = ke({
-    usage: "search",
-    sensitivity: "base"
-  }), { disabledBehavior: b, disabledKeys: g } = d.selectionManager, { direction: u } = Ie(), p = te(() => new J({
-    collection: a,
-    collator: m,
-    ref: l,
-    disabledKeys: g,
-    disabledBehavior: b,
-    layoutDelegate: s,
-    layout: t,
-    direction: u
-  }), [
-    a,
-    l,
-    t,
-    g,
-    b,
-    s,
-    m,
-    u
-  ]), { gridProps: R } = Ke({
-    ...n,
-    keyboardDelegate: p,
-    // Only tab navigation is supported in grid layout.
-    keyboardNavigationBehavior: t === "grid" ? "tab" : o,
-    isVirtualized: i
-  }, d, l), D = d.selectionManager, w = !!(e != null && e.useDraggableCollectionState), h = !!(e != null && e.useDroppableCollectionState), y = P(w), $ = P(h);
-  F(() => {
-    y.current !== w && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), $.current !== h && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
-  }, [
-    w,
-    h
-  ]);
-  let k, x, S, I = !1, K = null, W = P(null);
-  if (w && e) {
-    k = e.useDraggableCollectionState({
-      collection: a,
-      selectionManager: D,
-      preview: e.renderDragPreview ? W : void 0
-    }), e.useDraggableCollection({}, k, l);
-    let T = e.DragPreview;
-    K = e.renderDragPreview ? /* @__PURE__ */ c.createElement(T, {
-      ref: W
-    }, e.renderDragPreview) : null;
-  }
-  if (h && e) {
-    x = e.useDroppableCollectionState({
-      collection: a,
-      selectionManager: D
-    });
-    let T = new J({
-      collection: a,
-      disabledKeys: D.disabledKeys,
-      disabledBehavior: D.disabledBehavior,
-      ref: l
-    }), le = e.dropTargetDelegate || f || new e.ListDropTargetDelegate(a, l, {
-      layout: t,
-      direction: u
-    });
-    S = e.useDroppableCollection({
-      keyboardDelegate: T,
-      dropTargetDelegate: le
-    }, x, l), I = x.isDropTarget({
-      type: "root"
-    });
-  }
-  let { focusProps: oe, isFocused: j, isFocusVisible: O } = X(), U = {
-    isDropTarget: I,
-    isEmpty: d.collection.size === 0,
-    isFocused: j,
-    isFocusVisible: O,
-    layout: t,
-    state: d
-  }, ae = N({
-    className: n.className,
-    style: n.style,
-    defaultClassName: "react-aria-GridList",
-    values: U
-  }), q = null, ie = null;
-  if (d.collection.size === 0 && n.renderEmptyState) {
-    let T = n.renderEmptyState(U);
-    q = /* @__PURE__ */ c.createElement("div", {
-      role: "row",
-      style: {
-        display: "contents"
-      }
-    }, /* @__PURE__ */ c.createElement("div", {
-      role: "gridcell",
-      style: {
-        display: "contents"
-      }
-    }, T));
-  }
-  return /* @__PURE__ */ c.createElement(Re, null, /* @__PURE__ */ c.createElement("div", {
-    ...Y(n),
-    ...ae,
-    ...Z(R, oe, S == null ? void 0 : S.collectionProps, ie),
-    ref: l,
-    slot: n.slot || void 0,
-    onScroll: n.onScroll,
-    "data-drop-target": I || void 0,
-    "data-empty": d.collection.size === 0 || void 0,
-    "data-focused": j || void 0,
-    "data-focus-visible": O || void 0,
-    "data-layout": t
-  }, /* @__PURE__ */ c.createElement(z, {
-    values: [
-      [
-        _,
-        d
-      ],
-      [
-        M,
-        {
-          dragAndDropHooks: e,
-          dragState: k,
-          dropState: x
-        }
-      ],
-      [
-        ve,
-        {
-          render: je
-        }
-      ]
-    ]
-  }, h && /* @__PURE__ */ c.createElement(qe, null), /* @__PURE__ */ c.createElement(r, {
-    collection: a,
-    scrollRef: l,
-    persistedKeys: xe(D, e, x),
-    renderDropIndicator: De(e, x)
-  })), q, K));
-}
-const We = /* @__PURE__ */ ge("item", function(a, l, e) {
-  let o = E(_), { dragAndDropHooks: t, dragState: r, dropState: i } = E(M), s = ee(l), { isVirtualized: f } = E(V), { rowProps: d, gridCellProps: m, descriptionProps: b, ...g } = Te({
-    node: e,
-    shouldSelectOnPressUp: !!r,
-    isVirtualized: f
-  }, o, s), { hoverProps: u, isHovered: p } = ce({
-    isDisabled: !g.allowsSelection && !g.hasAction,
-    onHoverStart: e.props.onHoverStart,
-    onHoverChange: e.props.onHoverChange,
-    onHoverEnd: e.props.onHoverEnd
-  }), { isFocusVisible: R, focusProps: D } = X(), { checkboxProps: w } = Ve({
-    key: e.key
-  }, o), h = o.selectionManager.disabledBehavior === "all" && g.isDisabled ? {
-    isDisabled: !0
-  } : {}, y = null;
-  r && t && (y = t.useDraggableItem({
-    key: e.key,
-    hasDragButton: !0
-  }, r));
-  let $ = null, k = P(null), { visuallyHiddenProps: x } = G();
-  i && t && ($ = t.useDropIndicator({
-    target: {
-      type: "item",
-      key: e.key,
-      dropPosition: "on"
-    }
-  }, i, k));
-  let S = r && r.isDragging(e.key), I = N({
-    ...a,
-    id: void 0,
-    children: e.rendered,
-    defaultClassName: "react-aria-GridListItem",
-    values: {
-      ...g,
-      isHovered: p,
-      isFocusVisible: R,
-      selectionMode: o.selectionManager.selectionMode,
-      selectionBehavior: o.selectionManager.selectionBehavior,
-      allowsDragging: !!r,
-      isDragging: S,
-      isDropTarget: $ == null ? void 0 : $.isDropTarget
-    }
-  }), K = P(null);
-  return F(() => {
-    r && !K.current && console.warn('Draggable items in a GridList must contain a <Button slot="drag"> element so that keyboard and screen reader users can drag them.');
-  }, []), F(() => {
-    e.textValue || console.warn("A `textValue` prop is required for <GridListItem> elements with non-plain text children in order to support accessibility features such as type to select.");
-  }, [
-    e.textValue
-  ]), /* @__PURE__ */ c.createElement(c.Fragment, null, $ && !$.isHidden && /* @__PURE__ */ c.createElement("div", {
-    role: "row",
-    style: {
-      position: "absolute"
-    }
-  }, /* @__PURE__ */ c.createElement("div", {
-    role: "gridcell"
-  }, /* @__PURE__ */ c.createElement("div", {
-    role: "button",
-    ...x,
-    ...$ == null ? void 0 : $.dropIndicatorProps,
-    ref: k
-  }))), /* @__PURE__ */ c.createElement("div", {
-    ...Z(Y(a), d, D, u, y == null ? void 0 : y.dragProps),
-    ...I,
-    ref: s,
-    "data-selected": g.isSelected || void 0,
-    "data-disabled": g.isDisabled || void 0,
-    "data-hovered": p || void 0,
-    "data-focused": g.isFocused || void 0,
-    "data-focus-visible": R || void 0,
-    "data-pressed": g.isPressed || void 0,
-    "data-allows-dragging": !!r || void 0,
-    "data-dragging": S || void 0,
-    "data-drop-target": ($ == null ? void 0 : $.isDropTarget) || void 0,
-    "data-selection-mode": o.selectionManager.selectionMode === "none" ? void 0 : o.selectionManager.selectionMode
-  }, /* @__PURE__ */ c.createElement("div", {
-    ...m,
-    style: {
-      display: "contents"
-    }
-  }, /* @__PURE__ */ c.createElement(z, {
-    values: [
-      [
-        be,
-        {
-          slots: {
-            [L]: {},
-            selection: w
-          }
-        }
-      ],
-      [
-        ne,
-        {
-          slots: {
-            [L]: h,
-            drag: {
-              ...y == null ? void 0 : y.dragButtonProps,
-              ref: K,
-              style: {
-                pointerEvents: "none"
-              }
-            }
-          }
-        }
-      ],
-      [
-        he,
-        {
-          slots: {
-            [L]: {},
-            description: b
-          }
-        }
-      ],
-      [
-        V,
-        ye
-      ],
-      [
-        _,
-        null
-      ]
-    ]
-  }, I.children))));
-});
-function je(n, a) {
-  a = ee(a);
-  let { dragAndDropHooks: l, dropState: e } = E(M), o = P(null), { dropIndicatorProps: t, isHidden: r, isDropTarget: i } = l.useDropIndicator(n, e, o);
-  return r ? null : /* @__PURE__ */ c.createElement(Ue, {
-    ...n,
-    dropIndicatorProps: t,
-    isDropTarget: i,
-    buttonRef: o,
-    ref: a
-  });
-}
-function Oe(n, a) {
-  let { dropIndicatorProps: l, isDropTarget: e, buttonRef: o, ...t } = n, { visuallyHiddenProps: r } = G(), i = N({
-    ...t,
-    defaultClassName: "react-aria-DropIndicator",
-    values: {
-      isDropTarget: e
-    }
-  });
-  return /* @__PURE__ */ c.createElement("div", {
-    ...i,
-    role: "row",
-    ref: a,
-    "data-drop-target": e || void 0
-  }, /* @__PURE__ */ c.createElement("div", {
-    role: "gridcell"
-  }, /* @__PURE__ */ c.createElement("div", {
-    ...r,
-    role: "button",
-    ...l,
-    ref: o
-  }), i.children));
-}
-const Ue = /* @__PURE__ */ re(Oe);
-function qe() {
-  let { dragAndDropHooks: n, dropState: a } = E(M), l = P(null), { dropIndicatorProps: e } = n.useDropIndicator({
-    target: {
-      type: "root"
-    }
-  }, a, l), o = a.isDropTarget({
-    type: "root"
-  }), { visuallyHiddenProps: t } = G();
-  return !o && e["aria-hidden"] ? null : /* @__PURE__ */ c.createElement("div", {
-    role: "row",
-    "aria-hidden": e["aria-hidden"],
-    style: {
-      position: "absolute"
-    }
-  }, /* @__PURE__ */ c.createElement("div", {
-    role: "gridcell"
-  }, /* @__PURE__ */ c.createElement("div", {
-    role: "button",
-    ...t,
-    ...e,
-    ref: l
-  })));
-}
-const Je = '"../theme/tokens.css"', Qe = '"Inter", sans-serif', Xe = "#000000", Ye = "#b31b1b", Ze = "(max-width: 767px)", et = "#bfbfbf", tt = "#e6e6e6", rt = "#f2f2f2", ot = "_button_1eb3v_4", at = "_icon_1eb3v_19", it = "_multiSelect_1eb3v_44", lt = "_popover_1eb3v_60", nt = "_listBoxItem_1eb3v_73", A = {
-  tokens: Je,
-  display: Qe,
-  black: Xe,
-  signalRed130: Ye,
-  smBreakpoint: Ze,
-  gray50: et,
-  gray20: tt,
-  backgroundSecondary: rt,
-  button: ot,
-  icon: at,
-  multiSelect: it,
-  popover: lt,
-  listBoxItem: nt
-}, Kt = ({
-  label: n,
-  description: a,
-  items: l,
-  onSelectionChange: e,
-  selectedKeys: o,
-  defaultSelectedKeys: t,
-  isDisabled: r,
-  isInvalid: i,
-  errorMessage: s
-}) => {
-  const f = H.useRef(null), [d, m] = H.useState(
-    void 0
-  ), b = _e({
-    initialItems: l,
-    initialSelectedKeys: t
-  });
-  H.useEffect(() => {
-    const u = () => {
-      f.current && m(f.current.offsetWidth - 2);
-    };
-    return u(), window.addEventListener("resize", u), () => {
-      window.removeEventListener("resize", u);
-    };
-  }, []), H.useEffect(() => {
-    e && e(new Set(b.selectedKeys));
-  }, [b.selectedKeys, e]), H.useEffect(() => {
-    o && b.setSelectedKeys(new Set(o));
-  }, [o]);
-  const g = b.selectedKeys === "all" ? new Set(
-    b.items.map((u) => u.id)
-  ) : b.selectedKeys;
-  return /* @__PURE__ */ v(
-    "div",
-    {
-      className: A.multiSelect,
-      "data-disabled": r,
-      "data-invalid": i,
-      children: /* @__PURE__ */ C(
-        z,
-        {
-          values: [
-            [
-              // we should maybe add more here
-              // [LabelContext, {...labelProps, ref: labelRef}],
-              // [InputContext, {...inputProps, ref: inputOrTextAreaRef}],
-              // [TextAreaContext, {...inputProps, ref: inputOrTextAreaRef}],
-              // [TextContext, {
-              //   slots: {
-              //     description: descriptionProps,
-              //     errorMessage: errorMessageProps
-              //   }
-              // }],
-              pe,
-              {
-                isInvalid: i || !1,
-                validationErrors: [],
-                validationDetails: {
-                  customError: i || !1,
-                  badInput: !1,
-                  patternMismatch: !1,
-                  rangeOverflow: !1,
-                  rangeUnderflow: !1,
-                  stepMismatch: !1,
-                  tooLong: !1,
-                  tooShort: !1,
-                  typeMismatch: !1,
-                  valid: !1,
-                  valueMissing: !1
-                }
-              }
-            ]
-          ],
-          children: [
-            /* @__PURE__ */ v(
-              Ce,
-              {
-                label: n,
-                description: a,
-                errorMessage: s,
-                children: /* @__PURE__ */ C(fe, { children: [
-                  /* @__PURE__ */ C(
-                    de,
-                    {
-                      className: A.button,
-                      ref: f,
-                      isDisabled: r,
-                      children: [
-                        "Välj",
-                        /* @__PURE__ */ v(
-                          "div",
-                          {
-                            className: A.icon,
-                            "aria-hidden": "true",
-                            children: /* @__PURE__ */ v(Le, { size: 20 })
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ v(
-                    ue,
-                    {
-                      className: A.popover,
-                      style: { width: d },
-                      offset: 0,
-                      UNSTABLE_portalContainer: f.current || void 0,
-                      children: /* @__PURE__ */ v(
-                        ze,
-                        {
-                          "aria-label": n,
-                          selectionMode: "multiple",
-                          selectedKeys: b.selectedKeys,
-                          onSelectionChange: b.setSelectedKeys,
-                          children: b.items.map((u) => /* @__PURE__ */ C(
-                            We,
-                            {
-                              id: u.id,
-                              textValue: u.name,
-                              className: A.listBoxItem,
-                              children: [
-                                /* @__PURE__ */ v(Me, { slot: "selection" }),
-                                u.name
-                              ]
-                            },
-                            u.id
-                          ))
-                        }
-                      )
-                    }
-                  )
-                ] })
-              }
-            ),
-            /* @__PURE__ */ v(
-              He,
-              {
-                "aria-label": "Valda",
-                onRemove: (u) => {
-                  b.setSelectedKeys(new Set(Array.from(b.selectedKeys).filter((p) => !u.has(p))));
-                },
-                children: Array.from(g).map((u) => {
-                  const p = b.getItem(u);
-                  return /* @__PURE__ */ v(
-                    Be,
-                    {
-                      id: p == null ? void 0 : p.id,
-                      textValue: p == null ? void 0 : p.name,
-                      isDisabled: r,
-                      dismissable: !0,
-                      children: p == null ? void 0 : p.name
-                    },
-                    p == null ? void 0 : p.id
-                  );
-                })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  Kt as MultiSelect
-};