asma-ui-core 3.57.0 → 3.58.1

package/dist/src/table/components/columns/action-column/actionColumn.d.ts

@@ -1,6 +1,7 @@
 import { CellContext, Row } from '@tanstack/react-table';
 import { ReactNode } from 'react';
 import { ColumnDef, IAction, ICustomAction, RowActionsState } from '../../../types';
+type TableLocale = 'en' | 'no';
 export declare function generateActionsColumn<TData>(options: {
     headerPin: boolean;
     actions?: (row: Row<TData>) => (IAction<TData> | ICustomAction<TData>)[];
@@ -8,5 +9,6 @@ export declare function generateActionsColumn<TData>(options: {
     rowHeight?: number;
     customActionsColumnProps?: Partial<ColumnDef<TData, unknown>>;
     rowActionsState?: (row: Row<TData>) => RowActionsState | undefined;
-    locale?: 'en' | 'no';
+    locale?: TableLocale;
 }): ColumnDef<TData, unknown>;
+export {};

package/dist/table/components/columns/action-column/actionColumn.js

@@ -1,26 +1,35 @@
 import { ACTIONS_COLUMN_ID as m } from "../../../types.js";
-import { RowActionMenu as d } from "./components/RowActionMenu.js";
 import { HeaderActionMenu as u } from "./components/HeaderActionMenu.js";
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-function x(r) {
-  const { headerPin: s, actions: o, customActionsNode: t, rowHeight: a, customActionsColumnProps: c, rowActionsState: l, locale: i } = r;
+import { RowActionMenu as d } from "./components/RowActionMenu.js";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+function r(e) {
+  return e.table.options.meta?.locale;
+}
+function p(e) {
+  return /* @__PURE__ */ t(u, {
+    headerData: e,
+    locale: r(e)
+  });
+}
+function A(e) {
+  return /* @__PURE__ */ t("span", {
+    className: "sr-only",
+    children: r(e) === "no" ? "Handlinger" : "Actions"
+  });
+}
+function b(e) {
+  const { headerPin: a, actions: o, customActionsNode: i, rowHeight: s, customActionsColumnProps: c, rowActionsState: l } = e;
   return {
     id: m,
     enableHiding: !1,
     enableSorting: !1,
-    accessorFn: (e) => e,
-    header: (e) => s ? /* @__PURE__ */ n(u, {
-      headerData: e,
-      locale: i
-    }) : /* @__PURE__ */ n("span", {
-      className: "sr-only",
-      children: i === "no" ? "Handlinger" : "Actions"
-    }),
-    cell: (e) => o || t ? /* @__PURE__ */ f("div", {
+    accessorFn: (n) => n,
+    header: a ? p : A,
+    cell: (n) => o || i ? /* @__PURE__ */ f("div", {
       className: "flex items-center justify-end gap-x-1",
-      style: { height: a ?? "auto" },
-      children: [t && /* @__PURE__ */ n("div", { children: t?.(e) }), o && /* @__PURE__ */ n(d, {
-        tableData: e,
+      style: { height: s ?? "auto" },
+      children: [i && /* @__PURE__ */ t("div", { children: i?.(n) }), o && /* @__PURE__ */ t(d, {
+        tableData: n,
         actions: o,
         rowActionsState: l
       })]
@@ -31,5 +40,5 @@ function x(r) {
   };
 }
 export {
-  x as generateActionsColumn
+  b as generateActionsColumn
 };

package/dist/table/components/columns/action-column/components/HeaderActionMenu.js

@@ -4,12 +4,12 @@ import { cn as N } from "../../../../helpers/cn.js";
 import { StyledCheckbox as T } from "../../../../shared-components/StyledCheckbox.js";
 import { StyledTooltip as A } from "../../../../shared-components/tooltip/index.js";
 import { useToggleMenuVisibility as L } from "../../../../hooks/useToggleMenuVisibility.hook.js";
-import { StyledButton as _ } from "../../../../shared-components/button/StyledButton.js";
-import { PinIcon as k } from "../../../../shared-components/PinIcon.js";
+import { PinIcon as _ } from "../../../../shared-components/PinIcon.js";
 import m from "./TableActions.module.js";
 import f from "./HeaderActionMenu.module.js";
-import { DotsHorizontalIcon as H } from "../../../../shared-components/DotsHorizontalIcon.js";
-import { useTranslations as I } from "../../../../hooks/useTranslations.js";
+import { DotsHorizontalIcon as k } from "../../../../shared-components/DotsHorizontalIcon.js";
+import { useTranslations as H } from "../../../../hooks/useTranslations.js";
+import { StyledButton as I } from "../../../../shared-components/button/StyledButton.js";
 import { compact as O } from "../../../../../helpers/arrays.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { DndContext as R, PointerSensor as V, closestCenter as E, useSensor as M, useSensors as P } from "@dnd-kit/core";
@@ -17,7 +17,7 @@ import { restrictToParentElement as w, restrictToVerticalAxis as z } from "@dnd-
 import { SortableContext as W, arrayMove as j, useSortable as U, verticalListSortingStrategy as B } from "@dnd-kit/sortable";
 import { CSS as Y } from "@dnd-kit/utilities";
 function $({ id: n, disabled: p, children: u }) {
-  const { attributes: d, listeners: h, setNodeRef: b, transform: g, transition: l } = U({
+  const { attributes: d, listeners: h, setNodeRef: b, transform: g, transition: s } = U({
     id: n,
     disabled: p
   });
@@ -25,7 +25,7 @@ function $({ id: n, disabled: p, children: u }) {
     ref: b,
     style: {
       transform: Y.Transform.toString(g),
-      transition: l
+      transition: s
     },
     children: u({
       attributes: d,
@@ -34,13 +34,13 @@ function $({ id: n, disabled: p, children: u }) {
   });
 }
 function ce({ headerData: n, locale: p }) {
-  const { anchorEl: u, open: d, handleClose: h, handleOpen: b } = L(), g = n.table.getAllLeafColumns().some((e) => e.getCanHide() && !e.getIsVisible() && !S.includes(e.id)), l = n.table.getAllLeafColumns(), y = (e) => {
+  const { anchorEl: u, open: d, handleClose: h, handleOpen: b } = L(), g = n.table.getAllLeafColumns().some((e) => e.getCanHide() && !e.getIsVisible() && !S.includes(e.id)), s = n.table.getAllLeafColumns(), y = (e) => {
     const { active: o, over: t } = e;
-    !o || !t || o.id === t.id || l.find((r) => r.id === t.id)?.columnDef.fixedLeft || l.find((r) => r.id === t.id)?.columnDef.fixedRight || n.table.setColumnOrder((r) => {
-      const s = O(r ?? []).length ? r : n.table.getAllLeafColumns().map((C) => C.id);
-      return j(s, s.indexOf(o.id), s.indexOf(t.id));
+    !o || !t || o.id === t.id || s.find((r) => r.id === t.id)?.columnDef.fixedLeft || s.find((r) => r.id === t.id)?.columnDef.fixedRight || n.table.setColumnOrder((r) => {
+      const l = O(r ?? []).length ? r : n.table.getAllLeafColumns().map((C) => C.id);
+      return j(l, l.indexOf(o.id), l.indexOf(t.id));
     });
-  }, v = P(M(V, { activationConstraint: { distance: 8 } })), c = I(p), x = l.filter((e) => !S.includes(e.id) && !!e.columnDef.header);
+  }, v = P(M(V, { activationConstraint: { distance: 8 } })), c = H(p), x = s.filter((e) => !S.includes(e.id) && !!e.columnDef.header);
   return /* @__PURE__ */ a("div", {
     className: m["actions-header-wrapper"],
     children: [/* @__PURE__ */ a("button", {
@@ -50,7 +50,7 @@ function ce({ headerData: n, locale: p }) {
       "aria-expanded": d,
       className: m["actions-header"],
       onClick: b,
-      children: [/* @__PURE__ */ i(k, { className: m["pin-icon"] }), g && /* @__PURE__ */ i("div", { className: m["pin-indicator"] })]
+      children: [/* @__PURE__ */ i(_, { className: m["pin-icon"] }), g && /* @__PURE__ */ i("div", { className: m["pin-indicator"] })]
     }), /* @__PURE__ */ a(D, {
       anchorEl: u,
       anchorOrigin: {
@@ -80,7 +80,7 @@ function ce({ headerData: n, locale: p }) {
             return /* @__PURE__ */ i($, {
               id: e.id,
               disabled: o,
-              children: ({ listeners: s, attributes: C }) => /* @__PURE__ */ i(A, {
+              children: ({ listeners: l, attributes: C }) => /* @__PURE__ */ i(A, {
                 title: r,
                 arrow: !0,
                 children: /* @__PURE__ */ a("button", {
@@ -90,11 +90,11 @@ function ce({ headerData: n, locale: p }) {
                   },
                   className: f["table-action-item"],
                   children: [
-                    /* @__PURE__ */ i(H, {
+                    /* @__PURE__ */ i(k, {
                       width: 20,
                       height: 20,
                       ...C,
-                      ...s,
+                      ...l,
                       style: {
                         touchAction: "none",
                         WebkitUserSelect: "none",
@@ -111,7 +111,8 @@ function ce({ headerData: n, locale: p }) {
                         size: "small",
                         disableRipple: !0,
                         checked: e.getIsVisible(),
-                        hideWrapper: !0
+                        hideWrapper: !0,
+                        className: "pointer-events-none"
                       })
                     }),
                     /* @__PURE__ */ i("span", {
@@ -126,7 +127,7 @@ function ce({ headerData: n, locale: p }) {
         })
       }), /* @__PURE__ */ i("div", {
         className: "pb-2 pl-2",
-        children: /* @__PURE__ */ i(_, {
+        children: /* @__PURE__ */ i(I, {
           dataTest: "reset-order-button",
           variant: "text",
           size: "small",

package/dist/table/components/columns/action-column/components/RowActionMenu.js

@@ -3,9 +3,9 @@ import { StyledMenuList as A } from "../../../../../components/navigation/menu/S
 import { isCustomAction as O } from "../../../../types.js";
 import { StyledTooltip as g } from "../../../../shared-components/tooltip/index.js";
 import { useToggleMenuVisibility as j } from "../../../../hooks/useToggleMenuVisibility.hook.js";
-import { DotsVerticalIcon as k } from "../../../../shared-components/DotsVerticalIcon.js";
-import { StyledMenuItem as D } from "../../../../shared-components/StyledMenuItem.js";
-import { StyledButton as F } from "../../../../shared-components/button/StyledButton.js";
+import { StyledButton as k } from "../../../../shared-components/button/StyledButton.js";
+import { DotsVerticalIcon as D } from "../../../../shared-components/DotsVerticalIcon.js";
+import { StyledMenuItem as F } from "../../../../shared-components/StyledMenuItem.js";
 import { CircleWarningOutlineIcon as I } from "../../../../shared-components/CircleWarningOutlineIcon.js";
 import w, { useEffect as R, useMemo as V, useState as z } from "react";
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
@@ -16,7 +16,7 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
     const e = window.setTimeout(() => l(!1), 1600);
     return () => window.clearTimeout(e);
   }, [a]), !M) return /* @__PURE__ */ t("div", { className: "flex w-[40px] items-center justify-center" });
-  const c = n.state === "disabled", f = /* @__PURE__ */ t(F, {
+  const c = n.state === "disabled", f = /* @__PURE__ */ t(k, {
     dataTest: "row-actions-button",
     "aria-label": N,
     "aria-haspopup": "true",
@@ -33,7 +33,7 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
     onMouseUp: (e) => {
       e.stopPropagation(), e.preventDefault();
     },
-    children: /* @__PURE__ */ t(k, {
+    children: /* @__PURE__ */ t(D, {
       className: c ? "text-delta-300" : "text-delta-700",
       width: 20,
       height: 20
@@ -94,7 +94,7 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
               title: e?.tooltipTitle,
               arrow: !0,
               placement: e?.tooltipPlacement ?? "left",
-              children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(D, {
+              children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(F, {
                 className: e.className,
                 disabled: e.disabled,
                 onClick: () => {

package/dist/table/components/table-footer/TableRowCountSelect.js

@@ -64,7 +64,7 @@ function D({ table: n, locale: p }) {
       },
       selected: t === o,
       children: /* @__PURE__ */ s("span", {
-        className: "text-base font-normal text-delta-700",
+        className: "whitespace-nowrap text-base font-normal text-delta-700",
         children: [
           o,
           " ",

package/package.json

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