@overmap-ai/forms 1.0.30 → 1.0.32-react-flow-david.1

package/dist/form/fields/BaseSelectField/typings.d.ts

@@ -1,6 +1,5 @@
-export type SelectFieldOptionValue = string;
 /** Represents an option in the select input. Not to be confused with the 'field options' of SelectField. */
 export interface SelectFieldOption {
-    value: SelectFieldOptionValue;
+    value: string;
     label: string;
 }

package/dist/form/fields/BooleanField/BooleanField.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { RiCheckboxCircleLine } from 'react-icons/ri';
-import { BaseField, ChildFieldOptions } from '../BaseField';
+import { BaseField, ChildFieldOptions, ConditionRenderProps } from '../BaseField';
 import { ComponentProps, ISerializedField } from '../typings';
 import { SerializedBooleanField } from './typings';
 export declare const emptyBooleanField: {
@@ -9,14 +9,21 @@ export declare const emptyBooleanField: {
     description: string;
     required: boolean;
 };
-export declare class BooleanField extends BaseField<boolean, "boolean"> {
+export declare class BooleanField extends BaseField<"boolean", boolean, boolean, boolean> {
     static readonly fieldTypeName = "Checkbox";
     static readonly fieldTypeDescription = "Perfect for both optional and required yes/no questions.";
     readonly onlyValidateAfterTouched = false;
     static Icon: typeof RiCheckboxCircleLine;
+    readonly defaultConditionValue: boolean | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<boolean, boolean, unknown, boolean, boolean, boolean>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<boolean, boolean, unknown, boolean, boolean, boolean>;
+    };
     constructor(options: ChildFieldOptions<boolean>);
     protected isBlank(value: boolean | undefined): boolean;
     serialize(): SerializedBooleanField;
     static deserialize(data: ISerializedField): BooleanField;
     getInput(props: ComponentProps<BooleanField>): ReactNode;
+    renderCondition(props: ConditionRenderProps<BooleanField>): ReactNode;
 }

package/dist/form/fields/CheckboxListField/CheckboxListField.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseField, ChildFieldOptions } from '../BaseField';
+import { BaseField, ChildFieldOptions, ConditionRenderProps } from '../BaseField';
 import { SelectFieldOption } from '../BaseSelectField';
 import { MultiStringField } from '../MultiStringField';
 import { GetInputProps, ISerializedField } from '../typings';
@@ -14,12 +14,21 @@ export declare const emptyCheckboxListField: {
 export interface CheckboxListFieldConfig extends ChildFieldOptions<string[]> {
     options: SelectFieldOption[];
 }
-export declare class CheckboxListField extends BaseField<string[], "checkbox-list"> {
+export declare class CheckboxListField extends BaseField<"checkbox-list", string[], string[], string[]> {
     readonly options: SelectFieldOption[];
     readonly onlyValidateAfterTouched = false;
     static readonly fieldTypeName = "Checkbox list";
     static readonly fieldTypeDescription = "Allows the user to select a multiple options from a list.";
     static Icon: import('react-icons').IconType;
+    readonly defaultConditionValue: string[] | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        every: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        some: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        none: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+    };
     constructor(config: CheckboxListFieldConfig);
     serialize(): SerializedCheckboxListField;
     static deserialize(data: ISerializedField): CheckboxListField;
@@ -28,4 +37,5 @@ export declare class CheckboxListField extends BaseField<string[], "checkbox-lis
         showDirectly: boolean;
     }[];
     getInput(props: GetInputProps<this>): ReactNode;
+    renderCondition(props: ConditionRenderProps<CheckboxListField>): ReactNode;
 }

package/dist/form/fields/DateField/DateField.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { RiCalendarLine } from 'react-icons/ri';
-import { BaseField, ChildFieldOptions } from '../BaseField';
+import { BaseField, ChildFieldOptions, ConditionRenderProps } from '../BaseField';
 import { GetInputProps, ISerializedField } from '../typings';
 import { SerializedDateField } from './typings';
 export declare const emptyDateField: {
@@ -9,13 +9,22 @@ export declare const emptyDateField: {
     description: string;
     required: boolean;
 };
-export declare class DateField extends BaseField<string, "date"> {
+export declare class DateField extends BaseField<"date", Date, Date, string> {
     static readonly fieldTypeName = "Date";
     static readonly fieldTypeDescription = "Allows specifying a date.";
-    static Icon: typeof RiCalendarLine;
     readonly onlyValidateAfterTouched = false;
-    constructor(options: ChildFieldOptions<string>);
+    static Icon: typeof RiCalendarLine;
+    readonly defaultConditionValue: Date | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<Date, Date, unknown, Date, Date, string>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<Date, Date, unknown, Date, Date, string>;
+        before: import('../../conditions/typings').FieldConditionModifierConfig<Date, Date, unknown, Date, Date, string>;
+        after: import('../../conditions/typings').FieldConditionModifierConfig<Date, Date, unknown, Date, Date, string>;
+    };
+    constructor(options: ChildFieldOptions<Date>);
     serialize(): SerializedDateField;
     static deserialize(data: ISerializedField): DateField;
     getInput(props: GetInputProps<this>): ReactNode;
+    renderCondition(props: ConditionRenderProps<DateField>): ReactNode;
 }

package/dist/form/fields/FieldSection/FieldSection.d.ts

@@ -1,14 +1,14 @@
 import { ReactNode } from 'react';
 import { FormBuilderValues } from '../../builder';
+import { AnyCondition, AnySerializedCondition } from '../../conditions/condition/typings';
 import { FormValues } from '../../typings';
 import { BaseFormElement, BaseSerializedObject } from '../BaseField';
-import { BooleanField } from '../BooleanField';
 import { AnyField, GetInputProps, ISerializedField } from '../typings';
-import { SerializedCondition, SerializedFieldSection } from './typings';
+import { SerializedFieldSection } from './typings';
+export type FieldSectionConditions = Record<string, AnySerializedCondition[]>;
 interface FieldSectionOptions extends Omit<BaseSerializedObject, "type"> {
     label?: string | null;
-    conditional?: boolean;
-    condition?: SerializedCondition | null;
+    conditions?: FieldSectionConditions;
     fields: AnyField[];
 }
 export declare class FieldSection extends BaseFormElement<"section"> {
@@ -16,21 +16,16 @@ export declare class FieldSection extends BaseFormElement<"section"> {
     static readonly fieldTypeDescription = "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.";
     readonly label: string | null;
     readonly fields: AnyField[];
-    readonly condition: SerializedCondition | null;
+    readonly conditions: FieldSectionConditions;
     constructor(options: FieldSectionOptions);
-    static getFieldCreationSchema(options: ISerializedField[], parentPath?: string): ({
-        field: BooleanField;
-        showDirectly: boolean;
-    } | {
-        field: FieldSection;
-        showDirectly: boolean;
-    })[];
     static deserialize(data: ISerializedField): FieldSection;
     conditional(): this is {
-        condition: SerializedCondition;
+        conditions: FieldSectionConditions;
     };
     serialize(): SerializedFieldSection;
     getErrors(allValues: FormValues | FormBuilderValues): Record<string, string>;
     getInput(props: GetInputProps<this>): ReactNode;
+    serializeConditions: (conditions: AnyCondition[]) => AnySerializedCondition[];
+    deserializeConditions: (conditions: AnySerializedCondition[]) => AnyCondition[];
 }
 export {};

package/dist/form/fields/FieldSection/typings.d.ts

@@ -1,13 +1,9 @@
 import { BaseSerializedObject } from '../BaseField';
-import { FieldValue, ISerializedField } from '../typings';
-export interface SerializedCondition<TValue extends FieldValue = FieldValue> {
-    identifier: string;
-    value: TValue;
-}
+import { ISerializedField } from '../typings';
+import { FieldSectionConditions } from './FieldSection';
 export interface SerializedFieldSection extends BaseSerializedObject {
     label: string | null;
     type: "section";
-    conditional: boolean;
-    condition: SerializedCondition | null;
+    conditions: FieldSectionConditions;
     fields: Exclude<ISerializedField, SerializedFieldSection>[];
 }

package/dist/form/fields/MultiSelectField/MultiSelectField.d.ts

@@ -1,12 +1,13 @@
 import { ReactNode } from 'react';
 import { RiCheckboxLine } from 'react-icons/ri';
-import { BaseSelectField, BaseSelectFieldOptions, SelectFieldOptionValue } from '../BaseSelectField';
+import { ConditionRenderProps } from '../BaseField';
+import { BaseSelectField, BaseSelectFieldOptions } from '../BaseSelectField';
 import { GetInputProps, ISerializedField } from '../typings';
 import { SerializedMultiSelectField } from './typings';
 /**
  * The options passed to the constructor of MultiSelectField.
  */
-export type MultiSelectFieldOptions = Omit<BaseSelectFieldOptions<SelectFieldOptionValue[], "multi-select">, "type">;
+export type MultiSelectFieldOptions = Omit<BaseSelectFieldOptions<string[], "multi-select">, "type">;
 export declare const emptyMultiSelectField: {
     type: string;
     options: never[];
@@ -14,14 +15,24 @@ export declare const emptyMultiSelectField: {
     description: string;
     required: boolean;
 };
-export declare class MultiSelectField extends BaseSelectField<SelectFieldOptionValue[], "multi-select"> {
+export declare class MultiSelectField extends BaseSelectField<"multi-select", string[], string[], string[]> {
     static readonly fieldTypeName = "Multi-select";
     static readonly fieldTypeDescription = "Allows the user to select a multiple options from a list of options.";
     static Icon: typeof RiCheckboxLine;
+    readonly defaultConditionValue: string[] | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        every: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        some: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        none: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+    };
     constructor(options: MultiSelectFieldOptions);
-    protected isBlank(value: SelectFieldOptionValue[] | undefined): boolean;
-    isEqual(value1: SelectFieldOptionValue[] | undefined, value2: SelectFieldOptionValue[] | undefined): boolean;
+    protected isBlank(value: string[] | undefined): boolean;
+    isEqual(value1: string[] | undefined, value2: string[] | undefined): boolean;
     serialize(): SerializedMultiSelectField;
     static deserialize(data: ISerializedField): MultiSelectField;
     getInput(props: GetInputProps<this>): ReactNode;
+    renderCondition(props: ConditionRenderProps<MultiSelectField>): ReactNode;
 }

package/dist/form/fields/MultiStringField/MultiStringField.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { RiListCheck } from 'react-icons/ri';
-import { BaseField, ChildFieldOptions } from '../BaseField';
+import { BaseField, ChildFieldOptions, ConditionRenderProps } from '../BaseField';
 import { GetInputProps, InputFieldLevelValidator, ISerializedField } from '../typings';
 import { SerializedMultiStringField } from './typings';
 type MultiStringFieldOptions = ChildFieldOptions<string[]> & {
@@ -21,7 +21,7 @@ export declare const emptyMultiStringField: {
  * - Specifying the options of a SelectField (used in `SelectField.getFieldCreationSchema`
  * - Listing serial numbers and similar
  */
-export declare class MultiStringField extends BaseField<string[], "multi-string"> {
+export declare class MultiStringField extends BaseField<"multi-string", string[], string[], string[]> {
     static readonly fieldTypeName = "Multi-string";
     static readonly fieldTypeDescription = "Allows the user to provide multiple unique strings.";
     readonly minLength: number;
@@ -29,6 +29,15 @@ export declare class MultiStringField extends BaseField<string[], "multi-string"
     readonly onlyValidateAfterTouched = false;
     readonly placeholder: string;
     static Icon: typeof RiListCheck;
+    readonly defaultConditionValue: string[] | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        every: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        some: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+        none: import('../../conditions/typings').FieldConditionModifierConfig<string[], string[], unknown, string[], string[], string[]>;
+    };
     constructor(options: MultiStringFieldOptions);
     getInput(props: GetInputProps<this>): ReactNode;
     serialize(): SerializedMultiStringField;
@@ -36,5 +45,6 @@ export declare class MultiStringField extends BaseField<string[], "multi-string"
     isEqual(value1: string[] | undefined, value2: string[] | undefined): boolean;
     getFieldValidators(): InputFieldLevelValidator<string[]>[];
     static deserialize(data: ISerializedField): MultiStringField;
+    renderCondition(props: ConditionRenderProps<MultiStringField>): ReactNode;
 }
 export {};

package/dist/form/fields/NumberField/NumberField.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { RiHashtag } from 'react-icons/ri';
-import { BaseField, ChildFieldOptions } from '../BaseField';
+import { BaseField, ChildFieldOptions, ConditionRenderProps } from '../BaseField';
 import { BooleanField } from '../BooleanField';
 import { GetInputProps, InputFieldLevelValidator, InputValidator, ISerializedField } from '../typings';
 import { SerializedNumberField } from './typings';
@@ -19,7 +19,7 @@ export interface NumberFieldOptions extends ChildFieldOptions<number> {
     integers?: boolean;
     placeholder?: string;
 }
-export declare class NumberField extends BaseField<number, "number"> {
+export declare class NumberField extends BaseField<"number", number, number, number> {
     static readonly fieldTypeName = "Number";
     static readonly fieldTypeDescription = "Allows specifying a number within a given range.";
     readonly minimum: number | undefined;
@@ -27,6 +27,16 @@ export declare class NumberField extends BaseField<number, "number"> {
     readonly integers: boolean;
     readonly placeholder: string;
     static Icon: typeof RiHashtag;
+    readonly defaultConditionValue: number | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<number, number, unknown, number, number, number>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<number, number, unknown, number, number, number>;
+        lessThan: import('../../conditions/typings').FieldConditionModifierConfig<number, number, unknown, number, number, number>;
+        lessThanOrEquals: import('../../conditions/typings').FieldConditionModifierConfig<number, number, unknown, number, number, number>;
+        greaterThan: import('../../conditions/typings').FieldConditionModifierConfig<number, number, unknown, number, number, number>;
+        greaterThanOrEquals: import('../../conditions/typings').FieldConditionModifierConfig<number, number, unknown, number, number, number>;
+    };
     constructor(options: NumberFieldOptions);
     static _validateMin: (path: string) => InputValidator<number>;
     static _validateMax: (path: string) => InputValidator<number>;
@@ -41,4 +51,5 @@ export declare class NumberField extends BaseField<number, "number"> {
     serialize(): SerializedNumberField;
     static deserialize(data: ISerializedField): NumberField;
     getInput(props: GetInputProps<this>): ReactNode;
+    renderCondition(props: ConditionRenderProps<NumberField>): ReactNode;
 }

package/dist/form/fields/RadioField/RadioField.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from 'react';
 import { RiRadioButtonFill } from 'react-icons/ri';
-import { BaseField, ChildFieldOptions } from '../BaseField';
+import { BaseField, ChildFieldOptions, ConditionRenderProps } from '../BaseField';
 import { SelectFieldOption } from '../BaseSelectField';
 import { MultiStringField } from '../MultiStringField';
 import { GetInputProps, ISerializedField } from '../typings';
@@ -14,12 +15,20 @@ export declare const emptyRadioField: {
 export interface RadioFieldConfig extends ChildFieldOptions<string> {
     options: SelectFieldOption[];
 }
-export declare class RadioField extends BaseField<string, "radio"> {
+export declare class RadioField extends BaseField<"radio", string, string | string[], string | string[]> {
     readonly options: SelectFieldOption[];
     readonly onlyValidateAfterTouched = false;
     static readonly fieldTypeName = "Option list";
     static readonly fieldTypeDescription = "Allows the user to select a single option from a list of options.";
     static Icon: typeof RiRadioButtonFill;
+    readonly defaultConditionValue: string[] | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<string, string | string[], unknown, string, string, string>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<string, string | string[], unknown, string, string, string>;
+        includes: import('../../conditions/typings').FieldConditionModifierConfig<string, string | string[], unknown, string, string[], string[]>;
+        excludes: import('../../conditions/typings').FieldConditionModifierConfig<string, string | string[], unknown, string, string[], string[]>;
+    };
     constructor(config: RadioFieldConfig);
     serialize(): SerializedRadioField;
     static deserialize(data: ISerializedField): RadioField;
@@ -27,5 +36,6 @@ export declare class RadioField extends BaseField<string, "radio"> {
         field: MultiStringField;
         showDirectly: boolean;
     }[];
-    getInput(props: GetInputProps<this>): React.ReactNode;
+    getInput(props: GetInputProps<this>): ReactNode;
+    renderCondition(props: ConditionRenderProps<RadioField>): ReactNode;
 }

package/dist/form/fields/ScanField/ScanField.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { RiFullscreenLine } from 'react-icons/ri';
-import { BaseField, ChildFieldOptions } from '../BaseField';
+import { BaseField, ChildFieldOptions, ConditionRenderProps } from '../BaseField';
 import { ComponentProps, ISerializedField } from '../typings';
 import { SerializedScanField } from './typings';
 export declare const emptyScanField: {
@@ -9,13 +9,22 @@ export declare const emptyScanField: {
     description: string;
     required: boolean;
 };
-export declare class ScanField extends BaseField<string, "qr"> {
+export declare class ScanField extends BaseField<"qr", string, string, string> {
     static readonly fieldTypeName = "Scan";
     static readonly fieldTypeDescription = "Used for scanning/reading QR and barcodes.";
     readonly onlyValidateAfterTouched = false;
     static Icon: typeof RiFullscreenLine;
+    readonly defaultConditionValue: string | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<string, string, unknown, string, string, string>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<string, string, unknown, string, string, string>;
+        includes: import('../../conditions/typings').FieldConditionModifierConfig<string, string, unknown, string, string, string>;
+        excludes: import('../../conditions/typings').FieldConditionModifierConfig<string, string, unknown, string, string, string>;
+    };
     constructor(options: ChildFieldOptions<string>);
     serialize(): SerializedScanField;
     static deserialize(data: ISerializedField): ScanField;
     getInput(props: ComponentProps<ScanField>): ReactNode;
+    renderCondition(props: ConditionRenderProps<ScanField>): ReactNode;
 }

package/dist/form/fields/SelectField/SelectField.d.ts

@@ -1,12 +1,13 @@
 import { ReactNode } from 'react';
 import { RiMenuFoldLine } from 'react-icons/ri';
-import { BaseSelectField, BaseSelectFieldOptions, SelectFieldOptionValue } from '../BaseSelectField';
+import { ConditionRenderProps } from '../BaseField';
+import { BaseSelectField, BaseSelectFieldOptions } from '../BaseSelectField';
 import { GetInputProps, ISerializedField } from '../typings';
 import { SerializedSelectField } from './typings';
 /**
  * The options passed to the constructor of SelectField.
  */
-export type SelectFieldOptions = Omit<BaseSelectFieldOptions<SelectFieldOptionValue, "select">, "type">;
+export type SelectFieldOptions = Omit<BaseSelectFieldOptions<string, "select">, "type">;
 export declare const emptySelectField: {
     type: string;
     options: never[];
@@ -14,12 +15,21 @@ export declare const emptySelectField: {
     description: string;
     required: boolean;
 };
-export declare class SelectField extends BaseSelectField<SelectFieldOptionValue, "select"> {
+export declare class SelectField extends BaseSelectField<"select", string, string | string[], string | string[]> {
     static readonly fieldTypeName = "Dropdown";
     static readonly fieldTypeDescription = "Allows the user to select a single option from a list of options.";
     static Icon: typeof RiMenuFoldLine;
+    readonly defaultConditionValue: string | string[] | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<string, string | string[], unknown, string, string, string>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<string, string | string[], unknown, string, string, string>;
+        includes: import('../../conditions/typings').FieldConditionModifierConfig<string, string | string[], unknown, string, string[], string[]>;
+        excludes: import('../../conditions/typings').FieldConditionModifierConfig<string, string | string[], unknown, string, string[], string[]>;
+    };
     constructor(options: SelectFieldOptions);
     serialize(): SerializedSelectField;
     static deserialize(data: ISerializedField): SelectField;
     getInput(props: GetInputProps<this>): ReactNode;
+    renderCondition(props: ConditionRenderProps<SelectField>): ReactNode;
 }

package/dist/form/fields/StringField/StringField.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { RiInputField } from 'react-icons/ri';
+import { ConditionRenderProps } from '../BaseField';
 import { StringOrTextField, StringOrTextFieldOptions } from '../StringOrTextField';
 import { GetInputProps, ISerializedField } from '../typings';
 import { SerializedStringField, StringInputType } from './typings';
@@ -23,4 +24,5 @@ export declare class StringField extends StringOrTextField<"string"> {
     serialize(): SerializedStringField;
     static deserialize(data: ISerializedField): StringField;
     getInput(props: GetInputProps<this>): ReactNode;
+    renderCondition(props: ConditionRenderProps<StringField>): ReactNode;
 }

package/dist/form/fields/StringOrTextField/StringOrTextField.d.ts

@@ -10,10 +10,18 @@ export interface StringOrTextFieldOptions extends FieldOptions<string> {
 export type SerializedStringOrTextField<TIdentifier extends "string" | "text"> = Omit<BaseSerializedStringField, "type"> & {
     type: TIdentifier;
 };
-export declare abstract class StringOrTextField<TIdentifier extends "string" | "text"> extends BaseField<string, TIdentifier> {
+export declare abstract class StringOrTextField<TIdentifier extends "string" | "text"> extends BaseField<TIdentifier, string, string, string> {
     readonly minLength?: number;
     readonly maxLength: number;
     readonly placeholder: string;
+    readonly defaultConditionValue: string | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<string, string, unknown, string, string, string>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<string, string, unknown, string, string, string>;
+        includes: import('../../conditions/typings').FieldConditionModifierConfig<string, string, unknown, string, string, string>;
+        excludes: import('../../conditions/typings').FieldConditionModifierConfig<string, string, unknown, string, string, string>;
+    };
     protected constructor(options: StringOrTextFieldOptions);
     /**
      * This function returns a function that validates that the value given for "minimum length" (when creating a new field) is less than or

package/dist/form/fields/TextField/TextField.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { RiAlignJustify } from 'react-icons/ri';
+import { ConditionRenderProps } from '../BaseField';
 import { StringOrTextField, StringOrTextFieldOptions } from '../StringOrTextField';
 import { GetInputProps, ISerializedField } from '../typings';
 import { SerializedTextField } from './typings';
@@ -19,4 +20,5 @@ export declare class TextField extends StringOrTextField<"text"> {
     serialize(): SerializedTextField;
     static deserialize(data: ISerializedField): TextField;
     getInput(props: GetInputProps<this>): ReactNode;
+    renderCondition(props: ConditionRenderProps<TextField>): ReactNode;
 }

package/dist/form/fields/UploadField/UploadField.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { RiUpload2Line } from 'react-icons/ri';
-import { BaseField, ChildFieldOptions } from '../BaseField';
+import { BaseField, ChildFieldOptions, ConditionRenderProps } from '../BaseField';
 import { MultiSelectField } from '../MultiSelectField';
 import { NumberField } from '../NumberField';
 import { GetInputProps, InputFieldLevelValidator, ISerializedField } from '../typings';
@@ -19,7 +19,7 @@ export declare const emptyUploadField: {
     description: string;
     required: boolean;
 };
-export declare class UploadField extends BaseField<File[], "upload"> {
+export declare class UploadField extends BaseField<"upload", File[], boolean, boolean> {
     static readonly fieldTypeName = "Upload";
     static readonly fieldTypeDescription = "Allows a file to be uploaded.";
     readonly extensions?: string[];
@@ -27,6 +27,12 @@ export declare class UploadField extends BaseField<File[], "upload"> {
     readonly maxFiles: number;
     readonly onlyValidateAfterTouched = false;
     static Icon: typeof RiUpload2Line;
+    readonly defaultConditionValue: boolean | undefined;
+    readonly defaultConditionModifier: keyof typeof this.modifiers;
+    readonly modifiers: {
+        equals: import('../../conditions/typings').FieldConditionModifierConfig<File[], boolean, unknown, File[], boolean, boolean>;
+        notEquals: import('../../conditions/typings').FieldConditionModifierConfig<File[], boolean, unknown, File[], boolean, boolean>;
+    };
     constructor(options: UploadFieldOptions);
     protected isBlank(value: File[] | undefined): boolean;
     isEqual(value1: File[] | undefined, value2: File[] | undefined): boolean;
@@ -41,4 +47,5 @@ export declare class UploadField extends BaseField<File[], "upload"> {
     serialize(): SerializedUploadField;
     static deserialize(data: ISerializedField): UploadField;
     getInput(props: GetInputProps<this>): ReactNode;
+    renderCondition(props: ConditionRenderProps<UploadField>): ReactNode;
 }

package/dist/form/fields/constants.d.ts

@@ -1,6 +1,5 @@
 import { BooleanField } from './BooleanField';
 import { CheckboxListField } from './CheckboxListField';
-import { CustomField } from './CustomField';
 import { DateField } from './DateField';
 import { MultiSelectField } from './MultiSelectField';
 import { MultiStringField } from './MultiStringField';
@@ -19,7 +18,6 @@ export declare const FieldTypeToClsMapping: {
     readonly select: typeof SelectField;
     readonly string: typeof StringField;
     readonly text: typeof TextField;
-    readonly custom: typeof CustomField;
     readonly upload: typeof UploadField;
     readonly qr: typeof ScanField;
     readonly "multi-string": typeof MultiStringField;
@@ -71,12 +69,6 @@ export declare const FieldTypeToEmptyFieldMapping: {
         description: string;
         required: boolean;
     };
-    readonly custom: {
-        type: string;
-        label: string;
-        description: string;
-        required: boolean;
-    };
     readonly upload: {
         type: string;
         extensions: never[];

package/dist/form/fields/hooks.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseField, BaseFormElement } from './BaseField';
-import { FieldValue, GetInputProps } from './typings';
+import { BaseFormElement } from './BaseField';
+import { AnyField, GetInputProps } from './typings';
 export declare const useFieldInput: <TField extends BaseFormElement | null>(field: TField, props: TField extends BaseFormElement ? GetInputProps<TField> : null) => ReactNode;
-export declare const useFieldInputs: (fields: BaseFormElement[], props: GetInputProps<BaseField<FieldValue>>) => ReactNode;
+export declare const useFieldInputs: (fields: BaseFormElement[], props: GetInputProps<AnyField>) => ReactNode;

package/dist/form/fields/typings.d.ts

@@ -16,9 +16,11 @@ import { SerializedSelectField } from './SelectField';
 import { SerializedStringField } from './StringField';
 import { SerializedTextField } from './TextField';
 import { SerializedUploadField } from './UploadField';
-export type FieldTypeIdentifier = "string" | "text" | "boolean" | "number" | "date" | "select" | "custom" | "section" | "multi-string" | "multi-select" | "upload" | "qr" | "radio" | "checkbox-list";
+export type FieldTypeIdentifier = "string" | "text" | "boolean" | "number" | "date" | "select" | "section" | "multi-string" | "multi-select" | "upload" | "qr" | "radio" | "checkbox-list";
 export type FieldValue = string | number | boolean | string[] | File[] | Date | null;
-export type ValueOfField<Type extends AnyField> = Type extends BaseField<infer TValue> ? TValue : never;
+export type ValueOfField<TField extends AnyField> = TField extends BaseField<infer _TIdentifier, infer TValue, infer _TConditionValue, infer _TSerializedConditionValue> ? TValue : never;
+export type ConditionValueOfField<TField extends AnyField> = TField extends BaseField<infer _TIdentifier, infer _TValue, infer TConditionValue, infer _TSerializedConditionValue> ? TConditionValue : never;
+export type SerializedConditionValueOfField<TField extends AnyField> = TField extends BaseField<infer _TIdentifier, infer _TValue, infer _TConditionValue, infer TSerializedConditionValue> ? TSerializedConditionValue : never;
 export type InputFieldLevelValidator<TValue> = (value: TValue | undefined) => string | null | undefined;
 export type InputFormLevelValidator<TValue> = (value: TValue | undefined, allValues: FormValues | FormBuilderValues) => string | null | undefined;
 export type InputValidator<TValue> = InputFieldLevelValidator<TValue> | InputFormLevelValidator<TValue>;
@@ -30,6 +32,6 @@ export interface ComponentProps<TField extends BaseFormElement> extends Omit<HTM
     showInputOnly?: boolean;
 }
 export type GetInputProps<TField extends BaseFormElement> = Omit<ComponentProps<TField>, "field">;
-export type AnyField = BaseField<any, any>;
+export type AnyField = BaseField<any, any, any, any>;
 export type ISerializedField = SerializedTextField | SerializedBooleanField | SerializedNumberField | SerializedDateField | SerializedStringField | SerializedSelectField | SerializedFieldSection | SerializedMultiStringField | SerializedMultiSelectField | SerializedUploadField | SerializedScanField | SerializedRadioField | SerializedCheckboxListField;
 export type ISerializedOnlyField = Exclude<ISerializedField, SerializedFieldSection>;

package/dist/form/fields/utils.d.ts

@@ -1,5 +1,5 @@
 import { BaseFormElement } from './BaseField';
-import { FieldSection, SerializedCondition } from './FieldSection';
+import { FieldSection } from './FieldSection';
 import { AnyField, FieldValue, ISerializedField, ISerializedOnlyField } from './typings';
 /** Deserializes anything but a FieldSection.
  * @see `deserialize` for most use cases
@@ -8,9 +8,9 @@ export declare const deserializeField: (serializedField: ISerializedOnlyField) =
 /** Deserializes anything */
 export declare const deserialize: (serialized: ISerializedField) => AnyField | FieldSection;
 export declare function deserializeFields(fields: ISerializedField[]): (AnyField | FieldSection)[];
+export declare function deserializeOnlyFields(fields: ISerializedOnlyField[]): AnyField[];
 export declare function flattenFields(fields: BaseFormElement[]): AnyField[];
 export declare function getFieldsMapping(fields: BaseFormElement[]): Record<string, AnyField>;
 export declare function decodeFieldValues(fields: BaseFormElement[], values: Record<string, string>): Record<string, FieldValue>;
 export declare function encodeFieldValues(fields: BaseFormElement[], values: Record<string, FieldValue>): Record<string, string>;
 export declare function valueIsFile(v: FieldValue | Promise<File>[] | undefined): v is File[] | Promise<File>[];
-export declare function isConditionMet<TValue extends FieldValue | Promise<File>[]>(condition: TValue extends FieldValue ? SerializedCondition<TValue> | null : null, value: TValue | undefined): boolean;

package/dist/form/renderer/context.d.ts

@@ -0,0 +1,7 @@
+import { BaseFormElement } from '../fields';
+interface RendererContextValue {
+    fields: BaseFormElement[];
+}
+export declare const RendererProvider: import('react').Provider<RendererContextValue | null>;
+export declare const useRendererContext: () => RendererContextValue | null;
+export {};

package/dist/forms.css

@@ -0,0 +1 @@
+[data-floating-content]{z-index:3500!important}.react-flow__controls{background-color:var(--color-panel);border:1px solid var(--base-a6);box-shadow:0 1px 2px #0000000d}.react-flow__controls button{background:transparent;color:var(--base-a11);border:1px solid var(--base-a6)}.react-flow__controls button:hover,.react-flow__controls button:focus-visible{background-color:var(--base-a3);color:var(--base-a12);border-color:var(--base-a8)}.react-flow__minimap{background-color:var(--color-panel);border:1px solid var(--base-a6)}.react-flow__attribution{display:none}.react-flow__handle{background-color:var(--base-a8);border:1px solid var(--base-a6);width:10px;height:10px}.react-flow__handle:hover,.react-flow__handle:focus-visible{background-color:var(--base-a10);border-color:var(--base-a8)}.react-flow__handle-connecting{background-color:var(--base-a11);border-color:var(--base-a10)}.react-flow__handle-valid{background-color:var(--base-a9);border-color:var(--base-a9)}.react-flow__edge-path{stroke:var(--base-a8)}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--base-a11);stroke-width:2.5}.react-flow__edge.animated .react-flow__edge-path{stroke:var(--base-a10)}.react-flow__selection,.react-flow__selection-rect,.react-flow__nodesselection-rect{fill:var(--base-a3)!important;stroke:var(--base-a8)!important}[data-selected=true]{box-shadow:0 0 0 2px var(--base-a8)}