@dynatrace/strato-components 3.12.2 → 3.13.0

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

@@ -12,8 +12,12 @@ import { isProduction } from "../../../../core/utils/is-node-environment.js";
 import { devLog } from "../../../../core/utils/logging.js";
 import { column_getCanSort } from "../Sorting/Sorting.js";
 import { SortingColumnActions } from "../Sorting/SortingColumnActions.js";
-function table_getHeader(table, headerId, leafHeaders) {
-  const header = leafHeaders.find((header2) => header2.id === headerId);
+import {
+  createPrototypeConstructor,
+  createTableConstructor
+} from "../types/table.types.js";
+function table_getHeader(table, headerId, orderedHeaderGroups) {
+  const header = orderedHeaderGroups.flat().find((header2) => header2.id === headerId);
   if (!isProduction() && !header) {
     devLog(`[Table] Header with id '${headerId}' does not exist.`);
   }
@@ -53,8 +57,6 @@ function table_getUserActionsForCell(table, columnId, rowId) {
 }
 function table_getUserActionFloatingMenuContextMenuHandler(table) {
   return (event) => {
-    event.preventDefault();
-    event.stopPropagation();
     if (event.target instanceof HTMLElement === false && event.target instanceof SVGElement === false) {
       return;
     }
@@ -68,6 +70,8 @@ function table_getUserActionFloatingMenuContextMenuHandler(table) {
       const row = table.getRow(rowid);
       const cell = row.getAllCellsByColumnId()[columnid];
       if (cell?.column.getCanCellActions()) {
+        event.preventDefault();
+        event.stopPropagation();
         table_setFloatingMenuInfo(
           table,
           null,
@@ -90,6 +94,8 @@ function table_getUserActionFloatingMenuContextMenuHandler(table) {
       }
       const column = table.getColumn(columnid);
       if (column?.getCanColumnActions()) {
+        event.preventDefault();
+        event.stopPropagation();
         table_setFloatingMenuInfo(
           table,
           headerid ?? null,
@@ -200,71 +206,81 @@ function constructUserActionsFeature() {
         openMenuRowId: null
       };
     },
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableUserActionsFeature", prototype, table, {
-        column_getColumnActions: {
-          fn: (column, columnId, columnActionsOption, enableSorting) => column_getColumnActions(
-            column,
-            columnId,
-            columnActionsOption,
-            enableSorting
-          ),
-          memoDeps: (column) => [
-            column.id,
-            table.options.columnActions,
-            table.options.enableSorting
-          ]
-        },
-        column_getCanColumnActions: {
-          fn: (column) => column_getCanColumnActions(column)
-        },
-        column_getCellActionsContent: {
-          fn: (column, columnId, cellActionsOptions) => column_getCellActionsContent(column, columnId, cellActionsOptions),
-          memoDeps: (column) => [column.id, table.options.cellActions]
-        },
-        column_getCanCellActions: {
-          fn: (column) => column_getCanCellActions(column)
-        }
-      });
-    },
-    assignCellPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableUserActionsFeature", prototype, table, {
-        cell_getCellActions: {
-          fn: (cell) => cell_getCellActions(cell),
-          memoDeps: (cell) => [cell.column.id, table.options.cellActions]
-        }
-      });
-    },
-    constructTableAPIs: (table) => {
-      assignTableAPIs("DataTableUserActionsFeature", table, {
-        table_getHeader: {
-          fn: (headerId, leafHeaders) => table_getHeader(
-            table,
-            headerId,
-            leafHeaders
-          ),
-          memoDeps: (headerId) => [headerId, table.getLeafHeaders()]
-        },
-        table_setFloatingMenuInfo: {
-          fn: (headerId, columnId, rowId, x, y) => table_setFloatingMenuInfo(table, headerId, columnId, rowId, x, y)
-        },
-        table_setOpenMenuRowId: {
-          fn: (rowId) => table_setOpenMenuRowId(table, rowId)
-        },
-        table_getOpenMenuRowId: {
-          fn: () => table_getOpenMenuRowId(table)
-        },
-        table_getUserActionsForColumn: {
-          fn: (columnId) => table_getUserActionsForColumn(table, columnId)
-        },
-        table_getUserActionsForCell: {
-          fn: (columnId, rowId) => table_getUserActionsForCell(table, columnId, rowId)
-        },
-        table_getUserActionFloatingMenuContextMenuHandler: {
-          fn: () => table_getUserActionFloatingMenuContextMenuHandler(table)
-        }
-      });
-    }
+    assignColumnPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("DataTableUserActionsFeature", prototype, table, {
+          column_getColumnActions: {
+            fn: (column, columnId, columnActionsOption, enableSorting) => column_getColumnActions(
+              column,
+              columnId,
+              columnActionsOption,
+              enableSorting
+            ),
+            memoDeps: (column) => [
+              column.id,
+              table.options.columnActions,
+              table.options.enableSorting
+            ]
+          },
+          column_getCanColumnActions: {
+            fn: (column) => column_getCanColumnActions(column)
+          },
+          column_getCellActionsContent: {
+            fn: (column, columnId, cellActionsOptions) => column_getCellActionsContent(
+              column,
+              columnId,
+              cellActionsOptions
+            ),
+            memoDeps: (column) => [column.id, table.options.cellActions]
+          },
+          column_getCanCellActions: {
+            fn: (column) => column_getCanCellActions(column)
+          }
+        });
+      }
+    ),
+    assignCellPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("DataTableUserActionsFeature", prototype, table, {
+          cell_getCellActions: {
+            fn: (cell) => cell_getCellActions(cell),
+            memoDeps: (cell) => [cell.column.id, table.options.cellActions]
+          }
+        });
+      }
+    ),
+    constructTableAPIs: createTableConstructor(
+      (table) => {
+        assignTableAPIs("DataTableUserActionsFeature", table, {
+          table_getHeader: {
+            fn: (headerId, orderedHeaderGroups) => table_getHeader(
+              table,
+              headerId,
+              orderedHeaderGroups
+            ),
+            memoDeps: (headerId) => [headerId, table.getOrderedHeaderGroups()]
+          },
+          table_setFloatingMenuInfo: {
+            fn: (headerId, columnId, rowId, x, y) => table_setFloatingMenuInfo(table, headerId, columnId, rowId, x, y)
+          },
+          table_setOpenMenuRowId: {
+            fn: (rowId) => table_setOpenMenuRowId(table, rowId)
+          },
+          table_getOpenMenuRowId: {
+            fn: () => table_getOpenMenuRowId(table)
+          },
+          table_getUserActionsForColumn: {
+            fn: (columnId) => table_getUserActionsForColumn(table, columnId)
+          },
+          table_getUserActionsForCell: {
+            fn: (columnId, rowId) => table_getUserActionsForCell(table, columnId, rowId)
+          },
+          table_getUserActionFloatingMenuContextMenuHandler: {
+            fn: () => table_getUserActionFloatingMenuContextMenuHandler(table)
+          }
+        });
+      }
+    )
   };
 }
 const DataTableUserActionsFeature = constructUserActionsFeature();

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 { 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": "AA0PM;AA1PN;AAAA,EACE;AAAA,EACA;AAAA,OAYK;AACP,SAAS,sBAA0D;AAQnE;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAG9B,SAAS,gBAId,OACA,UACA,aACsC;AACtC,QAAM,SAAS,YAAY,KAAK,CAACA,YAAWA,QAAO,OAAO,QAAQ;AAElE,MAAI,CAAC,aAAa,KAAK,CAAC,QAAQ;AAC9B,WAAO,2BAA2B,QAAQ,mBAAmB;AAAA,EAC/D;AACA,SAAO;AACT;AAMO,SAAS,0BAId,OACA,UACA,UACA,OACA,GACA,GACM;AAEN,EACE,MACA,UAAU,iBAAiB,IAAI;AAAA,IAC/B,MAAM,UAAU,OAAO,iBAAiB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,yBAAuB,OAAO,KAAK;AACrC;AAMO,SAAS,uBAGd,OAAyC,OAA4B;AAErE,EACE,MACA,UAAU,cAAc,IAAI,KAAK;AACrC;AAMO,SAAS,uBAGd,OAAwD;AACxD,SAAO,MAAM,MAAM,cAAc,IAAI;AACvC;AAMO,SAAS,8BAGd,OAAyC,UAAkB;AAC3D,QAAM,SAAS,MAAM,UAAU,QAAQ;AAEvC,MAAI,QAAQ,oBAAoB,GAAG;AACjC,WAAO,OAAO,iBAAiB;AAAA,EACjC;AAEA,SAAO;AACT;AAMO,SAAS,4BAGd,OAAyC,UAAkB,OAAe;AAE1E,QAAM,MAAM,MAAM,OAAO,KAAK;AAI9B,QAAM,OAAO,IACV,gBAAgB,EAChB,KAAK,CAACC,UAASA,MAAK,OAAO,OAAO,QAAQ;AAE7C,MAAI,MAAM,OAAO,kBAAkB,GAAG;AACpC,WAAO,KAAK,eAAe;AAAA,EAC7B;AAEA,SAAO;AACT;AAMO,SAAS,kDAId,OACkD;AAClD,SAAO,CAAC,UAA2C;AACjD,UAAM,eAAe;AACrB,UAAM,gBAAgB;AAEtB,QACE,MAAM,kBAAkB,gBAAgB,SACxC,MAAM,kBAAkB,eAAe,OACvC;AACA;AAAA,IACF;AAEA,UAAM,cAAc,MAAM,OAAO,QAAqB,eAAe;AAErE,QAAI,aAAa;AACf,YAAM,EAAE,SAAS,IAAI,YAAY;AACjC,YAAM,QAAQ,YACX,QAAQ,cAAc,GACrB,aAAa,YAAY;AAE7B,UAAI,CAAC,YAAY,CAAC,OAAO;AACvB;AAAA,MACF;AAGA,YAAM,MAAM,MAAM,OAAO,KAAK;AAC9B,YAAM,OAAO,IAAI,sBAAsB,EAAE,QAAQ;AAEjD,UAAI,MAAM,OAAO,kBAAkB,GAAG;AACpC;AAAA,UACE;AAAA,UACA;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,MACF;AACA;AAAA,IACF;AAEA,UAAM,gBAAgB,MAAM,OAAO;AAAA,MACjC;AAAA,IACF;AAEA,QAAI,eAAe;AACjB,YAAM,EAAE,UAAU,SAAS,IAAI,cAAc;AAC7C,UAAI,CAAC,UAAU;AACb;AAAA,MACF;AAGA,YAAM,SAAS,MAAM,UAAU,QAAQ;AAEvC,UAAI,QAAQ,oBAAoB,GAAG;AACjC;AAAA,UACE;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAMO,SAAS,wBAId,QACA,UACA,qBACA,qBACA;AACA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,uBAAuB,CAAC;AAAA,IACxB,OAAO,MAAM,QAAQ;AAAA,EACvB;AAEA,QAAM,gBACJ,OAAO,OAAO,UAAU,sBAAsB,YAC9C,OAAO,UAAU,kBAAkB,SAAS;AAC9C,QAAM,kBAAkB,gBACpB,4BAA4B,aAAa,IACzC;AAGJ,MAAI,uBAAuB,kBAAkB,MAAM,GAAG;AACpD,oBAAgB;AAAA,MACd;AAAA,QAAC;AAAA;AAAA,UAEC,uBAAuB,gBAAgB,SAAS;AAAA;AAAA,QAD5C;AAAA,MAEN;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,2BAGd,QAA2C;AAC3C,MAAI,OAAO,UAAU,sBAAsB,OAAO;AAChD,WAAO;AAAA,EACT;AAEA,QAAM,uBAAuB,OAAO,MAAM,QAAQ;AAClD,QAAM,iBACJ,OAAO,MAAM,QAAQ,iBAAiB,kBAAkB,MAAM;AAGhE,MAAI,CAAC,wBAAwB,CAAC,gBAAgB;AAC5C,WAAO;AAAA,EACT;AAEA,QAAM,uBAAuB,OAAO,iBAAiB;AACrD,MAAI,CAAC,sBAAsB;AAEzB,WAAO;AAAA,EACT;AAEA,UAAQ,qBAAqB,UAAU,KAAK;AAC9C;AAMO,SAAS,6BAId,QACA,UACA,qBAAkD,CAAC,GACR;AAC3C,SAAO,mBAAmB;AAAA,IACxB,CAAC,SAAS,eAAe;AACvB,UACE,WAAW,WAAW;AAAA,MAEtB,WAAW,WAAW;AAAA,MAErB,OAAO,WAAW,WAAW,cAAc,WAAW,OAAO,QAAQ,GACtE;AACA,gBAAQ,KAAK,WAAW,MAAM;AAAA,MAChC;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAMO,SAAS,yBAGd,QAAoD;AACpD,MAAI,OAAO,UAAU,sBAAsB,OAAO;AAChD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,OAAO,MAAM,QAAQ,mBAAmB;AAC3C,WAAO;AAAA,EACT;AAEA,QAAM,qBAAqB,OAAO,sBAAsB;AACxD,MAAI,CAAC,oBAAoB;AAEvB,WAAO;AAAA,EACT;AAEA,UAAQ,mBAAmB,UAAU,KAAK;AAC5C;AAMO,SAAS,oBAId,MAAsC;AACtC,QAAM,cAAc,KAAK,OAAO,sBAAsB,EAAE,IAAI,CAAC,eAAe;AAE1E,QAAI,eAAe,UAAU,GAAG;AAC9B,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,eAAe,YAAY;AACpC,YAAM,YAAY,KAAK,MAAM,QAAQ,sBAAsB;AAAA,QACzD,KAAK,OAAO;AAAA,MACd;AACA,UAAI,cAAc,QAAW;AAC3B,eAAO,WAAW;AAAA,UAChB;AAAA,UACA,WAAW,KAAK,SAAS;AAAA,UACzB,KAAK,KAAK,IAAI;AAAA,UACd,OAAO,KAAK,IAAI;AAAA,QAClB,CAAC;AAAA,MACH;AAAA,IACF;AACA,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;AAOO,SAAS,8BAGoD;AAClE,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,kBAAkB,gBAAgB;AAAA,UAChC,UAAU;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,GAAG;AAAA,QACL,CAAC;AAAA,QACD,eAAe;AAAA,MACjB;AAAA,IAIF;AAAA,IACA,uBAAuB,CAAC,WAAW,UAAU;AAC3C,0BAAoB,+BAA+B,WAAW,OAAO;AAAA,QACnE,yBAAyB;AAAA,UACvB,IAAI,CACF,QACA,UACA,qBACA,kBAEA;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACF,UAAU,CAAC,WAAW;AAAA,YACpB,OAAO;AAAA,YACP,MAAM,QAAQ;AAAA,YACd,MAAM,QAAQ;AAAA,UAChB;AAAA,QACF;AAAA,QACA,4BAA4B;AAAA,UAC1B,IAAI,CAAC,WAAW,2BAA2B,MAAM;AAAA,QACnD;AAAA,QACA,8BAA8B;AAAA,UAC5B,IAAI,CACF,QACA,UACA,uBAEA,6BAA6B,QAAQ,UAAU,kBAAkB;AAAA,UACnE,UAAU,CAAC,WAAW,CAAC,OAAO,IAAI,MAAM,QAAQ,WAAW;AAAA,QAC7D;AAAA,QACA,0BAA0B;AAAA,UACxB,IAAI,CAAC,WAAW,yBAAyB,MAAM;AAAA,QACjD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,qBAAqB,CAAC,WAAW,UAAU;AACzC,0BAAoB,+BAA+B,WAAW,OAAO;AAAA,QACnE,qBAAqB;AAAA,UACnB,IAAI,CAAC,SAAS,oBAAoB,IAAI;AAAA,UACtC,UAAU,CAAC,SAAS,CAAC,KAAK,OAAO,IAAI,MAAM,QAAQ,WAAW;AAAA,QAChE;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,+BAA+B,OAAO;AAAA,QACpD,iBAAiB;AAAA,UACf,IAAI,CAAC,UAAkB,gBACrB;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACF,UAAU,CAAC,aAAa,CAAC,UAAU,MAAM,eAAe,CAAC;AAAA,QAC3D;AAAA,QACA,2BAA2B;AAAA,UACzB,IAAI,CACF,UACA,UACA,OACA,GACA,MAEA,0BAA0B,OAAO,UAAU,UAAU,OAAO,GAAG,CAAC;AAAA,QACpE;AAAA,QACA,wBAAwB;AAAA,UACtB,IAAI,CAAC,UAAyB,uBAAuB,OAAO,KAAK;AAAA,QACnE;AAAA,QACA,wBAAwB;AAAA,UACtB,IAAI,MAAM,uBAAuB,KAAK;AAAA,QACxC;AAAA,QACA,+BAA+B;AAAA,UAC7B,IAAI,CAAC,aACH,8BAA8B,OAAO,QAAQ;AAAA,QACjD;AAAA,QACA,6BAA6B;AAAA,UAC3B,IAAI,CAAC,UAAkB,UACrB,4BAA4B,OAAO,UAAU,KAAK;AAAA,QACtD;AAAA,QACA,mDAAmD;AAAA,UACjD,IAAI,MAAM,kDAAkD,KAAK;AAAA,QACnE;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAMO,MAAM,8BAA8B,4BAA4B;",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  type Cell,\n  type CellData,\n  type Column,\n  type Header,\n  type RowData,\n  type Table,\n  type TableFeature,\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 {\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';\nimport {\n  createPrototypeConstructor,\n  createTableConstructor,\n} from '../types/table.types.js';\n\nexport function table_getHeader<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  headerId: string,\n  orderedHeaderGroups: Header<TDataTableFeatures, TData, unknown>[][],\n): Header<TDataTableFeatures, TData> | undefined {\n  // Group header ids carry the pinning family prefix (`start_`/`center_`/`end_`)\n  // only in the ordered header groups, which is also what renders the header\n  // cells and their `data-headerid`. Looking the id up anywhere else misses\n  // every group header.\n  const header = orderedHeaderGroups\n    .flat()\n    .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<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  headerId: string | null,\n  columnId: string,\n  rowId: string | null,\n  x: number,\n  y: number,\n): void {\n  table.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<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  rowId: string | null,\n): void {\n  table.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<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n): 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<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  columnId: string,\n) {\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<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  columnId: string,\n  rowId: string,\n) {\n  const row = table.getRow(rowId);\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  TData extends RowData,\n>(\n  table: Table<TDataTableFeatures, TData>,\n): (event: ReactMouseEvent<HTMLDivElement>) => void {\n  return (event: ReactMouseEvent<HTMLDivElement>) => {\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        event.preventDefault();\n        event.stopPropagation();\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        event.preventDefault();\n        event.stopPropagation();\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<TData extends RowData>(\n  column: Column<TDataTableFeatures, 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<TData extends RowData>(\n  column: Column<TDataTableFeatures, TData>,\n) {\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<TData extends RowData>(\n  column: Column<TDataTableFeatures, 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<TData extends RowData>(\n  column: Column<TDataTableFeatures, TData>,\n): 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  TData extends RowData,\n  TValue extends CellData,\n>(cell: Cell<TDataTableFeatures, 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  TData extends RowData,\n>(): TableFeature {\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<TDataTableFeatures>;\n      // This is safe here as the DataTableFeatures configuration, so it is a valid part of\n      // TableState<TDataTableFeatures> at runtime \u2014 TypeScript just can't prove it\n      // through the UnionToIntersection generic constraint.\n    },\n    assignColumnPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\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(\n                column,\n                columnId,\n                cellActionsOptions,\n              ),\n            memoDeps: (column) => [column.id, table.options.cellActions],\n          },\n          column_getCanCellActions: {\n            fn: (column) => column_getCanCellActions(column),\n          },\n        });\n      },\n    ),\n    assignCellPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\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    ),\n    constructTableAPIs: createTableConstructor(\n      (table: Table<TDataTableFeatures, RowData>) => {\n        assignTableAPIs('DataTableUserActionsFeature', table, {\n          table_getHeader: {\n            fn: (\n              headerId: string,\n              orderedHeaderGroups: Header<\n                TDataTableFeatures,\n                TData,\n                unknown\n              >[][],\n            ) =>\n              table_getHeader<TData>(\n                table as unknown as Table<TDataTableFeatures, TData>,\n                headerId,\n                orderedHeaderGroups,\n              ),\n            memoDeps: (headerId) => [headerId, table.getOrderedHeaderGroups()],\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/**\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": "AA6OM;AA7ON;AAAA,EACE;AAAA,EACA;AAAA,OASK;AACP,SAAS,sBAA0D;AAOnE;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAErC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,SAAS,gBACd,OACA,UACA,qBAC+C;AAK/C,QAAM,SAAS,oBACZ,KAAK,EACL,KAAK,CAACA,YAAWA,QAAO,OAAO,QAAQ;AAE1C,MAAI,CAAC,aAAa,KAAK,CAAC,QAAQ;AAC9B,WAAO,2BAA2B,QAAQ,mBAAmB;AAAA,EAC/D;AACA,SAAO;AACT;AAMO,SAAS,0BACd,OACA,UACA,UACA,OACA,GACA,GACM;AACN,QAAM,UAAU,iBAAiB,IAAI;AAAA,IACnC,MAAM,UAAU,OAAO,iBAAiB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,yBAAuB,OAAO,KAAK;AACrC;AAMO,SAAS,uBACd,OACA,OACM;AACN,QAAM,UAAU,cAAc,IAAI,KAAK;AACzC;AAMO,SAAS,uBACd,OACe;AACf,SAAO,MAAM,MAAM,cAAc,IAAI;AACvC;AAMO,SAAS,8BACd,OACA,UACA;AACA,QAAM,SAAS,MAAM,UAAU,QAAQ;AAEvC,MAAI,QAAQ,oBAAoB,GAAG;AACjC,WAAO,OAAO,iBAAiB;AAAA,EACjC;AAEA,SAAO;AACT;AAMO,SAAS,4BACd,OACA,UACA,OACA;AACA,QAAM,MAAM,MAAM,OAAO,KAAK;AAC9B,QAAM,OAAO,IACV,gBAAgB,EAChB,KAAK,CAACC,UAASA,MAAK,OAAO,OAAO,QAAQ;AAE7C,MAAI,MAAM,OAAO,kBAAkB,GAAG;AACpC,WAAO,KAAK,eAAe;AAAA,EAC7B;AAEA,SAAO;AACT;AAMO,SAAS,kDAGd,OACkD;AAClD,SAAO,CAAC,UAA2C;AACjD,QACE,MAAM,kBAAkB,gBAAgB,SACxC,MAAM,kBAAkB,eAAe,OACvC;AACA;AAAA,IACF;AAEA,UAAM,cAAc,MAAM,OAAO,QAAqB,eAAe;AAErE,QAAI,aAAa;AACf,YAAM,EAAE,SAAS,IAAI,YAAY;AACjC,YAAM,QAAQ,YACX,QAAQ,cAAc,GACrB,aAAa,YAAY;AAE7B,UAAI,CAAC,YAAY,CAAC,OAAO;AACvB;AAAA,MACF;AAGA,YAAM,MAAM,MAAM,OAAO,KAAK;AAC9B,YAAM,OAAO,IAAI,sBAAsB,EAAE,QAAQ;AAEjD,UAAI,MAAM,OAAO,kBAAkB,GAAG;AACpC,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,UACE;AAAA,UACA;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,MACF;AACA;AAAA,IACF;AAEA,UAAM,gBAAgB,MAAM,OAAO;AAAA,MACjC;AAAA,IACF;AAEA,QAAI,eAAe;AACjB,YAAM,EAAE,UAAU,SAAS,IAAI,cAAc;AAC7C,UAAI,CAAC,UAAU;AACb;AAAA,MACF;AAGA,YAAM,SAAS,MAAM,UAAU,QAAQ;AAEvC,UAAI,QAAQ,oBAAoB,GAAG;AACjC,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,UACE;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAMO,SAAS,wBACd,QACA,UACA,qBACA,qBACA;AACA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,uBAAuB,CAAC;AAAA,IACxB,OAAO,MAAM,QAAQ;AAAA,EACvB;AAEA,QAAM,gBACJ,OAAO,OAAO,UAAU,sBAAsB,YAC9C,OAAO,UAAU,kBAAkB,SAAS;AAC9C,QAAM,kBAAkB,gBACpB,4BAA4B,aAAa,IACzC;AAGJ,MAAI,uBAAuB,kBAAkB,MAAM,GAAG;AACpD,oBAAgB;AAAA,MACd;AAAA,QAAC;AAAA;AAAA,UAEC,uBAAuB,gBAAgB,SAAS;AAAA;AAAA,QAD5C;AAAA,MAEN;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,2BACd,QACA;AACA,MAAI,OAAO,UAAU,sBAAsB,OAAO;AAChD,WAAO;AAAA,EACT;AAEA,QAAM,uBAAuB,OAAO,MAAM,QAAQ;AAClD,QAAM,iBACJ,OAAO,MAAM,QAAQ,iBAAiB,kBAAkB,MAAM;AAGhE,MAAI,CAAC,wBAAwB,CAAC,gBAAgB;AAC5C,WAAO;AAAA,EACT;AAEA,QAAM,uBAAuB,OAAO,iBAAiB;AACrD,MAAI,CAAC,sBAAsB;AAEzB,WAAO;AAAA,EACT;AAEA,UAAQ,qBAAqB,UAAU,KAAK;AAC9C;AAMO,SAAS,6BACd,QACA,UACA,qBAAkD,CAAC,GACR;AAC3C,SAAO,mBAAmB;AAAA,IACxB,CAAC,SAAS,eAAe;AACvB,UACE,WAAW,WAAW;AAAA,MAEtB,WAAW,WAAW;AAAA,MAErB,OAAO,WAAW,WAAW,cAAc,WAAW,OAAO,QAAQ,GACtE;AACA,gBAAQ,KAAK,WAAW,MAAM;AAAA,MAChC;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAMO,SAAS,yBACd,QACS;AACT,MAAI,OAAO,UAAU,sBAAsB,OAAO;AAChD,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,OAAO,MAAM,QAAQ,mBAAmB;AAC3C,WAAO;AAAA,EACT;AAEA,QAAM,qBAAqB,OAAO,sBAAsB;AACxD,MAAI,CAAC,oBAAoB;AAEvB,WAAO;AAAA,EACT;AAEA,UAAQ,mBAAmB,UAAU,KAAK;AAC5C;AAMO,SAAS,oBAGd,MAA+C;AAC/C,QAAM,cAAc,KAAK,OAAO,sBAAsB,EAAE,IAAI,CAAC,eAAe;AAE1E,QAAI,eAAe,UAAU,GAAG;AAC9B,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,eAAe,YAAY;AACpC,YAAM,YAAY,KAAK,MAAM,QAAQ,sBAAsB;AAAA,QACzD,KAAK,OAAO;AAAA,MACd;AACA,UAAI,cAAc,QAAW;AAC3B,eAAO,WAAW;AAAA,UAChB;AAAA,UACA,WAAW,KAAK,SAAS;AAAA,UACzB,KAAK,KAAK,IAAI;AAAA,UACd,OAAO,KAAK,IAAI;AAAA,QAClB,CAAC;AAAA,MACH;AAAA,IACF;AACA,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;AAOO,SAAS,8BAEE;AAChB,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,kBAAkB,gBAAgB;AAAA,UAChC,UAAU;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,GAAG;AAAA,QACL,CAAC;AAAA,QACD,eAAe;AAAA,MACjB;AAAA,IAIF;AAAA,IACA,uBAAuB;AAAA,MACrB,CACE,WACA,UACG;AACH,4BAAoB,+BAA+B,WAAW,OAAO;AAAA,UACnE,yBAAyB;AAAA,YACvB,IAAI,CACF,QACA,UACA,qBACA,kBAEA;AAAA,cACE;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACF,UAAU,CAAC,WAAW;AAAA,cACpB,OAAO;AAAA,cACP,MAAM,QAAQ;AAAA,cACd,MAAM,QAAQ;AAAA,YAChB;AAAA,UACF;AAAA,UACA,4BAA4B;AAAA,YAC1B,IAAI,CAAC,WAAW,2BAA2B,MAAM;AAAA,UACnD;AAAA,UACA,8BAA8B;AAAA,YAC5B,IAAI,CACF,QACA,UACA,uBAEA;AAAA,cACE;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACF,UAAU,CAAC,WAAW,CAAC,OAAO,IAAI,MAAM,QAAQ,WAAW;AAAA,UAC7D;AAAA,UACA,0BAA0B;AAAA,YACxB,IAAI,CAAC,WAAW,yBAAyB,MAAM;AAAA,UACjD;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,qBAAqB;AAAA,MACnB,CACE,WACA,UACG;AACH,4BAAoB,+BAA+B,WAAW,OAAO;AAAA,UACnE,qBAAqB;AAAA,YACnB,IAAI,CAAC,SAAS,oBAAoB,IAAI;AAAA,YACtC,UAAU,CAAC,SAAS,CAAC,KAAK,OAAO,IAAI,MAAM,QAAQ,WAAW;AAAA,UAChE;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,oBAAoB;AAAA,MAClB,CAAC,UAA8C;AAC7C,wBAAgB,+BAA+B,OAAO;AAAA,UACpD,iBAAiB;AAAA,YACf,IAAI,CACF,UACA,wBAMA;AAAA,cACE;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACF,UAAU,CAAC,aAAa,CAAC,UAAU,MAAM,uBAAuB,CAAC;AAAA,UACnE;AAAA,UACA,2BAA2B;AAAA,YACzB,IAAI,CACF,UACA,UACA,OACA,GACA,MAEA,0BAA0B,OAAO,UAAU,UAAU,OAAO,GAAG,CAAC;AAAA,UACpE;AAAA,UACA,wBAAwB;AAAA,YACtB,IAAI,CAAC,UAAyB,uBAAuB,OAAO,KAAK;AAAA,UACnE;AAAA,UACA,wBAAwB;AAAA,YACtB,IAAI,MAAM,uBAAuB,KAAK;AAAA,UACxC;AAAA,UACA,+BAA+B;AAAA,YAC7B,IAAI,CAAC,aACH,8BAA8B,OAAO,QAAQ;AAAA,UACjD;AAAA,UACA,6BAA6B;AAAA,YAC3B,IAAI,CAAC,UAAkB,UACrB,4BAA4B,OAAO,UAAU,KAAK;AAAA,UACtD;AAAA,UACA,mDAAmD;AAAA,YACjD,IAAI,MAAM,kDAAkD,KAAK;AAAA,UACnE;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAMO,MAAM,8BAA8B,4BAA4B;",
   "names": ["header", "cell"]
 }

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

@@ -14,8 +14,8 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./UserActions.css";
-var actionButton = "_duopj90-3-12-2 _z0fq9b4-3-12-2 _z0fq9bd-3-12-2 _z0fq9b6-3-12-2 _z0fq9b9-3-12-2";
-var floatingMenuButton = "_duopj91-3-12-2";
+var actionButton = "_duopj90-3-13-0 _z0fq9b4-3-13-0 _z0fq9bd-3-13-0 _z0fq9b6-3-13-0 _z0fq9b9-3-13-0";
+var floatingMenuButton = "_duopj91-3-13-0";
 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 '../../../../core/styles/focusRingStatic.css';\nimport '../../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-12-2 _z0fq9b4-3-12-2 _z0fq9bd-3-12-2 _z0fq9b6-3-12-2 _z0fq9b9-3-12-2';\nexport var floatingMenuButton = '_duopj91-3-12-2';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../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-13-0 _z0fq9b4-3-13-0 _z0fq9bd-3-13-0 _z0fq9b6-3-13-0 _z0fq9b9-3-13-0';\nexport var floatingMenuButton = '_duopj91-3-13-0';"],
   "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;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,qBAAqB;",
   "names": []
 }

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

@@ -123,7 +123,7 @@ const ColumnOrderAction = ({
   const header = useDataTableHeader();
   const isPinnedColumn = !!column.getIsPinned();
   const table = useDataTable();
-  if (!table.optionsStore.state.enableColumnOrdering) {
+  if (!table.options.enableColumnOrdering) {
     return null;
   }
   const orderActions = () => /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -177,11 +177,11 @@ const ColumnPinningAction = ({
   }
   const pinnedState = header.getIsPinned();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    pinnedState !== "left" ? /* @__PURE__ */ jsxs(
+    pinnedState !== "start" ? /* @__PURE__ */ jsxs(
       DataTableActionsMenu.Item,
       {
         onSelect: () => {
-          header.pin("left");
+          header.pin("start");
           onSelect?.();
         },
         "data-dt-children-name": "ColumnActionPinLeft",
@@ -191,11 +191,11 @@ const ColumnPinningAction = ({
         ]
       }
     ) : null,
-    pinnedState !== "right" ? /* @__PURE__ */ jsxs(
+    pinnedState !== "end" ? /* @__PURE__ */ jsxs(
       DataTableActionsMenu.Item,
       {
         onSelect: () => {
-          header.pin("right");
+          header.pin("end");
           onSelect?.();
         },
         "data-dt-children-name": "ColumnActionPinRight",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/UserActionsMenu.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, type JSX, useContext } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  CopyIcon,\n  PinIcon,\n  PinOffIcon,\n  ViewOffIcon,\n  WrapTextIcon,\n} from '@dynatrace/strato-icons';\n\nimport { useCopyToClipboard } from '../../../../core/utils/useCopyToClipboard.js';\nimport { Group as MenuGroup } from '../../../../navigation/menu/Group.js';\nimport { Intent as MenuIntent } from '../../../../navigation/menu/Intent.js';\nimport { Item as MenuItem } from '../../../../navigation/menu/Item.js';\nimport { Label as MenuLabel } from '../../../../navigation/menu/Label.js';\nimport { Link as MenuLink } from '../../../../navigation/menu/Link.js';\nimport { Prefix as MenuPrefix } from '../../../../navigation/menu/Prefix.js';\nimport { Sub as MenuSub } from '../../../../navigation/menu/Sub.js';\nimport { SubContent as MenuSubContent } from '../../../../navigation/menu/SubContent.js';\nimport { SubTrigger as MenuSubTrigger } from '../../../../navigation/menu/SubTrigger.js';\nimport { Suffix as MenuSuffix } from '../../../../navigation/menu/Suffix.js';\nimport {\n  useDataTable,\n  useDataTableColumn,\n  useDataTableHeader,\n  DataTableHeaderContext,\n} from '../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * Defines the props for built-in table action menu items.\n * @public\n */\nexport type DataTableActionsMenuActionProps = {\n  /**\n   * Optional callback that is invoked when the action is executed.\n   */\n  onSelect?: () => void;\n};\n\n/**\n * Defines the props on the `CopyItem` table actions menu for copying the cell content to clipboard.\n * @public\n */\nexport type DataTableActionsMenuCopyItemProps =\n  DataTableActionsMenuActionProps & {\n    /**\n     * The string representation of the cell value that gets copied to the clipboard when the user selects the action item.\n     */\n    value: string;\n  };\n\n/**\n * Out of the box cell action for copying the cell content to clipboard.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n */\nconst CopyItem = ({ value, onSelect }: DataTableActionsMenuCopyItemProps) => {\n  const intl = useIntl();\n  const [copyToClipboard] = useCopyToClipboard(value);\n  const header = useContext(DataTableHeaderContext);\n  const isColumnAction = header !== null;\n  const dataDtChildrenName = isColumnAction\n    ? 'ColumnActionCopyItem'\n    : 'CellActionCopyItem';\n\n  return (\n    <DataTableActionsMenu.Item\n      onSelect={() => {\n        copyToClipboard();\n        onSelect?.();\n      }}\n      data-dt-children-name={dataDtChildrenName}\n    >\n      <DataTableActionsMenu.Prefix>\n        <CopyIcon />\n      </DataTableActionsMenu.Prefix>\n      {intl.formatMessage(dataTableMessages.copyValueCellAction)}\n    </DataTableActionsMenu.Item>\n  );\n};\n\n/**\n * Out of the box column actions for toggling line wrap.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n */\nconst LineWrapAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps): JSX.Element => {\n  const intl = useIntl();\n  const column = useDataTableColumn();\n  const isLineWrapped = column?.getIsLineWrapped();\n  const lineWrapDtProperties = `state:${isLineWrapped ? 'unwrap' : 'wrap'}`;\n\n  return (\n    <DataTableActionsMenu.Item\n      onSelect={() => {\n        column.toggleLineWrap();\n        onSelect?.();\n      }}\n      data-dt-children-name=\"ColumnActionLineWrap\"\n      data-dt-properties={lineWrapDtProperties}\n    >\n      <DataTableActionsMenu.Prefix>\n        <WrapTextIcon />\n      </DataTableActionsMenu.Prefix>\n      {isLineWrapped\n        ? intl.formatMessage(dataTableMessages.disableLineWrapLabel)\n        : intl.formatMessage(dataTableMessages.enableLineWrapLabel)}\n    </DataTableActionsMenu.Item>\n  );\n};\n\n/**\n * Out of the box column action for hiding a column.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n * @internal\n */\nexport const HideColumnAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps) => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const currentVisibility = table.atoms.columnVisibility?.get();\n  const column = useDataTableColumn();\n  const childColumns = column.columns;\n\n  const handleSelect = (): void => {\n    if (childColumns.length === 0) {\n      column.toggleVisibility();\n    } else {\n      const updatedChildrenVisibility = childColumns.reduce(\n        (updatedVisibility: Record<string, boolean>, childColumn) => {\n          return {\n            ...updatedVisibility,\n            [childColumn.id]: false,\n          };\n        },\n        {},\n      );\n      table.setColumnVisibility({\n        ...currentVisibility,\n        ...updatedChildrenVisibility,\n      });\n    }\n  };\n\n  return (\n    <DataTableActionsMenu.Item\n      onSelect={() => {\n        handleSelect();\n        onSelect?.();\n      }}\n      disabled={!column.getCanHide()}\n      data-dt-children-name=\"ColumnActionHide\"\n    >\n      <DataTableActionsMenu.Prefix>\n        <ViewOffIcon />\n      </DataTableActionsMenu.Prefix>\n      {intl.formatMessage(dataTableMessages.hideColumnLabel)}\n    </DataTableActionsMenu.Item>\n  );\n};\n\n/**\n * Out of the box column action for reordering columns.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n * @internal\n */\nexport const ColumnOrderAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps) => {\n  const intl = useIntl();\n  const column = useDataTableColumn();\n  const header = useDataTableHeader();\n  const isPinnedColumn = !!column.getIsPinned();\n  const table = useDataTable();\n\n  if (!table.optionsStore.state.enableColumnOrdering) {\n    return null;\n  }\n\n  const orderActions = () => (\n    <>\n      <DataTableActionsMenu.Item\n        onSelect={() => {\n          column.moveColumnLeft();\n          onSelect?.();\n        }}\n        disabled={!column.getCanMoveColumnLeft()}\n        data-dt-children-name=\"ColumnActionMoveLeft\"\n      >\n        <DataTableActionsMenu.Prefix>\n          <ArrowLeftIcon />\n        </DataTableActionsMenu.Prefix>\n        {intl.formatMessage(dataTableMessages.moveColumnLeftLabel)}\n      </DataTableActionsMenu.Item>\n      <DataTableActionsMenu.Item\n        onSelect={() => {\n          column.moveColumnRight();\n          onSelect?.();\n        }}\n        disabled={!column.getCanMoveColumnRight()}\n        data-dt-children-name=\"ColumnActionMoveRight\"\n      >\n        <DataTableActionsMenu.Prefix>\n          <ArrowRightIcon />\n        </DataTableActionsMenu.Prefix>\n        {intl.formatMessage(dataTableMessages.moveColumnRightLabel)}\n      </DataTableActionsMenu.Item>\n    </>\n  );\n\n  // if a parent has pinned children, show order actions based on the location of the header\n  if (isPinnedColumn) {\n    if (header.id.includes('center')) {\n      return orderActions();\n    }\n\n    return null;\n  }\n\n  return orderActions();\n};\n\n/**\n * Out of the box column action for pinning a column.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n */\nconst ColumnPinningAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps): JSX.Element | null => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const header = useDataTableHeader();\n  if (!table.options.enableColumnPinning) {\n    return null;\n  }\n\n  const pinnedState = header.getIsPinned();\n  return (\n    <>\n      {pinnedState !== 'left' ? (\n        <DataTableActionsMenu.Item\n          onSelect={() => {\n            header.pin('left');\n            onSelect?.();\n          }}\n          data-dt-children-name=\"ColumnActionPinLeft\"\n        >\n          <DataTableActionsMenu.Prefix>\n            <PinIcon />\n          </DataTableActionsMenu.Prefix>\n          {intl.formatMessage(dataTableMessages.pinColumnLeftLabel)}\n        </DataTableActionsMenu.Item>\n      ) : null}\n      {pinnedState !== 'right' ? (\n        <DataTableActionsMenu.Item\n          onSelect={() => {\n            header.pin('right');\n            onSelect?.();\n          }}\n          data-dt-children-name=\"ColumnActionPinRight\"\n        >\n          <DataTableActionsMenu.Prefix>\n            <PinIcon />\n          </DataTableActionsMenu.Prefix>\n          {intl.formatMessage(dataTableMessages.pinColumnRightLabel)}\n        </DataTableActionsMenu.Item>\n      ) : null}\n      {pinnedState !== false ? (\n        <DataTableActionsMenu.Item\n          onSelect={() => {\n            header.pin(false);\n            onSelect?.();\n          }}\n          data-dt-children-name=\"ColumnActionUnpin\"\n        >\n          <DataTableActionsMenu.Prefix>\n            <PinOffIcon />\n          </DataTableActionsMenu.Prefix>\n          {intl.formatMessage(dataTableMessages.unpinColumnLabel)}\n        </DataTableActionsMenu.Item>\n      ) : null}\n    </>\n  );\n};\n\n/**\n * Out of the box column action for toggling the font style.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n */\nconst ColumnFontStyleAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps): JSX.Element => {\n  const intl = useIntl();\n  const column = useDataTableColumn();\n\n  return (\n    <DataTableActionsMenu.Item\n      onSelect={() => {\n        column.toggleFontStyle();\n        onSelect?.();\n      }}\n    >\n      <DataTableActionsMenu.Prefix>\n        <WrapTextIcon />\n      </DataTableActionsMenu.Prefix>\n      {column.getFontStyle() === 'text'\n        ? intl.formatMessage(dataTableMessages.fontStyleCodeLabel)\n        : intl.formatMessage(dataTableMessages.fontStyleTextLabel)}\n    </DataTableActionsMenu.Item>\n  );\n};\n\n/**\n * Slot components that can be used to configure the user actions menu.\n * @public\n */\nexport const DataTableActionsMenu = Object.assign(\n  function DataTableActionsMenuInternal(props: PropsWithChildren) {\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    return <>{props.children}</>;\n  },\n  {\n    Intent: MenuIntent,\n    Item: MenuItem,\n    // DEPRECATION: [APPDEV-15604] BREAKING-CHANGE: Remove TableActionsMenu.ItemIcon.\n    /**\n     * The DataTableActionsMenu.ItemIcon is deprecated, use DataTableActionsMenu.Prefix instead.\n     * @deprecated Use `TableActionsMenu.Prefix` instead. This slot will be removed in the future.\n     */\n    ItemIcon: MenuPrefix,\n    Prefix: MenuPrefix,\n    Suffix: MenuSuffix,\n    Group: MenuGroup,\n    Label: MenuLabel,\n    CopyItem: CopyItem,\n    SubMenu: MenuSub,\n    SubContent: MenuSubContent,\n    SubTrigger: MenuSubTrigger,\n    Link: MenuLink,\n    LineWrap: LineWrapAction,\n    HideColumn: HideColumnAction,\n    ColumnOrder: ColumnOrderAction,\n    ColumnPinning: ColumnPinningAction,\n    ColumnFontStyle: ColumnFontStyleAction,\n  },\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { type PropsWithChildren, type JSX, useContext } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  CopyIcon,\n  PinIcon,\n  PinOffIcon,\n  ViewOffIcon,\n  WrapTextIcon,\n} from '@dynatrace/strato-icons';\n\nimport { useCopyToClipboard } from '../../../../core/utils/useCopyToClipboard.js';\nimport { Group as MenuGroup } from '../../../../navigation/menu/Group.js';\nimport { Intent as MenuIntent } from '../../../../navigation/menu/Intent.js';\nimport { Item as MenuItem } from '../../../../navigation/menu/Item.js';\nimport { Label as MenuLabel } from '../../../../navigation/menu/Label.js';\nimport { Link as MenuLink } from '../../../../navigation/menu/Link.js';\nimport { Prefix as MenuPrefix } from '../../../../navigation/menu/Prefix.js';\nimport { Sub as MenuSub } from '../../../../navigation/menu/Sub.js';\nimport { SubContent as MenuSubContent } from '../../../../navigation/menu/SubContent.js';\nimport { SubTrigger as MenuSubTrigger } from '../../../../navigation/menu/SubTrigger.js';\nimport { Suffix as MenuSuffix } from '../../../../navigation/menu/Suffix.js';\nimport {\n  useDataTable,\n  useDataTableColumn,\n  useDataTableHeader,\n  DataTableHeaderContext,\n} from '../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * Defines the props for built-in table action menu items.\n * @public\n */\nexport type DataTableActionsMenuActionProps = {\n  /**\n   * Optional callback that is invoked when the action is executed.\n   */\n  onSelect?: () => void;\n};\n\n/**\n * Defines the props on the `CopyItem` table actions menu for copying the cell content to clipboard.\n * @public\n */\nexport type DataTableActionsMenuCopyItemProps =\n  DataTableActionsMenuActionProps & {\n    /**\n     * The string representation of the cell value that gets copied to the clipboard when the user selects the action item.\n     */\n    value: string;\n  };\n\n/**\n * Out of the box cell action for copying the cell content to clipboard.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n */\nconst CopyItem = ({ value, onSelect }: DataTableActionsMenuCopyItemProps) => {\n  const intl = useIntl();\n  const [copyToClipboard] = useCopyToClipboard(value);\n  const header = useContext(DataTableHeaderContext);\n  const isColumnAction = header !== null;\n  const dataDtChildrenName = isColumnAction\n    ? 'ColumnActionCopyItem'\n    : 'CellActionCopyItem';\n\n  return (\n    <DataTableActionsMenu.Item\n      onSelect={() => {\n        copyToClipboard();\n        onSelect?.();\n      }}\n      data-dt-children-name={dataDtChildrenName}\n    >\n      <DataTableActionsMenu.Prefix>\n        <CopyIcon />\n      </DataTableActionsMenu.Prefix>\n      {intl.formatMessage(dataTableMessages.copyValueCellAction)}\n    </DataTableActionsMenu.Item>\n  );\n};\n\n/**\n * Out of the box column actions for toggling line wrap.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n */\nconst LineWrapAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps): JSX.Element => {\n  const intl = useIntl();\n  const column = useDataTableColumn();\n  const isLineWrapped = column?.getIsLineWrapped();\n  const lineWrapDtProperties = `state:${isLineWrapped ? 'unwrap' : 'wrap'}`;\n\n  return (\n    <DataTableActionsMenu.Item\n      onSelect={() => {\n        column.toggleLineWrap();\n        onSelect?.();\n      }}\n      data-dt-children-name=\"ColumnActionLineWrap\"\n      data-dt-properties={lineWrapDtProperties}\n    >\n      <DataTableActionsMenu.Prefix>\n        <WrapTextIcon />\n      </DataTableActionsMenu.Prefix>\n      {isLineWrapped\n        ? intl.formatMessage(dataTableMessages.disableLineWrapLabel)\n        : intl.formatMessage(dataTableMessages.enableLineWrapLabel)}\n    </DataTableActionsMenu.Item>\n  );\n};\n\n/**\n * Out of the box column action for hiding a column.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n * @internal\n */\nexport const HideColumnAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps) => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const currentVisibility = table.atoms.columnVisibility?.get();\n  const column = useDataTableColumn();\n  const childColumns = column.columns;\n\n  const handleSelect = (): void => {\n    if (childColumns.length === 0) {\n      column.toggleVisibility();\n    } else {\n      const updatedChildrenVisibility = childColumns.reduce(\n        (updatedVisibility: Record<string, boolean>, childColumn) => {\n          return {\n            ...updatedVisibility,\n            [childColumn.id]: false,\n          };\n        },\n        {},\n      );\n      table.setColumnVisibility({\n        ...currentVisibility,\n        ...updatedChildrenVisibility,\n      });\n    }\n  };\n\n  return (\n    <DataTableActionsMenu.Item\n      onSelect={() => {\n        handleSelect();\n        onSelect?.();\n      }}\n      disabled={!column.getCanHide()}\n      data-dt-children-name=\"ColumnActionHide\"\n    >\n      <DataTableActionsMenu.Prefix>\n        <ViewOffIcon />\n      </DataTableActionsMenu.Prefix>\n      {intl.formatMessage(dataTableMessages.hideColumnLabel)}\n    </DataTableActionsMenu.Item>\n  );\n};\n\n/**\n * Out of the box column action for reordering columns.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n * @internal\n */\nexport const ColumnOrderAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps) => {\n  const intl = useIntl();\n  const column = useDataTableColumn();\n  const header = useDataTableHeader();\n  const isPinnedColumn = !!column.getIsPinned();\n  const table = useDataTable();\n\n  if (!table.options.enableColumnOrdering) {\n    return null;\n  }\n\n  const orderActions = () => (\n    <>\n      <DataTableActionsMenu.Item\n        onSelect={() => {\n          column.moveColumnLeft();\n          onSelect?.();\n        }}\n        disabled={!column.getCanMoveColumnLeft()}\n        data-dt-children-name=\"ColumnActionMoveLeft\"\n      >\n        <DataTableActionsMenu.Prefix>\n          <ArrowLeftIcon />\n        </DataTableActionsMenu.Prefix>\n        {intl.formatMessage(dataTableMessages.moveColumnLeftLabel)}\n      </DataTableActionsMenu.Item>\n      <DataTableActionsMenu.Item\n        onSelect={() => {\n          column.moveColumnRight();\n          onSelect?.();\n        }}\n        disabled={!column.getCanMoveColumnRight()}\n        data-dt-children-name=\"ColumnActionMoveRight\"\n      >\n        <DataTableActionsMenu.Prefix>\n          <ArrowRightIcon />\n        </DataTableActionsMenu.Prefix>\n        {intl.formatMessage(dataTableMessages.moveColumnRightLabel)}\n      </DataTableActionsMenu.Item>\n    </>\n  );\n\n  // if a parent has pinned children, show order actions based on the location of the header\n  if (isPinnedColumn) {\n    if (header.id.includes('center')) {\n      return orderActions();\n    }\n\n    return null;\n  }\n\n  return orderActions();\n};\n\n/**\n * Out of the box column action for pinning a column.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n */\nconst ColumnPinningAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps): JSX.Element | null => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const header = useDataTableHeader();\n  if (!table.options.enableColumnPinning) {\n    return null;\n  }\n\n  const pinnedState = header.getIsPinned();\n  return (\n    <>\n      {pinnedState !== 'start' ? (\n        <DataTableActionsMenu.Item\n          onSelect={() => {\n            header.pin('start');\n            onSelect?.();\n          }}\n          data-dt-children-name=\"ColumnActionPinLeft\"\n        >\n          <DataTableActionsMenu.Prefix>\n            <PinIcon />\n          </DataTableActionsMenu.Prefix>\n          {intl.formatMessage(dataTableMessages.pinColumnLeftLabel)}\n        </DataTableActionsMenu.Item>\n      ) : null}\n      {pinnedState !== 'end' ? (\n        <DataTableActionsMenu.Item\n          onSelect={() => {\n            header.pin('end');\n            onSelect?.();\n          }}\n          data-dt-children-name=\"ColumnActionPinRight\"\n        >\n          <DataTableActionsMenu.Prefix>\n            <PinIcon />\n          </DataTableActionsMenu.Prefix>\n          {intl.formatMessage(dataTableMessages.pinColumnRightLabel)}\n        </DataTableActionsMenu.Item>\n      ) : null}\n      {pinnedState !== false ? (\n        <DataTableActionsMenu.Item\n          onSelect={() => {\n            header.pin(false);\n            onSelect?.();\n          }}\n          data-dt-children-name=\"ColumnActionUnpin\"\n        >\n          <DataTableActionsMenu.Prefix>\n            <PinOffIcon />\n          </DataTableActionsMenu.Prefix>\n          {intl.formatMessage(dataTableMessages.unpinColumnLabel)}\n        </DataTableActionsMenu.Item>\n      ) : null}\n    </>\n  );\n};\n\n/**\n * Out of the box column action for toggling the font style.\n * This component can only be used as a child element of `<TableActionsMenu>`.\n */\nconst ColumnFontStyleAction = ({\n  onSelect,\n}: DataTableActionsMenuActionProps): JSX.Element => {\n  const intl = useIntl();\n  const column = useDataTableColumn();\n\n  return (\n    <DataTableActionsMenu.Item\n      onSelect={() => {\n        column.toggleFontStyle();\n        onSelect?.();\n      }}\n    >\n      <DataTableActionsMenu.Prefix>\n        <WrapTextIcon />\n      </DataTableActionsMenu.Prefix>\n      {column.getFontStyle() === 'text'\n        ? intl.formatMessage(dataTableMessages.fontStyleCodeLabel)\n        : intl.formatMessage(dataTableMessages.fontStyleTextLabel)}\n    </DataTableActionsMenu.Item>\n  );\n};\n\n/**\n * Slot components that can be used to configure the user actions menu.\n * @public\n */\nexport const DataTableActionsMenu = Object.assign(\n  function DataTableActionsMenuInternal(props: PropsWithChildren) {\n    // oxlint-disable-next-line react/jsx-no-useless-fragment\n    return <>{props.children}</>;\n  },\n  {\n    Intent: MenuIntent,\n    Item: MenuItem,\n    // DEPRECATION: [APPDEV-15604] BREAKING-CHANGE: Remove TableActionsMenu.ItemIcon.\n    /**\n     * The DataTableActionsMenu.ItemIcon is deprecated, use DataTableActionsMenu.Prefix instead.\n     * @deprecated Use `TableActionsMenu.Prefix` instead. This slot will be removed in the future.\n     */\n    ItemIcon: MenuPrefix,\n    Prefix: MenuPrefix,\n    Suffix: MenuSuffix,\n    Group: MenuGroup,\n    Label: MenuLabel,\n    CopyItem: CopyItem,\n    SubMenu: MenuSub,\n    SubContent: MenuSubContent,\n    SubTrigger: MenuSubTrigger,\n    Link: MenuLink,\n    LineWrap: LineWrapAction,\n    HideColumn: HideColumnAction,\n    ColumnOrder: ColumnOrderAction,\n    ColumnPinning: ColumnPinningAction,\n    ColumnFontStyle: ColumnFontStyleAction,\n  },\n);\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -28,8 +28,8 @@ function useCloseMenuOnScroll(props) {
     }
     const headerHeight = isHeader ? 0 : table.getTotalHeaderHeight();
     const isColumnPinned = table.getColumn(columnId)?.getIsPinned() !== false;
-    const leftPinnedWidth = isColumnPinned ? 0 : table.getLeftLeafColumns().reduce((sum, col) => sum + table.getColumnOrHeaderWidth(col.id), 0);
-    const rightPinnedWidth = isColumnPinned ? 0 : table.getRightLeafColumns().reduce((sum, col) => sum + table.getColumnOrHeaderWidth(col.id), 0);
+    const leftPinnedWidth = isColumnPinned ? 0 : table.getStartLeafColumns().reduce((sum, col) => sum + table.getColumnOrHeaderWidth(col.id), 0);
+    const rightPinnedWidth = isColumnPinned ? 0 : table.getEndLeafColumns().reduce((sum, col) => sum + table.getColumnOrHeaderWidth(col.id), 0);
     const rootMargin = [
       `-${headerHeight + 4}px`,
       `-${rightPinnedWidth + 4}px`,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/useCloseMenuOnScroll.ts"],
-  "sourcesContent": ["import { useEffect } from 'react';\n\nimport { useDataTable } from '../../contexts/DataTableContext.js';\n\n/**\n * Finds the open action-menu trigger button inside the anchor row.\n */\nfunction getCellTriggerElement(\n  containerElement: HTMLElement,\n  rowId: string,\n): HTMLElement | null {\n  const row = containerElement.querySelector<HTMLElement>(\n    `[role=\"row\"][data-rowid=\"${CSS.escape(rowId)}\"]`,\n  );\n  return row?.querySelector<HTMLElement>('button[data-state=\"open\"]') ?? null;\n}\n\n/**\n * Finds the open action-menu trigger button inside the sticky header.\n */\nfunction getHeaderTriggerElement(\n  containerElement: HTMLElement,\n): HTMLElement | null {\n  return containerElement.querySelector<HTMLElement>(\n    '[data-rowgroup=\"header\"] button[data-state=\"open\"]',\n  );\n}\n\n/**\n * Closes an open menu when the table is scrolled far enough that the trigger button the\n * menu is anchored to is no longer visible inside the container. For cell menus all four\n * edges are checked; for header menus only the horizontal edges are checked since the\n * header is sticky and never leaves vertically.\n */\nexport function useCloseMenuOnScroll(props: {\n  isMenuOpen: boolean;\n  closeMenu: () => void;\n  rowId: string;\n  columnId: string;\n  isHeader?: boolean;\n}): void {\n  const { isMenuOpen, closeMenu, rowId, columnId, isHeader = false } = props;\n  const table = useDataTable();\n\n  useEffect(() => {\n    if (!isMenuOpen) {\n      return;\n    }\n\n    const containerElement = table.getRowVirtualizationContainer();\n    if (!containerElement) {\n      return;\n    }\n\n    const triggerElement = isHeader\n      ? getHeaderTriggerElement(containerElement)\n      : getCellTriggerElement(containerElement, rowId);\n\n    if (!triggerElement) {\n      return;\n    }\n\n    // For cell menus shrink the effective root by the sticky header height on the top so\n    // triggers behind the header are treated as out of view. Headers are sticky and never\n    // leave vertically, so no top adjustment is needed \u2014 only the horizontal edges matter.\n    const headerHeight = isHeader ? 0 : table.getTotalHeaderHeight();\n\n    // Triggers inside pinned columns are sticky \u2014 they never move horizontally, so the\n    // IntersectionObserver would fire immediately if horizontal margins were applied.\n    // Skip horizontal margins entirely for pinned-column triggers.\n    const isColumnPinned = table.getColumn(columnId)?.getIsPinned() !== false;\n\n    // Shrink the horizontal edges by the total width of pinned columns so that a trigger\n    // sliding behind a sticky pinned column is treated as out of view.\n    // col.getSize() returns TanStack's logical default (150 px) for prefix/suffix columns\n    // whose actual rendered width is much smaller \u2014 use the measured DOM width instead.\n    const leftPinnedWidth = isColumnPinned\n      ? 0\n      : table\n          .getLeftLeafColumns()\n          .reduce((sum, col) => sum + table.getColumnOrHeaderWidth(col.id), 0);\n    const rightPinnedWidth = isColumnPinned\n      ? 0\n      : table\n          .getRightLeafColumns()\n          .reduce((sum, col) => sum + table.getColumnOrHeaderWidth(col.id), 0);\n\n    // rootMargin order: top right bottom left\n    const rootMargin = [\n      `-${headerHeight + 4}px`,\n      `-${rightPinnedWidth + 4}px`,\n      '-4px',\n      `-${leftPinnedWidth + 4}px`,\n    ].join(' ');\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry && !entry.isIntersecting) {\n          closeMenu();\n        }\n      },\n      {\n        root: containerElement,\n        rootMargin,\n        threshold: 0,\n      },\n    );\n\n    observer.observe(triggerElement);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [rowId, columnId, isHeader, closeMenu, isMenuOpen, table]);\n}\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,SAAS,oBAAoB;AAK7B,SAAS,sBACP,kBACA,OACoB;AACpB,QAAM,MAAM,iBAAiB;AAAA,IAC3B,4BAA4B,IAAI,OAAO,KAAK,CAAC;AAAA,EAC/C;AACA,SAAO,KAAK,cAA2B,2BAA2B,KAAK;AACzE;AAKA,SAAS,wBACP,kBACoB;AACpB,SAAO,iBAAiB;AAAA,IACtB;AAAA,EACF;AACF;AAQO,SAAS,qBAAqB,OAM5B;AACP,QAAM,EAAE,YAAY,WAAW,OAAO,UAAU,WAAW,MAAM,IAAI;AACrE,QAAM,QAAQ,aAAa;AAE3B,YAAU,MAAM;AACd,QAAI,CAAC,YAAY;AACf;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM,8BAA8B;AAC7D,QAAI,CAAC,kBAAkB;AACrB;AAAA,IACF;AAEA,UAAM,iBAAiB,WACnB,wBAAwB,gBAAgB,IACxC,sBAAsB,kBAAkB,KAAK;AAEjD,QAAI,CAAC,gBAAgB;AACnB;AAAA,IACF;AAKA,UAAM,eAAe,WAAW,IAAI,MAAM,qBAAqB;AAK/D,UAAM,iBAAiB,MAAM,UAAU,QAAQ,GAAG,YAAY,MAAM;AAMpE,UAAM,kBAAkB,iBACpB,IACA,MACG,mBAAmB,EACnB,OAAO,CAAC,KAAK,QAAQ,MAAM,MAAM,uBAAuB,IAAI,EAAE,GAAG,CAAC;AACzE,UAAM,mBAAmB,iBACrB,IACA,MACG,oBAAoB,EACpB,OAAO,CAAC,KAAK,QAAQ,MAAM,MAAM,uBAAuB,IAAI,EAAE,GAAG,CAAC;AAGzE,UAAM,aAAa;AAAA,MACjB,IAAI,eAAe,CAAC;AAAA,MACpB,IAAI,mBAAmB,CAAC;AAAA,MACxB;AAAA,MACA,IAAI,kBAAkB,CAAC;AAAA,IACzB,EAAE,KAAK,GAAG;AAEV,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,CAAC,KAAK,MAAM;AACX,YAAI,SAAS,CAAC,MAAM,gBAAgB;AAClC,oBAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN;AAAA,QACA,WAAW;AAAA,MACb;AAAA,IACF;AAEA,aAAS,QAAQ,cAAc;AAE/B,WAAO,MAAM;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,UAAU,WAAW,YAAY,KAAK,CAAC;AAC9D;",
+  "sourcesContent": ["import { useEffect } from 'react';\n\nimport { useDataTable } from '../../contexts/DataTableContext.js';\n\n/**\n * Finds the open action-menu trigger button inside the anchor row.\n */\nfunction getCellTriggerElement(\n  containerElement: HTMLElement,\n  rowId: string,\n): HTMLElement | null {\n  const row = containerElement.querySelector<HTMLElement>(\n    `[role=\"row\"][data-rowid=\"${CSS.escape(rowId)}\"]`,\n  );\n  return row?.querySelector<HTMLElement>('button[data-state=\"open\"]') ?? null;\n}\n\n/**\n * Finds the open action-menu trigger button inside the sticky header.\n */\nfunction getHeaderTriggerElement(\n  containerElement: HTMLElement,\n): HTMLElement | null {\n  return containerElement.querySelector<HTMLElement>(\n    '[data-rowgroup=\"header\"] button[data-state=\"open\"]',\n  );\n}\n\n/**\n * Closes an open menu when the table is scrolled far enough that the trigger button the\n * menu is anchored to is no longer visible inside the container. For cell menus all four\n * edges are checked; for header menus only the horizontal edges are checked since the\n * header is sticky and never leaves vertically.\n */\nexport function useCloseMenuOnScroll(props: {\n  isMenuOpen: boolean;\n  closeMenu: () => void;\n  rowId: string;\n  columnId: string;\n  isHeader?: boolean;\n}): void {\n  const { isMenuOpen, closeMenu, rowId, columnId, isHeader = false } = props;\n  const table = useDataTable();\n\n  useEffect(() => {\n    if (!isMenuOpen) {\n      return;\n    }\n\n    const containerElement = table.getRowVirtualizationContainer();\n    if (!containerElement) {\n      return;\n    }\n\n    const triggerElement = isHeader\n      ? getHeaderTriggerElement(containerElement)\n      : getCellTriggerElement(containerElement, rowId);\n\n    if (!triggerElement) {\n      return;\n    }\n\n    // For cell menus shrink the effective root by the sticky header height on the top so\n    // triggers behind the header are treated as out of view. Headers are sticky and never\n    // leave vertically, so no top adjustment is needed \u2014 only the horizontal edges matter.\n    const headerHeight = isHeader ? 0 : table.getTotalHeaderHeight();\n\n    // Triggers inside pinned columns are sticky \u2014 they never move horizontally, so the\n    // IntersectionObserver would fire immediately if horizontal margins were applied.\n    // Skip horizontal margins entirely for pinned-column triggers.\n    const isColumnPinned = table.getColumn(columnId)?.getIsPinned() !== false;\n\n    // Shrink the horizontal edges by the total width of pinned columns so that a trigger\n    // sliding behind a sticky pinned column is treated as out of view.\n    // col.getSize() returns TanStack's logical default (150 px) for prefix/suffix columns\n    // whose actual rendered width is much smaller \u2014 use the measured DOM width instead.\n    const leftPinnedWidth = isColumnPinned\n      ? 0\n      : table\n          .getStartLeafColumns()\n          .reduce((sum, col) => sum + table.getColumnOrHeaderWidth(col.id), 0);\n    const rightPinnedWidth = isColumnPinned\n      ? 0\n      : table\n          .getEndLeafColumns()\n          .reduce((sum, col) => sum + table.getColumnOrHeaderWidth(col.id), 0);\n\n    // rootMargin order: top right bottom left\n    const rootMargin = [\n      `-${headerHeight + 4}px`,\n      `-${rightPinnedWidth + 4}px`,\n      '-4px',\n      `-${leftPinnedWidth + 4}px`,\n    ].join(' ');\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry && !entry.isIntersecting) {\n          closeMenu();\n        }\n      },\n      {\n        root: containerElement,\n        rootMargin,\n        threshold: 0,\n      },\n    );\n\n    observer.observe(triggerElement);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [rowId, columnId, isHeader, closeMenu, isMenuOpen, table]);\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,SAAS,oBAAoB;AAK7B,SAAS,sBACP,kBACA,OACoB;AACpB,QAAM,MAAM,iBAAiB;AAAA,IAC3B,4BAA4B,IAAI,OAAO,KAAK,CAAC;AAAA,EAC/C;AACA,SAAO,KAAK,cAA2B,2BAA2B,KAAK;AACzE;AAKA,SAAS,wBACP,kBACoB;AACpB,SAAO,iBAAiB;AAAA,IACtB;AAAA,EACF;AACF;AAQO,SAAS,qBAAqB,OAM5B;AACP,QAAM,EAAE,YAAY,WAAW,OAAO,UAAU,WAAW,MAAM,IAAI;AACrE,QAAM,QAAQ,aAAa;AAE3B,YAAU,MAAM;AACd,QAAI,CAAC,YAAY;AACf;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM,8BAA8B;AAC7D,QAAI,CAAC,kBAAkB;AACrB;AAAA,IACF;AAEA,UAAM,iBAAiB,WACnB,wBAAwB,gBAAgB,IACxC,sBAAsB,kBAAkB,KAAK;AAEjD,QAAI,CAAC,gBAAgB;AACnB;AAAA,IACF;AAKA,UAAM,eAAe,WAAW,IAAI,MAAM,qBAAqB;AAK/D,UAAM,iBAAiB,MAAM,UAAU,QAAQ,GAAG,YAAY,MAAM;AAMpE,UAAM,kBAAkB,iBACpB,IACA,MACG,oBAAoB,EACpB,OAAO,CAAC,KAAK,QAAQ,MAAM,MAAM,uBAAuB,IAAI,EAAE,GAAG,CAAC;AACzE,UAAM,mBAAmB,iBACrB,IACA,MACG,kBAAkB,EAClB,OAAO,CAAC,KAAK,QAAQ,MAAM,MAAM,uBAAuB,IAAI,EAAE,GAAG,CAAC;AAGzE,UAAM,aAAa;AAAA,MACjB,IAAI,eAAe,CAAC;AAAA,MACpB,IAAI,mBAAmB,CAAC;AAAA,MACxB;AAAA,MACA,IAAI,kBAAkB,CAAC;AAAA,IACzB,EAAE,KAAK,GAAG;AAEV,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,CAAC,KAAK,MAAM;AACX,YAAI,SAAS,CAAC,MAAM,gBAAgB;AAClC,oBAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN;AAAA,QACA,WAAW;AAAA,MACb;AAAA,IACF;AAEA,aAAS,QAAQ,cAAc;AAE/B,WAAO,MAAM;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,UAAU,WAAW,YAAY,KAAK,CAAC;AAC9D;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/useUserActions.ts"],
-  "sourcesContent": ["import type { RowData, TableOptions } from '@tanstack/react-table';\nimport {\n  type PropsWithChildren,\n  useMemo,\n  type ReactNode,\n  Children,\n} from 'react';\n\nimport {\n  isDataTableCellActions,\n  type CollectedCellActions,\n} from './CellActions.js';\nimport {\n  isDataTableColumnActions,\n  type CollectedColumnActions,\n} from './ColumnActions.js';\nimport { isDataTableRowActions } from './RowActions.js';\nimport type { DataTableColumnDef, DataTableRowData } from '../../public.api.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for the DataTable UserActions feature\n * @internal\n */\nexport function useUserActions(\n  props: PropsWithChildren,\n  options: TableOptions<TDataTableFeatures, RowData>,\n  consumerColumnDefMap: Map<string, DataTableColumnDef<DataTableRowData>>,\n): void {\n  const configuredActions = useMemo(() => {\n    const actions: {\n      cellActions: CollectedCellActions<RowData>;\n      columnActions: CollectedColumnActions<RowData>;\n      rowActions?: (\n        row: RowData,\n        {\n          rowDensity,\n          rowIndex,\n          rowId,\n        }: {\n          rowDensity: 'default' | 'condensed' | 'comfortable';\n          rowIndex: number;\n          rowId: string;\n        },\n      ) => ReactNode;\n    } = {\n      cellActions: [],\n      columnActions: [],\n      rowActions: undefined,\n    };\n\n    // Iterate through the children of the DataTable component in order to\n    // find the `ColumnActions`, `CellActions` and `RowActions` definitions.\n    Children.forEach(props.children, (child) => {\n      // Check if the child is of type cell action and insert it into the actions\n      // configuration.\n      if (isDataTableCellActions<RowData>(child)) {\n        // Add the action into the cell actions collection saved in the options.\n        actions.cellActions.push({\n          column: child.props.column,\n          action: child.props.children,\n        });\n      }\n      if (isDataTableColumnActions<RowData>(child)) {\n        // Add the action into the column actions collection saved in the options.\n        actions.columnActions.push({\n          column: child.props.column,\n          action: child.props.children,\n        });\n      }\n      if (isDataTableRowActions(child)) {\n        actions.rowActions = child.props.children;\n      }\n    });\n    return actions;\n  }, [props.children]);\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.consumerColumnDefMap = consumerColumnDefMap;\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableColumnActions = configuredActions.columnActions.length > 0;\n  // eslint-disable-next-line react-hooks/immutability\n  options.columnActions = configuredActions.columnActions;\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableCellActions = configuredActions.cellActions.length > 0;\n  // eslint-disable-next-line react-hooks/immutability\n  options.cellActions = configuredActions.cellActions;\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableRowActions = configuredActions.rowActions !== undefined;\n  // eslint-disable-next-line react-hooks/immutability\n  options.rowActions = configuredActions.rowActions;\n}\n"],
+  "sourcesContent": ["import type { RowData } from '@tanstack/react-table';\nimport {\n  type PropsWithChildren,\n  useMemo,\n  type ReactNode,\n  Children,\n} from 'react';\n\nimport {\n  isDataTableCellActions,\n  type CollectedCellActions,\n} from './CellActions.js';\nimport {\n  isDataTableColumnActions,\n  type CollectedColumnActions,\n} from './ColumnActions.js';\nimport { isDataTableRowActions } from './RowActions.js';\nimport type { DataTableColumnDef, DataTableRowData } from '../../public.api.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Configuration hook for the DataTable UserActions feature\n * @internal\n */\nexport function useUserActions(\n  props: PropsWithChildren,\n  options: DataTableOptions<RowData>,\n  consumerColumnDefMap: Map<string, DataTableColumnDef<DataTableRowData>>,\n): void {\n  const configuredActions = useMemo(() => {\n    const actions: {\n      cellActions: CollectedCellActions<RowData>;\n      columnActions: CollectedColumnActions<RowData>;\n      rowActions?: (\n        row: RowData,\n        {\n          rowDensity,\n          rowIndex,\n          rowId,\n        }: {\n          rowDensity: 'default' | 'condensed' | 'comfortable';\n          rowIndex: number;\n          rowId: string;\n        },\n      ) => ReactNode;\n    } = {\n      cellActions: [],\n      columnActions: [],\n      rowActions: undefined,\n    };\n\n    // Iterate through the children of the DataTable component in order to\n    // find the `ColumnActions`, `CellActions` and `RowActions` definitions.\n    Children.forEach(props.children, (child) => {\n      // Check if the child is of type cell action and insert it into the actions\n      // configuration.\n      if (isDataTableCellActions<RowData>(child)) {\n        // Add the action into the cell actions collection saved in the options.\n        actions.cellActions.push({\n          column: child.props.column,\n          action: child.props.children,\n        });\n      }\n      if (isDataTableColumnActions<RowData>(child)) {\n        // Add the action into the column actions collection saved in the options.\n        actions.columnActions.push({\n          column: child.props.column,\n          action: child.props.children,\n        });\n      }\n      if (isDataTableRowActions(child)) {\n        actions.rowActions = child.props.children;\n      }\n    });\n    return actions;\n  }, [props.children]);\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.consumerColumnDefMap = consumerColumnDefMap;\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableColumnActions = configuredActions.columnActions.length > 0;\n  // eslint-disable-next-line react-hooks/immutability\n  options.columnActions = configuredActions.columnActions;\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableCellActions = configuredActions.cellActions.length > 0;\n  // eslint-disable-next-line react-hooks/immutability\n  options.cellActions = configuredActions.cellActions;\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableRowActions = configuredActions.rowActions !== undefined;\n  // eslint-disable-next-line react-hooks/immutability\n  options.rowActions = configuredActions.rowActions;\n}\n"],
   "mappings": "AACA;AAAA,EAEE;AAAA,EAEA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,6BAA6B;AAQ/B,SAAS,eACd,OACA,SACA,sBACM;AACN,QAAM,oBAAoB,QAAQ,MAAM;AACtC,UAAM,UAeF;AAAA,MACF,aAAa,CAAC;AAAA,MACd,eAAe,CAAC;AAAA,MAChB,YAAY;AAAA,IACd;AAIA,aAAS,QAAQ,MAAM,UAAU,CAAC,UAAU;AAG1C,UAAI,uBAAgC,KAAK,GAAG;AAE1C,gBAAQ,YAAY,KAAK;AAAA,UACvB,QAAQ,MAAM,MAAM;AAAA,UACpB,QAAQ,MAAM,MAAM;AAAA,QACtB,CAAC;AAAA,MACH;AACA,UAAI,yBAAkC,KAAK,GAAG;AAE5C,gBAAQ,cAAc,KAAK;AAAA,UACzB,QAAQ,MAAM,MAAM;AAAA,UACpB,QAAQ,MAAM,MAAM;AAAA,QACtB,CAAC;AAAA,MACH;AACA,UAAI,sBAAsB,KAAK,GAAG;AAChC,gBAAQ,aAAa,MAAM,MAAM;AAAA,MACnC;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,QAAQ,CAAC;AAGnB,UAAQ,uBAAuB;AAE/B,UAAQ,sBAAsB,kBAAkB,cAAc,SAAS;AAEvE,UAAQ,gBAAgB,kBAAkB;AAG1C,UAAQ,oBAAoB,kBAAkB,YAAY,SAAS;AAEnE,UAAQ,cAAc,kBAAkB;AAGxC,UAAQ,mBAAmB,kBAAkB,eAAe;AAE5D,UAAQ,aAAa,kBAAkB;AACzC;",
   "names": []
 }