@formio/js 5.0.0-rc.5

package/lib/cjs/components/number/fixtures/index.d.ts

@@ -0,0 +1,8 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+import comp3 from './comp3';
+import comp4 from './comp4';
+import comp5 from './comp5';
+import comp6 from './comp6';
+import comp7 from './comp7';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };

package/lib/cjs/components/number/fixtures/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.comp7 = exports.comp6 = exports.comp5 = 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;
+const comp5_1 = __importDefault(require("./comp5"));
+exports.comp5 = comp5_1.default;
+const comp6_1 = __importDefault(require("./comp6"));
+exports.comp6 = comp6_1.default;
+const comp7_1 = __importDefault(require("./comp7"));
+exports.comp7 = comp7_1.default;

package/lib/cjs/components/number/fixtures/values.d.ts

@@ -0,0 +1,2 @@
+declare const _default: number[];
+export default _default;

package/lib/cjs/components/number/fixtures/values.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    1,
+    -1,
+    0,
+    1.000,
+    10000,
+    10000.0001,
+    1234567890,
+];

package/lib/cjs/components/panel/Panel.d.ts

@@ -0,0 +1,14 @@
+export default class PanelComponent extends NestedComponent {
+    static get builderInfo(): {
+        title: string;
+        icon: string;
+        group: string;
+        documentation: string;
+        weight: number;
+        schema: any;
+    };
+    constructor(...args: any[]);
+    noField: boolean;
+    getComponent(path: any, fn: any, originalPath: any): Object;
+}
+import NestedComponent from '../_classes/nested/NestedComponent';

package/lib/cjs/components/panel/Panel.form.d.ts

@@ -0,0 +1,3 @@
+export default function _default(...extend: any[]): {
+    components: any;
+};

package/lib/cjs/components/panel/Panel.form.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const NestedComponent_form_1 = __importDefault(require("../_classes/nested/NestedComponent.form"));
+const Panel_edit_display_1 = __importDefault(require("./editForm/Panel.edit.display"));
+const Panel_edit_conditional_1 = __importDefault(require("./editForm/Panel.edit.conditional"));
+function default_1(...extend) {
+    return (0, NestedComponent_form_1.default)([
+        {
+            key: 'display',
+            components: Panel_edit_display_1.default
+        },
+        {
+            key: 'conditional',
+            components: Panel_edit_conditional_1.default,
+        },
+    ], ...extend);
+}
+exports.default = default_1;

package/lib/cjs/components/panel/Panel.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const NestedComponent_1 = __importDefault(require("../_classes/nested/NestedComponent"));
+const utils_1 = require("../../utils/utils");
+const Form_1 = __importDefault(require("../form/Form"));
+class PanelComponent extends NestedComponent_1.default {
+    static schema(...extend) {
+        return NestedComponent_1.default.schema({
+            label: 'Panel',
+            type: 'panel',
+            key: 'panel',
+            title: 'Panel',
+            theme: 'default',
+            breadcrumb: 'default',
+            components: [],
+            clearOnHide: false,
+            input: false,
+            tableView: false,
+            persistent: false
+        }, ...extend);
+    }
+    static get builderInfo() {
+        return {
+            title: 'Panel',
+            icon: 'list-alt',
+            group: 'layout',
+            documentation: '/userguide/form-building/layout-components#panel',
+            weight: 30,
+            schema: PanelComponent.schema()
+        };
+    }
+    get defaultSchema() {
+        return PanelComponent.schema();
+    }
+    get templateName() {
+        return 'panel';
+    }
+    constructor(...args) {
+        super(...args);
+        this.noField = true;
+        this.on('componentError', () => {
+            //change collapsed value only when the panel is collapsed to avoid additional redrawing that prevents validation messages
+            if ((0, utils_1.hasInvalidComponent)(this) && this.collapsed) {
+                this.collapsed = false;
+            }
+        });
+    }
+    getComponent(path, fn, originalPath) {
+        var _a;
+        if (((_a = this.root) === null || _a === void 0 ? void 0 : _a.parent) instanceof Form_1.default) {
+            path = path.replace(this._parentPath, '');
+        }
+        return super.getComponent(path, fn, originalPath);
+    }
+}
+exports.default = PanelComponent;

package/lib/cjs/components/panel/editForm/Panel.edit.conditional.d.ts

@@ -0,0 +1,75 @@
+declare const _default: {
+    customConditional(context: any): boolean;
+    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;
+    })[];
+}[];
+export default _default;

package/lib/cjs/components/panel/editForm/Panel.edit.conditional.js

@@ -0,0 +1,42 @@
+"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("../../_classes/component/editForm/utils"));
+const isEqual_1 = __importDefault(require("lodash/isEqual"));
+const omit_1 = __importDefault(require("lodash/omit"));
+const difference_1 = __importDefault(require("lodash/difference"));
+const keys_1 = __importDefault(require("lodash/keys"));
+/* eslint-disable quotes, max-len */
+const title = 'Advanced Next Page';
+const jsonProp = 'nextPage';
+const jsProp = 'nextPage';
+const jsDocHTML = (`
+  <p>You must assign the <strong>next</strong> variable with the API key of the next page.</p>
+  <p>The global variable <strong>data</strong> is provided, and allows you to access the data of any form component, by using its API key.</p>
+  <p>Also <strong>moment</strong> library is available, and allows you to manipulate dates in a convenient way.</p>
+  <h5>Example</h5><pre>next = data.addComment ? 'page3' : 'page4';</pre>
+`);
+const jsonDocHTML = (`
+  <p>Submission data is available as JsonLogic variables, with the same api key as your components.</p>
+`);
+const settingComponent = utils_1.default.javaScriptValue(title, jsProp, jsonProp, 110, jsDocHTML, jsonDocHTML);
+exports.default = [
+    Object.assign(Object.assign({}, settingComponent), { customConditional(context) {
+            let isWizardPanel = false;
+            if (context.instance.options.editForm.display === 'wizard') {
+                const { components } = context.instance.options.editForm;
+                const component = context.instance.options.editComponent;
+                if (components && component) {
+                    isWizardPanel = components.some((comp) => {
+                        const diff = (0, difference_1.default)((0, keys_1.default)(comp), (0, keys_1.default)(component)) || [];
+                        diff.push('components');
+                        return (0, isEqual_1.default)((0, omit_1.default)(comp, diff), (0, omit_1.default)(component, diff));
+                    });
+                }
+            }
+            return isWizardPanel;
+        } })
+];
+/* eslint-enable quotes, max-len */

package/lib/cjs/components/panel/editForm/Panel.edit.display.d.ts

@@ -0,0 +1,228 @@
+declare const _default: ({
+    key: string;
+    ignore: boolean;
+    hidden?: undefined;
+    weight?: undefined;
+    type?: undefined;
+    input?: undefined;
+    placeholder?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    components?: undefined;
+    conditional?: undefined;
+} | {
+    key: string;
+    hidden: boolean;
+    calculateValue(context: any): any;
+    ignore?: undefined;
+    weight?: undefined;
+    type?: undefined;
+    input?: undefined;
+    placeholder?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    components?: undefined;
+    conditional?: undefined;
+} | {
+    key: string;
+    hidden: boolean;
+    ignore?: undefined;
+    weight?: undefined;
+    type?: undefined;
+    input?: undefined;
+    placeholder?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    components?: undefined;
+    conditional?: undefined;
+} | {
+    weight: number;
+    type: string;
+    input: boolean;
+    placeholder: string;
+    label: string;
+    key: string;
+    tooltip: string;
+    ignore?: undefined;
+    hidden?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    components?: undefined;
+    conditional?: undefined;
+} | {
+    weight: number;
+    type: string;
+    input: boolean;
+    label: string;
+    key: string;
+    dataSrc: string;
+    data: {
+        values: {
+            label: string;
+            value: string;
+        }[];
+    };
+    ignore?: undefined;
+    hidden?: undefined;
+    placeholder?: undefined;
+    tooltip?: undefined;
+    components?: undefined;
+    conditional?: undefined;
+} | {
+    weight: number;
+    type: string;
+    input: boolean;
+    components: ({
+        type: string;
+        input: boolean;
+        label: string;
+        key: string;
+        dataSrc: string;
+        data: {
+            values: {
+                label: string;
+                value: string;
+            }[];
+        };
+        defaultValue?: undefined;
+        conditional?: undefined;
+        tooltip?: undefined;
+        weight?: undefined;
+        optionsLabelPosition?: undefined;
+        values?: undefined;
+        inline?: undefined;
+        inputType?: undefined;
+    } | {
+        input: boolean;
+        type: string;
+        label: string;
+        key: string;
+        defaultValue: boolean;
+        conditional: {
+            json: {
+                '!==': (string | {
+                    var: string;
+                })[];
+                '==='?: undefined;
+            };
+        };
+        dataSrc?: undefined;
+        data?: undefined;
+        tooltip?: undefined;
+        weight?: undefined;
+        optionsLabelPosition?: undefined;
+        values?: undefined;
+        inline?: undefined;
+        inputType?: undefined;
+    } | {
+        input: boolean;
+        type: string;
+        label: string;
+        key: string;
+        defaultValue: boolean;
+        tooltip: string;
+        conditional: {
+            json: {
+                '===': (boolean | {
+                    var: string;
+                })[];
+                '!=='?: undefined;
+            };
+        };
+        dataSrc?: undefined;
+        data?: undefined;
+        weight?: undefined;
+        optionsLabelPosition?: undefined;
+        values?: undefined;
+        inline?: undefined;
+        inputType?: undefined;
+    } | {
+        weight: number;
+        label: string;
+        optionsLabelPosition: string;
+        values: {
+            label: string;
+            value: string;
+        }[];
+        inline: boolean;
+        type: string;
+        key: string;
+        input: boolean;
+        inputType: string;
+        defaultValue: {
+            previous: boolean;
+            cancel: boolean;
+            next: boolean;
+        };
+        dataSrc?: undefined;
+        data?: undefined;
+        conditional?: undefined;
+        tooltip?: undefined;
+    } | {
+        weight: number;
+        label: string;
+        type: string;
+        key: string;
+        input: boolean;
+        inputType: string;
+        defaultValue: boolean;
+        tooltip: string;
+        dataSrc?: undefined;
+        data?: undefined;
+        conditional?: undefined;
+        optionsLabelPosition?: undefined;
+        values?: undefined;
+        inline?: undefined;
+    })[];
+    customConditional(context: any): boolean;
+    key?: undefined;
+    ignore?: undefined;
+    hidden?: undefined;
+    placeholder?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    conditional?: undefined;
+} | {
+    weight: number;
+    type: string;
+    label: string;
+    tooltip: string;
+    key: string;
+    input: boolean;
+    ignore?: undefined;
+    hidden?: undefined;
+    placeholder?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    components?: undefined;
+    conditional?: undefined;
+} | {
+    weight: number;
+    type: string;
+    label: string;
+    tooltip: string;
+    key: string;
+    input: boolean;
+    conditional: {
+        json: {
+            '===': (boolean | {
+                var: string;
+            })[];
+        };
+    };
+    ignore?: undefined;
+    hidden?: undefined;
+    placeholder?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    components?: undefined;
+})[];
+export default _default;