asma-ui-core 3.44.0 → 3.45.0

package/dist/src/helpers/applyImportantPadding.d.ts

@@ -0,0 +1,8 @@
+export interface PaddingSides {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+}
+/** ponytail: tailwind `important: true` beats inline `style` — setProperty wins */
+export declare const applyImportantPadding: (el: HTMLElement | null, padding: PaddingSides) => void;

package/dist/src/helpers/arrays.d.ts

@@ -0,0 +1,2 @@
+/** Removes all falsy entries with type narrowing — lodash `compact` semantics. */
+export declare const compact: <T>(array: readonly (T | null | undefined | false | "" | 0)[]) => T[];

package/dist/src/helpers/arrays.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/helpers/classOverride.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Reliable consumer overrides for hardcoded layout defaults, WITHOUT tailwind-merge.
+ *
+ * `cn` is plain clsx (tailwind-merge was deliberately dropped in Phase 0), so it only concatenates —
+ * it does not dedupe conflicting utilities. When a component hardcodes a default like `px-4` and a
+ * consumer passes `className='px-0'`, BOTH land in the class list and Tailwind emits them in its own
+ * fixed order (not DOM order), so the consumer's class does not reliably win. The curated-library fix
+ * is per-component: DROP the hardcoded default for an axis when the consumer already sets that axis.
+ *
+ * Usage — gate each hardcoded default by the axis it occupies:
+ *   cn('base', !consumerOverrides(className, 'padding-x') && 'px-4', className)
+ *
+ * See the `ui-core-mui-free-migration` skill ("consumer className can't override a component default").
+ */
+/** The layout axes a component default can occupy and a consumer can legitimately override. */
+export type ClassAxis = 'padding' | 'padding-x' | 'padding-y' | 'margin' | 'width' | 'max-width' | 'display';
+/**
+ * True when `className` already sets a utility on `axis` — so the component should omit its own
+ * hardcoded default for that axis and let the consumer's class take effect.
+ */
+export declare const consumerOverrides: (className: string | undefined, axis: ClassAxis) => boolean;

package/dist/src/helpers/classOverride.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/helpers/inputMask.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Dependency-free input masking — replaces `@react-input/mask` for the two masks this library
+ * actually uses: the date scaffold `'  /  /    '` (showMask) and the progressive time mask
+ * `'xx:xx'`. Slots (positions equal to `maskChar`) accept digits; every other mask character is a
+ * literal.
+ */
+export interface InputMaskSpec {
+    /** Mask template, e.g. `'  /  /    '` or `'xx:xx'`. */
+    mask: string;
+    /** The character in `mask` marking a fillable slot, e.g. `' '` or `'x'`. */
+    maskChar: string;
+    /** true → render the full scaffold once any digit is present; false → grow as the user types. */
+    showMask: boolean;
+}
+export interface MaskedResult {
+    value: string;
+    caret: number;
+}
+/** Date picker mask — shared by `useDatePickerMask` and display formatting. */
+export declare const DATE_INPUT_MASK: InputMaskSpec;
+/**
+ * Font family the editable date input MUST render in. `DATE_INPUT_MASK` is a *space scaffold*
+ * (its `maskChar` is `' '`), so the field relies on a fixed-width font: with a proportional font
+ * (e.g. Roboto) the empty day/year space slots collapse to hairlines and the mask visibly loses
+ * its spaces (a real regression once shipped). A monospace font keeps every slot the same width so
+ * the `dd / mm / yyyy` columns stay aligned. This is coupled to the space `maskChar` — the two are
+ * asserted together in `inputMask.test.ts`; do not switch this to a proportional font.
+ */
+export declare const DATE_INPUT_FONT_FAMILY = "monospace";
+/**
+ * Pure formatter: distributes the digits of `raw` over the mask slots and computes the caret
+ * position that follows the last digit typed before `caretInRaw`. Zero digits yield an empty value
+ * so the date field can show its scaffold as a placeholder only while focused.
+ */
+export declare const formatMaskedValue: (raw: string, caretInRaw: number, spec: InputMaskSpec) => MaskedResult;
+/**
+ * Ref-callback hook applying `formatMaskedValue` on every native `input` event, before React's
+ * delegated onChange reads the value — a drop-in for `useMask` from `@react-input/mask`.
+ */
+export declare const useInputMask: ({ mask, maskChar, showMask }: InputMaskSpec) => ((element: HTMLInputElement | null) => void);

package/dist/src/helpers/inputMask.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/helpers/sx.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const resolveSx: (sx: unknown) => CSSProperties;

package/dist/src/helpers/sx.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/hooks/useFocusTrap.hook.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Manual Tab-cycling focus trap for a modal-like panel that (unlike `StyledDialog`) can't use the
+ * native `<dialog>` `showModal()` trap — e.g. a panel that's only modal in ONE of its states
+ * (`MinimizableDialog`'s fullscreen mode), where the rest of the time it's a non-modal floating
+ * widget that must NOT trap focus. Moves initial focus into the container, cycles Tab/Shift+Tab
+ * among its focusable descendants while `active`, restores focus to the trigger on deactivation,
+ * and calls `onEscape` on the Escape key (mirroring `StyledDialog`'s ESC-to-close).
+ */
+export declare const useFocusTrap: (active: boolean, containerRef: RefObject<HTMLElement | null>, onEscape?: () => void) => void;

package/dist/src/hooks/useTopLayer.hook.d.ts

@@ -0,0 +1,49 @@
+import { CSSProperties } from 'react';
+/**
+ * Promote a Floating UI element into the browser **top layer** so it paints above a native modal
+ * `<dialog>`.
+ *
+ * `StyledDialog` opens via `<dialog>.showModal()`, which puts the dialog in the top layer. The top
+ * layer sits above the entire normal stacking context, so a popover/menu/listbox portalled to
+ * `document.body` is occluded by the dialog **no matter how high its `z-index`** (and is `inert`
+ * while the modal is open). The only way to render above it is to also join the top layer — which
+ * the native Popover API does. We give the floating element `popover="manual"` (manual = we drive
+ * open/close ourselves, no light-dismiss) and call `showPopover()` the moment it mounts; the top
+ * layer stacks by call order, so a popover shown after the dialog lands on top.
+ *
+ * Usage: spread {@link TOP_LAYER_PROPS} on the floating element, put {@link TOP_LAYER_RESET_STYLE}
+ * before `...floatingStyles` in its `style`, use `strategy: 'fixed'` on `useFloating`, and pass
+ * `refs.setFloating` to {@link useTopLayerRef} — attach the returned callback as the element `ref`
+ * (merge with any others). Promoting on the ref callback (not a `useEffect`) guarantees it runs the
+ * instant the node is connected, before paint.
+ */
+export declare const TOP_LAYER_PROPS: {
+    readonly popover: "manual";
+};
+/**
+ * Neutralises the UA popover box styles (`[popover]{ inset: 0; margin: auto }`) that would
+ * otherwise fight Floating UI's `top`/`left`. Spread this BEFORE `...floatingStyles`.
+ */
+export declare const TOP_LAYER_RESET_STYLE: CSSProperties;
+/**
+ * Find the nearest **open modal** `<dialog>` ancestor of a reference node, or `undefined`.
+ *
+ * A native modal `<dialog>` (`showModal()`) marks every node **outside its own subtree** as `inert`
+ * — including a popover we promote into the top layer. An inert popover still *paints* (so it looks
+ * fine, even on top), but it is skipped by hit-testing: pointer clicks fall through to the dialog
+ * behind it and options can't be selected. Promoting to the top layer only fixes painting/z-order,
+ * NOT inertness. The one place a popover is both unclipped *and* interactive is **inside the modal
+ * dialog's own subtree** (top layer → escapes the dialog's `overflow:hidden`; descendant of the
+ * dialog → not inert). So when the trigger lives inside a modal dialog, the floating element must
+ * portal into that dialog rather than `document.body`. Returns `undefined` for the non-dialog case
+ * (and for non-modal containers like `MinimizableDialog`, which are plain z-indexed `<div>`s), so
+ * the caller falls back to the default body portal.
+ */
+export declare function getOpenModalDialogAncestor(node: unknown): HTMLElement | undefined;
+type RefSetter = (node: HTMLElement | null) => void;
+/**
+ * Returns a ref callback that wires the node into Floating UI (`setFloating`) and, on mount,
+ * promotes it to the top layer via the Popover API. Degrades to plain z-index if unsupported.
+ */
+export declare function useTopLayerRef(setFloating: RefSetter): RefSetter;
+export {};

package/dist/src/index.d.ts

@@ -43,6 +43,7 @@ export * from './table';
 export * from './components/utils/popover';
 export * from './components/utils/filter-menu';
 export * from './components/utils/copy-wrapper';
+export * from './components/utils/virtual-list';
 export * from './components/custom/widget/widget-title/StyledWidgetTitle';
 export * from './components/custom/widget/widget-header/StyledWidgetHeader';
 export * from './components/custom/widget/widget/StyledWidget';
@@ -50,4 +51,4 @@ export * from './components/custom/module/module-title/StyledModuleTitle';
 export * from './components/custom/module/header-layout';
 export * from './components/feedback/minimizable-dialog';
 export * from './hooks/usePopupState';
-export { Fade, Paper, ClickAwayListener, Popper, Avatar, Skeleton, Container, Stack, FormLabel } from '@mui/material';
+export { Paper, ClickAwayListener, Avatar, Skeleton, Container, Stack, FormLabel, Fade, Popper, } from './components/mui-compat';

package/dist/src/table/components/columns/helpers/useElementHeightPx.d.ts

@@ -1,4 +1,7 @@
-export declare function useElementHeightPx<T extends HTMLElement>(): {
-    ref: import('node_modules/@types/react').RefObject<T>;
+import { RefObject } from 'react';
+interface ElementHeightPx<T> {
+    ref: RefObject<T>;
     heightPx: number;
-};
+}
+export declare function useElementHeightPx<T extends HTMLElement>(): ElementHeightPx<T>;
+export {};

package/dist/src/table/components/columns/helpers/useProxyHorizontalScrollSync.d.ts

@@ -1,6 +1,9 @@
-export declare function useProxyHorizontalScrollSync(enabled: boolean): {
-    tableScrollRef: import('node_modules/@types/react').MutableRefObject<HTMLDivElement | null>;
-    tableXRef: import('node_modules/@types/react').MutableRefObject<HTMLDivElement | null>;
-    hScrollRef: import('node_modules/@types/react').MutableRefObject<HTMLDivElement | null>;
-    hScrollContentRef: import('node_modules/@types/react').MutableRefObject<HTMLDivElement | null>;
-};
+import { RefObject } from 'react';
+interface ProxyHorizontalScrollSync {
+    tableScrollRef: RefObject<HTMLDivElement>;
+    tableXRef: RefObject<HTMLDivElement>;
+    hScrollRef: RefObject<HTMLDivElement>;
+    hScrollContentRef: RefObject<HTMLDivElement>;
+}
+export declare function useProxyHorizontalScrollSync(enabled: boolean): ProxyHorizontalScrollSync;
+export {};

package/dist/src/table/hooks/useToggleMenuVisibility.hook.d.ts

@@ -1,6 +1,8 @@
-export declare const useToggleMenuVisibility: () => {
+interface ToggleMenuVisibility {
     open: boolean;
-    handleClose: () => void;
-    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
     anchorEl: HTMLElement | SVGSVGElement | null;
-};
+    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
+    handleClose: () => void;
+}
+export declare const useToggleMenuVisibility: () => ToggleMenuVisibility;
+export {};

package/dist/src/table/hooks/useTranslations.d.ts

@@ -1,9 +1,16 @@
-export declare function useTranslations(locale?: 'no' | 'en'): {
-    column_reorder: string;
-    column_hidden: string;
-    reset_order: string;
-} | {
-    column_reorder: string;
-    column_hidden: string;
-    reset_order: string;
+declare const translations: {
+    en: {
+        column_reorder: string;
+        column_hidden: string;
+        reset_order: string;
+        column_settings: string;
+    };
+    no: {
+        column_reorder: string;
+        column_hidden: string;
+        reset_order: string;
+        column_settings: string;
+    };
 };
+export declare function useTranslations(locale?: 'no' | 'en'): typeof translations.en;
+export {};

package/dist/src/table/shared-components/StyledCheckbox.d.ts

@@ -1,5 +1,4 @@
-import { default as React, SVGProps } from 'react';
-import { Checkbox } from '@base-ui/react/checkbox';
+import { default as React, ChangeEvent, SVGProps } from 'react';
 type StyledCheckboxProps = {
     dataTest: string;
     size?: 'small' | 'medium';
@@ -8,9 +7,13 @@ type StyledCheckboxProps = {
     disableRipple?: boolean;
     hideWrapper?: boolean;
     className?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-} & Omit<React.ComponentProps<typeof Checkbox.Root>, 'children'>;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'checked' | 'type'>;
 export declare const IndeterminateIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+/**
+ * Table's native `<input type="checkbox">` (replaces `@base-ui/react`). Mirrors the main
+ * `StyledCheckbox`; state drives the SCSS `data-*` selectors. TASK-201.
+ */
 export declare const StyledCheckbox: React.FC<StyledCheckboxProps>;
 export {};

package/dist/src/table/shared-components/StyledMenuItem.d.ts

@@ -1,2 +1,18 @@
-import { MenuItemProps } from '@mui/material';
-export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;
+import { MouseEvent, ReactNode } from 'react';
+export interface StyledMenuItemProps {
+    children?: ReactNode;
+    disabled?: boolean;
+    selected?: boolean;
+    className?: string;
+    classes?: {
+        root?: string;
+    };
+    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
+    onMouseDown?: (event: MouseEvent<HTMLLIElement>) => void;
+    onMouseUp?: (event: MouseEvent<HTMLLIElement>) => void;
+}
+/**
+ * Table row-action menu item (replaces MUI `MenuItem`). Native `role="menuitem"`; disabled stays
+ * focusable but non-interactive. TASK-404.
+ */
+export declare const StyledMenuItem: ({ children, disabled, selected, className, classes, onClick, onMouseDown, onMouseUp, }: StyledMenuItemProps) => JSX.Element;

package/dist/src/table/shared-components/menu-item/index.d.ts

@@ -1,2 +1,13 @@
-import { MenuItemProps } from '@mui/material';
-export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;
+import { MouseEvent, ReactNode } from 'react';
+export interface MenuItemProps {
+    children?: ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    className?: string;
+    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
+}
+/**
+ * Table menu item with a leading check column (replaces MUI `MenuItem`). Native `role="menuitem"`.
+ * TASK-404.
+ */
+export declare const StyledMenuItem: ({ children, selected, disabled, className, onClick }: MenuItemProps) => JSX.Element;

package/dist/src/table/shared-components/tooltip/index.d.ts

@@ -1,2 +1,6 @@
-import { TooltipProps } from '@mui/material';
+import { TooltipProps } from '../../../components/data-display/tooltip/StyledTooltip';
+/**
+ * Table tooltip — the core `StyledTooltip` (MUI-free) with the table's arrow + top-placement
+ * defaults. TASK-404.
+ */
 export declare const StyledTooltip: (props: TooltipProps) => JSX.Element;

package/dist/src/table/types.d.ts

@@ -1,7 +1,7 @@
 import { ColumnPinningColumnDef, ColumnSizingColumnDef, GroupingColumnDef, RowData, SortingColumnDef, VisibilityColumnDef, AccessorFn, ColumnDefTemplate, CellContext, ColumnMeta, HeaderContext, Row, RowModel, TableOptions, Table, ColumnDef } from '@tanstack/react-table';
 import { CSSProperties, MouseEvent, MutableRefObject, ReactElement, ReactNode } from 'react';
 import { ExpandedRow, ExpandedRowsInstance, ExpandedRowsOptions, ExpandedRowsTableState } from './custom-features/expand-rows';
-import { TooltipProps } from '@mui/material';
+import { TooltipProps } from '../components/data-display/tooltip/StyledTooltip';
 import { FocusedRowsOptions, FocusedRowsTableState, FocusedRow, FocusedRowsInstance } from './custom-features/focus-rows';
 import { OrderedColumnsOptions, OrderedColumnsTableState } from './custom-features/order-columns';
 import { RowSelectionTooltipOptions, RowSelectionTooltipRow } from './custom-features/row-selection-tooltip';

package/dist/table/components/Fetching.js

@@ -1,10 +1,10 @@
-import o from "./StyledTable.module.js";
-import { LoadingIcon as i } from "../shared-components/LoadingIcon.js";
+import { LoadingIcon as o } from "../shared-components/LoadingIcon.js";
+import i from "./StyledTable.module.js";
 import { jsx as e } from "react/jsx-runtime";
 var m = ({ fetching: t = !1 }) => t ? /* @__PURE__ */ e("div", {
   className: "absolute bottom-0 left-0 right-0 top-0 z-10 flex items-center justify-center bg-white/40",
-  children: /* @__PURE__ */ e(i, {
-    className: o["loading-icon"],
+  children: /* @__PURE__ */ e(o, {
+    className: i["loading-icon"],
     width: 50,
     height: 50
   })

package/dist/table/components/StyledTable.module.js

@@ -1,57 +1,57 @@
-var e = "_tbody_1o2j1_124", _ = "_expanded_row_1o2j1_187", o = "_selected_1o2j1_205", l = "_shadowed_1o2j1_234", t = "_resizer_1o2j1_288", a = "_isResizing_1o2j1_300", r = {
-  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_1o2j1_1",
-  "table-wrapper": "_table-wrapper_1o2j1_26",
-  "table-shell": "_table-shell_1o2j1_33",
-  "table-wrapper--no-rows": "_table-wrapper--no-rows_1o2j1_39",
-  "table-wrapper--proxy": "_table-wrapper--proxy_1o2j1_42",
-  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_1o2j1_43",
-  "table-wrapper-fetching": "_table-wrapper-fetching_1o2j1_53",
-  "table-scroll": "_table-scroll_1o2j1_56",
-  "table-x--fill-height": "_table-x--fill-height_1o2j1_65",
-  "table-x": "_table-x_1o2j1_65",
-  "table-content": "_table-content_1o2j1_80",
-  "table-header--sticky": "_table-header--sticky_1o2j1_85",
-  "table-hscroll": "_table-hscroll_1o2j1_90",
-  "table-hscroll__content": "_table-hscroll__content_1o2j1_100",
-  "no-rows-overlay-container": "_no-rows-overlay-container_1o2j1_103",
-  "no-rows-overlay-content": "_no-rows-overlay-content_1o2j1_111",
-  "styled-table": "_styled-table_1o2j1_115",
+var e = "_tbody_v7jow_124", _ = "_expanded_row_v7jow_187", o = "_selected_v7jow_205", l = "_shadowed_v7jow_234", t = "_resizer_v7jow_288", a = "_isResizing_v7jow_300", r = {
+  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_v7jow_1",
+  "table-wrapper": "_table-wrapper_v7jow_26",
+  "table-shell": "_table-shell_v7jow_33",
+  "table-wrapper--no-rows": "_table-wrapper--no-rows_v7jow_39",
+  "table-wrapper--proxy": "_table-wrapper--proxy_v7jow_42",
+  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_v7jow_43",
+  "table-wrapper-fetching": "_table-wrapper-fetching_v7jow_53",
+  "table-scroll": "_table-scroll_v7jow_56",
+  "table-x--fill-height": "_table-x--fill-height_v7jow_65",
+  "table-x": "_table-x_v7jow_65",
+  "table-content": "_table-content_v7jow_80",
+  "table-header--sticky": "_table-header--sticky_v7jow_85",
+  "table-hscroll": "_table-hscroll_v7jow_90",
+  "table-hscroll__content": "_table-hscroll__content_v7jow_100",
+  "no-rows-overlay-container": "_no-rows-overlay-container_v7jow_103",
+  "no-rows-overlay-content": "_no-rows-overlay-content_v7jow_111",
+  "styled-table": "_styled-table_v7jow_115",
   tbody: e,
-  "loading-icon": "_loading-icon_1o2j1_129",
-  "t-row": "_t-row_1o2j1_136",
-  "t-cell": "_t-cell_1o2j1_136",
-  "action-cell": "_action-cell_1o2j1_146",
-  "fixed-cell": "_fixed-cell_1o2j1_150",
-  "fixed-right-cell": "_fixed-right-cell_1o2j1_153",
+  "loading-icon": "_loading-icon_v7jow_129",
+  "t-row": "_t-row_v7jow_136",
+  "t-cell": "_t-cell_v7jow_136",
+  "action-cell": "_action-cell_v7jow_146",
+  "fixed-cell": "_fixed-cell_v7jow_150",
+  "fixed-right-cell": "_fixed-right-cell_v7jow_153",
   expanded_row: _,
   selected: o,
-  "single-selection": "_single-selection_1o2j1_208",
-  "action-cell--no-shadow": "_action-cell--no-shadow_1o2j1_225",
-  "action-cell--not-fixed": "_action-cell--not-fixed_1o2j1_228",
+  "single-selection": "_single-selection_v7jow_208",
+  "action-cell--no-shadow": "_action-cell--no-shadow_v7jow_225",
+  "action-cell--not-fixed": "_action-cell--not-fixed_v7jow_228",
   shadowed: l,
-  "shadowed-right": "_shadowed-right_1o2j1_268",
-  "is-loading": "_is-loading_1o2j1_272",
-  "action-cell-default-background": "_action-cell-default-background_1o2j1_275",
-  "fixed-cell-default-background": "_fixed-cell-default-background_1o2j1_278",
-  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_1o2j1_281",
-  "sortable-column": "_sortable-column_1o2j1_284",
+  "shadowed-right": "_shadowed-right_v7jow_268",
+  "is-loading": "_is-loading_v7jow_272",
+  "action-cell-default-background": "_action-cell-default-background_v7jow_275",
+  "fixed-cell-default-background": "_fixed-cell-default-background_v7jow_278",
+  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_v7jow_281",
+  "sortable-column": "_sortable-column_v7jow_284",
   resizer: t,
   isResizing: a,
-  "hide-table-header": "_hide-table-header_1o2j1_312",
-  "show-table-header": "_show-table-header_1o2j1_316",
-  "table-header": "_table-header_1o2j1_85",
-  "hide-header": "_hide-header_1o2j1_342",
-  "t-cell__actions": "_t-cell__actions_1o2j1_345",
-  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_1o2j1_353",
-  "t-cell__actions--not-fixed": "_t-cell__actions--not-fixed_1o2j1_356",
-  "t-cell__fixed": "_t-cell__fixed_1o2j1_363",
-  "t-cell__fixed-right": "_t-cell__fixed-right_1o2j1_370",
-  "sort-icon": "_sort-icon_1o2j1_377",
-  "table-footer--sticky": "_table-footer--sticky_1o2j1_380",
-  "table-footer--inline": "_table-footer--inline_1o2j1_391",
-  "table-bottom": "_table-bottom_1o2j1_402",
-  "table-bottom--sticky": "_table-bottom--sticky_1o2j1_416",
-  "cursor-not-allowed": "_cursor-not-allowed_1o2j1_420"
+  "hide-table-header": "_hide-table-header_v7jow_312",
+  "show-table-header": "_show-table-header_v7jow_316",
+  "table-header": "_table-header_v7jow_85",
+  "hide-header": "_hide-header_v7jow_342",
+  "t-cell__actions": "_t-cell__actions_v7jow_345",
+  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_v7jow_353",
+  "t-cell__actions--not-fixed": "_t-cell__actions--not-fixed_v7jow_356",
+  "t-cell__fixed": "_t-cell__fixed_v7jow_363",
+  "t-cell__fixed-right": "_t-cell__fixed-right_v7jow_370",
+  "sort-icon": "_sort-icon_v7jow_377",
+  "table-footer--sticky": "_table-footer--sticky_v7jow_380",
+  "table-footer--inline": "_table-footer--inline_v7jow_391",
+  "table-bottom": "_table-bottom_v7jow_402",
+  "table-bottom--sticky": "_table-bottom--sticky_v7jow_416",
+  "cursor-not-allowed": "_cursor-not-allowed_v7jow_420"
 };
 export {
   r as default

package/dist/table/components/TableRow.js

@@ -1,10 +1,10 @@
 import { ACTIONS_COLUMN_ID as U } from "../types.js";
 import { useRootContext as se } from "../context/RootContext.js";
 import n from "./StyledTable.module.js";
+import { compact as ae } from "../../helpers/arrays.js";
 import W from "clsx";
-import { Fragment as ae, useCallback as de, useEffect as ce, useMemo as g } from "react";
-import { Fragment as re, jsx as l, jsxs as p } from "react/jsx-runtime";
-import { compact as me } from "lodash-es";
+import { Fragment as de, useCallback as ce, useEffect as re, useMemo as g } from "react";
+import { Fragment as me, jsx as l, jsxs as p } from "react/jsx-runtime";
 import { useSortable as ge } from "@dnd-kit/sortable";
 import { flexRender as ue } from "@tanstack/react-table";
 import { CSS as fe } from "@dnd-kit/utilities";
@@ -19,7 +19,7 @@ function ve({ styledTableProps: _, row: t, index: H, columnWindow: { paddingLeft
     zIndex: A ? 1 : 0,
     position: "relative"
   }, { isResizing: ee, disableResizingFlag: te } = se();
-  ce(() => {
+  re(() => {
     K && t.getCanExpand() && !t.getIsExpanded() && t.toggleExpand();
   }, []);
   const B = (e) => {
@@ -34,7 +34,7 @@ function ve({ styledTableProps: _, row: t, index: H, columnWindow: { paddingLeft
   })), T = g(() => r.filter((e) => !e.column.columnDef.fixedLeft && !e.column.columnDef.fixedRight && e.column.id !== "actions"), [r]), a = g(() => r.filter((e) => !!e.column.columnDef.fixedRight || e.column.id === "actions").map((e, i, o) => ({
     ...e,
     right: o.slice(i + 1).reduce((d, c) => d + (c.column.getSize() ?? 0), 0)
-  })), [r]), L = g(() => a.some((e) => e.column.id === U), [a]), h = !!C || !!V, M = g(() => a.some((e) => !!e.column.columnDef.fixedRight), [a]), m = g(() => r.filter((e) => e.column.columnDef.fixedLeft), [r]), S = !Y && !q && G, b = t.getIsSelected() && S, R = x instanceof Function, z = F.length > 0 ? me(F.map((e) => T[e])) : T, D = de((e, i) => {
+  })), [r]), L = g(() => a.some((e) => e.column.id === U), [a]), h = !!C || !!V, M = g(() => a.some((e) => !!e.column.columnDef.fixedRight), [a]), m = g(() => r.filter((e) => e.column.columnDef.fixedLeft), [r]), S = !Y && !q && G, b = t.getIsSelected() && S, R = x instanceof Function, z = F.length > 0 ? ae(F.map((e) => T[e])) : T, D = ce((e, i) => {
     const o = e.column.id === U, d = e.column.columnDef.fixedLeft, c = !!e.column.columnDef.fixedRight, ie = e.id === m.at(-1)?.id, oe = e.id === a.at(0)?.id && !o, le = t.isExpanded(), k = i === 0;
     return /* @__PURE__ */ l("td", {
       className: W(n["t-cell"], R && "cursor-pointer", N, o && n["action-cell"], o && !h && n["action-cell--not-fixed"], o && h && M && n["action-cell--no-shadow"], o && h && !!C && m.length && n.shadowed, o && (s?.(t) ? s?.(t) : n["action-cell-default-background"]), d && n["fixed-cell"], c && n["fixed-right-cell"], ie && n.shadowed, oe && n["shadowed-right"], t.getIsSelected() && n.selected, d && (s?.(t) ? s?.(t) : n["fixed-cell-default-background"]), c && (s?.(t) ? s?.(t) : n["fixed-right-cell-default-background"]), le && n.expanded_row, (!!b || t.isFocused()) && n["single-selection"]),
@@ -82,7 +82,7 @@ function ve({ styledTableProps: _, row: t, index: H, columnWindow: { paddingLeft
     S,
     N
   ]);
-  return /* @__PURE__ */ p(ae, { children: [/* @__PURE__ */ p("tr", {
+  return /* @__PURE__ */ p(de, { children: [/* @__PURE__ */ p("tr", {
     "aria-selected": t.getIsSelected() || t.isFocused() ? "true" : "false",
     tabIndex: t.isFocused() ? 0 : -1,
     "data-index": H,
@@ -139,7 +139,7 @@ function ve({ styledTableProps: _, row: t, index: H, columnWindow: { paddingLeft
       }),
       a.map((e, i) => D(e, m.length + z.length + i))
     ]
-  }), t.getIsExpanded() && /* @__PURE__ */ l(re, { children: I && P?.({
+  }), t.getIsExpanded() && /* @__PURE__ */ l(me, { children: I && P?.({
     rows: I.get(t.original.id.toString()) ?? [],
     row: t.original
   }) })] }, t.id);

package/dist/table/components/TableSkeleton.js

@@ -1,12 +1,12 @@
-import a from "./TableSkeleton.module.js";
-import { Fragment as l } from "react";
-import { Skeleton as m } from "@mui/material";
+import { Skeleton as a } from "../../components/mui-compat/Skeleton.js";
+import l from "./TableSkeleton.module.js";
+import { Fragment as m } from "react";
 import { jsx as r } from "react/jsx-runtime";
-var p = (({ colSpan: o, rowHeight: t = 48 }) => /* @__PURE__ */ r(l, { children: Array.from({ length: 10 }).map((i, e) => /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", {
+var p = (({ colSpan: o, rowHeight: t = 48 }) => /* @__PURE__ */ r(m, { children: Array.from({ length: 10 }).map((i, e) => /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", {
   colSpan: o,
   height: t,
-  className: a["skeleton-row"],
-  children: /* @__PURE__ */ r(m, {
+  className: l["skeleton-row"],
+  children: /* @__PURE__ */ r(a, {
     variant: "rectangular",
     width: "100%",
     height: 40,

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

@@ -1,29 +1,32 @@
 import { ACTIONS_COLUMN_ID as m } from "../../../types.js";
-import { RowActionMenu as u } from "./components/RowActionMenu.js";
-import { HeaderActionMenu as d } from "./components/HeaderActionMenu.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: i, actions: t, customActionsNode: o, rowHeight: a, customActionsColumnProps: s, rowActionsState: c, locale: l } = r;
+  const { headerPin: s, actions: o, customActionsNode: t, rowHeight: a, customActionsColumnProps: c, rowActionsState: l, locale: i } = r;
   return {
     id: m,
     enableHiding: !1,
     enableSorting: !1,
     accessorFn: (e) => e,
-    header: (e) => i ? /* @__PURE__ */ n(d, {
+    header: (e) => s ? /* @__PURE__ */ n(u, {
       headerData: e,
-      locale: l
-    }) : null,
-    cell: (e) => t || o ? /* @__PURE__ */ f("div", {
+      locale: i
+    }) : /* @__PURE__ */ n("span", {
+      className: "sr-only",
+      children: i === "no" ? "Handlinger" : "Actions"
+    }),
+    cell: (e) => o || t ? /* @__PURE__ */ f("div", {
       className: "flex items-center justify-end gap-x-1",
       style: { height: a ?? "auto" },
-      children: [o && /* @__PURE__ */ n("div", { children: o?.(e) }), t && /* @__PURE__ */ n(u, {
+      children: [t && /* @__PURE__ */ n("div", { children: t?.(e) }), o && /* @__PURE__ */ n(d, {
         tableData: e,
-        actions: t,
-        rowActionsState: c
+        actions: o,
+        rowActionsState: l
       })]
     }) : null,
     size: 50,
-    ...s
+    ...c
   };
 }
 export {