asma-ui-core 3.20.1 → 3.21.1

package/dist/table/components/columns/selectColumn.js

@@ -1,59 +1,88 @@
-import { SELECT_COLUMN_ID as a } from "../../types.js";
-import c from "../StyledTable.module.js";
-import { StyledCheckbox as r } from "../../shared-components/StyledCheckbox.js";
-import { StyledTooltip as d } from "../../shared-components/tooltip/index.js";
-import { jsx as t } from "react/jsx-runtime";
-function S(i, s) {
+import { SELECT_COLUMN_ID as u } from "../../types.js";
+import m from "../StyledTable.module.js";
+import { StyledCheckbox as n } from "../../shared-components/StyledCheckbox.js";
+import { StyledTooltip as p } from "../../shared-components/tooltip/index.js";
+import { jsx as r } from "react/jsx-runtime";
+var s = (t) => {
+  t.preventDefault(), t.stopPropagation();
+}, i = (t, o) => {
+  t.key !== "Enter" && t.key !== " " || (t.preventDefault(), t.stopPropagation(), o());
+}, w = (t) => t === "no" ? {
+  selectAll: "Velg alle rader",
+  selectRow: (o) => `Velg rad ${o}`
+} : {
+  selectAll: "Select all rows",
+  selectRow: (o) => `Select row ${o}`
+};
+function k(t, o, c) {
+  const a = w(c);
   return {
-    id: a,
+    id: u,
     minSize: 38,
     maxSize: 38,
     size: 38,
-    header: ({ table: e }) => /* @__PURE__ */ t("button", {
-      type: "button",
+    header: ({ table: e }) => /* @__PURE__ */ r("div", {
+      role: "checkbox",
+      tabIndex: 0,
+      "aria-label": a.selectAll,
+      "aria-checked": e.getIsSomeRowsSelected() ? "mixed" : e.getIsAllRowsSelected(),
       className: "flex size-full items-center justify-start pl-2",
       onClick: () => e.toggleAllRowsSelected(),
-      children: /* @__PURE__ */ t(r, {
+      onMouseDown: s,
+      onMouseUp: s,
+      onKeyDown: (l) => i(l, () => e.toggleAllRowsSelected()),
+      children: /* @__PURE__ */ r(n, {
         size: "small",
         dataTest: "cell-select-all",
+        "aria-hidden": !0,
+        tabIndex: -1,
         checked: e.getIsAllRowsSelected(),
         indeterminate: e.getIsSomeRowsSelected(),
+        className: "pointer-events-none",
         hideWrapper: !0
       })
     }),
     cell: ({ cell: e }) => {
       const l = !e.row.getCanSelect();
-      return /* @__PURE__ */ t("button", {
-        type: "button",
-        style: { height: s ?? "auto" },
-        className: "m-0 flex w-full items-center justify-start p-0 pl-2",
+      return /* @__PURE__ */ r("div", {
+        role: "checkbox",
+        tabIndex: l ? -1 : 0,
+        "aria-label": a.selectRow(e.row.index + 1),
+        "aria-checked": e.row.getIsSelected(),
         "aria-disabled": l,
+        style: { height: o ?? "auto" },
+        className: "m-0 flex w-full items-center justify-start p-0 pl-2",
         onClick: () => {
           l || e.row.toggleSelected();
         },
-        children: /* @__PURE__ */ t(d, {
+        onMouseDown: s,
+        onMouseUp: s,
+        onKeyDown: (d) => {
+          l || i(d, () => e.row.toggleSelected());
+        },
+        children: /* @__PURE__ */ r(p, {
           arrow: !0,
           placement: "top-start",
           title: e.row.getRowSelectionTooltip(),
-          children: /* @__PURE__ */ t("span", {
-            className: l ? c["cursor-not-allowed"] : void 0,
-            children: /* @__PURE__ */ t(r, {
+          children: /* @__PURE__ */ r("span", {
+            className: l ? m["cursor-not-allowed"] : void 0,
+            children: /* @__PURE__ */ r(n, {
               size: "small",
               dataTest: "cell-select",
+              "aria-hidden": !0,
+              tabIndex: -1,
               checked: e.row.getIsSelected(),
               hideWrapper: !0,
               disabled: l,
-              onMouseUp: (o) => {
-                o.preventDefault(), o.stopPropagation();
-              }
+              className: "pointer-events-none"
             })
           })
         })
       });
     },
-    fixedLeft: i
+    fixedLeft: t
   };
 }
 export {
-  S as selectColumn
+  k as selectColumn
 };

package/dist/table/helpers/injectColumns.js

@@ -4,17 +4,17 @@ import { generateExpandColumn as h } from "../components/columns/expandColumn.js
 import { generateActionsColumn as x } from "../components/columns/action-column/actionColumn.js";
 import { generateDndHandleColumn as _ } from "../components/columns/dndHandleColumn.js";
 import { generateShowFullTextColumn as A } from "../components/columns/showTextColumn.js";
-var T = (s) => {
-  const { columns: o, actions: i, customActionsNode: r, headerPin: d = !0, enableRowSelection: f, expandArrow: l, enableDnd: u, customDndColumnProps: a, rowHeight: e, textExpandArrow: m, customActionsColumnProps: c, rowActionsState: p, locale: C } = s, t = o.some((n) => n.fixedLeft === !0);
+var T = (f) => {
+  const { columns: o, actions: i, customActionsNode: r, headerPin: d = !0, enableRowSelection: l, expandArrow: u, enableDnd: a, customDndColumnProps: c, rowHeight: e, textExpandArrow: m, customActionsColumnProps: p, rowActionsState: C, locale: s } = f, t = o.some((n) => n.fixedLeft === !0);
   !o.find((n) => n.id === "actions") && (i || r || d) && o.push(x({
     headerPin: d,
     actions: i,
     customActionsNode: r,
     rowHeight: e,
-    customActionsColumnProps: c,
-    rowActionsState: p,
-    locale: C
-  })), m && !o.find((n) => n.id === "show-full-text") && o.unshift(A(t, e)), l && !m && !o.find((n) => n.id === "expand-column-id") && o.unshift(h(t, e)), u && !o.find((n) => n.id === "dnd-handle") && o.unshift(_(a, e)), f && !o.find((n) => n.id === "select") && o.unshift(D(t, e));
+    customActionsColumnProps: p,
+    rowActionsState: C,
+    locale: s
+  })), m && !o.find((n) => n.id === "show-full-text") && o.unshift(A(t, e)), u && !m && !o.find((n) => n.id === "expand-column-id") && o.unshift(h(t, e)), a && !o.find((n) => n.id === "dnd-handle") && o.unshift(_(c, e)), l && !o.find((n) => n.id === "select") && o.unshift(D(t, e, s));
 };
 export {
   T as injectColumns

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.20.1",
+    "version": "3.21.1",
     "type": "module",
     "sideEffects": [
         "**/*.css",