gantri-components 2.38.1 → 2.39.0-beta.10

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

@@ -4,6 +4,7 @@ export declare const StyledCheckbox: import("styled-components").StyledComponent
     $checked: boolean;
     $variant?: CheckboxVariant | undefined;
 }, never>;
+export declare const StyledIndeterminateMarker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledCheckboxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     disabled: boolean;
 }, never>;

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

@@ -9,6 +9,7 @@ export interface CheckboxProps<T = boolean> {
     }>;
     checked?: boolean;
     disabled?: boolean;
+    indeterminate?: boolean;
     labelPosition?: 'left' | 'right';
     labelText?: string;
     labelTx?: string;

package/dist/components/dropdown-menu/dropdown-menu.styles.d.ts

@@ -1,3 +1,4 @@
+import { Property } from 'csstype';
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $hasHeader?: boolean | undefined;
     $noShadow: boolean;
@@ -5,6 +6,7 @@ export declare const StyledContainer: import("styled-components").StyledComponen
 export declare const StyledHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $basic: boolean;
-    $disabled?: boolean | undefined;
+    $disabled: boolean | undefined;
+    $justifyContent: Property.JustifyContent | undefined;
     $selected: boolean;
 }, never>;

package/dist/components/dropdown-menu/dropdown-menu.types.d.ts

@@ -8,6 +8,8 @@ export interface DropdownMenuProps<T = Record<string, unknown>> {
     idProperty?: keyof T;
     /** Can optionally include `disabled: true` to any index to disable that item. */
     items: T[];
+    /** Sets the alignment of the dropdown items. */
+    justifyContent?: Property.JustifyContent;
     keyProperty?: (item?: T) => string;
     labelProperty?: keyof T | ((item?: T) => string);
     labelPropertyTx?: (item?: T) => string;

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

@@ -1,5 +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';
 export interface FilterButtonProps {
     Content?: JSX.Element;
     applyButtonText?: string;
@@ -11,11 +12,12 @@ export interface FilterButtonProps {
     modalTitleTx?: string;
     onApply?: () => void;
     onClose?: () => void;
+    onConfirmInteraction?: OnConfirmInteraction;
     onOpen?: () => void;
     onReset?: () => void;
     recordsCount?: number;
     resetButtonText?: string;
+    resetButtonTx?: string;
     size?: ResolutionAwareProp<ButtonSize>;
     variant?: 'primary' | 'secondary';
-    resetButtonTx?: string;
 }

package/dist/components/icon/generated/ui-control/ExlamationCircleFilled.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgExlamationCircleFilled: React.NamedExoticComponent<object>;
+export default SvgExlamationCircleFilled;

package/dist/components/icon/generated/ui-control/ExlamationCircleFilled24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgExlamationCircleFilled24: React.NamedExoticComponent<object>;
+export default SvgExlamationCircleFilled24;

package/dist/components/index.d.ts

@@ -27,6 +27,7 @@ export * from './radio';
 export * from './search-field';
 export * from './slider';
 export * from './stack';
+export * from './table';
 export * from './tabs';
 export * from './text-area';
 export * from './text-field';

package/dist/components/paging/__tests__/paging.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export { Paging } from './paging';

package/dist/components/paging/paging.d.ts

@@ -0,0 +1,5 @@
+import { PagingComponentProps } from './paging.types';
+export declare const Paging: {
+    (props: PagingComponentProps): JSX.Element;
+    defaultProps: Partial<import("./paging.types").PagingProps>;
+};

package/dist/components/paging/paging.presets.d.ts

@@ -0,0 +1,2 @@
+import { PagingProps } from './paging.types';
+export declare const pagingDefaultProps: Partial<PagingProps>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledFlex: 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>;
+export declare const StyledPagingButton: import("styled-components").StyledComponent<import("react").FC<import("../button/button.types").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,13 @@
+import { OnConfirmInteraction } from '../table/components/table-actions-wrapper/hooks/use-confirm-interaction/use-confirm-interaction.types';
+export interface PagingProps {
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    /** Total number of pages. */
+    pageCount: number;
+    /** Total number of returned results. */
+    total: number;
+}
+export interface PagingComponentProps extends PagingProps {
+    confirmAllInteractions: boolean;
+    onConfirmInteraction: OnConfirmInteraction;
+}

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

@@ -0,0 +1 @@
+export * from './user-preferences-modal';

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

@@ -0,0 +1,2 @@
+import { UserPreferencesModalProps } from './user-preferences-modal.types';
+export declare const UserPreferencesModal: (props: UserPreferencesModalProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledPreferencesPopUp: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeading: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../../grid/grid.types").GridProps & import("react").RefAttributes<import("../../../../../../../grid/grid.types").GridProps>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledClickableIcon: import("styled-components").StyledComponent<import("react").FC<import("../../../../../../../icon/icon.types").IconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,7 @@
+import { CustomColumnOption } from '../../../../custom-columns-wrapper.types';
+export interface UserPreferencesModalProps {
+    checklistOptions: CustomColumnOption[];
+    onClose: () => Promise<void>;
+    onReset: () => Promise<void>;
+    title: string;
+}

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

@@ -0,0 +1 @@
+export * from './user-preferences-toggle';

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

@@ -0,0 +1,3 @@
+import { UserPreferencesToggleProps } from './user-preferences-toggle.types';
+/** Toggles a dialog where the user can save their preferences for the specified `page`. */
+export declare const UserPreferencesToggle: (props: UserPreferencesToggleProps) => JSX.Element;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("../../../../../button/button.types").ButtonProps>, import("styled-components").DefaultTheme, {
+    'data-is-active': boolean;
+}, never>;

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { RowData, Table } from '@tanstack/react-table';
+import { PropsWithChildren } from 'react';
+export interface CustomColumnsProps<DataType extends RowData> {
+    disabledColumns: (keyof DataType | string)[];
+    hiddenColumns: (keyof DataType | string)[];
+    onUpdateHiddenColumns: (columnsToHide: string[]) => Promise<void>;
+}
+export interface CustomColumnOption {
+    checked: boolean;
+    disabled: boolean;
+    label: string;
+    onChange: (event: unknown) => void;
+    value: string;
+}
+export type CustomColumnsWrapperProps<DataType extends RowData> = PropsWithChildren<{
+    customColumns: CustomColumnsProps<DataType> | undefined;
+    table: Table<DataType>;
+    tableContainerEl: HTMLDivElement | null;
+}>;

package/dist/components/table/components/custom-columns-wrapper/helpers/get-custom-column-initial-visibility/get-custom-column-initial-visibility.d.ts

@@ -0,0 +1 @@
+export declare const getCustomColumnInitialVisibility: (hiddenColumns: string[]) => {};

package/dist/components/table/components/custom-columns-wrapper/helpers/get-custom-column-initial-visibility/index.d.ts

@@ -0,0 +1 @@
+export * from './get-custom-column-initial-visibility';

package/dist/components/table/components/custom-columns-wrapper/helpers/get-custom-column-options/get-custom-column-options.d.ts

@@ -0,0 +1,8 @@
+import { RowData } from '@tanstack/react-table';
+import { CustomColumnOption } from '../../custom-columns-wrapper.types';
+import { GetCustomColumnOptionsArgs } from './get-custom-column-options.types';
+export declare const getCustomColumnOptions: <DataType extends RowData<{
+    [key: string]: unknown;
+    id: string | number;
+    subRows?: any[] | undefined;
+}>>(args: GetCustomColumnOptionsArgs<DataType>) => CustomColumnOption[];

package/dist/components/table/components/custom-columns-wrapper/helpers/get-custom-column-options/get-custom-column-options.types.d.ts

@@ -0,0 +1,6 @@
+import { RowData, Table } from '@tanstack/react-table';
+import { CustomColumnsProps } from '../../custom-columns-wrapper.types';
+export interface GetCustomColumnOptionsArgs<DataType extends RowData> {
+    customColumns: CustomColumnsProps<DataType> | undefined;
+    table: Table<DataType>;
+}

package/dist/components/table/components/custom-columns-wrapper/helpers/get-custom-column-options/index.d.ts

@@ -0,0 +1 @@
+export * from './get-custom-column-options';

package/dist/components/table/components/custom-columns-wrapper/hooks/use-detect-horizontal-scroll/index.d.ts

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

package/dist/components/table/components/custom-columns-wrapper/hooks/use-detect-horizontal-scroll/use-detect-horizontal-scroll.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/custom-columns-wrapper/index.d.ts

@@ -0,0 +1 @@
+export * from './custom-columns-wrapper';

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export * from './search';

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

@@ -0,0 +1,5 @@
+import { SearchComponentProps } from './search.types';
+export declare const Search: {
+    (props: SearchComponentProps): JSX.Element;
+    defaultProps: import("./search.types").SearchDefaultProps;
+};

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

@@ -0,0 +1,2 @@
+import { SearchDefaultProps } from './search.types';
+export declare const searchDefaultProps: SearchDefaultProps;

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

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

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

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

package/dist/components/table/components/table-actions-wrapper/components/sort/helpers/get-sort-mapping/get-sort-mapping.d.ts

@@ -0,0 +1,3 @@
+import { TableSortField } from '../../sort.types';
+import { SortMapping } from './get-sort-mapping.types';
+export declare const getSortMapping: <SortingField = string>(sortingOptions?: TableSortField<SortingField>[]) => SortMapping<SortingField>;

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

@@ -0,0 +1,2 @@
+import { SortInfo } from '../../../../table.props';
+export type SortMapping<SortingField = string> = Record<string, SortInfo<SortingField>>;

package/dist/components/table/components/table-actions-wrapper/components/sort/helpers/get-sort-mapping/index.d.ts

@@ -0,0 +1 @@
+export * from './get-sort-mapping';

package/dist/components/table/components/table-actions-wrapper/components/sort/helpers/get-sort-options/__tests__/get-sort-options.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/table/components/table-actions-wrapper/components/sort/helpers/get-sort-options/get-sort-options.d.ts

@@ -0,0 +1,8 @@
+import { SortInfo, TableSortField } from '../../sort.types';
+interface MappedSortItem<SortingField = string> {
+    id: string;
+    label: string;
+    value: SortInfo<SortingField>;
+}
+export declare const getSortOptions: <SortingField = string>(sortingOptions?: TableSortField<SortingField>[]) => MappedSortItem<SortingField>[];
+export {};

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

@@ -0,0 +1,2 @@
+import { SortInfo } from '../../sort.types';
+export type SortMapping<SortingField = string> = Record<string, SortInfo<SortingField>>;

package/dist/components/table/components/table-actions-wrapper/components/sort/helpers/get-sort-options/index.d.ts

@@ -0,0 +1 @@
+export * from './get-sort-options';

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

@@ -0,0 +1 @@
+export * from './sort';

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

@@ -0,0 +1,2 @@
+import { SortComponentProps } from './sort.types';
+export declare const Sort: (props: SortComponentProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledDropdown: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("../../../../../dropdown").DropdownProps<any>>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,29 @@
+import { OnConfirmInteraction } from '../../hooks/use-confirm-interaction/use-confirm-interaction.types';
+export interface SortProps {
+    current: SortInfo;
+    disabled?: boolean;
+    fields: TableSortField<string>[];
+    onSort: (sortInfo: SortInfo) => void;
+}
+export interface SortComponentProps extends SortProps {
+    confirmAllInteractions: boolean;
+    onConfirmInteraction: OnConfirmInteraction;
+}
+export interface SortInfo<SortingField = string> {
+    label?: string;
+    sortingField: SortingField;
+    sortingType?: SortingType;
+}
+export type SortingType = 'ASC' | 'DESC';
+export type TableSortField<SortingField = string> = {
+    bidirectional?: never;
+    label: string;
+    sortingField: SortingField;
+    /** If not provided, defaults to 'DESC' */
+    sortingType?: SortingType;
+} | {
+    bidirectional: true;
+    label: string;
+    sortingField: SortingField;
+    sortingType?: never;
+};

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

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

package/dist/components/table/components/table-actions-wrapper/hooks/use-confirm-interaction/use-confirm-interaction.constants.d.ts

@@ -0,0 +1,2 @@
+import { TableInteraction } from './use-confirm-interaction.types';
+export declare const confirmInteractionMessage: Record<TableInteraction, string>;

package/dist/components/table/components/table-actions-wrapper/hooks/use-confirm-interaction/use-confirm-interaction.d.ts

@@ -0,0 +1,12 @@
+import { RowData } from '@tanstack/react-table';
+import { UseConfirmInteractionProps, OnConfirmInteraction } from './use-confirm-interaction.types';
+export declare const useConfirmInteraction: <DataType extends RowData<{
+    [key: string]: unknown;
+    id: string | number;
+    subRows?: any[] | undefined;
+}>>(props: UseConfirmInteractionProps<DataType>) => {
+    /** 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-actions-wrapper/hooks/use-confirm-interaction/use-confirm-interaction.types.d.ts

@@ -0,0 +1,6 @@
+import { RowData, Table } from '@tanstack/react-table';
+export type TableInteraction = 'FOCUS_SEARCH' | 'OPEN_FILTERS' | 'OPEN_SORT' | 'USE_PAGING' | 'CUSTOM_ACTION';
+export interface UseConfirmInteractionProps<DataType extends RowData> {
+    table: Table<DataType>;
+}
+export type OnConfirmInteraction = (interaction: TableInteraction) => Promise<boolean>;

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

@@ -0,0 +1 @@
+export * from './table-actions-wrapper';

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

@@ -0,0 +1,9 @@
+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: <DataType extends RowData<{
+    [key: string]: unknown;
+    id: string | number;
+    subRows?: any[] | undefined;
+}>>(props: React.PropsWithChildren<TableActionsWrapperProps<DataType>>) => JSX.Element;

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

@@ -0,0 +1,33 @@
+import { JSXElementConstructor } from 'react';
+import { RowData, Table } from '@tanstack/react-table';
+import { PagingProps } from '../../../paging/paging.types';
+import { SortProps } from './components/sort/sort.types';
+export type FiltersProps = {
+    count: number;
+    filtersContent: JSX.Element;
+    numActive: number;
+    onApply: () => void;
+    onClose: () => void;
+    onReset: () => void;
+};
+export interface SearchProps {
+    onSearch: (value: string) => void;
+    placeholder?: string;
+    value: string;
+}
+export interface CustomActionProps<DataType extends RowData> {
+    Component: JSXElementConstructor<{
+        onConfirmInteraction: () => Promise<boolean>;
+        table: Table<DataType>;
+    }>;
+    position?: 'left' | 'right' | 'bottom';
+}
+export interface TableActionsWrapperProps<DataType extends RowData> {
+    className: string | undefined;
+    customAction: CustomActionProps<DataType> | undefined;
+    filters: FiltersProps | undefined;
+    paging: PagingProps | undefined;
+    search: SearchProps | undefined;
+    sorting: SortProps | undefined;
+    table: Table<DataType>;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { RowData, Table } from '@tanstack/react-table';
+export type TableFooterProps<DataType extends RowData> = {
+    table: Table<DataType>;
+};

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { RowData, Table } from '@tanstack/react-table';
+import { GetHeaderCellProps } from '../../table.types';
+export type TableHeaderProps<DataType extends RowData> = {
+    getHeaderCellProps: GetHeaderCellProps<DataType> | undefined;
+    table: Table<DataType>;
+};

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { RowData } from '@tanstack/react-table';
+import { UseDragAndDropProps } from './use-drag-and-drop.types';
+export declare const useDragAndDrop: <DataType extends RowData<{
+    [key: string]: unknown;
+    id: string | number;
+    subRows?: any[] | undefined;
+}>>(props: UseDragAndDropProps<DataType>) => {
+    dragAndDropRef: import("react").RefObject<HTMLTableRowElement>;
+    isDragging: boolean;
+} | {
+    dragAndDropRef?: undefined;
+    isDragging?: undefined;
+};

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

@@ -0,0 +1,9 @@
+import { Row, RowData } from '@tanstack/react-table';
+export interface UseDragAndDropProps<DataType extends RowData> {
+    enableReordering: boolean;
+    handleOnReorder: () => Promise<void>;
+    index: number;
+    isSubRow: boolean;
+    moveRow: (startIndex: number, endIndex: number) => void;
+    row: Row<DataType>;
+}

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

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

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

@@ -0,0 +1,10 @@
+/** See `RowStatusValue` type for possible values. */
+export declare const dataAttrRowStatus: "data-row-status";
+export declare const dataAttrRowIsClickable: "data-row-is-clickable";
+export declare const dataAttrRowHighlightOnHover: "data-row-highlight-on-hover";
+/** Applying this data attribute marks a row as active, applying a new background color. */
+export declare const dataAttrActiveRow: "data-active-row";
+/** Prefix added to table cell data attrs (like cell ID). */
+export declare const dataAttrCellPrefix: "data-cell";
+/** Applied when a sticky styled element is observed to have become sticky via `markStickyElements`. */
+export declare const dataAttrIsSticky: "data-is-sticky";

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

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

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

@@ -0,0 +1,4 @@
+export declare const StyledTR: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
+    canReorder: boolean;
+    isDragging: boolean | undefined;
+}, never>;

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

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

package/dist/components/table/helpers/add-missing-ids/add-missing-ids.d.ts

@@ -0,0 +1,7 @@
+import { RowData } from '@tanstack/react-table';
+/** If an index does not contain an `id` value, one is added using uuid. */
+export declare const addMissingIds: <DataType extends RowData<{
+    [key: string]: unknown;
+    id: string | number;
+    subRows?: any[] | undefined;
+}>>(data: DataType[]) => DataType[];

package/dist/components/table/helpers/add-missing-ids/index.d.ts

@@ -0,0 +1 @@
+export * from './add-missing-ids';

package/dist/components/table/helpers/hyphenate-column-id/hyphenate-column-id.d.ts

@@ -0,0 +1 @@
+export declare const hyphenateColumnId: ((id: string) => string) & import("lodash").MemoizedFunction;

package/dist/components/table/helpers/hyphenate-column-id/index.d.ts

@@ -0,0 +1 @@
+export * from './hyphenate-column-id';

package/dist/components/table/hooks/use-move-row/index.d.ts

@@ -0,0 +1 @@
+export * from './use-move-row';

package/dist/components/table/hooks/use-move-row/use-move-row.d.ts

@@ -0,0 +1,9 @@
+import { RowData } from '@tanstack/react-table';
+import { UseMoveRowProps } from './use-move-row.types';
+export declare const useMoveRow: <TData extends RowData<{
+    [key: string]: unknown;
+    id: string | number;
+    subRows?: any[] | undefined;
+}>>(props: UseMoveRowProps<TData>) => {
+    moveRow: (startIndex: number, endIndex: number) => void;
+};

package/dist/components/table/hooks/use-move-row/use-move-row.types.d.ts

@@ -0,0 +1,5 @@
+import { RowData } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+export interface UseMoveRowProps<TData extends RowData> {
+    setData: Dispatch<SetStateAction<TData[]>>;
+}