@isettingkit/business-rules 3.2.0 → 3.2.2

package/dist/index.es.d.ts

@@ -1,8 +1,11 @@
 import { IButton } from '@inubekit/inubekit';
+import { IButtonAppearance } from '@inubekit/inubekit';
 import { IOption } from '@inubekit/inubekit';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
+import { NumberSchema } from 'yup';
 import { ReactPortal } from 'react';
+import { StringSchema } from 'yup';
 
 export declare const BackAndNextButton: (props: IBackAndNextButton) => JSX.Element;
 
@@ -26,11 +29,48 @@ export declare const BusinessRuleView: (props: IBusinessRuleView) => JSX.Element
 
 export declare const BusinessRuleViewNew: (props: IBusinessRuleView_2) => JSX.Element;
 
+export declare const Checkpicker: (props: ICheckpicker) => JSX.Element;
+
+declare interface Condition {
+    valueUse: "RANGE" | "LIST_OF_VALUES_MULTI" | "EQUAL" | "GREATER_THAN" | "LESS_THAN";
+    listOfPossibleValues?: {
+        list?: string[];
+    };
+    conditionDataType: string;
+    decisionDataType?: string;
+    howToSetTheCondition: string;
+    howToSetTheDecision: string;
+    conditionName: string;
+    ruleName: string;
+    labelName: string;
+    placeholder?: string;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+}
+
 export declare const convertRangeToString: (value: {
     from: number;
     to: number;
 }) => string;
 
+export declare const currencyFormat: (price: number | string) => string;
+
+export declare const DecisionConditionRender: ({ condition, formik, isDecision, }: {
+    condition: Condition;
+    formik: FormikType;
+    isDecision?: boolean;
+}) => JSX.Element | null;
+
+export declare const DecisionConditionRenderNew: ({ condition, formik, isDecision, }: {
+    condition: IConditionNew;
+    formik: IFormikTypeNew;
+    isDecision?: boolean;
+}) => JSX.Element | null;
+
+export declare const DecisionViewConditionRenderer: (props: IDecisionViewConditionRenderer) => JSX.Element | null;
+
+export declare const DecisionViewConditionRendererNew: (props: IDecisionViewConditionRendererNew) => JSX.Element | null;
+
 export declare const DragAndDropBoxes: (props: IDragAndDropBoxes) => JSX.Element;
 
 export declare const DraggableList: (props: IDraggableList) => JSX.Element;
@@ -39,7 +79,24 @@ export declare const DropdownMenu: (props: IDropdownMenu) => JSX.Element;
 
 export declare const DropdownMenuContainer: (props: IDropdownMenuContainer) => JSX.Element;
 
-declare enum EFieldTypeNew {
+export declare const DynamicField: ({ type, name, label, value, onChange, messageValidate, statusValidate, onBlur, placeholder, }: IDynamicField) => JSX.Element | null;
+
+export declare const DynamicFieldNew: (props: IDynamicField_2) => JSX.Element | null;
+
+export declare const DynamicViewField: (props: IDynamicViewField) => JSX.Element;
+
+export declare const DynamicViewFieldNew: (props: IDynamicViewFieldNew) => JSX.Element;
+
+export declare enum EFieldType {
+    ALPHABETICAL = "alphabetical",
+    CURRENCY = "currency",
+    DATE = "date",
+    MONETARY = "monetary",
+    NUMBER = "number",
+    PERCENTAGE = "percentage"
+}
+
+export declare enum EFieldTypeNew {
     ALPHABETICAL = "alphabetical",
     CURRENCY = "currency",
     DATE = "date",
@@ -69,6 +126,8 @@ export declare const Filter: (props: IFilter) => JSX.Element;
 
 export declare const filterByGroup: <T>(obj: Record<string, T[]>, pred: (c: T) => boolean) => Record<string, T[]>;
 
+export declare const FilterModal: (props: IFilterModal) => ReactPortal;
+
 export declare const flatFromGroups: <T>(obj: Record<string, T[]>) => T[];
 
 export declare const formatDecisionForBackend: (props: {
@@ -82,7 +141,7 @@ export declare const formatDecisionForBackend: (props: {
     businessRuleId?: string;
     conditionDataType?: "number" | "alphabetical" | "currency" | "date" | "monetary" | "percentage";
     conditionName?: string;
-    conditionGroups?: ICondition_2[];
+    conditionGroups?: ICondition[];
     decision?: IDecision;
     decisions?: IDecision[];
     decisionDataType?: "number" | "alphabetical" | "currency" | "date" | "monetary" | "percentage";
@@ -104,8 +163,19 @@ export declare const formatDecisionForBackend: (props: {
     i18nValue?: string | string[] | number | IValue;
 };
 
+export declare const formatValue: (value: number | string, type: ITextfieldInputType_4) => string | number;
+
 export declare const FormFilter: (props: IFormFilter) => JSX.Element;
 
+declare interface FormikType {
+    setFieldValue: (field: string, value: any) => void;
+    setFieldTouched: (field: string, isTouched: boolean, shouldValidate?: boolean) => void;
+    values: Record<string, any>;
+    errors: Record<string, any>;
+    touched: Record<string, any>;
+    handleBlur: () => void;
+}
+
 export declare const getConditionsByGroupNew: (raw: any) => Record<string, any[]>;
 
 export declare const groupsRecordToArrayNew: (record: Record<string, any[]>) => {
@@ -233,6 +303,23 @@ declare interface IBusinessRuleView_2 {
     withEditOption?: boolean;
 }
 
+declare interface ICheckpicker {
+    disabled?: boolean;
+    fullwidth?: boolean;
+    id?: string;
+    invalid?: boolean;
+    label?: string;
+    maxItems?: number;
+    message?: string;
+    name: string;
+    onChange: (name: string, values: string) => void;
+    options: IOption[];
+    placeholder?: string;
+    required?: boolean;
+    size?: ICheckpickerSize_3;
+    values: string;
+}
+
 export declare interface ICheckpickerField {
     label?: string;
     name: string;
@@ -245,14 +332,16 @@ export declare interface ICheckpickerField {
     invalid?: boolean;
 }
 
-export declare type IClientLabel = string;
+declare type ICheckpickerSize = (typeof sizes)[number];
 
-export declare interface ICondition<TData> {
-    (data: TData): boolean;
-}
+declare type ICheckpickerSize_2 = (typeof sizes_2)[number];
+
+declare type ICheckpickerSize_3 = (typeof sizes_3)[number];
+
+export declare type IClientLabel = string;
 
-declare interface ICondition_2 {
-    conditionsThatEstablishesTheDecision?: ICondition_2[];
+export declare interface ICondition {
+    conditionsThatEstablishesTheDecision?: ICondition[];
     conditionDataType: (typeof ValueDataType)[keyof typeof ValueDataType];
     hidden?: boolean;
     conditionName: string;
@@ -264,9 +353,33 @@ declare interface ICondition_2 {
     descriptionUse?: string;
     i18n?: Partial<Record<string, string>>;
     i18nValue?: string | string[] | number | IValue;
+    timeUnit?: string;
+}
+
+declare interface ICondition_2<TData> {
+    (data: TData): boolean;
 }
 
-declare interface IDecision {
+declare interface IConditionNew {
+    groupKey?: string;
+    valueUse: "RANGE" | "LIST_OF_VALUES_MULTI" | "EQUAL" | "GREATER_THAN" | "LESS_THAN";
+    listOfPossibleValues?: {
+        list?: IOption[];
+    };
+    conditionDataType: string;
+    decisionDataType?: string;
+    howToSetTheCondition: string;
+    howToSetTheDecision: string;
+    conditionName: string;
+    ruleName: string;
+    labelName: string;
+    placeholder?: string;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+    value?: string | string[] | number | IValue | undefined;
+}
+
+export declare interface IDecision {
     decisionDataType: (typeof ValueDataType)[keyof typeof ValueDataType];
     validUntil?: Date;
     labelName: string;
@@ -279,6 +392,19 @@ declare interface IDecision {
     descriptionUse?: string;
 }
 
+export declare interface IDecisionViewConditionRenderer {
+    element: IRuleDecision;
+    type?: "decision" | "condition";
+    valueData: string | string[] | number | IValue_2 | undefined;
+}
+
+export declare interface IDecisionViewConditionRendererNew {
+    element: IRuleDecisionNew;
+    type?: "decision" | "condition";
+    editionMode?: "classic" | "versioned";
+    valueData: string | string[] | number | IValue_3 | undefined;
+}
+
 export declare interface IDragAndDropBoxes {
     group?: string;
     left: IDragAndDropColumn;
@@ -338,6 +464,35 @@ export declare interface IDropdownMenuGroup {
     path?: string;
 }
 
+declare interface IDynamicField extends IFieldStrategy {
+    type: string;
+}
+
+declare interface IDynamicField_2 extends IFieldStrategyNew {
+    type: string;
+    listOfPossibleValues?: {
+        list?: IOption[];
+    };
+}
+
+export declare interface IDynamicViewField {
+    label: string;
+    labelType?: string;
+    type: ITextfieldInputType_5;
+    valueInput: number | string;
+}
+
+export declare interface IDynamicViewFieldNew {
+    label: string;
+    labelType?: string;
+    type: ITextfieldInputType_7;
+    valueInput: number | string;
+    stillValid: boolean;
+    showModal: boolean;
+    handleOnClick: () => void;
+    validDate: string;
+}
+
 declare interface IEntriesGridNode<TData, TEntry> extends INodeBase<TData> {
     entries: IPath<TData>;
     keyOf: (entry: TEntry) => string;
@@ -347,6 +502,33 @@ declare interface IEntriesGridNode<TData, TEntry> extends INodeBase<TData> {
     valueOf: (entry: TEntry) => string;
 }
 
+export declare interface IFieldStrategy {
+    label: string;
+    messageValidate?: string;
+    name: string;
+    onBlur?: () => void;
+    onChange: (value?: string | number | any) => void;
+    statusValidate?: string | IInputStatus;
+    value: string | number;
+    placeholder?: string;
+}
+
+declare interface IFieldStrategyNew {
+    label: string;
+    messageValidate?: string;
+    name: string;
+    placeholder?: string;
+    required?: boolean;
+    onBlur?: () => void;
+    onChange: (name: string, value: string | number) => void;
+    statusValidate?: string | IInputStatus;
+    value: string | number;
+    condition?: boolean;
+    listOfPossibleValues?: {
+        list?: IOption[];
+    };
+}
+
 export declare interface IFilter {
     appliedFilters?: IFilterTag[];
     onClear: () => void;
@@ -356,6 +538,23 @@ export declare interface IFilter {
     titleFilter: string;
 }
 
+export declare interface IFilterModal {
+    actionButtonLabel: string;
+    cancelButtonLabel?: string;
+    children: React.ReactNode;
+    loading?: boolean;
+    onClick: () => void;
+    onCloseModal: () => void;
+    portalId: string;
+    title: string;
+    withText?: boolean;
+    withDivider?: boolean;
+    withCancelButton?: boolean;
+    buttonAppearance?: IButtonAppearance;
+    withIconTitle?: boolean;
+    icon?: React.ReactNode;
+}
+
 export declare interface IFilterTag {
     icon: JSX_2.Element;
     label: string;
@@ -371,12 +570,64 @@ export declare interface IFormFilter {
     noFiltersLabel?: string;
 }
 
+declare interface IFormikTypeNew {
+    setFieldValue: (field: string, value: any) => void;
+    setFieldTouched: (field: string, isTouched: boolean, shouldValidate?: boolean) => void;
+    values: Record<string, any>;
+    errors: Record<string, any>;
+    touched: Record<string, any>;
+    handleBlur: () => void;
+    submitCount: number;
+}
+
 declare interface IGroupNode<TData> extends INodeBase<TData> {
     children: Array<TSchemaNode<TData, any>>;
     type: "group";
 }
 
-declare interface IInputStatus {
+declare interface IInputRange {
+    handleInputChangeFrom: (valueFrom: number | Date) => void;
+    handleInputChangeTo: (valueTo: number | Date) => void;
+    id: string;
+    typeInput: ITextfieldInputType_2;
+    label: string;
+    required?: boolean;
+    valueFrom?: number | Date;
+    valueTo?: number | Date;
+    messageFrom?: string;
+    messageTo?: string;
+    statusFrom?: IInputStatus;
+    statusTo?: IInputStatus;
+    onBlur?: () => void;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+}
+
+declare interface IInputRangeNew {
+    condition?: boolean;
+    handleInputChangeFrom: (valueFrom: number | Date | string) => void;
+    handleInputChangeTo: (valueTo: number | Date | string) => void;
+    id: string;
+    typeInput: ITextfieldInputType_3;
+    label: string;
+    required?: boolean;
+    valueFrom?: number | Date | string;
+    valueTo?: number | Date | string;
+    messageFrom?: string;
+    messageTo?: string;
+    statusFrom?: IInputStatus;
+    statusTo?: IInputStatus;
+    onBlur?: () => void;
+    listOfPossibleValues?: {
+        list?: IOption[];
+    };
+    onBlurFrom?: () => void;
+    onBlurTo?: () => void;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+}
+
+export declare interface IInputStatus {
     from?: string | number | Date;
     to?: string | number | Date;
 }
@@ -405,9 +656,54 @@ declare interface IModalRules {
     description?: string;
 }
 
+declare interface IMultipleChoices {
+    id: string;
+    labelSelect: string;
+    labelSelected: string;
+    options: IOption[];
+    placeholderSelect?: string;
+    required?: boolean;
+    message?: string;
+    onBlur?: () => void;
+    values: string;
+    onChange: (name: string, value: string) => void;
+    size?: ICheckpickerSize;
+}
+
+declare interface IMultipleChoicesNew {
+    condition?: boolean;
+    id: string;
+    labelSelect: string;
+    labelSelected: string;
+    options: IOption[];
+    placeholderSelect?: string;
+    required?: boolean;
+    message?: string;
+    onBlur?: () => void;
+    values: string;
+    onChange: (name: string, value: string) => void;
+    size?: ICheckpickerSize_2;
+}
+
 declare interface INodeBase<TData> {
     id: string;
-    when?: ICondition<TData>;
+    when?: ICondition_2<TData>;
+}
+
+export declare const InputRange: (props: IInputRange) => JSX.Element;
+
+export declare const InputRangeNew: (props: IInputRangeNew) => JSX.Element;
+
+declare interface IOptionItemChecked {
+    id: string;
+    label: string;
+    checked?: boolean;
+}
+
+declare interface IOptionItemChecked_2 {
+    id: string;
+    label: string;
+    checked?: boolean;
 }
 
 export declare type IPath<TData> = string | IPathFn<TData>;
@@ -434,12 +730,12 @@ declare interface IRevertSortedData {
     originalDecision?: IRuleDecision;
 }
 
-declare interface IRuleDecision {
+export declare interface IRuleDecision {
     businessRuleId?: string;
     conditionDataType?: (typeof ValueDataType)[keyof typeof ValueDataType];
     conditionName?: string;
-    conditionGroups?: ICondition_2[];
-    conditionsThatEstablishesTheDecision?: ICondition_2[];
+    conditionGroups?: ICondition[];
+    conditionsThatEstablishesTheDecision?: ICondition[];
     decision?: IDecision;
     decisions?: IDecision[];
     decisionDataType?: (typeof ValueDataType)[keyof typeof ValueDataType];
@@ -463,12 +759,12 @@ declare interface IRuleDecision {
     i18nValue?: string | string[] | number | IValue;
 }
 
-declare interface IRuleDecisionNew {
+export declare interface IRuleDecisionNew {
     businessRuleId?: string;
     conditionDataType?: EFieldTypeNew;
     conditionName?: string;
-    conditionGroups?: ICondition_2[];
-    conditionsThatEstablishesTheDecision?: ICondition_2[];
+    conditionGroups?: ICondition[];
+    conditionsThatEstablishesTheDecision?: ICondition[];
     decision?: IDecision;
     decisions?: IDecision[];
     decisionDataType?: EFieldTypeNew;
@@ -544,12 +840,33 @@ export declare interface IStepSchema<TData> {
     }) => void;
 }
 
+export declare type IStrategy = keyof typeof strategies;
+
+export declare interface ITextfieldInputType {
+    [key: string]: string | number | string[] | {
+        from?: number;
+        to?: number;
+    };
+}
+
+declare type ITextfieldInputType_2 = EFieldType;
+
+declare type ITextfieldInputType_3 = EFieldTypeNew;
+
+declare type ITextfieldInputType_4 = EFieldType | EFieldTypeNew;
+
+declare type ITextfieldInputType_5 = EFieldType;
+
+declare type ITextfieldInputType_6 = EFieldType;
+
+declare type ITextfieldInputType_7 = EFieldTypeNew;
+
 declare interface ITranslateOptions {
     url: string;
     apiKey: string;
 }
 
-declare interface IValue {
+export declare interface IValue {
     from?: number | string | Date;
     labelFrom?: string;
     labelTo?: string;
@@ -563,6 +880,34 @@ declare interface IValue {
     value?: string | number | string[];
 }
 
+declare interface IValue_2 {
+    list?: string[];
+    listSelected?: string[];
+    labelFrom?: string;
+    labelTo?: string;
+    from?: number | string | Date;
+    to?: number | string | Date;
+    value?: string | number;
+    messageFrom?: string;
+    messageTo?: string;
+    statusFrom?: IInputStatus;
+    statusTo?: IInputStatus;
+}
+
+declare interface IValue_3 {
+    list?: string[];
+    listSelected?: string[];
+    labelFrom?: string;
+    labelTo?: string;
+    from?: number | string | Date;
+    to?: number | string | Date;
+    value?: string | number;
+    messageFrom?: string;
+    messageTo?: string;
+    statusFrom?: IInputStatus;
+    statusTo?: IInputStatus;
+}
+
 declare interface IVerificationEngine<TData> {
     data: TData;
     isMobile: boolean;
@@ -575,23 +920,69 @@ export declare interface IVerificationSchema<TData> {
     steps: IStepSchema<TData>[];
 }
 
+export declare interface IViewMultipleChoices {
+    id: string;
+    label: string;
+    options: IOptionItemChecked[];
+}
+
+export declare interface IViewMultipleChoicesNew {
+    id: string;
+    label: string;
+    options: IOptionItemChecked_2[];
+    stillValid: boolean;
+    showModal: boolean;
+    handleOnClick: () => void;
+    validDate: string;
+}
+
+export declare interface IViewRangeField {
+    labelFrom?: string;
+    labelType?: string;
+    typeInput: ITextfieldInputType_6;
+    valueFrom?: string | number;
+    valueTo?: string | number;
+}
+
+export declare interface IViewRangeFieldNew {
+    labelFrom?: string;
+    labelType?: string;
+    typeInput: EFieldTypeNew;
+    valueFrom?: string | number;
+    valueTo?: string | number;
+    stillValid: boolean;
+    showModal: boolean;
+    handleOnClick: () => void;
+    validDate: string;
+}
+
 export declare const mapByGroupNew: (raw: any, mapFn: (condition: any) => any) => Record<string, any[]>;
 
 export declare const ModalRules: (props: IModalRules) => ReactPortal;
 
+export declare const MultipleChoices: (props: IMultipleChoices) => JSX.Element;
+
+export declare const MultipleChoicesNew: (props: IMultipleChoicesNew) => JSX.Element;
+
 export declare const normalizeDecisionToNewShape: (decision: any) => any;
 
+export declare const parseCurrencyString: (currencyString: string) => number;
+
+export declare const parsePercentageString: (percentageString: string) => number;
+
 export declare const parseRangeFromString: (value: string | number | string[] | IValue | undefined) => string | number | string[] | IValue | {
     from?: number;
     to?: number;
 } | undefined;
 
+export declare const percentageFormat: (percentage: number | string) => string;
+
 export declare const revertSortedDataSampleSwitchPlaces: (props: IRevertSortedData) => {
-    conditionsThatEstablishesTheDecision: ICondition_2[];
+    conditionsThatEstablishesTheDecision: ICondition[];
     businessRuleId?: string;
     conditionDataType?: "number" | "alphabetical" | "currency" | "date" | "monetary" | "percentage";
     conditionName?: string;
-    conditionGroups?: ICondition_2[];
+    conditionGroups?: ICondition[];
     decision?: IDecision;
     decisions?: IDecision[];
     decisionDataType?: "number" | "alphabetical" | "currency" | "date" | "monetary" | "percentage";
@@ -621,12 +1012,18 @@ export declare const RulesForm: (props: IRulesForm) => JSX.Element;
 
 export declare const SendButton: (props: IButton) => JSX.Element;
 
+declare const sizes: readonly ["wide", "compact"];
+
+declare const sizes_2: readonly ["wide", "compact"];
+
+declare const sizes_3: readonly ["wide", "compact"];
+
 export declare const sortDisplayDataSampleSwitchPlaces: (props: IRevertSortedData) => {
     businessRuleId?: string;
     conditionDataType?: "number" | "alphabetical" | "currency" | "date" | "monetary" | "percentage";
     conditionName?: string;
-    conditionGroups?: ICondition_2[];
-    conditionsThatEstablishesTheDecision?: ICondition_2[];
+    conditionGroups?: ICondition[];
+    conditionsThatEstablishesTheDecision?: ICondition[];
     decision?: IDecision;
     decisions?: IDecision[];
     decisionDataType?: "number" | "alphabetical" | "currency" | "date" | "monetary" | "percentage";
@@ -652,6 +1049,57 @@ export declare const sortDisplayDataSampleSwitchPlaces: (props: IRevertSortedDat
 
 export declare const sortDisplayDataSwitchPlaces: (props: IRevertSortedData) => IRuleDecision[] | undefined;
 
+declare const strategies: {
+    LIST_OF_VALUES: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    LIST_OF_VALUES_MULTI: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    RANGE: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    GREATER_THAN: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    LESS_THAN: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    EQUAL: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    DECISION_RANGE: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    DECISION_LIST_OF_VALUES: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    DECISION_LIST_OF_VALUES_MULTI: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    DECISION_EQUAL: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    DECISION_GREATER_THAN: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+    DECISION_LESS_THAN: ({ condition, formik, }: {
+        condition: Condition;
+        formik: FormikType;
+    }) => JSX.Element;
+};
+
 export declare type TLinkItem = {
     id: string;
     label: string;
@@ -666,7 +1114,23 @@ export declare type TRegistry<TData> = Record<TSchemaNode<TData, any>["type"], I
 
 export declare type TSchemaNode<TData, TEntry> = IAttributesGridNode<TData> | IEntriesGridNode<TData, TEntry> | IGroupNode<TData> | IJsonNode<TData>;
 
-declare const ValueDataType: {
+export declare interface TypeDataOutput {
+    schema: StringSchema | NumberSchema;
+    value: string | number | {
+        from: number;
+        to: number;
+    } | undefined;
+}
+
+export declare const useValidUntilManagement: (validUntil: string) => {
+    showModal: boolean;
+    handleOnClick: () => void;
+    stillValid: boolean;
+};
+
+export declare const validationStrategies: Record<EFieldTypeNew, (value: string) => boolean>;
+
+export declare const ValueDataType: {
     readonly ALPHABETICAL: "alphabetical";
     readonly CURRENCY: "currency";
     readonly MONETARY: "monetary";
@@ -675,7 +1139,7 @@ declare const ValueDataType: {
     readonly PERCENTAGE: "percentage";
 };
 
-declare const ValueHowToSetUp: {
+export declare const ValueHowToSetUp: {
     readonly EQUAL: "EqualTo";
     readonly GREATER_THAN: "GreaterThan";
     readonly LESS_THAN: "LessThan";
@@ -686,4 +1150,12 @@ declare const ValueHowToSetUp: {
 
 export declare function Verification<TData>(props: IVerificationEngine<TData>): JSX.Element;
 
+export declare const ViewMultipleChoices: (props: IViewMultipleChoices) => JSX.Element;
+
+export declare const ViewMultipleChoicesNew: (props: IViewMultipleChoicesNew) => JSX.Element;
+
+export declare const ViewRangeField: (props: IViewRangeField) => JSX.Element;
+
+export declare const ViewRangeFieldNew: (props: IViewRangeFieldNew) => JSX.Element;
+
 export { }