@midas-ds/components 1.0.2 → 1.1.0

package/index41.js

@@ -1,16 +1,63 @@
-import { jsx as e } from "react/jsx-runtime";
-import { I as o, s } from "./index-CgfokhRq.js";
-import { forwardRef as t } from "react";
-import { c } from "./clsx-OuTLNxxd.js";
-const d = t((m, r) => /* @__PURE__ */ e(
-  o,
-  {
-    ref: r,
-    className: c(s.item, m.className),
-    ...m,
-    children: m.children
-  }
-));
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import * as a from "react";
+import { a as d, s as e, b as $ } from "./Disclosure-dAZYXyTH.js";
+import { $ as h } from "./Heading-RCRHv6hd.js";
+import { Button as g } from "./index66.js";
+import { c as n } from "./clsx-OuTLNxxd.js";
+import { C as u } from "./chevron-down-Cd1bkzXT.js";
+const R = ({
+  title: c,
+  children: i,
+  className: f,
+  headingLevel: l = 3,
+  ...m
+}) => {
+  const r = a.useRef(null), [s, p] = a.useState(0);
+  return a.useLayoutEffect(() => {
+    r.current && p(r.current.clientHeight);
+  }, []), /* @__PURE__ */ o(
+    d,
+    {
+      ...m,
+      className: n(e.item, f),
+      children: [
+        /* @__PURE__ */ t(
+          h,
+          {
+            level: l,
+            className: e.trigger,
+            children: /* @__PURE__ */ o(
+              g,
+              {
+                slot: "trigger",
+                variant: "icon",
+                children: [
+                  /* @__PURE__ */ t(u, { size: 20 }),
+                  /* @__PURE__ */ t("span", { className: e.triggerText, children: c })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          $,
+          {
+            style: { "--panel-height": `${s}px` },
+            className: n(e.panel, s === 0 && e.panel0),
+            children: /* @__PURE__ */ t(
+              "div",
+              {
+                ref: r,
+                className: e.content,
+                children: i
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  d as AccordionItem
+  R as AccordionItem
 };

package/index42.js

@@ -1,31 +1,53 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { H as t, s as e, T as g } from "./index-CgfokhRq.js";
-import { c as n } from "./clsx-OuTLNxxd.js";
-import { useAccordionTag as d } from "./index44.js";
-import { C as f } from "./chevron-down-Cd1bkzXT.js";
-const u = m(({ children: o, ...s }, a) => {
-  const i = d();
-  return /* @__PURE__ */ r(
-    t,
+import { jsx as c, jsxs as x } from "react/jsx-runtime";
+import r from "react";
+import { $ as C, s as i, a as V, C as v } from "./Checkbox-q0dugR2t.js";
+import { $ as S } from "./Group-D7_8007y.js";
+import { I } from "./TextField-CX4eOQf6.js";
+const N = ({
+  label: m,
+  description: f,
+  errorMessage: g,
+  showSelectAll: p,
+  children: s,
+  ...b
+}) => {
+  const [t, e] = r.useState(), h = () => {
+    const l = r.useContext(V), n = r.Children.toArray(s).filter(r.isValidElement).map((a) => a.props.value), $ = () => t !== "all" ? (e("all"), l == null ? void 0 : l.setValue(["toggleAll", ...n])) : (e("none"), l == null ? void 0 : l.setValue([]));
+    return r.useEffect(() => {
+      var d, u;
+      const a = n.length, A = n.length + 1, o = ((d = l == null ? void 0 : l.value) == null ? void 0 : d.length) || 0;
+      o === 0 && e("none"), o > 0 && o < a && e("some"), o !== A && (l == null || l.removeValue("toggleAll")), o === a && !((u = l == null ? void 0 : l.value) != null && u.includes("toggleAll")) && (l == null || l.addValue("toggleAll"), e("all"));
+    }, [n.length, l == null ? void 0 : l.value]), /* @__PURE__ */ c(
+      v,
+      {
+        value: "toggleAll",
+        isSelected: t === "all",
+        isIndeterminate: t === "some",
+        onChange: () => $(),
+        children: "Välj alla"
+      }
+    );
+  };
+  return /* @__PURE__ */ c(
+    C,
     {
-      className: e.accordionHeader,
-      asChild: !0,
+      className: i.checkboxGroup,
+      ...b,
       children: /* @__PURE__ */ c(
-        g,
+        I,
         {
-          ref: a,
-          className: n(e.trigger, s.className),
-          ...s,
-          children: [
-            /* @__PURE__ */ r(i, { className: e.triggerText, children: o }),
-            /* @__PURE__ */ r(f, { size: 20 })
-          ]
+          label: m,
+          description: f,
+          errorMessage: g,
+          children: /* @__PURE__ */ x(S, { className: i.wrap, children: [
+            p && /* @__PURE__ */ c(h, {}),
+            s
+          ] })
         }
       )
     }
   );
-});
+};
 export {
-  u as AccordionTrigger
+  N as CheckboxGroup
 };

package/index43.js

@@ -1,16 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { C as s, s as c } from "./index-CgfokhRq.js";
+import { jsx as e } from "react/jsx-runtime";
+import { s } from "./Flex.module-CpoxBzQX.js";
 import { c as m } from "./clsx-OuTLNxxd.js";
-const l = e((o, r) => /* @__PURE__ */ t(
-  s,
+const t = ({
+  children: l,
+  fluid: r = !1,
+  ...a
+}) => /* @__PURE__ */ e(
+  "div",
   {
-    ref: r,
-    className: m(c.content, o.className),
-    ...o,
-    children: o.children
+    className: m(s.container, r && s.fluid, a.className),
+    ...a,
+    children: /* @__PURE__ */ e("div", { className: s.flex, children: l })
   }
-));
+);
 export {
-  l as AccordionContent
+  t as Flex
 };

package/index44.js

@@ -1,6 +1,27 @@
-import { createContext as o, useContext as t } from "react";
-const e = o("p"), n = () => t(e);
+import { jsx as e } from "react/jsx-runtime";
+import { s } from "./Flex.module-CpoxBzQX.js";
+import { c as r } from "./clsx-OuTLNxxd.js";
+const x = ({
+  children: l,
+  col: o,
+  offset: t,
+  ...c
+}) => {
+  const m = o ? `col-${o}` : "", a = t ? `offset-${t}` : "";
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: r(
+        s.col,
+        s[m],
+        s[a],
+        c.className
+      ),
+      ...c,
+      children: l
+    }
+  );
+};
 export {
-  e as AccordionTagContext,
-  n as useAccordionTag
+  x as FlexItem
 };

package/index45.js

@@ -1,53 +1,18 @@
-import { jsx as c, jsxs as x } from "react/jsx-runtime";
-import r from "react";
-import { $ as C, s as i, a as V, C as v } from "./Checkbox-CllWDBxF.js";
-import { $ as I } from "./Group-DPMuN3h8.js";
-import { I as S } from "./TextField-C_hq9WeT.js";
-const N = ({
-  label: m,
-  description: f,
-  errorMessage: g,
-  showSelectAll: p,
-  children: s,
-  ...h
-}) => {
-  const [t, e] = r.useState(), b = () => {
-    const l = r.useContext(V), n = r.Children.toArray(s).filter(r.isValidElement).map((a) => a.props.value), A = () => t !== "all" ? (e("all"), l == null ? void 0 : l.setValue(["toggleAll", ...n])) : (e("none"), l == null ? void 0 : l.setValue([]));
-    return r.useEffect(() => {
-      var u, d;
-      const a = n.length, $ = n.length + 1, o = ((u = l == null ? void 0 : l.value) == null ? void 0 : u.length) || 0;
-      o === 0 && e("none"), o > 0 && o < a && e("some"), o !== $ && (l == null || l.removeValue("toggleAll")), o === a && !((d = l == null ? void 0 : l.value) != null && d.includes("toggleAll")) && (l == null || l.addValue("toggleAll"), e("all"));
-    }, [n.length, l == null ? void 0 : l.value]), /* @__PURE__ */ c(
-      v,
-      {
-        value: "toggleAll",
-        isSelected: t === "all",
-        isIndeterminate: t === "some",
-        onChange: () => A(),
-        children: "Välj alla"
-      }
-    );
-  };
-  return /* @__PURE__ */ c(
-    C,
-    {
-      className: i.checkboxGroup,
-      ...h,
-      children: /* @__PURE__ */ c(
-        S,
-        {
-          label: m,
-          description: f,
-          errorMessage: g,
-          children: /* @__PURE__ */ x(I, { className: i.wrap, children: [
-            p && /* @__PURE__ */ c(b, {}),
-            s
-          ] })
-        }
-      )
-    }
-  );
-};
+import { jsx as a } from "react/jsx-runtime";
+import { s } from "./Grid.module-Ia0e9Dix.js";
+import { c as o } from "./clsx-OuTLNxxd.js";
+const t = ({
+  children: i,
+  fluid: m = !1,
+  ...r
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: o(s.container, m && s.fluid, r.className),
+    ...r,
+    children: /* @__PURE__ */ a("div", { className: s.grid, children: i })
+  }
+);
 export {
-  N as CheckboxGroup
+  t as Grid
 };

package/index46.js

@@ -1,18 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import { s } from "./Flex.module-CpoxBzQX.js";
-import { c as m } from "./clsx-OuTLNxxd.js";
-const t = ({
-  children: l,
-  fluid: r = !1,
-  ...a
-}) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: m(s.container, r && s.fluid, a.className),
-    ...a,
-    children: /* @__PURE__ */ e("div", { className: s.flex, children: l })
-  }
-);
+import { jsx as t } from "react/jsx-runtime";
+import { s as m } from "./Grid.module-Ia0e9Dix.js";
+import { c as a } from "./clsx-OuTLNxxd.js";
+const p = ({
+  children: r,
+  col: s,
+  ...o
+}) => {
+  const c = s ? `col-${s}` : "";
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: a(m.col, m[c], o.className),
+      ...o,
+      children: r
+    }
+  );
+};
 export {
-  t as Flex
+  p as GridItem
 };

package/index47.js

@@ -1,27 +1,49 @@
-import { jsx as e } from "react/jsx-runtime";
-import { s } from "./Flex.module-CpoxBzQX.js";
-import { c as r } from "./clsx-OuTLNxxd.js";
-const x = ({
-  children: l,
-  col: o,
-  offset: t,
-  ...c
-}) => {
-  const m = o ? `col-${o}` : "", a = t ? `offset-${t}` : "";
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: r(
-        s.col,
-        s[m],
-        s[a],
-        c.className
-      ),
-      ...c,
-      children: l
-    }
-  );
-};
-export {
-  x as FlexItem
-};
+import { jsx as r } from "react/jsx-runtime";
+import { r as t } from "./react.esm-sMU8Z7rL.js";
+import { MultiSelect as a } from "./index77.js";
+const o = [
+  "Apple",
+  "Banana",
+  "Kiwi",
+  "Elderflower",
+  "Nectarine",
+  "Watermelon",
+  "Pineapple",
+  "Apricot",
+  "Cloudberry",
+  "Mango",
+  "Strawberry",
+  "Blueberry",
+  "Raspberry",
+  "Blackberry",
+  "Cherry",
+  "Peach",
+  "Plum",
+  "Grape",
+  "Orange",
+  "Lemon",
+  "Lime",
+  "Coconut",
+  "Fig",
+  "Papaya",
+  "Guava",
+  "Pomegranate",
+  "Dragonfruit",
+  "Starfruit",
+  "Passionfruit"
+], i = o.map((e) => ({ name: e, id: e.toLocaleLowerCase() }));
+describe("MultiSelect", () => {
+  it("should render successfully", () => {
+    const { baseElement: e } = t(
+      /* @__PURE__ */ r(
+        a,
+        {
+          label: "Label",
+          description: "Etikett",
+          items: i
+        }
+      )
+    );
+    expect(e).toBeTruthy();
+  });
+});

package/index48.js

@@ -1,18 +1,5 @@
-import { jsx as a } from "react/jsx-runtime";
-import { s } from "./Grid.module-Ia0e9Dix.js";
-import { c as o } from "./clsx-OuTLNxxd.js";
-const t = ({
-  children: i,
-  fluid: m = !1,
-  ...r
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: o(s.container, m && s.fluid, r.className),
-    ...r,
-    children: /* @__PURE__ */ a("div", { className: s.grid, children: i })
-  }
-);
-export {
-  t as Grid
-};
+describe("Modal", () => {
+  it("should pass without testing", () => {
+    expect(!0).toBe(!0);
+  });
+});

package/index49.js

@@ -1,21 +1,25 @@
-import { jsx as t } from "react/jsx-runtime";
-import { s as m } from "./Grid.module-Ia0e9Dix.js";
-import { c as a } from "./clsx-OuTLNxxd.js";
-const p = ({
-  children: r,
-  col: s,
-  ...o
-}) => {
-  const c = s ? `col-${s}` : "";
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: a(m.col, m[c], o.className),
-      ...o,
-      children: r
-    }
-  );
-};
-export {
-  p as GridItem
-};
+import { jsx as o } from "react/jsx-runtime";
+import { r } from "./react.esm-sMU8Z7rL.js";
+import "./index-BPdc9gJ8.js";
+import { Logo as i } from "./index70.js";
+import { j as t } from "./index-KSgQWWiy.js";
+expect.extend(t.toHaveNoViolations);
+describe("given a default Logo", () => {
+  let e;
+  beforeEach(() => {
+    e = r(
+      /* @__PURE__ */ o(
+        a,
+        {
+          primary: !0,
+          background: !0
+        }
+      )
+    );
+  }), it("should render successfully", () => {
+    expect(e).toBeTruthy();
+  }), it("should have no accessibility violations", async () => {
+    expect(await t.axe(await e.findByRole("img"))).toHaveNoViolations();
+  });
+});
+const a = (e) => /* @__PURE__ */ o(i, { ...e });

package/index5.js

@@ -1,4 +1,4 @@
-import { T as r, a as T } from "./Tag-CEd6WWSc.js";
+import { T as r, a as T } from "./Tag-DWt0koFj.js";
 export {
   r as Tag,
   T as TagGroup

package/index50.js

@@ -1,49 +1,18 @@
-import { jsx as r } from "react/jsx-runtime";
-import { r as t } from "./react.esm-D8HpDGKP.js";
-import { MultiSelect as a } from "./index80.js";
-const o = [
-  "Apple",
-  "Banana",
-  "Kiwi",
-  "Elderflower",
-  "Nectarine",
-  "Watermelon",
-  "Pineapple",
-  "Apricot",
-  "Cloudberry",
-  "Mango",
-  "Strawberry",
-  "Blueberry",
-  "Raspberry",
-  "Blackberry",
-  "Cherry",
-  "Peach",
-  "Plum",
-  "Grape",
-  "Orange",
-  "Lemon",
-  "Lime",
-  "Coconut",
-  "Fig",
-  "Papaya",
-  "Guava",
-  "Pomegranate",
-  "Dragonfruit",
-  "Starfruit",
-  "Passionfruit"
-], i = o.map((e) => ({ name: e, id: e.toLocaleLowerCase() }));
-describe("MultiSelect", () => {
-  it("should render successfully", () => {
-    const { baseElement: e } = t(
-      /* @__PURE__ */ r(
-        a,
-        {
-          label: "Label",
-          description: "Etikett",
-          items: i
-        }
-      )
-    );
-    expect(e).toBeTruthy();
+import { jsx as o } from "react/jsx-runtime";
+import "./index-BPdc9gJ8.js";
+import { r as n } from "./react.esm-sMU8Z7rL.js";
+import { j as t } from "./index-KSgQWWiy.js";
+import { LinkButton as a } from "./index75.js";
+expect.extend(t.toHaveNoViolations);
+describe("given a default link", () => {
+  let e, i;
+  beforeEach(() => {
+    e = n(/* @__PURE__ */ o(r, { onPress: i }));
+  }), it("should have no accessibility violations", async () => {
+    expect(await t.axe(e.container)).toHaveNoViolations();
   });
 });
+const r = (e) => (
+  // @ts-ignore
+  /* @__PURE__ */ o(a, { ...e, children: "Click" })
+);

package/index51.js

@@ -1,5 +1,9 @@
-describe("Modal", () => {
-  it("should pass without testing", () => {
-    expect(!0).toBe(!0);
+import { jsx as r } from "react/jsx-runtime";
+import { r as i } from "./react.esm-sMU8Z7rL.js";
+import { Link as o } from "./index74.js";
+describe("Link", () => {
+  it("should render successfully", () => {
+    const { baseElement: e } = i(/* @__PURE__ */ r(o, { children: "Link" }));
+    expect(e).toBeTruthy();
   });
 });

package/index52.js

@@ -1,25 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
-import { r } from "./react.esm-D8HpDGKP.js";
-import "./index-CorR1LBD.js";
-import { Logo as i } from "./index73.js";
-import { j as t } from "./index-Dl1Q-tbj.js";
-expect.extend(t.toHaveNoViolations);
-describe("given a default Logo", () => {
-  let e;
-  beforeEach(() => {
-    e = r(
-      /* @__PURE__ */ o(
-        a,
+import { jsx as r } from "react/jsx-runtime";
+import { r as t } from "./react.esm-sMU8Z7rL.js";
+import { Layout as d } from "./index76.js";
+describe("Sidebar", () => {
+  it("should render successfully", () => {
+    const { baseElement: e } = t(
+      /* @__PURE__ */ r(
+        d,
         {
-          primary: !0,
-          background: !0
+          items: [],
+          title: "",
+          children: void 0,
+          headerChildren: void 0,
+          user: { name: "", title: "" },
+          app: {
+            name: "",
+            shortName: "",
+            color: void 0
+          }
         }
       )
     );
-  }), it("should render successfully", () => {
     expect(e).toBeTruthy();
-  }), it("should have no accessibility violations", async () => {
-    expect(await t.axe(await e.findByRole("img"))).toHaveNoViolations();
   });
 });
-const a = (e) => /* @__PURE__ */ o(i, { ...e });

package/index53.js

@@ -1,18 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import "./index-CorR1LBD.js";
-import { r as n } from "./react.esm-D8HpDGKP.js";
-import { j as t } from "./index-Dl1Q-tbj.js";
-import { LinkButton as a } from "./index78.js";
-expect.extend(t.toHaveNoViolations);
-describe("given a default link", () => {
-  let e, i;
-  beforeEach(() => {
-    e = n(/* @__PURE__ */ o(r, { onPress: i }));
-  }), it("should have no accessibility violations", async () => {
-    expect(await t.axe(e.container)).toHaveNoViolations();
+import { jsx as r } from "react/jsx-runtime";
+import { r as s } from "./react.esm-sMU8Z7rL.js";
+import { InfoBanner as t } from "./index69.js";
+describe("InfoBanner", () => {
+  it("should render successfully", () => {
+    const { baseElement: e } = s(
+      /* @__PURE__ */ r(
+        t,
+        {
+          type: "info",
+          title: "Title",
+          message: "Message"
+        }
+      )
+    );
+    expect(e).toBeTruthy();
   });
 });
-const r = (e) => (
-  // @ts-ignore
-  /* @__PURE__ */ o(a, { ...e, children: "Click" })
-);

package/index54.js

@@ -1,9 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
-import { r as i } from "./react.esm-D8HpDGKP.js";
-import { Link as o } from "./index77.js";
-describe("Link", () => {
+import { r as i } from "./react.esm-sMU8Z7rL.js";
+import { Grid as t } from "./index45.js";
+describe("Grid", () => {
   it("should render successfully", () => {
-    const { baseElement: e } = i(/* @__PURE__ */ r(o, { children: "Link" }));
+    const { baseElement: e } = i(
+      /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", { children: "Item" }) })
+    );
     expect(e).toBeTruthy();
   });
 });