@dynatrace/strato-components 3.11.1 → 3.11.2

package/esm/tables/DataTable/features/Thresholds/Thresholds.sty.js

@@ -1,7 +1,7 @@
 import "./Thresholds.css";
-var hasPillThresholds = "_1jrjqrd1-3-11-1";
-var thresholdPill = "_1jrjqrd2-3-11-1";
-var thresholdPillColor = "var(--_1jrjqrd0-3-11-1)";
+var hasPillThresholds = "_1jrjqrd1-3-11-2";
+var thresholdPill = "_1jrjqrd2-3-11-2";
+var thresholdPillColor = "var(--_1jrjqrd0-3-11-2)";
 export {
   hasPillThresholds,
   thresholdPill,

package/esm/tables/DataTable/features/Thresholds/Thresholds.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Thresholds/Thresholds.css.ts"],
-  "sourcesContent": ["import './Thresholds.css';\nexport var hasPillThresholds = '_1jrjqrd1-3-11-1';\nexport var thresholdPill = '_1jrjqrd2-3-11-1';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-11-1)';"],
+  "sourcesContent": ["import './Thresholds.css';\nexport var hasPillThresholds = '_1jrjqrd1-3-11-2';\nexport var thresholdPill = '_1jrjqrd2-3-11-2';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-11-2)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/CellActions.js

@@ -1,9 +1,11 @@
-import { isElement } from "react-is";
+import {
+  isValidElement
+} from "react";
 function DataTableCellActions(props) {
   return null;
 }
 function isDataTableCellActions(child) {
-  if (isElement(child) && child.type === DataTableCellActions) {
+  if (isValidElement(child) && child.type === DataTableCellActions) {
     return true;
   }
   return false;

package/esm/tables/DataTable/features/UserActions/CellActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/CellActions.tsx"],
-  "sourcesContent": ["import type { PropsWithChildren, ReactElement, ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport type { DataTableColumnDef, DataTableRowData } from '../../public.api.js';\n\n/**\n * Props for the `DataTableCellActions` component.\n * @public\n */\nexport interface DataTableCellActionsProps<TData extends DataTableRowData> {\n  /**\n   * Content for the cell actions.\n   * Should be a `TableActionsMenu` directly or a function returning one.\n   */\n  children: DataTableCellActionsContent<TData>;\n  /**\n   * Column ID that the given cell actions apply to. When a function is provided, it receives a\n   * column ID and must return a boolean whether the action should be applied to that column.\n   * If left empty, the actions apply to all cells in columns that allow cell actions.\n   */\n  column?: string | ((columnId: string) => boolean);\n}\n\n/**\n * Type for the content of a DataTableCellAction.\n * @public\n */\nexport type DataTableCellActionsContent<TData extends DataTableRowData> =\n  | ReactNode\n  | ((props: {\n      columnDef: DataTableColumnDef<TData>;\n      cellValue: unknown;\n      row: TData;\n      rowId: string;\n    }) => ReactElement<PropsWithChildren>);\n\n/**\n * Type for the cell actions collected from the table configuration.\n * `column` is the extracted column prop of the CellActions slot component\n * and `action` is the content.\n * @internal\n */\nexport type CollectedCellActions<TData extends DataTableRowData> = Array<{\n  column?: string | ((id: string) => boolean);\n  action: DataTableCellActionsContent<TData>;\n}>;\n\n/**\n * The slot component for defining cell actions within the DataTable.\n * @public\n */\nexport function DataTableCellActions<TData extends DataTableRowData>(\n  props: DataTableCellActionsProps<TData>,\n) {\n  return null;\n}\n\n/**\n * Typeguard function that will check if a ReactNode is of type DataTableCellActions.\n * @internal\n */\nexport function isDataTableCellActions<TData extends DataTableRowData>(\n  child: ReactNode,\n): child is ReactElement<DataTableCellActionsProps<TData>> {\n  if (isElement(child) && child.type === DataTableCellActions) {\n    return true;\n  }\n  return false;\n}\n"],
-  "mappings": "AACA,SAAS,iBAAiB;AAkDnB,SAAS,qBACd,OACA;AACA,SAAO;AACT;AAMO,SAAS,uBACd,OACyD;AACzD,MAAI,UAAU,KAAK,KAAK,MAAM,SAAS,sBAAsB;AAC3D,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "sourcesContent": ["import {\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport type { DataTableColumnDef, DataTableRowData } from '../../public.api.js';\n\n/**\n * Props for the `DataTableCellActions` component.\n * @public\n */\nexport interface DataTableCellActionsProps<TData extends DataTableRowData> {\n  /**\n   * Content for the cell actions.\n   * Should be a `TableActionsMenu` directly or a function returning one.\n   */\n  children: DataTableCellActionsContent<TData>;\n  /**\n   * Column ID that the given cell actions apply to. When a function is provided, it receives a\n   * column ID and must return a boolean whether the action should be applied to that column.\n   * If left empty, the actions apply to all cells in columns that allow cell actions.\n   */\n  column?: string | ((columnId: string) => boolean);\n}\n\n/**\n * Type for the content of a DataTableCellAction.\n * @public\n */\nexport type DataTableCellActionsContent<TData extends DataTableRowData> =\n  | ReactNode\n  | ((props: {\n      columnDef: DataTableColumnDef<TData>;\n      cellValue: unknown;\n      row: TData;\n      rowId: string;\n    }) => ReactElement<PropsWithChildren>);\n\n/**\n * Type for the cell actions collected from the table configuration.\n * `column` is the extracted column prop of the CellActions slot component\n * and `action` is the content.\n * @internal\n */\nexport type CollectedCellActions<TData extends DataTableRowData> = Array<{\n  column?: string | ((id: string) => boolean);\n  action: DataTableCellActionsContent<TData>;\n}>;\n\n/**\n * The slot component for defining cell actions within the DataTable.\n * @public\n */\nexport function DataTableCellActions<TData extends DataTableRowData>(\n  props: DataTableCellActionsProps<TData>,\n) {\n  return null;\n}\n\n/**\n * Typeguard function that will check if a ReactNode is of type DataTableCellActions.\n * @internal\n */\nexport function isDataTableCellActions<TData extends DataTableRowData>(\n  child: ReactNode,\n): child is ReactElement<DataTableCellActionsProps<TData>> {\n  if (isValidElement(child) && child.type === DataTableCellActions) {\n    return true;\n  }\n  return false;\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAkDA,SAAS,qBACd,OACA;AACA,SAAO;AACT;AAMO,SAAS,uBACd,OACyD;AACzD,MAAI,eAAe,KAAK,KAAK,MAAM,SAAS,sBAAsB;AAChE,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/ColumnActions.js

@@ -1,9 +1,11 @@
-import { isElement } from "react-is";
+import {
+  isValidElement
+} from "react";
 function DataTableColumnActions(props) {
   return null;
 }
 function isDataTableColumnActions(child) {
-  if (isElement(child) && child.type === DataTableColumnActions) {
+  if (isValidElement(child) && child.type === DataTableColumnActions) {
     return true;
   }
   return false;

package/esm/tables/DataTable/features/UserActions/ColumnActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/ColumnActions.tsx"],
-  "sourcesContent": ["import type { RowData } from '@tanstack/react-table';\nimport type { PropsWithChildren, ReactElement, ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport type { DataTableColumnDef, DataTableRowData } from '../../public.api.js';\n\n/**\n * Props for the `DataTableColumnActions` component.\n * @public\n */\nexport interface DataTableColumnActionsProps<TData extends DataTableRowData> {\n  /**\n   * Content for the column actions.\n   * Should be a `TableActionsMenu` directly or a function returning one.\n   */\n  children: DataTableColumnActionsContent<TData>;\n  /**\n   * Column id that the given column actions apply to. If left empty, the given column actions\n   * apply to all columns that allow column actions.\n   */\n  column?: string;\n}\n\n/**\n * Type for the content of a DataTableColumnAction.\n * @public\n */\nexport type DataTableColumnActionsContent<TData extends DataTableRowData> =\n  | ReactNode\n  | ((column: DataTableColumnDef<TData>) => ReactElement<PropsWithChildren>);\n\n/**\n * Type for the column actions collected from the table configuration.\n * `column` is the extracted column prop of the ColumnActions slot component\n * and `action` is the content.\n * @internal\n */\nexport type CollectedColumnActions<TData extends RowData> = Array<{\n  column?: string;\n  action: DataTableColumnActionsContent<TData>;\n}>;\n\n/**\n * The slot component for defining column actions within the DataTable.\n * @public\n */\nexport function DataTableColumnActions<TData extends DataTableRowData>(\n  props: DataTableColumnActionsProps<TData>,\n) {\n  return null;\n}\n\n/**\n * Typeguard function that will check if a ReactNode is of type DataTableColumnActions.\n * @internal\n */\nexport function isDataTableColumnActions<TData extends DataTableRowData>(\n  child: ReactNode,\n): child is ReactElement<DataTableColumnActionsProps<TData>> {\n  if (isElement(child) && child.type === DataTableColumnActions) {\n    return true;\n  }\n  return false;\n}\n"],
-  "mappings": "AAEA,SAAS,iBAAiB;AA4CnB,SAAS,uBACd,OACA;AACA,SAAO;AACT;AAMO,SAAS,yBACd,OAC2D;AAC3D,MAAI,UAAU,KAAK,KAAK,MAAM,SAAS,wBAAwB;AAC7D,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "sourcesContent": ["import type { RowData } from '@tanstack/react-table';\nimport {\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport type { DataTableColumnDef, DataTableRowData } from '../../public.api.js';\n\n/**\n * Props for the `DataTableColumnActions` component.\n * @public\n */\nexport interface DataTableColumnActionsProps<TData extends DataTableRowData> {\n  /**\n   * Content for the column actions.\n   * Should be a `TableActionsMenu` directly or a function returning one.\n   */\n  children: DataTableColumnActionsContent<TData>;\n  /**\n   * Column id that the given column actions apply to. If left empty, the given column actions\n   * apply to all columns that allow column actions.\n   */\n  column?: string;\n}\n\n/**\n * Type for the content of a DataTableColumnAction.\n * @public\n */\nexport type DataTableColumnActionsContent<TData extends DataTableRowData> =\n  | ReactNode\n  | ((column: DataTableColumnDef<TData>) => ReactElement<PropsWithChildren>);\n\n/**\n * Type for the column actions collected from the table configuration.\n * `column` is the extracted column prop of the ColumnActions slot component\n * and `action` is the content.\n * @internal\n */\nexport type CollectedColumnActions<TData extends RowData> = Array<{\n  column?: string;\n  action: DataTableColumnActionsContent<TData>;\n}>;\n\n/**\n * The slot component for defining column actions within the DataTable.\n * @public\n */\nexport function DataTableColumnActions<TData extends DataTableRowData>(\n  props: DataTableColumnActionsProps<TData>,\n) {\n  return null;\n}\n\n/**\n * Typeguard function that will check if a ReactNode is of type DataTableColumnActions.\n * @internal\n */\nexport function isDataTableColumnActions<TData extends DataTableRowData>(\n  child: ReactNode,\n): child is ReactElement<DataTableColumnActionsProps<TData>> {\n  if (isValidElement(child) && child.type === DataTableColumnActions) {\n    return true;\n  }\n  return false;\n}\n"],
+  "mappings": "AACA;AAAA,EACE;AAAA,OAIK;AA4CA,SAAS,uBACd,OACA;AACA,SAAO;AACT;AAMO,SAAS,yBACd,OAC2D;AAC3D,MAAI,eAAe,KAAK,KAAK,MAAM,SAAS,wBAAwB;AAClE,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/RowActions.css

@@ -1,4 +1,4 @@
-._bq8mqs0-3-11-1 {
+._bq8mqs0-3-11-2 {
   padding-left: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-2, 2px);
   overflow: visible;
@@ -7,15 +7,15 @@
   flex-basis: 100%;
   gap: var(--dt-spacings-size-2, 2px);
 }
-._14k72813-3-11-1._bq8mqs0-3-11-1 {
+._14k72813-3-11-2._bq8mqs0-3-11-2 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._14k72815-3-11-1._bq8mqs0-3-11-1 {
+._14k72815-3-11-2._bq8mqs0-3-11-2 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._14k72814-3-11-1._bq8mqs0-3-11-1 {
+._14k72814-3-11-2._bq8mqs0-3-11-2 {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
 }

package/esm/tables/DataTable/features/UserActions/RowActions.js

@@ -1,9 +1,11 @@
-import { isElement } from "react-is";
+import {
+  isValidElement
+} from "react";
 function DataTableRowActions(props) {
   return null;
 }
 function isDataTableRowActions(child) {
-  if (isElement(child) && child.type === DataTableRowActions) {
+  if (isValidElement(child) && child.type === DataTableRowActions) {
     return true;
   }
   return false;

package/esm/tables/DataTable/features/UserActions/RowActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/RowActions.tsx"],
-  "sourcesContent": ["import type { PropsWithChildren, ReactElement, ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport type { DataTableRowData } from '../../public.api.js';\n\n/**\n * Props for the `DataTableRowActions` component.\n * @public\n */\nexport interface DataTableRowActionsProps<TData extends DataTableRowData> {\n  children: (\n    row: TData,\n    {\n      rowDensity,\n      rowIndex,\n      rowId,\n    }: {\n      rowDensity: 'default' | 'condensed' | 'comfortable';\n      rowIndex: number;\n      rowId: string;\n    },\n  ) => ReactElement<PropsWithChildren>;\n}\n\n/**\n * The slot component for defining row actions within the DataTable.\n * @public\n */\nexport function DataTableRowActions<TData extends DataTableRowData>(\n  props: DataTableRowActionsProps<TData>,\n) {\n  return null;\n}\n\n/**\n * Typeguard function that will check if a ReactNode is of type DataTableRowActions.\n * @internal\n */\nexport function isDataTableRowActions<TData extends DataTableRowData>(\n  child: ReactNode,\n): child is ReactElement<DataTableRowActionsProps<TData>> {\n  if (isElement(child) && child.type === DataTableRowActions) {\n    return true;\n  }\n  return false;\n}\n"],
-  "mappings": "AACA,SAAS,iBAAiB;AA2BnB,SAAS,oBACd,OACA;AACA,SAAO;AACT;AAMO,SAAS,sBACd,OACwD;AACxD,MAAI,UAAU,KAAK,KAAK,MAAM,SAAS,qBAAqB;AAC1D,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "sourcesContent": ["import {\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport type { DataTableRowData } from '../../public.api.js';\n\n/**\n * Props for the `DataTableRowActions` component.\n * @public\n */\nexport interface DataTableRowActionsProps<TData extends DataTableRowData> {\n  children: (\n    row: TData,\n    {\n      rowDensity,\n      rowIndex,\n      rowId,\n    }: {\n      rowDensity: 'default' | 'condensed' | 'comfortable';\n      rowIndex: number;\n      rowId: string;\n    },\n  ) => ReactElement<PropsWithChildren>;\n}\n\n/**\n * The slot component for defining row actions within the DataTable.\n * @public\n */\nexport function DataTableRowActions<TData extends DataTableRowData>(\n  props: DataTableRowActionsProps<TData>,\n) {\n  return null;\n}\n\n/**\n * Typeguard function that will check if a ReactNode is of type DataTableRowActions.\n * @internal\n */\nexport function isDataTableRowActions<TData extends DataTableRowData>(\n  child: ReactNode,\n): child is ReactElement<DataTableRowActionsProps<TData>> {\n  if (isValidElement(child) && child.type === DataTableRowActions) {\n    return true;\n  }\n  return false;\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AA2BA,SAAS,oBACd,OACA;AACA,SAAO;AACT;AAMO,SAAS,sBACd,OACwD;AACxD,MAAI,eAAe,KAAK,KAAK,MAAM,SAAS,qBAAqB;AAC/D,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/RowActions.sty.js

@@ -13,7 +13,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./RowActions.css";
-var rowActions = "_bq8mqs0-3-11-1";
+var rowActions = "_bq8mqs0-3-11-2";
 export {
   rowActions
 };

package/esm/tables/DataTable/features/UserActions/RowActions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/RowActions.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './RowActions.css';\nexport var rowActions = '_bq8mqs0-3-11-1';"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './RowActions.css';\nexport var rowActions = '_bq8mqs0-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/RowActionsColumnDef.js

@@ -12,7 +12,6 @@ import {
   Fragment as Fragment2
 } from "react";
 import { useIntl } from "react-intl";
-import { isElement } from "react-is";
 import { DotMenuIcon } from "@dynatrace/strato-icons";
 import * as styles from "./RowActions.sty.js";
 import { useCloseMenuOnScroll } from "./useCloseMenuOnScroll.js";
@@ -139,7 +138,7 @@ const ROW_ACTIONS_COLUMN = rowActionsColumnHelper.accessor(() => "", {
       rowIndex: row.index,
       rowId: row.id
     });
-    if (isElement(actions)) {
+    if (isValidElement(actions)) {
       return /* @__PURE__ */ jsx(DataTableDefaultCell, { className: styles.rowActions, children: /* @__PURE__ */ jsx(DataTableInternalRowActions, { rowId: row.id, children: isFragment(actions) ? actions.props.children : actions }) });
     }
   }

package/esm/tables/DataTable/features/UserActions/RowActionsColumnDef.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/RowActionsColumnDef.tsx"],
-  "sourcesContent": ["import {\n  createColumnHelper,\n  type AccessorFnColumnDef,\n  type RowData,\n} from '@tanstack/react-table';\nimport {\n  Children,\n  isValidElement,\n  memo,\n  useCallback,\n  useMemo,\n  useState,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  type JSX,\n  Fragment,\n} from 'react';\nimport { useIntl } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport { DotMenuIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from './RowActions.sty.js';\nimport { useCloseMenuOnScroll } from './useCloseMenuOnScroll.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { Menu, type MenuProps } from '../../../../navigation/menu/Menu.js';\nimport { isTrigger as isMenuTrigger } from '../../../../navigation/menu/Trigger.js';\nimport { BuiltinColumnHeaderName } from '../../components/BuiltinColumnHeaderName.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport { DATA_TABLE_ROW_ACTIONS_COLUMN_ID } from '../../constants.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nconst rowActionsColumnHelper = createColumnHelper<\n  TDataTableFeatures,\n  RowData\n>();\n\n/**\n * Determines the trigger element for the row actions menu. If a custom trigger is provided as a child of the Menu component, it will be used as the trigger. Otherwise, a default trigger (dot menu icon button) will be returned.\n * @param menu - the Menu component for which to determine the trigger element.\n * @param size - the size of the default trigger button, which is determined by the row density. Condensed rows get a smaller button to match the more compact styling.\n * @param ariaLabel - the aria-label for the default trigger button, which should be provided to ensure accessibility since the button only contains an icon with no visible text.\n * @returns the custom menu trigger if present, or a default menu trigger (dot menu icon button) otherwise.\n */\nfunction getMenuTrigger(\n  menu: ReactElement<MenuProps>,\n  size?: 'default' | 'condensed',\n  ariaLabel?: string,\n) {\n  const menuChildren = Children.toArray(menu.props.children) as ReactElement[];\n  const customMenuTrigger = menuChildren.find(isMenuTrigger);\n  if (customMenuTrigger) {\n    return customMenuTrigger.props.children;\n  }\n  return getDefaultMenuTrigger(size, ariaLabel);\n}\n\n/**\n * Returns the default menu trigger element (dot menu icon button) for the row actions column.\n * @param size - the size of the button, which is determined by the row density. Condensed rows get a smaller button to match the more compact styling.\n * @param ariaLabel - the aria-label for the button, which should be provided to ensure accessibility since the button only contains an icon with no visible text.\n * @returns The default menu trigger element.\n */\nfunction getDefaultMenuTrigger(\n  size?: 'default' | 'condensed',\n  ariaLabel?: string,\n): JSX.Element {\n  return (\n    <Button variant=\"default\" size={size} aria-label={ariaLabel}>\n      <Button.Prefix>\n        <DotMenuIcon />\n      </Button.Prefix>\n    </Button>\n  );\n}\n/**\n * Typeguard function that checks if a ReactElement is a Fragment,\n * which is used to determine how to extract the children for the row actions menu.\n * @param child - the ReactElement to check.\n * @returns true if the element is a Fragment, false otherwise.\n */\nfunction isFragment(\n  child: ReactElement,\n): child is ReactElement<PropsWithChildren> {\n  return child.type === Fragment;\n}\n\n/**\n * Internal wrapper component for the row actions children.\n * @internal\n */\nconst DataTableInternalRowActions = memo(\n  (props: PropsWithChildren<{ rowId: string }>) => {\n    const table = useDataTable();\n    const intl = useIntl();\n    const density =\n      table.atoms.visualVariantConfig?.get().rowDensity === 'condensed'\n        ? 'condensed'\n        : 'default';\n    const ariaLabel = intl.formatMessage(dataTableMessages.rowActionsTrigger);\n\n    const [open, setOpen] = useState(false);\n\n    const closeMenu = useCallback(() => {\n      setOpen(false);\n      table.setOpenMenuRowId(null);\n    }, [table]);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean) => {\n        if (!nextOpen) {\n          closeMenu();\n          return;\n        }\n        setOpen(true);\n        table.setOpenMenuRowId(props.rowId);\n      },\n      [closeMenu, props.rowId, table],\n    );\n\n    useCloseMenuOnScroll({\n      isMenuOpen: open && table.getOpenMenuRowId() === props.rowId,\n      closeMenu,\n      rowId: props.rowId,\n      columnId: DATA_TABLE_ROW_ACTIONS_COLUMN_ID,\n    });\n\n    const { menu, freeformSlot } = useMemo(() => {\n      const slots: {\n        menu: ReactElement<MenuProps> | null;\n        freeformSlot: ReactNode[];\n      } = {\n        menu: null,\n        freeformSlot: [],\n      };\n\n      const childrenArray = Children.toArray(props.children);\n      for (const child of childrenArray) {\n        if (isValidElement<MenuProps>(child) && child.type === Menu) {\n          slots.menu = child;\n          continue;\n        }\n        slots.freeformSlot.push(child);\n      }\n      return slots;\n    }, [props.children]);\n\n    if (!menu) {\n      return freeformSlot;\n    }\n\n    // Avoid spawning the menu while it is closed to avoid react render\n    // performance issues.\n    if (open === false) {\n      return (\n        <>\n          {freeformSlot}\n          <span\n            onClick={() => handleOpenChange(true)}\n            style={{ display: 'contents' }}\n          >\n            {getMenuTrigger(menu, density, ariaLabel)}\n          </span>\n        </>\n      );\n    }\n\n    return (\n      <>\n        {freeformSlot}\n        <Menu\n          open={open}\n          onOpenChange={handleOpenChange}\n          modal={false}\n          {...menu.props}\n        >\n          <Menu.Trigger>\n            <Button variant=\"default\" size={density} aria-label={ariaLabel}>\n              <Button.Prefix>\n                <DotMenuIcon />\n              </Button.Prefix>\n            </Button>\n          </Menu.Trigger>\n          {menu.props.children}\n        </Menu>\n      </>\n    );\n  },\n);\n\n/**\n * Column definition for the Action Column\n * @internal\n */\nexport const ROW_ACTIONS_COLUMN: AccessorFnColumnDef<\n  TDataTableFeatures,\n  RowData,\n  string\n> = rowActionsColumnHelper.accessor(() => '', {\n  id: DATA_TABLE_ROW_ACTIONS_COLUMN_ID,\n  header: () => (\n    <BuiltinColumnHeaderName message={dataTableMessages.rowActionsColumnName} />\n  ),\n  width: 'content',\n  enableSorting: false,\n  enableUserActions: false,\n  enableHiding: false,\n  enableResizing: false,\n  meta: {\n    builtin: true,\n    builtinPlacement: 'suffix',\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n  },\n  cell: ({ row, table }) => {\n    if (table.options.rowActions === undefined) {\n      return null;\n    }\n    const actions = table.options.rowActions(row.original, {\n      rowDensity: table.atoms.visualVariantConfig?.get().rowDensity,\n      rowIndex: row.index,\n      rowId: row.id,\n    });\n\n    if (isElement(actions)) {\n      return (\n        <DataTableDefaultCell className={styles.rowActions}>\n          <DataTableInternalRowActions rowId={row.id}>\n            {isFragment(actions) ? actions.props.children : actions}\n          </DataTableInternalRowActions>\n        </DataTableDefaultCell>\n      );\n    }\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  createColumnHelper,\n  type AccessorFnColumnDef,\n  type RowData,\n} from '@tanstack/react-table';\nimport {\n  Children,\n  isValidElement,\n  memo,\n  useCallback,\n  useMemo,\n  useState,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  type JSX,\n  Fragment,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DotMenuIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from './RowActions.sty.js';\nimport { useCloseMenuOnScroll } from './useCloseMenuOnScroll.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { Menu, type MenuProps } from '../../../../navigation/menu/Menu.js';\nimport { isTrigger as isMenuTrigger } from '../../../../navigation/menu/Trigger.js';\nimport { BuiltinColumnHeaderName } from '../../components/BuiltinColumnHeaderName.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport { DATA_TABLE_ROW_ACTIONS_COLUMN_ID } from '../../constants.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nconst rowActionsColumnHelper = createColumnHelper<\n  TDataTableFeatures,\n  RowData\n>();\n\n/**\n * Determines the trigger element for the row actions menu. If a custom trigger is provided as a child of the Menu component, it will be used as the trigger. Otherwise, a default trigger (dot menu icon button) will be returned.\n * @param menu - the Menu component for which to determine the trigger element.\n * @param size - the size of the default trigger button, which is determined by the row density. Condensed rows get a smaller button to match the more compact styling.\n * @param ariaLabel - the aria-label for the default trigger button, which should be provided to ensure accessibility since the button only contains an icon with no visible text.\n * @returns the custom menu trigger if present, or a default menu trigger (dot menu icon button) otherwise.\n */\nfunction getMenuTrigger(\n  menu: ReactElement<MenuProps>,\n  size?: 'default' | 'condensed',\n  ariaLabel?: string,\n) {\n  const menuChildren = Children.toArray(menu.props.children) as ReactElement[];\n  const customMenuTrigger = menuChildren.find(isMenuTrigger);\n  if (customMenuTrigger) {\n    return customMenuTrigger.props.children;\n  }\n  return getDefaultMenuTrigger(size, ariaLabel);\n}\n\n/**\n * Returns the default menu trigger element (dot menu icon button) for the row actions column.\n * @param size - the size of the button, which is determined by the row density. Condensed rows get a smaller button to match the more compact styling.\n * @param ariaLabel - the aria-label for the button, which should be provided to ensure accessibility since the button only contains an icon with no visible text.\n * @returns The default menu trigger element.\n */\nfunction getDefaultMenuTrigger(\n  size?: 'default' | 'condensed',\n  ariaLabel?: string,\n): JSX.Element {\n  return (\n    <Button variant=\"default\" size={size} aria-label={ariaLabel}>\n      <Button.Prefix>\n        <DotMenuIcon />\n      </Button.Prefix>\n    </Button>\n  );\n}\n/**\n * Typeguard function that checks if a ReactElement is a Fragment,\n * which is used to determine how to extract the children for the row actions menu.\n * @param child - the ReactElement to check.\n * @returns true if the element is a Fragment, false otherwise.\n */\nfunction isFragment(\n  child: ReactElement,\n): child is ReactElement<PropsWithChildren> {\n  return child.type === Fragment;\n}\n\n/**\n * Internal wrapper component for the row actions children.\n * @internal\n */\nconst DataTableInternalRowActions = memo(\n  (props: PropsWithChildren<{ rowId: string }>) => {\n    const table = useDataTable();\n    const intl = useIntl();\n    const density =\n      table.atoms.visualVariantConfig?.get().rowDensity === 'condensed'\n        ? 'condensed'\n        : 'default';\n    const ariaLabel = intl.formatMessage(dataTableMessages.rowActionsTrigger);\n\n    const [open, setOpen] = useState(false);\n\n    const closeMenu = useCallback(() => {\n      setOpen(false);\n      table.setOpenMenuRowId(null);\n    }, [table]);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean) => {\n        if (!nextOpen) {\n          closeMenu();\n          return;\n        }\n        setOpen(true);\n        table.setOpenMenuRowId(props.rowId);\n      },\n      [closeMenu, props.rowId, table],\n    );\n\n    useCloseMenuOnScroll({\n      isMenuOpen: open && table.getOpenMenuRowId() === props.rowId,\n      closeMenu,\n      rowId: props.rowId,\n      columnId: DATA_TABLE_ROW_ACTIONS_COLUMN_ID,\n    });\n\n    const { menu, freeformSlot } = useMemo(() => {\n      const slots: {\n        menu: ReactElement<MenuProps> | null;\n        freeformSlot: ReactNode[];\n      } = {\n        menu: null,\n        freeformSlot: [],\n      };\n\n      const childrenArray = Children.toArray(props.children);\n      for (const child of childrenArray) {\n        if (isValidElement<MenuProps>(child) && child.type === Menu) {\n          slots.menu = child;\n          continue;\n        }\n        slots.freeformSlot.push(child);\n      }\n      return slots;\n    }, [props.children]);\n\n    if (!menu) {\n      return freeformSlot;\n    }\n\n    // Avoid spawning the menu while it is closed to avoid react render\n    // performance issues.\n    if (open === false) {\n      return (\n        <>\n          {freeformSlot}\n          <span\n            onClick={() => handleOpenChange(true)}\n            style={{ display: 'contents' }}\n          >\n            {getMenuTrigger(menu, density, ariaLabel)}\n          </span>\n        </>\n      );\n    }\n\n    return (\n      <>\n        {freeformSlot}\n        <Menu\n          open={open}\n          onOpenChange={handleOpenChange}\n          modal={false}\n          {...menu.props}\n        >\n          <Menu.Trigger>\n            <Button variant=\"default\" size={density} aria-label={ariaLabel}>\n              <Button.Prefix>\n                <DotMenuIcon />\n              </Button.Prefix>\n            </Button>\n          </Menu.Trigger>\n          {menu.props.children}\n        </Menu>\n      </>\n    );\n  },\n);\n\n/**\n * Column definition for the Action Column\n * @internal\n */\nexport const ROW_ACTIONS_COLUMN: AccessorFnColumnDef<\n  TDataTableFeatures,\n  RowData,\n  string\n> = rowActionsColumnHelper.accessor(() => '', {\n  id: DATA_TABLE_ROW_ACTIONS_COLUMN_ID,\n  header: () => (\n    <BuiltinColumnHeaderName message={dataTableMessages.rowActionsColumnName} />\n  ),\n  width: 'content',\n  enableSorting: false,\n  enableUserActions: false,\n  enableHiding: false,\n  enableResizing: false,\n  meta: {\n    builtin: true,\n    builtinPlacement: 'suffix',\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n  },\n  cell: ({ row, table }) => {\n    if (table.options.rowActions === undefined) {\n      return null;\n    }\n    const actions = table.options.rowActions(row.original, {\n      rowDensity: table.atoms.visualVariantConfig?.get().rowDensity,\n      rowIndex: row.index,\n      rowId: row.id,\n    });\n\n    if (isValidElement(actions)) {\n      return (\n        <DataTableDefaultCell className={styles.rowActions}>\n          <DataTableInternalRowActions rowId={row.id}>\n            {isFragment(actions) ? actions.props.children : actions}\n          </DataTableInternalRowActions>\n        </DataTableDefaultCell>\n      );\n    }\n  },\n});\n"],
+  "mappings": "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",
   "names": ["Fragment"]
 }

package/esm/tables/DataTable/features/UserActions/UserActions.css

@@ -1,4 +1,4 @@
-._duopj90-3-11-1 {
+._duopj90-3-11-2 {
   appearance: none;
   border: 0;
   padding: 0;
@@ -14,79 +14,79 @@
   width: 24px;
   z-index: var(--dt-elevations-default, 1);
 }
-._duopj90-3-11-1:hover {
+._duopj90-3-11-2:hover {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._duopj90-3-11-1:focus {
+._duopj90-3-11-2:focus {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   outline: none;
 }
-._1ons7qub-3-11-1 ._duopj90-3-11-1, ._14k72814-3-11-1 ~ ._duopj90-3-11-1, ._11pvd3zz-3-11-1 ._duopj90-3-11-1 {
+._1ons7qub-3-11-2 ._duopj90-3-11-2, ._14k72814-3-11-2 ~ ._duopj90-3-11-2, ._11pvd3zz-3-11-2 ._duopj90-3-11-2 {
   right: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
 }
-._1ons7qua-3-11-1 ._duopj90-3-11-1, ._14k72813-3-11-1 ~ ._duopj90-3-11-1, ._11pvd3zy-3-11-1 ._duopj90-3-11-1 {
+._1ons7qua-3-11-2 ._duopj90-3-11-2, ._14k72813-3-11-2 ~ ._duopj90-3-11-2, ._11pvd3zy-3-11-2 ._duopj90-3-11-2 {
   right: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
 }
-._1ons7quc-3-11-1  ._duopj90-3-11-1, ._14k72815-3-11-1 ~ ._duopj90-3-11-1, ._11pvd3z10-3-11-1 ._duopj90-3-11-1 {
+._1ons7quc-3-11-2  ._duopj90-3-11-2, ._14k72815-3-11-2 ~ ._duopj90-3-11-2, ._11pvd3z10-3-11-2 ._duopj90-3-11-2 {
   right: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
 }
-._11pvd3zz-3-11-1._yj6voi0-3-11-1 ._duopj90-3-11-1, ._14k72814-3-11-1._yj6voi0-3-11-1 ~ ._duopj90-3-11-1, ._1ons7qub-3-11-1._yj6voi0-3-11-1 ._duopj90-3-11-1 {
+._11pvd3zz-3-11-2._yj6voi0-3-11-2 ._duopj90-3-11-2, ._14k72814-3-11-2._yj6voi0-3-11-2 ~ ._duopj90-3-11-2, ._1ons7qub-3-11-2._yj6voi0-3-11-2 ._duopj90-3-11-2 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._11pvd3zy-3-11-1._yj6voi0-3-11-1 ._duopj90-3-11-1, ._14k72813-3-11-1._yj6voi0-3-11-1 ~ ._duopj90-3-11-1, ._1ons7qua-3-11-1._yj6voi0-3-11-1 ._duopj90-3-11-1 {
+._11pvd3zy-3-11-2._yj6voi0-3-11-2 ._duopj90-3-11-2, ._14k72813-3-11-2._yj6voi0-3-11-2 ~ ._duopj90-3-11-2, ._1ons7qua-3-11-2._yj6voi0-3-11-2 ._duopj90-3-11-2 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._11pvd3z10-3-11-1._yj6voi0-3-11-1 ._duopj90-3-11-1, ._14k72815-3-11-1._yj6voi0-3-11-1 ~ ._duopj90-3-11-1, ._1ons7quc-3-11-1._yj6voi0-3-11-1 ._duopj90-3-11-1 {
+._11pvd3z10-3-11-2._yj6voi0-3-11-2 ._duopj90-3-11-2, ._14k72815-3-11-2._yj6voi0-3-11-2 ~ ._duopj90-3-11-2, ._1ons7quc-3-11-2._yj6voi0-3-11-2 ._duopj90-3-11-2 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._1ons7qub-3-11-1 ._yj6voi0-3-11-1 ._duopj90-3-11-1 {
+._1ons7qub-3-11-2 ._yj6voi0-3-11-2 ._duopj90-3-11-2 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._1ons7qua-3-11-1 ._yj6voi0-3-11-1 ._duopj90-3-11-1 {
+._1ons7qua-3-11-2 ._yj6voi0-3-11-2 ._duopj90-3-11-2 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._1ons7quc-3-11-1 ._yj6voi0-3-11-1 ._duopj90-3-11-1 {
+._1ons7quc-3-11-2 ._yj6voi0-3-11-2 ._duopj90-3-11-2 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._14k72814-3-11-1 ._yj6voi0-3-11-1 ~ ._duopj90-3-11-1 {
+._14k72814-3-11-2 ._yj6voi0-3-11-2 ~ ._duopj90-3-11-2 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._14k72813-3-11-1 ._yj6voi0-3-11-1 ~ ._duopj90-3-11-1 {
+._14k72813-3-11-2 ._yj6voi0-3-11-2 ~ ._duopj90-3-11-2 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._14k72815-3-11-1 ._yj6voi0-3-11-1 ~ ._duopj90-3-11-1 {
+._14k72815-3-11-2 ._yj6voi0-3-11-2 ~ ._duopj90-3-11-2 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._duopj90-3-11-1[data-state="open"] {
+._duopj90-3-11-2[data-state="open"] {
   display: inline-block;
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1ons7qu2-3-11-1:hover > ._duopj90-3-11-1, ._11pvd3z0-3-11-1 > ._duopj90-3-11-1 {
+._1ons7qu2-3-11-2:hover > ._duopj90-3-11-2, ._11pvd3z0-3-11-2 > ._duopj90-3-11-2 {
   display: inline-block;
 }
-._duopj91-3-11-1 {
+._duopj91-3-11-2 {
   appearance: none;
   border: 0;
   position: fixed;

package/esm/tables/DataTable/features/UserActions/UserActions.js

@@ -3,7 +3,7 @@ import {
   assignPrototypeAPIs,
   assignTableAPIs
 } from "@tanstack/react-table";
-import { isElement } from "react-is";
+import { isValidElement } from "react";
 import {
   filterActionsForChartColumn,
   getColumnActionsElements
@@ -139,14 +139,17 @@ function column_getCanColumnActions(column) {
   return (definedColumnActions.length ?? 0) > 0;
 }
 function column_getCellActionsContent(column, columnId, cellActionsOptions = []) {
-  return cellActionsOptions.reduce((actions, cellAction) => {
-    if (cellAction.column === void 0 || // global action for all columns
-    cellAction.column === columnId || // column-specific action
-    typeof cellAction.column === "function" && cellAction.column(columnId)) {
-      actions.push(cellAction.action);
-    }
-    return actions;
-  }, []);
+  return cellActionsOptions.reduce(
+    (actions, cellAction) => {
+      if (cellAction.column === void 0 || // global action for all columns
+      cellAction.column === columnId || // column-specific action
+      typeof cellAction.column === "function" && cellAction.column(columnId)) {
+        actions.push(cellAction.action);
+      }
+      return actions;
+    },
+    []
+  );
 }
 function column_getCanCellActions(column) {
   if (column.columnDef.enableUserActions === false) {
@@ -163,7 +166,7 @@ function column_getCanCellActions(column) {
 }
 function cell_getCellActions(cell) {
   const cellActions = cell.column.getCellActionsContent().map((cellAction) => {
-    if (isElement(cellAction)) {
+    if (isValidElement(cellAction)) {
       return cellAction;
     }
     if (typeof cellAction === "function") {

package/esm/tables/DataTable/features/UserActions/UserActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/UserActions.tsx"],
-  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  columnVisibilityFeature,\n  type Cell,\n  type CellData,\n  type Column_Internal,\n  type Header,\n  type Row,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n  type TableState,\n} from '@tanstack/react-table';\nimport type { MouseEvent as ReactMouseEvent } from 'react';\nimport { isElement } from 'react-is';\n\nimport type {\n  CollectedCellActions,\n  DataTableCellActionsContent,\n} from './CellActions.js';\nimport type { CollectedColumnActions } from './ColumnActions.js';\nimport type { UserActionsFeatureConstructors } from './user-actions-types.js';\nimport {\n  filterActionsForChartColumn,\n  getColumnActionsElements,\n} from './user-actions-utils.js';\nimport { isProduction } from '../../../../core/utils/is-node-environment.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { column_getCanSort } from '../Sorting/Sorting.js';\nimport { SortingColumnActions } from '../Sorting/SortingColumnActions.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nexport function table_getHeader<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  headerId: string,\n  leafHeaders: Header<TFeatures, TData>[],\n): Header<TFeatures, TData> | undefined {\n  const header = leafHeaders.find((header) => header.id === headerId);\n\n  if (!isProduction() && !header) {\n    devLog(`[Table] Header with id '${headerId}' does not exist.`);\n  }\n  return header;\n}\n\n/**\n * Helper function to set the floating menu info in the table state.\n * @internal\n */\nexport function table_setFloatingMenuInfo<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  headerId: string | null,\n  columnId: string,\n  rowId: string | null,\n  x: number,\n  y: number,\n): void {\n  // Required cast to ensure presence of the DataTableFeatures.\n  (\n    table as unknown as Table_Internal<TDataTableFeatures>\n  ).baseAtoms.floatingMenuInfo.set({\n    type: rowId === null ? 'headerAction' : 'cellAction',\n    headerId,\n    rowId,\n    columnId,\n    x,\n    y,\n  });\n  table_setOpenMenuRowId(table, rowId);\n}\n\n/**\n * Helper function to set the row id for the open menu.\n * @internal\n */\nexport function table_setOpenMenuRowId<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, rowId: string | null): void {\n  // Required cast to ensure presence of the DataTableFeatures.\n  (\n    table as unknown as Table_Internal<TDataTableFeatures>\n  ).baseAtoms.openMenuRowId.set(rowId);\n}\n\n/**\n * Helper function to get the row id for the open menu.\n * @internal\n */\nexport function table_getOpenMenuRowId<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>): string | null {\n  return table.atoms.openMenuRowId.get();\n}\n\n/**\n * Helper function to get the column actions for a given columnId.\n * @internal\n */\nexport function table_getUserActionsForColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, columnId: string) {\n  const column = table.getColumn(columnId);\n\n  if (column?.getCanColumnActions()) {\n    return column.getColumnActions();\n  }\n\n  return null;\n}\n\n/**\n * Helper function to get the cell actions for a given columnId and rowId.\n * @internal\n */\nexport function table_getUserActionsForCell<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, columnId: string, rowId: string) {\n  // Requires a cast as the UnionToIntersection type used for feature distinction does not resolve properly.\n  const row = table.getRow(rowId) as unknown as Row<\n    { columnVisibilityFeature: typeof columnVisibilityFeature },\n    TData\n  >;\n  const cell = row\n    .getVisibleCells()\n    .find((cell) => cell.column.id === columnId);\n\n  if (cell?.column.getCanCellActions()) {\n    return cell.getCellActions();\n  }\n\n  return null;\n}\n\n/**\n * Helper function to get the floating menu context menu handler for the user actions feature.\n * @internal\n */\nexport function table_getUserActionFloatingMenuContextMenuHandler<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n): (event: ReactMouseEvent<HTMLDivElement>) => void {\n  return (event: ReactMouseEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (\n      event.target instanceof HTMLElement === false &&\n      event.target instanceof SVGElement === false\n    ) {\n      return;\n    }\n\n    const cellElement = event.target.closest<HTMLElement>('[role=\"cell\"]');\n    // the click was on a body cell\n    if (cellElement) {\n      const { columnid } = cellElement.dataset;\n      const rowid = cellElement\n        .closest('[role=\"row\"]')\n        ?.getAttribute('data-rowid');\n\n      if (!columnid || !rowid) {\n        return;\n      }\n\n      // In order to check if the column or cell could take actions we get the actual cell objects.\n      const row = table.getRow(rowid);\n      const cell = row.getAllCellsByColumnId()[columnid];\n\n      if (cell?.column.getCanCellActions()) {\n        table_setFloatingMenuInfo(\n          table,\n          null, // header is not needed for floating menu on body cell\n          columnid,\n          rowid,\n          event.pageX,\n          event.pageY,\n        );\n      }\n      return;\n    }\n\n    const headerElement = event.target.closest<HTMLElement>(\n      '[role=\"columnheader\"]',\n    );\n    // the click happened on a header cell\n    if (headerElement) {\n      const { columnid, headerid } = headerElement.dataset;\n      if (!columnid) {\n        return;\n      }\n\n      // In order to check if the column or cell could take actions we get the actual column object.\n      const column = table.getColumn(columnid);\n\n      if (column?.getCanColumnActions()) {\n        table_setFloatingMenuInfo(\n          table,\n          headerid ?? null,\n          columnid,\n          null,\n          event.pageX,\n          event.pageY,\n        );\n      }\n    }\n  };\n}\n\n/**\n * Helper function to get the column actions for a given column.\n * @internal\n */\nexport function column_getColumnActions<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  column: Column_Internal<TFeatures, TData>,\n  columnId: string,\n  columnActionsOption?: CollectedColumnActions<TData> | undefined,\n  enableSortingOption?: boolean,\n) {\n  const columnActions = getColumnActionsElements(\n    columnId,\n    columnActionsOption ?? [],\n    column.table.options.consumerColumnDefMap,\n  );\n\n  const isChartColumn =\n    typeof column.columnDef.enableUserActions === 'object' &&\n    column.columnDef.enableUserActions.type === 'chart';\n  const filteredActions = isChartColumn\n    ? filterActionsForChartColumn(columnActions)\n    : columnActions;\n\n  // Append sorting actions at the end when sorting is enabled for this column.\n  if (enableSortingOption && column_getCanSort(column)) {\n    filteredActions.push(\n      <SortingColumnActions\n        key=\"strato-table-sorting-column-actions\"\n        hasOtherColumnActions={filteredActions.length > 0}\n      />,\n    );\n  }\n\n  return filteredActions;\n}\n\n/**\n * Helper function to get if a column has any column actions.\n * @internal\n */\nexport function column_getCanColumnActions<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(column: Column_Internal<TFeatures, TData>) {\n  if (column.columnDef.enableUserActions === false) {\n    return false;\n  }\n\n  const columnActionsEnabled = column.table.options.enableColumnActions;\n  const sortingEnabled =\n    column.table.options.enableSorting && column_getCanSort(column);\n\n  // the column cannot have any actions if neither column actions nor sorting are enabled for this column.\n  if (!columnActionsEnabled && !sortingEnabled) {\n    return false;\n  }\n\n  const definedColumnActions = column.getColumnActions();\n  if (!definedColumnActions) {\n    // runtime safety net\n    return false;\n  }\n\n  return (definedColumnActions.length ?? 0) > 0;\n}\n\n/**\n * Helper function to get the cell actions for a given columnId.\n * @internal\n */\nexport function column_getCellActionsContent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  column: Column_Internal<TFeatures, TData>,\n  columnId: string,\n  cellActionsOptions: CollectedCellActions<TData> = [],\n): Array<DataTableCellActionsContent<TData>> {\n  return cellActionsOptions.reduce((actions, cellAction) => {\n    if (\n      cellAction.column === undefined ||\n      // global action for all columns\n      cellAction.column === columnId ||\n      // column-specific action\n      (typeof cellAction.column === 'function' && cellAction.column(columnId))\n    ) {\n      actions.push(cellAction.action);\n    }\n    return actions;\n  }, [] as Array<DataTableCellActionsContent<TData>>);\n}\n\n/**\n * Helper function to get if the column has any cell actions.\n * @internal\n */\nexport function column_getCanCellActions<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(column: Column_Internal<TFeatures, TData>): boolean {\n  if (column.columnDef.enableUserActions === false) {\n    return false;\n  }\n\n  if (!column.table.options.enableCellActions) {\n    return false;\n  }\n\n  const definedCellActions = column.getCellActionsContent();\n  if (!definedCellActions) {\n    // runtime safety net\n    return false;\n  }\n\n  return (definedCellActions.length ?? 0) > 0;\n}\n\n/**\n * Helper function to get the cell actions for a given cell.\n * @internal\n */\nexport function cell_getCellActions<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(cell: Cell<TFeatures, TData, TValue>) {\n  const cellActions = cell.column.getCellActionsContent().map((cellAction) => {\n    // If the entry is a react element, we can directly return it\n    if (isElement(cellAction)) {\n      return cellAction;\n    }\n    // If it is a function, we will need to resolve the closure first\n    if (typeof cellAction === 'function') {\n      const columnDef = cell.table.options.consumerColumnDefMap?.get(\n        cell.column.id,\n      );\n      if (columnDef !== undefined) {\n        return cellAction({\n          columnDef: columnDef,\n          cellValue: cell.getValue(),\n          row: cell.row.original,\n          rowId: cell.row.id,\n        });\n      }\n    }\n    return null;\n  });\n\n  return cellActions;\n}\n\n/**\n * Constructs the user actions feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructUserActionsFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<UserActionsFeatureConstructors<TFeatures, TData>> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        ...initialState,\n        floatingMenuInfo: structuredClone({\n          columnId: null,\n          rowId: null,\n          x: 0,\n          y: 0,\n        }),\n        openMenuRowId: null,\n      } as unknown as TableState<TFeatures>;\n      // This is safe here as the DataTableFeatures configuration, so it is a valid part of\n      // TableState<TFeatures> at runtime \u2014 TypeScript just can't prove it\n      // through the UnionToIntersection generic constraint.\n    },\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableUserActionsFeature', prototype, table, {\n        column_getColumnActions: {\n          fn: (\n            column,\n            columnId: string,\n            columnActionsOption?: CollectedColumnActions<TData> | undefined,\n            enableSorting?: boolean,\n          ) =>\n            column_getColumnActions(\n              column,\n              columnId,\n              columnActionsOption,\n              enableSorting,\n            ),\n          memoDeps: (column) => [\n            column.id,\n            table.options.columnActions,\n            table.options.enableSorting,\n          ],\n        },\n        column_getCanColumnActions: {\n          fn: (column) => column_getCanColumnActions(column),\n        },\n        column_getCellActionsContent: {\n          fn: (\n            column,\n            columnId: string,\n            cellActionsOptions: CollectedCellActions<TData>,\n          ) =>\n            column_getCellActionsContent(column, columnId, cellActionsOptions),\n          memoDeps: (column) => [column.id, table.options.cellActions],\n        },\n        column_getCanCellActions: {\n          fn: (column) => column_getCanCellActions(column),\n        },\n      });\n    },\n    assignCellPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableUserActionsFeature', prototype, table, {\n        cell_getCellActions: {\n          fn: (cell) => cell_getCellActions(cell),\n          memoDeps: (cell) => [cell.column.id, table.options.cellActions],\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableUserActionsFeature', table, {\n        table_getHeader: {\n          fn: (headerId: string, leafHeaders: Header<TFeatures, TData>[]) =>\n            table_getHeader<TFeatures, TData>(\n              table as unknown as Table_Internal<TFeatures, TData>,\n              headerId,\n              leafHeaders,\n            ),\n          memoDeps: (headerId) => [headerId, table.getLeafHeaders()],\n        },\n        table_setFloatingMenuInfo: {\n          fn: (\n            headerId: string | null,\n            columnId: string,\n            rowId: string | null,\n            x: number,\n            y: number,\n          ) =>\n            table_setFloatingMenuInfo(table, headerId, columnId, rowId, x, y),\n        },\n        table_setOpenMenuRowId: {\n          fn: (rowId: string | null) => table_setOpenMenuRowId(table, rowId),\n        },\n        table_getOpenMenuRowId: {\n          fn: () => table_getOpenMenuRowId(table),\n        },\n        table_getUserActionsForColumn: {\n          fn: (columnId: string) =>\n            table_getUserActionsForColumn(table, columnId),\n        },\n        table_getUserActionsForCell: {\n          fn: (columnId: string, rowId: string) =>\n            table_getUserActionsForCell(table, columnId, rowId),\n        },\n        table_getUserActionFloatingMenuContextMenuHandler: {\n          fn: () => table_getUserActionFloatingMenuContextMenuHandler(table),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature to handle user actions such as column and cell actions, including floating menu context.\n * @internal\n */\nexport const DataTableUserActionsFeature = constructUserActionsFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  columnVisibilityFeature,\n  type Cell,\n  type CellData,\n  type Column_Internal,\n  type Header,\n  type Row,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n  type TableState,\n} from '@tanstack/react-table';\nimport { isValidElement, type MouseEvent as ReactMouseEvent } from 'react';\n\nimport type {\n  CollectedCellActions,\n  DataTableCellActionsContent,\n} from './CellActions.js';\nimport type { CollectedColumnActions } from './ColumnActions.js';\nimport type { UserActionsFeatureConstructors } from './user-actions-types.js';\nimport {\n  filterActionsForChartColumn,\n  getColumnActionsElements,\n} from './user-actions-utils.js';\nimport { isProduction } from '../../../../core/utils/is-node-environment.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { column_getCanSort } from '../Sorting/Sorting.js';\nimport { SortingColumnActions } from '../Sorting/SortingColumnActions.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nexport function table_getHeader<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  headerId: string,\n  leafHeaders: Header<TFeatures, TData>[],\n): Header<TFeatures, TData> | undefined {\n  const header = leafHeaders.find((header) => header.id === headerId);\n\n  if (!isProduction() && !header) {\n    devLog(`[Table] Header with id '${headerId}' does not exist.`);\n  }\n  return header;\n}\n\n/**\n * Helper function to set the floating menu info in the table state.\n * @internal\n */\nexport function table_setFloatingMenuInfo<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  headerId: string | null,\n  columnId: string,\n  rowId: string | null,\n  x: number,\n  y: number,\n): void {\n  // Required cast to ensure presence of the DataTableFeatures.\n  (\n    table as unknown as Table_Internal<TDataTableFeatures>\n  ).baseAtoms.floatingMenuInfo.set({\n    type: rowId === null ? 'headerAction' : 'cellAction',\n    headerId,\n    rowId,\n    columnId,\n    x,\n    y,\n  });\n  table_setOpenMenuRowId(table, rowId);\n}\n\n/**\n * Helper function to set the row id for the open menu.\n * @internal\n */\nexport function table_setOpenMenuRowId<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, rowId: string | null): void {\n  // Required cast to ensure presence of the DataTableFeatures.\n  (\n    table as unknown as Table_Internal<TDataTableFeatures>\n  ).baseAtoms.openMenuRowId.set(rowId);\n}\n\n/**\n * Helper function to get the row id for the open menu.\n * @internal\n */\nexport function table_getOpenMenuRowId<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>): string | null {\n  return table.atoms.openMenuRowId.get();\n}\n\n/**\n * Helper function to get the column actions for a given columnId.\n * @internal\n */\nexport function table_getUserActionsForColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, columnId: string) {\n  const column = table.getColumn(columnId);\n\n  if (column?.getCanColumnActions()) {\n    return column.getColumnActions();\n  }\n\n  return null;\n}\n\n/**\n * Helper function to get the cell actions for a given columnId and rowId.\n * @internal\n */\nexport function table_getUserActionsForCell<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, columnId: string, rowId: string) {\n  // Requires a cast as the UnionToIntersection type used for feature distinction does not resolve properly.\n  const row = table.getRow(rowId) as unknown as Row<\n    { columnVisibilityFeature: typeof columnVisibilityFeature },\n    TData\n  >;\n  const cell = row\n    .getVisibleCells()\n    .find((cell) => cell.column.id === columnId);\n\n  if (cell?.column.getCanCellActions()) {\n    return cell.getCellActions();\n  }\n\n  return null;\n}\n\n/**\n * Helper function to get the floating menu context menu handler for the user actions feature.\n * @internal\n */\nexport function table_getUserActionFloatingMenuContextMenuHandler<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n): (event: ReactMouseEvent<HTMLDivElement>) => void {\n  return (event: ReactMouseEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (\n      event.target instanceof HTMLElement === false &&\n      event.target instanceof SVGElement === false\n    ) {\n      return;\n    }\n\n    const cellElement = event.target.closest<HTMLElement>('[role=\"cell\"]');\n    // the click was on a body cell\n    if (cellElement) {\n      const { columnid } = cellElement.dataset;\n      const rowid = cellElement\n        .closest('[role=\"row\"]')\n        ?.getAttribute('data-rowid');\n\n      if (!columnid || !rowid) {\n        return;\n      }\n\n      // In order to check if the column or cell could take actions we get the actual cell objects.\n      const row = table.getRow(rowid);\n      const cell = row.getAllCellsByColumnId()[columnid];\n\n      if (cell?.column.getCanCellActions()) {\n        table_setFloatingMenuInfo(\n          table,\n          null, // header is not needed for floating menu on body cell\n          columnid,\n          rowid,\n          event.pageX,\n          event.pageY,\n        );\n      }\n      return;\n    }\n\n    const headerElement = event.target.closest<HTMLElement>(\n      '[role=\"columnheader\"]',\n    );\n    // the click happened on a header cell\n    if (headerElement) {\n      const { columnid, headerid } = headerElement.dataset;\n      if (!columnid) {\n        return;\n      }\n\n      // In order to check if the column or cell could take actions we get the actual column object.\n      const column = table.getColumn(columnid);\n\n      if (column?.getCanColumnActions()) {\n        table_setFloatingMenuInfo(\n          table,\n          headerid ?? null,\n          columnid,\n          null,\n          event.pageX,\n          event.pageY,\n        );\n      }\n    }\n  };\n}\n\n/**\n * Helper function to get the column actions for a given column.\n * @internal\n */\nexport function column_getColumnActions<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  column: Column_Internal<TFeatures, TData>,\n  columnId: string,\n  columnActionsOption?: CollectedColumnActions<TData> | undefined,\n  enableSortingOption?: boolean,\n) {\n  const columnActions = getColumnActionsElements(\n    columnId,\n    columnActionsOption ?? [],\n    column.table.options.consumerColumnDefMap,\n  );\n\n  const isChartColumn =\n    typeof column.columnDef.enableUserActions === 'object' &&\n    column.columnDef.enableUserActions.type === 'chart';\n  const filteredActions = isChartColumn\n    ? filterActionsForChartColumn(columnActions)\n    : columnActions;\n\n  // Append sorting actions at the end when sorting is enabled for this column.\n  if (enableSortingOption && column_getCanSort(column)) {\n    filteredActions.push(\n      <SortingColumnActions\n        key=\"strato-table-sorting-column-actions\"\n        hasOtherColumnActions={filteredActions.length > 0}\n      />,\n    );\n  }\n\n  return filteredActions;\n}\n\n/**\n * Helper function to get if a column has any column actions.\n * @internal\n */\nexport function column_getCanColumnActions<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(column: Column_Internal<TFeatures, TData>) {\n  if (column.columnDef.enableUserActions === false) {\n    return false;\n  }\n\n  const columnActionsEnabled = column.table.options.enableColumnActions;\n  const sortingEnabled =\n    column.table.options.enableSorting && column_getCanSort(column);\n\n  // the column cannot have any actions if neither column actions nor sorting are enabled for this column.\n  if (!columnActionsEnabled && !sortingEnabled) {\n    return false;\n  }\n\n  const definedColumnActions = column.getColumnActions();\n  if (!definedColumnActions) {\n    // runtime safety net\n    return false;\n  }\n\n  return (definedColumnActions.length ?? 0) > 0;\n}\n\n/**\n * Helper function to get the cell actions for a given columnId.\n * @internal\n */\nexport function column_getCellActionsContent<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  column: Column_Internal<TFeatures, TData>,\n  columnId: string,\n  cellActionsOptions: CollectedCellActions<TData> = [],\n): Array<DataTableCellActionsContent<TData>> {\n  return cellActionsOptions.reduce(\n    (actions, cellAction) => {\n      if (\n        cellAction.column === undefined ||\n        // global action for all columns\n        cellAction.column === columnId ||\n        // column-specific action\n        (typeof cellAction.column === 'function' && cellAction.column(columnId))\n      ) {\n        actions.push(cellAction.action);\n      }\n      return actions;\n    },\n    [] as Array<DataTableCellActionsContent<TData>>,\n  );\n}\n\n/**\n * Helper function to get if the column has any cell actions.\n * @internal\n */\nexport function column_getCanCellActions<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(column: Column_Internal<TFeatures, TData>): boolean {\n  if (column.columnDef.enableUserActions === false) {\n    return false;\n  }\n\n  if (!column.table.options.enableCellActions) {\n    return false;\n  }\n\n  const definedCellActions = column.getCellActionsContent();\n  if (!definedCellActions) {\n    // runtime safety net\n    return false;\n  }\n\n  return (definedCellActions.length ?? 0) > 0;\n}\n\n/**\n * Helper function to get the cell actions for a given cell.\n * @internal\n */\nexport function cell_getCellActions<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(cell: Cell<TFeatures, TData, TValue>) {\n  const cellActions = cell.column.getCellActionsContent().map((cellAction) => {\n    // If the entry is a react element, we can directly return it\n    if (isValidElement(cellAction)) {\n      return cellAction;\n    }\n    // If it is a function, we will need to resolve the closure first\n    if (typeof cellAction === 'function') {\n      const columnDef = cell.table.options.consumerColumnDefMap?.get(\n        cell.column.id,\n      );\n      if (columnDef !== undefined) {\n        return cellAction({\n          columnDef: columnDef,\n          cellValue: cell.getValue(),\n          row: cell.row.original,\n          rowId: cell.row.id,\n        });\n      }\n    }\n    return null;\n  });\n\n  return cellActions;\n}\n\n/**\n * Constructs the user actions feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructUserActionsFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<UserActionsFeatureConstructors<TFeatures, TData>> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        ...initialState,\n        floatingMenuInfo: structuredClone({\n          columnId: null,\n          rowId: null,\n          x: 0,\n          y: 0,\n        }),\n        openMenuRowId: null,\n      } as unknown as TableState<TFeatures>;\n      // This is safe here as the DataTableFeatures configuration, so it is a valid part of\n      // TableState<TFeatures> at runtime \u2014 TypeScript just can't prove it\n      // through the UnionToIntersection generic constraint.\n    },\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableUserActionsFeature', prototype, table, {\n        column_getColumnActions: {\n          fn: (\n            column,\n            columnId: string,\n            columnActionsOption?: CollectedColumnActions<TData> | undefined,\n            enableSorting?: boolean,\n          ) =>\n            column_getColumnActions(\n              column,\n              columnId,\n              columnActionsOption,\n              enableSorting,\n            ),\n          memoDeps: (column) => [\n            column.id,\n            table.options.columnActions,\n            table.options.enableSorting,\n          ],\n        },\n        column_getCanColumnActions: {\n          fn: (column) => column_getCanColumnActions(column),\n        },\n        column_getCellActionsContent: {\n          fn: (\n            column,\n            columnId: string,\n            cellActionsOptions: CollectedCellActions<TData>,\n          ) =>\n            column_getCellActionsContent(column, columnId, cellActionsOptions),\n          memoDeps: (column) => [column.id, table.options.cellActions],\n        },\n        column_getCanCellActions: {\n          fn: (column) => column_getCanCellActions(column),\n        },\n      });\n    },\n    assignCellPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableUserActionsFeature', prototype, table, {\n        cell_getCellActions: {\n          fn: (cell) => cell_getCellActions(cell),\n          memoDeps: (cell) => [cell.column.id, table.options.cellActions],\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableUserActionsFeature', table, {\n        table_getHeader: {\n          fn: (headerId: string, leafHeaders: Header<TFeatures, TData>[]) =>\n            table_getHeader<TFeatures, TData>(\n              table as unknown as Table_Internal<TFeatures, TData>,\n              headerId,\n              leafHeaders,\n            ),\n          memoDeps: (headerId) => [headerId, table.getLeafHeaders()],\n        },\n        table_setFloatingMenuInfo: {\n          fn: (\n            headerId: string | null,\n            columnId: string,\n            rowId: string | null,\n            x: number,\n            y: number,\n          ) =>\n            table_setFloatingMenuInfo(table, headerId, columnId, rowId, x, y),\n        },\n        table_setOpenMenuRowId: {\n          fn: (rowId: string | null) => table_setOpenMenuRowId(table, rowId),\n        },\n        table_getOpenMenuRowId: {\n          fn: () => table_getOpenMenuRowId(table),\n        },\n        table_getUserActionsForColumn: {\n          fn: (columnId: string) =>\n            table_getUserActionsForColumn(table, columnId),\n        },\n        table_getUserActionsForCell: {\n          fn: (columnId: string, rowId: string) =>\n            table_getUserActionsForCell(table, columnId, rowId),\n        },\n        table_getUserActionFloatingMenuContextMenuHandler: {\n          fn: () => table_getUserActionFloatingMenuContextMenuHandler(table),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature to handle user actions such as column and cell actions, including floating menu context.\n * @internal\n */\nexport const DataTableUserActionsFeature = constructUserActionsFeature();\n"],
+  "mappings": "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",
   "names": ["header", "cell"]
 }

package/esm/tables/DataTable/features/UserActions/UserActions.sty.js

@@ -13,8 +13,8 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./UserActions.css";
-var actionButton = "_duopj90-3-11-1";
-var floatingMenuButton = "_duopj91-3-11-1";
+var actionButton = "_duopj90-3-11-2";
+var floatingMenuButton = "_duopj91-3-11-2";
 export {
   actionButton,
   floatingMenuButton

package/esm/tables/DataTable/features/UserActions/UserActions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/UserActions.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './UserActions.css';\nexport var actionButton = '_duopj90-3-11-1';\nexport var floatingMenuButton = '_duopj91-3-11-1';"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './UserActions.css';\nexport var actionButton = '_duopj90-3-11-2';\nexport var floatingMenuButton = '_duopj91-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/user-actions-utils.js

@@ -1,9 +1,12 @@
-import { Children, cloneElement } from "react";
-import { isElement } from "react-is";
+import {
+  Children,
+  cloneElement,
+  isValidElement
+} from "react";
 function getColumnActionsElements(columnId, columnActions, consumerColumnDefMap) {
   return columnActions.reduce((actions, { column, action }) => {
     if (column === void 0 || column === columnId) {
-      if (isElement(action)) {
+      if (isValidElement(action)) {
         actions.push(action);
       } else if (typeof action === "function") {
         const columnDef = consumerColumnDefMap?.get(columnId);
@@ -22,7 +25,7 @@ const INVALID_CHART_BUILTIN_COLUMN_ACTIONS = /* @__PURE__ */ new Set([
 function filterActionsForChartColumn(columnActions) {
   const menuElements = Children.toArray(columnActions);
   return menuElements.map((menuElement) => {
-    if (!isElement(menuElement)) {
+    if (!isValidElement(menuElement)) {
       return null;
     }
     const isInvalidColumnAction = typeof menuElement.type !== "string" && INVALID_CHART_BUILTIN_COLUMN_ACTIONS.has(menuElement.type.name);

package/esm/tables/DataTable/features/UserActions/user-actions-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/user-actions-utils.ts"],
-  "sourcesContent": ["import type { RowData } from '@tanstack/react-table';\nimport { Children, cloneElement, type ReactElement } from 'react';\nimport { isElement } from 'react-is';\n\nimport type { CollectedColumnActions } from './ColumnActions.js';\nimport type { DataTableColumnDef } from '../../public.api.js';\n\n/**\n * Collects and resolves column actions for a specific column from the provided options.\n * Filters by column id, then resolves function-based actions using the consumerColumnDefMap.\n *\n * @param columnId - the id of the column to get actions for.\n * @param columnActions - the collection of all column actions.\n * @param consumerColumnDefMap - map from column id to the consumer-provided column definition.\n * @returns an array of resolved ReactElement column actions for the specified column.\n * @internal\n */\nexport function getColumnActionsElements<TData extends RowData>(\n  columnId: string,\n  columnActions: CollectedColumnActions<TData>,\n  consumerColumnDefMap: Map<string, DataTableColumnDef<TData>> | undefined,\n): ReactElement[] {\n  return columnActions.reduce<ReactElement[]>((actions, { column, action }) => {\n    if (column === undefined || column === columnId) {\n      // If the entry is a react element, we can directly return it\n      if (isElement(action)) {\n        actions.push(action);\n        // If it is a function, we will need to resolve the closure first\n      } else if (typeof action === 'function') {\n        const columnDef = consumerColumnDefMap?.get(columnId);\n        if (columnDef !== undefined) {\n          actions.push(action(columnDef));\n        }\n      }\n    }\n    return actions;\n  }, []);\n}\n\n/**\n * Array of invalid built-in column action function names for chart columns.\n * Valid built-in actions are CopyItem, HideColumn, ColumnOrder, and ColumnPinning.\n *\n * Note: these must match the actual function names of the action components\n * defined in `UserActionsMenu.tsx` (e.g. `LineWrapAction`, `ColumnFontStyleAction`).\n */\nconst INVALID_CHART_BUILTIN_COLUMN_ACTIONS = new Set([\n  'LineWrapAction',\n  'ColumnFontStyleAction',\n]);\n\n/**\n * Iterates over all column actions and filters out invalid actions for chart columns.\n * Invalid actions include specific built-in actions like \"LineWrap\" and \"ColumnFontStyle\".\n * All other actions (valid built-ins and custom actions) are allowed.\n *\n * @param columnActions - the column actions to filter\n * @returns a new array containing all valid column actions for chart columns.\n * @internal\n */\nexport function filterActionsForChartColumn(\n  columnActions: ReactElement[],\n): ReactElement[] {\n  const menuElements = Children.toArray(columnActions);\n\n  return menuElements\n    .map((menuElement) => {\n      if (!isElement(menuElement)) {\n        return null;\n      }\n\n      // Filter out invalid built-in column actions for chart columns\n      const isInvalidColumnAction =\n        typeof menuElement.type !== 'string' &&\n        INVALID_CHART_BUILTIN_COLUMN_ACTIONS.has(menuElement.type.name);\n\n      // filter out the invalid column action\n      if (isInvalidColumnAction) {\n        return null;\n      }\n\n      // Recursively filter the elements in the column actions menu\n      const filteredElements = (\n        menuElement as ReactElement<{ children: ReactElement[] }>\n      ).props?.children\n        ? filterActionsForChartColumn(\n            (menuElement as ReactElement<{ children: ReactElement[] }>).props\n              .children,\n          )\n        : null;\n\n      // If the element has children, return it with filtered children\n      if (filteredElements && filteredElements.length > 0) {\n        return cloneElement(\n          menuElement as ReactElement<{ children: ReactElement[] }>,\n          {\n            ...(menuElement as ReactElement<{ children: ReactElement[] }>)\n              .props,\n            children: filteredElements,\n          },\n        );\n      }\n      // otherwise return the element as is\n      return menuElement;\n    })\n    .filter((columnAction) => columnAction !== null);\n}\n"],
-  "mappings": "AACA,SAAS,UAAU,oBAAuC;AAC1D,SAAS,iBAAiB;AAenB,SAAS,yBACd,UACA,eACA,sBACgB;AAChB,SAAO,cAAc,OAAuB,CAAC,SAAS,EAAE,QAAQ,OAAO,MAAM;AAC3E,QAAI,WAAW,UAAa,WAAW,UAAU;AAE/C,UAAI,UAAU,MAAM,GAAG;AACrB,gBAAQ,KAAK,MAAM;AAAA,MAErB,WAAW,OAAO,WAAW,YAAY;AACvC,cAAM,YAAY,sBAAsB,IAAI,QAAQ;AACpD,YAAI,cAAc,QAAW;AAC3B,kBAAQ,KAAK,OAAO,SAAS,CAAC;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACP;AASA,MAAM,uCAAuC,oBAAI,IAAI;AAAA,EACnD;AAAA,EACA;AACF,CAAC;AAWM,SAAS,4BACd,eACgB;AAChB,QAAM,eAAe,SAAS,QAAQ,aAAa;AAEnD,SAAO,aACJ,IAAI,CAAC,gBAAgB;AACpB,QAAI,CAAC,UAAU,WAAW,GAAG;AAC3B,aAAO;AAAA,IACT;AAGA,UAAM,wBACJ,OAAO,YAAY,SAAS,YAC5B,qCAAqC,IAAI,YAAY,KAAK,IAAI;AAGhE,QAAI,uBAAuB;AACzB,aAAO;AAAA,IACT;AAGA,UAAM,mBACJ,YACA,OAAO,WACL;AAAA,MACG,YAA2D,MACzD;AAAA,IACL,IACA;AAGJ,QAAI,oBAAoB,iBAAiB,SAAS,GAAG;AACnD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,GAAI,YACD;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,CAAC,iBAAiB,iBAAiB,IAAI;AACnD;",
+  "sourcesContent": ["import type { RowData } from '@tanstack/react-table';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  type ReactElement,\n} from 'react';\n\nimport type { CollectedColumnActions } from './ColumnActions.js';\nimport type { DataTableColumnDef } from '../../public.api.js';\n\n/**\n * Collects and resolves column actions for a specific column from the provided options.\n * Filters by column id, then resolves function-based actions using the consumerColumnDefMap.\n *\n * @param columnId - the id of the column to get actions for.\n * @param columnActions - the collection of all column actions.\n * @param consumerColumnDefMap - map from column id to the consumer-provided column definition.\n * @returns an array of resolved ReactElement column actions for the specified column.\n * @internal\n */\nexport function getColumnActionsElements<TData extends RowData>(\n  columnId: string,\n  columnActions: CollectedColumnActions<TData>,\n  consumerColumnDefMap: Map<string, DataTableColumnDef<TData>> | undefined,\n): ReactElement[] {\n  return columnActions.reduce<ReactElement[]>((actions, { column, action }) => {\n    if (column === undefined || column === columnId) {\n      // If the entry is a react element, we can directly return it\n      if (isValidElement(action)) {\n        actions.push(action);\n        // If it is a function, we will need to resolve the closure first\n      } else if (typeof action === 'function') {\n        const columnDef = consumerColumnDefMap?.get(columnId);\n        if (columnDef !== undefined) {\n          actions.push(action(columnDef));\n        }\n      }\n    }\n    return actions;\n  }, []);\n}\n\n/**\n * Array of invalid built-in column action function names for chart columns.\n * Valid built-in actions are CopyItem, HideColumn, ColumnOrder, and ColumnPinning.\n *\n * Note: these must match the actual function names of the action components\n * defined in `UserActionsMenu.tsx` (e.g. `LineWrapAction`, `ColumnFontStyleAction`).\n */\nconst INVALID_CHART_BUILTIN_COLUMN_ACTIONS = new Set([\n  'LineWrapAction',\n  'ColumnFontStyleAction',\n]);\n\n/**\n * Iterates over all column actions and filters out invalid actions for chart columns.\n * Invalid actions include specific built-in actions like \"LineWrap\" and \"ColumnFontStyle\".\n * All other actions (valid built-ins and custom actions) are allowed.\n *\n * @param columnActions - the column actions to filter\n * @returns a new array containing all valid column actions for chart columns.\n * @internal\n */\nexport function filterActionsForChartColumn(\n  columnActions: ReactElement[],\n): ReactElement[] {\n  const menuElements = Children.toArray(columnActions);\n\n  return menuElements\n    .map((menuElement) => {\n      if (!isValidElement(menuElement)) {\n        return null;\n      }\n\n      // Filter out invalid built-in column actions for chart columns\n      const isInvalidColumnAction =\n        typeof menuElement.type !== 'string' &&\n        INVALID_CHART_BUILTIN_COLUMN_ACTIONS.has(menuElement.type.name);\n\n      // filter out the invalid column action\n      if (isInvalidColumnAction) {\n        return null;\n      }\n\n      // Recursively filter the elements in the column actions menu\n      const filteredElements = (\n        menuElement as ReactElement<{ children: ReactElement[] }>\n      ).props?.children\n        ? filterActionsForChartColumn(\n            (menuElement as ReactElement<{ children: ReactElement[] }>).props\n              .children,\n          )\n        : null;\n\n      // If the element has children, return it with filtered children\n      if (filteredElements && filteredElements.length > 0) {\n        return cloneElement(\n          menuElement as ReactElement<{ children: ReactElement[] }>,\n          {\n            ...(menuElement as ReactElement<{ children: ReactElement[] }>)\n              .props,\n            children: filteredElements,\n          },\n        );\n      }\n      // otherwise return the element as is\n      return menuElement;\n    })\n    .filter((columnAction) => columnAction !== null);\n}\n"],
+  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAeA,SAAS,yBACd,UACA,eACA,sBACgB;AAChB,SAAO,cAAc,OAAuB,CAAC,SAAS,EAAE,QAAQ,OAAO,MAAM;AAC3E,QAAI,WAAW,UAAa,WAAW,UAAU;AAE/C,UAAI,eAAe,MAAM,GAAG;AAC1B,gBAAQ,KAAK,MAAM;AAAA,MAErB,WAAW,OAAO,WAAW,YAAY;AACvC,cAAM,YAAY,sBAAsB,IAAI,QAAQ;AACpD,YAAI,cAAc,QAAW;AAC3B,kBAAQ,KAAK,OAAO,SAAS,CAAC;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACP;AASA,MAAM,uCAAuC,oBAAI,IAAI;AAAA,EACnD;AAAA,EACA;AACF,CAAC;AAWM,SAAS,4BACd,eACgB;AAChB,QAAM,eAAe,SAAS,QAAQ,aAAa;AAEnD,SAAO,aACJ,IAAI,CAAC,gBAAgB;AACpB,QAAI,CAAC,eAAe,WAAW,GAAG;AAChC,aAAO;AAAA,IACT;AAGA,UAAM,wBACJ,OAAO,YAAY,SAAS,YAC5B,qCAAqC,IAAI,YAAY,KAAK,IAAI;AAGhE,QAAI,uBAAuB;AACzB,aAAO;AAAA,IACT;AAGA,UAAM,mBACJ,YACA,OAAO,WACL;AAAA,MACG,YAA2D,MACzD;AAAA,IACL,IACA;AAGJ,QAAI,oBAAoB,iBAAiB,SAAS,GAAG;AACnD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,GAAI,YACD;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,CAAC,iBAAiB,iBAAiB,IAAI;AACnD;",
   "names": []
 }