@midas-ds/components 14.0.0 → 14.1.0

package/{Checkbox-Cr3MmHPE.js → Checkbox-CdN1D5pD.js}

@@ -1,149 +1,153 @@
 import { jsxs as F, jsx as c } from "react/jsx-runtime";
 import * as R from "react";
-import H, { useEffect as C, useRef as W } from "react";
-import { a as z } from "./RSPContexts-BW2SEIqe.js";
-import { $ as J, c as K } from "./utils-BMBoiyL7.js";
-import { $ as Q } from "./Form-CXcEMuBf.js";
+import H, { useEffect as C, useMemo as W, useRef as z } from "react";
+import { c as J } from "./RSPContexts-B0lEq7qq.js";
+import { $ as K, c as Q } from "./utils-D2iKpxcZ.js";
+import { $ as T } from "./Form-CXcEMuBf.js";
 import { c as S } from "./clsx-OuTLNxxd.js";
 import { a as y } from "./mergeProps-Ct8m5-xW.js";
-import { $ as T } from "./VisuallyHidden-D2ZXHTJs.js";
-import { a as X, $ as D, b as Y, d as _, e as Z } from "./useFormValidation-DdIIVZ5j.js";
-import { b as g } from "./usePress-4yZ5a87p.js";
-import { $ as ee } from "./filterDOMProps-wsa9OcNI.js";
-import { a as ae } from "./useFocusable-CCh54GIw.js";
+import { $ as X } from "./VisuallyHidden-DuW70K-5.js";
+import { a as Y, $ as D, b as Z, d as _, e as ee } from "./useFormValidation-By7G-T7y.js";
+import { b as g } from "./usePress-BqQIhkNY.js";
+import { $ as ae } from "./filterDOMProps-wsa9OcNI.js";
+import { a as ie } from "./useFocusable-BJj-Bkig.js";
 import { $ as B } from "./useToggleState-BVOqL4hI.js";
-import { $ as ie } from "./useHover-zCCNtF6g.js";
-import { $ as de } from "./useFocusRing-Copf_tx8.js";
-import './assets/Checkbox.css';function ne(e, a, i) {
-  let { isDisabled: d = !1, isReadOnly: n = !1, value: o, name: s, form: t, children: l, "aria-label": b, "aria-labelledby": $, validationState: v = "valid", isInvalid: m, onPressStart: h, onPressEnd: P, onPressChange: f, onPress: u, onPressUp: r, onClick: I } = e, E = (x) => {
+import { $ as de } from "./useHover-DkC5FyNd.js";
+import { $ as ne } from "./useFocusRing-CcxI7nbg.js";
+import './assets/Checkbox.css';function oe(e, a, i) {
+  let { isDisabled: d = !1, isReadOnly: n = !1, value: s, name: t, form: r, children: o, "aria-label": v, "aria-labelledby": $, validationState: b = "valid", isInvalid: m, onPressStart: h, onPressEnd: P, onPressChange: f, onPress: u, onPressUp: l, onClick: I } = e, q = (x) => {
     x.stopPropagation(), a.setSelected(x.target.checked);
-  }, p = l != null, w = b != null || $ != null;
-  !p && !w && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-  let { pressProps: G, isPressed: N } = g({
+  }, w = o != null, E = v != null || $ != null;
+  !w && !E && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let { pressProps: G, isPressed: M } = g({
     onPressStart: h,
     onPressEnd: P,
     onPressChange: f,
     onPress: u,
-    onPressUp: r,
+    onPressUp: l,
     onClick: I,
     isDisabled: d
-  }), { pressProps: L, isPressed: U } = g({
+  }), { pressProps: N, isPressed: L } = g({
     onPressStart: h,
     onPressEnd: P,
     onPressChange: f,
-    onPressUp: r,
+    onPressUp: l,
     onClick: I,
     onPress(x) {
       var k;
       u == null || u(x), a.toggle(), (k = i.current) === null || k === void 0 || k.focus();
     },
     isDisabled: d || n
-  }), { focusableProps: j } = ae(e, i), A = y(G, j), M = ee(e, {
+  }), { focusableProps: U } = ie(e, i), j = y(G, U), A = ae(e, {
     labelable: !0
   });
-  return X(i, a.defaultSelected, a.setSelected), {
-    labelProps: y(L, {
+  return Y(i, a.defaultSelected, a.setSelected), {
+    labelProps: y(N, {
       onClick: (x) => x.preventDefault()
     }),
-    inputProps: y(M, {
-      "aria-invalid": m || v === "invalid" || void 0,
+    inputProps: y(A, {
+      "aria-invalid": m || b === "invalid" || void 0,
       "aria-errormessage": e["aria-errormessage"],
       "aria-controls": e["aria-controls"],
       "aria-readonly": n || void 0,
-      onChange: E,
+      onChange: q,
       disabled: d,
-      ...o == null ? {} : {
-        value: o
+      ...s == null ? {} : {
+        value: s
       },
-      name: s,
-      form: t,
+      name: t,
+      form: r,
       type: "checkbox",
-      ...A
+      ...j
     }),
     isSelected: a.isSelected,
-    isPressed: N || U,
+    isPressed: M || L,
     isDisabled: d,
     isReadOnly: n,
-    isInvalid: m || v === "invalid"
+    isInvalid: m || b === "invalid"
   };
 }
 function O(e, a, i) {
   let d = D({
     ...e,
     value: a.isSelected
-  }), { isInvalid: n, validationErrors: o, validationDetails: s } = d.displayValidation, { labelProps: t, inputProps: l, isSelected: b, isPressed: $, isDisabled: v, isReadOnly: m } = ne({
+  }), { isInvalid: n, validationErrors: s, validationDetails: t } = d.displayValidation, { labelProps: r, inputProps: o, isSelected: v, isPressed: $, isDisabled: b, isReadOnly: m } = oe({
     ...e,
     isInvalid: n
   }, a, i);
-  Y(e, d, i);
+  Z(e, d, i);
   let { isIndeterminate: h, isRequired: P, validationBehavior: f = "aria" } = e;
   C(() => {
     i.current && (i.current.indeterminate = !!h);
   });
   let { pressProps: u } = g({
-    isDisabled: v || m,
+    isDisabled: b || m,
     onPress() {
-      let { [_]: r } = e, { commitValidation: I } = r || d;
+      let { [_]: l } = e, { commitValidation: I } = l || d;
       I();
     }
   });
   return {
-    labelProps: y(t, u),
+    labelProps: y(r, u, W(() => ({
+      // Prevent label from being focused when mouse down on it.
+      // Note, this does not prevent the input from being focused in the `click` event.
+      onMouseDown: (l) => l.preventDefault()
+    }), [])),
     inputProps: {
-      ...l,
-      checked: b,
+      ...o,
+      checked: v,
       "aria-required": P && f === "aria" || void 0,
       required: P && f === "native"
     },
-    isSelected: b,
+    isSelected: v,
     isPressed: $,
-    isDisabled: v,
+    isDisabled: b,
     isReadOnly: m,
     isInvalid: n,
-    validationErrors: o,
-    validationDetails: s
+    validationErrors: s,
+    validationDetails: t
   };
 }
 const le = /* @__PURE__ */ new WeakMap();
-function oe(e, a, i) {
+function se(e, a, i) {
   const d = B({
     isReadOnly: e.isReadOnly || a.isReadOnly,
     isSelected: a.isSelected(e.value),
     defaultSelected: a.defaultValue.includes(e.value),
-    onChange(r) {
-      r ? a.addValue(e.value) : a.removeValue(e.value), e.onChange && e.onChange(r);
+    onChange(l) {
+      l ? a.addValue(e.value) : a.removeValue(e.value), e.onChange && e.onChange(l);
     }
   });
-  let { name: n, form: o, descriptionId: s, errorMessageId: t, validationBehavior: l } = le.get(a);
-  var b;
-  l = (b = e.validationBehavior) !== null && b !== void 0 ? b : l;
+  let { name: n, form: s, descriptionId: t, errorMessageId: r, validationBehavior: o } = le.get(a);
+  var v;
+  o = (v = e.validationBehavior) !== null && v !== void 0 ? v : o;
   let { realtimeValidation: $ } = D({
     ...e,
     value: d.isSelected,
     // Server validation is handled at the group level.
     name: void 0,
     validationBehavior: "aria"
-  }), v = W(Z), m = () => {
-    a.setInvalid(e.value, $.isInvalid ? $ : v.current);
+  }), b = z(ee), m = () => {
+    a.setInvalid(e.value, $.isInvalid ? $ : b.current);
   };
   C(m);
-  let h = a.realtimeValidation.isInvalid ? a.realtimeValidation : $, P = l === "native" ? a.displayValidation : h;
+  let h = a.realtimeValidation.isInvalid ? a.realtimeValidation : $, P = o === "native" ? a.displayValidation : h;
   var f;
   let u = O({
     ...e,
     isReadOnly: e.isReadOnly || a.isReadOnly,
     isDisabled: e.isDisabled || a.isDisabled,
     name: e.name || n,
-    form: e.form || o,
+    form: e.form || s,
     isRequired: (f = e.isRequired) !== null && f !== void 0 ? f : a.isRequired,
-    validationBehavior: l,
+    validationBehavior: o,
     [_]: {
       realtimeValidation: h,
       displayValidation: P,
       resetValidation: a.resetValidation,
       commitValidation: a.commitValidation,
-      updateValidation(r) {
-        v.current = r, m();
+      updateValidation(l) {
+        b.current = l, m();
       }
     }
   }, d, i);
@@ -153,18 +157,18 @@ function oe(e, a, i) {
       ...u.inputProps,
       "aria-describedby": [
         e["aria-describedby"],
-        a.isInvalid ? t : null,
-        s
+        a.isInvalid ? r : null,
+        t
       ].filter(Boolean).join(" ") || void 0
     }
   };
 }
-const se = H.createContext(null), te = "_checkboxInner_164xy_1", re = "_checkbox_164xy_1", ce = "_checkboxGroup_164xy_142", V = {
-  checkboxInner: te,
-  checkbox: re,
-  checkboxGroup: ce
-}, q = R.forwardRef((e, a) => {
-  const { hoverProps: i, isHovered: d } = e.hoverResult, { pressProps: n, isPressed: o } = e.pressResult, { isFocused: s, isFocusVisible: t, focusProps: l } = e.focusRingAria;
+const te = H.createContext(null), re = "_checkboxInner_164xy_1", ce = "_checkbox_164xy_1", fe = "_checkboxGroup_164xy_142", V = {
+  checkboxInner: re,
+  checkbox: ce,
+  checkboxGroup: fe
+}, p = R.forwardRef((e, a) => {
+  const { hoverProps: i, isHovered: d } = e.hoverResult, { pressProps: n, isPressed: s } = e.pressResult, { isFocused: t, isFocusVisible: r, focusProps: o } = e.focusRingAria;
   return /* @__PURE__ */ F(
     "label",
     {
@@ -175,12 +179,12 @@ const se = H.createContext(null), te = "_checkboxInner_164xy_1", re = "_checkbox
       "data-hovered": d || void 0,
       "data-selected": e.isSelected || void 0,
       "data-indeterminate": e.isIndeterminate || void 0,
-      "data-pressed": o || void 0,
+      "data-pressed": s || void 0,
       "data-disabled": e.isDisabled || void 0,
       "data-readonly": e.isReadOnly || void 0,
       "data-invalid": e.isInvalid || void 0,
-      "data-focused": s || void 0,
-      "data-focus-visible": t || void 0,
+      "data-focused": t || void 0,
+      "data-focus-visible": r || void 0,
       "data-required": e.isRequired || void 0,
       children: [
         /* @__PURE__ */ c("div", { className: S(V.checkboxInner), children: /* @__PURE__ */ c(
@@ -201,10 +205,10 @@ const se = H.createContext(null), te = "_checkboxInner_164xy_1", re = "_checkbox
             ) : /* @__PURE__ */ c("polyline", { points: "3,9 7,13 15,4" })
           }
         ) }),
-        /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(
+        /* @__PURE__ */ c(X, { children: /* @__PURE__ */ c(
           "input",
           {
-            ...y(e.inputProps, l),
+            ...y(e.inputProps, o),
             ref: e.inputRef
           }
         ) }),
@@ -212,8 +216,8 @@ const se = H.createContext(null), te = "_checkboxInner_164xy_1", re = "_checkbox
       ]
     }
   );
-}), fe = R.forwardRef((e, a) => {
-  const i = oe(
+}), ue = R.forwardRef((e, a) => {
+  const i = se(
     {
       ...e,
       value: e.value || ""
@@ -222,49 +226,49 @@ const se = H.createContext(null), te = "_checkboxInner_164xy_1", re = "_checkbox
     e.inputRef
   );
   return /* @__PURE__ */ c(
-    q,
+    p,
     {
       ...e,
       ...i,
       ref: a
     }
   );
-}), ue = R.forwardRef((e, a) => {
+}), ve = R.forwardRef((e, a) => {
   const i = O(e, B(e), e.inputRef);
   return /* @__PURE__ */ c(
-    q,
+    p,
     {
       ...e,
       ...i,
       ref: a
     }
   );
-}), De = R.forwardRef(
+}), _e = R.forwardRef(
   (e, a) => {
-    [e, a] = J(e, a, z);
-    const i = K(Q), d = e.validationBehavior ?? (i == null ? void 0 : i.validationBehavior) ?? "native", n = R.useContext(se), o = R.useRef(null), s = ie(e), t = g({
+    [e, a] = K(e, a, J);
+    const i = Q(T), d = e.validationBehavior ?? (i == null ? void 0 : i.validationBehavior) ?? "native", n = R.useContext(te), s = R.useRef(null), t = de(e), r = g({
       ref: a,
       isDisabled: e.isDisabled
-    }), l = de();
+    }), o = ne();
     return n ? /* @__PURE__ */ c(
-      fe,
+      ue,
       {
         ...e,
         state: n,
-        inputRef: o,
-        hoverResult: s,
-        pressResult: t,
-        focusRingAria: l,
+        inputRef: s,
+        hoverResult: t,
+        pressResult: r,
+        focusRingAria: o,
         validationBehavior: d
       }
     ) : /* @__PURE__ */ c(
-      ue,
+      ve,
       {
         ...e,
-        inputRef: o,
-        hoverResult: s,
-        pressResult: t,
-        focusRingAria: l,
+        inputRef: s,
+        hoverResult: t,
+        pressResult: r,
+        focusRingAria: o,
         validationBehavior: d
       }
     );
@@ -272,7 +276,7 @@ const se = H.createContext(null), te = "_checkboxInner_164xy_1", re = "_checkbox
 );
 export {
   le as $,
-  De as C,
-  se as a,
+  _e as C,
+  te as a,
   V as s
 };

package/{CheckboxGroup-DEY3JDEL.js → CheckboxGroup-B1b-6bKq.js}

@@ -1,16 +1,16 @@
 import { jsx as s, jsxs as g } from "react/jsx-runtime";
-import { a as P, L as V } from "./Label-CV9p0K2n.js";
-import { T as S } from "./Text-BQe1I4-r.js";
+import { a as P, L as V } from "./Label-BGMXsSFb.js";
+import { T as S } from "./Text-BBFWBNAH.js";
 import * as m from "react";
 import { useState as C, useRef as y } from "react";
-import { $ as p, C as v, s as D, a as I } from "./Checkbox-Cr3MmHPE.js";
-import { $ as R, F as k } from "./FieldError-C4kD4yJZ.js";
-import { $ as F, c as A } from "./useFormValidation-DdIIVZ5j.js";
+import { $ as p, C as v, s as D, a as I } from "./Checkbox-CdN1D5pD.js";
+import { $ as R, F as k } from "./FieldError-l3xULRa0.js";
+import { $ as F, c as A } from "./useFormValidation-By7G-T7y.js";
 import { $ as E } from "./useControlledState-u436Wbp1.js";
 import { a as M } from "./mergeProps-Ct8m5-xW.js";
 import { $ as O } from "./filterDOMProps-wsa9OcNI.js";
-import { $ as W } from "./useField-sSWPm-He.js";
-import { $ as B } from "./useFocusWithin-BKopz9sr.js";
+import { $ as W } from "./useField-BhJ9dM2g.js";
+import { $ as B } from "./useFocusWithin-DhXBuB2O.js";
 import { u as L } from "./useLocalizedStringFormatter-aOhh7wdl.js";
 function G(e, a) {
   let { isDisabled: t, name: c, form: f, validationBehavior: n = "aria" } = e, { isInvalid: r, validationErrors: d, validationDetails: l } = a.displayValidation, { labelProps: u, fieldProps: $, descriptionProps: i, errorMessageProps: o } = W({

package/{CheckboxGroup-f9Oa1MhQ.cjs → CheckboxGroup-BfZyy5yU.cjs}

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),m=require("./Label-CkIRTC0_.cjs"),C=require("./Text-CkhZTTV5.cjs"),$=require("react"),h=require("./Checkbox-D-CFY6QF.cjs"),g=require("./FieldError-C4WBoCRc.cjs"),P=require("./useFormValidation-BJNizNDf.cjs"),y=require("./useControlledState-D0L6S_5r.cjs"),j=require("./mergeProps-Du5A8xi8.cjs"),q=require("./filterDOMProps-RRlKPKX0.cjs"),k=require("./useField-CY4OYE5a.cjs"),D=require("./useFocusWithin-TryC2Kkw.cjs"),F=require("./useLocalizedStringFormatter-BSac43NO.cjs");function O(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const v=O($);function R(e,t){let{isDisabled:a,name:n,form:u,validationBehavior:c="aria"}=e,{isInvalid:r,validationErrors:d,validationDetails:l}=t.displayValidation,{labelProps:f,fieldProps:x,descriptionProps:i,errorMessageProps:o}=k.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:r,errorMessage:e.errorMessage||d});h.$1ae600c947479353$export$ec98120685d4f57d.set(t,{name:n,form:u,descriptionId:i.id,errorMessageId:o.id,validationBehavior:c});let b=q.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),{focusWithinProps:S}=D.$9ab94262bd0047c7$export$420e68273165f4ec({onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:j.$3ef42575df84b30b$export$9d1611c77c2fe928(b,{role:"group","aria-disabled":a||void 0,...x,...S}),labelProps:f,descriptionProps:i,errorMessageProps:o,isInvalid:r,validationErrors:d,validationDetails:l}}function I(e={}){let[t,a]=y.$458b0a5536c1a7cf$export$40bfa8c7b0832715(e.value,e.defaultValue||[],e.onChange),[n]=$.useState(t),u=!!e.isRequired&&t.length===0,c=$.useRef(new Map),r=P.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:t}),d=r.displayValidation.isInvalid;var l,f;return{...r,value:t,defaultValue:(l=e.defaultValue)!==null&&l!==void 0?l:n,setValue(i){e.isReadOnly||e.isDisabled||a(i)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(i){return t.includes(i)},addValue(i){e.isReadOnly||e.isDisabled||t.includes(i)||(t=t.concat(i),a(t))},removeValue(i){e.isReadOnly||e.isDisabled||t.includes(i)&&a(t.filter(o=>o!==i))},toggleValue(i){e.isReadOnly||e.isDisabled||(t.includes(i)?a(t.filter(o=>o!==i)):a(t.concat(i)))},setInvalid(i,o){let b=new Map(c.current);o.isInvalid?b.set(i,o):b.delete(i),c.current=b,r.updateValidation(P.$e5be200c675c3b3a$export$75ee7c75d68f5b0e(...b.values()))},validationState:(f=e.validationState)!==null&&f!==void 0?f:d?"invalid":null,isInvalid:d,isRequired:u}}const M=(e,{value:t})=>{const a=v.Children.toArray(e).filter(l=>v.isValidElement(l)&&l.type===h.Checkbox),n=v.Children.count(a),u=v.Children.toArray(e).filter(l=>v.isValidElement(l)).filter(l=>!!l&&l.type===h.Checkbox).map(l=>l.props.value),c=t.length===0,r=t.length===n;return{allSelected:r,someSelected:!c&&!r,checkboxValues:u}},V=({state:e,errorMessage:t})=>s.jsx(g.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:e.displayValidation,children:s.jsx(g.FieldError,{children:t})}),E={selectAll:"Select all"},A={selectAll:"Välj alla"},W={en:E,sv:A};function _(e){const t=I(e),a=F.useLocalizedStringFormatter(W),{groupProps:n,labelProps:u,descriptionProps:c}=R(e,t),{allSelected:r,someSelected:d,checkboxValues:l}=M(e.children,t),f=x=>{t.setValue(x?l:[])};return s.jsxs("div",{...n,className:h.styles.checkboxGroup,children:[s.jsx(m.LabelWrapper,{popover:e.popover,children:e.label&&s.jsx(m.Label,{...u,children:e.label})}),e.description&&s.jsx(C.Text,{slot:"description",...c,children:e.description}),e.errorPosition==="top"&&s.jsx(V,{...e,state:t}),e.showSelectAll&&s.jsx(h.Checkbox,{isSelected:r,isIndeterminate:d,onChange:f,children:e.selectAllLabel||a.format("selectAll")}),s.jsx(h.CheckboxGroupContext.Provider,{value:t,children:e.children}),e.errorPosition==="bottom"&&s.jsx(V,{...e,state:t})]})}exports.CheckboxGroup=_;
+"use strict";const s=require("react/jsx-runtime"),m=require("./Label-CNTODOFg.cjs"),C=require("./Text-D5OSv6Uv.cjs"),$=require("react"),h=require("./Checkbox-BgrLxY6P.cjs"),g=require("./FieldError-Cimgm8qD.cjs"),P=require("./useFormValidation-DV2Ioblb.cjs"),y=require("./useControlledState-D0L6S_5r.cjs"),j=require("./mergeProps-Du5A8xi8.cjs"),q=require("./filterDOMProps-RRlKPKX0.cjs"),k=require("./useField-DvszkIMx.cjs"),D=require("./useFocusWithin-GBjoTL5o.cjs"),F=require("./useLocalizedStringFormatter-BSac43NO.cjs");function O(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const v=O($);function R(e,t){let{isDisabled:a,name:n,form:u,validationBehavior:c="aria"}=e,{isInvalid:r,validationErrors:d,validationDetails:l}=t.displayValidation,{labelProps:f,fieldProps:x,descriptionProps:i,errorMessageProps:o}=k.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:r,errorMessage:e.errorMessage||d});h.$1ae600c947479353$export$ec98120685d4f57d.set(t,{name:n,form:u,descriptionId:i.id,errorMessageId:o.id,validationBehavior:c});let b=q.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),{focusWithinProps:S}=D.$9ab94262bd0047c7$export$420e68273165f4ec({onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:j.$3ef42575df84b30b$export$9d1611c77c2fe928(b,{role:"group","aria-disabled":a||void 0,...x,...S}),labelProps:f,descriptionProps:i,errorMessageProps:o,isInvalid:r,validationErrors:d,validationDetails:l}}function I(e={}){let[t,a]=y.$458b0a5536c1a7cf$export$40bfa8c7b0832715(e.value,e.defaultValue||[],e.onChange),[n]=$.useState(t),u=!!e.isRequired&&t.length===0,c=$.useRef(new Map),r=P.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:t}),d=r.displayValidation.isInvalid;var l,f;return{...r,value:t,defaultValue:(l=e.defaultValue)!==null&&l!==void 0?l:n,setValue(i){e.isReadOnly||e.isDisabled||a(i)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(i){return t.includes(i)},addValue(i){e.isReadOnly||e.isDisabled||t.includes(i)||(t=t.concat(i),a(t))},removeValue(i){e.isReadOnly||e.isDisabled||t.includes(i)&&a(t.filter(o=>o!==i))},toggleValue(i){e.isReadOnly||e.isDisabled||(t.includes(i)?a(t.filter(o=>o!==i)):a(t.concat(i)))},setInvalid(i,o){let b=new Map(c.current);o.isInvalid?b.set(i,o):b.delete(i),c.current=b,r.updateValidation(P.$e5be200c675c3b3a$export$75ee7c75d68f5b0e(...b.values()))},validationState:(f=e.validationState)!==null&&f!==void 0?f:d?"invalid":null,isInvalid:d,isRequired:u}}const M=(e,{value:t})=>{const a=v.Children.toArray(e).filter(l=>v.isValidElement(l)&&l.type===h.Checkbox),n=v.Children.count(a),u=v.Children.toArray(e).filter(l=>v.isValidElement(l)).filter(l=>!!l&&l.type===h.Checkbox).map(l=>l.props.value),c=t.length===0,r=t.length===n;return{allSelected:r,someSelected:!c&&!r,checkboxValues:u}},V=({state:e,errorMessage:t})=>s.jsx(g.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:e.displayValidation,children:s.jsx(g.FieldError,{children:t})}),E={selectAll:"Select all"},A={selectAll:"Välj alla"},W={en:E,sv:A};function _(e){const t=I(e),a=F.useLocalizedStringFormatter(W),{groupProps:n,labelProps:u,descriptionProps:c}=R(e,t),{allSelected:r,someSelected:d,checkboxValues:l}=M(e.children,t),f=x=>{t.setValue(x?l:[])};return s.jsxs("div",{...n,className:h.styles.checkboxGroup,children:[s.jsx(m.LabelWrapper,{popover:e.popover,children:e.label&&s.jsx(m.Label,{...u,children:e.label})}),e.description&&s.jsx(C.Text,{slot:"description",...c,children:e.description}),e.errorPosition==="top"&&s.jsx(V,{...e,state:t}),e.showSelectAll&&s.jsx(h.Checkbox,{isSelected:r,isIndeterminate:d,onChange:f,children:e.selectAllLabel||a.format("selectAll")}),s.jsx(h.CheckboxGroupContext.Provider,{value:t,children:e.children}),e.errorPosition==="bottom"&&s.jsx(V,{...e,state:t})]})}exports.CheckboxGroup=_;