gantri-components 3.0.0-beta.49 → 3.0.0-beta.50

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

@@ -9,7 +9,7 @@ type DeprecatedSize = 's1' | 's2' | 's3' | 's4' | 's5' | 's6';
 /**
  *
  */
-export type BoxDimension = DeprecatedSize | '.5x' | 'x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x' | '11x' | '12x' | '16x' | '18x' | '24x' | 'unset' | null | '0' | `${number}px` | `${number}rem` | `${number}vw` | `${number}%` | `calc(${string})`;
+export type BoxDimension = DeprecatedSize | '.5x' | 'x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x' | '11x' | '12x' | '13x' | '14x' | '15x' | '16x' | '17x' | '18x' | '19x' | '20x' | '24x' | 'unset' | null | '0' | `${number}px` | `${number}rem` | `${number}vw` | `${number}%` | `calc(${string})`;
 type AllowedBoxDimension<T> = T extends BoxDimension ? T : never;
 export interface ResolutionAwarePropBase<T> {
     lg?: AllowedBoxDimension<T>;

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

@@ -17,9 +17,6 @@ export declare const StyledModalContent: import("styled-components").StyledCompo
 export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, {
     isFullScreen?: boolean | undefined;
 }, never>;
-export declare const StyledModalBodyContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../stack/stack.types").StackProps & import("react").RefAttributes<import("../stack/stack.types").StackProps>>, import("styled-components").DefaultTheme, {
-    isFullScreen?: boolean | undefined;
-}, never>;
 export declare const StyledModalHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {
     $closeable?: boolean | undefined;
     isFullScreen?: boolean | undefined;

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

@@ -1,10 +1,10 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { RowData } from '@tanstack/react-table';
-import { ReorderingProps } from '../../table.types';
+import { RowReorderingProps } 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;
+    reordering: RowReorderingProps<TData> | undefined;
 }>;

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

@@ -1 +1,3 @@
+export * from './preference-item-overlay';
+export * from './sortable-preference-item';
 export * from './user-preferences-modal';

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/preference-item-drag-handle/index.d.ts

@@ -0,0 +1 @@
+export * from './preference-item-drag-handle';

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/preference-item-drag-handle/preference-item-drag-handle.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const PreferenceItemDragHandle: FC<{
+    id: string;
+}>;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/preference-item-drag-handle/preference-item-drag-handle.styles.d.ts

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

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/preference-item-overlay/index.d.ts

@@ -0,0 +1 @@
+export * from './preference-item-overlay';

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/preference-item-overlay/preference-item-overlay.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { CustomColumnOption } from '../../../../custom-columns-toggle.types';
+export declare const PreferenceItemOverlay: FC<{
+    data: CustomColumnOption;
+}>;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/preference-item-overlay/preference-item-overlay.styles.d.ts

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

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/sortable-preference-item/SortablePreferenceItem.types.d.ts

@@ -0,0 +1,4 @@
+export interface SortablePreferenceItemProps {
+    id: string;
+    reorderEnable: boolean;
+}

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/sortable-preference-item/index.d.ts

@@ -0,0 +1 @@
+export * from './sortable-preference-item';

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/sortable-preference-item/sortable-preference-item.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { SortablePreferenceItemProps } from './SortablePreferenceItem.types';
+export declare const SortablePreferenceItem: FC<PropsWithChildren<SortablePreferenceItemProps>>;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/sortable-preference-item/sortable-preference-item.styles.d.ts

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

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

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const Sortable: FC<PropsWithChildren<{
+    id: string;
+}>>;

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

@@ -1,5 +1,6 @@
 import { CustomColumnOption } from '../../../../custom-columns-toggle.types';
 export interface UserPreferencesModalProps {
+    activeIndex: number;
     checklistOptions: CustomColumnOption[];
     onClose: () => Promise<void>;
     onReset: () => Promise<void>;

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

@@ -1,10 +1,10 @@
 import { Dispatch, SetStateAction } from 'react';
 import { CustomColumnOption } from '../../custom-columns-toggle.types';
 export interface UserPreferencesToggleProps {
+    activeIndex: number;
     checklistOptions: CustomColumnOption[];
     isActive: boolean;
     modalHeading: string;
-    onClose: () => Promise<void>;
     onReset: () => Promise<void>;
     setIsActive: Dispatch<SetStateAction<boolean>>;
 }

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

@@ -0,0 +1,3 @@
+export declare const transformsRecordsIntoIds: (records: Array<{
+    id?: string | number;
+}>) => string[];

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

@@ -0,0 +1,15 @@
+import { Column, RowData, Table } from '@tanstack/react-table';
+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>[]) => {};

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

@@ -1,7 +1,9 @@
 import { RowData, Table } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
 export interface CustomColumnsWrapperProps<TData extends RowData> {
-    customColumns: CustomColumnsProps<TData> | undefined;
+    isActive: boolean;
     isScrolling: boolean;
+    setIsActive: Dispatch<SetStateAction<boolean>>;
     table: Table<TData>;
 }
 export interface CustomColumnsProps<TData extends RowData> {
@@ -12,7 +14,8 @@ export interface CustomColumnsProps<TData extends RowData> {
 export interface CustomColumnOption {
     checked: boolean;
     disabled: boolean;
+    id: string;
     label: string;
     onChange: (event: unknown) => void;
-    value: string;
+    reorderable: boolean;
 }

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

@@ -1,10 +1,9 @@
 import { RowData, Table } from '@tanstack/react-table';
-import { GetHeaderCellProps, ReorderingProps } from '../../table.types';
-import { CustomColumnsProps } from '../custom-columns-toggle/custom-columns-toggle.types';
+import { GetHeaderCellProps, RowReorderingProps } from '../../table.types';
 export type TableHeaderProps<TData extends RowData> = {
-    customColumns: CustomColumnsProps<TData> | undefined;
     getHeaderCellProps: GetHeaderCellProps<TData> | undefined;
+    hasConfigurableColumns: boolean;
     isScrolling: boolean;
-    reordering: ReorderingProps<TData> | undefined;
+    reordering: RowReorderingProps<TData> | undefined;
     table: Table<TData>;
 };

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

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

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

@@ -1,8 +1,8 @@
 import { Row, RowData } from '@tanstack/react-table';
-import { GetCellProps, ReorderingProps } from '../../table.types';
+import { GetCellProps, RowReorderingProps } from '../../table.types';
 export interface TableRowCellsProps<TData extends RowData> {
     getCellProps: GetCellProps<TData> | undefined;
-    reordering: ReorderingProps<TData> | undefined;
+    reordering: RowReorderingProps<TData> | undefined;
     row: Row<TData>;
     size?: number;
 }

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

@@ -1,9 +1,9 @@
 import { HeaderGroup, RowData } from '@tanstack/react-table';
 import { TableRowProps } from '../table-row/table-row.types';
-import { GetHeaderCellProps, ReorderingProps } from '../../table.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: ReorderingProps<TData> | undefined;
+    reordering: RowReorderingProps<TData> | undefined;
     table: HTMLElement;
 }

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

@@ -1 +1,2 @@
+export * from './use-drag-and-drop-rows';
 export * from './use-track-sticky-cells';

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

@@ -0,0 +1 @@
+export * from './use-drag-and-drop-rows';

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

@@ -0,0 +1,9 @@
+import { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
+import { UseDragAndDropRowsProps } from './use-drag-and-drop-rows.types';
+export declare const useDragAndDropRows: (props: UseDragAndDropRowsProps) => {
+    activeIndex: number;
+    handleDragEnd: (event: DragEndEvent) => void;
+    handleDragStart: (event: DragStartEvent) => void;
+    isDragging: boolean;
+    sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+};

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

@@ -0,0 +1,9 @@
+import { RowReorderingProps } from '../../table.types';
+export interface DragRowData {
+    id: string | number;
+}
+export type UseDragAndDropRowsProps = {
+    data: DragRowData[];
+    reordering?: RowReorderingProps<DragRowData> | undefined;
+    setData: (records: DragRowData[]) => void;
+};

package/dist/components/table/hooks/use-track-sticky-cells/use-track-sticky-cells.d.ts

@@ -1,8 +1,3 @@
-import { RowData } from '@tanstack/react-table';
 import { UseTrackStickyCellsProps } from './use-track-sticky-cells.types';
 /** 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;
+export declare const useTrackStickyCells: (props: UseTrackStickyCellsProps) => void;

package/dist/components/table/hooks/use-track-sticky-cells/use-track-sticky-cells.helpers.d.ts

@@ -0,0 +1,6 @@
+import { StickyTo } from '../../../../helpers/mark-sticky-elements/mark-sticky-elements.types';
+export type GetIsStickyArgs = {
+    element: HTMLElement | null;
+    stickyTo: StickyTo;
+};
+export declare const getIsSticky: (args: GetIsStickyArgs) => boolean;

package/dist/components/table/hooks/use-track-sticky-cells/use-track-sticky-cells.types.d.ts

@@ -1,7 +1,5 @@
-import { RowData } from '@tanstack/react-table';
-import { CustomColumnsProps } from '../../components/custom-columns-toggle/custom-columns-toggle.types';
-export interface UseTrackStickyCellsProps<TData extends RowData> {
-    customColumns: CustomColumnsProps<TData> | undefined;
+export interface UseTrackStickyCellsProps {
+    hasConfigurableColumns: boolean;
     numRows: number;
     /** The containing element that the child will intersect with. */
     root: HTMLElement | null;

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

@@ -1,6 +1,4 @@
 export * from './table';
 export * from './table.types';
 export * from './components/table-row/table-row.constants';
-export * from './components/custom-columns-toggle/helpers/get-custom-column-initial-visibility';
-export * from './helpers';
 export * from './components/table-actions-wrapper/table-actions-wrapper.types';

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

@@ -0,0 +1,16 @@
+import { ColumnOrderState, RowData, Table, VisibilityState } from '@tanstack/react-table';
+import { ColumnConfig } from './table.types';
+interface ConvertColumnsMetadataToColumnConfigArgs<TData extends RowData> {
+    order: ColumnOrderState;
+    table: Table<TData>;
+    visibility: VisibilityState;
+}
+export declare function convertColumnsMetadataToColumnConfig<TData extends RowData>(args: ConvertColumnsMetadataToColumnConfigArgs<TData>): ColumnConfig[];
+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 {};

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

@@ -0,0 +1,9 @@
+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 hyphenateColumnId: ((id: string) => string) & import("lodash").MemoizedFunction;
+export declare const processColumnsConfigGenerator: (fetchData: GetColumnsConfigFn, handler: (val: ColumnConfig[]) => void) => Promise<void | ColumnConfig[]>;

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

@@ -3,9 +3,8 @@ 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-toggle/custom-columns-toggle.types';
 import { OverlayPosition } from '../overlay/overlay.types';
-export interface ReorderingProps<TData extends RowData> {
+export interface RowReorderingProps<TData extends RowData> {
     disabled?: boolean;
     isActive: boolean;
     isAvailable: boolean;
@@ -15,12 +14,16 @@ export interface ReorderingProps<TData extends RowData> {
     tooltipPosition?: OverlayPosition;
     tooltipText?: string;
 }
+export interface ColumnConfig {
+    hidden?: boolean;
+    id?: string;
+}
+export type GetColumnsConfigFn = (() => AsyncGenerator<ColumnConfig[], void | ColumnConfig, unknown>) | (() => Promise<ColumnConfig[]>);
 export interface TableProps<TData extends RowData> extends Partial<TableDefaultProps> {
     className?: string;
     columns: ColumnDef<TData, any>[];
     customAction?: CustomActionProps<TData>;
     /** Providing this will automatically make the last column sticky. */
-    customColumns?: CustomColumnsProps<TData>;
     /**
      * For each index, if no `id` key exists, one will be assigned.
      *
@@ -30,14 +33,16 @@ export interface TableProps<TData extends RowData> extends Partial<TableDefaultP
     filters?: FiltersProps;
     /** Include `isClickable` in the returned object to apply appropriate cell styling. Text styling must be applied within the column. */
     getCellProps?: GetCellProps<TData>;
+    getColumnsConfig?: GetColumnsConfigFn;
     getHeaderCellProps?: GetHeaderCellProps<TData>;
     /** Include `status` in the returned object to set the row status color. */
     getRowProps?: GetRowProps<TData>;
+    onColumnsConfigChange?: (config: ColumnConfig[]) => Promise<void>;
     onRowClick?: OnRowClick<TData>;
     /** Any options provided are passed to `useReactTable` and may override default values. */
     options?: Partial<TableOptions<TData>>;
     paging?: PagingProps;
-    reordering?: ReorderingProps<TData>;
+    reordering?: RowReorderingProps<TData>;
     search?: SearchProps;
     sorting?: SortProps;
 }
@@ -60,3 +65,6 @@ export type OnRowClick<TData extends RowData> = (data: Row<TData>, event: MouseE
 export interface CustomCellProps extends HTMLAttributes<HTMLTableCellElement>, Record<string, unknown> {
     isClickable?: boolean;
 }
+export type TDataWithId<TData extends RowData> = TData & {
+    id: number | string;
+};