@equinor/apollo-components 3.2.0 → 3.3.0

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import { CellProps, TypographyProps as TypographyProps$1 } from '@equinor/eds-co
 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;
@@ -161,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
@@ -239,32 +245,45 @@ declare function useSetFormMeta<T extends FormMeta>(): (newValues: Partial<T>) =
 declare function removeFormMeta<T extends FormMeta>(withFormMeta: T): Omit<T, keyof FormMeta>;
 declare function addFormMeta<T>(withoutFormMeta: T): T & FormMeta;
 
-declare function EditableCheckboxCell<T extends FormMeta>(context: CellContext<T, boolean>): JSX.Element;
+interface EditableCellBaseProps<T extends FormMeta, Value> extends CellContext<T, Value> {
+    /**
+     * FieldError object used to overwrite react-hook-form validation result. It is prioritized over
+     * react-hook-form's validation.
+     */
+    error?: FieldError;
+    /**
+     * Custom `onChange` called on input change after react-hook-form's `onChange`. E.g. used to trigger actions on change.
+     */
+    onChange?: (value: Value) => void;
+}
+
+declare function EditableCheckboxCell<T extends FormMeta>({ onChange: onChangeFromProps, ...context }: EditableCellBaseProps<T, boolean>): JSX.Element;
 
-interface EditableDateCellProps<T extends FormMeta> extends CellContext<T, unknown> {
+interface EditableDateCellProps<T extends FormMeta> extends EditableCellBaseProps<T, string> {
     dateStringFormatter?: (date: string) => string;
 }
-declare function EditableDateCell<T extends FormMeta>(props: EditableDateCellProps<T>): JSX.Element;
+declare function EditableDateCell<T extends FormMeta>({ dateStringFormatter, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDateCellProps<T>): JSX.Element;
 
 interface Option {
     label: string;
     value: string;
 }
-interface EditableDropdownSingleCellProps<T extends FormMeta> extends CellContext<T, unknown> {
+interface EditableDropdownSingleCellProps<T extends FormMeta> extends Omit<EditableCellBaseProps<T, unknown>, 'onChange'> {
     /**
      * `Option.value` is used internally to get and update selection state. `Option.label` is *only* for visual purposes.
      */
     options: Option[];
+    onChange?: (value: Option) => void;
 }
-declare function EditableDropdownSingleCell<T extends FormMeta>(props: EditableDropdownSingleCellProps<T>): JSX.Element;
+declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDropdownSingleCellProps<T>): JSX.Element;
 
-declare function EditableNumberCell<T extends FormMeta>(context: CellContext<T, number>): JSX.Element;
+declare function EditableNumberCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, number>): JSX.Element;
 
-interface EdtiableTextAreaProps<T extends FormMeta> extends CellContext<T, string> {
+interface EdtiableTextAreaProps<T extends FormMeta> extends EditableCellBaseProps<T, string> {
     title: string;
 }
-declare function EditableTextAreaCell<T extends FormMeta>(props: EdtiableTextAreaProps<T>): JSX.Element;
+declare function EditableTextAreaCell<T extends FormMeta>({ title, error: errorFromProps, onChange: onChangeFromProps, ...context }: EdtiableTextAreaProps<T>): JSX.Element;
 
-declare function EditableTextFieldCell<T extends FormMeta>(context: CellContext<T, unknown>): JSX.Element;
+declare function EditableTextFieldCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, string>): JSX.Element;
 
 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 };