@midas-ds/table-styles 2.0.116 → 2.0.118

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.0.118 (2026-09-17)
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.24.0
+
+## 2.0.117 (2026-09-17)
+
+### 🩹 Fixes
+
+- **table-styles:** externalize shared dependencies ([1954bad5a69](https://github.com/migrationsverket/midas/commit/1954bad5a69))
+
+### 🔧 Maintenance
+
+- **table-styles:** configure @nx/dependency-checks ([4f631fd4d19](https://github.com/migrationsverket/midas/commit/4f631fd4d19))
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.23.9
+
 ## 2.0.116 (2026-09-08)
 
 ### 🔧 Maintenance

package/index.mjs

@@ -1,8 +1,49 @@
-import { ChevronLeft as e, ChevronRight as t } from "lucide-react";
+import { createElement as e, forwardRef as t } from "react";
 import { Button as n, ListBoxItem as r, Select as i, Text as a, useLocalizedStringFormatter as o } from "@midas-ds/components";
 import { FocusScope as s, useFocusManager as c } from "react-aria";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import './index.css';var f = {
+import './index.css';//#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+var f = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), p = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), m = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), h = (e) => {
+	let t = m(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, g = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, _ = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, v = t(({ color: t = "currentColor", size: n = 24, strokeWidth: r = 2, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => e("svg", {
+	ref: l,
+	...g,
+	width: n,
+	height: n,
+	stroke: t,
+	strokeWidth: i ? Number(r) * 24 / Number(n) : r,
+	className: f("lucide", a),
+	...!o && !_(c) && { "aria-hidden": "true" },
+	...c
+}, [...s.map(([t, n]) => e(t, n)), ...Array.isArray(o) ? o : [o]])), y = (n, r) => {
+	let i = t(({ className: t, ...i }, a) => e(v, {
+		ref: a,
+		iconNode: r,
+		className: f(`lucide-${p(h(n))}`, `lucide-${n}`, t),
+		...i
+	}));
+	return i.displayName = h(n), i;
+}, b = y("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), x = y("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), S = {
 	en: {
 		nextPage: "Next page",
 		previousPage: "Previous page",
@@ -25,7 +66,7 @@ import './index.css';var f = {
 		rows: "rader",
 		selectPage: "Välj sida"
 	}
-}, p = {
+}, C = {
 	pagination: "_pagination_1m98q_1",
 	separator: "_separator_1m98q_17",
 	select: "_select_1m98q_21",
@@ -37,114 +78,114 @@ import './index.css';var f = {
 	pageIndex: "_pageIndex_1m98q_85 _select_1m98q_21",
 	buttons: "_buttons_1m98q_108",
 	button: "_button_1m98q_108 _separator_1m98q_17"
-}, m = ({ getCanNextPage: r, getCanPreviousPage: i, nextPage: a, previousPage: s }) => {
-	let m = c(), h = o(f), g = (e) => {
+}, w = ({ getCanNextPage: e, getCanPreviousPage: t, nextPage: r, previousPage: i }) => {
+	let a = c(), s = o(S), f = (e) => {
 		switch (e.key) {
 			case "ArrowRight":
-				m?.focusNext({ wrap: !0 });
+				a?.focusNext({ wrap: !0 });
 				break;
 			case "ArrowLeft":
-				m?.focusPrevious({ wrap: !0 });
+				a?.focusPrevious({ wrap: !0 });
 				break;
 		}
 	};
 	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(n, {
-		"aria-label": h.format("previousPage"),
-		className: p.button,
-		isDisabled: !i(),
-		onKeyDown: g,
-		onPress: s,
+		"aria-label": s.format("previousPage"),
+		className: C.button,
+		isDisabled: !t(),
+		onKeyDown: f,
+		onPress: i,
 		variant: "icon",
-		children: /* @__PURE__ */ u(e, {})
+		children: /* @__PURE__ */ u(b, {})
 	}), /* @__PURE__ */ u(n, {
-		"aria-label": h.format("nextPage"),
-		className: p.button,
-		isDisabled: !r(),
-		onKeyDown: g,
-		onPress: a,
+		"aria-label": s.format("nextPage"),
+		className: C.button,
+		isDisabled: !e(),
+		onKeyDown: f,
+		onPress: r,
 		variant: "icon",
-		children: /* @__PURE__ */ u(t, {})
+		children: /* @__PURE__ */ u(x, {})
 	})] });
-}, h = (e) => {
-	let { getPageCount: t, getRowCount: n, pageIndex: c, pageSize: l, pageSizeOptions: h = [
+}, T = (e) => {
+	let { getPageCount: t, getRowCount: n, pageIndex: c, pageSize: l, pageSizeOptions: f = [
 		10,
 		20,
 		30,
 		40,
 		50
-	], setPageIndex: g, setPageSize: _ } = e, v = o(f), y = t(), b = n(), x = (c + 1) * l, S = x - l + 1;
+	], setPageIndex: p, setPageSize: m } = e, h = o(S), g = t(), _ = n(), v = (c + 1) * l, y = v - l + 1;
 	return /* @__PURE__ */ d("div", {
-		className: p.pagination,
+		className: C.pagination,
 		children: [
 			/* @__PURE__ */ u(i, {
-				className: p.pageSize,
-				items: h.map((e) => ({
+				className: C.pageSize,
+				items: f.map((e) => ({
 					id: e.toString(),
 					name: e
 				})),
-				label: v.format("rowsPerPage"),
+				label: h.format("rowsPerPage"),
 				onChange: (e) => {
-					_(e === null ? l : Number(e));
+					m(e === null ? l : Number(e));
 				},
 				value: l.toString(),
 				children: (e) => /* @__PURE__ */ u(r, {
-					className: p.listBoxItem,
+					className: C.listBoxItem,
 					id: e.id,
 					textValue: e.id,
 					children: e.name
 				})
 			}),
 			/* @__PURE__ */ d(a, {
-				className: p.result,
+				className: C.result,
 				children: [
-					S,
+					y,
 					" -",
 					" ",
-					x > b ? b : x,
+					v > _ ? _ : v,
 					" ",
-					v.format("of"),
+					h.format("of"),
 					" ",
-					b.toLocaleString(),
+					_.toLocaleString(),
 					" ",
-					b === 1 ? v.format("row") : v.format("rows")
+					_ === 1 ? h.format("row") : h.format("rows")
 				]
 			}),
 			/* @__PURE__ */ d("div", {
-				className: p.pageIndexContainer,
+				className: C.pageIndexContainer,
 				children: [/* @__PURE__ */ u(i, {
-					"aria-label": v.format("selectPage"),
-					className: p.pageIndex,
-					items: Array.from({ length: y }, (e, t) => ({
+					"aria-label": h.format("selectPage"),
+					className: C.pageIndex,
+					items: Array.from({ length: g }, (e, t) => ({
 						id: t.toString(),
 						name: t
 					})),
 					onChange: (e) => {
-						g(e === null ? 0 : Number(e));
+						p(e === null ? 0 : Number(e));
 					},
 					value: c.toString(),
 					children: (e) => /* @__PURE__ */ u(r, {
-						className: p.listBoxItem,
+						className: C.listBoxItem,
 						id: e.id,
 						textValue: (Number(e.id) + 1).toString(),
 						children: e.name + 1
 					})
 				}), /* @__PURE__ */ d(a, {
-					className: p.label,
+					className: C.label,
 					children: [
-						v.format("of"),
+						h.format("of"),
 						" ",
-						y,
+						g,
 						" ",
-						y === 1 ? v.format("page") : v.format("pages")
+						g === 1 ? h.format("page") : h.format("pages")
 					]
 				})]
 			}),
 			/* @__PURE__ */ u("div", {
-				className: p.buttons,
-				children: /* @__PURE__ */ u(s, { children: /* @__PURE__ */ u(m, { ...e }) })
+				className: C.buttons,
+				children: /* @__PURE__ */ u(s, { children: /* @__PURE__ */ u(w, { ...e }) })
 			})
 		]
 	});
 };
 //#endregion
-export { h as Pagination };
+export { T as Pagination };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas table components and styles for TanStack Table",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "2.0.116",
+  "version": "2.0.118",
   "main": "./index.mjs",
   "types": "./index.d.ts",
   "files": [
@@ -31,16 +31,12 @@
     }
   },
   "dependencies": {
-    "@midas-ds/components": "17.23.8",
+    "@midas-ds/components": "17.24.0",
     "@midas-ds/theme": "3.17.0",
-    "lucide-react": "^0.563.0",
-    "react-aria": "^3.51.0",
-    "react-aria-components": "1.20.0"
+    "react-aria-components": "1.20.0",
+    "react-aria": "^3.51.0"
   },
   "peerDependencies": {
     "@tanstack/react-table": "^8.21.3"
-  },
-  "devDependencies": {
-    "@tanstack/react-table": "^8.21.3"
   }
 }