gantri-components 2.73.2-beta.4 → 2.74.0-alpha.1

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

@@ -3,4 +3,3 @@ export * from './useModal';
 export * from './modal-context';
 export * from './modal-provider';
 export * from './useModalActions';
-export { getModalDetailsPanelBackgroundColor } from './modal.styles';

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

@@ -1,33 +1,28 @@
 /// <reference types="react" />
-import { DefaultTheme } from 'styled-components';
 import { Property } from 'csstype';
 import { ModalProps } from './modal.types';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-export declare const StyledModal: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledModalBody: import("styled-components").StyledComponent<"div", DefaultTheme, ModalProps & {
+export declare const StyledModal: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalProps & {
     isFullScreen?: boolean | undefined;
     noTopSpacing?: boolean | undefined;
 } & {
     $height?: ResolutionAwareProp<Property.Height<0 | (string & {})>> | undefined;
     $width?: ResolutionAwareProp<Property.Width<0 | (string & {})>> | undefined;
 }, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../stack/stack.types").StackProps & import("react").RefAttributes<import("../stack/stack.types").StackProps>>, DefaultTheme, {
+export declare const StyledModalContent: 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;
     noTopSpacing?: boolean | undefined;
 }, never>;
-export declare const getModalDetailsPanelBackgroundColor: ({ theme, isFullScreen, }: {
-    isFullScreen: boolean | undefined;
-    theme: DefaultTheme;
-}) => string;
-export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, DefaultTheme, {
+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 StyledModalHeader: import("styled-components").StyledComponent<"header", DefaultTheme, {
+export declare const StyledModalHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {
     $closeable?: boolean | undefined;
     isFullScreen?: boolean | undefined;
 }, never>;
-export declare const StyledModalFooter: import("styled-components").StyledComponent<"footer", DefaultTheme, {
+export declare const StyledModalFooter: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {
     $hasBorder: boolean;
 }, never>;
-export declare const StyledModalBackdrop: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledModalCloseButtonContainer: import("styled-components").StyledComponent<"span", DefaultTheme, {}, never>;
+export declare const StyledModalBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalCloseButtonContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,10 +1,8 @@
 import { Property } from 'csstype';
 import { ReactElement, ReactNode } from 'react';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-import { StackProps } from '../stack/stack.types';
 export interface ModalProps {
     closeable?: boolean;
-    contentStackProps?: StackProps;
     dataAttributes?: Record<string, unknown>;
     detailsPanel?: ReactElement;
     /** Applies to desktop only. */
@@ -17,6 +15,7 @@ export interface ModalProps {
     maxWidth?: ResolutionAwareProp<Property.MaxWidth>;
     /** Applies to mobile/tablet only. */
     noTopSpacing?: boolean;
+    onCancel?: () => void;
     onClose?: () => void;
     /** Ignored if `isFullScreen` is `true`. */
     top?: ResolutionAwareProp<Property.Top>;

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

@@ -1,5 +1,5 @@
 import { RowData, Table } from '@tanstack/react-table';
-export type TableInteraction = 'FOCUS_SEARCH' | 'OPEN_FILTERS' | 'OPEN_SORT' | 'USE_PAGING' | 'CUSTOM_ACTION';
+export type TableInteraction = 'FOCUS_SEARCH' | 'OPEN_FILTERS' | 'OPEN_SORT' | 'USE_PAGING' | 'CUSTOM_ACTION' | string;
 export interface UseConfirmInteractionProps<TData extends RowData> {
     table: Table<TData>;
 }

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

@@ -1,7 +1,6 @@
 /** 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). */

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

@@ -1,12 +1,7 @@
-import { ColumnDef, ColumnOrderState, RowData, Table, VisibilityState } from '@tanstack/react-table';
+import { ColumnDef, ColumnOrderState, RowData, VisibilityState } from '@tanstack/react-table';
 import { ColumnConfig } from './table.types';
 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 declare const extractColumnsDefinition: <TData extends RowData<{
     [key: string]: unknown;
     id?: string | number | undefined;

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

@@ -1,9 +1,5 @@
 import { DefaultTheme } from 'styled-components';
-export declare const getTableRowBackgroundColors: ({ theme, backgroundColor, clickableRowHoverBackgroundColor, }: {
-    backgroundColor: string | undefined;
-    clickableRowHoverBackgroundColor: string | undefined;
-    theme: DefaultTheme;
-}) => {
+export declare const getTableRowBackgroundColors: (theme: DefaultTheme) => {
     readonly statusErrorClickableHoverColor: string;
     readonly statusErrorColor: string;
     readonly statusNoneClickableHoverColor: string;
@@ -13,8 +9,6 @@ export declare const getTableRowBackgroundColors: ({ theme, backgroundColor, cli
 };
 export declare const StyledTableContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 export declare const StyledTable: import("styled-components").StyledComponent<"table", DefaultTheme, {
-    backgroundColor: string | undefined;
-    clickableRowHoverBackgroundColor: string | undefined;
     isCustomColumnsEnabled: boolean;
     stickyFirstColumn: boolean | undefined;
     stickyFooter: boolean | undefined;

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

@@ -24,10 +24,7 @@ export type SyncState = {
     reordered?: boolean;
 };
 export interface TableProps<TData extends RowData> extends Partial<TableDefaultProps> {
-    backgroundColor?: string;
     className?: string;
-    /** Applies to clickable rows without a status that changes the default color. */
-    clickableRowHoverBackgroundColor?: string;
     columns: ColumnDef<TData, any>[];
     customAction?: CustomActionProps<TData>;
     /** Providing this will automatically make the last column sticky. */
@@ -40,11 +37,6 @@ 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>;
-    /**
-     * If getColumnsConfig and onColumnsConfigChange are provided,
-     * the table will be able to save and load column configurations.
-     * the table settings component will become visible.
-     */
     getColumnsConfig?: GetColumnsConfigFn;
     getHeaderCellProps?: GetHeaderCellProps<TData>;
     /** Include `status` in the returned object to set the row status color. */