@tsed/tailwind-formio 3.0.0-alpha.6 → 3.0.0-alpha.7

package/src/templates/stories/wizard.stories.jsx

@@ -1,1917 +0,0 @@
-import FormioFormBuilder from "formiojs/FormBuilder";
-import React, { useEffect, useRef } from "react";
-
-function WrapperFormBuilder({ options, form }) {
-  const ref = useRef();
-
-  const initializeBuilder = (form, options) => {
-    options = Object.assign({}, options);
-    form = Object.assign({}, form);
-
-    const builder = new FormioFormBuilder(ref.current, form, options);
-    builder.ready.then(() => {
-      // onChange();
-      // builderEvents.forEach(({name, action}) => builder.instance.on(name, action));
-    });
-
-    return builder;
-  };
-
-  useEffect(() => {
-    const builder = initializeBuilder(form, options);
-    return () => builder.instance.destroy(true);
-  }, [form, options]);
-
-  return (
-    <div>
-      <div ref={ref} />
-    </div>
-  );
-}
-
-export default {
-  title: "Formiojs/Wizard",
-  component: WrapperFormBuilder,
-  argTypes: {
-    display: {
-      control: {
-        type: "select",
-        options: ["form", "wizard"]
-      }
-    },
-    template: {
-      control: {
-        type: "select",
-        options: ["tailwind", "bootstrap", "semantic"]
-      }
-    },
-    iconset: {
-      control: {
-        type: "select",
-        options: ["bx", "fa"]
-      }
-    },
-    form: {
-      control: {
-        type: "object"
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      source: {
-        type: "code"
-      }
-    }
-  }
-};
-
-export const Sandbox = (args) => {
-  return <WrapperFormBuilder form={{ ...args.form, display: args.display }} options={{ template: args.template, iconset: args.iconset }} />;
-};
-
-Sandbox.args = {
-  form: {
-    _id: "6023f8fe4b1a2ab9a3aae096",
-    type: "form",
-    tags: [],
-    owner: "5d0797a382461b6656d2c790",
-    components: [
-      {
-        label: "Text Field",
-        labelPosition: "top",
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        prefix: "",
-        suffix: "",
-        widget: { type: "input" },
-        inputMask: "",
-        allowMultipleMasks: false,
-        customClass: "",
-        tabindex: "",
-        autocomplete: "",
-        hidden: false,
-        hideLabel: false,
-        showWordCount: false,
-        showCharCount: false,
-        mask: false,
-        autofocus: false,
-        spellcheck: true,
-        disabled: false,
-        tableView: true,
-        modalEdit: false,
-        multiple: false,
-        persistent: true,
-        inputFormat: "plain",
-        protected: false,
-        dbIndex: false,
-        case: "",
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: true,
-          pattern: "",
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          minLength: "",
-          maxLength: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        unique: false,
-        errorLabel: "",
-        key: "textField",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "textfield",
-        input: true,
-        refreshOn: "",
-        inputType: "text",
-        id: "eqb1o4r",
-        defaultValue: ""
-      },
-      {
-        label: "Text Area",
-        labelPosition: "top",
-        placeholder: "Placeholder",
-        description: "description",
-        tooltip: "tooltip",
-        prefix: "",
-        suffix: "",
-        widget: { type: "input" },
-        editor: "",
-        autoExpand: false,
-        customClass: "",
-        tabindex: "",
-        autocomplete: "",
-        hidden: false,
-        hideLabel: false,
-        showWordCount: false,
-        showCharCount: false,
-        autofocus: false,
-        spellcheck: true,
-        disabled: false,
-        tableView: true,
-        modalEdit: false,
-        multiple: false,
-        persistent: true,
-        inputFormat: "html",
-        protected: false,
-        dbIndex: false,
-        case: "",
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: false,
-          pattern: "",
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          minLength: "",
-          maxLength: "",
-          minWords: "",
-          maxWords: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        unique: false,
-        errorLabel: "",
-        key: "textArea",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        fixedSize: true,
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        attributes: {},
-        type: "textarea",
-        rows: 3,
-        wysiwyg: false,
-        input: true,
-        refreshOn: "",
-        allowMultipleMasks: false,
-        mask: false,
-        inputType: "text",
-        inputMask: "",
-        id: "e4jsrqc",
-        defaultValue: ""
-      },
-      {
-        label: "Number",
-        labelPosition: "top",
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        prefix: "",
-        suffix: "",
-        widget: { type: "input" },
-        customClass: "",
-        tabindex: "",
-        autocomplete: "",
-        hidden: false,
-        hideLabel: false,
-        mask: false,
-        autofocus: false,
-        spellcheck: true,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        multiple: false,
-        persistent: true,
-        delimiter: false,
-        requireDecimal: false,
-        inputFormat: "plain",
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          min: "",
-          max: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false,
-          step: "any",
-          integer: ""
-        },
-        errorLabel: "",
-        key: "number",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "number",
-        input: true,
-        unique: false,
-        refreshOn: "",
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        id: "ex8zh8u",
-        defaultValue: null
-      },
-      {
-        label: "Password",
-        labelPosition: "top",
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        prefix: "",
-        suffix: "",
-        widget: { type: "input" },
-        customClass: "",
-        tabindex: "",
-        autocomplete: "",
-        hidden: false,
-        hideLabel: false,
-        showWordCount: false,
-        showCharCount: false,
-        mask: false,
-        autofocus: false,
-        spellcheck: true,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        case: "",
-        redrawOn: "",
-        clearOnHide: true,
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: false,
-          pattern: "",
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          minLength: "",
-          maxLength: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        errorLabel: "",
-        key: "password",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "password",
-        input: true,
-        multiple: false,
-        defaultValue: null,
-        protected: true,
-        unique: false,
-        persistent: true,
-        refreshOn: "",
-        dbIndex: false,
-        customDefaultValue: "",
-        calculateValue: "",
-        encrypted: false,
-        allowMultipleMasks: false,
-        inputType: "text",
-        inputFormat: "plain",
-        inputMask: "",
-        id: "etqa5pm"
-      },
-      {
-        label: "Checkbox",
-        description: "description",
-        tooltip: "tooltip",
-        shortcut: "",
-        inputType: "checkbox",
-        customClass: "",
-        tabindex: "",
-        hidden: false,
-        hideLabel: false,
-        autofocus: false,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        defaultValue: false,
-        persistent: true,
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        errorLabel: "",
-        key: "checkbox",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "checkbox",
-        name: "",
-        value: "",
-        input: true,
-        placeholder: "",
-        prefix: "",
-        suffix: "",
-        multiple: false,
-        unique: false,
-        refreshOn: "",
-        labelPosition: "right",
-        widget: null,
-        validateOn: "change",
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        dataGridLabel: true,
-        id: "em8ln2m"
-      },
-      {
-        label: "Select Boxes",
-        labelPosition: "top",
-        optionsLabelPosition: "right",
-        description: "",
-        tooltip: "",
-        customClass: "",
-        tabindex: "",
-        inline: false,
-        hidden: false,
-        hideLabel: false,
-        autofocus: false,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        values: [
-          { label: "label", value: "label", shortcut: "" },
-          {
-            label: "lol",
-            value: "lol",
-            shortcut: ""
-          }
-        ],
-        persistent: true,
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        errorLabel: "",
-        minSelectedCountMessage: "",
-        maxSelectedCountMessage: "",
-        key: "selectBoxes",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "selectboxes",
-        input: true,
-        placeholder: "",
-        prefix: "",
-        suffix: "",
-        multiple: false,
-        unique: false,
-        refreshOn: "",
-        widget: null,
-        validateOn: "change",
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        inputType: "checkbox",
-        fieldSet: false,
-        id: "esa4upt",
-        defaultValue: { "": false }
-      },
-      {
-        label: "Radio",
-        labelPosition: "top",
-        optionsLabelPosition: "right",
-        description: "",
-        tooltip: "",
-        customClass: "",
-        tabindex: "",
-        inline: false,
-        hidden: false,
-        hideLabel: false,
-        autofocus: false,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        values: [
-          { label: "data", value: "data", shortcut: "" },
-          {
-            label: "label",
-            value: "label",
-            shortcut: ""
-          }
-        ],
-        dataType: "",
-        persistent: true,
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        errorLabel: "",
-        key: "radio",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "radio",
-        input: true,
-        placeholder: "",
-        prefix: "",
-        suffix: "",
-        multiple: false,
-        unique: false,
-        refreshOn: "",
-        widget: null,
-        validateOn: "change",
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        inputType: "radio",
-        fieldSet: false,
-        id: "edh7o6o",
-        defaultValue: ""
-      },
-      {
-        label: "Select",
-        labelPosition: "top",
-        widget: "choicesjs",
-        placeholder: "placeholder",
-        description: "",
-        tooltip: "",
-        customClass: "",
-        tabindex: "",
-        hidden: false,
-        hideLabel: false,
-        uniqueOptions: false,
-        autofocus: false,
-        disabled: false,
-        tableView: true,
-        modalEdit: false,
-        multiple: false,
-        dataSrc: "values",
-        data: {
-          values: [
-            { label: "label", value: "label" },
-            { label: "save", value: "save" }
-          ],
-          resource: "",
-          json: "",
-          url: "",
-          custom: ""
-        },
-        valueProperty: "",
-        dataType: "",
-        idPath: "id",
-        template: "<span>{{ item.label }}</span>",
-        refreshOn: "",
-        refreshOnBlur: "",
-        clearOnRefresh: false,
-        searchEnabled: true,
-        selectThreshold: 0.3,
-        readOnlyValue: false,
-        customOptions: {},
-        useExactSearch: false,
-        persistent: true,
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        unique: false,
-        errorLabel: "",
-        key: "select",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "select",
-        indexeddb: { filter: {} },
-        selectFields: "",
-        searchField: "",
-        minSearch: 0,
-        filter: "",
-        limit: 100,
-        redrawOn: "",
-        input: true,
-        prefix: "",
-        suffix: "",
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        lazyLoad: true,
-        authenticate: false,
-        searchThreshold: 0.3,
-        fuseOptions: { include: "score", threshold: 0.3 },
-        id: "ebqtqd6",
-        defaultValue: ""
-      },
-      {
-        label: "Select",
-        labelPosition: "top",
-        widget: "html5",
-        placeholder: "placeholder",
-        description: "",
-        tooltip: "",
-        customClass: "",
-        tabindex: "",
-        hidden: false,
-        hideLabel: false,
-        uniqueOptions: false,
-        autofocus: false,
-        disabled: false,
-        tableView: true,
-        modalEdit: false,
-        multiple: false,
-        dataSrc: "values",
-        data: {
-          values: [{ label: "", value: "" }],
-          resource: "",
-          json: "",
-          url: "",
-          custom: ""
-        },
-        valueProperty: "",
-        dataType: "",
-        idPath: "id",
-        template: "<span>{{ item.label }}</span>",
-        refreshOn: "",
-        refreshOnBlur: "",
-        clearOnRefresh: false,
-        searchEnabled: true,
-        selectThreshold: 0.3,
-        readOnlyValue: false,
-        customOptions: {},
-        useExactSearch: false,
-        persistent: true,
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        unique: false,
-        errorLabel: "",
-        key: "select1",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "select",
-        indexeddb: { filter: {} },
-        selectFields: "",
-        searchField: "",
-        minSearch: 0,
-        filter: "",
-        limit: 100,
-        redrawOn: "",
-        input: true,
-        prefix: "",
-        suffix: "",
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        lazyLoad: true,
-        authenticate: false,
-        searchThreshold: 0.3,
-        fuseOptions: { include: "score", threshold: 0.3 },
-        id: "em8m4qk",
-        defaultValue: ""
-      },
-      {
-        label: "Email",
-        labelPosition: "top",
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        prefix: "",
-        suffix: "",
-        widget: { type: "input" },
-        customClass: "",
-        tabindex: "",
-        autocomplete: "",
-        hidden: false,
-        hideLabel: false,
-        mask: false,
-        autofocus: false,
-        spellcheck: true,
-        disabled: false,
-        tableView: true,
-        modalEdit: false,
-        multiple: false,
-        persistent: true,
-        inputFormat: "plain",
-        protected: false,
-        dbIndex: false,
-        case: "",
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: false,
-          pattern: "",
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          minLength: "",
-          maxLength: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        unique: false,
-        kickbox: { enabled: false },
-        errorLabel: "",
-        key: "email",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "email",
-        input: true,
-        refreshOn: "",
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        inputType: "email",
-        inputMask: "",
-        id: "epj8sj28",
-        defaultValue: null
-      },
-      {
-        label: "Url",
-        labelPosition: "top",
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        prefix: "",
-        suffix: "",
-        widget: { type: "input" },
-        customClass: "",
-        tabindex: "",
-        autocomplete: "",
-        hidden: false,
-        hideLabel: false,
-        mask: false,
-        autofocus: false,
-        spellcheck: true,
-        disabled: false,
-        tableView: true,
-        modalEdit: false,
-        multiple: false,
-        persistent: true,
-        inputFormat: "plain",
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: false,
-          pattern: "",
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          minLength: "",
-          maxLength: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        unique: false,
-        errorLabel: "",
-        key: "url",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "url",
-        input: true,
-        refreshOn: "",
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        inputType: "url",
-        inputMask: "",
-        id: "exw9p4",
-        defaultValue: null
-      },
-      {
-        label: "Phone Number",
-        labelPosition: "top",
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        prefix: "",
-        suffix: "",
-        widget: { type: "input" },
-        inputMask: "(999) 999-9999",
-        allowMultipleMasks: false,
-        customClass: "",
-        tabindex: "",
-        autocomplete: "",
-        hidden: false,
-        hideLabel: false,
-        mask: false,
-        autofocus: false,
-        spellcheck: true,
-        disabled: false,
-        tableView: true,
-        modalEdit: false,
-        multiple: false,
-        persistent: true,
-        inputFormat: "plain",
-        protected: false,
-        dbIndex: false,
-        case: "",
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false,
-          minLength: "",
-          maxLength: "",
-          pattern: ""
-        },
-        unique: false,
-        errorLabel: "",
-        key: "phoneNumber",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "phoneNumber",
-        input: true,
-        refreshOn: "",
-        showCharCount: false,
-        showWordCount: false,
-        inputType: "tel",
-        id: "e2c7lpl",
-        defaultValue: null
-      },
-      {
-        label: "Tags",
-        labelPosition: "top",
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        customClass: "",
-        tabindex: "",
-        hidden: false,
-        hideLabel: false,
-        autofocus: false,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        delimeter: ",",
-        maxTags: 0,
-        storeas: "string",
-        persistent: true,
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        unique: false,
-        validateOn: "change",
-        errorLabel: "",
-        key: "tags",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "tags",
-        input: true,
-        prefix: "",
-        suffix: "",
-        multiple: false,
-        refreshOn: "",
-        widget: { type: "input" },
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        id: "ejc82t",
-        defaultValue: null
-      },
-      {
-        label: "Address",
-        labelPosition: "top",
-        enableManualMode: false,
-        disableClearIcon: false,
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        customClass: "",
-        tabindex: "",
-        hidden: false,
-        hideLabel: false,
-        autofocus: false,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        multiple: false,
-        persistent: true,
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        provider: "google",
-        manualModeViewString: "",
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        unique: false,
-        validateOn: "change",
-        errorLabel: "",
-        key: "address",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "address",
-        switchToManualModeLabel: "Can't find address? Switch to manual mode.",
-        input: true,
-        prefix: "",
-        suffix: "",
-        refreshOn: "",
-        widget: null,
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        tree: true,
-        components: [
-          {
-            label: "Address 1",
-            tableView: false,
-            key: "address1",
-            type: "textfield",
-            input: true,
-            customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-            placeholder: "",
-            prefix: "",
-            customClass: "",
-            suffix: "",
-            multiple: false,
-            defaultValue: null,
-            protected: false,
-            unique: false,
-            persistent: true,
-            hidden: false,
-            clearOnHide: true,
-            refreshOn: "",
-            redrawOn: "",
-            modalEdit: false,
-            labelPosition: "top",
-            description: "",
-            errorLabel: "",
-            tooltip: "",
-            hideLabel: false,
-            tabindex: "",
-            disabled: false,
-            autofocus: false,
-            dbIndex: false,
-            customDefaultValue: "",
-            calculateValue: "",
-            calculateServer: false,
-            widget: { type: "input" },
-            attributes: {},
-            validateOn: "change",
-            validate: {
-              required: false,
-              custom: "",
-              customPrivate: false,
-              strictDateValidation: false,
-              multiple: false,
-              unique: false,
-              minLength: "",
-              maxLength: "",
-              pattern: ""
-            },
-            conditional: { show: null, when: null, eq: "" },
-            overlay: { style: "", left: "", top: "", width: "", height: "" },
-            allowCalculateOverride: false,
-            encrypted: false,
-            showCharCount: false,
-            showWordCount: false,
-            properties: {},
-            allowMultipleMasks: false,
-            mask: false,
-            inputType: "text",
-            inputFormat: "plain",
-            inputMask: "",
-            spellcheck: true,
-            id: "eecfg6h"
-          },
-          {
-            label: "Address 2",
-            tableView: false,
-            key: "address2",
-            type: "textfield",
-            input: true,
-            customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-            placeholder: "",
-            prefix: "",
-            customClass: "",
-            suffix: "",
-            multiple: false,
-            defaultValue: null,
-            protected: false,
-            unique: false,
-            persistent: true,
-            hidden: false,
-            clearOnHide: true,
-            refreshOn: "",
-            redrawOn: "",
-            modalEdit: false,
-            labelPosition: "top",
-            description: "",
-            errorLabel: "",
-            tooltip: "",
-            hideLabel: false,
-            tabindex: "",
-            disabled: false,
-            autofocus: false,
-            dbIndex: false,
-            customDefaultValue: "",
-            calculateValue: "",
-            calculateServer: false,
-            widget: { type: "input" },
-            attributes: {},
-            validateOn: "change",
-            validate: {
-              required: false,
-              custom: "",
-              customPrivate: false,
-              strictDateValidation: false,
-              multiple: false,
-              unique: false,
-              minLength: "",
-              maxLength: "",
-              pattern: ""
-            },
-            conditional: { show: null, when: null, eq: "" },
-            overlay: { style: "", left: "", top: "", width: "", height: "" },
-            allowCalculateOverride: false,
-            encrypted: false,
-            showCharCount: false,
-            showWordCount: false,
-            properties: {},
-            allowMultipleMasks: false,
-            mask: false,
-            inputType: "text",
-            inputFormat: "plain",
-            inputMask: "",
-            spellcheck: true,
-            id: "eajhpuu"
-          },
-          {
-            label: "City",
-            tableView: false,
-            key: "city",
-            type: "textfield",
-            input: true,
-            customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-            placeholder: "",
-            prefix: "",
-            customClass: "",
-            suffix: "",
-            multiple: false,
-            defaultValue: null,
-            protected: false,
-            unique: false,
-            persistent: true,
-            hidden: false,
-            clearOnHide: true,
-            refreshOn: "",
-            redrawOn: "",
-            modalEdit: false,
-            labelPosition: "top",
-            description: "",
-            errorLabel: "",
-            tooltip: "",
-            hideLabel: false,
-            tabindex: "",
-            disabled: false,
-            autofocus: false,
-            dbIndex: false,
-            customDefaultValue: "",
-            calculateValue: "",
-            calculateServer: false,
-            widget: { type: "input" },
-            attributes: {},
-            validateOn: "change",
-            validate: {
-              required: false,
-              custom: "",
-              customPrivate: false,
-              strictDateValidation: false,
-              multiple: false,
-              unique: false,
-              minLength: "",
-              maxLength: "",
-              pattern: ""
-            },
-            conditional: { show: null, when: null, eq: "" },
-            overlay: { style: "", left: "", top: "", width: "", height: "" },
-            allowCalculateOverride: false,
-            encrypted: false,
-            showCharCount: false,
-            showWordCount: false,
-            properties: {},
-            allowMultipleMasks: false,
-            mask: false,
-            inputType: "text",
-            inputFormat: "plain",
-            inputMask: "",
-            spellcheck: true,
-            id: "efpnrca7"
-          },
-          {
-            label: "State",
-            tableView: false,
-            key: "state",
-            type: "textfield",
-            input: true,
-            customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-            placeholder: "",
-            prefix: "",
-            customClass: "",
-            suffix: "",
-            multiple: false,
-            defaultValue: null,
-            protected: false,
-            unique: false,
-            persistent: true,
-            hidden: false,
-            clearOnHide: true,
-            refreshOn: "",
-            redrawOn: "",
-            modalEdit: false,
-            labelPosition: "top",
-            description: "",
-            errorLabel: "",
-            tooltip: "",
-            hideLabel: false,
-            tabindex: "",
-            disabled: false,
-            autofocus: false,
-            dbIndex: false,
-            customDefaultValue: "",
-            calculateValue: "",
-            calculateServer: false,
-            widget: { type: "input" },
-            attributes: {},
-            validateOn: "change",
-            validate: {
-              required: false,
-              custom: "",
-              customPrivate: false,
-              strictDateValidation: false,
-              multiple: false,
-              unique: false,
-              minLength: "",
-              maxLength: "",
-              pattern: ""
-            },
-            conditional: { show: null, when: null, eq: "" },
-            overlay: { style: "", left: "", top: "", width: "", height: "" },
-            allowCalculateOverride: false,
-            encrypted: false,
-            showCharCount: false,
-            showWordCount: false,
-            properties: {},
-            allowMultipleMasks: false,
-            mask: false,
-            inputType: "text",
-            inputFormat: "plain",
-            inputMask: "",
-            spellcheck: true,
-            id: "eu3kksv"
-          },
-          {
-            label: "Country",
-            tableView: false,
-            key: "country",
-            type: "textfield",
-            input: true,
-            customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-            placeholder: "",
-            prefix: "",
-            customClass: "",
-            suffix: "",
-            multiple: false,
-            defaultValue: null,
-            protected: false,
-            unique: false,
-            persistent: true,
-            hidden: false,
-            clearOnHide: true,
-            refreshOn: "",
-            redrawOn: "",
-            modalEdit: false,
-            labelPosition: "top",
-            description: "",
-            errorLabel: "",
-            tooltip: "",
-            hideLabel: false,
-            tabindex: "",
-            disabled: false,
-            autofocus: false,
-            dbIndex: false,
-            customDefaultValue: "",
-            calculateValue: "",
-            calculateServer: false,
-            widget: { type: "input" },
-            attributes: {},
-            validateOn: "change",
-            validate: {
-              required: false,
-              custom: "",
-              customPrivate: false,
-              strictDateValidation: false,
-              multiple: false,
-              unique: false,
-              minLength: "",
-              maxLength: "",
-              pattern: ""
-            },
-            conditional: { show: null, when: null, eq: "" },
-            overlay: { style: "", left: "", top: "", width: "", height: "" },
-            allowCalculateOverride: false,
-            encrypted: false,
-            showCharCount: false,
-            showWordCount: false,
-            properties: {},
-            allowMultipleMasks: false,
-            mask: false,
-            inputType: "text",
-            inputFormat: "plain",
-            inputMask: "",
-            spellcheck: true,
-            id: "el39cu9"
-          },
-          {
-            label: "Zip Code",
-            tableView: false,
-            key: "zip",
-            type: "textfield",
-            input: true,
-            customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-            placeholder: "",
-            prefix: "",
-            customClass: "",
-            suffix: "",
-            multiple: false,
-            defaultValue: null,
-            protected: false,
-            unique: false,
-            persistent: true,
-            hidden: false,
-            clearOnHide: true,
-            refreshOn: "",
-            redrawOn: "",
-            modalEdit: false,
-            labelPosition: "top",
-            description: "",
-            errorLabel: "",
-            tooltip: "",
-            hideLabel: false,
-            tabindex: "",
-            disabled: false,
-            autofocus: false,
-            dbIndex: false,
-            customDefaultValue: "",
-            calculateValue: "",
-            calculateServer: false,
-            widget: { type: "input" },
-            attributes: {},
-            validateOn: "change",
-            validate: {
-              required: false,
-              custom: "",
-              customPrivate: false,
-              strictDateValidation: false,
-              multiple: false,
-              unique: false,
-              minLength: "",
-              maxLength: "",
-              pattern: ""
-            },
-            conditional: { show: null, when: null, eq: "" },
-            overlay: { style: "", left: "", top: "", width: "", height: "" },
-            allowCalculateOverride: false,
-            encrypted: false,
-            showCharCount: false,
-            showWordCount: false,
-            properties: {},
-            allowMultipleMasks: false,
-            mask: false,
-            inputType: "text",
-            inputFormat: "plain",
-            inputMask: "",
-            spellcheck: true,
-            id: "epyac4"
-          }
-        ],
-        providerOptions: { params: { key: "fze", region: "" } },
-        id: "er02e2gb",
-        defaultValue: {}
-      },
-      {
-        label: "Date / Time",
-        labelPosition: "top",
-        displayInTimezone: "viewer",
-        useLocaleSettings: false,
-        allowInput: true,
-        format: "yyyy-MM-dd hh:mm a",
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        customClass: "",
-        tabindex: "",
-        hidden: false,
-        hideLabel: false,
-        autofocus: false,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        enableDate: true,
-        enableMinDateInput: false,
-        datePicker: {
-          minDate: null,
-          maxDate: null,
-          disable: "",
-          disableFunction: "",
-          disableWeekends: false,
-          disableWeekdays: false,
-          showWeeks: true,
-          startingDay: 0,
-          initDate: "",
-          minMode: "day",
-          maxMode: "year",
-          yearRows: 4,
-          yearColumns: 5
-        },
-        enableMaxDateInput: false,
-        enableTime: true,
-        timePicker: {
-          showMeridian: true,
-          hourStep: 1,
-          minuteStep: 1,
-          readonlyInput: false,
-          mousewheel: true,
-          arrowkeys: true
-        },
-        multiple: false,
-        defaultValue: "",
-        defaultDate: "",
-        customOptions: {},
-        persistent: true,
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        unique: false,
-        validateOn: "change",
-        errorLabel: "",
-        key: "dateTime",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "datetime",
-        timezone: "",
-        input: true,
-        prefix: "",
-        suffix: "",
-        refreshOn: "",
-        widget: {
-          type: "calendar",
-          displayInTimezone: "viewer",
-          locale: "en",
-          useLocaleSettings: false,
-          allowInput: true,
-          mode: "single",
-          enableTime: true,
-          noCalendar: false,
-          format: "yyyy-MM-dd hh:mm a",
-          hourIncrement: 1,
-          minuteIncrement: 1,
-          minDate: null,
-          disabledDates: "",
-          disableWeekends: false,
-          disableWeekdays: false,
-          disableFunction: "",
-          maxDate: null
-        },
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        datepickerMode: "day",
-        id: "el9idgl"
-      },
-      {
-        label: "Day",
-        hideInputLabels: false,
-        inputsLabelPosition: "top",
-        description: "",
-        useLocaleSettings: false,
-        tooltip: "",
-        customClass: "",
-        tabindex: "",
-        hidden: false,
-        hideLabel: false,
-        autofocus: false,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        fields: {
-          day: {
-            type: "number",
-            placeholder: "",
-            hide: false,
-            required: false
-          },
-          month: {
-            type: "select",
-            placeholder: "",
-            hide: false,
-            required: false
-          },
-          year: {
-            type: "number",
-            placeholder: "",
-            hide: false,
-            required: false
-          }
-        },
-        dayFirst: false,
-        persistent: true,
-        protected: false,
-        dbIndex: false,
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        maxDate: "",
-        minDate: "",
-        unique: false,
-        errorLabel: "",
-        validate: {
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          required: false,
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        key: "day",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "day",
-        input: true,
-        placeholder: "",
-        prefix: "",
-        suffix: "",
-        multiple: false,
-        refreshOn: "",
-        labelPosition: "top",
-        widget: null,
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        id: "ecgefls",
-        defaultValue: "00/00/0000"
-      },
-      {
-        label: "Currency",
-        labelPosition: "top",
-        placeholder: "",
-        description: "",
-        tooltip: "",
-        prefix: "",
-        suffix: "",
-        widget: { type: "input" },
-        customClass: "",
-        tabindex: "",
-        autocomplete: "",
-        hidden: false,
-        hideLabel: false,
-        mask: false,
-        autofocus: false,
-        spellcheck: true,
-        disabled: false,
-        tableView: false,
-        modalEdit: false,
-        multiple: false,
-        persistent: true,
-        currency: "USD",
-        inputFormat: "plain",
-        protected: false,
-        dbIndex: false,
-        case: "",
-        encrypted: false,
-        redrawOn: "",
-        clearOnHide: true,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        allowCalculateOverride: false,
-        validateOn: "change",
-        validate: {
-          required: false,
-          customMessage: "",
-          custom: "",
-          customPrivate: false,
-          json: "",
-          strictDateValidation: false,
-          multiple: false,
-          unique: false,
-          min: "",
-          max: "",
-          step: "any",
-          integer: ""
-        },
-        unique: false,
-        errorLabel: "",
-        key: "currency",
-        tags: [],
-        properties: {},
-        conditional: { show: null, when: null, eq: "", json: "" },
-        customConditional: "",
-        logic: [],
-        attributes: {},
-        overlay: {
-          style: "",
-          page: "",
-          left: "",
-          top: "",
-          width: "",
-          height: ""
-        },
-        type: "currency",
-        input: true,
-        refreshOn: "",
-        showCharCount: false,
-        showWordCount: false,
-        allowMultipleMasks: false,
-        delimiter: true,
-        id: "em22wkd",
-        defaultValue: null
-      },
-      {
-        type: "button",
-        label: "Submit",
-        key: "submit",
-        size: "md",
-        block: false,
-        action: "submit",
-        disableOnInvalid: true,
-        theme: "primary",
-        input: true,
-        placeholder: "",
-        prefix: "",
-        customClass: "",
-        suffix: "",
-        multiple: false,
-        defaultValue: null,
-        protected: false,
-        unique: false,
-        persistent: false,
-        hidden: false,
-        clearOnHide: true,
-        refreshOn: "",
-        redrawOn: "",
-        tableView: false,
-        modalEdit: false,
-        labelPosition: "top",
-        description: "",
-        errorLabel: "",
-        tooltip: "",
-        hideLabel: false,
-        tabindex: "",
-        disabled: false,
-        autofocus: false,
-        dbIndex: false,
-        customDefaultValue: "",
-        calculateValue: "",
-        calculateServer: false,
-        widget: { type: "input" },
-        attributes: {},
-        validateOn: "change",
-        validate: {
-          required: false,
-          custom: "",
-          customPrivate: false,
-          strictDateValidation: false,
-          multiple: false,
-          unique: false
-        },
-        conditional: { show: null, when: null, eq: "" },
-        overlay: { style: "", left: "", top: "", width: "", height: "" },
-        allowCalculateOverride: false,
-        encrypted: false,
-        showCharCount: false,
-        showWordCount: false,
-        properties: {},
-        allowMultipleMasks: false,
-        leftIcon: "",
-        rightIcon: "",
-        dataGridLabel: true,
-        id: "e08gq3l"
-      }
-    ],
-    revisions: "",
-    _vid: 0,
-    title: "text-field",
-    display: "form",
-    access: [
-      {
-        roles: ["5d0797bc872fc747da559858", "5d0797bc872fc71d05559859", "5d0797bc872fc7da3b55985a"],
-        type: "read_all"
-      }
-    ],
-    submissionAccess: [],
-    controller: "",
-    properties: {},
-    settings: {},
-    name: "textField",
-    path: "textfield",
-    project: "5d0797bc872fc7d140559857",
-    created: "2021-02-10T15:17:18.028Z",
-    modified: "2021-02-10T21:38:52.325Z",
-    machineName: "tcspjwhsevrzpcd:textField"
-  },
-  display: "wizard",
-  template: "tailwind",
-  iconset: "bx"
-};