asma-ui-core 3.103.0 → 3.103.1

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

@@ -1,40 +1,42 @@
-import { DND_HANDLE_COLUMN_ID as a } from "../../types.js";
-import { DotsHorizontalIcon as n } from "../../shared-components/DotsHorizontalIcon.js";
-import d from "clsx";
-import { jsx as o } from "react/jsx-runtime";
-import { useSortable as s } from "@dnd-kit/sortable";
-function D(r, t) {
+import { DND_HANDLE_COLUMN_ID as n } from "../../types.js";
+import { DotsHorizontalIcon as d } from "../../shared-components/DotsHorizontalIcon.js";
+import s from "clsx";
+import { jsx as a } from "react/jsx-runtime";
+import { useSortable as m } from "@dnd-kit/sortable";
+function p(r, t, l) {
   return {
     enableHiding: !1,
     enableSorting: !1,
     header: () => null,
-    cell: ({ row: e }) => /* @__PURE__ */ o(m, {
+    cell: ({ row: e }) => /* @__PURE__ */ a(u, {
+      ariaLabel: l === "no" ? `Endre rekkefølge på rad ${e.index + 1}` : `Reorder row ${e.index + 1}`,
       rowId: e.id,
       rowHeight: t
     }),
     minSize: 50,
     size: 50,
     ...r,
-    id: a
+    id: n
   };
 }
-var m = ({ rowId: r, rowHeight: t, ...e }) => {
-  const { attributes: l, listeners: i } = s({
-    id: r,
+var u = ({ ariaLabel: r, rowId: t, rowHeight: l, ...e }) => {
+  const { attributes: i, listeners: o } = m({
+    id: t,
     ...e
   });
-  return /* @__PURE__ */ o("div", {
-    ...l,
+  return /* @__PURE__ */ a("div", {
     ...i,
-    style: { height: t ?? "auto" },
-    children: /* @__PURE__ */ o(n, {
+    ...o,
+    "aria-label": r,
+    style: { height: l ?? "auto" },
+    children: /* @__PURE__ */ a(d, {
       width: 24,
       height: 24,
-      className: d(e.disabled ? "cursor-not-allowed text-delta-300" : "cursor-grab text-delta-800")
+      className: s(e.disabled ? "cursor-not-allowed text-delta-300" : "cursor-grab text-delta-800")
     })
   });
 };
 export {
-  m as RowDragHandleCell,
-  D as generateDndHandleColumn
+  u as RowDragHandleCell,
+  p as generateDndHandleColumn
 };

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

@@ -1,31 +1,31 @@
-import { EXPAND_COLUMN_ID as i } from "../../types.js";
-import { ChevronDownIcon as a } from "../../shared-components/ChevronDownIcon.js";
-import { jsx as t } from "react/jsx-runtime";
+import { EXPAND_COLUMN_ID as a } from "../../types.js";
+import { ChevronDownIcon as d } from "../../shared-components/ChevronDownIcon.js";
+import { jsx as r } from "react/jsx-runtime";
 import "@tanstack/react-table";
-function f(r, o) {
+function x(t, o, i) {
   return {
-    id: i,
+    id: a,
     minSize: 50,
     maxSize: 50,
     size: 50,
     enableHiding: !1,
     enableSorting: !1,
     header: () => null,
-    cell: ({ cell: e }) => {
-      const n = e.row.getIsExpanded();
-      return e.row.getCanExpand() ? /* @__PURE__ */ t("button", {
+    cell: ({ cell: n }) => {
+      const e = n.row.getIsExpanded();
+      return n.row.getCanExpand() ? /* @__PURE__ */ r("button", {
         type: "button",
-        "aria-label": n ? "Collapse row" : "Expand row",
-        "aria-expanded": n,
+        "aria-label": i === "no" ? e ? `Skjul rad ${n.row.index + 1}` : `Utvid rad ${n.row.index + 1}` : e ? `Collapse row ${n.row.index + 1}` : `Expand row ${n.row.index + 1}`,
+        "aria-expanded": e,
         className: "flex w-full items-center justify-center border-0 bg-transparent p-0 outline-none focus:outline-none",
-        onClick: () => e.row.getToggleExpandedHandler()(),
+        onClick: () => n.row.getToggleExpandedHandler()(),
         style: { height: o ?? "auto" },
-        children: /* @__PURE__ */ t(a, {
+        children: /* @__PURE__ */ r(d, {
           className: "block size-6 shrink-0",
           width: 24,
           height: 24,
           style: {
-            transform: n ? "rotate(180deg)" : "rotate(0deg)",
+            transform: e ? "rotate(180deg)" : "rotate(0deg)",
             transformBox: "fill-box",
             transformOrigin: "center",
             transitionProperty: "transform",
@@ -35,9 +35,9 @@ function f(r, o) {
         })
       }) : null;
     },
-    fixedLeft: r
+    fixedLeft: t
   };
 }
 export {
-  f as generateExpandColumn
+  x as generateExpandColumn
 };

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

@@ -1,35 +1,36 @@
-import { SHOW_FULL_TEXT_ID as i } from "../../types.js";
-import { ChevronDownIcon as l } from "../../shared-components/ChevronDownIcon.js";
-import { StyledButton as s } from "../../shared-components/button/StyledButton.js";
-import { jsx as o } from "react/jsx-runtime";
-function f(e, r) {
+import { SHOW_FULL_TEXT_ID as l } from "../../types.js";
+import { ChevronDownIcon as s } from "../../shared-components/ChevronDownIcon.js";
+import { StyledButton as d } from "../../shared-components/button/StyledButton.js";
+import { jsx as r } from "react/jsx-runtime";
+function c(e, o, n) {
   return {
-    id: i,
+    id: l,
     minSize: 38,
     maxSize: 38,
     size: 38,
     enableHiding: !1,
     enableSorting: !1,
     header: () => null,
-    cell: (n) => /* @__PURE__ */ o(u, {
-      info: n,
-      rowHeight: r
+    cell: (a) => /* @__PURE__ */ r(u, {
+      info: a,
+      locale: n,
+      rowHeight: o
     }),
     fixedLeft: e
   };
 }
-function u({ info: e, rowHeight: r }) {
-  const n = e.row.getCanExpand(), a = e.row.isExpanded();
-  return /* @__PURE__ */ o("div", {
+function u({ info: e, locale: o, rowHeight: n }) {
+  const a = e.row.getCanExpand(), i = e.row.isExpanded();
+  return /* @__PURE__ */ r("div", {
     className: "flex w-full items-center justify-center",
-    style: { height: r ?? "auto" },
-    children: /* @__PURE__ */ o(s, {
+    style: { height: n ?? "auto" },
+    children: /* @__PURE__ */ r(d, {
       dataTest: "expand-text-button",
-      "aria-label": a ? "Collapse text" : "Show full text",
+      "aria-label": o === "no" ? i ? `Skjul full tekst for rad ${e.row.index + 1}` : `Vis full tekst for rad ${e.row.index + 1}` : i ? `Collapse full text for row ${e.row.index + 1}` : `Show full text for row ${e.row.index + 1}`,
       size: "small",
       variant: "textGray",
       onClick: (t) => {
-        t.stopPropagation(), n && e.row.getToggleExpandedHandler()(), e.row.toggleExpand();
+        t.stopPropagation(), a && e.row.getToggleExpandedHandler()(), e.row.toggleExpand();
       },
       onMouseDown: (t) => {
         t.preventDefault(), t.stopPropagation();
@@ -37,12 +38,12 @@ function u({ info: e, rowHeight: r }) {
       onMouseUp: (t) => {
         t.preventDefault(), t.stopPropagation();
       },
-      startIcon: /* @__PURE__ */ o(l, {
+      startIcon: /* @__PURE__ */ r(s, {
         className: "block size-5 shrink-0",
         width: 20,
         height: 20,
         style: {
-          transform: a ? "rotate(180deg)" : "rotate(0deg)",
+          transform: i ? "rotate(180deg)" : "rotate(0deg)",
           transformBox: "fill-box",
           transformOrigin: "center",
           transitionProperty: "transform",
@@ -55,5 +56,5 @@ function u({ info: e, rowHeight: r }) {
   });
 }
 export {
-  f as generateShowFullTextColumn
+  c as generateShowFullTextColumn
 };

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 = (i) => {
-  const { actions: r, customActionsNode: m, headerPin: d = !0, enableRowSelection: u, expandArrow: f, enableDnd: c, customDndColumnProps: a, rowHeight: e, textExpandArrow: s, customActionsColumnProps: p, rowActionsState: C, locale: l } = i, n = [...i.columns], t = n.some((o) => o.fixedLeft === !0);
-  return !n.find((o) => o.id === "actions") && (r || m || d) && n.push(x({
-    headerPin: d,
-    actions: r,
-    customActionsNode: m,
+var T = (r) => {
+  const { actions: m, customActionsNode: d, headerPin: s = !0, enableRowSelection: u, expandArrow: f, enableDnd: c, customDndColumnProps: a, rowHeight: e, textExpandArrow: l, customActionsColumnProps: p, rowActionsState: C, locale: t } = r, n = [...r.columns], i = n.some((o) => o.fixedLeft === !0);
+  return !n.find((o) => o.id === "actions") && (m || d || s) && n.push(x({
+    headerPin: s,
+    actions: m,
+    customActionsNode: d,
     rowHeight: e,
     customActionsColumnProps: p,
     rowActionsState: C,
-    locale: l
-  })), s && !n.find((o) => o.id === "show-full-text") && n.unshift(A(t, e)), f && !s && !n.find((o) => o.id === "expand-column-id") && n.unshift(h(t, e)), c && !n.find((o) => o.id === "dnd-handle") && n.unshift(_(a, e)), u && !n.find((o) => o.id === "select") && n.unshift(D(t, e, l)), n;
+    locale: t
+  })), l && !n.find((o) => o.id === "show-full-text") && n.unshift(A(i, e, t)), f && !l && !n.find((o) => o.id === "expand-column-id") && n.unshift(h(i, e, t)), c && !n.find((o) => o.id === "dnd-handle") && n.unshift(_(a, e, t)), u && !n.find((o) => o.id === "select") && n.unshift(D(i, e, t)), n;
 };
 export {
   T as injectColumns

package/package.json

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