@navikt/ds-react 8.10.6 → 8.11.0

package/src/data/table/tr/DataTableTr.tsx

@@ -6,6 +6,7 @@ import {
   PlusIcon,
 } from "@navikt/aksel-icons";
 import { Button } from "../../../button";
+import { useDataGridContext } from "../../../data-grid/root/DataGridRoot.context";
 import { CheckboxInput } from "../../../form/checkbox/checkbox-input/CheckboxInput";
 import { RadioInput } from "../../../form/radio/radio-input/RadioInput";
 import { Skeleton } from "../../../skeleton";
@@ -19,7 +20,7 @@ import {
   getDataTableDetailsPanelId,
   useDataTableDetailsPanel,
 } from "../hooks/useTableDetailsPanel";
-import type { TableRowEntryId } from "../root/DataTable.types";
+import type { TableRowEntryId } from "../root/DataGridTable.types";
 import {
   useDataTableContext,
   useDataTableLocation,
@@ -33,7 +34,7 @@ const ACTION_CELL_CSS_WIDTH = `${ACTION_CELL_WIDTH}px`;
 type DataTableTrProps = React.HTMLAttributes<HTMLTableRowElement> & {
   selected?: boolean;
   /**
-   * Unique identifier for the row, used for selection..
+   * Unique identifier for the row, used for selection.
    */
   rowId?: TableRowEntryId;
 };
@@ -50,7 +51,7 @@ const DataTableTr = forwardRef<HTMLTableRowElement, DataTableTrProps>(
     },
     forwardedRef,
   ) => {
-    const { layout, stickyHeader, selectionState, onRowClick } =
+    const { layout, stickyHeader, selectionState, onRowAction } =
       useDataTableContext();
     const { location } = useDataTableLocation();
     const { tableItems } = useDataTableContext();
@@ -63,7 +64,11 @@ const DataTableTr = forwardRef<HTMLTableRowElement, DataTableTrProps>(
     const isSticky = location === "thead" && stickyHeader;
 
     const handleClick =
-      location === "tbody" && rowId !== undefined
+      location === "tbody" &&
+      rowId !== undefined &&
+      ((selectionState.selectionTrigger === "row" &&
+        selectionState.selection.mode !== "none") ||
+        onRowAction)
         ? (event: React.MouseEvent<HTMLTableRowElement>) => {
             if (
               rowId === undefined ||
@@ -75,6 +80,26 @@ const DataTableTr = forwardRef<HTMLTableRowElement, DataTableTrProps>(
               return;
             }
 
+            if (onRowAction) {
+              const rowData = tableItems.itemDetails.get(rowId)?.rowData;
+
+              if (rowData) {
+                onRowAction({
+                  row: rowData,
+                  id: rowId,
+                  event,
+                });
+              } else {
+                consoleWarning(
+                  `DataGrid.Table: Unable to find row data for rowId ${rowId} when calling onRowAction.`,
+                );
+              }
+            }
+
+            if (event.defaultPrevented) {
+              return;
+            }
+
             const selection = window.getSelection();
             if (selection && selection.toString().length > 0) {
               return;
@@ -82,18 +107,17 @@ const DataTableTr = forwardRef<HTMLTableRowElement, DataTableTrProps>(
 
             if (
               selectionState.selectionTrigger === "row" &&
-              selectionState.selection.selectionMode !== "none"
+              selectionState.selection.mode !== "none"
             ) {
               const rowData = tableItems.itemDetails.get(rowId)?.rowData;
 
               if (!rowData) {
                 consoleWarning(
-                  `No row data found for rowId ${rowId}. This may cause issues with selection if enableRowSelection is used.`,
+                  `DataGrid.Table: No row data found for rowId ${rowId}. This may cause issues with selection if enableRowSelection is used.`,
                 );
               }
               selectionState.selection.toggleSelection(rowId, rowData);
             }
-            onRowClick?.(rowId, event);
           }
         : undefined;
 
@@ -126,9 +150,12 @@ const DataTableTr = forwardRef<HTMLTableRowElement, DataTableTrProps>(
 );
 
 function RowExpansionCell({ rowId }: { rowId?: TableRowEntryId }) {
+  const { isLoading } = useDataGridContext();
   const { tableId, loading, stickyStart } = useDataTableContext();
   const stickyExpansion = stickyStart.expansion;
 
+  const expansionHeaderId = useId();
+
   const { location } = useDataTableLocation();
 
   const {
@@ -145,10 +172,11 @@ function RowExpansionCell({ rowId }: { rowId?: TableRowEntryId }) {
     return null;
   }
 
-  if (loading?.isLoading && loading?.variant === "skeleton") {
+  if (isLoading && loading?.variant === "skeleton") {
     if (location === "thead") {
       return (
         <DataTableColumnHeader
+          id={expansionHeaderId}
           width={{ value: ACTION_CELL_CSS_WIDTH }}
           cellType="action"
           data-block-keyboard-nav
@@ -172,6 +200,7 @@ function RowExpansionCell({ rowId }: { rowId?: TableRowEntryId }) {
   if (location === "thead" && !showExpandAll) {
     return (
       <DataTableColumnHeader
+        id={expansionHeaderId}
         width={{ value: ACTION_CELL_CSS_WIDTH }}
         cellType="action"
         data-block-keyboard-nav
@@ -185,7 +214,8 @@ function RowExpansionCell({ rowId }: { rowId?: TableRowEntryId }) {
   if (location === "thead") {
     return (
       <DataTableColumnHeader
-        textAlign="center"
+        id={expansionHeaderId}
+        align="center"
         width={{ value: ACTION_CELL_CSS_WIDTH }}
         cellType="action"
         label=""
@@ -261,6 +291,7 @@ function RowExpansionCell({ rowId }: { rowId?: TableRowEntryId }) {
  * TODO: a11y for labels
  */
 function RowSelectionCell({ rowId }: { rowId?: TableRowEntryId }) {
+  const { isLoading } = useDataGridContext();
   const { selectionState, stickyStart, loading } = useDataTableContext();
   const stickySelection = stickyStart.selection;
   const stickySelectionOffset = stickyStart.selectionOffset;
@@ -269,17 +300,19 @@ function RowSelectionCell({ rowId }: { rowId?: TableRowEntryId }) {
   const { tableItems } = useDataTableContext();
 
   const inputId = useId();
+  const selectionHeaderId = useId();
 
   const { selection, renderSelection } = selectionState;
 
-  if (selection.selectionMode === "none" || !renderSelection) {
+  if (selection.mode === "none" || !renderSelection) {
     return null;
   }
 
-  if (loading?.isLoading && loading?.variant === "skeleton") {
+  if (isLoading && loading?.variant === "skeleton") {
     if (location === "thead") {
       return (
         <DataTableColumnHeader
+          id={selectionHeaderId}
           width={{ value: ACTION_CELL_CSS_WIDTH }}
           cellType="action"
           label=""
@@ -302,7 +335,7 @@ function RowSelectionCell({ rowId }: { rowId?: TableRowEntryId }) {
   }
 
   /* TODO: A11y support */
-  if (selection.selectionMode === "multiple" && location === "thead") {
+  if (selection.mode === "multiple" && location === "thead") {
     const theadCheckboxProps = selection.getTheadCheckboxProps();
 
     let labelText = "Velg alle synlige rader";
@@ -312,7 +345,8 @@ function RowSelectionCell({ rowId }: { rowId?: TableRowEntryId }) {
 
     return (
       <DataTableColumnHeader
-        textAlign="center"
+        id={selectionHeaderId}
+        align="center"
         width={{ value: ACTION_CELL_CSS_WIDTH }}
         cellType="action"
         label=""
@@ -327,9 +361,10 @@ function RowSelectionCell({ rowId }: { rowId?: TableRowEntryId }) {
     );
   }
 
-  if (selection.selectionMode === "single" && location === "thead") {
+  if (selection.mode === "single" && location === "thead") {
     return (
       <DataTableColumnHeader
+        id={selectionHeaderId}
         width={{ value: ACTION_CELL_CSS_WIDTH }}
         cellType="action"
         label=""
@@ -344,7 +379,7 @@ function RowSelectionCell({ rowId }: { rowId?: TableRowEntryId }) {
     return null;
   }
 
-  if (selection.selectionMode === "multiple" && location === "tbody") {
+  if (selection.mode === "multiple" && location === "tbody") {
     return (
       <DataTableTd
         cellType="action"
@@ -362,7 +397,7 @@ function RowSelectionCell({ rowId }: { rowId?: TableRowEntryId }) {
     );
   }
 
-  if (selection.selectionMode === "single" && location === "tbody") {
+  if (selection.mode === "single" && location === "tbody") {
     return (
       <DataTableTd
         cellType="action"

package/src/data/token-filter/TokenFilter.tsx

@@ -23,7 +23,7 @@ type TokenFilterProps = {
   options: ExternalOptions;
 };
 
-/**
+/*
  * TODO:
  * - Implement onChange handler to update query state when user selects an autocomplete option.
  * - Handle token rendering and editing (e.g., show tokens for matched properties/operators/values, allow deleting tokens).

package/src/data-grid/index.ts

@@ -0,0 +1,3 @@
+"use client";
+export { DataGrid } from "./root/DataGridRoot";
+export { DataGridTable } from "../data/table/root/DataGridTableRoot";

package/src/data-grid/root/DataGrid.types.ts

@@ -0,0 +1,36 @@
+type DataGridSettings = {
+  /**
+   * Controls vertical cell padding.
+   * @default "standard"
+   */
+  rowDensity?: "tight" | "standard" | "loose";
+  /**
+   * Zebra striped table
+   * @default false
+   */
+  zebraStripes?: boolean;
+  /**
+   * Truncate content in cells and show ellipsis for overflowed text.
+   *
+   * **NB:** When using this together with `layout="auto"`,
+   * you have to manually set a `maxWidth` on columns that should be truncated.
+   * @default false if layout="auto", else true
+   */
+  truncateContent?: boolean;
+  /**
+   * Sticky columns that remain visible when horizontally scrolling the table.
+   *
+   * You can specify 1 sticky column on the left and 1 on the right.
+   */
+  stickyColumns?: {
+    start?: 1;
+    end?: 1;
+  };
+  /**
+   * Adjusts font-size
+   * @default "medium"
+   */
+  textSize?: "small" | "medium";
+};
+
+export type { DataGridSettings };

package/src/data-grid/root/DataGridRoot.context.ts

@@ -0,0 +1,21 @@
+import type { SelectionProps } from "../../data/table/hooks/useTableSelection";
+import type { ColumnDefinitions } from "../../data/table/root/DataGridTable.types";
+import { createStrictContext } from "../../utils/helpers";
+import type { DataGridSettings } from "./DataGrid.types";
+
+type DataGridContextValue<RowT = unknown> = {
+  data: RowT[];
+  columnDefinitions: ColumnDefinitions<RowT>;
+  getRowId?: (rowData: RowT) => string;
+  selection?: SelectionProps<RowT>;
+  isLoading?: boolean;
+  tableSettings?: DataGridSettings;
+};
+
+const { Provider: DataGridContextProvider, useContext: useDataGridContext } =
+  createStrictContext<DataGridContextValue>({
+    name: "DataGridContext",
+    errorMessage: "DataGrid hooks must be used within a <DataGrid />",
+  });
+
+export { DataGridContextProvider, useDataGridContext };

package/src/data-grid/root/DataGridRoot.tsx

@@ -0,0 +1,152 @@
+import React, { forwardRef, useMemo } from "react";
+import type { SelectionProps } from "../../data/table/hooks/useTableSelection";
+import type { ColumnDefinitions } from "../../data/table/root/DataGridTable.types";
+import { DataGridTable } from "../../data/table/root/DataGridTableRoot";
+import { cl } from "../../utils/helpers";
+import type { DataGridSettings } from "./DataGrid.types";
+import { DataGridContextProvider } from "./DataGridRoot.context";
+
+interface DataGridProps<RowT> {
+  children: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+  /**
+   * Definitions of the columns to display.
+   */
+  columns: ColumnDefinitions<RowT>;
+  /**
+   * The data to display.
+   *
+   * Each object in the array represents a row, and the properties of the
+   * object are used to render the cells based on `columnDefinitions`.
+   */
+  data: RowT[];
+  /**
+   * Function to get unique row ID from row data.
+   *
+   * If not provided, the row index will be used as ID.
+   * This can cause issues if your data changes dynamically,
+   * so it's recommended to provide a stable ID if possible.
+   */
+  getRowId?: (rowData: RowT) => string;
+  /**
+   * Object with props related to row selection.
+   */
+  selection?: SelectionProps<RowT>;
+  /**
+   * Determines if the data grid is in a loading state.
+   * See `loadingContent` prop on the `DataGrid.Table` component for display settings.
+   * @default false
+   */
+  isLoading?: boolean;
+  /**
+   * Settings for the data grid.
+   */
+  settings?: DataGridSettings;
+}
+
+interface DataGridComponent {
+  <RowT>(
+    props: DataGridProps<RowT> & React.RefAttributes<HTMLDivElement>,
+  ): React.ReactElement | null;
+  /**
+   * @see 🏷️ {@link DataGridTableProps}
+   *
+   * @example
+   * <DataGrid columnDefinitions={columnDefs} data={rowData} getRowId={(row) => row.id}>
+   *   <DataGrid.Table />
+   * </DataGrid>
+   */
+  Table: typeof DataGridTable;
+}
+
+/**
+ * Component for displaying tabular data.
+ *
+ * **WARNING: This component is in active development and may receive breaking changes outside major releases!**
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/datagrid)
+ * @see 🏷️ {@link DataGridProps}
+ *
+ * @example
+ * ```jsx
+ * <DataGrid columnDefinitions={columnDefs} data={rowData} getRowId={(row) => row.id}>
+ *   <DataGrid.Table />
+ * </DataGrid>
+ * ```
+ */
+const DataGridInternal = forwardRef<HTMLDivElement, DataGridProps<any>>(
+  (
+    {
+      children,
+      className,
+      columns,
+      data,
+      getRowId,
+      selection,
+      isLoading = false,
+      settings,
+      ...rest
+    }: DataGridProps<unknown>,
+    ref,
+  ) => {
+    const resolvedSettings = useMemo(
+      () => ({
+        rowDensity: settings?.rowDensity ?? "standard",
+        zebraStripes: settings?.zebraStripes ?? false,
+        truncateContent: settings?.truncateContent,
+        stickyColumns: settings?.stickyColumns ?? {},
+        textSize: settings?.textSize ?? "medium",
+      }),
+      [
+        settings?.rowDensity,
+        settings?.zebraStripes,
+        settings?.truncateContent,
+        settings?.stickyColumns,
+        settings?.textSize,
+      ],
+    );
+
+    return (
+      <div {...rest} ref={ref} className={cl("aksel-data-grid", className)}>
+        <DataGridContextProvider
+          columnDefinitions={columns}
+          data={data}
+          getRowId={getRowId}
+          selection={selection}
+          isLoading={isLoading}
+          tableSettings={resolvedSettings}
+        >
+          {children}
+        </DataGridContextProvider>
+      </div>
+    );
+  },
+);
+
+const DataGrid = DataGridInternal as unknown as DataGridComponent;
+DataGrid.Table = DataGridTable;
+
+// eslint-disable-next-line @typescript-eslint/no-namespace, import/export
+export namespace DataGrid {
+  export type Props<T = unknown> = DataGridProps<T>;
+  export type Columns<T = unknown> = ColumnDefinitions<T>;
+  export type Selection<T = unknown> = SelectionProps<T>;
+  export type Settings = DataGridSettings;
+
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  export namespace Table {
+    // eslint-disable-next-line @typescript-eslint/no-shadow
+    export type Props<T = unknown> = DataGridTable.Props<T>;
+    export type Sorting = DataGridTable.Sorting;
+    export type SortEntry = DataGridTable.SortEntry;
+    export type SortChangeDetail = DataGridTable.SortChangeDetail;
+    export type LoadingContent = DataGridTable.LoadingContent;
+    export type SubRows<T = unknown> = DataGridTable.SubRows<T>;
+    export type DetailsPanel<T = unknown> = DataGridTable.DetailsPanel<T>;
+  }
+}
+
+// eslint-disable-next-line import/export
+export { DataGrid, DataGridInternal }; // DataGridRoot needs to be exported b.c. of docgen
+export default DataGrid;

package/src/preview.ts

@@ -0,0 +1,2 @@
+"use client";
+export { DataGrid } from "./data-grid";

package/src/table/ColumnHeader.tsx

@@ -45,6 +45,7 @@ export const ColumnHeader: ColumnHeaderType = forwardRef(
         }
         {...rest}
       >
+        {/* TODO: Padding on cell makes clickable area smaller than cell with button. Make cell clickable, have pointer etc */}
         {sortable ? (
           <button
             type="button"

package/cjs/data/data-grid/index.d.ts

@@ -1,2 +0,0 @@
-export { DataGridRoot as DataGrid } from "./root/DataGridRoot";
-export type { DataGridProps } from "./root/DataGridRoot";

package/cjs/data/data-grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data/data-grid/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,oDAA+D;AAAtD,wGAAA,YAAY,OAAY"}

package/cjs/data/data-grid/root/DataGridRoot.context.d.ts

@@ -1,11 +0,0 @@
-import type { ColumnDefinitions } from "../../table/root/DataTable.types";
-type DataGridContextValue<RowDef = unknown> = {
-    data: RowDef[];
-    columnDefinitions: ColumnDefinitions<RowDef>;
-    getRowId?: (rowData: RowDef) => string;
-};
-declare const DataGridContextProvider: import("react").FC<DataGridContextValue<unknown> & {
-    children: React.ReactNode;
-    ref?: never;
-}>, useDataGridContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? DataGridContextValue<unknown> : DataGridContextValue<unknown> | undefined;
-export { DataGridContextProvider, useDataGridContext };

package/cjs/data/data-grid/root/DataGridRoot.context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataGridRoot.context.js","sourceRoot":"","sources":["../../../../src/data/data-grid/root/DataGridRoot.context.ts"],"names":[],"mappings":";;;AAAA,oDAA6D;AAS7D,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,UAAU,EAAE,kBAAkB,EAAE,GACzE,IAAA,6BAAmB,EAAuB;IACxC,IAAI,EAAE,iBAAiB;IACvB,YAAY,EAAE,mDAAmD;CAClE,CAAC,CAAC;AAEI,0DAAuB;AAAE,gDAAkB"}

package/cjs/data/data-grid/root/DataGridRoot.d.ts

@@ -1,38 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import type { ColumnDefinitions } from "../../table/root/DataTable.types";
-type RowTId = string;
-export interface DataGridProps<RowT> extends HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    /**
-     * Definitions of the columns to display in the data grid.
-     *
-     * Each column definition should have a unique `id` and a `cell`-renderer function that takes the row data as argument and returns a React node.
-     */
-    columnDefinitions: ColumnDefinitions<RowT>;
-    /**
-     * The data to display.
-     *
-     * Each object in the array represents a row, and the properties of the object are used to render the cells based on the `columnDefinitions`.
-     */
-    data: RowT[];
-    /**
-     * Function to get unique row id from row data.
-     *
-     * If not provided, the row index will be used as id. This can cause issues if your data changes dynamically, so it's recommended to provide a stable id if possible.
-     */
-    getRowId?: (rowData: RowT) => RowTId;
-}
-type DataGridRootComponent = <RowT>(props: DataGridProps<RowT> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-/**
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/data-grid)
- * @see 🏷️ {@link DataGridProps}
- *
- * @example
- * ```jsx
- * <DataGrid columnDefinitions={columnDefs} data={rowData} getRowId={(row) => row.id}>
- *   <DataTable />
- * </DataGrid>
- * ```
- */
-export declare const DataGridRoot: DataGridRootComponent;
-export default DataGridRoot;

package/cjs/data/data-grid/root/DataGridRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataGridRoot.js","sourceRoot":"","sources":["../../../../src/data/data-grid/root/DataGridRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,oDAA4C;AAE5C,iEAAiE;AA8BjE;;;;;;;;;;GAUG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOyB,EACzB,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,IAAI,EACJ,QAAQ,OAEe,EADpB,IAAI,cANT,kEAOC,CADQ;IAIT,OAAO,CACL,uDAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,EAAE,SAAS,CAAC;QAClE,8BAAC,8CAAuB,IACtB,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACe,CACtB,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,kBAAe,oBAAY,CAAC"}

package/cjs/data/table/root/DataTable.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.types.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTable.types.ts"],"names":[],"mappings":""}

package/cjs/data/table/root/DataTableRoot.d.ts

@@ -1,118 +0,0 @@
-import React from "react";
-import { type DetailsPanelProps } from "../hooks/useTableDetailsPanel";
-import { type SubRowsProps } from "../hooks/useTableItems";
-import { type SelectionProps } from "../hooks/useTableSelection";
-import { type TableSortOptions } from "../hooks/useTableSort";
-import type { DataTableLoadingConfig, TableRowEntryId } from "./DataTable.types";
-/**
- * TODO: For consideration:
- * - Use namespacing for types. There will be a lot of standalone types connected to this component,
- * it could make sense to access them under DataTable.X instead of separate imports.
- * - Consider having a "Wrapper" component that only handles context and logic like,
- * "DataTableRoot" or "DataGrid" or something, and then have the main "DataTable" component only handle rendering of table itself.
- * This would make props more focused and discoverable since its not mixed with htmltable-props.
- */
-/**
- * TODO:
- * - Test `onColumnDefinitionChange` callback that is called when resize, sort, order etc changes
- */
-interface DataTableProps<T> extends React.HTMLAttributes<HTMLTableElement> {
-    children?: never;
-    /**
-     * Controls vertical cell padding.
-     * @default "normal"
-     */
-    rowDensity?: "condensed" | "normal" | "spacious";
-    /**
-     * Zebra striped table
-     * @default false
-     */
-    zebraStripes?: boolean;
-    /**
-     * Truncate content in cells and show ellipsis for overflowed text.
-     *
-     * **NB:** When using this together with `layout="auto"`,
-     * you have to manually set a `maxWidth` on columns that should be truncated.
-     * @default false if layout="auto", else true
-     */
-    truncateContent?: boolean;
-    /**
-     * Enables keyboard navigation for table rows and cells.
-     * @default true
-     */
-    withKeyboardNav?: boolean;
-    /**
-     * Controls table layout.
-     *
-     * ### fixed
-     * Gives you full control of column widths. This is required for resizable columns.
-     *
-     * ### auto
-     * Makes the columns resize automatically based on the content.
-     * The table will take up at least 100% of available width.
-     *
-     * **NB:** When using this with `truncateContent`, you have to manually
-     * set a `contentMaxWidth` on cells that should be truncated.
-     * @default "fixed"
-     */
-    layout?: "fixed" | "auto";
-    /**
-     * Sticky columns that remain visible when horizontally scrolling the table.
-     *
-     * You can specify 1 sticky column on the left and 1 on the right.
-     */
-    stickyColumns?: {
-        start?: "1";
-        end?: "1";
-    };
-    /**
-     * @default true
-     */
-    stickyHeader?: boolean;
-    /**
-     * Callback invoked when a data row is clicked.
-     * Not called when clicking header, loading, or empty-state rows.
-     */
-    onRowClick?: (rowId: TableRowEntryId, event: React.MouseEvent<HTMLTableRowElement>) => void;
-    /**
-     * Content to render when `data` is empty.
-     * Rendered inside a `DataTable.EmptyState` row spanning all columns.
-     */
-    emptyContent?: React.ReactNode;
-    /**
-     * Configures how the table behaves during loading.
-     *
-     * Use `variant` to select the loading strategy:
-     * - `"content"` — renders custom content inside a full-width row.
-     * - `"skeleton"` — renders skeleton placeholder rows.
-     * - `"overlay"` — keeps existing data visible with a loading overlay.
-     */
-    loading?: DataTableLoadingConfig;
-    /**
-     * Adjusts font-size
-     * @default "medium"
-     */
-    textSize?: "small" | "medium";
-    /**
-     * Object with props related to row selection.
-     */
-    selection?: SelectionProps<T>;
-    /**
-     * Object with props related to nested rows (sub-rows).
-     */
-    subRows?: SubRowsProps<T>;
-    /**
-     * Object with props related to details panel.
-     * This is a panel that can be expanded below each row to show arbitrary content.
-     */
-    detailsPanel?: DetailsPanelProps<T>;
-    /**
-     * Object with props related to sorting.
-     */
-    sorting?: TableSortOptions;
-}
-declare const DataTableInternal: React.ForwardRefExoticComponent<DataTableProps<any> & React.RefAttributes<HTMLTableElement>>;
-declare const DataTable: <T>(props: DataTableProps<T> & React.RefAttributes<HTMLTableElement>) => React.ReactElement | null;
-export { DataTable, DataTableInternal };
-export type { DataTableProps };
-export default DataTable;

package/cjs/data/table/root/DataTableRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.tsx"],"names":[],"mappings":"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"}