@data-driven-forms/react-form-renderer/condition/condition.d.ts

React Form Renderer. Data Driven Forms converts JSON form definitions into fully functional React forms.

import Field from "../common-types/field";
import type { FormState, FormApi } from "final-form";
 
export interface ActionResolution {
  visible?: boolean;
  set?: object | ((formState:FormState<Record<string, any>>, getFieldState:FormApi["getFieldState"]) => object) ; // TO DO specify this
}

export type InnerWhenFunction = (currentField: string) => string;
export type WhenFunction = (currentField: string) => string | string[] | InnerWhenFunction[];

export interface ConditionProp {
  when?: string | string[] | WhenFunction | InnerWhenFunction[];
  is?: any;
  isNotEmpty?: boolean;
  isEmpty?: boolean;
  pattern?: string | RegExp;
  notMatch?: any;
  then?: ActionResolution;
  else?: ActionResolution;
  or?: ConditionProp | ConditionProp[];
  and?: ConditionProp | ConditionProp[];
  not?: ConditionProp | ConditionProp[];
}

export interface ConditionDefinition extends ConditionProp {
  mappedAttributes?: {
    is?: string;
    when?: string;
    set?: string;
  },
  or?: ConditionProp | ConditionProp[];
  and?: ConditionProp | ConditionProp[];
  not?: ConditionProp | ConditionProp[];
  sequence?: ConditionProp[];
}

export interface ConditionProps {
  values: object;
  children: React.ReactChildren;
  condition?: ConditionDefinition | ConditionDefinition[];
  field: Field;
}

declare const Condition: React.ComponentType<ConditionProps>;

export default Condition;