@midas-ds/components 16.2.5 → 16.3.1

package/chunks/Select-BNCz_ox4.js

@@ -0,0 +1,221 @@
+import { jsx as e, jsxs as i, Fragment as S } from "react/jsx-runtime";
+import { SelectStateContext as d, SelectValue as v, Button as h, TagList as V, Select as A } from "react-aria-components";
+import { FocusScope as C } from "@react-aria/focus";
+import { a as N, L as b } from "./Label-6SXmzRZE.js";
+import { a as y, c as T } from "./clsx-AexbMWKp.js";
+import { T as B } from "./Text-TWzJxnto.js";
+import { F as g } from "./FieldError-Bra5aRT3.js";
+import _, { useContext as p } from "react";
+import { C as M } from "./Checkbox-BTAfwDxU.js";
+import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { useFocusManager as F } from "react-aria";
+import { X as L } from "./x-BXShoIAM.js";
+import { L as I } from "./ListBox-D5BBeZWL.js";
+import { P as G } from "./Popover-BcEtFiU1.js";
+import { a as j, T as k } from "./Tag-BKcduKRR.js";
+import { C as R } from "./chevron-down-DgT-uSF9.js";
+import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, w = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
+  en: $,
+  sv: w
+}, P = "_select_vdvx3_1", z = "_triggerContainer_vdvx3_7", E = "_trigger_vdvx3_7", K = "_medium_vdvx3_29", D = "_selectValue_vdvx3_72", W = "_placeholder_vdvx3_78", X = "_multiSelectValue_vdvx3_88", q = "_selectValueTag_vdvx3_112", H = "_clearButton_vdvx3_126", J = "_truncate_vdvx3_138", O = "_popover_vdvx3_175", Q = "_selectAll_vdvx3_201", U = "_tagGroup_vdvx3_264", a = {
+  select: P,
+  triggerContainer: z,
+  trigger: E,
+  medium: K,
+  selectValue: D,
+  placeholder: W,
+  multiSelectValue: X,
+  selectValueTag: q,
+  clearButton: H,
+  truncate: J,
+  popover: O,
+  selectAll: Q,
+  tagGroup: U
+}, Y = () => {
+  const t = _.useContext(d), c = m(u), r = () => t?.setValue(
+    t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
+  );
+  return /* @__PURE__ */ e(
+    M,
+    {
+      className: a.selectAll,
+      isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
+      isSelected: t?.selectionManager.isSelectAll,
+      onChange: r,
+      children: c.format("selectAll")
+    }
+  );
+}, Z = ({
+  isDisabled: t
+}) => {
+  const c = m(u), r = (l, o) => l.length === 1 ? o : `${l.length} ${c.format("selected")}`;
+  return /* @__PURE__ */ e(
+    v,
+    {
+      className: a.multiSelectValue,
+      "data-disabled": t || void 0,
+      children: ({ isPlaceholder: l, selectedItems: o, selectedText: s }) => l ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ i(
+        "div",
+        {
+          className: a.selectValueTag,
+          "data-disabled": t || void 0,
+          children: [
+            /* @__PURE__ */ e("span", { className: a.truncate, children: r(o, s) }),
+            /* @__PURE__ */ e(ee, { isDisabled: t })
+          ]
+        }
+      )
+    }
+  );
+}, ee = ({
+  isDisabled: t
+}) => {
+  const c = _.useContext(d), r = m(u), l = F(), o = () => {
+    l?.focusFirst(), c?.setValue(null);
+  };
+  return /* @__PURE__ */ e(
+    h,
+    {
+      "aria-label": r.format("clearAll"),
+      className: a.clearButton,
+      onPress: o,
+      slot: null,
+      isDisabled: t,
+      children: /* @__PURE__ */ e(
+        L,
+        {
+          width: 20,
+          height: 20
+        }
+      )
+    }
+  );
+}, te = ({
+  showTags: t,
+  isDisabled: c
+}) => {
+  const r = m(u), l = p(d), o = (s) => {
+    l?.selectionManager.toggleSelection(Array.from(s)[0]);
+  };
+  return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
+    j,
+    {
+      "aria-label": r.format("selectedItems"),
+      className: a.tagGroup,
+      onRemove: o,
+      selectionBehavior: "toggle",
+      children: /* @__PURE__ */ e(V, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
+        k,
+        {
+          dismissable: !0,
+          id: s.key,
+          isDisabled: c,
+          textValue: s.textValue,
+          children: s.textValue
+        },
+        s.key
+      ) })
+    }
+  );
+}, le = ({
+  isDisabled: t,
+  selectionMode: c,
+  size: r
+}) => {
+  const l = p(d);
+  return /* @__PURE__ */ i(
+    h,
+    {
+      className: y(
+        {
+          [a.medium]: r === "medium"
+        },
+        a.trigger
+      ),
+      "data-invalid": !!l?.displayValidation.isInvalid || void 0,
+      children: [
+        /* @__PURE__ */ e(
+          v,
+          {
+            className: a.selectValue,
+            "data-disabled": t || void 0,
+            children: ({ selectedText: o, defaultChildren: s }) => /* @__PURE__ */ e("div", { className: a.placeholder, children: /* @__PURE__ */ e("span", { className: a.truncate, children: c === "multiple" && o ? null : o || s }) })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            style: { display: "flex" },
+            children: /* @__PURE__ */ e(R, { size: 20 })
+          }
+        )
+      ]
+    }
+  );
+};
+function xe({
+  children: t,
+  description: c,
+  errorMessage: r,
+  errorPosition: l = "top",
+  items: o,
+  label: s,
+  popover: f,
+  size: x = "large",
+  ...n
+}) {
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(
+    A,
+    {
+      ...n,
+      className: T(n.className, a.select),
+      children: [
+        /* @__PURE__ */ e(N, { popover: f, children: s && /* @__PURE__ */ e(b, { "data-disabled": n.isDisabled || void 0, children: s }) }),
+        c && /* @__PURE__ */ e(B, { slot: "description", children: c }),
+        l === "top" && /* @__PURE__ */ e(g, { children: r }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: a.triggerContainer,
+            "data-disabled": n.isDisabled || void 0,
+            children: [
+              /* @__PURE__ */ e(
+                le,
+                {
+                  size: x,
+                  ...n
+                }
+              ),
+              n.selectionMode === "multiple" ? /* @__PURE__ */ e(Z, { ...n }) : null
+            ]
+          }
+        ),
+        l === "bottom" && /* @__PURE__ */ e(g, { children: r }),
+        /* @__PURE__ */ i(
+          G,
+          {
+            className: a.popover,
+            offset: 0,
+            hideArrow: !0,
+            children: [
+              n.isSelectableAll && /* @__PURE__ */ e(Y, {}),
+              /* @__PURE__ */ e(
+                I,
+                {
+                  escapeKeyBehavior: "none",
+                  items: o,
+                  children: t
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(te, { ...n })
+      ]
+    }
+  ) });
+}
+export {
+  xe as S
+};

package/chunks/{Select-BjD5iQvX.js → Select-CyYUhMOg.js}

@@ -14,16 +14,16 @@ import { ListKeyboardDelegate as le, useTypeSelect as ne } from "@react-aria/sel
 import { useMenuTriggerState as oe } from "@react-stately/menu";
 import { useFormValidationState as ie } from "@react-stately/form";
 import { useListState as re } from "@react-stately/list";
-import { a as se, T as ae } from "./Tag-DxBoeE_n.js";
+import { a as se, T as ae } from "./Tag-BKcduKRR.js";
 import { useFormValidation as ce } from "@react-aria/form";
 import { useVisuallyHidden as de } from "@react-aria/visually-hidden";
-import { a as ue, L as me } from "./Label-Dup4lWaR.js";
+import { a as ue, L as me } from "./Label-6SXmzRZE.js";
 import { T as ge } from "./Text-TWzJxnto.js";
-import { C as fe } from "./Checkbox-gsEu5wcB.js";
+import { C as fe } from "./Checkbox-BTAfwDxU.js";
 import { X as pe } from "./x-BXShoIAM.js";
-import { u as B } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { C as ye } from "./chevron-down-DgT-uSF9.js";
-import { F as he } from "./FieldError-Bc0acYNs.js";
+import { F as he } from "./FieldError-Bra5aRT3.js";
 import '../assets/Select2.css';const T = ({ item: e }) => /* @__PURE__ */ o(
   X,
   {
@@ -565,7 +565,7 @@ const Ve = "_wrapper_1nkrm_7", ke = "_trigger_1nkrm_18", Me = "_medium_1nkrm_32"
           title: r.name,
           children: (l) => /* @__PURE__ */ o(C, { textValue: l.textValue, children: l.name })
         },
-        r.name
+        String(r.name)
       ) : /* @__PURE__ */ o(C, { textValue: r.textValue, children: r.name })
     }
   )

package/chunks/{Spinner-BORNnHph.js → Spinner-tvJ7rPiT.js}

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import { c as r } from "./clsx-AexbMWKp.js";
 import { VisuallyHidden as c } from "react-aria";
-import { u as l } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as l } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { c as d } from "./createLucideIcon-D4r5Phnh.js";
 import '../assets/Spinner.css';const m = "_container_1qexx_1", p = "_spinner_1qexx_5", g = "_large_1qexx_18", n = {
   container: m,

package/chunks/{Table-t3rVzb31.js → Table-BgsgXhC_.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as i, Fragment as b } from "react/jsx-runtime";
 import { Table as w, useTableOptions as u, TableHeader as g, Collection as p, Row as N, Button as k, Column as f, Cell as x, TableBody as T } from "react-aria-components";
-import { C as h } from "./Checkbox-gsEu5wcB.js";
+import { C as h } from "./Checkbox-BTAfwDxU.js";
 import { c as a } from "./clsx-AexbMWKp.js";
 import { c as d } from "./createLucideIcon-D4r5Phnh.js";
 import '../assets/Table.css';const C = [

package/chunks/{Tag-DxBoeE_n.js → Tag-BKcduKRR.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { Tag as c, TagGroup as _, TagList as e } from "react-aria-components";
-import { B as g } from "./Button-wBgWrXj3.js";
+import { B as g } from "./Button-BYrLbzir.js";
 import { c as u } from "./clsx-AexbMWKp.js";
 import { X as l } from "./x-BXShoIAM.js";
 import '../assets/Tag.css';const T = "_button_1nm6n_1", p = "_success_1nm6n_16", f = "_warning_1nm6n_17", d = "_info_1nm6n_18", x = "_important_1nm6n_19", b = "_tag_1nm6n_31", w = "_tagText_1nm6n_83", L = "_dismissable_1nm6n_88", N = "_tagList_1nm6n_92", s = {

package/chunks/TextArea-BM5wOL3b.js

@@ -0,0 +1,137 @@
+import { jsxs as c, jsx as s, Fragment as P } from "react/jsx-runtime";
+import { forwardRef as l, useState as C } from "react";
+import { useContextProps as p, TextFieldContext as b, TextField as g, InputContext as f, Input as I, TextArea as v } from "react-aria-components";
+import { a as A, c as h } from "./clsx-AexbMWKp.js";
+import { s as d } from "./TextField.module-DZslrEPC.js";
+import { T as w } from "./Text-TWzJxnto.js";
+import { B } from "./Button-BYrLbzir.js";
+import { u as L } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { F as u } from "./FieldError-Bra5aRT3.js";
+import { C as E } from "./CharacterCounter-R6vh7AE5.js";
+import { a as S, L as $ } from "./Label-6SXmzRZE.js";
+const x = l(
+  (e, a) => {
+    [e] = p(e, a, b);
+    const {
+      label: r,
+      description: o,
+      errorMessage: i,
+      showCounter: n,
+      errorPosition: t = "top",
+      size: m = "large",
+      popover: N,
+      children: y
+    } = e;
+    return /* @__PURE__ */ c(
+      g,
+      {
+        ...e,
+        className: A(d.textField, {
+          [d.medium]: m === "medium"
+        }),
+        children: [
+          /* @__PURE__ */ s(S, { popover: N, children: r && /* @__PURE__ */ s($, { children: r }) }),
+          o && /* @__PURE__ */ s(w, { slot: "description", children: o }),
+          n && /* @__PURE__ */ s(E, { isLonely: !o }),
+          t === "top" && /* @__PURE__ */ s(u, { "data-testid": "fieldError", children: i }),
+          y,
+          t === "bottom" && /* @__PURE__ */ s(
+            u,
+            {
+              "data-testid": "fieldError",
+              className: d.bottomError,
+              children: i
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+x.displayName = "TextFieldBase";
+const j = { hide: "Hide", show: "Show" }, z = { hide: "Dölj", show: "Visa" }, D = {
+  en: j,
+  sv: z
+}, T = l(
+  (e, a) => {
+    [e, a] = p(e, a, f);
+    const [r, o] = C(!1), i = () => o((t) => !t), n = L(D);
+    return /* @__PURE__ */ c(P, { children: [
+      r && /* @__PURE__ */ s(
+        w,
+        {
+          slot: "description",
+          className: d.passwordText,
+          children: e.value
+        }
+      ),
+      /* @__PURE__ */ s(
+        B,
+        {
+          variant: "tertiary",
+          onPress: i,
+          className: d.passwordButton,
+          children: r ? n.format("hide") : n.format("show")
+        }
+      )
+    ] });
+  }
+);
+T.displayName = "PasswordField";
+const F = l(
+  ({ skipContext: e = !1, ...a }, r) => {
+    const [o, i] = p(
+      a,
+      r,
+      f
+    ), n = e ? r : i, t = e ? a : o;
+    return /* @__PURE__ */ c("div", { className: d.wrap, children: [
+      /* @__PURE__ */ s(
+        I,
+        {
+          ...t,
+          ref: n,
+          className: h(d.input, t.className)
+        }
+      ),
+      t.type === "password" && /* @__PURE__ */ s(T, { ...t })
+    ] });
+  }
+);
+F.displayName = "Input";
+const H = l(
+  ({ className: e, list: a, type: r, min: o, max: i, form: n, ...t }, m) => /* @__PURE__ */ s(x, { ...t, children: /* @__PURE__ */ s(
+    F,
+    {
+      className: h(e),
+      form: n,
+      list: a,
+      min: o,
+      max: i,
+      ref: m,
+      type: r,
+      skipContext: !0
+    }
+  ) })
+);
+H.displayName = "TextField";
+const M = l(
+  ({ className: e, cols: a, form: r, rows: o, wrap: i, ...n }, t) => /* @__PURE__ */ s(x, { ...n, children: /* @__PURE__ */ s(
+    v,
+    {
+      className: h(d.textArea, e),
+      cols: a,
+      form: r,
+      ref: t,
+      rows: o,
+      wrap: i
+    }
+  ) })
+);
+M.displayName = "TextArea";
+export {
+  F as I,
+  x as T,
+  H as a,
+  M as b
+};

package/chunks/{Toast-DTwUGSJ8.js → Toast-C-EV39pd.js}

@@ -1,11 +1,11 @@
 import { jsx as n, jsxs as c, Fragment as f } from "react/jsx-runtime";
-import { B as p } from "./Button-wBgWrXj3.js";
+import { B as p } from "./Button-BYrLbzir.js";
 import { useToastRegion as g, useToast as h } from "react-aria";
 import { ToastQueue as v, useToastQueue as R, useToastState as y } from "react-stately";
 import l from "react";
 import { createPortal as b, flushSync as w } from "react-dom";
 import { c as d } from "./clsx-AexbMWKp.js";
-import { F as P } from "./FeedbackStatusIcon-COWuMusk.js";
+import { F as P } from "./FeedbackStatusIcon-YJaUAfjp.js";
 import { X as I } from "./x-BXShoIAM.js";
 import '../assets/Toast.css';const N = "_toastRegion_1798d_49", E = "_toast_1798d_49", O = "_success_1798d_97", x = "_info_1798d_105", C = "_important_1798d_113", M = "_warning_1798d_121", S = "_icon_1798d_129", k = "_toastContent_1798d_143", B = "_toastMessage_1798d_150", F = "_slideInTop_1798d_1", Q = "_slideInEnd_1798d_1", V = "_slideOutTop_1798d_1", j = "_slideOutEnd_1798d_1", e = {
   toastRegion: N,

package/chunks/useLocalizedStringFormatter-BHvsRxDk.js

@@ -0,0 +1,25 @@
+import { LocalizedStringFormatter as c, LocalizedStringDictionary as a } from "@internationalized/string";
+import { useMemo as u } from "react";
+import { useLocale as l } from "react-aria-components";
+const t = "sv", n = /* @__PURE__ */ new WeakMap();
+function d(e) {
+  let o = n.get(e);
+  return o || (o = new a(e, t), n.set(e, o)), o;
+}
+function f(e, o) {
+  return o && a.getGlobalDictionaryForPackage(o) || d(e);
+}
+function D(e, o) {
+  if (!e || typeof e != "object" || !(t in e))
+    throw new Error(
+      `useLocalizedStringFormatter: Default language "${t}" must be defined in dictionary.`
+    );
+  const { locale: r } = l(), i = f(e, o);
+  return u(
+    () => new c(r, i),
+    [i, r]
+  );
+}
+export {
+  D as u
+};

package/color-scheme-switch/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ColorSchemeSwitch-DugvPh6T.js";
+import { C as r } from "../chunks/ColorSchemeSwitch-D-vCkxQo.js";
 export {
   r as ColorSchemeSwitch
 };

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as a, a as b, b as x } from "../chunks/ComboBox-yl5zHYPk.js";
+import { C as a, a as b, b as x } from "../chunks/ComboBox-CzwpRxSH.js";
 export {
   a as ComboBox,
   b as ComboBoxItem,

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as t } from "../chunks/DateField-BsT1K-bB.js";
+import { D as t } from "../chunks/DateField-DPJrihTz.js";
 import { a as r, b as o, D as p } from "../chunks/DateInputDivider-CkTB5q5k.js";
 export {
   t as DateField,

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-BsK7pMRv.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-DzgK_p0d.js";
 export {
   r as DatePicker,
   t as DateRangePicker

package/field-error/FieldError.d.ts

@@ -1,7 +1,5 @@
-import { Ref } from 'react';
 import { FieldErrorProps as AriaFieldErrorProps } from 'react-aria-components';
 export interface FieldErrorProps extends AriaFieldErrorProps {
     isInvalid?: boolean;
-    ref?: Ref<HTMLElement>;
 }
-export declare const FieldError: ({ ref, ...props }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FieldError: import('react').ForwardRefExoticComponent<FieldErrorProps & import('react').RefAttributes<HTMLElement>>;

package/field-error/index.js

@@ -1,4 +1,4 @@
-import { F as e } from "../chunks/FieldError-Bc0acYNs.js";
+import { F as e } from "../chunks/FieldError-Bra5aRT3.js";
 export {
   e as FieldError
 };

package/index.d.ts

@@ -40,3 +40,4 @@ export * from './toggle-button';
 export * from './tooltip';
 export * from './list-box';
 export * from './menu';
+export { useLocalizedStringFormatter } from './utils/intl';