Axinom Mosaic Libraries
    Preparing search index...

    Interface DynamicListDataEntryProps<T>

    interface DynamicListDataEntryProps<T extends Data> {
        actionButtonContext?: ButtonContext;
        actionSize?: string;
        allowDragging?: boolean;
        allowReordering?: boolean;
        className?: string;
        columnGap?: string;
        columns: DynamicListColumn<T>[];
        columnSizes: string;
        customAddButton?: (onAddItem: () => Promise<void>) => ReactElement;
        defaultValuesForNewData?: Partial<T>;
        disabled?: boolean;
        horizontalTextAlign?: "right" | "left" | "center";
        mode?: DynamicListDataEntryMode;
        newDataPosition?: number;
        onActionClicked?: (data: T) => void;
        positionKey?: keyof T;
        rowHeight?: string;
        rowValidationSchema?: OptionalObjectSchema<
            ObjectSchemaDefinition<T>,
            AnyObject,
            TypeOfShape<ObjectSchemaDefinition<T>>,
        >;
        showHeader?: boolean;
        showPositionColumn?: boolean;
        sticky?: boolean;
        verticalTextAlign?: "end" | "center" | "start";
    }

    Type Parameters

    Index

    Properties

    actionButtonContext? actionSize? allowDragging? allowReordering? className? columnGap? columns columnSizes customAddButton? defaultValuesForNewData? disabled? horizontalTextAlign? mode? newDataPosition? onActionClicked? positionKey? rowHeight? rowValidationSchema? showHeader? showPositionColumn? sticky? verticalTextAlign?

    Properties

    actionButtonContext?: ButtonContext

    Overrides the default action button context behavior

    actionSize?: string

    Size of action button and checkbox

    allowDragging?: boolean

    If set to true, this component can be dragged (default: undefined)

    allowReordering?: boolean

    If set to true, rows can be be repositioned using the input field (default: undefined)

    className?: string

    CSS Class name for additional styles

    columnGap?: string

    Header row height

    columns: DynamicListColumn<T>[]

    The column definition

    columnSizes: string

    Spacing between columns

    customAddButton?: (onAddItem: () => Promise<void>) => ReactElement

    override default add button (+)

    defaultValuesForNewData?: Partial<T>

    Sets default values to be populated in the new row when new data is allowed.

    disabled?: boolean

    Whether add new item button should be disabled

    horizontalTextAlign?: "right" | "left" | "center"

    Horizontal alignment of text

    mode?: DynamicListDataEntryMode

    Determines if the component is in Add or Edit mode (default: Add)

    newDataPosition?: number

    Position the new data will receive

    onActionClicked?: (data: T) => void

    Emits when the action button is clicked. Data is supplied as a parameter

    positionKey?: keyof T

    Property name that is used to determine data position (default: undefined)

    rowHeight?: string

    List row height

    rowValidationSchema?: OptionalObjectSchema<
        ObjectSchemaDefinition<T>,
        AnyObject,
        TypeOfShape<ObjectSchemaDefinition<T>>,
    >

    Optional Yup validation object for validating new data

    showHeader?: boolean

    If header is shown

    showPositionColumn?: boolean

    If set to true, the position column will be shown (default: false)

    sticky?: boolean

    Whether Data Entry row should stick to the top below Header (default: true)

    verticalTextAlign?: "end" | "center" | "start"

    Vertical alignment of text

    Settings

    Member Visibility

    On This Page

    Properties