@midas-ds/components 17.10.9 → 17.10.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/assets/Table.css +1 -1
- package/chunks/{Table-DvBsub1z.js → Table-DBdY7MIw.js} +51 -51
- package/index.js +2 -2
- package/package.json +1 -1
- package/table/index.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
## 17.10.10 (2026-03-27)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **components,table-styles,datepicker-styles,select-styles:** add user-select and touch-action to non-RAC interactive elements ([248294fd3e](https://github.com/migrationsverket/midas/commit/248294fd3e))
|
|
6
|
+
|
|
1
7
|
## 17.10.9 (2026-03-27)
|
|
2
8
|
|
|
3
9
|
### 🩹 Fixes
|
package/assets/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._table_1s8du_1{border-spacing:0;font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20)}._table_1s8du_1>div{pointer-events:auto!important}._table_1s8du_1 ._tableHeader_1s8du_11 ._column_1s8du_12{background-color:var(--midas-layer-accent-01-base);color:var(--midas-text-primary);font-weight:500;padding:var(--midas-space-75) var(--midas-space-medium);text-align:left}._table_1s8du_1 ._tableHeader_1s8du_11 ._column_1s8du_12[data-focus-visible]{outline:var(--midas-space-10) solid var(--midas-border-color-primary);outline-offset:-4px}._table_1s8du_1 ._tableHeader_1s8du_11 ._column_1s8du_12[data-allows-sorting]{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}._table_1s8du_1 ._tableHeader_1s8du_11 ._column_1s8du_12[data-allows-sorting] ._sortIndicator_1s8du_29{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--midas-space-xsmall);vertical-align:text-bottom}._table_1s8du_1 ._tableHeader_1s8du_11 ._column_1s8du_12[data-allows-sorting] ._sortIconNeutral_1s8du_37{opacity:0;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-in-out)}@media(prefers-reduced-motion){._table_1s8du_1 ._tableHeader_1s8du_11 ._column_1s8du_12[data-allows-sorting] ._sortIconNeutral_1s8du_37{transition:none}}@media(hover:none){._table_1s8du_1 ._tableHeader_1s8du_11 ._column_1s8du_12[data-allows-sorting] ._sortIconNeutral_1s8du_37{opacity:.5}}._table_1s8du_1 ._tableHeader_1s8du_11 ._column_1s8du_12[data-allows-sorting]:hover ._sortIconNeutral_1s8du_37{opacity:.5}._table_1s8du_1 ._tableHeader_1s8du_11 ._column_1s8du_12 ._selection_1s8du_56{height:18px}._table_1s8du_1 ._row_1s8du_62{background-color:var(--midas-layer-01-base);height:100%}._table_1s8du_1 ._row_1s8du_62[data-focused]{outline:var(--midas-space-10) solid var(--midas-border-color-primary);outline-offset:-4px}._table_1s8du_1 ._row_1s8du_62[data-href]{cursor:pointer}._table_1s8du_1 ._row_1s8du_62[data-hovered]{background-color:var(--midas-layer-01-hover)}._table_1s8du_1 ._row_1s8du_62 ._cell_1s8du_80{border-bottom:1px var(--midas-border-color-subtle) solid;color:var(--midas-text-primary);padding:calc(var(--midas-space-75) - 1px) var(--midas-space-medium) var(--midas-space-75)}._table_1s8du_1 ._row_1s8du_62 ._cell_1s8du_80[data-focus-visible]{outline-offset:-4px;outline:var(--midas-space-10) solid var(--midas-border-color-primary)}._table_1s8du_1 ._row_1s8du_62 ._cell_1s8du_80 ._selection_1s8du_56{height:18px}._table_1s8du_1._narrow_1s8du_97{font-size:var(--midas-typography-font-size-10);line-height:var(--midas-typography-line-height-10)}._table_1s8du_1._narrow_1s8du_97 ._column_1s8du_12{padding:var(--midas-space-xsmall) var(--midas-space-medium);height:14px}._table_1s8du_1._narrow_1s8du_97 ._column_1s8du_12 ._selection_1s8du_56{height:14px}._table_1s8du_1._narrow_1s8du_97 ._cell_1s8du_80{padding:calc(var(--midas-space-xsmall) - 1px) var(--midas-space-medium) var(--midas-space-xsmall)}._table_1s8du_1._narrow_1s8du_97 ._cell_1s8du_80 ._selection_1s8du_56{height:16px}._table_1s8du_1._medium_1s8du_120:not(._narrow_1s8du_97) ._column_1s8du_12{padding:calc(var(--midas-space-60) - 1px) var(--midas-space-medium)}._table_1s8du_1._medium_1s8du_120:not(._narrow_1s8du_97) ._cell_1s8du_80{padding:calc(var(--midas-space-60) - 2px) var(--midas-space-medium) calc(var(--midas-space-60) - 1px)}._table_1s8du_1._striped_1s8du_131 ._row_1s8du_62:nth-child(odd):not([data-even=false]),._table_1s8du_1._striped_1s8du_131 ._row_1s8du_62[data-even=true]{background-color:transparent}:is(._table_1s8du_1._striped_1s8du_131 ._row_1s8du_62:nth-child(odd):not([data-even=false]),._table_1s8du_1._striped_1s8du_131 ._row_1s8du_62[data-even=true])[data-hovered]{background-color:var(--midas-layer-accent-01-hover)}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as e, jsxs as d, Fragment as
|
|
3
|
-
import { Cell as
|
|
4
|
-
import { C as
|
|
5
|
-
import { c as
|
|
2
|
+
import { jsx as e, jsxs as d, Fragment as b } from "react/jsx-runtime";
|
|
3
|
+
import { Cell as w, Column as g, useTableOptions as _, Row as N, Button as k, Collection as p, Table as f, TableBody as x, TableHeader as T } from "react-aria-components";
|
|
4
|
+
import { C as h } from "./Checkbox-CwzV5QbM.js";
|
|
5
|
+
import { c as a } from "./clsx-AexbMWKp.js";
|
|
6
6
|
import { c as i } from "./createLucideIcon-CP-mMPfa.js";
|
|
7
7
|
import '../assets/Table.css';const C = [
|
|
8
8
|
["path", { d: "M12 5v14", key: "s699le" }],
|
|
@@ -25,7 +25,7 @@ const H = [
|
|
|
25
25
|
["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
|
|
26
26
|
["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
|
|
27
27
|
["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
|
|
28
|
-
], z = i("grip-vertical", H), M = "
|
|
28
|
+
], z = i("grip-vertical", H), M = "_table_1s8du_1", R = "_tableHeader_1s8du_11", q = "_column_1s8du_12", A = "_sortIndicator_1s8du_29", D = "_sortIconNeutral_1s8du_37", V = "_selection_1s8du_56", U = "_row_1s8du_62", F = "_cell_1s8du_80", G = "_medium_1s8du_120", L = "_striped_1s8du_131", o = {
|
|
29
29
|
table: M,
|
|
30
30
|
tableHeader: R,
|
|
31
31
|
column: q,
|
|
@@ -37,73 +37,73 @@ const H = [
|
|
|
37
37
|
medium: G,
|
|
38
38
|
striped: L
|
|
39
39
|
}, P = ({
|
|
40
|
-
size:
|
|
41
|
-
striped:
|
|
42
|
-
className:
|
|
43
|
-
...
|
|
40
|
+
size: s = "large",
|
|
41
|
+
striped: c = !1,
|
|
42
|
+
className: t,
|
|
43
|
+
...r
|
|
44
44
|
}) => /* @__PURE__ */ e(
|
|
45
45
|
f,
|
|
46
46
|
{
|
|
47
|
-
className:
|
|
48
|
-
[o.medium]:
|
|
49
|
-
[o.striped]:
|
|
47
|
+
className: a(o.table, t, {
|
|
48
|
+
[o.medium]: s === "medium",
|
|
49
|
+
[o.striped]: c
|
|
50
50
|
}),
|
|
51
|
-
...
|
|
51
|
+
...r
|
|
52
52
|
}
|
|
53
53
|
), Q = ({
|
|
54
|
-
columns:
|
|
55
|
-
children:
|
|
56
|
-
className:
|
|
54
|
+
columns: s,
|
|
55
|
+
children: c,
|
|
56
|
+
className: t
|
|
57
57
|
}) => {
|
|
58
|
-
const { selectionBehavior:
|
|
59
|
-
return /* @__PURE__ */ d(T, { className:
|
|
58
|
+
const { selectionBehavior: r, selectionMode: l, allowsDragging: n } = _();
|
|
59
|
+
return /* @__PURE__ */ d(T, { className: a(t, o.tableHeader), children: [
|
|
60
60
|
n && /* @__PURE__ */ e(m, {}),
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
r === "toggle" && /* @__PURE__ */ e(m, { width: 50, children: l === "multiple" && /* @__PURE__ */ e(
|
|
62
|
+
h,
|
|
63
63
|
{
|
|
64
64
|
className: o.selection,
|
|
65
65
|
slot: "selection"
|
|
66
66
|
}
|
|
67
67
|
) }),
|
|
68
|
-
/* @__PURE__ */ e(
|
|
68
|
+
/* @__PURE__ */ e(p, { items: s, children: c })
|
|
69
69
|
] });
|
|
70
70
|
}, W = ({
|
|
71
|
-
id:
|
|
72
|
-
columns:
|
|
73
|
-
children:
|
|
74
|
-
className:
|
|
75
|
-
...
|
|
71
|
+
id: s,
|
|
72
|
+
columns: c,
|
|
73
|
+
children: t,
|
|
74
|
+
className: r,
|
|
75
|
+
...l
|
|
76
76
|
}) => {
|
|
77
|
-
const { selectionBehavior: n, allowsDragging:
|
|
77
|
+
const { selectionBehavior: n, allowsDragging: y } = _();
|
|
78
78
|
return /* @__PURE__ */ d(
|
|
79
79
|
N,
|
|
80
80
|
{
|
|
81
|
-
id:
|
|
82
|
-
className:
|
|
83
|
-
...
|
|
81
|
+
id: s,
|
|
82
|
+
className: a(r, o.row),
|
|
83
|
+
...l,
|
|
84
84
|
children: [
|
|
85
|
-
|
|
86
|
-
n === "toggle" && /* @__PURE__ */ e(
|
|
87
|
-
|
|
85
|
+
y && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(k, { slot: "drag", children: /* @__PURE__ */ e(z, { size: 20 }) }) }),
|
|
86
|
+
n === "toggle" && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
|
|
87
|
+
h,
|
|
88
88
|
{
|
|
89
89
|
className: o.selection,
|
|
90
90
|
slot: "selection"
|
|
91
91
|
}
|
|
92
92
|
) }),
|
|
93
|
-
/* @__PURE__ */ e(
|
|
93
|
+
/* @__PURE__ */ e(p, { items: c, children: t })
|
|
94
94
|
]
|
|
95
95
|
}
|
|
96
96
|
);
|
|
97
|
-
}, m = ({ children:
|
|
97
|
+
}, m = ({ children: s, className: c, ...t }) => /* @__PURE__ */ e(
|
|
98
98
|
g,
|
|
99
99
|
{
|
|
100
|
-
className:
|
|
101
|
-
...
|
|
102
|
-
children: ({ allowsSorting:
|
|
103
|
-
const n = () =>
|
|
104
|
-
return /* @__PURE__ */ d(
|
|
105
|
-
|
|
106
|
-
|
|
100
|
+
className: a(c, o.column),
|
|
101
|
+
...t,
|
|
102
|
+
children: ({ allowsSorting: r, sortDirection: l }) => {
|
|
103
|
+
const n = () => l === "ascending" ? /* @__PURE__ */ e(B, { size: 16 }) : l === "descending" ? /* @__PURE__ */ e(I, { size: 16 }) : /* @__PURE__ */ e($, { size: 16, className: o.sortIconNeutral });
|
|
104
|
+
return /* @__PURE__ */ d(b, { children: [
|
|
105
|
+
s,
|
|
106
|
+
r && /* @__PURE__ */ e(
|
|
107
107
|
"span",
|
|
108
108
|
{
|
|
109
109
|
"aria-hidden": "true",
|
|
@@ -114,24 +114,24 @@ const H = [
|
|
|
114
114
|
] });
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
),
|
|
118
|
-
|
|
117
|
+
), u = ({ className: s, ...c }) => /* @__PURE__ */ e(
|
|
118
|
+
w,
|
|
119
119
|
{
|
|
120
|
-
className:
|
|
121
|
-
...
|
|
120
|
+
className: a(s, o.cell),
|
|
121
|
+
...c
|
|
122
122
|
}
|
|
123
123
|
), X = ({
|
|
124
|
-
className:
|
|
125
|
-
...
|
|
124
|
+
className: s,
|
|
125
|
+
...c
|
|
126
126
|
}) => /* @__PURE__ */ e(
|
|
127
127
|
x,
|
|
128
128
|
{
|
|
129
|
-
className:
|
|
130
|
-
...
|
|
129
|
+
className: a(s, o.tableBody),
|
|
130
|
+
...c
|
|
131
131
|
}
|
|
132
132
|
);
|
|
133
133
|
export {
|
|
134
|
-
|
|
134
|
+
u as C,
|
|
135
135
|
W as R,
|
|
136
136
|
P as T,
|
|
137
137
|
m as a,
|
package/index.js
CHANGED
|
@@ -34,7 +34,7 @@ import { S as yo } from "./chunks/SearchField-VIMb28RB.js";
|
|
|
34
34
|
import { S as No } from "./chunks/Select-CeVD6WyY.js";
|
|
35
35
|
import { S as zo } from "./chunks/Skeleton-tiP1Syzf.js";
|
|
36
36
|
import { S as Qo } from "./chunks/Spinner-CfKMn18u.js";
|
|
37
|
-
import { C as Zo, a as jo, R as qo, T as Jo, b as Ko, c as Uo } from "./chunks/Table-
|
|
37
|
+
import { C as Zo, a as jo, R as qo, T as Jo, b as Ko, c as Uo } from "./chunks/Table-DBdY7MIw.js";
|
|
38
38
|
import { T as Xo, a as Yo, b as _o, c as $o } from "./chunks/TabList-CJSnr6O0.js";
|
|
39
39
|
import { T as aa, a as ra, b as ea } from "./chunks/TagGroup-DPFh8qHR.js";
|
|
40
40
|
import { T as sa } from "./chunks/Text-D0r_W4lH.js";
|
|
@@ -50,7 +50,7 @@ import { c as Qa } from "./chunks/clsx-AexbMWKp.js";
|
|
|
50
50
|
import { DialogTrigger as Za, MenuTrigger as ja, RouterProvider as qa } from "react-aria-components";
|
|
51
51
|
import { u as Ka } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
|
|
52
52
|
import { useToastState as Wa } from "react-stately";
|
|
53
|
-
const o = "17.10.
|
|
53
|
+
const o = "17.10.10", a = {
|
|
54
54
|
version: o
|
|
55
55
|
}, r = a.version;
|
|
56
56
|
export {
|
package/package.json
CHANGED
package/table/index.js
CHANGED