gantri-components 2.74.0 → 2.75.0-alpha.1

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/user-preferences-toggle.types.d.ts

@@ -4,6 +4,7 @@ import { SyncState } from '../../../../table.types';
 export interface UserPreferencesToggleProps {
     activeIndex: number;
     checklistOptions: CustomColumnOption[];
+    handleColumnsConfigChange: () => Promise<void>;
     isActive: boolean;
     modalHeading: string;
     onReset: () => Promise<void>;

package/dist/components/table/components/custom-columns-toggle/custom-columns-toggle.types.d.ts

@@ -2,6 +2,7 @@ import { RowData, Table } from '@tanstack/react-table';
 import { Dispatch, SetStateAction } from 'react';
 import { SyncState } from '../../table.types';
 export interface CustomColumnsWrapperProps<TData extends RowData> {
+    handleColumnsConfigChange: () => Promise<void>;
     isActive: boolean;
     isScrolling: boolean;
     setIsActive: Dispatch<SetStateAction<boolean>>;

package/dist/components/table/components/table-actions-wrapper/hooks/useConfirmInteraction.d.ts

@@ -1,5 +1,5 @@
 import { RowData, Table } from '@tanstack/react-table';
-export type TableInteraction = 'FOCUS_SEARCH' | 'OPEN_FILTERS' | 'OPEN_SORT' | 'USE_PAGING' | 'CUSTOM_ACTION';
+export type TableInteraction = 'FOCUS_SEARCH' | 'OPEN_FILTERS' | 'OPEN_SORT' | 'USE_PAGING' | 'CUSTOM_ACTION' | string;
 export interface UseConfirmInteractionProps<TData extends RowData> {
     table: Table<TData>;
 }

package/dist/components/table/components/table-header/table-header.types.d.ts

@@ -2,6 +2,7 @@ import { RowData, Table } from '@tanstack/react-table';
 import { GetHeaderCellProps, RowReorderingProps, SyncState } from '../../table.types';
 export type TableHeaderProps<TData extends RowData> = {
     getHeaderCellProps: GetHeaderCellProps<TData> | undefined;
+    handleColumnsConfigChange: () => Promise<void>;
     hasConfigurableColumns: boolean;
     isScrolling: boolean;
     reordering: RowReorderingProps<TData> | undefined;

package/dist/components/table/components/table-row/table-row.constants.d.ts

@@ -1,7 +1,6 @@
 /** See `RowStatusValue` type for possible values. */
 export declare const dataAttrRowStatus: "data-row-status";
 export declare const dataAttrRowIsClickable: "data-row-is-clickable";
-export declare const dataAttrRowHighlightOnHover: "data-row-highlight-on-hover";
 /** Applying this data attribute marks a row as active, applying a new background color. */
 export declare const dataAttrActiveRow: "data-active-row";
 /** Prefix added to table cell data attrs (like cell ID). */

package/dist/components/table/table.adapters.d.ts

@@ -1,12 +1,7 @@
-import { ColumnDef, ColumnOrderState, RowData, Table, VisibilityState } from '@tanstack/react-table';
+import { ColumnDef, ColumnOrderState, RowData, VisibilityState } from '@tanstack/react-table';
 import { ColumnConfig } from './table.types';
 export declare const extractColumnIdsFromColumnConfig: (records: ColumnConfig[]) => string[];
 export declare const extractColumnsVisibilityFromColumnConfig: (records: ColumnConfig[]) => VisibilityState;
-export declare const extractColumnsVisibilityFromTable: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(table: Table<TData>) => {};
 export declare const extractColumnsDefinition: <TData extends RowData<{
     [key: string]: unknown;
     id?: string | number | undefined;

package/dist/components/table/table.styles.d.ts

@@ -15,6 +15,7 @@ export declare const StyledTableContainer: import("styled-components").StyledCom
 export declare const StyledTable: import("styled-components").StyledComponent<"table", DefaultTheme, {
     backgroundColor: string | undefined;
     clickableRowHoverBackgroundColor: string | undefined;
+    highlightHoveredRow: boolean | undefined;
     isCustomColumnsEnabled: boolean;
     stickyFirstColumn: boolean | undefined;
     stickyFooter: boolean | undefined;

package/dist/components/table/table.types.d.ts

@@ -1,5 +1,5 @@
 import { Cell, ColumnDef, Header, Row, RowData, TableOptions } from '@tanstack/react-table';
-import { Dispatch, HTMLAttributes, MouseEvent, SetStateAction } from 'react';
+import { Dispatch, HTMLAttributes, MouseEvent, MouseEventHandler, SetStateAction } from 'react';
 import { PagingProps } from './components/table-actions-wrapper/components/paging/paging.types';
 import { CustomActionProps, FiltersProps, SearchProps } from './components/table-actions-wrapper/table-actions-wrapper.types';
 import { SortProps } from './components/table-actions-wrapper/components/sort/sort.types';
@@ -38,7 +38,6 @@ export interface TableProps<TData extends RowData> extends Partial<TableDefaultP
      */
     data: TData[];
     filters?: FiltersProps;
-    /** Include `isClickable` in the returned object to apply appropriate cell styling. Text styling must be applied within the column. */
     getCellProps?: GetCellProps<TData>;
     /**
      * If getColumnsConfig and onColumnsConfigChange are provided,
@@ -49,6 +48,7 @@ export interface TableProps<TData extends RowData> extends Partial<TableDefaultP
     getHeaderCellProps?: GetHeaderCellProps<TData>;
     /** Include `status` in the returned object to set the row status color. */
     getRowProps?: GetRowProps<TData>;
+    highlightHoveredRow?: boolean;
     onColumnsConfigChange?: (config: ColumnConfig[], originalColumns: ColumnConfig[]) => Promise<void>;
     onRowClick?: OnRowClick<TData>;
     /** Any options provided are passed to `useReactTable` and may override default values. */
@@ -72,11 +72,13 @@ export interface CustomRowProps extends HTMLAttributes<HTMLTableRowElement>, Rec
     status?: RowStatusValue | undefined;
 }
 export type RowStatusValue = 'handled' | 'next' | 'error' | 'warning';
-/** Include `isClickable` in the returned object to apply appropriate cell styling. Text styling must be applied within the column. */
 export type GetCellProps<TData extends RowData, TValue = unknown> = (cell?: Cell<TData, TValue>) => CustomCellProps;
 export type OnRowClick<TData extends RowData> = (data: Row<TData>, event: MouseEvent<HTMLTableRowElement>) => void;
 export interface CustomCellProps extends HTMLAttributes<HTMLTableCellElement>, Record<string, unknown> {
+    /** @deprecated - Provide this value in the column definition's `meta` instead. */
     isClickable?: boolean;
+    /** @deprecated - Provide this value in the column definition's `meta` instead. */
+    onClick?: MouseEventHandler<HTMLTableCellElement>;
 }
 export type TDataWithId<TData extends RowData> = TData & {
     id: number | string;