@formio/js 5.0.0-rc.26 → 5.0.0-rc.27-dev.5543.40bb827

package/lib/cjs/components/_classes/component/editForm/Component.edit.validation.js

@@ -1,209 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = __importDefault(require("./utils"));
-const Evaluator_1 = __importDefault(require("../../../../utils/Evaluator"));
-/* eslint-disable quotes, max-len */
-exports.default = [
-    {
-        weight: 10,
-        type: 'checkbox',
-        label: 'Required',
-        tooltip: 'A required field must be filled in before the form can be submitted.',
-        key: 'validate.required',
-        input: true
-    },
-    {
-        weight: 100,
-        type: 'checkbox',
-        label: 'Unique',
-        tooltip: 'Makes sure the data submitted for this field is unique, and has not been submitted before.',
-        key: 'unique',
-        input: true
-    },
-    {
-        weight: 0,
-        type: 'select',
-        key: 'validateOn',
-        defaultValue: 'change',
-        input: true,
-        label: 'Validate On',
-        tooltip: 'Determines when this component should trigger front-end validation.',
-        dataSrc: 'values',
-        data: {
-            values: [
-                { label: 'Change', value: 'change' },
-                { label: 'Blur', value: 'blur' }
-            ]
-        }
-    },
-    {
-        weight: 190,
-        type: 'textfield',
-        input: true,
-        key: 'errorLabel',
-        label: 'Error Label',
-        placeholder: 'Error Label',
-        tooltip: 'The label for this field when an error occurs.'
-    },
-    {
-        weight: 200,
-        key: 'validate.customMessage',
-        label: 'Custom Error Message',
-        placeholder: 'Custom Error Message',
-        type: 'textfield',
-        tooltip: 'Error message displayed if any error occurred.',
-        input: true
-    },
-    {
-        type: 'panel',
-        title: 'Custom Validation',
-        collapsible: true,
-        collapsed: true,
-        style: { 'margin-bottom': '10px' },
-        key: 'custom-validation-js',
-        weight: 300,
-        customConditional() {
-            return !Evaluator_1.default.noeval || Evaluator_1.default.protectedEval;
-        },
-        components: [
-            utils_1.default.logicVariablesTable('<tr><th>input</th><td>The value that was input into this component</td></tr>'),
-            {
-                type: 'textarea',
-                key: 'validate.custom',
-                rows: 5,
-                editor: 'ace',
-                hideLabel: true,
-                as: 'javascript',
-                input: true
-            },
-            {
-                type: 'htmlelement',
-                tag: 'div',
-                content: `
-          <small>
-            <p>Enter custom validation code.</p>
-            <p>You must assign the <strong>valid</strong> variable as either <strong>true</strong> or an error message if validation fails.</p>
-            <h5>Example:</h5>
-            <pre>valid = (input === 'Joe') ? true : 'Your name must be "Joe"';</pre>
-          </small>`
-            },
-            {
-                type: 'well',
-                components: [
-                    {
-                        weight: 100,
-                        type: 'checkbox',
-                        label: 'Secret Validation',
-                        tooltip: 'Check this if you wish to perform the validation ONLY on the server side. This keeps your validation logic private and secret.',
-                        description: 'Check this if you wish to perform the validation ONLY on the server side. This keeps your validation logic private and secret.',
-                        key: 'validate.customPrivate',
-                        input: true
-                    }
-                ]
-            }
-        ]
-    },
-    {
-        type: 'panel',
-        title: 'JSONLogic Validation',
-        collapsible: true,
-        collapsed: true,
-        key: 'json-validation-json',
-        weight: 400,
-        components: [
-            {
-                type: 'htmlelement',
-                tag: 'div',
-                /* eslint-disable prefer-template */
-                content: '<p>Execute custom logic using <a href="http://jsonlogic.com/" target="_blank" rel="noopener noreferrer">JSONLogic</a>.</p>' +
-                    '<h5>Example:</h5>' +
-                    '<pre>' + JSON.stringify({
-                    "if": [
-                        { "===": [{ "var": "input" }, "Bob"] },
-                        true,
-                        "Your name must be 'Bob'!"
-                    ]
-                }, null, 2) + '</pre>'
-                /* eslint-enable prefer-template */
-            },
-            {
-                type: 'textarea',
-                key: 'validate.json',
-                hideLabel: true,
-                rows: 5,
-                editor: 'ace',
-                as: 'json',
-                input: true
-            }
-        ]
-    },
-    {
-        type: 'panel',
-        title: 'Custom Errors',
-        collapsible: true,
-        collapsed: true,
-        key: 'errors',
-        weight: 400,
-        components: [
-            {
-                type: 'textarea',
-                key: 'errors',
-                hideLabel: true,
-                rows: 5,
-                editor: 'ace',
-                as: 'json',
-                input: true
-            },
-            {
-                type: 'htmlelement',
-                tag: 'div',
-                content: `
-          <p>This allows you to set different custom error messages for different errors
-          (in contrast to “Custom Error Message”, which only allows you to set one
-          error message for all errors). E.g.</p>
-
-<pre>{
-  "required": "{<span/>{ field }} is required. Try again.",
-  "maxLength": "{<span/>{ field }} is too long. Try again."
-}</pre>
-
-          <p>You can set the following keys (among others):</p>
-          <ul>
-            <li>r<span/>equired</li>
-            <li>m<span/>in</li>
-            <li>m<span/>ax</li>
-            <li>m<span/>inLength</li>
-            <li>m<span/>axLength</li>
-            <li>m<span/>inWords</li>
-            <li>m<span/>axWords</li>
-            <li>i<span/>nvalid_email</li>
-            <li>i<span/>nvalid_date</li>
-            <li>i<span/>nvalid_day</li>
-            <li>i<span/>nvalid_regex</li>
-            <li>m<span/>ask</li>
-            <li>p<span/>attern</li>
-            <li>c<span/>ustom</li>
-          </ul>
-
-          <p>Depending on the error message some of the following template variables can be used in the script:</p>
-          <ul>
-           <li><code>{<span/>{ f<span/>ield }}</code> is replaced with the label of the field.</li>
-           <li><code>{<span/>{ m<span/>in }}</code></li>
-           <li><code>{<span/>{ m<span/>ax }}</code></li>
-           <li><code>{<span/>{ l<span/>ength }}</code></li>
-           <li><code>{<span/>{ p<span/>attern }}</code></li>
-           <li><code>{<span/>{ m<span/>inDate }}</code></li>
-           <li><code>{<span/>{ m<span/>axDate }}</code></li>
-           <li><code>{<span/>{ m<span/>inYear }}</code></li>
-           <li><code>{<span/>{ m<span/>axYear }}</code></li>
-           <li><code>{<span/>{ r<span/>egex }}</code></li>
-          </ul>
-        `
-            }
-        ]
-    }
-];
-/* eslint-enable quotes, max-len */

package/lib/cjs/components/_classes/component/editForm/utils.d.ts

@@ -1,83 +0,0 @@
-export default EditFormUtils;
-declare namespace EditFormUtils {
-    function sortAndFilterComponents(components: any): any;
-    function unifyComponents(objValue: any, srcValue: any): any;
-    function logicVariablesTable(additional: any): {
-        type: string;
-        tag: string;
-        content: string;
-    };
-    function javaScriptValue(title: any, property: any, propertyJSON: any, weight: any, exampleHTML: any, exampleJSON: any, additionalParams: string | undefined, excludeJSONLogic: any): {
-        type: string;
-        title: any;
-        theme: string;
-        collapsible: boolean;
-        collapsed: boolean;
-        key: string;
-        weight: any;
-        components: ({
-            type: string;
-            tag: string;
-            content: string;
-        } | {
-            type: string;
-            title: string;
-            collapsible: boolean;
-            collapsed: boolean;
-            style: {
-                'margin-bottom': string;
-            };
-            key: string;
-            customConditional(): boolean;
-            components: ({
-                type: string;
-                key: any;
-                rows: number;
-                editor: string;
-                hideLabel: boolean;
-                as: string;
-                input: boolean;
-                tag?: undefined;
-                content?: undefined;
-            } | {
-                type: string;
-                tag: string;
-                content: string;
-                key?: undefined;
-                rows?: undefined;
-                editor?: undefined;
-                hideLabel?: undefined;
-                as?: undefined;
-                input?: undefined;
-            })[];
-        } | {
-            type: string;
-            title: string;
-            collapsible: boolean;
-            collapsed: boolean;
-            key: string;
-            components: ({
-                type: string;
-                tag: string;
-                content: string;
-                key?: undefined;
-                rows?: undefined;
-                editor?: undefined;
-                hideLabel?: undefined;
-                as?: undefined;
-                input?: undefined;
-            } | {
-                type: string;
-                key: any;
-                rows: number;
-                editor: string;
-                hideLabel: boolean;
-                as: string;
-                input: boolean;
-                tag?: undefined;
-                content?: undefined;
-            })[];
-            style?: undefined;
-        })[];
-    };
-}

package/lib/cjs/components/_classes/component/editForm/utils.js

@@ -1,137 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const lodash_1 = __importDefault(require("lodash"));
-const Evaluator_1 = __importDefault(require("../../../../utils/Evaluator"));
-const EditFormUtils = {
-    sortAndFilterComponents(components) {
-        return lodash_1.default.filter(lodash_1.default.sortBy(components, 'weight'), (item) => !item.ignore);
-    },
-    unifyComponents(objValue, srcValue) {
-        if (objValue.key && srcValue.key) {
-            if (objValue.skipMerge || srcValue.skipMerge) {
-                return false;
-            }
-            if (objValue.key === srcValue.key) {
-                // Create complete objects by including missing keys.
-                lodash_1.default.each(objValue, (value, prop) => {
-                    if (objValue.overrideEditForm || !srcValue.hasOwnProperty(prop)) {
-                        srcValue[prop] = value;
-                    }
-                });
-                lodash_1.default.each(srcValue, (value, prop) => {
-                    if (srcValue.overrideEditForm || !objValue.hasOwnProperty(prop)) {
-                        objValue[prop] = value;
-                    }
-                });
-                if (objValue.components) {
-                    srcValue.components = EditFormUtils.sortAndFilterComponents(lodash_1.default.unionWith(objValue.components, srcValue.components, EditFormUtils.unifyComponents));
-                }
-                return true;
-            }
-            else {
-                return false;
-            }
-        }
-        return lodash_1.default.isEqual(objValue, srcValue);
-    },
-    logicVariablesTable(additional) {
-        additional = additional || '';
-        return {
-            type: 'htmlelement',
-            tag: 'div',
-            /* eslint-disable prefer-template */
-            content: '<p>The following variables are available in all scripts.</p>' +
-                '<table class="table table-bordered table-condensed table-striped">' +
-                additional +
-                '<tr><th>form</th><td>The complete form JSON object</td></tr>' +
-                '<tr><th>submission</th><td>The complete submission object.</td></tr>' +
-                '<tr><th>data</th><td>The complete submission data object.</td></tr>' +
-                '<tr><th>row</th><td>Contextual "row" data, used within DataGrid, EditGrid, and Container components</td></tr>' +
-                '<tr><th>component</th><td>The current component JSON</td></tr>' +
-                '<tr><th>instance</th><td>The current component instance.</td></tr>' +
-                '<tr><th>value</th><td>The current value of the component.</td></tr>' +
-                '<tr><th>moment</th><td>The moment.js library for date manipulation.</td></tr>' +
-                '<tr><th>_</th><td>An instance of <a href="https://lodash.com/docs/" target="_blank" rel="noopener noreferrer">Lodash</a>.</td></tr>' +
-                '<tr><th>utils</th><td>An instance of the <a href="http://formio.github.io/formio.js/docs/identifiers.html#utils" target="_blank" rel="noopener noreferrer">FormioUtils</a> object.</td></tr>' +
-                '<tr><th>util</th><td>An alias for "utils".</td></tr>' +
-                '</table><br/>'
-            /* eslint-enable prefer-template */
-        };
-    },
-    javaScriptValue(title, property, propertyJSON, weight, exampleHTML, exampleJSON, additionalParams = '', excludeJSONLogic) {
-        const components = [
-            this.logicVariablesTable(additionalParams),
-            {
-                type: 'panel',
-                title: 'JavaScript',
-                collapsible: true,
-                collapsed: false,
-                style: { 'margin-bottom': '10px' },
-                key: `${property}-js`,
-                customConditional() {
-                    return !Evaluator_1.default.noeval || Evaluator_1.default.protectedEval;
-                },
-                components: [
-                    {
-                        type: 'textarea',
-                        key: property,
-                        rows: 5,
-                        editor: 'ace',
-                        hideLabel: true,
-                        as: 'javascript',
-                        input: true
-                    },
-                    {
-                        type: 'htmlelement',
-                        tag: 'div',
-                        content: `<p>Enter custom javascript code.</p>${exampleHTML}`
-                    }
-                ]
-            },
-            {
-                type: 'panel',
-                title: 'JSONLogic',
-                collapsible: true,
-                collapsed: true,
-                key: `${property}-json`,
-                components: [
-                    {
-                        type: 'htmlelement',
-                        tag: 'div',
-                        /* eslint-disable prefer-template */
-                        content: '<p>Execute custom logic using <a href="http://jsonlogic.com/" target="_blank" rel="noopener noreferrer">JSONLogic</a>.</p>' +
-                            '<p>Full <a href="https://lodash.com/docs" target="_blank" rel="noopener noreferrer">Lodash</a> support is provided using an "_" before each operation, such as <code>{"_sum": {var: "data.a"}}</code></p>' +
-                            exampleJSON
-                        /* eslint-enable prefer-template */
-                    },
-                    {
-                        type: 'textarea',
-                        key: propertyJSON,
-                        rows: 5,
-                        editor: 'ace',
-                        hideLabel: true,
-                        as: 'json',
-                        input: true
-                    }
-                ]
-            }
-        ];
-        if (excludeJSONLogic) {
-            components.splice(2, 1);
-        }
-        return {
-            type: 'panel',
-            title: title,
-            theme: 'default',
-            collapsible: true,
-            collapsed: true,
-            key: `${property}Panel`,
-            weight: weight,
-            components
-        };
-    }
-};
-exports.default = EditFormUtils;

package/lib/cjs/components/_classes/component/fixtures/comp1.d.ts

@@ -1,33 +0,0 @@
-declare namespace _default {
-    export const tags: never[];
-    export const type: string;
-    export namespace conditional {
-        const eq: string;
-        const when: null;
-        const show: string;
-    }
-    export namespace validate {
-        const customPrivate: boolean;
-        const custom: string;
-        const pattern: string;
-        const maxLength: number;
-        const minLength: number;
-        const required: boolean;
-    }
-    export const persistent: boolean;
-    export const unique: boolean;
-    const _protected: boolean;
-    export { _protected as protected };
-    export const defaultValue: string;
-    export const multiple: boolean;
-    export const suffix: string;
-    export const prefix: string;
-    export const placeholder: string;
-    export const key: string;
-    export const label: string;
-    export const inputMask: string;
-    export const inputType: string;
-    export const tableView: boolean;
-    export const input: boolean;
-}
-export default _default;

package/lib/cjs/components/_classes/component/fixtures/comp1.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    'tags': [],
-    'type': 'textfield',
-    'conditional': {
-        'eq': '',
-        'when': null,
-        'show': ''
-    },
-    'validate': {
-        'customPrivate': false,
-        'custom': '',
-        'pattern': '',
-        'maxLength': 0,
-        'minLength': 0,
-        'required': false
-    },
-    'persistent': true,
-    'unique': false,
-    'protected': false,
-    'defaultValue': '',
-    'multiple': false,
-    'suffix': '',
-    'prefix': '',
-    'placeholder': '',
-    'key': 'firstName',
-    'label': 'First Name',
-    'inputMask': '',
-    'inputType': 'text',
-    'tableView': true,
-    'input': true
-};

package/lib/cjs/components/_classes/component/fixtures/comp2.d.ts

@@ -1,33 +0,0 @@
-declare namespace _default {
-    export const tags: never[];
-    export const type: string;
-    export namespace conditional {
-        const eq: string;
-        const when: null;
-        const show: string;
-    }
-    export namespace validate {
-        const customPrivate: boolean;
-        const custom: string;
-        const pattern: string;
-        const maxLength: number;
-        const minLength: number;
-        const required: boolean;
-    }
-    export const persistent: boolean;
-    export const unique: boolean;
-    const _protected: boolean;
-    export { _protected as protected };
-    export const defaultValue: string;
-    export const multiple: boolean;
-    export const suffix: string;
-    export const prefix: string;
-    export const placeholder: string;
-    export const key: string;
-    export const label: string;
-    export const inputMask: string;
-    export const inputType: string;
-    export const tableView: boolean;
-    export const input: boolean;
-}
-export default _default;

package/lib/cjs/components/_classes/component/fixtures/comp2.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    'tags': [],
-    'type': 'textfield',
-    'conditional': {
-        'eq': '',
-        'when': null,
-        'show': ''
-    },
-    'validate': {
-        'customPrivate': false,
-        'custom': '',
-        'pattern': '',
-        'maxLength': 0,
-        'minLength': 0,
-        'required': false
-    },
-    'persistent': true,
-    'unique': false,
-    'protected': false,
-    'defaultValue': '',
-    'multiple': true,
-    'suffix': '',
-    'prefix': '',
-    'placeholder': '',
-    'key': 'names',
-    'label': 'Names',
-    'inputMask': '',
-    'inputType': 'text',
-    'tableView': true,
-    'input': true
-};

package/lib/cjs/components/_classes/component/fixtures/comp3.d.ts

@@ -1,14 +0,0 @@
-declare namespace _default {
-    const label: string;
-    const tableView: boolean;
-    const modalEdit: boolean;
-    const multiple: boolean;
-    namespace validate {
-        const multiple_1: boolean;
-        export { multiple_1 as multiple };
-    }
-    const key: string;
-    const type: string;
-    const input: boolean;
-}
-export default _default;

package/lib/cjs/components/_classes/component/fixtures/comp3.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    label: 'Text Field',
-    tableView: true,
-    modalEdit: true,
-    multiple: true,
-    validate: {
-        multiple: true
-    },
-    key: 'textField',
-    type: 'textfield',
-    input: true
-};

package/lib/cjs/components/_classes/component/fixtures/comp4.d.ts

@@ -1,17 +0,0 @@
-declare namespace _default {
-    const _id: string;
-    const label: string;
-    const tableView: boolean;
-    const modalEdit: boolean;
-    namespace validate {
-        const required: boolean;
-    }
-    const key: string;
-    const type: string;
-    const input: boolean;
-    const title: string;
-    const display: string;
-    const name: string;
-    const path: string;
-}
-export default _default;

package/lib/cjs/components/_classes/component/fixtures/comp4.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    _id: '611389eae1215a4dadc1099d',
-    label: 'Text Field',
-    tableView: true,
-    modalEdit: true,
-    validate: {
-        required: true
-    },
-    key: 'textField',
-    type: 'textfield',
-    input: true,
-    title: 'FIO-3631',
-    display: 'form',
-    name: 'fio3631',
-    path: 'fio3631',
-};

package/lib/cjs/components/_classes/component/fixtures/index.d.ts

@@ -1,5 +0,0 @@
-import comp1 from './comp1';
-import comp2 from './comp2';
-import comp3 from './comp3';
-import comp4 from './comp4';
-export { comp1, comp2, comp3, comp4 };

package/lib/cjs/components/_classes/component/fixtures/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
-const comp1_1 = __importDefault(require("./comp1"));
-exports.comp1 = comp1_1.default;
-const comp2_1 = __importDefault(require("./comp2"));
-exports.comp2 = comp2_1.default;
-const comp3_1 = __importDefault(require("./comp3"));
-exports.comp3 = comp3_1.default;
-const comp4_1 = __importDefault(require("./comp4"));
-exports.comp4 = comp4_1.default;