gantri-components 2.43.0-beta.8 → 3.0.0-beta.1

package/dist/components/search-field/search-field.styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledOption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../typography").TypographyProps & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDropdownMenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledClearIcon: import("styled-components").StyledComponent<import("react").FC<import("../icon/icon.types").IconProps>, import("styled-components").DefaultTheme, {}, never>;

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/index.d.ts

@@ -1,4 +1,3 @@
-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-actions-wrapper/components/sort/sort.types.d.ts

@@ -1,9 +1,9 @@
 import { OnConfirmInteraction } from '../../hooks';
-export interface SortProps<SortingField = string> {
-    current: SortInfo<SortingField> | SortingField;
+export interface SortProps {
+    current: SortInfo;
     disabled?: boolean;
-    fields: TableSortField<SortingField>[];
-    onSort: (sortInfo: SortInfo<SortingField> | SortingField) => void;
+    fields: TableSortField<string>[];
+    onSort: (sortInfo: SortInfo) => void;
 }
 export interface SortComponentProps extends SortProps {
     confirmAllInteractions: boolean;

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

@@ -15,12 +15,11 @@ export interface SearchProps {
     placeholder?: string;
     value: string;
 }
-export interface CustomActionComponentProps<TData extends RowData> {
-    onConfirmInteraction: () => Promise<boolean>;
-    table: Table<TData>;
-}
 export interface CustomActionProps<TData extends RowData> {
-    Component: JSXElementConstructor<CustomActionComponentProps<TData>>;
+    Component: JSXElementConstructor<{
+        onConfirmInteraction: () => Promise<boolean>;
+        table: Table<TData>;
+    }>;
     position: 'left' | 'right' | 'bottom';
 }
 export interface TableActionsWrapperProps<TData extends RowData> {

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

@@ -2,6 +2,5 @@ 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, {
-    disabled: boolean;
-    isActive: boolean;
+    active: boolean;
 }, never>;

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

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

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

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

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

@@ -6,7 +6,6 @@ export interface UseTrackStickyCellsProps<TData extends RowData> {
     /** The containing element that the child will intersect with. */
     root: Element | null;
     stickyFirstColumn: boolean | undefined;
-    stickyFooter: boolean | undefined;
     stickyLastColumn: boolean | undefined;
 }
 /** Mark table if header and/or first column cells are sticky. */

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

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

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

@@ -7,6 +7,7 @@ export declare const getTableRowBackgroundColors: (theme: DefaultTheme) => {
     readonly statusWarningClickableHoverColor: string;
     readonly statusWarningColor: string;
 };
+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;

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

@@ -1,20 +1,9 @@
 import { Cell, ColumnDef, Header, Row, RowData, TableOptions } from '@tanstack/react-table';
-import { Dispatch, HTMLAttributes, MouseEvent, SetStateAction } from 'react';
+import { HTMLAttributes, MouseEvent } 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>[];
@@ -36,10 +25,13 @@ 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?: ReorderingProps<TData>;
+    reordering?: {
+        enable: boolean;
+        /** Is fired when the dragged element is dropped. */
+        onReorder: (data: TData[], oldIndex?: number, newIndex?: number) => Promise<void>;
+    };
     search?: SearchProps;
     sorting?: SortProps;
-    stickyFooter?: boolean;
     stickyLastColumn?: boolean;
 }
 export interface TableDefaultProps {

package/dist/components/text-field/text-field.types.d.ts

@@ -38,11 +38,11 @@ export interface TextFieldProps {
     maxValue?: number;
     minValue?: number;
     name?: string;
-    onBlur?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onBlurTextChange?: (value: string) => void;
     onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onClick?: (event: MouseEvent) => void;
-    onFocus?: (event: FocusEvent) => void;
+    onClick?: (event: MouseEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onKeyDown?: KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     onKeyUp?: KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     onTextChange?: (value: string) => void;

package/dist/helpers/mark-sticky-elements/helpers/get-intersection-observer-callback/get-intersection-observer-callback.types.d.ts

@@ -3,6 +3,6 @@ export interface GetIntersectionObserverCallbackArgs {
     /** If not provided, the `dataAttrIsSticky` variable value will be used. If `stickyTo` is provided, it will apply that value as a suffix to the attr (ie `${dataAttrIsSticky}-${stickyTo}`). */
     attrToApply?: string;
     elementsToMark: Element[];
-    /** If not provided, an intersection in any direction will mark the elements. */
+    /** If not provided, an intersection in any direction mark the elements. */
     stickyTo?: StickyTo;
 }