ngx-t-forms-types 0.0.1

package/dist/interfaces/FormBuilder/DefaultEelement.js

@@ -0,0 +1,741 @@
+import { AutocapitalizeOptions, ElementTypes, InputDataTypes, InputTypes } from "../formInput";
+import { InputFileType } from "../formInput/FileUploadInputInterface";
+import { MSCOA_INPUT_DEFAULT_MAT_OPTIONS } from "../formInput/MscoaInput";
+import { RichTextEditorType } from "../formInput/RichTextEditorInput";
+import { LabelPosition } from "../formInput/ToggleInputInterface";
+import { AllFormInputPrimaryKeys, FormInputKeys, SpecialElementKeys } from "./FormInputKeys";
+export function defaultInputs() {
+    return Object.keys(ElementTypes);
+}
+export const DefaultInputConfig = {
+    [ElementTypes.Input]: {
+        label: 'Input',
+        illustration: '/assets/formInput.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.DataType,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.DataType,
+            AllFormInputPrimaryKeys.Type,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.DataType,
+            AllFormInputPrimaryKeys.Type,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.HintLabel,
+            AllFormInputPrimaryKeys.MatOptions,
+        ],
+        elementTemplate: {
+            element: ElementTypes.Input,
+            dataType: InputDataTypes.String,
+            appearance: 'outline',
+            isCalculatedField: false,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            type: InputTypes.Text,
+            colSize: 12,
+            validators: [],
+        },
+    },
+    [ElementTypes.Location]: {
+        label: 'Location',
+        illustration: '/assets/locationInput.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators, // Assuming Validators is also needed here
+        ],
+        elementTemplate: {
+            element: ElementTypes.Location,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            appearance: 'outline',
+            isCalculatedField: false,
+            colSize: 4,
+            dataType: InputDataTypes.Object,
+            validators: [],
+        },
+    },
+    [ElementTypes.AutoCompleteInput]: {
+        label: 'autoCompleteInput',
+        illustration: '/assets/autoComplete.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.DataType,
+            AllFormInputPrimaryKeys.Type,
+            AllFormInputPrimaryKeys.Required, // Assuming Required refers to a key needing conversion
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.DataType,
+            AllFormInputPrimaryKeys.HintLabel,
+            AllFormInputPrimaryKeys.Type,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.MatOptions,
+        ],
+        elementTemplate: {
+            element: ElementTypes.AutoCompleteInput,
+            appearance: 'outline',
+            isCalculatedField: false,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            type: InputTypes.Text,
+            colSize: 12,
+            validators: [],
+            dataType: InputDataTypes.String,
+        },
+    },
+    [ElementTypes.Toggle]: {
+        label: 'toggle',
+        illustration: '/assets/toggle.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.LabelPosition,
+            AllFormInputPrimaryKeys.Required,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.ColSize,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.LabelPosition,
+            AllFormInputPrimaryKeys.HintLabel,
+        ],
+        elementTemplate: {
+            element: ElementTypes.Toggle,
+            labelPosition: LabelPosition.After,
+            appearance: 'outline',
+            isCalculatedField: false,
+            value: false,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            validators: [],
+            dataType: InputDataTypes.Boolean,
+        },
+    },
+    [ElementTypes.Select]: {
+        label: 'select',
+        illustration: '/assets/select.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.DataType,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.MatOptions,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.ColSize,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.MatOptions,
+            AllFormInputPrimaryKeys.HintLabel,
+            FormInputKeys.SuffixIcon,
+            FormInputKeys.PrefixIcon,
+            FormInputKeys.PrefixText,
+            FormInputKeys.SuffixText,
+            AllFormInputPrimaryKeys.DataType,
+            SpecialElementKeys.MatOptionsApiCall
+        ],
+        elementTemplate: {
+            element: ElementTypes.Select,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            validators: [],
+            appearance: 'outline',
+            isCalculatedField: false,
+            dataType: InputDataTypes.String,
+        },
+    },
+    [ElementTypes.IconSelect]: {
+        label: 'iconSelect',
+        illustration: '/assets/iconselection.svg',
+        disabled: true,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.ColSize,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.HintLabel,
+        ],
+        elementTemplate: {
+            element: ElementTypes.IconSelect,
+            dataType: InputDataTypes.String,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            validators: [],
+            appearance: 'outline',
+            isCalculatedField: false,
+        },
+    },
+    [ElementTypes.Textarea]: {
+        label: 'textarea',
+        illustration: '/assets/textarea.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.ColSize,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.MaxLength,
+            AllFormInputPrimaryKeys.MinLength,
+            AllFormInputPrimaryKeys.HintLabel,
+            FormInputKeys.SuffixIcon,
+            FormInputKeys.PrefixIcon,
+            FormInputKeys.PrefixText,
+            FormInputKeys.SuffixText,
+            AllFormInputPrimaryKeys.Rows,
+            AllFormInputPrimaryKeys.Spellcheck,
+            AllFormInputPrimaryKeys.Autocapitalize,
+            FormInputKeys.Autocomplete,
+            FormInputKeys.Placeholder,
+            AllFormInputPrimaryKeys.Wrap,
+        ],
+        elementTemplate: {
+            element: ElementTypes.Textarea,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            appearance: 'outline',
+            isCalculatedField: false,
+            maxLength: 150,
+            minLength: 5,
+            colSize: 12,
+            dataType: InputDataTypes.String,
+            validators: [],
+            rows: 4,
+            spellcheck: true,
+            wrap: 'hard',
+            autocapitalize: AutocapitalizeOptions.Words,
+        },
+    },
+    [ElementTypes.DatePicker]: {
+        label: 'datePicker',
+        illustration: '/assets/datePicker.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.Type,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.ColSize,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.Type,
+            AllFormInputPrimaryKeys.Min,
+            AllFormInputPrimaryKeys.Max,
+            AllFormInputPrimaryKeys.HintLabel,
+            FormInputKeys.SuffixIcon,
+            FormInputKeys.PrefixIcon,
+            FormInputKeys.PrefixText,
+            FormInputKeys.SuffixText,
+        ],
+        elementTemplate: {
+            element: ElementTypes.DatePicker,
+            dataType: InputDataTypes.Date,
+            appearance: 'outline',
+            isCalculatedField: false,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            validators: [],
+        },
+    },
+    [ElementTypes.DateRangePicker]: {
+        label: 'dateRangePicker',
+        illustration: '/assets/dateRange.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.StartDateControl,
+            AllFormInputPrimaryKeys.EndDateControl,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.ColSize,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.StartDateControl,
+            FormInputKeys.StartMinDate,
+            FormInputKeys.StartMaxDate,
+            AllFormInputPrimaryKeys.EndDateControl,
+            FormInputKeys.EndMinDate,
+            FormInputKeys.EndMaxDate,
+            AllFormInputPrimaryKeys.HintLabel,
+            FormInputKeys.SuffixIcon,
+            FormInputKeys.PrefixIcon,
+            FormInputKeys.PrefixText,
+            FormInputKeys.SuffixText,
+        ],
+        elementTemplate: {
+            element: ElementTypes.DateRangePicker,
+            dataType: InputDataTypes.Date,
+            appearance: 'outline',
+            isCalculatedField: false,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            validators: [],
+        },
+    },
+    /* {
+      label: 'checkList',
+      illustration: '/assets/checklist.svg',
+    },*/
+    /*{
+      label: 'radio',
+      illustration: '/assets/radio.svg',
+    },*/
+    [ElementTypes.FileUpload]: {
+        label: 'fileUpload',
+        illustration: '/assets/upload.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.FileType,
+            FormInputKeys.Accept,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.FileType,
+            FormInputKeys.Accept,
+        ],
+        elementTemplate: {
+            element: ElementTypes.FileUpload,
+            appearance: 'outline',
+            isCalculatedField: false,
+            dataType: InputDataTypes.Object,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            fileType: InputFileType.Image,
+            singleSelect: true,
+            validators: [],
+            accept: 'image/gif, image/jpeg, image/png',
+            label: "",
+            formControlName: "",
+        },
+    },
+    [ElementTypes.Signature]: {
+        label: 'signature',
+        illustration: '/assets/signature.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.Value,
+        ],
+        elementTemplate: {
+            element: ElementTypes.Signature,
+            appearance: 'outline',
+            isCalculatedField: false,
+            dataType: InputDataTypes.String,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            validators: [],
+        },
+    },
+    // [ElementTypes.QrCodeScanner]: {
+    //     label: 'qrcodeScanner',
+    //     illustration: '/assets/qrCodeScanner.svg',
+    //     disabled: false,
+    //     requiredProperties: [
+    //         AllFormInputPrimaryKeys.Label,
+    //         AllFormInputPrimaryKeys.Appearance,
+    //         AllFormInputPrimaryKeys.FormControlName,
+    //         AllFormInputPrimaryKeys.Required,
+    //     ],
+    //     properties: [
+    //         AllFormInputPrimaryKeys.Label,
+    //         AllFormInputPrimaryKeys.Appearance,
+    //         AllFormInputPrimaryKeys.FormControlName,
+    //         AllFormInputPrimaryKeys.Validators,
+    //         AllFormInputPrimaryKeys.Required,
+    //         AllFormInputPrimaryKeys.Value,
+    //     ],
+    //     elementTemplate: {
+    //         element: ElementTypes.QrCodeScanner,
+    //          appearance: 'outline',
+    //         isCalculatedField: false,
+    //         dataType: InputDataTypes.String,
+    //         required: true,
+    //         onlySetTempErrorOnTouch: false,
+    //         colSize: 12,
+    //         validators: [],
+    //     },
+    // },
+    // [ElementTypes.QrCodeGenerator]: {
+    //     label: 'QRCodeGenerator',
+    //     illustration: '/assets/qrCodeGenerator.svg',
+    //     disabled: false,
+    //     requiredProperties: [
+    //         AllFormInputPrimaryKeys.Label,
+    //         AllFormInputPrimaryKeys.Appearance,
+    //         AllFormInputPrimaryKeys.FormControlName,
+    //         AllFormInputPrimaryKeys.Required,
+    //         // AllFormInputPrimaryKeys.FormValueFromInputSelector,
+    //     ],
+    //     properties: [
+    //         AllFormInputPrimaryKeys.Label,
+    //         AllFormInputPrimaryKeys.Appearance,
+    //         AllFormInputPrimaryKeys.FormControlName,
+    //         AllFormInputPrimaryKeys.Validators,
+    //         AllFormInputPrimaryKeys.Required,
+    //         AllFormInputPrimaryKeys.Value,
+    //         // FormInputKeys.FormValueFromInputSelector,
+    //     ],
+    //     elementTemplate: {
+    //         element: ElementTypes.QrCodeGenerator,
+    //          appearance: 'outline',
+    //         isCalculatedField: false,
+    //         dataType: InputDataTypes.String,
+    //         required: true,
+    //         onlySetTempErrorOnTouch: false,
+    //         colSize: 4,
+    //         validators: [],
+    //     },
+    // },
+    [ElementTypes.ImageCapture]: {
+        label: 'imageCapture',
+        illustration: '/assets/captureImage.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.Value,
+        ],
+        elementTemplate: {
+            element: ElementTypes.ImageCapture,
+            appearance: 'outline',
+            isCalculatedField: false,
+            dataType: InputDataTypes.Object,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            validators: [],
+        },
+    },
+    // [ElementTypes.OcrInput]: {
+    //     label: 'OCRInput',
+    //     illustration: '/assets/captureImage.svg',
+    //     disabled: false,
+    //     requiredProperties: [
+    //         AllFormInputPrimaryKeys.Label,
+    //         AllFormInputPrimaryKeys.Appearance,
+    //         AllFormInputPrimaryKeys.FormControlName,
+    //         AllFormInputPrimaryKeys.Required,
+    //     ],
+    //     properties: [
+    //         AllFormInputPrimaryKeys.Label,
+    //         AllFormInputPrimaryKeys.Appearance,
+    //         AllFormInputPrimaryKeys.FormControlName,
+    //         AllFormInputPrimaryKeys.Validators,
+    //         AllFormInputPrimaryKeys.Required,
+    //         AllFormInputPrimaryKeys.Value,
+    //     ],
+    //     elementTemplate: {
+    //         element: ElementTypes.OcrInput,
+    //          appearance: 'outline',
+    //         isCalculatedField: false,
+    //         dataType: InputDataTypes.Object,
+    //         required: true,
+    //         onlySetTempErrorOnTouch: false,
+    //         colSize: 4,
+    //         validators: [],
+    //     },
+    // },
+    [ElementTypes.SectionTitle]: {
+        label: 'sectionTitle',
+        illustration: '/assets/sectionTitle.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.HintLabel,
+        ],
+        elementTemplate: {
+            element: ElementTypes.SectionTitle,
+            dataType: InputDataTypes.String,
+            colSize: 12,
+        },
+    },
+    [ElementTypes.TableSelection]: {
+        label: 'Table selection',
+        illustration: '/assets/tableSelect.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.MatOptions,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.HintLabel,
+            FormInputKeys.SelectUpto,
+            FormInputKeys.TableConfig,
+        ],
+        elementTemplate: {
+            element: ElementTypes.TableSelection,
+            appearance: 'outline',
+            isCalculatedField: false,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            selectUpto: 2,
+            validators: [],
+            tableConfig: {
+                displayedColumnsInOrder: [],
+                columnsConfig: {}
+            },
+            dataType: InputDataTypes.Array,
+        },
+    },
+    // [ElementTypes.MatrixTable]: {
+    //     label: 'Comparison Table',
+    //     illustration: '/assets/matrix.svg',
+    //     disabled: false,
+    //     requiredProperties: [
+    //         AllFormInputPrimaryKeys.Label,
+    //         AllFormInputPrimaryKeys.Appearance,
+    //         AllFormInputPrimaryKeys.FormControlName,
+    //         AllFormInputPrimaryKeys.Required,
+    //     ],
+    //     properties: [
+    //         AllFormInputPrimaryKeys.Label,
+    //         AllFormInputPrimaryKeys.Appearance,
+    //         AllFormInputPrimaryKeys.FormControlName,
+    //         AllFormInputPrimaryKeys.Validators,
+    //         AllFormInputPrimaryKeys.Required,
+    //         AllFormInputPrimaryKeys.MatOptions,
+    //         AllFormInputPrimaryKeys.Value,
+    //         AllFormInputPrimaryKeys.HintLabel,
+    //         FormInputKeys.TableConfig,
+    //         //FormInputKeys.FormInputSelector,
+    //     ],
+    //     elementTemplate: {
+    //         element: ElementTypes.MatrixTable,
+    //          appearance: 'outline',
+    //         isCalculatedField: false,
+    //         required: true,
+    //         onlySetTempErrorOnTouch: false,
+    //         colSize: 12,
+    //         validators: [],
+    //         tableConfig: {
+    //             displayedColumnsInOrder: [],
+    //             columnsConfig: {}
+    //         },
+    //         dataType: InputDataTypes.Array,
+    //     } as any,
+    // },
+    [ElementTypes.MultipleInput]: {
+        label: 'Item list',
+        illustration: '/assets/multipleInputsInOne.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.FormInputs,
+            AllFormInputPrimaryKeys.HandleLabel,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.HintLabel,
+            AllFormInputPrimaryKeys.FormInputs,
+            AllFormInputPrimaryKeys.HandleLabel,
+        ],
+        elementTemplate: {
+            element: ElementTypes.MultipleInput,
+            appearance: 'outline',
+            isCalculatedField: false,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            dataType: InputDataTypes.Array,
+            validators: [],
+            handleLabel: "Add to list",
+            formInputs: [],
+            calculateListFunctions: [],
+        },
+    },
+    [ElementTypes.Editor]: {
+        label: 'Rich text editor',
+        illustration: '/assets/textEditor.svg',
+        disabled: false,
+        requiredProperties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.RichTextEditorLibrary
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.Value,
+            AllFormInputPrimaryKeys.HintLabel,
+            AllFormInputPrimaryKeys.RichTextEditorLibrary
+        ],
+        elementTemplate: {
+            element: ElementTypes.Editor,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            dataType: InputDataTypes.String,
+            colSize: 12,
+            validators: [],
+            appearance: 'outline',
+            isCalculatedField: false,
+            richTextEditorLibrary: RichTextEditorType.EditorJS,
+        },
+    },
+    [ElementTypes.MscoaSelection]: {
+        label: 'MSCOA Account Selection',
+        illustration: '/assets/captureImage.svg',
+        disabled: false,
+        requiredProperties: [AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Required,
+        ],
+        properties: [
+            AllFormInputPrimaryKeys.Label,
+            AllFormInputPrimaryKeys.Appearance,
+            AllFormInputPrimaryKeys.FormControlName,
+            AllFormInputPrimaryKeys.Validators,
+            AllFormInputPrimaryKeys.Required,
+            AllFormInputPrimaryKeys.HintLabel,
+            SpecialElementKeys.ShowAllMcoaSegments,
+            AllFormInputPrimaryKeys.TourContent,
+            AllFormInputPrimaryKeys.MatOptions,
+            AllFormInputPrimaryKeys.MscoaConfig
+        ],
+        elementTemplate: {
+            element: ElementTypes.MscoaSelection,
+            appearance: 'outline',
+            isCalculatedField: false,
+            required: true,
+            onlySetTempErrorOnTouch: false,
+            colSize: 12,
+            validators: [],
+            matOptions: MSCOA_INPUT_DEFAULT_MAT_OPTIONS,
+            mscoaConfig: {
+                showAllSegments: false,
+                segments: [],
+                inputs: []
+            },
+            dataType: InputDataTypes.Object
+        },
+    }
+    /*{
+      label: 'mutipleInput',
+      illustration: '/assets/multipleInputs.svg',
+    },*/
+};