gantri-components 2.83.0-beta.1 → 2.83.0-beta.11

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

@@ -6,6 +6,7 @@ export declare const StyledSelect: import("styled-components").StyledComponent<"
 }, never>;
 export declare const StyledCustomPlaceholderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $hasTopPadding: boolean;
+    disabled: boolean | undefined;
 }, never>;
 export declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<import("../text-field").TextFieldProps>, import("styled-components").DefaultTheme, {
     $transparentInputText: boolean;

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

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

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

@@ -0,0 +1,22 @@
+import { HTMLAttributes, JSXElementConstructor } from 'react';
+import { Row, RowData } from '@tanstack/react-table';
+export interface AfterRowComponentProps<TData extends RowData> {
+    getAfterRowComponent: GetAfterRowComponentDef<TData> | undefined;
+    row: Row<TData>;
+}
+export type GetAfterRowComponentDef<TData extends RowData> = (props: {
+    row: Row<TData>;
+}) => {
+    Component: AfterRowComponentDef<TData> | false | null | undefined;
+    /** If `false`, your `Component` will not be wrapped in `tr`/`td` elements, but you can use the props passed to Component to create them. */
+    disableTableFormatting?: boolean;
+};
+export type AfterRowComponentDef<TData extends RowData> = JSXElementConstructor<{
+    /** Can be used to calculate the `colSpan` for your `td` elements. */
+    numColumns: number;
+    row: Row<TData>;
+    /** If `disableTableFormatting === true`, you can pass these attributes to your own `td` elements. */
+    tdAttrs: HTMLAttributes<HTMLTableCellElement>;
+    /** If `disableTableFormatting === true`, you can pass these attributes to your own `tr` element. */
+    trAttrs: HTMLAttributes<HTMLTableRowElement>;
+}>;

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

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

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

@@ -1,7 +1,9 @@
 import { Row, RowData } 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> {
     customRowProps: CustomRowProps;
+    getAfterRowComponent: GetAfterRowComponentDef<TData> | undefined;
     getCellProps: GetCellProps<TData> | undefined;
     index?: number;
     onRowClick?: OnRowClick<TData>;

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

@@ -1,4 +1,5 @@
 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,3 +1,4 @@
+export type { GetAfterRowComponentDef, AfterRowComponentDef, } from './components/after-row-component/after-row-component.types';
 export * from './table';
 export * from './table.types';
 export * from './components/table-row/table-row.constants';

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

@@ -1,3 +1,4 @@
+import { Property } from 'csstype';
 import { DefaultTheme } from 'styled-components';
 export declare const getTableRowBackgroundColors: ({ theme, backgroundColor, clickableRowHoverBackgroundColor, }: {
     backgroundColor: string | undefined;
@@ -20,4 +21,5 @@ export declare const StyledTable: import("styled-components").StyledComponent<"t
     stickyFirstColumn: boolean | undefined;
     stickyFooter: boolean | undefined;
     stickyLastColumn: boolean | undefined;
+    verticalAlign: Property.VerticalAlign | undefined;
 }, never>;

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

@@ -1,9 +1,11 @@
+import { Property } from 'csstype';
 import { Cell, ColumnDef, Header, Row, RowData, TableOptions } from '@tanstack/react-table';
 import { Dispatch, HTMLAttributes, MouseEvent, MouseEventHandler, 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 { OverlayPosition } from '../overlay/overlay.types';
+import { GetAfterRowComponentDef } from './components/after-row-component/after-row-component.types';
 export interface RowReorderingProps<TData extends RowData> {
     disabled?: boolean;
     getDisableSortableRow?: (row: Row<TData>) => boolean;
@@ -43,6 +45,7 @@ export interface TableProps<TData extends RowData> extends Partial<TableDefaultP
     /** If your data is collapsable, passing `true` here will expand all the data by default. */
     expandAllRows?: boolean;
     filters?: FiltersProps;
+    getAfterRowComponent?: GetAfterRowComponentDef<TData>;
     getCellProps?: GetCellProps<TData>;
     /**
      * If getColumnsConfig and onColumnsConfigChange are provided,
@@ -69,6 +72,7 @@ export interface TableDefaultProps {
     stickyFooter: boolean;
     /** Providing `customColumns` will automatically make the last column sticky. */
     stickyLastColumn: boolean;
+    verticalAlign: Property.VerticalAlign;
 }
 export type GetHeaderCellProps<TData extends RowData, TValue = unknown> = (cell?: Header<TData, TValue>) => CustomCellProps;
 /** Include `status` in the returned object to set the row status color. */

package/dist/components/text-area/index.d.ts

@@ -1,2 +1,3 @@
 export * from './text-area';
 export * from './text-area.types';
+export * from './error-message';