@woovi/ui 6.8.28 → 6.9.1

package/dist/llms.txt

@@ -1049,6 +1049,85 @@ import {
 - TableToggleViewModel: https://storybook.woovi.design/?path=/docs/components-table-tabletoggleviewmodel--docs
 - TablePixEMV: https://storybook.woovi.design/?path=/docs/components-table-tablepixemv--docs
 
+## MuiTable
+
+Tabela MUI com paginação, seleção de linhas e multiplos tipos de celula. Substitui o pacote `@woovi/table` (descontinuado). Use com `useRelayPagination` de `@woovi/hooks` para consumers Relay.
+
+```tsx
+import { Table, TableRelayPagination, CELL_TYPES, useTableProps } from '@woovi/ui';
+import type { TableColumn } from '@woovi/ui';
+import { useRelayPagination } from '@woovi/hooks';
+
+// Definicao de colunas
+const columns: TableColumn<User>[] = [
+  { property: 'name',      type: CELL_TYPES.STRING,   header: { label: 'Nome' } },
+  { property: 'email',     type: CELL_TYPES.STRING,   header: { label: 'E-mail' } },
+  { property: 'amount',    type: CELL_TYPES.CURRENCY, header: { label: 'Saldo' } },
+  { property: 'createdAt', type: CELL_TYPES.DATETIME, header: { label: 'Data' } },
+  // Renderizacao customizada
+  {
+    property: 'status',
+    header: { label: 'Status' },
+    renderRow: (value) => <StatusChip status={value} />,
+  },
+  // Link para rota interna
+  {
+    property: 'id',
+    type: CELL_TYPES.LINK,
+    header: { label: 'ID' },
+    getClickPath: (value) => `/transactions/${value}`,
+  },
+  // Menu de acoes
+  {
+    property: 'id',
+    type: CELL_TYPES.ACTIONS,
+    header: { label: '' },
+    actions: [
+      { label: 'Editar',  action: (row) => handleEdit(row) },
+      { label: 'Excluir', action: (row) => handleDelete(row) },
+    ],
+  },
+];
+
+// Table simples (dados em memoria)
+const { isLoading, quantityPerPage, setQuantityPerPage } = useTableProps();
+<Table
+  columns={columns}
+  rows={users}
+  isLoading={isLoading}
+  emptyMessage="Nenhum resultado encontrado"
+  rowsPerPage={quantityPerPage}
+  totalItems={users.length}
+  firstItemIndex={0}
+  lastItemIndex={users.length}
+  handleRowsPerPageChange={setQuantityPerPage}
+  handlePageChange={() => {}}
+  isSelectable={false}
+  isRowClickEnabled={() => false}
+  fixedHeader={false}
+  height="auto"
+  onSelectedRowsChange={() => {}}
+  onRowCheck={() => {}}
+  onSelectAllCheck={() => {}}
+  selectedRows={[]}
+/>
+
+// TableRelayPagination — consumer Relay com useRelayPagination
+const { edges, paginationProps } = useRelayPagination({ connection, relay });
+<TableRelayPagination
+  columns={columns}
+  edges={edges}
+  isLoading={isLoading}
+  emptyMessage="Nenhum resultado"
+  {...paginationProps}
+/>
+```
+
+Tipos de célula disponíveis em CELL_TYPES: STRING, CURRENCY, DATE, TIME, DATETIME, LINK, ICON, ACTIONS, CHECKBOX, EDITABLE, TAG. Use `renderRow` para renderização JSX customizada em qualquer coluna.
+
+- Table: https://storybook.woovi.design/?path=/docs/components-muitable-table--docs
+- TableRelayPagination: https://storybook.woovi.design/?path=/docs/components-muitable-table--relay-pagination
+
 ## Tag
 
 Componentes de tag e status.

package/dist/src/datagrid/DataGrid.d.ts

@@ -0,0 +1,15 @@
+import type { DataGridProProps as MUIDataGridProProps } from "@mui/x-data-grid-pro";
+import type { ReactNode } from "react";
+export type DataGridProps = MUIDataGridProProps & {
+    rowHref?: (row: any) => string;
+    maxLines?: number;
+    zebraRow?: boolean;
+    tableName?: string;
+    rowAnchor?: boolean;
+    exportTable?: boolean;
+    persistState?: boolean;
+    getCustomRoute?: (id: string) => string;
+    disableSelectAllCheckbox?: boolean;
+};
+declare const DataGrid: ({ rows, slots: slotsProp, rowHref, density, columns: _columns, maxLines, zebraRow, rowAnchor, onRowClick, showToolbar, exportTable, persistState, initialState, getCustomRoute, rowSelectionModel, onRowSelectionModelChange, ...rest }: DataGridProps) => ReactNode;
+export default DataGrid;

package/dist/{filter → src/filter}/Filter.d.ts

@@ -1,6 +1,6 @@
 import type { DrawerProps } from "@mui/material/Drawer";
 import type { ReactNode } from "react";
-export { getFiltersFromLocation } from "../router/getFiltersFromLocation";
+export { getFiltersFromLocation } from "../../router/getFiltersFromLocation";
 type Props = {
     children: React.ReactNode;
     isOpen: boolean;

package/dist/{index.d.ts → src/index.d.ts}

@@ -116,7 +116,7 @@ export { cellTypeLink } from "./datagrid/cellTypeLink.tsx";
 export { cellTypePhone } from "./datagrid/cellTypePhone.tsx";
 export { cellTypeTag } from "./datagrid/cellTypeTag.tsx";
 export type { DataGridProps } from "./datagrid/DataGrid.tsx";
-export { default as DataGrid, GridDensityTypes } from "./datagrid/DataGrid.tsx";
+export { default as DataGrid } from "./datagrid/DataGrid.tsx";
 export { DataGridDetailContainer } from "./datagrid/DataGridDetailContainer.tsx";
 export { DataGridLoading } from "./datagrid/DataGridLoading.tsx";
 export { useTableView } from "./datagrid/useTableView.tsx";
@@ -174,3 +174,9 @@ export { BrowserOnly } from "./utils/BrowserOnly.tsx";
 export { DesktopOnly } from "./utils/DesktopOnly.tsx";
 export { MobileOnly } from "./utils/MobileOnly.tsx";
 export { WindowPopper } from "./windowPopper/WindowPopper.tsx";
+export { default as Table } from './muiTable/Table.tsx';
+export type { Props as TableProps, NodeT, Sort, TableColumn, TableColumns } from './muiTable/Table.tsx';
+export { default as TableRelayPagination } from './muiTable/TableRelayPagination.tsx';
+export type { TableRelayPaginationProps } from './muiTable/TableRelayPagination.tsx';
+export { CELL_TYPES } from './muiTable/cells/index.ts';
+export { useTableProps } from './muiTable/useTableProps.tsx';

package/dist/src/muiTable/Body.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+import type { NodeT, TableColumn } from './Table.tsx';
+type Props<T> = {
+    emptyMessage: string;
+    isSelectable: boolean;
+    isRowSelected: (row: NodeT<T>) => boolean;
+    isRowDisabled?: (row: NodeT<T>) => boolean;
+    onRowCheck: (row: NodeT<T>, checked: boolean) => void;
+    onRowClick: (row: NodeT<T>) => void;
+    isRowClickEnabled: (row: NodeT<T>) => boolean;
+    rows: NodeT<T>[];
+    columns: TableColumn<T>[];
+    extraRow?: any[];
+};
+declare const TableBody: <T extends object>(props: Props<T>) => ReactNode;
+export default TableBody;

package/dist/src/muiTable/Footer.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    rowsPerPage: number;
+    firstItemIndex: number;
+    totalItems: number;
+    handlePageChange: (state: boolean) => void;
+    handleRowsPerPageChange: (value: number) => void;
+};
+declare const TableFooter: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default TableFooter;

package/dist/src/muiTable/Header.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { NodeT, TableColumn } from './Table.tsx';
+type Props<T> = {
+    selectedRows: NodeT<T>[];
+    rows: NodeT<T>[];
+    columns: TableColumn<T>[];
+    onSelectAllCheck: (rows: NodeT<T>[]) => void;
+    isSelectable: boolean;
+};
+declare const TableHeader: <T extends object>(props: Props<T>) => ReactNode;
+export default TableHeader;

package/dist/src/muiTable/Table.d.ts

@@ -0,0 +1,85 @@
+import type { TableProps } from '@mui/material/Table';
+import type { ReactNode } from 'react';
+export type NodeT<T> = {
+    id?: string;
+} & T;
+export type Edge<T> = {
+    node: NodeT<T>;
+};
+export type Action<T> = {
+    label: string;
+    disabled?: boolean;
+    action: (row: T) => void;
+};
+export type Sort<T> = {
+    order: 'desc' | 'asc' | undefined;
+    orderBy: string;
+    onSort: (column: TableColumn<T>) => void;
+};
+export type TableColumn<T> = {
+    property: string | ((row: NodeT<T>) => string);
+    header?: {
+        label: string;
+        icon?: string;
+        type?: string;
+        onChange?: (value: string, row: NodeT<T>) => void;
+    };
+    onChange?: (value: string, row: NodeT<T>) => void;
+    icon?: string | ((row: T) => string);
+    rightIcon?: string | ((row: T) => string);
+    type?: string;
+    clickPath?: string | ((row: T) => string);
+    renderRow?: (value: string, row: NodeT<T>) => any;
+    onClick?: (row: T, rowIndex?: number) => void;
+    actions?: Action<T>[] | ((row: T) => Action<T>[]);
+    shouldShowRow?: (row: T, column: TableColumn<T>) => boolean;
+    minWidth?: number;
+    value?: string;
+    cellProps?: Record<string, unknown>;
+    sort?: Sort<T>;
+    isColumnChecked?: (row: T) => boolean;
+    onColumnCheck?: (row: T) => void;
+    isColumnDisabled?: (row: T) => boolean;
+    route?: {
+        value: string;
+        params: Record<string, unknown>;
+    };
+    format?: string;
+    getClickPath?: (value: any, row: NodeT<T>) => string | undefined;
+};
+export type TableColumns<T> = TableColumn<T>[];
+export type Props<T> = {
+    onRowClick?: (row: T) => void;
+    isRowClickEnabled: (row: T) => boolean;
+    columns: TableColumn<T>[];
+    rows: NodeT<T>[];
+    height: string;
+    hideFooter?: boolean;
+    fixedHeader: boolean;
+    isLoading?: boolean;
+    emptyMessage: string;
+    handleRowsPerPageChange: (quantity: number) => void;
+    rowsPerPage: number;
+    totalItems: number;
+    firstItemIndex: number;
+    lastItemIndex: number;
+    handlePageChange: (isForward: boolean) => void;
+    isSelectable: boolean;
+    onSelectedRowsChange: (selectedRows: NodeT<T>[]) => void;
+    onRowCheck: (row: T, checkedState: boolean) => void;
+    onSelectAllCheck: (selectedRows: NodeT<T>[]) => void;
+    selectedRows: T[];
+    isRowSelected?: (row: T) => boolean;
+    handleLoading?: (value: boolean, callback: () => void) => void;
+    setIsLoading?: (value: boolean) => void;
+    currentSort?: any;
+    onSort?: (column: TableColumn<T>) => void;
+    showCheckbox?: boolean;
+    sortColumns?: string[];
+    columnsNames?: string[];
+    hasPreviousPage?: boolean;
+    hasNextPage?: boolean;
+    staticContext?: any;
+} & TableProps;
+declare const Table: <T extends object>(props: Props<T>) => ReactNode;
+export default Table;

package/dist/src/muiTable/TableRelayPagination.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { Edge, Props as TableProps } from './Table.tsx';
+export type TableRelayPaginationProps<T extends object> = {
+    edges: Edge<T>[];
+} & Omit<TableProps<T>, 'rows'>;
+declare const TableRelayPagination: <T extends object>({ edges, columns, ...props }: TableRelayPaginationProps<T>) => ReactNode;
+export default TableRelayPagination;

package/dist/src/muiTable/cells/Cell.d.ts

@@ -0,0 +1,12 @@
+import type { TableCellProps } from '@mui/material/TableCell';
+import type { ReactNode } from 'react';
+import type { TableColumn } from '../Table.tsx';
+type Props<T> = Omit<TableCellProps, 'onClick'> & {
+    onClick?: any;
+    column: TableColumn<T>;
+    cellProps?: Record<string, any>;
+    children: React.ReactNode;
+    staticContext?: any;
+};
+declare const Cell: <T extends object>(props: Props<T>) => ReactNode;
+export default Cell;

package/dist/src/muiTable/cells/CellCheckbox.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Props<T> = {
+    column?: TableColumn<T>;
+    row?: NodeT<T>;
+    cellProps?: Record<string, any>;
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange: () => void;
+    indeterminateIcon?: React.ReactNode;
+    checkedIcon?: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    dataTestID?: string;
+};
+declare const CellCheckbox: <T extends object>(props: Props<T>) => ReactNode;
+export default CellCheckbox;

package/dist/src/muiTable/cells/CellCurrency.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Props<T> = {
+    column: TableColumn<T>;
+    row: NodeT<T>;
+    onClick?: () => void;
+    cellProps?: Record<string, any>;
+};
+declare const CellCurrency: <T extends Record<string, unknown>>(props: Props<T>) => ReactNode;
+export default CellCurrency;

package/dist/src/muiTable/cells/CellCustom.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Props<T> = {
+    column: TableColumn<T>;
+    row: NodeT<T>;
+    cellProps?: Record<string, any>;
+    onClick?: () => void;
+};
+declare const CellCustom: <T extends object>(props: Props<T>) => ReactNode;
+export default CellCustom;

package/dist/src/muiTable/cells/CellDate.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Props<T> = {
+    column: TableColumn<T>;
+    row: NodeT<T>;
+    onClick?: () => void;
+    cellProps?: Record<string, any>;
+};
+declare const CellDate: <T extends Record<string, unknown>>(props: Props<T>) => ReactNode;
+export default CellDate;

package/dist/src/muiTable/cells/CellEditable.d.ts

@@ -0,0 +1,11 @@
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Props<T> = {
+    column?: TableColumn<T>;
+    row?: NodeT<T>;
+    onChange: (value: string, row: NodeT<T>) => void;
+    cellProps?: Record<string, any>;
+    header?: boolean;
+    value?: string;
+};
+declare const CellEditable: <T extends object>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default CellEditable;

package/dist/src/muiTable/cells/CellIcon.d.ts

@@ -0,0 +1,8 @@
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Props<T> = {
+    column: TableColumn<T>;
+    row: NodeT<T>;
+    cellProps?: Record<string, any>;
+};
+declare const CellIcon: <T extends object>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default CellIcon;

package/dist/src/muiTable/cells/CellLink.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Props<T> = {
+    column: TableColumn<T>;
+    row: NodeT<T>;
+    cellProps?: Record<string, unknown>;
+    onClick?: () => void;
+};
+declare const CellLink: <T extends object>(props: Props<T>) => ReactNode;
+export default CellLink;

package/dist/src/muiTable/cells/CellString.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Props<T> = {
+    column: TableColumn<T>;
+    row: NodeT<T>;
+    cellProps?: {
+        onClick?: any;
+        [key: string]: any;
+    };
+};
+declare const CellString: <T extends object>(props: Props<T>) => ReactNode;
+export default CellString;

package/dist/src/muiTable/cells/CellTags.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Props<T> = {
+    column: TableColumn<T>;
+    row: NodeT<T>;
+    onClick?: () => void;
+};
+declare const CellTags: <T extends {
+    tags?: string[];
+}>(props: Props<T>) => ReactNode;
+export default CellTags;

package/dist/src/muiTable/cells/RenderCell.d.ts

@@ -0,0 +1,12 @@
+import type { NodeT, TableColumn } from '../Table.tsx';
+type Row = NodeT<{
+    emptyMessage?: string;
+    tags?: string[];
+}> & Record<string, any>;
+type CellProps = {
+    row: Row;
+    column: TableColumn<Row>;
+    cellProps: Record<string, unknown>;
+};
+declare const RenderCell: (props: CellProps) => import("react/jsx-runtime").JSX.Element;
+export default RenderCell;

package/dist/src/muiTable/cells/cellTypes.d.ts

@@ -0,0 +1,15 @@
+declare const CELL_TYPES: {
+    TIME: string;
+    DATE: string;
+    DATETIME: string;
+    EMPTY: string;
+    STRING: string;
+    ICON: string;
+    ACTIONS: string;
+    CHECKBOX: string;
+    EDITABLE: string;
+    LINK: string;
+    CURRENCY: string;
+    TAG: string;
+};
+export default CELL_TYPES;

package/dist/src/muiTable/cells/index.d.ts

@@ -0,0 +1,8 @@
+export { default as CellString } from './CellString.tsx';
+export { default as CellCheckbox } from './CellCheckbox.tsx';
+export { default as CellCustom } from './CellCustom.tsx';
+export { default as CellDate } from './CellDate.tsx';
+export { default as CellIcon } from './CellIcon.tsx';
+export { default as CellEditable } from './CellEditable.tsx';
+export { default as CellLink } from './CellLink.tsx';
+export { default as CELL_TYPES } from './cellTypes.ts';

package/dist/src/muiTable/useTableProps.d.ts

@@ -0,0 +1,7 @@
+export declare const useTableProps: () => {
+    isLoading: boolean;
+    setIsLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    quantityPerPage: number;
+    setQuantityPerPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    handleLoading: (value: boolean, callback: () => void) => void;
+};

package/dist/{multifactor → src/multifactor}/MultiFactorConfirmModal.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { type MultiFactorActionEnum } from "../shared/multiFactorActionEnum";
+import { type MultiFactorActionEnum } from "../../shared/multiFactorActionEnum";
 import { type PixAuthenticationArgs } from "./MultiFactorPixPaymentView.tsx";
 type MultiFactorConfirmModalProps = {
     title: string;

package/dist/{openpix → src/openpix}/cobr/CobrTagStatus.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { COBR_STATUS_ENUM, COBR_TRY_STATUS } from "../../shared/cobrStatusEnum";
+import { COBR_STATUS_ENUM, COBR_TRY_STATUS } from "../../../shared/cobrStatusEnum";
 import { type TagProps } from "../../tag/Tag.tsx";
 type CobrTagStatusProps = TagProps & {
     status: keyof typeof COBR_STATUS_ENUM;

package/dist/{routed → src/routed}/RoutedTabs.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { RouteParamsType, RouteType } from "../router/types";
+import type { RouteParamsType, RouteType } from "../../router/types";
 export declare const hasTemp: (requiredFeatures?: any) => any;
 type LabelParams = {
     t: any;

package/dist/{screenHeader → src/screenHeader}/ScreenHeaderUI.d.ts

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { ReactNode } from "react";
-import type { RouteType } from "../router/types";
+import type { RouteType } from "../../router/types";
 export type ScreenHeaderUIProps = {
     routedTabs?: RouteType[];
     children?: React.ReactNode;

package/dist/{statement → src/statement}/ledgerStatementColors.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { PIX_TRANSACTION_ENTRY_TYPES } from "../shared/pixTransactionEntryTypes";
+import { PIX_TRANSACTION_ENTRY_TYPES } from "../../shared/pixTransactionEntryTypes";
 export declare const ledgerTypeColors: {
     [PIX_TRANSACTION_ENTRY_TYPES.CREDIT]: string;
     [PIX_TRANSACTION_ENTRY_TYPES.DEBIT]: string;

package/dist/{statement → src/statement}/statementColors.d.ts

@@ -1,4 +1,4 @@
-import { STATEMENT_TYPES } from "../shared/statementTypes";
+import { STATEMENT_TYPES } from "../../shared/statementTypes";
 export declare const statementColors: {
     [STATEMENT_TYPES.IN]: string;
     [STATEMENT_TYPES.OUT]: string;

package/dist/{timeline → src/timeline}/TimelineAppEventDomainIcon.d.ts

@@ -1,4 +1,4 @@
-import { APP_EVENT_DOMAINS } from "../shared/appEventDomains.ts";
+import { APP_EVENT_DOMAINS } from "../../shared/appEventDomains.ts";
 export declare const TIMELINE_APPEVENT_DOMAIN_ICON: {
     [APP_EVENT_DOMAINS.CHARGE]: import("react/jsx-runtime").JSX.Element;
     [APP_EVENT_DOMAINS.DISPUTE]: import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@woovi/ui",
   "description": "Woovi UI component library",
-  "version": "6.8.28",
+  "version": "6.9.1",
   "packageManager": "pnpm@10.28.1",
   "author": "Woovi",
   "dependencies": {
@@ -20,6 +20,7 @@
     "formik": "3.0.0-next.6",
     "i18next": "^23.16.5",
     "i18next-browser-languagedetector": "8.2.1",
+    "lodash": "^4.17.21",
     "libphonenumber-js": "1.12.36",
     "mime-types": "3.0.2",
     "moment": "2.30.1",
@@ -59,11 +60,12 @@
     "@storybook/addon-vitest": "^10.3.5",
     "@storybook/react-vite": "^10.3.5",
     "@types/dot-object": "^2.1.6",
+    "@types/lodash": "^4.14.197",
     "@types/node": "^25.6.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.0",
     "@types/react-relay": "^18.2.1",
-    "@typescript/native-preview": "7.0.0-dev.20260207.1",
+    "@typescript/native-preview": "beta",
     "@vitest/browser-playwright": "^4.1.0",
     "@vitest/coverage-v8": "^4.1.4",
     "eslint": "^9.39.1",
@@ -79,7 +81,7 @@
     "simple-git": "^3.30.0",
     "storybook": "^10.3.5",
     "turbo": "^2.9.6",
-    "typescript": "^5.9.3",
+    "typescript": "npm:@typescript/typescript6@^6.0.0",
     "typescript-eslint": "^8.54.0",
     "vite": "^7.3.1",
     "vitest": "^4.1.4"

package/dist/datagrid/DataGrid.d.ts

@@ -1,21 +0,0 @@
-import type { DataGridProProps as MUIDataGridProProps } from "@mui/x-data-grid-pro";
-import type { ReactNode } from "react";
-export declare const GridDensityTypes: {
-    readonly Compact: "compact";
-    readonly Standard: "standard";
-    readonly Comfortable: "comfortable";
-};
-export type GridDensityTypes = (typeof GridDensityTypes)[keyof typeof GridDensityTypes];
-export type DataGridProps = MUIDataGridProProps & {
-    rowHref?: (row: any) => string;
-    maxLines?: number;
-    zebraRow?: boolean;
-    tableName?: string;
-    rowAnchor?: boolean;
-    exportTable?: boolean;
-    persistState?: boolean;
-    getCustomRoute?: (id: string) => string;
-    disableSelectAllCheckbox?: boolean;
-};
-declare const DataGrid: ({ rows, slots: slotsProp, rowHref, columns: _columns, maxLines, zebraRow, rowAnchor, onRowClick, showToolbar, exportTable, persistState, initialState, getCustomRoute, rowSelectionModel, onRowSelectionModelChange, ...rest }: DataGridProps) => ReactNode;
-export default DataGrid;