gantri-components 2.43.0-beta.2 → 2.43.0-beta.4

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

@@ -0,0 +1,8 @@
+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;

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

@@ -0,0 +1,10 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { RowData } from '@tanstack/react-table';
+import { ReorderingProps } from '../../table.types';
+export type CellReorderWrapperProps<TData extends RowData> = PropsWithChildren<{
+    FirstColumnContent: JSX.Element | ReactNode;
+    /** Rendered when `reordering` is provided, but `reordering.isAvailable === false`. */
+    FirstColumnFallback: JSX.Element | ReactNode;
+    index: number;
+    reordering: ReorderingProps<TData> | undefined;
+}>;

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

@@ -0,0 +1 @@
+export * from './cell-reorder-wrapper';

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

@@ -1,3 +1,4 @@
+export * from './cell-reorder-wrapper';
 export * from './custom-columns-wrapper';
 export * from './table-draggable-row';
 export * from './table-actions-wrapper';

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

@@ -2,5 +2,6 @@ export declare const StyledTH: import("styled-components").StyledComponent<"th",
     size: number;
 }, never>;
 export declare const StyledReorderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    active: boolean;
+    disabled: boolean;
+    isActive: boolean;
 }, never>;

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

@@ -1,8 +1,7 @@
 import { RowData, Table } from '@tanstack/react-table';
-import { GetHeaderCellProps } from '../../table.types';
+import { GetHeaderCellProps, ReorderingProps } from '../../table.types';
 export type TableHeaderProps<TData extends RowData> = {
     getHeaderCellProps: GetHeaderCellProps<TData> | undefined;
-    reorderEnabled?: boolean;
-    reorderable: boolean;
+    reordering: ReorderingProps<TData> | undefined;
     table: Table<TData>;
 };

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

@@ -1,11 +1,10 @@
 import { Row, RowData } from '@tanstack/react-table';
-import { CustomRowProps, GetCellProps, OnRowClick } from '../../table.types';
+import { CustomRowProps, GetCellProps, OnRowClick, ReorderingProps } from '../../table.types';
 export interface TableRowProps<TData extends RowData> {
     customRowProps: CustomRowProps;
     getCellProps: GetCellProps<TData> | undefined;
     index?: number;
     onRowClick?: OnRowClick<TData>;
-    reorderEnabled?: boolean;
-    reorderable?: boolean;
+    reordering: ReorderingProps<TData> | undefined;
     row: Row<TData>;
 }

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

@@ -1,5 +1,5 @@
 import { RowData } from '@tanstack/react-table';
 import { TableRowProps } from '../table-row/table-row.types';
-export interface TableRowCellsProps<TData extends RowData> extends Pick<TableRowProps<TData>, 'row' | 'getCellProps' | 'reorderEnabled' | 'reorderable'> {
+export interface TableRowCellsProps<TData extends RowData> extends Pick<TableRowProps<TData>, 'row' | 'getCellProps' | 'reordering'> {
     size?: number;
 }

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

@@ -1,9 +1,20 @@
 import { Cell, ColumnDef, Header, Row, RowData, TableOptions } from '@tanstack/react-table';
-import { HTMLAttributes, MouseEvent } from 'react';
+import { Dispatch, HTMLAttributes, MouseEvent, 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';
 import { CustomColumnsProps } from './components/custom-columns-wrapper/custom-columns-wrapper.types';
+import { OverlayPosition } from '../overlay/overlay.types';
+export interface ReorderingProps<TData extends RowData> {
+    disabled?: boolean;
+    isActive: boolean;
+    isAvailable: boolean;
+    /** Is fired when the dragged element is dropped. */
+    onReorder: (data: TData[], oldIndex?: number, newIndex?: number) => Promise<void>;
+    setIsActive: Dispatch<SetStateAction<boolean>>;
+    tooltipPosition?: OverlayPosition;
+    tooltipText?: string;
+}
 export interface TableProps<TData extends RowData> extends Partial<TableDefaultProps> {
     className?: string;
     columns: ColumnDef<TData, any>[];
@@ -25,11 +36,7 @@ export interface TableProps<TData extends RowData> extends Partial<TableDefaultP
     /** Any options provided are passed to `useReactTable` and may override default values. */
     options?: Partial<TableOptions<TData>>;
     paging?: PagingProps;
-    reordering?: {
-        enable: boolean;
-        /** Is fired when the dragged element is dropped. */
-        onReorder: (data: TData[], oldIndex?: number, newIndex?: number) => Promise<void>;
-    };
+    reordering?: ReorderingProps<TData>;
     search?: SearchProps;
     sorting?: SortProps;
     stickyLastColumn?: boolean;