@midas-ds/components 17.21.1 → 17.21.2

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 17.21.2 (2026-08-21)
+
+### 🩹 Fixes
+
+- **components,checkbox:** apply same disabled-item rule to CheckboxGroup select-all ([6b77e5a6e43](https://github.com/migrationsverket/midas/commit/6b77e5a6e43))
+- **components,select:** preserve disabled items' selection through select-all/clear-all ([7f5ab431c09](https://github.com/migrationsverket/midas/commit/7f5ab431c09))
+- **components,select:** only select real items in SelectAll ([0cab89d4283](https://github.com/migrationsverket/midas/commit/0cab89d4283))
+
+### 🧪 Tests updated
+
+- **components,select:** reproduce SelectAll bug with sections and disabled items ([458e1305dd6](https://github.com/migrationsverket/midas/commit/458e1305dd6))
+
 ## 17.21.1 (2026-08-18)
 
 ### 🩹 Fixes

package/checkbox/CheckboxGroup.stories.d.ts

@@ -24,6 +24,7 @@ export default _default;
 export declare const Primary: Story;
 export declare const ShowSelectAll: Story;
 export declare const SelectAllInteraction: Story;
+export declare const SelectAllWithPreselectedDisabledItem: Story;
 export declare const Disabled: Story;
 export declare const ReadOnly: Story;
 export declare const Invalid: Story;

package/checkbox/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/checkbox-DEN5T_Km.js";
+import { n as e, t } from "../chunks/checkbox-DzDcMqzR.js";
 export { e as Checkbox, t as CheckboxGroup };

package/checkbox/useSelectAll.d.ts

@@ -4,4 +4,5 @@ export declare const useSelectAll: (children: React.ReactNode, { value: selected
     allSelected: boolean;
     someSelected: boolean;
     checkboxValues: string[];
+    disabledSelectedValues: string[];
 };

package/chunks/{checkbox-DEN5T_Km.js → checkbox-DzDcMqzR.js}

@@ -134,11 +134,12 @@ L.displayName = "Checkbox";
 //#endregion
 //#region packages/components/src/checkbox/useSelectAll.ts
 var R = (e, { value: t }) => {
-	let n = c.Children.toArray(e).filter((e) => c.isValidElement(e) && e.type === L), r = c.Children.count(n), i = c.Children.toArray(e).filter((e) => c.isValidElement(e)).filter((e) => !!e && e.type === L).map((e) => e.props.value || ""), a = t.length === 0, o = t.length === r;
+	let n = c.Children.toArray(e).filter((e) => c.isValidElement(e) && e.type === L), r = n.filter((e) => !e.props.isDisabled).map((e) => e.props.value || ""), i = n.filter((e) => e.props.isDisabled).map((e) => e.props.value || "").filter((e) => t.includes(e)), a = t.filter((e) => r.includes(e)).length, o = a === 0, s = a === r.length;
 	return {
-		allSelected: o,
-		someSelected: !a && !o,
-		checkboxValues: i
+		allSelected: s,
+		someSelected: !o && !s,
+		checkboxValues: r,
+		disabledSelectedValues: i
 	};
 }, z = ({ state: e, errorMessage: t }) => /* @__PURE__ */ v(m.Provider, {
 	value: e.displayValidation,
@@ -150,8 +151,8 @@ var R = (e, { value: t }) => {
 //#endregion
 //#region packages/components/src/checkbox/CheckboxGroup.tsx
 function V(e) {
-	let t = k(e), n = r(B), { groupProps: a, labelProps: c, descriptionProps: l } = C(e, t), { allSelected: u, someSelected: d, checkboxValues: f } = R(e.children, t), p = (e) => {
-		t.setValue(e ? f : []);
+	let t = k(e), n = r(B), { groupProps: a, labelProps: c, descriptionProps: l } = C(e, t), { allSelected: u, someSelected: d, checkboxValues: f, disabledSelectedValues: p } = R(e.children, t), m = (e) => {
+		t.setValue(e ? [...f, ...p] : p);
 	};
 	return /* @__PURE__ */ y("div", {
 		...a,
@@ -181,7 +182,7 @@ function V(e) {
 					isSelected: u,
 					isIndeterminate: d,
 					isReadOnly: e.isReadOnly,
-					onChange: p,
+					onChange: m,
 					children: e.selectAllLabel || n.format("selectAll")
 				}), /* @__PURE__ */ v(M.Provider, {
 					value: t,

package/chunks/{select-7z-x3crV.js → select-ChXob1uS.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./clsx-BtlV5Vo3.js";
 import { t as n } from "./chevron-down-Buf0eTzo.js";
-import { n as r } from "./checkbox-DEN5T_Km.js";
+import { n as r } from "./checkbox-DzDcMqzR.js";
 import { t as i } from "./x-Bs_QW3q8.js";
 import { t as a } from "./useLocalizedStringFormatter-bRLuRzVD.js";
 import { t as o } from "./text-mAeDlv5N.js";
@@ -48,7 +48,9 @@ import '../assets/select.css';var E = {
 		isIndeterminate: !e?.selectionManager.isSelectAll && !e?.selectionManager.isEmpty,
 		isSelected: e?.selectionManager.isSelectAll,
 		onChange: () => {
-			e?.setValue(e?.selectionManager.isSelectAll ? null : Array.from(e.collection.getKeys())), e?.commitValidation();
+			if (!e) return;
+			let t = Array.from(e.collection.getKeys()).filter((t) => e.collection.getItem(t)?.type === "item" && e.selectionManager.canSelectItem(t)), n = Array.from(e.selectionManager.selectedKeys).filter((t) => !e.selectionManager.canSelectItem(t));
+			e.setValue(e.selectionManager.isSelectAll ? n : [...t, ...n]), e.commitValidation();
 		},
 		children: t.format("selectAll")
 	});

package/chunks/{table-jarDZ4q4.js → table-DaRg-6YG.js}

@@ -1,7 +1,7 @@
 'use client';
 import { t as e } from "./clsx-BtlV5Vo3.js";
 import { t } from "./createLucideIcon-DhIhuN5D.js";
-import { n } from "./checkbox-DEN5T_Km.js";
+import { n } from "./checkbox-DzDcMqzR.js";
 import { Button as r, Cell as i, Collection as a, Column as o, Row as s, Table as c, TableBody as l, TableHeader as u, useTableOptions as d } from "react-aria-components";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import '../assets/table.css';var h = t("arrow-down", [["path", {

package/index.js

@@ -5,11 +5,11 @@ import { t as n } from "./chunks/clsx-BtlV5Vo3.js";
 import { t as r } from "./chunks/spinner-C3WiZYld.js";
 import { a as i, i as a, n as o, r as s, t as c } from "./chunks/layout-DibnX6Za.js";
 import { t as l } from "./chunks/link-CZNuhFX6.js";
-import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/table-jarDZ4q4.js";
+import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/table-DaRg-6YG.js";
 import { t as g } from "./chunks/link-button-ZsK6UGko.js";
 import { n as _, t as v } from "./chunks/date-picker-BQcIYROH.js";
 import { n as y, t as b } from "./chunks/calendar-C0rlcHfr.js";
-import { n as x, t as S } from "./chunks/checkbox-DEN5T_Km.js";
+import { n as x, t as S } from "./chunks/checkbox-DzDcMqzR.js";
 import { n as C, t as w } from "./chunks/color-scheme-switch-FjmPZdE4.js";
 import { t as T } from "./chunks/search-field-lz0_j_HR.js";
 import { n as E, t as D } from "./chunks/file-list-DYOuch5G.js";
@@ -38,7 +38,7 @@ import { n as Ee, t as De } from "./chunks/tooltip-BE_r_CBm.js";
 import { n as Oe, t as ke } from "./chunks/logo-D7tz-4hp.js";
 import { t as Ae } from "./chunks/progress-bar-5H5WvG7R.js";
 import { n as je, t as Me } from "./chunks/radio-CsAvwCn2.js";
-import { t as Ne } from "./chunks/select-7z-x3crV.js";
+import { t as Ne } from "./chunks/select-ChXob1uS.js";
 import { n as Pe, r as Fe, t as Ie } from "./chunks/tag-CELJrUEQ.js";
 import { t as Le } from "./chunks/skeleton-OqKFBcmO.js";
 import { i as Re, n as ze, r as Be, t as Ve } from "./chunks/tabs-eshGdQJJ.js";
@@ -59,7 +59,7 @@ var $e = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.21.1",
+	version: "17.21.2",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.21.1",
+  "version": "17.21.2",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/select/Select.stories.d.ts

@@ -39,6 +39,8 @@ export declare const DisabledOption: Story;
 export declare const Invalid: Story;
 export declare const WithTags: Story<Item, 'multiple'>;
 export declare const SelectAllEnabled: Story<Item, 'multiple'>;
+export declare const SelectAllEnabledWithSections: Story<Item, 'multiple'>;
+export declare const SelectAllEnabledWithPreselectedDisabledItem: Story<Item, 'multiple'>;
 export declare const DS872: Story;
 export declare const StaticSections: Story;
 export declare const NotVirtualized: Story;

package/select/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/select-7z-x3crV.js";
+import { t as e } from "../chunks/select-ChXob1uS.js";
 export { e as Select };

package/table/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-jarDZ4q4.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-DaRg-6YG.js";
 export { a as Cell, n as Column, i as Row, t as Table, e as TableBody, r as TableHeader };