asma-ui-core 3.78.12 → 3.79.1

package/dist/src/components/feedback/dialog/dialog-footer/StyledDialogFooter.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { StyledButtonType } from '../../../inputs/button';
+import { DynamicToolbarAction } from '../../../custom/module/header-layout/planToolbarActions';
+import { ToolbarLocale } from '../../../custom/module/header-layout/useTranslations';
+/** One of the two right-cluster buttons (Figma "Right": Cancel + primary). */
+export interface StyledDialogFooterButton {
+    label: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    /** `submit` lets the footer drive the surrounding `<form>` without a click handler. */
+    type?: 'button' | 'submit' | 'reset';
+    /** Overrides the cluster default (`contained` for primary, `outlined` for secondary). */
+    variant?: StyledButtonType;
+    /** Renders in the destructive palette (Figma `Danger = on`). */
+    tone?: 'default' | 'danger';
+    icon?: ReactNode;
+    dataTest?: string;
+    ariaLabel?: string;
+}
+export interface StyledDialogFooterProps {
+    /**
+     * Left cluster (Figma "Left"): destructive and utility actions. They keep their
+     * labels while they fit, collapse to icon-only next, and move into an icon-only
+     * "More" menu once even that overflows — so 1, 2, 3 and 3+ actions all resolve to
+     * the approved layout without the caller branching on width.
+     */
+    leftActions?: DynamicToolbarAction[];
+    /** Replaces the planned left cluster with arbitrary content — Figma's "Checkbox+Label" left variant, or footer info text. */
+    leadingSlot?: ReactNode;
+    /** Outlined action left of the primary — Cancel. */
+    secondaryAction?: StyledDialogFooterButton;
+    /** Rightmost contained action — Save changes / Add new …. */
+    primaryAction?: StyledDialogFooterButton;
+    /** Pins the footer to the bottom of its scroll container with the DS `Fixed bottom` shadow. */
+    fixed?: boolean;
+    /** Bottom corners rounded to sit flush inside a dialog paper. Pass `false` for a full-bleed page footer. */
+    rounded?: boolean;
+    locale?: ToolbarLocale;
+    className?: string;
+    dataTest?: string;
+}
+/**
+ * Developer: alexandr.doicov@carasent.com
+ *
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#26769-135283
+ * @remarks Figma "Dialog footer" component set. The Figma `State` property
+ * (Create/Edit/More/Reset filter) is **not** a prop — it is the emergent result of which
+ * actions the caller passes and how much room the container leaves, which is the whole
+ * point of ASMA-7099. `Mobile` is likewise derived from the **container** width, not the
+ * viewport, so a footer inside a narrow popover compacts even on a desktop screen.
+ *
+ * Layout: `Left` cluster (planned, adaptive) · `Right` cluster (Cancel + primary, always
+ * visible and never overflowed — the primary action must stay reachable).
+ *
+ * @param leftActions - adaptive left cluster; label → icon-only → More menu
+ * @param leadingSlot - arbitrary left content, replaces `leftActions`
+ * @param secondaryAction - outlined Cancel
+ * @param primaryAction - contained primary
+ * @param fixed - sticky bottom + `Fixed bottom` shadow
+ * @param rounded - rounded bottom corners (default `true`)
+ */
+export declare function StyledDialogFooter({ leftActions, leadingSlot, secondaryAction, primaryAction, fixed, rounded, locale, className, dataTest, }: StyledDialogFooterProps): JSX.Element;

package/dist/src/components/feedback/dialog/dialog-footer/StyledDialogFooter.test.d.ts

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

package/dist/src/components/feedback/dialog/dialog-footer/index.d.ts

@@ -0,0 +1,2 @@
+export { StyledDialogFooter } from './StyledDialogFooter';
+export type { StyledDialogFooterProps, StyledDialogFooterButton } from './StyledDialogFooter';

package/dist/src/components/feedback/dialog/index.d.ts

@@ -2,3 +2,4 @@ export * from './StyledDialog';
 export * from './StyledDialogActions';
 export * from './StyledDialogContent';
 export * from './StyledDialogTitle';
+export * from './dialog-footer';

package/dist/src/components/inputs/select/StyledSelectItem.d.ts

@@ -1,8 +1,10 @@
 import { MouseEvent, ReactNode } from 'react';
 export interface StyledSelectItemProps {
+    id?: string;
     value?: unknown;
     children?: ReactNode;
     selected?: boolean;
+    active?: boolean;
     disabled?: boolean;
     className?: string;
     onClick?: (event: MouseEvent<HTMLLIElement>) => void;
@@ -11,4 +13,4 @@ export interface StyledSelectItemProps {
  * Option row for `StyledSelect` (replaces MUI `MenuItem` in the select context). `role="option"`
  * with a leading check column for the selected state. Public props preserved (DEC-003). TASK-402.
  */
-export declare const StyledSelectItem: ({ children, selected, disabled, className, onClick, }: StyledSelectItemProps) => JSX.Element;
+export declare const StyledSelectItem: ({ id, children, selected, active, disabled, className, onClick, }: StyledSelectItemProps) => JSX.Element;

package/dist/src/components/inputs/select-autocomplete/StyledSelectAutocomplete.d.ts

@@ -43,7 +43,7 @@ type AutocompleteValue<T, Multiple, DisableClearable, FreeSolo> = Multiple exten
  * so the field **State** (Enabled/Hovered/Focused/Error/Read-only) ← focus/open + `error`/`readOnly`/
  * `disabled`. **Filled** ← selected value(s): single fills the input text, multiple renders **Tag
  * chips** (`StyledChip`: h32, radius25, label 16/delta-700 — node 20475-29954). The dropdown is the
- * **Menus** surface (node 16073-19226): rounded-lg, border delta-300, Menus shadow. Popup indicator =
+ * **Menus** surface (node 16073-19226): radius 4 (Figma `menus` token), border delta-300, Menus shadow. Popup indicator =
  * `+` (`PlusIconCircle`, multiple) or chevron (single); clear = `CloseIcon`. Non-annotated props are
  */
 export interface StyledSelectAutocompleteProps<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false> {

package/dist/src/components/navigation/menu/StyledMenuList.d.ts

@@ -1,6 +1,8 @@
 import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
 export interface StyledMenuListProps {
     children?: ReactNode;
+    id?: string;
+    role?: 'menu' | 'listbox';
     className?: string;
     /** Focus the first enabled item on mount (MUI Menu autoFocus behaviour). */
     autoFocus?: boolean;
@@ -13,4 +15,4 @@ export interface StyledMenuListProps {
  * Keyboard-navigable `role="menu"` list (replaces MUI `MenuList`). Arrow-key / Home / End roving
  * focus over enabled `[role="menuitem"]` children. TASK-303.
  */
-export declare const StyledMenuList: ({ children, className, autoFocus, disablePadding, onClick, onKeyDown, }: StyledMenuListProps) => JSX.Element;
+export declare const StyledMenuList: ({ children, id, role, className, autoFocus, disablePadding, onClick, onKeyDown, }: StyledMenuListProps) => JSX.Element;

package/dist/src/table/components/TableRow.d.ts

@@ -3,10 +3,11 @@ import { StyledTableProps } from '../types';
 import { ColumnWindow } from '../hooks/useColumnVirtualizer';
 export declare function TableRow<TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ styledTableProps, row, index, columnWindow: { paddingLeft, paddingRight, indexes }, }: {
+}, TCustomData = Record<string, unknown>>({ styledTableProps, row, index, hasFocusedRow, columnWindow: { paddingLeft, paddingRight, indexes }, }: {
     styledTableProps: StyledTableProps<TData, TCustomData>;
     row: Row<TData>;
     columnWindow: ColumnWindow;
     index: number;
+    hasFocusedRow: boolean;
 }): JSX.Element;
 export declare const Checkmark: () => JSX.Element;

package/dist/src/table/custom-features/focus-rows/types.d.ts

@@ -6,8 +6,8 @@ export interface FocusedRow {
     toggleFocused: () => void;
     onChangeFocused: (newExpanded: boolean, rowId?: string) => void;
     isFocused: () => boolean;
-    focusNextRow: () => void;
-    focusPrevRow: () => void;
+    focusNextRow: () => boolean;
+    focusPrevRow: () => boolean;
 }
 export interface FocusedRowsOptions {
     onChangeFocusedRow?: OnChangeFn<string | null>;

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

@@ -1,8 +1,21 @@
+import { KeyboardEvent, MouseEvent, RefObject } from 'react';
 interface ToggleMenuVisibility {
     open: boolean;
     anchorEl: HTMLElement | SVGSVGElement | null;
-    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
+    handleOpen: (event: MouseEvent<HTMLElement | SVGSVGElement> | KeyboardEvent<HTMLElement>) => void;
     handleClose: () => void;
 }
+interface KeyboardSelectMenu extends ToggleMenuVisibility {
+    triggerRef: RefObject<HTMLButtonElement>;
+    activeIndex: number | null;
+    handleKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
+}
+interface KeyboardSelectMenuOptions {
+    optionCount: number;
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+    focusHeaderOnShiftTab?: boolean;
+}
 export declare const useToggleMenuVisibility: () => ToggleMenuVisibility;
+export declare const useKeyboardSelectMenu: ({ optionCount, selectedIndex, onSelect, focusHeaderOnShiftTab, }: KeyboardSelectMenuOptions) => KeyboardSelectMenu;
 export {};

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

@@ -1,58 +1,58 @@
-var e = "_tbody_qdh8h_124", _ = "_expanded_row_qdh8h_187", l = "_selected_qdh8h_205", h = "_shadowed_qdh8h_228", t = "_resizer_qdh8h_282", a = "_isResizing_qdh8h_294", d = {
-  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_qdh8h_1",
-  "table-wrapper": "_table-wrapper_qdh8h_26",
-  "table-shell": "_table-shell_qdh8h_33",
-  "table-wrapper--no-rows": "_table-wrapper--no-rows_qdh8h_39",
-  "table-wrapper--proxy": "_table-wrapper--proxy_qdh8h_42",
-  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_qdh8h_43",
-  "table-wrapper-fetching": "_table-wrapper-fetching_qdh8h_53",
-  "table-scroll": "_table-scroll_qdh8h_56",
-  "table-x--fill-height": "_table-x--fill-height_qdh8h_65",
-  "table-x": "_table-x_qdh8h_65",
-  "table-content": "_table-content_qdh8h_80",
-  "table-header--sticky": "_table-header--sticky_qdh8h_85",
-  "table-hscroll": "_table-hscroll_qdh8h_90",
-  "table-hscroll__content": "_table-hscroll__content_qdh8h_100",
-  "no-rows-overlay-container": "_no-rows-overlay-container_qdh8h_103",
-  "no-rows-overlay-content": "_no-rows-overlay-content_qdh8h_111",
-  "styled-table": "_styled-table_qdh8h_115",
+var e = "_tbody_z31fh_124", _ = "_expanded_row_z31fh_174", l = "_selected_z31fh_192", t = "_shadowed_z31fh_217", a = "_resizer_z31fh_274", o = "_isResizing_z31fh_286", h = {
+  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_z31fh_1",
+  "table-wrapper": "_table-wrapper_z31fh_26",
+  "table-shell": "_table-shell_z31fh_33",
+  "table-wrapper--no-rows": "_table-wrapper--no-rows_z31fh_39",
+  "table-wrapper--proxy": "_table-wrapper--proxy_z31fh_42",
+  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_z31fh_43",
+  "table-wrapper-fetching": "_table-wrapper-fetching_z31fh_53",
+  "table-scroll": "_table-scroll_z31fh_56",
+  "table-x--fill-height": "_table-x--fill-height_z31fh_65",
+  "table-x": "_table-x_z31fh_65",
+  "table-content": "_table-content_z31fh_80",
+  "table-header--sticky": "_table-header--sticky_z31fh_85",
+  "table-hscroll": "_table-hscroll_z31fh_90",
+  "table-hscroll__content": "_table-hscroll__content_z31fh_100",
+  "no-rows-overlay-container": "_no-rows-overlay-container_z31fh_103",
+  "no-rows-overlay-content": "_no-rows-overlay-content_z31fh_111",
+  "styled-table": "_styled-table_z31fh_115",
   tbody: e,
-  "loading-icon": "_loading-icon_qdh8h_129",
-  "t-row": "_t-row_qdh8h_136",
-  "t-cell": "_t-cell_qdh8h_136",
-  "action-cell": "_action-cell_qdh8h_146",
-  "fixed-cell": "_fixed-cell_qdh8h_150",
-  "fixed-right-cell": "_fixed-right-cell_qdh8h_153",
+  "loading-icon": "_loading-icon_z31fh_129",
+  "t-row": "_t-row_z31fh_136",
+  "t-cell": "_t-cell_z31fh_136",
+  "action-cell": "_action-cell_z31fh_146",
+  "fixed-cell": "_fixed-cell_z31fh_150",
+  "fixed-right-cell": "_fixed-right-cell_z31fh_153",
   expanded_row: _,
   selected: l,
-  "single-selection": "_single-selection_qdh8h_208",
-  "action-cell--no-shadow": "_action-cell--no-shadow_qdh8h_225",
-  shadowed: h,
-  "shadowed-right": "_shadowed-right_qdh8h_262",
-  "is-loading": "_is-loading_qdh8h_266",
-  "action-cell-default-background": "_action-cell-default-background_qdh8h_269",
-  "fixed-cell-default-background": "_fixed-cell-default-background_qdh8h_272",
-  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_qdh8h_275",
-  "sortable-column": "_sortable-column_qdh8h_278",
-  resizer: t,
-  isResizing: a,
-  "hide-table-header": "_hide-table-header_qdh8h_306",
-  "show-table-header": "_show-table-header_qdh8h_310",
-  "table-header": "_table-header_qdh8h_85",
-  "hide-header": "_hide-header_qdh8h_346",
-  "t-cell__actions": "_t-cell__actions_qdh8h_349",
-  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_qdh8h_357",
-  "t-cell__fixed": "_t-cell__fixed_qdh8h_361",
-  "t-cell__fixed-right": "_t-cell__fixed-right_qdh8h_368",
-  "sort-icon": "_sort-icon_qdh8h_375",
-  "header-content": "_header-content_qdh8h_379",
-  "table-footer--sticky": "_table-footer--sticky_qdh8h_394",
-  "table-footer--inline": "_table-footer--inline_qdh8h_405",
-  "table-bottom": "_table-bottom_qdh8h_416",
-  "table-bottom--sticky": "_table-bottom--sticky_qdh8h_430",
-  "cursor-not-allowed": "_cursor-not-allowed_qdh8h_434",
-  "select-control": "_select-control_qdh8h_438"
+  "single-selection": "_single-selection_z31fh_195",
+  "action-cell--no-shadow": "_action-cell--no-shadow_z31fh_213",
+  shadowed: t,
+  "shadowed-right": "_shadowed-right_z31fh_253",
+  "is-loading": "_is-loading_z31fh_258",
+  "action-cell-default-background": "_action-cell-default-background_z31fh_261",
+  "fixed-cell-default-background": "_fixed-cell-default-background_z31fh_264",
+  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_z31fh_267",
+  "sortable-column": "_sortable-column_z31fh_270",
+  resizer: a,
+  isResizing: o,
+  "hide-table-header": "_hide-table-header_z31fh_298",
+  "show-table-header": "_show-table-header_z31fh_302",
+  "table-header": "_table-header_z31fh_85",
+  "hide-header": "_hide-header_z31fh_338",
+  "t-cell__actions": "_t-cell__actions_z31fh_341",
+  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_z31fh_350",
+  "t-cell__fixed": "_t-cell__fixed_z31fh_355",
+  "t-cell__fixed-right": "_t-cell__fixed-right_z31fh_363",
+  "sort-icon": "_sort-icon_z31fh_371",
+  "header-content": "_header-content_z31fh_375",
+  "table-footer--sticky": "_table-footer--sticky_z31fh_406",
+  "table-footer--inline": "_table-footer--inline_z31fh_417",
+  "table-bottom": "_table-bottom_z31fh_428",
+  "table-bottom--sticky": "_table-bottom--sticky_z31fh_442",
+  "cursor-not-allowed": "_cursor-not-allowed_z31fh_446",
+  "select-control": "_select-control_z31fh_450"
 };
 export {
-  d as default
+  h as default
 };

package/dist/table/components/TableRow.js

@@ -1,62 +1,66 @@
-import { ACTIONS_COLUMN_ID as O } from "../types.js";
-import { useRootContext as ue } from "../context/RootContext.js";
+import { ACTIONS_COLUMN_ID as $ } from "../types.js";
+import { useRootContext as ge } from "../context/RootContext.js";
 import n from "./StyledTable.module.js";
-import { compact as fe } from "../../helpers/arrays.js";
-import $ from "clsx";
-import { Fragment as he, useCallback as j, useEffect as pe, useLayoutEffect as xe, useMemo as g, useRef as Ce, useState as Re } from "react";
-import { Fragment as Se, jsx as s, jsxs as x } from "react/jsx-runtime";
-import { useSortable as be } from "@dnd-kit/sortable";
-import { flexRender as De } from "@tanstack/react-table";
-import { CSS as ke } from "@dnd-kit/utilities";
-function Me({ styledTableProps: P, row: t, index: K, columnWindow: { paddingLeft: u, paddingRight: f, indexes: v } }) {
-  const { loading: V, getRowClassName: l, rowHeight: h, onRowClick: C, expandArrow: Y, enableDnd: N, disableDndForRow: q, tdClassName: I, customSubRowData: w, renderSubRows: G, defaultExpanded: J, actions: R, customActionsNode: Q, textExpandArrow: B, enableMultiRowSelection: X, enableRowSelection: Z, singleSelectionRow: ee } = P, S = q?.(t), { transform: te, transition: ne, setNodeRef: A, isDragging: H } = be({
+import { compact as he } from "../../helpers/arrays.js";
+import j from "clsx";
+import { Fragment as pe, useCallback as q, useEffect as xe, useLayoutEffect as be, useMemo as m, useRef as Ce, useState as Re } from "react";
+import { Fragment as Se, jsx as s, jsxs as b } from "react/jsx-runtime";
+import { useSortable as De } from "@dnd-kit/sortable";
+import { flexRender as ye } from "@tanstack/react-table";
+import { CSS as Ne } from "@dnd-kit/utilities";
+var Fe = (C) => {
+  const t = C.closest("table");
+  t && Array.from(document.querySelectorAll('a[href], button:not(:disabled), input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])')).find((f) => !t.contains(f) && !!(t.compareDocumentPosition(f) & Node.DOCUMENT_POSITION_FOLLOWING))?.focus();
+};
+function Oe({ styledTableProps: C, row: t, index: f, hasFocusedRow: K, columnWindow: { paddingLeft: g, paddingRight: h, indexes: I } }) {
+  const { loading: G, getRowClassName: l, rowHeight: p, onRowClick: R, expandArrow: V, enableDnd: T, disableDndForRow: Y, tdClassName: w, customSubRowData: A, renderSubRows: J, defaultExpanded: Q, actions: S, customActionsNode: X, textExpandArrow: B, enableMultiRowSelection: Z, enableRowSelection: ee, singleSelectionRow: te } = C, D = Y?.(t), { transform: ne, transition: oe, setNodeRef: L, isDragging: M } = De({
     id: t.original.id,
-    disabled: !N || S
+    disabled: !T || D
   }), ie = {
-    transform: ke.Transform.toString(te),
-    transition: ne,
-    opacity: H ? 0.8 : 1,
-    zIndex: H ? 1 : 0,
+    transform: Ne.Transform.toString(ne),
+    transition: oe,
+    opacity: M ? 0.8 : 1,
+    zIndex: M ? 1 : 0,
     position: "relative"
-  }, { isResizing: oe, disableResizingFlag: se } = ue(), b = t.isExpanded(), p = Ce(null), [le, ae] = Re(void 0);
+  }, { isResizing: se, disableResizingFlag: le } = ge(), y = t.isExpanded(), x = Ce(null), [ae, ce] = Re(void 0);
+  be(() => {
+    !y && x.current && ce(x.current.cells[0]?.clientHeight ?? x.current.offsetHeight);
+  }, [y]);
+  const de = q((e) => {
+    x.current = e, D || L(e);
+  }, [D, L]), H = y ? ae ?? p : p;
   xe(() => {
-    !b && p.current && ae(p.current.cells[0]?.clientHeight ?? p.current.offsetHeight);
-  }, [b]);
-  const de = j((e) => {
-    p.current = e, S || A(e);
-  }, [S, A]), L = b ? le ?? h : h;
-  pe(() => {
-    J && t.getCanExpand() && !t.getIsExpanded() && t.toggleExpand();
+    Q && t.getCanExpand() && !t.getIsExpanded() && t.toggleExpand();
   }, []);
-  const M = (e) => {
-    t.getCanExpand() && !Y && t.getToggleExpandedHandler()(), document.getElementById(t.id)?.focus();
-    const i = window.getSelection()?.type !== "Range" && !oe, o = C instanceof Function;
-    !o && B && i ? t.toggleExpand() : o && i && C(e, t), se();
-  }, ce = (e) => {
-    e.target.classList.contains("MuiModal-backdrop") || e.target.nodeName === "INPUT" || e.target.nodeName === "BUTTON" || e.target.nodeName === "LI" || e.target.closest("li") || M(e);
-  }, r = t.getVisibleCells().map((e, i, o) => ({
+  const O = (e) => {
+    t.getCanExpand() && !V && t.getToggleExpandedHandler()(), document.getElementById(t.id)?.focus();
+    const o = window.getSelection()?.type !== "Range" && !se, i = R instanceof Function;
+    !i && B && o ? t.toggleExpand() : i && o && R(e, t), le();
+  }, re = (e) => {
+    e.target.classList.contains("MuiModal-backdrop") || e.target.nodeName === "INPUT" || e.target.nodeName === "BUTTON" || e.target.nodeName === "LI" || e.target.closest("li") || O(e);
+  }, r = t.getVisibleCells().map((e, o, i) => ({
     ...e,
-    left: o.slice(0, i).reduce((d, c) => d + (c.column.getSize() ?? 0), 0)
-  })), 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) => ({
+    left: i.slice(0, o).reduce((c, d) => c + (d.column.getSize() ?? 0), 0)
+  })), U = m(() => r.filter((e) => !e.column.columnDef.fixedLeft && !e.column.columnDef.fixedRight && e.column.id !== "actions"), [r]), a = m(() => r.filter((e) => !!e.column.columnDef.fixedRight || e.column.id === "actions").map((e, o, i) => ({
     ...e,
-    right: o.slice(i + 1).reduce((d, c) => d + (c.column.getSize() ?? 0), 0)
-  })), [r]), z = g(() => a.some((e) => e.column.id === O), [a]), U = !!R || !!Q, W = g(() => a.some((e) => !!e.column.columnDef.fixedRight), [a]), m = g(() => r.filter((e) => e.column.columnDef.fixedLeft), [r]), D = !X && !Z && ee, k = t.getIsSelected() && D, y = C instanceof Function, _ = v.length > 0 ? fe(v.map((e) => T[e])) : T, F = j((e, i) => {
-    const o = e.column.id === O, d = e.column.columnDef.fixedLeft, c = !!e.column.columnDef.fixedRight, re = e.id === m.at(-1)?.id, me = e.id === a.at(0)?.id && !o, ge = t.isExpanded(), E = i === 0;
+    right: i.slice(o + 1).reduce((c, d) => c + (d.column.getSize() ?? 0), 0)
+  })), [r]), W = m(() => a.some((e) => e.column.id === $), [a]), _ = !!S || !!X, z = m(() => a.some((e) => !!e.column.columnDef.fixedRight), [a]), u = m(() => r.filter((e) => e.column.columnDef.fixedLeft), [r]), N = !Z && !ee && te, F = t.getIsSelected() && N, k = R instanceof Function, P = I.length > 0 ? he(I.map((e) => U[e])) : U, v = q((e, o) => {
+    const i = e.column.id === $, c = e.column.columnDef.fixedLeft, d = !!e.column.columnDef.fixedRight, ue = e.id === u.at(-1)?.id, fe = e.id === a.at(0)?.id && !i, me = t.isExpanded(), E = o === 0;
     return /* @__PURE__ */ s("td", {
-      className: $(n["t-cell"], y && "cursor-pointer", I, o && n["action-cell"], o && (!U || W) && n["action-cell--no-shadow"], o && !!R && m.length && n.shadowed, o && (l?.(t) ? l?.(t) : n["action-cell-default-background"]), d && n["fixed-cell"], c && n["fixed-right-cell"], re && n.shadowed, me && n["shadowed-right"], t.getIsSelected() && n.selected, d && (l?.(t) ? l?.(t) : n["fixed-cell-default-background"]), c && (l?.(t) ? l?.(t) : n["fixed-right-cell-default-background"]), ge && n.expanded_row, (!!k || t.isFocused()) && n["single-selection"]),
+      className: j(n["t-cell"], k && "cursor-pointer", w, i && n["action-cell"], i && (!_ || z) && n["action-cell--no-shadow"], i && !!S && u.length && n.shadowed, i && (l?.(t) ? l?.(t) : n["action-cell-default-background"]), c && n["fixed-cell"], d && n["fixed-right-cell"], ue && n.shadowed, fe && n["shadowed-right"], t.getIsSelected() && n.selected, c && (l?.(t) ? l?.(t) : n["fixed-cell-default-background"]), d && (l?.(t) ? l?.(t) : n["fixed-right-cell-default-background"]), me && n.expanded_row, !!F && n["single-selection"]),
       style: {
-        left: d ? e.left : void 0,
-        right: c ? e.right + (z ? -1 : 0) : void 0
+        left: c ? e.left : void 0,
+        right: d ? e.right + (W ? -1 : 0) : void 0
       },
-      children: /* @__PURE__ */ x("div", {
+      children: /* @__PURE__ */ b("div", {
         style: {
           display: "flex",
           alignItems: "center",
           minWidth: E ? 32 : void 0,
-          minHeight: L,
+          minHeight: H,
           position: "relative"
         },
-        children: [E && k && /* @__PURE__ */ s("span", {
+        children: [E && F && /* @__PURE__ */ s("span", {
           style: {
             display: "inline-flex",
             alignItems: "center",
@@ -65,94 +69,102 @@ function Me({ styledTableProps: P, row: t, index: K, columnWindow: { paddingLeft
             top: "50%",
             transform: "translateY(-50%)"
           },
-          children: /* @__PURE__ */ s(ye, {})
+          children: /* @__PURE__ */ s(ke, {})
         }), /* @__PURE__ */ s("span", {
           style: {
-            marginLeft: E && D ? 30 : 0,
+            marginLeft: E && N ? 30 : 0,
             width: "100%"
           },
-          children: De(e.column.columnDef.cell, e.getContext())
+          children: ye(e.column.columnDef.cell, e.getContext())
         })]
       })
     }, e.id);
   }, [
-    k,
-    R,
-    L,
+    F,
+    S,
+    H,
     l,
-    y,
-    z,
+    k,
     W,
-    m,
+    z,
+    u,
     a,
     t,
-    U,
-    D,
-    I
+    _,
+    N,
+    w
   ]);
-  return /* @__PURE__ */ x(he, { children: [/* @__PURE__ */ x("tr", {
+  return /* @__PURE__ */ b(pe, { children: [/* @__PURE__ */ b("tr", {
     "aria-selected": t.getIsSelected() || t.isFocused() ? "true" : "false",
-    tabIndex: t.isFocused() ? 0 : -1,
-    "data-index": K,
+    tabIndex: t.isFocused() || f === 0 && !K ? 0 : -1,
+    "data-index": f,
     "data-test": t.id,
     id: t.id,
-    className: $(n["t-row"], V && n["is-loading"], l?.(t)),
+    className: j(n["t-row"], G && n["is-loading"], l?.(t)),
     style: {
-      height: h ? `${h}px` : "inherit",
-      ...N && ie
+      height: p ? `${p}px` : "inherit",
+      ...T && ie
     },
     ref: de,
-    onMouseUp: ce,
+    onFocus: (e) => {
+      e.target === e.currentTarget && !t.isFocused() && t.onChangeFocused(!0);
+    },
+    onMouseUp: re,
     onMouseDown: (e) => {
-      e.detail > 1 && !y && B && e.preventDefault();
+      e.detail > 1 && !k && B && e.preventDefault();
     },
     onKeyDown: (e) => {
       switch (e.key) {
         case "Tab":
+          if (e.preventDefault(), e.shiftKey) {
+            if (t.focusPrevRow()) break;
+            e.currentTarget.closest("table")?.querySelector('thead tr[tabindex="0"]')?.focus();
+          } else t.focusNextRow() || Fe(e.currentTarget);
+          break;
         case "ArrowDown":
-          t.focusNextRow(), e.preventDefault();
+          t.focusNextRow() && e.preventDefault();
           break;
         case "ArrowUp":
-          t.focusPrevRow(), e.preventDefault();
+          t.focusPrevRow() && e.preventDefault();
           break;
         case "Enter":
-          M(e);
+          O(e);
           break;
       }
     },
     children: [
-      m.map((e, i) => F(e, i)),
-      u > 0 && /* @__PURE__ */ s("td", {
+      u.map((e, o) => v(e, o)),
+      g > 0 && /* @__PURE__ */ s("td", {
         "aria-hidden": !0,
         className: n["t-cell"],
         style: {
-          width: String(u) + "px",
-          minWidth: String(u) + "px",
-          maxWidth: String(u) + "px",
+          width: String(g) + "px",
+          minWidth: String(g) + "px",
+          maxWidth: String(g) + "px",
           padding: 0,
           border: "none"
         }
       }),
-      _.map((e, i) => F(e, m.length + i)),
-      f > 0 && /* @__PURE__ */ s("td", {
+      P.map((e, o) => v(e, u.length + o)),
+      h > 0 && /* @__PURE__ */ s("td", {
         "aria-hidden": !0,
         className: n["t-cell"],
         style: {
-          width: String(f) + "px",
-          minWidth: String(f) + "px",
-          maxWidth: String(f) + "px",
+          width: String(h) + "px",
+          minWidth: String(h) + "px",
+          maxWidth: String(h) + "px",
           padding: 0,
           border: "none"
         }
       }),
-      a.map((e, i) => F(e, m.length + _.length + i))
+      a.map((e, o) => v(e, u.length + P.length + o))
     ]
-  }), t.getIsExpanded() && /* @__PURE__ */ s(Se, { children: w && G?.({
-    rows: w.get(t.original.id.toString()) ?? [],
+  }), t.getIsExpanded() && /* @__PURE__ */ s(Se, { children: A && J?.({
+    rows: A.get(t.original.id.toString()) ?? [],
     row: t.original
   }) })] }, t.id);
 }
-var ye = () => /* @__PURE__ */ x("svg", {
+var ke = () => /* @__PURE__ */ b("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
@@ -164,5 +176,5 @@ var ye = () => /* @__PURE__ */ x("svg", {
   })]
 });
 export {
-  Me as TableRow
+  Oe as TableRow
 };

package/dist/table/components/TableRows.js

@@ -1,12 +1,14 @@
-import { TableRow as i } from "./TableRow.js";
-import { Fragment as m, jsx as t } from "react/jsx-runtime";
-function R({ styledTableProps: o, table: r, columnWindow: n }) {
-  return /* @__PURE__ */ t(m, { children: (o.hideFooter ? r.getExpandedRowModel().rows : r.getRowModel().rows).map((e, d) => /* @__PURE__ */ t(i, {
-    styledTableProps: o,
-    row: e,
-    index: d,
+import { TableRow as m } from "./TableRow.js";
+import { Fragment as w, jsx as t } from "react/jsx-runtime";
+function R({ styledTableProps: e, table: r, columnWindow: n }) {
+  const s = e.hideFooter ? r.getExpandedRowModel().rows : r.getRowModel().rows, d = s.some((o) => o.isFocused());
+  return /* @__PURE__ */ t(w, { children: s.map((o, i) => /* @__PURE__ */ t(m, {
+    styledTableProps: e,
+    row: o,
+    index: i,
+    hasFocusedRow: d,
     columnWindow: n
-  }, e.id)) });
+  }, o.id)) });
 }
 export {
   R as TableRows

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

@@ -1,7 +1,7 @@
 import { cn as v } from "../../../../../helpers/cn.js";
 import { PinIcon as D } from "../../../../../components/icons/pin-icon/PinIcon.js";
-import { message as _ } from "../../../../../components/feedback/snack-bar/message.js";
-import { StyledPopover as T } from "../../../../../components/utils/popover/StyledPopover.js";
+import { StyledPopover as _ } from "../../../../../components/utils/popover/StyledPopover.js";
+import { message as T } from "../../../../../components/feedback/snack-bar/message.js";
 import { INTERNAL_COLUMN_IDS as S } from "../../../../types.js";
 import { StyledCheckbox as A } from "../../../../shared-components/StyledCheckbox.js";
 import { StyledTooltip as L } from "../../../../shared-components/tooltip/index.js";
@@ -53,7 +53,7 @@ function fe({ headerData: n, locale: u }) {
       className: m["actions-header"],
       onClick: b,
       children: [/* @__PURE__ */ o(D, { className: m["pin-icon"] }), g && /* @__PURE__ */ o("div", { className: m["pin-indicator"] })]
-    }), /* @__PURE__ */ f(T, {
+    }), /* @__PURE__ */ f(_, {
       anchorEl: p,
       anchorOrigin: {
         horizontal: "left",
@@ -135,7 +135,7 @@ function fe({ headerData: n, locale: u }) {
           variant: "text",
           className: "h-10",
           onClick: () => {
-            n.table.resetColumnOrder(), _.info(s.column_order_reset, { closeButton: !0 });
+            n.table.resetColumnOrder(), T.info(s.column_order_reset, { closeButton: !0 });
           },
           children: s.reset_order
         })