gantri-components 2.89.0 → 2.90.0-beta.2

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledBottomActionsFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {
+    showClearSelectedRows: boolean;
+}, never>;

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

@@ -18,7 +18,7 @@ export interface CustomActionComponentProps<TData extends RowData> {
 }
 export interface CustomActionProps<TData extends RowData> {
     Component: JSXElementConstructor<CustomActionComponentProps<TData>>;
-    position: 'left' | 'right' | 'bottom';
+    position: 'left' | 'right' | 'bottom' | 'selected-rows';
 }
 export interface TableActionsWrapperProps<TData extends RowData> {
     className: string | undefined;

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

@@ -1,4 +1 @@
-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-row/table-row.types.d.ts

@@ -1,4 +1,4 @@
-import { Row, RowData } from '@tanstack/react-table';
+import { Row, RowData, Table } from '@tanstack/react-table';
 import { CustomRowProps, GetCellProps, OnRowClick, RowReorderingProps } from '../../table.types';
 import { GetAfterRowComponentDef } from '../after-row-component/after-row-component.types';
 export interface TableRowProps<TData extends RowData> {
@@ -9,4 +9,5 @@ export interface TableRowProps<TData extends RowData> {
     onRowClick?: OnRowClick<TData>;
     reordering: RowReorderingProps<TData> | undefined;
     row: Row<TData>;
+    table: Table<TData>;
 }

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

@@ -1,4 +1,4 @@
-import { Cell, Row, RowData } from '@tanstack/react-table';
+import { Cell, Row, RowData, Table } from '@tanstack/react-table';
 import { DraggableAttributes } from '@dnd-kit/core';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import { GetCellProps, RowReorderingProps } from '../../../../table.types';
@@ -12,4 +12,5 @@ export interface TableCellProps<TData extends RowData> {
     index: number;
     reordering: RowReorderingProps<TData> | undefined;
     row: Row<TData>;
+    table: Table<TData>;
 }

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

@@ -1,4 +1,4 @@
-import { Row, RowData } from '@tanstack/react-table';
+import { Row, RowData, Table } from '@tanstack/react-table';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import { DraggableAttributes } from '@dnd-kit/core';
 import { GetCellProps, RowReorderingProps } from '../../table.types';
@@ -11,4 +11,5 @@ export interface TableRowCellsProps<TData extends RowData> {
     reordering: RowReorderingProps<TData> | undefined;
     row: Row<TData>;
     size?: number;
+    table: Table<TData>;
 }

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

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

package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/clear-selected-rows.d.ts

@@ -0,0 +1,2 @@
+export declare const dataAttrClearSelected = "data-clear-selected";
+export declare const ClearSelectedRows: () => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/clear-selected-rows.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledPointerFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/index.d.ts

@@ -0,0 +1 @@
+export * from './clear-selected-rows';

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/index.d.ts

@@ -0,0 +1 @@
+export * from './selectable-row-cell';

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/selectable-row-cell.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from 'react';
+import { RowData } from '@tanstack/react-table';
+import { SelectableRowCellProps } from './selectable-row-cell.types';
+export declare const SelectableRowCell: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowCellProps<TData>>) => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/selectable-row-cell.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledCheckboxCell: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../cell/cell.types").CellProps & import("react").RefAttributes<import("../../../../../cell/cell.types").CellProps>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/selectable-row-cell.types.d.ts

@@ -0,0 +1,6 @@
+import { Row, RowData, Table } from '@tanstack/react-table';
+export interface SelectableRowCellProps<TData extends RowData> {
+    index: number;
+    row: Row<TData>;
+    table: Table<TData>;
+}

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/index.d.ts

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

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/selectable-table-row-footer.d.ts

@@ -0,0 +1,2 @@
+import { SelectableRowFooterProps } from './selectable-table-row-footer.types';
+export declare const SelectableRowFooter: (props: SelectableRowFooterProps) => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/selectable-table-row-footer.types.d.ts

@@ -0,0 +1,5 @@
+import { JSXElementConstructor } from 'react';
+export type SelectableRowFooterTypeDef = JSXElementConstructor<SelectableRowFooterProps>;
+export interface SelectableRowFooterProps {
+    text: string;
+}

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-header/index.d.ts

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

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-header/selectable-table-row-header.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from 'react';
+import { RowData } from '@tanstack/react-table';
+import { SelectableRowHeaderProps } from './selectable-table-row-header.types';
+export declare const SelectableRowHeader: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowHeaderProps<TData>>) => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-header/selectable-table-row-header.types.d.ts

@@ -0,0 +1,5 @@
+import { RowData, Table } from '@tanstack/react-table';
+export interface SelectableRowHeaderProps<TData extends RowData> {
+    index: number;
+    table: Table<TData>;
+}

package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/get-row-range.d.ts

@@ -0,0 +1,2 @@
+import { Row, RowData } from '@tanstack/react-table';
+export declare const getRowRange: <TData extends RowData<import("../../../..").CustomTData>>(rows: Row<TData>[], currentId: number, selectedId: number) => Row<TData>[];

package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/index.d.ts

@@ -0,0 +1 @@
+export * from './get-row-range';

package/dist/components/table/hooks/use-selectable-table-rows/index.d.ts

@@ -0,0 +1 @@
+export * from './use-selectable-table-rows';

package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.constants.d.ts

@@ -0,0 +1,6 @@
+export declare const selectableRowsCheckboxSize = "2rem";
+export declare const dataAttrIsRowSelected = "data-is-row-selected";
+export declare const rowSelectionTypes: {
+    readonly checkboxes: "checkboxes";
+    readonly custom: "custom";
+};

package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.d.ts

@@ -0,0 +1,10 @@
+import { RowData } from '@tanstack/react-table';
+export declare const useSelectableTableRows: <TData extends RowData<import("../..").CustomTData>>() => {
+    deselectRows: (rowIds: (string | number)[]) => void;
+    getIsRowSelected: (rowId: number | string) => boolean;
+    getSelectedRowData: (props: {
+        idProperty: keyof TData;
+        records: TData[];
+    }) => (TData | undefined)[];
+    selectRows: (rowIds: (string | number)[]) => void;
+};

package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.types.d.ts

@@ -0,0 +1,6 @@
+import { rowSelectionTypes } from './use-selectable-table-rows.constants';
+export interface RowSelection {
+    disabled?: boolean;
+    type: RowSelectionType;
+}
+export type RowSelectionType = typeof rowSelectionTypes[keyof typeof rowSelectionTypes];

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

@@ -1,5 +1,6 @@
 export type { GetAfterRowComponentDef, AfterRowComponentDef, } from './components/after-row-component/after-row-component.types';
-export * from './table';
+export * from './table.providers';
 export * from './table.types';
 export * from './components/table-row/table-row.constants';
 export * from './components/table-actions-wrapper/table-actions-wrapper.types';
+export { useTableContext as useRowSelectionContext } from './table.context';

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

@@ -0,0 +1,23 @@
+import { RowData, RowSelectionState } from '@tanstack/react-table';
+import React, { PropsWithChildren } from 'react';
+export declare const RowSelectionProviders: ({ children, }: PropsWithChildren<Record<never, never>>) => JSX.Element;
+export declare const useTableContext: () => {
+    clearSelectedRows: () => void;
+    /** Can be used to deselect rows outside of the default behavior. */
+    deselectRows: (rowIds: (string | number)[]) => void;
+    getIsRowSelected: (rowId: number | string) => boolean;
+    getSelectedRowData: <TData extends RowData<import("./table.types").CustomTData>>(props: {
+        idProperty: keyof TData;
+        records: TData[];
+    }) => (TData | undefined)[];
+    isRowSelectionCheckboxes: boolean;
+    isRowSelectionDisabled: boolean;
+    lastSelectedId: string;
+    rowSelectionState: RowSelectionState;
+    /** Can be used to select rows outside of the default behavior. */
+    selectRows: (rowIds: (string | number)[]) => void;
+    setIsRowSelectionCheckboxes: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsRowSelectionDisabled: React.Dispatch<React.SetStateAction<boolean>>;
+    setLastSelectedId: React.Dispatch<React.SetStateAction<string>>;
+    setRowSelectionState: React.Dispatch<React.SetStateAction<RowSelectionState>>;
+};

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

@@ -0,0 +1,3 @@
+import { RowData } from '@tanstack/react-table';
+import { TableProps } from './table.types';
+export declare const Table: <TData extends RowData<import("./table.types").CustomTData>>(props: TableProps<TData>) => JSX.Element;

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

@@ -6,6 +6,7 @@ import { CustomActionProps, FiltersProps, SearchProps } from './components/table
 import { SortProps } from './components/table-actions-wrapper/components/sort/sort.types';
 import { OverlayPosition } from '../overlay/overlay.types';
 import { GetAfterRowComponentDef } from './components/after-row-component/after-row-component.types';
+import { RowSelection } from './hooks/use-selectable-table-rows/use-selectable-table-rows.types';
 export interface RowReorderingProps<TData extends RowData> {
     disabled?: boolean;
     getDisableSortableRow?: (row: Row<TData>) => boolean;
@@ -63,6 +64,7 @@ export interface TableProps<TData extends RowData> extends Partial<TableDefaultP
     options?: Partial<TableOptions<TData>>;
     paging?: PagingProps;
     reordering?: RowReorderingProps<TData>;
+    rowSelection?: RowSelection;
     search?: SearchProps;
     sorting?: SortProps;
     syncState?: SyncState;