@midas-ds/components 16.1.0 → 16.2.1

package/chunks/{ListBox-D4tO_OrO.js → ListBox-D5BBeZWL.js}

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
-import { ListLayout as e, Virtualizer as n, ListBox as l } from "react-aria-components";
-import { c as x } from "./clsx-AexbMWKp.js";
-import '../assets/ListBox.css';class B extends e {
+import { ListLayout as e, Virtualizer as n, ListBox as a } from "react-aria-components";
+import { c as l } from "./clsx-AexbMWKp.js";
+import '../assets/ListBox.css';class x extends e {
   /**
    * When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
    * ```ts
@@ -25,29 +25,29 @@ import '../assets/ListBox.css';class B extends e {
     }), this.contentSize;
   }
 }
-const r = "_listBox_1kyjv_4", a = "_listBoxPopover_1kyjv_16", c = "_listBoxSectionHeading_1kyjv_31", _ = "_listBoxButton_1kyjv_43", y = "_listBoxItem_1kyjv_55", m = "_textContent_1kyjv_69", L = "_listBoxLoadMoreItem_1kyjv_175", u = {
-  listBox: r,
-  listBoxPopover: a,
+const B = "_listBox_1vajh_4", r = "_listBoxPopover_1vajh_16", c = "_listBoxSectionHeading_1vajh_31", _ = "_listBoxButton_1vajh_43", h = "_listBoxItem_1vajh_55", m = "_textContent_1vajh_69", L = "_listBoxLoadMoreItem_1vajh_175", u = {
+  listBox: B,
+  listBoxPopover: r,
   listBoxSectionHeading: c,
   listBoxButton: _,
-  listBoxItem: y,
+  listBoxItem: h,
   textContent: m,
   listBoxLoadMoreItem: L
-}, j = ({
+}, g = ({
   className: s,
   children: t,
   ...o
 }) => /* @__PURE__ */ i(
   n,
   {
-    layout: B,
+    layout: x,
     layoutOptions: {
       headingHeight: 38
     },
     children: /* @__PURE__ */ i(
-      l,
+      a,
       {
-        className: x(u.listBox, s),
+        className: l(u.listBox, s),
         ...o,
         children: t
       }
@@ -55,6 +55,6 @@ const r = "_listBox_1kyjv_4", a = "_listBoxPopover_1kyjv_16", c = "_listBoxSecti
   }
 );
 export {
-  j as L,
+  g as L,
   u as s
 };

package/chunks/{ListBoxLoadMoreItem-D9X8YnwD.js → ListBoxLoadMoreItem-CB67meAb.js}

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import { c as e } from "./clsx-AexbMWKp.js";
-import { s as a } from "./ListBox-D4tO_OrO.js";
+import { s as a } from "./ListBox-D5BBeZWL.js";
 import { ListBoxLoadMoreItem as l } from "react-aria-components";
 import { S as c } from "./Spinner-BORNnHph.js";
 import { u as L } from "./useLocalizedStringFormatter-ZgRJmvHC.js";

package/chunks/{ListBoxSection-DKHba2X0.js → ListBoxSection-MZB_5DdD.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { ListBoxItem as m, Popover as n, Header as B, ListBoxSection as l } from "react-aria-components";
 import { c as a } from "./clsx-AexbMWKp.js";
-import { s as i } from "./ListBox-D4tO_OrO.js";
+import { s as i } from "./ListBox-D5BBeZWL.js";
 const I = ({
   children: t,
   className: o,

package/chunks/{Popover-D9tAN-g7.js → Popover-BcEtFiU1.js}

@@ -1,25 +1,25 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as i } from "./clsx-AexbMWKp.js";
-import { Popover as v, OverlayArrow as h } from "react-aria-components";
-import '../assets/Popover.css';const l = "_popover_1hyo5_1", n = "_arrow_1hyo5_23", r = {
-  popover: l,
-  arrow: n
+import { Popover as v, OverlayArrow as l } from "react-aria-components";
+import '../assets/Popover.css';const n = "_popover_1wjt3_1", w = "_arrow_1wjt3_23", r = {
+  popover: n,
+  arrow: w
 };
 function d({
   children: e,
   className: s,
   offset: p = 4,
-  hideArrow: a = !1,
-  ...t
+  hideArrow: t = !1,
+  ...a
 }) {
   return /* @__PURE__ */ c(
     v,
     {
-      ...t,
+      ...a,
       offset: p,
       className: i(r.popover, s),
       children: [
-        !a && /* @__PURE__ */ o(h, { className: r.arrow, children: /* @__PURE__ */ o(
+        !t && /* @__PURE__ */ o(l, { className: r.arrow, children: /* @__PURE__ */ o(
           "svg",
           {
             width: 16,

package/chunks/ProgressBar-CbwvcHvk.js

@@ -0,0 +1,53 @@
+import { jsx as s, jsxs as d, Fragment as _ } from "react/jsx-runtime";
+import { ProgressBar as f } from "react-aria-components";
+import { L as t } from "./Label-Dup4lWaR.js";
+import { c as l } from "./clsx-AexbMWKp.js";
+import '../assets/ProgressBar.css';const N = "_progressBar_1a2ad_1", g = "_label_1a2ad_9", p = "_value_1a2ad_14", v = "_bar_1a2ad_19", h = "_fill_1a2ad_29", e = {
+  progressBar: N,
+  label: g,
+  value: p,
+  bar: v,
+  fill: h
+}, b = ({
+  label: r,
+  labelProps: a,
+  showValueLabel: m = !1,
+  ...c
+}) => /* @__PURE__ */ s(
+  f,
+  {
+    ...c,
+    className: l(e.progressBar, c.className),
+    children: ({ percentage: i, valueText: n, isIndeterminate: o }) => /* @__PURE__ */ d(_, { children: [
+      r && /* @__PURE__ */ s(
+        t,
+        {
+          elementType: "span",
+          ...a,
+          className: l(a?.className, e.label),
+          children: r
+        }
+      ),
+      m && /* @__PURE__ */ s(
+        t,
+        {
+          elementType: "span",
+          ...a,
+          id: r ? "" : a?.id,
+          className: l(a?.className, e.value),
+          children: n
+        }
+      ),
+      /* @__PURE__ */ s("div", { className: e.bar, children: /* @__PURE__ */ s(
+        "div",
+        {
+          className: e.fill,
+          style: { width: `${o ? 50 : i}%` }
+        }
+      ) })
+    ] })
+  }
+);
+export {
+  b as P
+};

package/chunks/Radio-Dro99zCs.js

@@ -0,0 +1,43 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
+import { c as p } from "./clsx-AexbMWKp.js";
+import { a as G, L as R } from "./Label-Dup4lWaR.js";
+import { T as h } from "./Text-TWzJxnto.js";
+import { F as t } from "./FieldError-C0HRIcAx.js";
+import '../assets/Radio.css';const x = "_radioGroup_1ls9z_1", w = "_wrap_1ls9z_12", z = "_radio_1ls9z_1", s = {
+  radioGroup: x,
+  wrap: w,
+  radio: z
+}, T = ({
+  label: o,
+  description: a,
+  errorMessage: i,
+  children: l,
+  className: c,
+  errorPosition: d = "top",
+  popover: e,
+  ...m
+}) => /* @__PURE__ */ n(
+  _,
+  {
+    ...m,
+    className: p(s.radioGroup, c),
+    children: [
+      /* @__PURE__ */ r(G, { popover: e, children: o && /* @__PURE__ */ r(R, { children: o }) }),
+      a && /* @__PURE__ */ r(h, { slot: "description", children: a }),
+      d === "top" && /* @__PURE__ */ r(t, { "data-testid": "fieldError", children: i }),
+      /* @__PURE__ */ r(f, { className: s.wrap, children: l }),
+      d === "bottom" && /* @__PURE__ */ r(t, { "data-testid": "fieldError", children: i })
+    ]
+  }
+), $ = ({ className: o, ...a }) => /* @__PURE__ */ r(
+  u,
+  {
+    className: p(s.radio, o),
+    ...a
+  }
+);
+export {
+  $ as R,
+  T as a
+};

package/chunks/{Select-Bcu1yvbR.js → Select-D-LtFSZX.js}

@@ -1,23 +1,23 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { SelectStateContext as m, Button as _, TagList as A, Select as V, SelectValue as x } from "react-aria-components";
-import { FocusScope as C } from "@react-aria/focus";
-import { a as T, L as N } from "./Label-DqmNWnmm.js";
+import { SelectStateContext as m, Button as v, TagList as V, Select as x, SelectValue as C } from "react-aria-components";
+import { FocusScope as b } from "@react-aria/focus";
+import { a as T, L as N } from "./Label-Dup4lWaR.js";
 import { a as y, c as h } from "./clsx-AexbMWKp.js";
 import { T as B } from "./Text-TWzJxnto.js";
-import { F as b } from "./FieldError-C0HRIcAx.js";
+import { F as _ } from "./FieldError-C0HRIcAx.js";
 import f, { useContext as p } from "react";
-import { C as L } from "./Checkbox-ClhO-AzB.js";
+import { C as L } from "./Checkbox-CP6Nv9yx.js";
 import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import { useFocusManager as M } from "react-aria";
 import { X as F } from "./x-BXShoIAM.js";
-import { L as I } from "./ListBox-D4tO_OrO.js";
-import { P as G } from "./Popover-D9tAN-g7.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-DxBoeE_n.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" }, g = {
   en: $,
   sv: w
-}, D = "_select_17bb3_1", z = "_triggerContainer_17bb3_7", E = "_trigger_17bb3_7", K = "_medium_17bb3_28", P = "_selectValue_17bb3_71", W = "_placeholder_17bb3_81", X = "_selectValueTag_17bb3_95", q = "_clearButton_17bb3_109", H = "_truncate_17bb3_121", J = "_popover_17bb3_158", O = "_selectAll_17bb3_184", Q = "_tagGroup_17bb3_247", a = {
+}, D = "_select_nivht_1", z = "_triggerContainer_nivht_7", E = "_trigger_nivht_7", K = "_medium_nivht_28", P = "_selectValue_nivht_71", W = "_placeholder_nivht_81", X = "_selectValueTag_nivht_95", q = "_clearButton_nivht_109", H = "_truncate_nivht_121", J = "_popover_nivht_158", O = "_selectAll_nivht_184", Q = "_tagGroup_nivht_247", a = {
   select: D,
   triggerContainer: z,
   trigger: E,
@@ -49,14 +49,14 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
   selectedItems: l,
   selectedText: s
 }) => {
-  const c = u(g), n = () => l.length === 1 ? s : `${l.length} ${c.format("selected")}`;
+  const c = u(g), o = () => l.length === 1 ? s : `${l.length} ${c.format("selected")}`;
   return /* @__PURE__ */ d(
     "div",
     {
       className: a.selectValueTag,
       "data-disabled": t || void 0,
       children: [
-        /* @__PURE__ */ e("span", { className: a.truncate, children: n() }),
+        /* @__PURE__ */ e("span", { className: a.truncate, children: o() }),
         /* @__PURE__ */ e(Z, { isDisabled: t })
       ]
     }
@@ -64,15 +64,15 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
 }, Z = ({
   isDisabled: t
 }) => {
-  const l = f.useContext(m), s = u(g), c = M(), n = () => {
+  const l = f.useContext(m), s = u(g), c = M(), o = () => {
     c?.focusFirst(), l?.setValue(null);
   };
   return /* @__PURE__ */ e(
-    _,
+    v,
     {
       "aria-label": s.format("clearAll"),
       className: a.clearButton,
-      onPress: n,
+      onPress: o,
       slot: null,
       isDisabled: t,
       children: /* @__PURE__ */ e(
@@ -88,33 +88,33 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
   showTags: t,
   isDisabled: l
 }) => {
-  const s = u(g), c = p(m), n = (r) => {
-    c?.selectionManager.toggleSelection(Array.from(r)[0]);
+  const s = u(g), c = p(m), o = (n) => {
+    c?.selectionManager.toggleSelection(Array.from(n)[0]);
   };
   return !c?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
     j,
     {
       "aria-label": s.format("selectedItems"),
       className: a.tagGroup,
-      onRemove: n,
+      onRemove: o,
       selectionBehavior: "toggle",
-      children: /* @__PURE__ */ e(A, { items: c.selectedItems, children: (r) => /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(V, { items: c.selectedItems, children: (n) => /* @__PURE__ */ e(
         k,
         {
           dismissable: !0,
-          id: r.key,
+          id: n.key,
           isDisabled: l,
-          textValue: r.textValue,
-          children: r.textValue
+          textValue: n.textValue,
+          children: n.textValue
         },
-        r.key
+        n.key
       ) })
     }
   );
 }, te = ({ size: t }) => {
   const l = p(m);
   return /* @__PURE__ */ e(
-    _,
+    v,
     {
       className: y(
         {
@@ -139,37 +139,37 @@ function pe({
   description: l,
   errorMessage: s,
   errorPosition: c = "top",
-  items: n,
-  label: r,
+  items: o,
+  label: n,
   popover: S,
-  size: v = "large",
-  ...o
+  size: A = "large",
+  ...r
 }) {
-  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ d(
-    V,
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ d(
+    x,
     {
-      ...o,
-      className: h(o.className, a.select),
+      ...r,
+      className: h(r.className, a.select),
       children: [
-        /* @__PURE__ */ e(T, { popover: S, children: r && /* @__PURE__ */ e(N, { "data-disabled": o.isDisabled || void 0, children: r }) }),
+        /* @__PURE__ */ e(T, { popover: S, children: n && /* @__PURE__ */ e(N, { "data-disabled": r.isDisabled || void 0, children: n }) }),
         l && /* @__PURE__ */ e(B, { slot: "description", children: l }),
-        c === "top" && /* @__PURE__ */ e(b, { children: s }),
+        c === "top" && /* @__PURE__ */ e(_, { children: s }),
         /* @__PURE__ */ d(
           "div",
           {
             className: a.triggerContainer,
-            "data-disabled": o.isDisabled || void 0,
+            "data-disabled": r.isDisabled || void 0,
             children: [
-              /* @__PURE__ */ e(te, { size: v }),
+              /* @__PURE__ */ e(te, { size: A }),
               /* @__PURE__ */ e(
-                x,
+                C,
                 {
                   className: a.selectValue,
-                  "data-disabled": o.isDisabled || void 0,
-                  children: (i) => i.isPlaceholder || o.selectionMode !== "multiple" ? /* @__PURE__ */ e("div", { className: h(a.placeholder), children: /* @__PURE__ */ e("span", { className: h(a.truncate), children: i.selectedText || i.defaultChildren }) }) : /* @__PURE__ */ e(
+                  "data-disabled": r.isDisabled || void 0,
+                  children: (i) => i.isPlaceholder || r.selectionMode !== "multiple" ? /* @__PURE__ */ e("div", { className: h(a.placeholder), children: /* @__PURE__ */ e("span", { className: h(a.truncate), children: i.selectedText || i.defaultChildren }) }) : /* @__PURE__ */ e(
                     Y,
                     {
-                      ...o,
+                      ...r,
                       ...i
                     }
                   )
@@ -178,7 +178,7 @@ function pe({
             ]
           }
         ),
-        c === "bottom" && /* @__PURE__ */ e(b, { children: s }),
+        c === "bottom" && /* @__PURE__ */ e(_, { children: s }),
         /* @__PURE__ */ d(
           G,
           {
@@ -186,19 +186,19 @@ function pe({
             offset: 0,
             hideArrow: !0,
             children: [
-              o.isSelectableAll && /* @__PURE__ */ e(U, {}),
+              r.isSelectableAll && /* @__PURE__ */ e(U, {}),
               /* @__PURE__ */ e(
                 I,
                 {
                   escapeKeyBehavior: "none",
-                  items: n,
+                  items: o,
                   children: t
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(ee, { ...o })
+        /* @__PURE__ */ e(ee, { ...r })
       ]
     }
   ) });