@equinor/apollo-components 3.1.8 → 3.2.0-beta.2

package/dist/index.d.ts

@@ -1,12 +1,14 @@
 import { IconData } from '@equinor/eds-icons';
 import * as react from 'react';
 import { ReactNode, ReactElement, HTMLProps, MutableRefObject, Dispatch, SetStateAction, SyntheticEvent } from 'react';
+import { CellContext, Cell, Header, Table, Row, SortingState, OnChangeFn, ColumnDef, RowSelectionState, ExpandedState, VisibilityState, HeaderContext } from '@tanstack/react-table';
 import * as styled_components from 'styled-components';
 import * as _equinor_eds_core_react from '@equinor/eds-core-react';
 import { CellProps, TypographyProps as TypographyProps$1 } from '@equinor/eds-core-react';
-import { Cell, Header, CellContext, Table, Row, SortingState, OnChangeFn, ColumnDef, RowSelectionState, ExpandedState, VisibilityState, HeaderContext } from '@tanstack/react-table';
 import { ColumnDef as ColumnDef$1 } from '@tanstack/table-core';
 import { SetRequired } from 'type-fest';
+import { TableOptions } from '@tanstack/table-core/build/lib/types';
+import { FieldError } from 'react-hook-form';
 
 interface AppShellProps {
     children?: ReactNode;
@@ -18,6 +20,8 @@ declare const AppShell: ({ children, icon, title, sidebar }: AppShellProps) => J
 
 declare function AppSidebar(): JSX.Element;
 
+declare function CheckboxCell<T>(context: CellContext<T, boolean>): JSX.Element;
+
 declare const ChipsCell: (props: {
     values?: string[];
 }) => JSX.Element;
@@ -36,8 +40,10 @@ declare function DynamicCell<T>({ cell, highlight, getStickyCellColor }: TableCe
 
 interface HeaderCellProps<TData, TValue> {
     header: Header<TData, TValue>;
+    /** Needed for column resizing */
+    table: Table<TData>;
 }
-declare const HeaderCell: <TData, TValue>({ header }: HeaderCellProps<TData, TValue>) => JSX.Element;
+declare const HeaderCell: <TData, TValue>({ header, table }: HeaderCellProps<TData, TValue>) => JSX.Element;
 
 declare type HierarchyCellOptions = {
     getRowDepth?: () => number;
@@ -131,6 +137,7 @@ interface DataTableProps<T> {
     virtual?: boolean;
     getRowId?: (originalRow: T, index: number, parent: Row<T> | undefined) => string;
     getSubRows?: (originalRow: T) => T[] | undefined;
+    columnResizing?: boolean | TableOptions<T>['columnResizeMode'];
     rowSelection?: Partial<ControlledState<RowSelectionState>> & {
         mode?: RowSelectionMode;
         selectColumn?: 'default' | ((options?: Record<string, any>) => ColumnDef<T, any>);
@@ -155,7 +162,12 @@ interface DataTableProps<T> {
         enableGlobalFilterInput?: boolean;
         globalFilterPlaceholder?: string;
         filterFromLeafRows?: boolean;
+        /**
+         * @deprecated Use `customActionsLeft` instead
+         */
         customActions?: <T>(table: Table<T>) => ReactNode;
+        customActionsLeft?: <T>(table: Table<T>) => ReactNode;
+        customActionsRight?: <T>(table: Table<T>) => ReactNode;
         /**
          * Default 1rem
          * Accepts any CSS padding value
@@ -235,10 +247,19 @@ declare function addFormMeta<T>(withoutFormMeta: T): T & FormMeta;
 
 declare function EditableCheckboxCell<T extends FormMeta>(context: CellContext<T, boolean>): JSX.Element;
 
-interface EditableDateCellProps<T extends FormMeta> extends CellContext<T, unknown> {
+interface EditableDateCellProps<T extends FormMeta, Value> extends CellContext<T, Value> {
     dateStringFormatter?: (date: string) => string;
+    /**
+     * FieldError object used to overwrite react-hook-form validation result. It is prioritized over
+     * react-hook-form's validation.
+     */
+    error?: FieldError;
+    /**
+     *
+     */
+    onChange?: (value: Value, original: T) => void;
 }
-declare function EditableDateCell<T extends FormMeta>(props: EditableDateCellProps<T>): JSX.Element;
+declare function EditableDateCell<T extends FormMeta, Value>({ dateStringFormatter, error: errorFromProps, ...context }: EditableDateCellProps<T, Value>): JSX.Element;
 
 interface Option {
     label: string;
@@ -249,16 +270,40 @@ interface EditableDropdownSingleCellProps<T extends FormMeta> extends CellContex
      * `Option.value` is used internally to get and update selection state. `Option.label` is *only* for visual purposes.
      */
     options: Option[];
+    /**
+     * FieldError object used to overwrite react-hook-form validation result. It is prioritized over
+     * react-hook-form's validation.
+     */
+    error?: FieldError;
 }
-declare function EditableDropdownSingleCell<T extends FormMeta>(props: EditableDropdownSingleCellProps<T>): JSX.Element;
+declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, ...context }: EditableDropdownSingleCellProps<T>): JSX.Element;
 
-declare function EditableNumberCell<T extends FormMeta>(context: CellContext<T, number>): JSX.Element;
+interface EditableNumberCellProps<T extends FormMeta> extends CellContext<T, number> {
+    /**
+     * FieldError object used to overwrite react-hook-form validation result. It is prioritized over
+     * react-hook-form's validation.
+     */
+    error?: FieldError;
+}
+declare function EditableNumberCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableNumberCellProps<T>): JSX.Element;
 
 interface EdtiableTextAreaProps<T extends FormMeta> extends CellContext<T, string> {
     title: string;
+    /**
+     * FieldError object used to overwrite react-hook-form validation result. It is prioritized over
+     * react-hook-form's validation.
+     */
+    error?: FieldError;
 }
-declare function EditableTextAreaCell<T extends FormMeta>(props: EdtiableTextAreaProps<T>): JSX.Element;
+declare function EditableTextAreaCell<T extends FormMeta>({ title, error: errorFromProps, ...context }: EdtiableTextAreaProps<T>): JSX.Element;
 
-declare function EditableTextFieldCell<T extends FormMeta>(context: CellContext<T, unknown>): JSX.Element;
+interface EditableTextFieldCellProps<T extends FormMeta> extends CellContext<T, unknown> {
+    /**
+     * FieldError object used to overwrite react-hook-form validation result. It is prioritized over
+     * react-hook-form's validation.
+     */
+    error?: FieldError;
+}
+declare function EditableTextFieldCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableTextFieldCellProps<T>): JSX.Element;
 
-export { AppShell, AppSidebar, CellConfig, ChipsCell, ColumnSelect, DataTable, DataTableProps, DynamicCell, EditableCheckboxCell, EditableDateCell, EditableDateCellProps, EditableDropdownSingleCell, EditableDropdownSingleCellProps, EditableNumberCell, EditableTextAreaCell, EditableTextFieldCell, FormMeta, HTMLPropsRef, HeaderCell, HierarchyCell, InfiniteScrollConfig, Option, PopoverCell, RowConfig, RowSelectionMode, SelectColumnDef, SortConfig, StickyCell, StickyHeaderCell, StyledStickyCell, TableHeader, TableLayout, TableRowWrapper, TableRowWrapperProps, TruncateMode, TypographyCustom, TypographyProps, WithoutFormMeta, addFormMeta, capitalizeHeader, leftCellShadow, prependSelectColumn, removeFormMeta, stopPropagation, stringToHslColor, useEditMode, useGetIsNew, useHasRemoteChange, useSetFormMeta };
+export { AppShell, AppSidebar, CellConfig, CheckboxCell, ChipsCell, ColumnSelect, DataTable, DataTableProps, DynamicCell, EditableCheckboxCell, EditableDateCell, EditableDateCellProps, EditableDropdownSingleCell, EditableDropdownSingleCellProps, EditableNumberCell, EditableTextAreaCell, EditableTextFieldCell, FormMeta, HTMLPropsRef, HeaderCell, HierarchyCell, InfiniteScrollConfig, Option, PopoverCell, RowConfig, RowSelectionMode, SelectColumnDef, SortConfig, StickyCell, StickyHeaderCell, StyledStickyCell, TableHeader, TableLayout, TableRowWrapper, TableRowWrapperProps, TruncateMode, TypographyCustom, TypographyProps, WithoutFormMeta, addFormMeta, capitalizeHeader, leftCellShadow, prependSelectColumn, removeFormMeta, stopPropagation, stringToHslColor, useEditMode, useGetIsNew, useHasRemoteChange, useSetFormMeta };