gantri-components 2.75.0-beta.1 → 2.75.0-beta.3

package/dist/components/table/components/cell-reorder-wrapper/cell-reorder-wrapper.d.ts

@@ -1,8 +1,4 @@
 import { RowData } from '@tanstack/react-table';
 import { CellReorderWrapperProps } from './cell-reorder-wrapper.types';
 /** When reordering is provided, wraps the first column in the provided props. */
-export declare const CellReorderWrapper: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: CellReorderWrapperProps<TData>) => JSX.Element;
+export declare const CellReorderWrapper: <TData extends RowData<import("../..").CustomTData>>(props: CellReorderWrapperProps<TData>) => JSX.Element;

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

@@ -1,7 +1,3 @@
 import { RowData } from '@tanstack/react-table';
 import { CustomColumnsWrapperProps } from './custom-columns-toggle.types';
-export declare const CustomColumnsToggle: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: CustomColumnsWrapperProps<TData>) => JSX.Element;
+export declare const CustomColumnsToggle: <TData extends RowData<import("../..").CustomTData>>(props: CustomColumnsWrapperProps<TData>) => JSX.Element;

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

@@ -3,13 +3,5 @@ import { CustomColumnOption } from './custom-columns-toggle.types';
 export interface GetCustomColumnOptionsArgs<TData extends RowData> {
     table: Table<TData>;
 }
-export declare const getCustomColumnOptions: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(args: GetCustomColumnOptionsArgs<TData>) => CustomColumnOption[];
-export declare const transformColumnsIntoVisibilityState: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(columns: Column<TData, unknown>[]) => {};
+export declare const getCustomColumnOptions: <TData extends RowData<import("../..").CustomTData>>(args: GetCustomColumnOptionsArgs<TData>) => CustomColumnOption[];
+export declare const transformColumnsIntoVisibilityState: <TData extends RowData<import("../..").CustomTData>>(columns: Column<TData, unknown>[]) => {};

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

@@ -4,11 +4,7 @@ export interface UseConfirmInteractionProps<TData extends RowData> {
     table: Table<TData>;
 }
 export type OnConfirmInteraction = (interaction: TableInteraction) => Promise<boolean>;
-export declare const useConfirmInteraction: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: UseConfirmInteractionProps<TData>) => {
+export declare const useConfirmInteraction: <TData extends RowData<import("../../..").CustomTData>>(props: UseConfirmInteractionProps<TData>) => {
     /** Not necessary for `onConfirmInteraction`. Only provided in case additional logic is needed. */
     confirmAllInteractions: boolean;
     /** If applicable, renders a discard selections confirmation modal when called. */

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

@@ -2,8 +2,4 @@ import React, { PropsWithChildren } from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableActionsWrapperProps } from './table-actions-wrapper.types';
 /** Wraps the table with relevant components for paging, filters, sort, and table actions. */
-export declare const TableActionsWrapper: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: React.PropsWithChildren<TableActionsWrapperProps<TData>>) => JSX.Element;
+export declare const TableActionsWrapper: <TData extends RowData<import("../..").CustomTData>>(props: React.PropsWithChildren<TableActionsWrapperProps<TData>>) => JSX.Element;

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

@@ -1,7 +1,3 @@
 import { RowData } from '@tanstack/react-table';
 import { DraggableRowProps } from './table-draggable-row.types';
-export declare const TableDraggableRow: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: DraggableRowProps<TData>) => JSX.Element;
+export declare const TableDraggableRow: <TData extends RowData<import("../..").CustomTData>>(props: DraggableRowProps<TData>) => JSX.Element;

package/dist/components/table/components/table-footer/table-footer.d.ts

@@ -1,7 +1,3 @@
 import { RowData } from '@tanstack/react-table';
 import { TableFooterProps } from './table-footer.types';
-export declare const TableFooter: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: TableFooterProps<TData>) => JSX.Element;
+export declare const TableFooter: <TData extends RowData<import("../..").CustomTData>>(props: TableFooterProps<TData>) => JSX.Element;

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

@@ -1,7 +1,3 @@
 import { RowData } from '@tanstack/react-table';
 import { TableHeaderProps } from './table-header.types';
-export declare const TableHeader: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: TableHeaderProps<TData>) => JSX.Element;
+export declare const TableHeader: <TData extends RowData<import("../..").CustomTData>>(props: TableHeaderProps<TData>) => JSX.Element;

package/dist/components/table/components/table-row/helpers/get-row-component-props/get-row-component-props.d.ts

@@ -1,11 +1,7 @@
 import { MouseEvent } from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableRowProps } from '../../table-row.types';
-export declare const getRowComponentProps: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: TableRowProps<TData>) => {
+export declare const getRowComponentProps: <TData extends RowData<import("../../../..").CustomTData>>(props: TableRowProps<TData>) => {
     className: string;
     onClick: (event: MouseEvent<HTMLTableRowElement>) => void;
     "data-row-is-clickable": string | undefined;

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

@@ -1,7 +1,3 @@
 import { RowData } from '@tanstack/react-table';
 import { TableRowProps } from './table-row.types';
-export declare const TableRow: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: TableRowProps<TData>) => JSX.Element;
+export declare const TableRow: <TData extends RowData<import("../..").CustomTData>>(props: TableRowProps<TData>) => JSX.Element;

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

@@ -1,7 +1,3 @@
 import { RowData } from '@tanstack/react-table';
 import { TableRowCellsProps } from './table-row-cells.types';
-export declare const TableRowCells: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: TableRowCellsProps<TData>) => JSX.Element;
+export declare const TableRowCells: <TData extends RowData<import("../..").CustomTData>>(props: TableRowCellsProps<TData>) => JSX.Element;

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

@@ -1,7 +1,3 @@
 import { RowData } from '@tanstack/react-table';
 import { TableRowOverlayProps } from './table-row-overlay.types';
-export declare const TableRowOverlay: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: TableRowOverlayProps<TData>) => JSX.Element;
+export declare const TableRowOverlay: <TData extends RowData<import("../..").CustomTData>>(props: TableRowOverlayProps<TData>) => JSX.Element;

package/dist/components/table/hooks/use-drag-and-drop-rows/use-drag-and-drop-rows.d.ts

@@ -1,11 +1,7 @@
 import { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
 import { RowData } from '@tanstack/react-table';
 import { UseDragAndDropRowsProps } from './use-drag-and-drop-rows.types';
-export declare const useDragAndDropRows: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(props: UseDragAndDropRowsProps<TData>) => {
+export declare const useDragAndDropRows: <TData extends RowData<import("../..").CustomTData>>(props: UseDragAndDropRowsProps<TData>) => {
     activeIndex: number;
     handleDragEnd: (event: DragEndEvent) => void;
     handleDragStart: (event: DragStartEvent) => void;

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

@@ -2,16 +2,8 @@ import { ColumnDef, ColumnOrderState, RowData, Table, VisibilityState } from '@t
 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;
-    subRows?: any[] | undefined;
-}>>(columns: ColumnDef<TData, unknown>[]) => {
+export declare const extractColumnsVisibilityFromTable: <TData extends RowData<import("./table.types").CustomTData>>(table: Table<TData>) => {};
+export declare const extractColumnsDefinition: <TData extends RowData<import("./table.types").CustomTData>>(columns: ColumnDef<TData, unknown>[]) => {
     order: string[];
     visibility: Record<string, boolean>;
 };

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

@@ -6,10 +6,6 @@ import { TableProps } from './table.types';
  * Official docs: https://tanstack.com/table/v8/docs/guide/overview
  */
 export declare const Table: {
-    <TData extends RowData<{
-        [key: string]: unknown;
-        id?: string | number | undefined;
-        subRows?: any[] | undefined;
-    }>>(props: TableProps<TData>): JSX.Element;
+    <TData extends RowData<import("./table.types").CustomTData>>(props: TableProps<TData>): JSX.Element;
     defaultProps: import("./table.types").TableDefaultProps;
 };

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

@@ -1,9 +1,5 @@
 import { RowData } from '@tanstack/react-table';
 import { ColumnConfig, GetColumnsConfigFn, TDataWithId } from './table.types';
-export declare const addMissingIds: <TData extends RowData<{
-    [key: string]: unknown;
-    id?: string | number | undefined;
-    subRows?: any[] | undefined;
-}>>(data: TData[]) => TDataWithId<TData>[];
+export declare const addMissingIds: <TData extends RowData<import("./table.types").CustomTData>>(data: TData[]) => TDataWithId<TData>[];
 export declare const hyphenateColumnId: ((id: string) => string) & import("lodash").MemoizedFunction;
 export declare const processColumnsConfigGenerator: (fetchData: GetColumnsConfigFn, handler: (val: ColumnConfig[]) => void, columnsConfiguration: ColumnConfig[]) => Promise<void | ColumnConfig[]>;

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

@@ -83,3 +83,45 @@ export interface CustomCellProps extends HTMLAttributes<HTMLTableCellElement>, R
 export type TDataWithId<TData extends RowData> = TData & {
     id: number | string;
 };
+export type CustomTData = Record<any, any> & {
+    id?: number | string;
+    subRows?: CustomTData[];
+};
+export interface CustomRowData<TData = CustomTData> {
+    id?: number | string;
+    subRows?: TData[];
+}
+export interface CustomTableMeta<TData extends RowData> {
+    getColumnsConfig?: () => Promise<ColumnConfig[]>;
+    onColumnsConfigChange?: (config: ColumnConfig[]) => Promise<void>;
+}
+export interface CustomColumnMeta<TData extends RowData, TValue> {
+    /** If the function returns true, enables clickable td styling. */
+    getIsClickable?: (cell: Cell<TData, TValue>) => boolean;
+    /** If a function is returned, it will be passed to the td element and automatically enable clickable td styling. */
+    getOnClick?: (cell: Cell<TData, TValue>) => MouseEventHandler<HTMLTableCellElement>;
+    /**
+     * If true, the column is initially hidden in the table.
+     *
+     * If false or not specified, the column is shown by default.
+     */
+    hidden?: boolean;
+    /**
+     * If true or not specified, the column can be hidden by user action.
+     *
+     * If false, the column cannot be hidden by the user.
+     */
+    hideable?: boolean;
+    /**
+     * The label to display for this column in the table header.
+     *
+     * If not specified, some default label might be used, depending on your implementation.
+     */
+    label?: string;
+    /**
+     * If true or not specified, the column can be reordered by user action.
+     *
+     * If false, the column cannot be moved from its initial position.
+     */
+    reorderable?: boolean;
+}