gantri-components 2.42.0-beta.2 → 2.42.0

package/dist/components/filter-button/filter-button.types.d.ts

@@ -1,6 +1,6 @@
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { ButtonSize } from '../button/button.types';
-import { OnConfirmInteraction } from '../table/components/table-actions-wrapper/hooks/use-confirm-interaction/use-confirm-interaction.types';
+import { OnConfirmInteraction } from '../table/components/table-actions-wrapper/hooks';
 export interface FilterButtonProps {
     Content?: JSX.Element;
     applyButtonText?: string;

package/dist/components/table/components/custom-columns-wrapper/custom-columns-wrapper.styles.d.ts

@@ -1,4 +1,3 @@
-export declare const StyledTableContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledToggleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isScrolling: boolean;
 }, never>;

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

@@ -15,4 +15,5 @@ export interface CustomColumnOption {
 export type CustomColumnsWrapperProps<TData extends RowData> = PropsWithChildren<{
     customColumns: CustomColumnsProps<TData> | undefined;
     table: Table<TData>;
+    tableContainerEl: HTMLDivElement | null;
 }>;

package/dist/components/table/components/custom-columns-wrapper/hooks/index.d.ts

@@ -1 +1 @@
-export * from './use-detect-horizontal-scroll';
+export * from './useDetectHorizontalScroll';

package/dist/components/table/components/custom-columns-wrapper/hooks/useDetectHorizontalScroll.d.ts

@@ -0,0 +1,6 @@
+export declare const useDetectHorizontalScroll: (props: {
+    element: HTMLElement | null;
+    enabled: boolean;
+    onEndScrolling: () => void;
+    onStartScrolling: () => void;
+}) => void;

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

@@ -1,5 +1,8 @@
 export * from './custom-columns-wrapper';
+export * from './table-draggable-row';
 export * from './table-actions-wrapper';
 export * from './table-footer';
 export * from './table-header';
 export * from './table-row';
+export * from './table-row-cells';
+export * from './table-row-overlay';

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

@@ -1,4 +1,4 @@
-import { OnConfirmInteraction } from '../../hooks/use-confirm-interaction/use-confirm-interaction.types';
+import { OnConfirmInteraction } from '../../hooks';
 export interface PagingProps {
     currentPage: number;
     onPageChange: (page: number) => void;

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

@@ -1,5 +1,5 @@
 import { TextFieldProps } from '../../../../../text-field';
-import { OnConfirmInteraction } from '../../hooks/use-confirm-interaction/use-confirm-interaction.types';
+import { OnConfirmInteraction } from '../../hooks';
 export interface SearchProps extends Partial<SearchDefaultProps> {
     onChange: TextFieldProps['onTextChange'];
 }

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

@@ -1,4 +1,4 @@
-import { OnConfirmInteraction } from '../../hooks/use-confirm-interaction/use-confirm-interaction.types';
+import { OnConfirmInteraction } from '../../hooks';
 export interface SortProps {
     current: SortInfo;
     disabled?: boolean;

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

@@ -1 +1 @@
-export * from './use-confirm-interaction';
+export * from './useConfirmInteraction';

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

@@ -0,0 +1,16 @@
+import { RowData, Table } from '@tanstack/react-table';
+export type TableInteraction = 'FOCUS_SEARCH' | 'OPEN_FILTERS' | 'OPEN_SORT' | 'USE_PAGING' | 'CUSTOM_ACTION';
+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>) => {
+    /** Not necessary for `onConfirmInteraction`. Only provided in case additional logic is needed. */
+    confirmAllInteractions: boolean;
+    /** If applicable, renders a discard selections confirmation modal when called. */
+    onConfirmInteraction: OnConfirmInteraction;
+};

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

@@ -0,0 +1 @@
+export * from './table-draggable-row';

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

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

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

@@ -0,0 +1,4 @@
+export declare const StyledDraggableRowTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
+    reorderEnabled: boolean;
+}, never>;
+export declare const StyledDraggableRowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,4 @@
+import { RowData } from '@tanstack/react-table';
+import { TableRowProps } from '../table-row/table-row.types';
+export interface DraggableRowProps<TData extends RowData> extends TableRowProps<TData> {
+}

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

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

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

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

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

@@ -1,6 +1,3 @@
 import { CustomCellProps } from '../../table.types';
-export declare const StyledTR: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
-    canReorder: boolean;
-    isDragging: boolean | undefined;
-}, never>;
+export declare const StyledTD: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, CustomCellProps, never>;
 export declare const StyledTD: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, CustomCellProps, never>;

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

@@ -1,15 +1,11 @@
 import { Row, RowData } from '@tanstack/react-table';
-import { Dispatch, SetStateAction } from 'react';
 import { CustomRowProps, GetCellProps, OnRowClick } from '../../table.types';
 export interface TableRowProps<TData extends RowData> {
     customRowProps: CustomRowProps;
-    didMove: boolean;
-    enableReordering: boolean;
     getCellProps: GetCellProps<TData> | undefined;
-    handleOnReorder: () => Promise<void>;
-    index: number;
-    moveRow: (startIndex: number, endIndex: number) => void;
+    index?: number;
     onRowClick?: OnRowClick<TData>;
+    reorderEnabled?: boolean;
+    reorderable?: boolean;
     row: Row<TData>;
-    setDidMove: Dispatch<SetStateAction<boolean>>;
 }

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

@@ -0,0 +1 @@
+export * from './table-row-cells';

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

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

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

@@ -0,0 +1,2 @@
+import { CustomCellProps } from '../../table.types';
+export declare const StyledTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, CustomCellProps, never>;

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

@@ -0,0 +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'> {
+    size?: number;
+}

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

@@ -0,0 +1 @@
+export * from './table-row-overlay';

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

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

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

@@ -0,0 +1 @@
+export declare const StyledRowOverlay: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,8 @@
+import { HeaderGroup, RowData } from '@tanstack/react-table';
+import { TableRowProps } from '../table-row/table-row.types';
+import { GetHeaderCellProps } from '../../table.types';
+export interface TableRowOverlayProps<TData extends RowData> extends Pick<TableRowProps<TData>, 'row' | 'getCellProps'> {
+    getHeaderCellProps?: GetHeaderCellProps<TData>;
+    getHeaderGroups?: () => HeaderGroup<TData>[];
+    table: HTMLElement;
+}

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

@@ -1,2 +1,2 @@
-export * from './use-move-row';
-export * from './use-track-sticky-cells';
+export * from './useMoveRow';
+export * from './useTrackStickyCells';

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

@@ -0,0 +1,14 @@
+import { RowData } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+export interface UseMoveRowProps<TData extends RowData> {
+    setData: Dispatch<SetStateAction<TData[]>>;
+}
+export declare const useMoveRow: <TData extends RowData<{
+    [key: string]: unknown;
+    id?: string | number | undefined;
+    subRows?: any[] | undefined;
+}>>(props: UseMoveRowProps<TData>) => {
+    didMove: boolean;
+    moveRow: (startIndex: number, endIndex: number) => void;
+    setDidMove: Dispatch<SetStateAction<boolean>>;
+};

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

@@ -0,0 +1,16 @@
+import { RowData } from '@tanstack/react-table';
+import { CustomColumnsProps } from '../components/custom-columns-wrapper/custom-columns-wrapper.types';
+export interface UseTrackStickyCellsProps<TData extends RowData> {
+    customColumns: CustomColumnsProps<TData> | undefined;
+    numRows: number;
+    /** The containing element that the child will intersect with. */
+    root: Element | null;
+    stickyFirstColumn: boolean | undefined;
+    stickyLastColumn: boolean | undefined;
+}
+/** Mark table if header and/or first column cells are sticky. */
+export declare const useTrackStickyCells: <TData extends RowData<{
+    [key: string]: unknown;
+    id?: string | number | undefined;
+    subRows?: any[] | undefined;
+}>>(props: UseTrackStickyCellsProps<TData>) => void;

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

@@ -1,9 +1,6 @@
 import { RowData } from '@tanstack/react-table';
 import { TableProps } from './table.types';
-/**
- * See https://components.gantri.com/?path=/story/core-table for usage examples.
- * Official docs: https://tanstack.com/table/v8/docs/guide/overview
- */
+/** Official docs: https://tanstack.com/table/v8/docs/guide/overview */
 export declare const Table: {
     <TData extends RowData<{
         [key: string]: unknown;

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

@@ -1,5 +1,5 @@
-export declare const StyledTableContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const useTableRowBackgroundColors: () => {
+import { DefaultTheme } from 'styled-components';
+export declare const getTableRowBackgroundColors: (theme: DefaultTheme) => {
     readonly statusErrorClickableHoverColor: string;
     readonly statusErrorColor: string;
     readonly statusNoneClickableHoverColor: string;
@@ -7,6 +7,8 @@ export declare const useTableRowBackgroundColors: () => {
     readonly statusWarningClickableHoverColor: string;
     readonly statusWarningColor: string;
 };
-export declare const StyledTable: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {
+export declare const StyledTableWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const StyledTableContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const StyledTable: import("styled-components").StyledComponent<"table", DefaultTheme, {
     isCustomColumnsEnabled: boolean;
 }, never>;

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

@@ -28,7 +28,7 @@ export interface TableProps<TData extends RowData> extends Partial<TableDefaultP
     reordering?: {
         enable: boolean;
         /** Is fired when the dragged element is dropped. */
-        onReorder: (data: TData[]) => Promise<void>;
+        onReorder: (data: TData[], oldIndex?: number, newIndex?: number) => Promise<void>;
     };
     search?: SearchProps;
     sorting?: SortProps;