@midas-ds/components 12.0.0 → 12.1.0

package/ListBox-LncMQt6I.js

@@ -0,0 +1,523 @@
+import { $ as J, a as ue, b as fe, c as pe, d as be, e as $e, f as ge, g as K, h as ve } from "./Collection-B0_WAieZ.js";
+import { $ as Q, b as X, a as V, f as Y, g as me, d as he } from "./utils-Cpcjg55U.js";
+import { $ as N, a as xe, b as Pe, c as Z, d as De } from "./DragAndDrop-PrUJv--B.js";
+import { $ as ye, a as Se, b as ke, c as Ee } from "./Separator-CM0KPvsX.js";
+import { b as Me, $ as Fe, c as we } from "./ListKeyboardDelegate-CVxkAn5D.js";
+import { $ as Be } from "./Text-Be7WIOwv.js";
+import { c as ee, a as E, b as j, e as He } from "./mergeProps-BSsN7Bgk.js";
+import { $ as H } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as Ie } from "./inertValue-B7loUihk.js";
+import n, { forwardRef as oe, createContext as te, useContext as x, useEffect as ae, useRef as T, useMemo as re } from "react";
+import { d as Ve } from "./usePress-DMUpU0GU.js";
+import { h as Le, i as Oe, $ as le, a as G } from "./useHover-D6bNIkU0.js";
+import { d as _e } from "./SelectionManager-Bq-Gw1UT.js";
+import { $ as Ae } from "./useFocusWithin-ClMkhYcq.js";
+import { a as Ce } from "./Button-DD5_S-tD.js";
+import { a as Te, $ as Ne } from "./useListState-pixYqSLl.js";
+import { $ as Ue } from "./context-CGNJ3grH.js";
+import { $ as ze } from "./useFocusRing-DMo8ctYV.js";
+import { a as Ke } from "./FocusScope-Bj40Ir-g.js";
+const R = /* @__PURE__ */ new WeakMap();
+function Re(t) {
+  return typeof t == "string" ? t.replace(/\s*/g, "") : "" + t;
+}
+function We(t, e) {
+  let r = R.get(t);
+  if (!r) throw new Error("Unknown list");
+  return `${r.id}-option-${Re(e)}`;
+}
+function qe(t, e, r) {
+  let o = H(t, {
+    labelable: !0
+  }), l = t.selectionBehavior || "toggle", i = t.linkBehavior || (l === "replace" ? "action" : "override");
+  l === "toggle" && i === "action" && (i = "override");
+  let { listProps: a } = ye({
+    ...t,
+    ref: r,
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    linkBehavior: i
+  }), { focusWithinProps: d } = Ae({
+    onFocusWithin: t.onFocus,
+    onBlurWithin: t.onBlur,
+    onFocusWithinChange: t.onFocusChange
+  }), s = ee(t.id);
+  R.set(e, {
+    id: s,
+    shouldUseVirtualFocus: t.shouldUseVirtualFocus,
+    shouldSelectOnPressUp: t.shouldSelectOnPressUp,
+    shouldFocusOnHover: t.shouldFocusOnHover,
+    isVirtualized: t.isVirtualized,
+    onAction: t.onAction,
+    linkBehavior: i
+  });
+  let { labelProps: f, fieldProps: c } = Ce({
+    ...t,
+    id: s,
+    // listbox is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
+  });
+  return {
+    labelProps: f,
+    listBoxProps: E(o, d, e.selectionManager.selectionMode === "multiple" ? {
+      "aria-multiselectable": "true"
+    } : {}, {
+      role: "listbox",
+      ...E(c, a)
+    })
+  };
+}
+function je(t, e, r) {
+  var o, l;
+  let { key: i } = t, a = R.get(e);
+  var d;
+  let s = (d = t.isDisabled) !== null && d !== void 0 ? d : e.selectionManager.isDisabled(i);
+  var f;
+  let c = (f = t.isSelected) !== null && f !== void 0 ? f : e.selectionManager.isSelected(i);
+  var b;
+  let u = (b = t.shouldSelectOnPressUp) !== null && b !== void 0 ? b : a == null ? void 0 : a.shouldSelectOnPressUp;
+  var m;
+  let g = (m = t.shouldFocusOnHover) !== null && m !== void 0 ? m : a == null ? void 0 : a.shouldFocusOnHover;
+  var v;
+  let $ = (v = t.shouldUseVirtualFocus) !== null && v !== void 0 ? v : a == null ? void 0 : a.shouldUseVirtualFocus;
+  var P;
+  let k = (P = t.isVirtualized) !== null && P !== void 0 ? P : a == null ? void 0 : a.isVirtualized, M = j(), D = j(), y = {
+    role: "option",
+    "aria-disabled": s || void 0,
+    "aria-selected": e.selectionManager.selectionMode !== "none" ? c : void 0
+  };
+  Le() && Oe() || (y["aria-label"] = t["aria-label"], y["aria-labelledby"] = M, y["aria-describedby"] = D);
+  let p = e.collection.getItem(i);
+  if (k) {
+    let h = Number(p == null ? void 0 : p.index);
+    y["aria-posinset"] = Number.isNaN(h) ? void 0 : h + 1, y["aria-setsize"] = Se(e.collection);
+  }
+  let O = a != null && a.onAction ? () => {
+    var h;
+    return a == null || (h = a.onAction) === null || h === void 0 ? void 0 : h.call(a, i);
+  } : void 0, F = We(e, i), { itemProps: S, isPressed: w, isFocused: B, hasAction: _, allowsSelection: A } = _e({
+    selectionManager: e.selectionManager,
+    key: i,
+    ref: r,
+    shouldSelectOnPressUp: u,
+    allowsDifferentPressOrigin: u && g,
+    isVirtualized: k,
+    shouldUseVirtualFocus: $,
+    isDisabled: s,
+    onAction: O || !(p == null || (o = p.props) === null || o === void 0) && o.onAction ? He(p == null || (l = p.props) === null || l === void 0 ? void 0 : l.onAction, O) : void 0,
+    linkBehavior: a == null ? void 0 : a.linkBehavior,
+    id: F
+  }), { hoverProps: U } = le({
+    isDisabled: s || !g,
+    onHoverStart() {
+      G() || (e.selectionManager.setFocused(!0), e.selectionManager.setFocusedKey(i));
+    }
+  }), I = H(p == null ? void 0 : p.props);
+  delete I.id;
+  let C = Ve(p == null ? void 0 : p.props);
+  return {
+    optionProps: {
+      ...y,
+      ...E(I, S, U, C),
+      id: F
+    },
+    labelProps: {
+      id: M
+    },
+    descriptionProps: {
+      id: D
+    },
+    isFocused: B,
+    isFocusVisible: B && e.selectionManager.isFocused && G(),
+    isSelected: c,
+    isDisabled: s,
+    isPressed: w,
+    allowsSelection: A,
+    hasAction: _
+  };
+}
+function Ge(t) {
+  let { heading: e, "aria-label": r } = t, o = ee();
+  return {
+    itemProps: {
+      role: "presentation"
+    },
+    headingProps: e ? {
+      // Techincally, listbox cannot contain headings according to ARIA.
+      // We hide the heading from assistive technology, using role="presentation",
+      // and only use it as a visual label for the nested group.
+      id: o,
+      role: "presentation"
+    } : {},
+    groupProps: {
+      role: "group",
+      "aria-label": r,
+      "aria-labelledby": e ? o : void 0
+    }
+  };
+}
+const ie = /* @__PURE__ */ te(null), L = /* @__PURE__ */ te(null), ho = /* @__PURE__ */ oe(function(e, r) {
+  [e, r] = Q(e, r, ie);
+  let o = x(L);
+  return o ? /* @__PURE__ */ n.createElement(de, {
+    state: o,
+    props: e,
+    listBoxRef: r
+  }) : /* @__PURE__ */ n.createElement(fe, {
+    content: /* @__PURE__ */ n.createElement(pe, e)
+  }, (l) => /* @__PURE__ */ n.createElement(Je, {
+    props: e,
+    listBoxRef: r,
+    collection: l
+  }));
+});
+function Je({ props: t, listBoxRef: e, collection: r }) {
+  t = {
+    ...t,
+    collection: r,
+    children: null,
+    items: null
+  };
+  let { layoutDelegate: o } = x(K), l = Ne({
+    ...t,
+    layoutDelegate: o
+  });
+  return /* @__PURE__ */ n.createElement(de, {
+    state: l,
+    props: t,
+    listBoxRef: e
+  });
+}
+function de({ state: t, props: e, listBoxRef: r }) {
+  [e, r] = Q(e, r, Me);
+  let { dragAndDropHooks: o, layout: l = "stack", orientation: i = "vertical", filter: a } = e, d = Te(t, a), { collection: s, selectionManager: f } = d, c = !!(o != null && o.useDraggableCollectionState), b = !!(o != null && o.useDroppableCollectionState), { direction: u } = Ue(), { disabledBehavior: m, disabledKeys: g } = f, v = Fe({
+    usage: "search",
+    sensitivity: "base"
+  }), { isVirtualized: $, layoutDelegate: P, dropTargetDelegate: k, CollectionRoot: M } = x(K), D = re(() => e.keyboardDelegate || new we({
+    collection: s,
+    collator: v,
+    ref: r,
+    disabledKeys: g,
+    disabledBehavior: m,
+    layout: l,
+    orientation: i,
+    direction: u,
+    layoutDelegate: P
+  }), [
+    s,
+    v,
+    r,
+    m,
+    g,
+    i,
+    u,
+    e.keyboardDelegate,
+    l,
+    P
+  ]), { listBoxProps: y } = qe({
+    ...e,
+    shouldSelectOnPressUp: c || e.shouldSelectOnPressUp,
+    keyboardDelegate: D,
+    isVirtualized: $
+  }, d, r), p = T(c), O = T(b);
+  ae(() => {
+    process.env.NODE_ENV !== "production" && (p.current !== c && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), O.current !== b && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."));
+  }, [
+    c,
+    b
+  ]);
+  let F, S, w, B = !1, _ = null, A = T(null);
+  if (c && o) {
+    F = o.useDraggableCollectionState({
+      collection: s,
+      selectionManager: f,
+      preview: o.renderDragPreview ? A : void 0
+    }), o.useDraggableCollection({}, F, r);
+    let z = o.DragPreview;
+    _ = o.renderDragPreview ? /* @__PURE__ */ n.createElement(z, {
+      ref: A
+    }, o.renderDragPreview) : null;
+  }
+  if (b && o) {
+    S = o.useDroppableCollectionState({
+      collection: s,
+      selectionManager: f
+    });
+    let z = o.dropTargetDelegate || k || new o.ListDropTargetDelegate(s, r, {
+      orientation: i,
+      layout: l,
+      direction: u
+    });
+    w = o.useDroppableCollection({
+      keyboardDelegate: D,
+      dropTargetDelegate: z
+    }, S, r), B = S.isDropTarget({
+      type: "root"
+    });
+  }
+  let { focusProps: U, isFocused: I, isFocusVisible: C } = ze(), h = d.collection.size === 0, W = {
+    isDropTarget: B,
+    isEmpty: h,
+    isFocused: I,
+    isFocusVisible: C,
+    layout: e.layout || "stack",
+    state: d
+  }, se = V({
+    className: e.className,
+    style: e.style,
+    defaultClassName: "react-aria-ListBox",
+    values: W
+  }), q = null;
+  h && e.renderEmptyState && (q = /* @__PURE__ */ n.createElement("div", {
+    // eslint-disable-next-line
+    role: "option",
+    style: {
+      display: "contents"
+    }
+  }, e.renderEmptyState(W)));
+  let ce = H(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ n.createElement(Ke, null, /* @__PURE__ */ n.createElement("div", {
+    ...E(ce, se, y, U, w == null ? void 0 : w.collectionProps),
+    ref: r,
+    slot: e.slot || void 0,
+    onScroll: e.onScroll,
+    "data-drop-target": B || void 0,
+    "data-empty": h || void 0,
+    "data-focused": I || void 0,
+    "data-focus-visible": C || void 0,
+    "data-layout": e.layout || "stack",
+    "data-orientation": e.orientation || "vertical"
+  }, /* @__PURE__ */ n.createElement(Y, {
+    values: [
+      [
+        ie,
+        e
+      ],
+      [
+        L,
+        d
+      ],
+      [
+        N,
+        {
+          dragAndDropHooks: o,
+          dragState: F,
+          dropState: S
+        }
+      ],
+      [
+        ke,
+        {
+          elementType: "div"
+        }
+      ],
+      [
+        Pe,
+        {
+          render: Qe
+        }
+      ],
+      [
+        ve,
+        {
+          name: "ListBoxSection",
+          render: ne
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ n.createElement(M, {
+    collection: s,
+    scrollRef: r,
+    persistedKeys: De(f, o, S),
+    renderDropIndicator: Z(o, S)
+  })), q, _));
+}
+function ne(t, e, r, o = "react-aria-ListBoxSection") {
+  let l = x(L), { dragAndDropHooks: i, dropState: a } = x(N), { CollectionBranch: d } = x(K), [s, f] = he();
+  var c;
+  let { headingProps: b, groupProps: u } = Ge({
+    heading: f,
+    "aria-label": (c = t["aria-label"]) !== null && c !== void 0 ? c : void 0
+  }), m = V({
+    defaultClassName: o,
+    className: t.className,
+    style: t.style,
+    values: {}
+  }), g = H(t, {
+    global: !0
+  });
+  return delete g.id, /* @__PURE__ */ n.createElement("section", {
+    ...E(g, m, u),
+    ref: e
+  }, /* @__PURE__ */ n.createElement(Ee.Provider, {
+    value: {
+      ...b,
+      ref: s
+    }
+  }, /* @__PURE__ */ n.createElement(d, {
+    collection: l.collection,
+    parent: r,
+    renderDropIndicator: Z(i, a)
+  })));
+}
+const xo = /* @__PURE__ */ ue($e, ne), Po = /* @__PURE__ */ J(be, function(e, r, o) {
+  let l = X(r), i = x(L), { dragAndDropHooks: a, dragState: d, dropState: s } = x(N), { optionProps: f, labelProps: c, descriptionProps: b, ...u } = je({
+    key: o.key,
+    "aria-label": e == null ? void 0 : e["aria-label"]
+  }, i, l), { hoverProps: m, isHovered: g } = le({
+    isDisabled: !u.allowsSelection && !u.hasAction,
+    onHoverStart: o.props.onHoverStart,
+    onHoverChange: o.props.onHoverChange,
+    onHoverEnd: o.props.onHoverEnd
+  }), v = null;
+  d && a && (v = a.useDraggableItem({
+    key: o.key
+  }, d));
+  let $ = null;
+  s && a && ($ = a.useDroppableItem({
+    target: {
+      type: "item",
+      key: o.key,
+      dropPosition: "on"
+    }
+  }, s, l));
+  let P = d && d.isDragging(o.key), k = V({
+    ...e,
+    id: void 0,
+    children: e.children,
+    defaultClassName: "react-aria-ListBoxItem",
+    values: {
+      ...u,
+      isHovered: g,
+      selectionMode: i.selectionManager.selectionMode,
+      selectionBehavior: i.selectionManager.selectionBehavior,
+      allowsDragging: !!d,
+      isDragging: P,
+      isDropTarget: $ == null ? void 0 : $.isDropTarget
+    }
+  });
+  ae(() => {
+    !o.textValue && process.env.NODE_ENV !== "production" && console.warn("A `textValue` prop is required for <ListBoxItem> elements with non-plain text children in order to support accessibility features such as type to select.");
+  }, [
+    o.textValue
+  ]);
+  let M = e.href ? "a" : "div", D = H(e, {
+    global: !0
+  });
+  return delete D.id, delete D.onClick, /* @__PURE__ */ n.createElement(M, {
+    ...E(D, k, f, m, v == null ? void 0 : v.dragProps, $ == null ? void 0 : $.dropProps),
+    ref: l,
+    "data-allows-dragging": !!d || void 0,
+    "data-selected": u.isSelected || void 0,
+    "data-disabled": u.isDisabled || void 0,
+    "data-hovered": g || void 0,
+    "data-focused": u.isFocused || void 0,
+    "data-focus-visible": u.isFocusVisible || void 0,
+    "data-pressed": u.isPressed || void 0,
+    "data-dragging": P || void 0,
+    "data-drop-target": ($ == null ? void 0 : $.isDropTarget) || void 0,
+    "data-selection-mode": i.selectionManager.selectionMode === "none" ? void 0 : i.selectionManager.selectionMode
+  }, /* @__PURE__ */ n.createElement(Y, {
+    values: [
+      [
+        Be,
+        {
+          slots: {
+            [me]: c,
+            label: c,
+            description: b
+          }
+        }
+      ]
+    ]
+  }, k.children));
+});
+function Qe(t, e) {
+  e = X(e);
+  let { dragAndDropHooks: r, dropState: o } = x(N), { dropIndicatorProps: l, isHidden: i, isDropTarget: a } = r.useDropIndicator(t, o, e);
+  return i ? null : /* @__PURE__ */ n.createElement(Ye, {
+    ...t,
+    dropIndicatorProps: l,
+    isDropTarget: a,
+    ref: e
+  });
+}
+function Xe(t, e) {
+  let { dropIndicatorProps: r, isDropTarget: o, ...l } = t, i = V({
+    ...l,
+    defaultClassName: "react-aria-DropIndicator",
+    values: {
+      isDropTarget: o
+    }
+  });
+  return /* @__PURE__ */ n.createElement("div", {
+    ...r,
+    ...i,
+    // eslint-disable-next-line
+    role: "option",
+    ref: e,
+    "data-drop-target": o || void 0
+  });
+}
+const Ye = /* @__PURE__ */ oe(Xe), Do = J(ge, function(e, r, o) {
+  let l = x(L), { isLoading: i, onLoadMore: a, scrollOffset: d, ...s } = e, f = T(null), c = re(() => ({
+    onLoadMore: a,
+    collection: l == null ? void 0 : l.collection,
+    sentinelRef: f,
+    scrollOffset: d
+  }), [
+    a,
+    d,
+    l == null ? void 0 : l.collection
+  ]);
+  xe(c, f);
+  let b = V({
+    ...s,
+    id: void 0,
+    children: o.rendered,
+    defaultClassName: "react-aria-ListBoxLoadingIndicator",
+    values: null
+  }), u = {
+    // For Android talkback
+    tabIndex: -1
+  };
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+    style: {
+      position: "relative",
+      width: 0,
+      height: 0
+    },
+    inert: Ie(!0)
+  }, /* @__PURE__ */ n.createElement("div", {
+    "data-testid": "loadMoreSentinel",
+    ref: f,
+    style: {
+      position: "absolute",
+      height: 1,
+      width: 1
+    }
+  })), i && b.children && /* @__PURE__ */ n.createElement("div", {
+    ...E(H(e, {
+      global: !0
+    }), u),
+    ...b,
+    // aria-selected isn't needed here since this option is not selectable.
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "option",
+    ref: r
+  }, b.children));
+});
+export {
+  Do as $,
+  ho as a,
+  Po as b,
+  xo as c,
+  R as d,
+  We as e,
+  ie as f,
+  L as g
+};

package/ListBoxLoadMoreItem-Ceo73a2q.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),r=require("./clsx-C11secjj.cjs"),n=require("./ListBoxSection-Dx75ZinL.cjs"),c=require("./ListBox-ICZKGluC.cjs"),l=require("./Spinner-D1UBuLy4.cjs"),d=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),x=({className:s,children:e,...o})=>t.jsx("button",{type:"button",className:r.clsx(n.styles.listBoxItem,n.styles.listBoxButton,s),...o,children:e}),u={"loading...":"Loading..."},m={"loading...":"Laddar..."},L={en:u,sv:m},B=({className:s,children:e,isLoading:o,...i})=>{const a=d.useLocalizedStringFormatter(L);return t.jsx(c.$eed445e0843c11d0$export$8e6d031a08cf56a1,{className:r.clsx(n.styles.listBoxLoadMoreItem,s),isLoading:o,...i,children:e||t.jsxs(t.Fragment,{children:[t.jsx(l.Spinner,{small:!0}),t.jsx("span",{"aria-hidden":!0,children:a.format("loading...")})]})})};exports.ListBoxButton=x;exports.ListBoxLoadMoreItem=B;

package/ListBoxLoadMoreItem-W11V-Lef.js

@@ -0,0 +1,41 @@
+import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import { c as e } from "./clsx-OuTLNxxd.js";
+import { s as a } from "./ListBoxSection-BCPv9H50.js";
+import { $ as c } from "./ListBox-LncMQt6I.js";
+import { S as l } from "./Spinner-DTKb_LAA.js";
+import { u as p } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+const S = ({ className: o, children: s, ...r }) => /* @__PURE__ */ t(
+  "button",
+  {
+    type: "button",
+    className: e(a.listBoxItem, a.listBoxButton, o),
+    ...r,
+    children: s
+  }
+), x = { "loading...": "Loading..." }, u = { "loading...": "Laddar..." }, f = {
+  en: x,
+  sv: u
+}, b = ({
+  className: o,
+  children: s,
+  isLoading: r,
+  ...n
+}) => {
+  const i = p(f);
+  return /* @__PURE__ */ t(
+    c,
+    {
+      className: e(a.listBoxLoadMoreItem, o),
+      isLoading: r,
+      ...n,
+      children: s || /* @__PURE__ */ m(d, { children: [
+        /* @__PURE__ */ t(l, { small: !0 }),
+        /* @__PURE__ */ t("span", { "aria-hidden": !0, children: i.format("loading...") })
+      ] })
+    }
+  );
+};
+export {
+  S as L,
+  b as a
+};