asma-ui-core 3.78.11 → 3.79.0

package/dist/components/navigation/tabs/StyledTab.js

@@ -1,10 +1,10 @@
-import { cn as b } from "../../../helpers/cn.js";
-import { resolveSx as f } from "../../../helpers/sx.js";
+import { cn as x } from "../../../helpers/cn.js";
+import { resolveSx as b } from "../../../helpers/sx.js";
 import { useTabsContext as u } from "./TabsContext.js";
 import { useCallback as h } from "react";
 import { jsx as d } from "react/jsx-runtime";
-var k = ({ value: a, label: i, disabled: e, className: s, sx: l, index: m }) => {
-  const t = u(), o = a !== void 0 ? a : m, r = t ? t.value === o : !1, c = /\btext-(?:xs|sm|base|lg|xl|\[)/.test(s ?? ""), p = /\bfont-(?:thin|extralight|light|normal|medium|semibold|bold|extrabold|black)\b/.test(s ?? ""), x = /\b(?:uppercase|lowercase|capitalize|normal-case)\b/.test(s ?? "");
+var k = ({ value: i, label: a, disabled: e, className: s, sx: l, index: m }) => {
+  const t = u(), o = i !== void 0 ? i : m, r = t ? t.value === o : !1, c = /\btext-(?:xs|sm|base|lg|xl|\[)/.test(s ?? ""), f = /\bfont-(?:thin|extralight|light|normal|medium|semibold|bold|extrabold|black)\b/.test(s ?? ""), p = /\b(?:uppercase|lowercase|capitalize|normal-case)\b/.test(s ?? "");
   return /* @__PURE__ */ d("button", {
     ref: h((n) => {
       t?.register(o, n);
@@ -17,12 +17,12 @@ var k = ({ value: a, label: i, disabled: e, className: s, sx: l, index: m }) =>
     tabIndex: r ? 0 : -1,
     "data-tab-value": typeof o == "string" || typeof o == "number" ? String(o) : void 0,
     onClick: (n) => !e && t?.onSelect(n, o),
-    className: b("inline-flex min-h-12 min-w-[90px] shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-t-lg border-0 bg-transparent px-4 py-3 tracking-normal outline-none transition-colors", !c && (t?.size === "small" ? "text-base" : "text-lg"), !p && (t?.size === "small" || r || e ? "font-semibold" : "font-medium hover:font-semibold focus-visible:font-semibold"), !x && "normal-case", t?.size === "small" && "min-h-10 px-3 py-2", e ? "text-delta-300" : r ? "text-gama-500" : "text-delta-600", !e && "cursor-pointer", "focus-visible:shadow-[inset_0_0_0_2px_var(--colors-gama-400)]", !e && !r && "hover:shadow-[inset_0_-2px_0_0_var(--colors-delta-300)]", s),
+    className: x("inline-flex min-h-12 min-w-[90px] shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-t-lg border-0 bg-transparent px-4 py-3 tracking-normal outline-none transition-colors", !c && (t?.size === "small" ? "text-base" : "text-lg"), !f && (t?.size === "small" || r || e ? "font-semibold" : "font-medium hover:font-semibold focus-visible:font-semibold"), !p && "normal-case", t?.size === "small" && "min-h-10 px-3 py-2", e ? "text-delta-300" : r ? "text-gama-500" : "text-delta-600", !e && "cursor-pointer", "focus-visible:shadow-[inset_0_0_0_3px_var(--colors-focus-ring)]", !e && !r && "hover:shadow-[inset_0_-2px_0_0_var(--colors-delta-300)]", s),
     style: {
       fontFamily: "Roboto, Helvetica, Arial, sans-serif",
-      ...f(l)
+      ...b(l)
     },
-    children: i
+    children: a
   });
 };
 export {

package/dist/components/utils/accordion/base-ui/StyledAccordion.module.js

@@ -1,11 +1,11 @@
-var r = "_AccordionRoot_8v0kh_1", _ = "_Trigger_8v0kh_10", e = "_Header_8v0kh_28", o = "_TriggerIcon_8v0kh_58", a = "_TriggerIconRight_8v0kh_69", v = "_Panel_8v0kh_77", g = "_Content_8v0kh_85", n = {
+var r = "_AccordionRoot_kpk99_1", _ = "_Trigger_kpk99_10", e = "_Header_kpk99_28", o = "_TriggerIcon_kpk99_58", a = "_TriggerIconRight_kpk99_69", g = "_Panel_kpk99_77", k = "_Content_kpk99_85", n = {
   AccordionRoot: r,
   Trigger: _,
   Header: e,
   TriggerIcon: o,
   TriggerIconRight: a,
-  Panel: v,
-  Content: g
+  Panel: g,
+  Content: k
 };
 export {
   n as default

package/dist/datetime/shared-components/button/StyledButton.module.js

@@ -1,16 +1,16 @@
-var _ = "_contained_89dg9_6", t = "_common_89dg9_6", a = "_medium_89dg9_48", e = "_small_89dg9_53", r = "_large_89dg9_58", d = "_error_89dg9_68", o = "_outlined_89dg9_130", g = "_text_89dg9_254", m = "_textGray_89dg9_378", l = "_textWhite_89dg9_440", u = {
-  "asma-core-ui-button": "_asma-core-ui-button_89dg9_1",
-  contained: _,
-  common: t,
-  medium: a,
-  small: e,
+var e = "_contained_efhli_6", _ = "_common_efhli_6", t = "_medium_efhli_56", a = "_small_efhli_61", r = "_large_efhli_66", l = "_error_efhli_76", i = "_outlined_efhli_146", o = "_text_efhli_286", f = "_textGray_efhli_426", h = "_textWhite_efhli_496", m = {
+  "asma-core-ui-button": "_asma-core-ui-button_efhli_1",
+  contained: e,
+  common: _,
+  medium: t,
+  small: a,
   large: r,
-  error: d,
-  outlined: o,
-  text: g,
-  textGray: m,
-  textWhite: l
+  error: l,
+  outlined: i,
+  text: o,
+  textGray: f,
+  textWhite: h
 };
 export {
-  u as default
+  m as default
 };

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/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