asma-ui-core 3.74.4 → 3.76.0

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

@@ -1,111 +1,114 @@
+import { message as v } from "../../../../../components/feedback/snack-bar/message.js";
 import { StyledPopover as D } from "../../../../../components/utils/popover/StyledPopover.js";
 import { INTERNAL_COLUMN_IDS as S } from "../../../../types.js";
-import { cn as N } from "../../../../helpers/cn.js";
+import { cn as _ } 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 { PinIcon as _ } from "../../../../shared-components/PinIcon.js";
+import { PinIcon as k } from "../../../../shared-components/PinIcon.js";
 import m from "./TableActions.module.js";
-import f from "./HeaderActionMenu.module.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";
-import { restrictToParentElement as w, restrictToVerticalAxis as z } from "@dnd-kit/modifiers";
-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: s } = U({
+import d from "./HeaderActionMenu.module.js";
+import { DotsHorizontalIcon as H } from "../../../../shared-components/DotsHorizontalIcon.js";
+import { useTranslations as I } from "../../../../hooks/useTranslations.js";
+import { StyledButton as O } from "../../../../shared-components/button/StyledButton.js";
+import { compact as R } from "../../../../../helpers/arrays.js";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { DndContext as V, PointerSensor as E, closestCenter as M, useSensor as P, useSensors as w } from "@dnd-kit/core";
+import { restrictToParentElement as W, restrictToVerticalAxis as z } from "@dnd-kit/modifiers";
+import { SortableContext as j, arrayMove as U, useSortable as B, verticalListSortingStrategy as Y } from "@dnd-kit/sortable";
+import { CSS as $ } from "@dnd-kit/utilities";
+function q({ id: n, disabled: p, children: u }) {
+  const { attributes: c, listeners: h, setNodeRef: b, transform: g, transition: l } = B({
     id: n,
     disabled: p
   });
-  return /* @__PURE__ */ i("div", {
+  return /* @__PURE__ */ o("div", {
     ref: b,
     style: {
-      transform: Y.Transform.toString(g),
-      transition: s
+      transform: $.Transform.toString(g),
+      transition: l
     },
+    className: d["drag-item"],
     children: u({
-      attributes: d,
+      attributes: c,
       listeners: h
     })
   });
 }
-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)), s = n.table.getAllLeafColumns(), y = (e) => {
-    const { active: o, over: t } = e;
-    !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));
+function fe({ headerData: n, locale: p }) {
+  const { anchorEl: u, open: c, 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 { active: r, over: t } = e;
+    !r || !t || r.id === t.id || l.find((i) => i.id === t.id)?.columnDef.fixedLeft || l.find((i) => i.id === t.id)?.columnDef.fixedRight || n.table.setColumnOrder((i) => {
+      const a = R(i ?? []).length ? i : n.table.getAllLeafColumns().map((C) => C.id);
+      return U(a, a.indexOf(r.id), a.indexOf(t.id));
     });
-  }, 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", {
+  }, N = w(P(E, { activationConstraint: { distance: 8 } })), s = I(p), x = l.filter((e) => !S.includes(e.id) && !!e.columnDef.header);
+  return /* @__PURE__ */ f("div", {
     className: m["actions-header-wrapper"],
-    children: [/* @__PURE__ */ a("button", {
+    children: [/* @__PURE__ */ f("button", {
       type: "button",
-      "aria-label": c.column_settings,
+      "aria-label": s.column_settings,
       "aria-haspopup": "true",
-      "aria-expanded": d,
+      "aria-expanded": c,
       className: m["actions-header"],
       onClick: b,
-      children: [/* @__PURE__ */ i(_, { className: m["pin-icon"] }), g && /* @__PURE__ */ i("div", { className: m["pin-indicator"] })]
-    }), /* @__PURE__ */ a(D, {
+      children: [/* @__PURE__ */ o(k, { className: m["pin-icon"] }), g && /* @__PURE__ */ o("div", { className: m["pin-indicator"] })]
+    }), /* @__PURE__ */ f(D, {
       anchorEl: u,
       anchorOrigin: {
         horizontal: "left",
         vertical: "bottom"
       },
-      open: d,
+      open: c,
       onClose: h,
       slotProps: { paper: { sx: {
-        maxHeight: "calc(7 * 36px)",
+        maxHeight: "calc(7 * 40px)",
         overflowY: "auto",
         scrollbarWidth: "thin"
       } } },
-      children: [/* @__PURE__ */ i(R, {
-        modifiers: [z, w],
+      children: [/* @__PURE__ */ o(V, {
+        modifiers: [z, W],
         onDragEnd: y,
-        collisionDetection: (e) => E(e).filter((o) => {
-          const t = x.find((r) => r.id === o.id);
+        collisionDetection: (e) => M(e).filter((r) => {
+          const t = x.find((i) => i.id === r.id);
           return !t?.columnDef.fixedLeft && !t?.columnDef.fixedRight;
         }),
-        sensors: v,
-        children: /* @__PURE__ */ i(W, {
+        sensors: N,
+        children: /* @__PURE__ */ o(j, {
           items: x.map((e) => e.id),
-          strategy: B,
+          strategy: Y,
           children: x.map((e) => {
-            const o = !!e.columnDef.fixedLeft || !!e.columnDef.fixedRight, t = e.columnDef.enableHiding === !1, r = o || t ? /* @__PURE__ */ a("div", { children: [o && c.column_reorder, t && c.column_hidden] }) : null;
-            return /* @__PURE__ */ i($, {
+            const r = !!e.columnDef.fixedLeft || !!e.columnDef.fixedRight, t = e.columnDef.enableHiding === !1;
+            let i = null;
+            return r && t ? i = s.column_reorder_and_hidden : r ? i = s.column_reorder : t && (i = s.column_hidden), /* @__PURE__ */ o(q, {
               id: e.id,
-              disabled: o,
-              children: ({ listeners: l, attributes: C }) => /* @__PURE__ */ i(A, {
-                title: r,
+              disabled: r,
+              children: ({ listeners: a, attributes: C }) => /* @__PURE__ */ o(A, {
+                title: i,
                 arrow: !0,
-                children: /* @__PURE__ */ a("button", {
+                children: /* @__PURE__ */ f("button", {
                   type: "button",
                   onClick: () => {
                     t || e.toggleVisibility(!e.getIsVisible());
                   },
-                  className: f["table-action-item"],
+                  className: d["table-action-item"],
                   children: [
-                    /* @__PURE__ */ i(k, {
+                    /* @__PURE__ */ o(H, {
                       width: 20,
                       height: 20,
                       ...C,
-                      ...l,
+                      ...a,
                       style: {
                         touchAction: "none",
                         WebkitUserSelect: "none",
                         userSelect: "none",
                         WebkitTouchCallout: "none"
                       },
-                      className: N(f["drag-icon"], o ? f["drag-icon--disabled"] : f["drag-icon--enabled"])
+                      className: _(d["drag-icon"], r ? d["drag-icon--disabled"] : d["drag-icon--enabled"])
                     }),
-                    /* @__PURE__ */ i("span", {
+                    /* @__PURE__ */ o("span", {
                       className: "px-2",
-                      children: /* @__PURE__ */ i(T, {
+                      children: /* @__PURE__ */ o(T, {
                         readOnly: t,
                         dataTest: `${e.id}-column-visibility-checkbox`,
                         size: "small",
@@ -115,7 +118,7 @@ function ce({ headerData: n, locale: p }) {
                         className: "pointer-events-none"
                       })
                     }),
-                    /* @__PURE__ */ i("span", {
+                    /* @__PURE__ */ o("span", {
                       className: "font-roboto text-base text-delta-700",
                       children: e.columnDef.pinnedHeaderText ?? (typeof e.columnDef.header == "string" ? e.columnDef.header : e.id)
                     })
@@ -125,19 +128,21 @@ function ce({ headerData: n, locale: p }) {
             }, e.id);
           })
         })
-      }), /* @__PURE__ */ i("div", {
+      }), /* @__PURE__ */ o("div", {
         className: "pb-2 pl-2",
-        children: /* @__PURE__ */ i(I, {
+        children: /* @__PURE__ */ o(O, {
           dataTest: "reset-order-button",
           variant: "text",
-          size: "small",
-          onClick: () => n.table.resetColumnOrder(),
-          children: c.reset_order
+          className: "h-10",
+          onClick: () => {
+            n.table.resetColumnOrder(), v.info(s.column_order_reset);
+          },
+          children: s.reset_order
         })
       })]
     })]
   });
 }
 export {
-  ce as HeaderActionMenu
+  fe as HeaderActionMenu
 };

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

@@ -1,9 +1,10 @@
-var e = {
-  "table-action-item": "_table-action-item_ejh2p_1",
-  "drag-icon": "_drag-icon_ejh2p_18",
-  "drag-icon--disabled": "_drag-icon--disabled_ejh2p_23",
-  "drag-icon--enabled": "_drag-icon--enabled_ejh2p_28"
+var a = {
+  "table-action-item": "_table-action-item_r3frh_1",
+  "drag-item": "_drag-item_r3frh_18",
+  "drag-icon": "_drag-icon_r3frh_22",
+  "drag-icon--disabled": "_drag-icon--disabled_r3frh_27",
+  "drag-icon--enabled": "_drag-icon--enabled_r3frh_32"
 };
 export {
-  e as default
+  a as default
 };

package/dist/table/hooks/useTranslations.js

@@ -1,20 +1,24 @@
-import { useMemo as o } from "react";
+import { useMemo as r } from "react";
 var n = {
   en: {
     column_reorder: "This column is fixed and can’t be reordered.",
     column_hidden: "This column is fixed and can’t be hidden.",
+    column_reorder_and_hidden: "This column is fixed and can’t be reordered or hidden.",
     reset_order: "Reset order",
+    column_order_reset: "Column order reset",
     column_settings: "Column settings"
   },
   no: {
     column_reorder: "Denne kolonnen er fast og kan ikke flyttes.",
     column_hidden: "Denne kolonnen er fast og kan ikke skjules.",
+    column_reorder_and_hidden: "Denne kolonnen er fast og kan ikke flyttes eller skjules.",
     reset_order: "Tilbakestill rekkefølge",
+    column_order_reset: "Kolonnerekkefølgen er tilbakestilt",
     column_settings: "Kolonneinnstillinger"
   }
 };
 function s(e = "en") {
-  return o(() => n[e] ?? n.en, [e]);
+  return r(() => n[e] ?? n.en, [e]);
 }
 export {
   s as useTranslations

package/package.json

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