1771 Technologies Logo

Components

FilterManagerProps<T>

The properties for the Filter Manager component of Graphite Grid.

Type parameters

Type parameterDescription
TThe type of data being managed by the Graphite Grid.

Properties

  • Name
    acceptClassName?
    Type
    string
    Description

    The CSS class to apply to the "Accept" button.

  • Name
    acceptLabel?
    Type
    string
    Description

    The label for the "Accept" button.

  • Name
    acceptStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the "Accept" button.

  • Name
    addClassName?
    Type
    string
    Description

    The CSS class to apply to the "Add" button.

  • Name
    addLabel?
    Type
    string
    Description

    The label for the "Add" button.

  • Name
    addStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the "Add" button.

  • Name
    binaryExprClassName?
    Type
    string
    Description

    The CSS class to apply to the binary expression component.

  • Name
    binaryExprRenderer?
    Type
    (props: BinaryExpressionRenderer<T>) => ReactNode
    Description

    Custom renderer for binary expressions.

  • Name
    binaryExprStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the binary expression component.

  • Name
    cancelClassName?
    Type
    string
    Description

    The CSS class to apply to the "Cancel" button.

  • Name
    cancelLabel?
    Type
    string
    Description

    The label for the "Cancel" button.

  • Name
    cancelStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the "Cancel" button.

  • Name
    className?
    Type
    string
    Description

    The CSS class to apply to the main Filter Manager container.

  • Name
    clearClassName?
    Type
    string
    Description

    The CSS class to apply to the "Clear" button.

  • Name
    clearLabel?
    Type
    string
    Description

    The label for the "Clear" button.

  • Name
    clearStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the "Clear" button.

  • Name
    columnExprClassName?
    Type
    string
    Description

    The CSS class to apply to the column expression component.

  • Name
    columnExprRenderer?
    Type
    (props: ColumnExpressionRenderer<T>) => ReactNode
    Description

    Custom renderer for column expressions.

  • Name
    columnExprStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the column expression component.

  • Name
    constantExprClassName?
    Type
    string
    Description

    The CSS class to apply to the constant expression component.

  • Name
    constantExprRenderer?
    Type
    (props: ConstantExpressionRenderer<T>) => ReactNode
    Description

    Custom renderer for constant expressions.

  • Name
    constantExprStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the constant expression component.

  • Name
    constantSelectClassName?
    Type
    string
    Description

    The CSS class to apply to the constant select component.

  • Name
    constantSelectStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the constant select component.

  • Name
    controlsClassName?
    Type
    string
    Description

    The CSS class to apply to the filter controls container.

  • Name
    controlsStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the filter controls container.

  • Name
    dropdownItemRenderer?
    Type
    (p: object) => ReactNode
    Description

    Custom renderer for dropdown items.

  • Name
    getItemsForInFilter?
    Type
    (params: GetItemsForInFilterParams<T>) => string[] | Promise<string[]>
    Description

    A function to fetch items for the "in" filter based on the provided

    parameters.

  • Name
    hideAccept?
    Type
    boolean
    Description

    Whether to hide the "Accept" button.

  • Name
    hideAdd?
    Type
    boolean
    Description

    Whether to hide the "Add" button.

  • Name
    hideCancel?
    Type
    boolean
    Description

    Whether to hide the "Cancel" button.

  • Name
    hideClear?
    Type
    boolean
    Description

    Whether to hide the "Clear" button.

  • Name
    inExprClassName?
    Type
    string
    Description

    The CSS class to apply to the "in" filter expression component.

  • Name
    inExprStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the "in" filter expression component.

  • Name
    inFilterRenderer?
    Type
    (props: InFilterRendererParams<T>) => ReactNode
    Description

    Custom renderer for "in" filter expressions.

  • Name
    inFilterSetRenderer?
    Type
    (props: InFilterRendererParams<T>) => ReactNode
    Description

    Custom renderer for "in" filter set expressions.

  • Name
    inputComponent?
    Type
    ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>
    Description

    Custom input component for the Filter Manager.

  • Name
    onAccept?
    Type
    () => void
    Description

    Callback function to execute when the "Accept" button is clicked.

  • Name
    onCancel?
    Type
    () => void
    Description

    Callback function to execute when the "Cancel" button is clicked.

  • Name
    onFilterModelChange?
    Type
    (expr: Partial<FilterExpr>[]) => void
    Description

    Callback function to execute when the filter model changes.

  • Name
    operatorButtonClassName?
    Type
    string
    Description

    The CSS class to apply to the operator button.

  • Name
    operatorButtonStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the operator button.

  • Name
    operatorOptionClassName?
    Type
    string
    Description

    The CSS class to apply to the operator options.

  • Name
    operatorOptionStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the operator options.

  • Name
    separatorClassName?
    Type
    string
    Description

    The CSS class to apply to the separator.

  • Name
    separatorStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the separator.

  • Name
    state
    Type
    GraphiteGridState<T>
    Description

    The state of the Graphite Grid that the Filter Manager should operate on.

  • Name
    style?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the main Filter Manager container.

  • Name
    unaryLogicalExprClassName?
    Type
    string
    Description

    The CSS class to apply to the unary logical expression component.

  • Name
    unaryLogicalExprRenderer?
    Type
    (props: UnaryLogicalExpressionRenderer<T>) => ReactNode
    Description

    Custom renderer for unary logical expressions.

  • Name
    unaryLogicalExprStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the unary logical expression component.