@formio/js 5.0.0-rc.5

package/lib/cjs/components/button/editForm/Button.edit.display.d.ts

@@ -0,0 +1,360 @@
+declare const _default: ({
+    key: string;
+    ignore: boolean;
+    type?: undefined;
+    label?: undefined;
+    input?: undefined;
+    dataSrc?: undefined;
+    weight?: undefined;
+    tooltip?: undefined;
+    data?: undefined;
+    conditional?: undefined;
+    placeholder?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    key: string;
+    customConditional(context: any): any;
+    ignore?: undefined;
+    type?: undefined;
+    label?: undefined;
+    input?: undefined;
+    dataSrc?: undefined;
+    weight?: undefined;
+    tooltip?: undefined;
+    data?: undefined;
+    conditional?: undefined;
+    placeholder?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    key: string;
+    label: string;
+    input: boolean;
+    dataSrc: string;
+    weight: number;
+    tooltip: string;
+    data: {
+        values: {
+            label: string;
+            value: string;
+        }[];
+    };
+    ignore?: undefined;
+    conditional?: undefined;
+    placeholder?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    key: string;
+    label: string;
+    input: boolean;
+    dataSrc: string;
+    weight: number;
+    tooltip: string;
+    data: {
+        values: {
+            label: string;
+            value: string;
+        }[];
+    };
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            '!=='?: undefined;
+        };
+    };
+    ignore?: undefined;
+    placeholder?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    label: string;
+    key: string;
+    weight: number;
+    tooltip: string;
+    placeholder: string;
+    input: boolean;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            '!=='?: undefined;
+        };
+    };
+    ignore?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    inputType: string;
+    key: string;
+    label: string;
+    weight: number;
+    tooltip: string;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            '!=='?: undefined;
+        };
+    };
+    ignore?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    placeholder?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    inputType: string;
+    key: string;
+    label: string;
+    weight: number;
+    tooltip: string;
+    conditional: {
+        json: {
+            '!==': (string | {
+                var: string;
+            })[];
+            '==='?: undefined;
+        };
+    };
+    ignore?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    placeholder?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    label: string;
+    key: string;
+    input: boolean;
+    weight: number;
+    tooltip: string;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            '!=='?: undefined;
+        };
+    };
+    ignore?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    placeholder?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    inputType: string;
+    key: string;
+    input: boolean;
+    weight: number;
+    label: string;
+    tooltip: string;
+    placeholder: string;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            '!=='?: undefined;
+        };
+    };
+    ignore?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    key: string;
+    input: boolean;
+    weight: number;
+    label: string;
+    addAnother: string;
+    tooltip: string;
+    components: {
+        key: string;
+        label: string;
+        input: boolean;
+        type: string;
+    }[];
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            '!=='?: undefined;
+        };
+    };
+    ignore?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    placeholder?: undefined;
+    inputType?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    key: string;
+    label: string;
+    tooltip: string;
+    rows: number;
+    editor: string;
+    input: boolean;
+    weight: number;
+    placeholder: string;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            '!=='?: undefined;
+        };
+    };
+    ignore?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    key: string;
+    label: string;
+    input: boolean;
+    placeholder: string;
+    tooltip: string;
+    weight: number;
+    ignore?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    conditional?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    weight: number;
+    label: string;
+    key: string;
+    tooltip: string;
+    dataSrc: string;
+    valueProperty: string;
+    customDefaultValue: () => string;
+    template: string;
+    data: {
+        custom(context: any): {
+            label: string;
+            value: string;
+        }[];
+        values?: undefined;
+    };
+    ignore?: undefined;
+    conditional?: undefined;
+    placeholder?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+} | {
+    type: string;
+    key: string;
+    label: string;
+    input: boolean;
+    weight: number;
+    tooltip: string;
+    ignore?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    conditional?: undefined;
+    placeholder?: undefined;
+    inputType?: undefined;
+    addAnother?: undefined;
+    components?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    valueProperty?: undefined;
+    customDefaultValue?: undefined;
+    template?: undefined;
+})[];
+export default _default;

package/lib/cjs/components/button/editForm/Button.edit.display.js

@@ -0,0 +1,253 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const builder_1 = __importDefault(require("../../../utils/builder"));
+const lodash_1 = __importDefault(require("lodash"));
+exports.default = [
+    {
+        key: 'labelPosition',
+        ignore: true,
+    },
+    {
+        key: 'placeholder',
+        ignore: true,
+    },
+    {
+        key: 'hideLabel',
+        customConditional(context) {
+            var _a, _b;
+            return (_b = (_a = context.instance.options) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.inDataGrid;
+        },
+    },
+    {
+        key: 'dataGridLabel',
+        ignore: true,
+    },
+    {
+        type: 'select',
+        key: 'action',
+        label: 'Action',
+        input: true,
+        dataSrc: 'values',
+        weight: 110,
+        tooltip: 'This is the action to be performed by this button.',
+        data: {
+            values: [
+                { label: 'Submit', value: 'submit' },
+                { label: 'Save in state', value: 'saveState' },
+                { label: 'Event', value: 'event' },
+                { label: 'Custom', value: 'custom' },
+                { label: 'Reset', value: 'reset' },
+                { label: 'OAuth', value: 'oauth' },
+                { label: 'POST to URL', value: 'url' },
+            ],
+        },
+    },
+    {
+        type: 'select',
+        key: 'oauthProvider',
+        label: 'OAuth Provider',
+        input: true,
+        dataSrc: 'values',
+        weight: 111,
+        tooltip: 'The oauth provider to use to log in (8.x server only).',
+        data: {
+            values: [
+                { label: 'OpenID', value: 'openid' },
+                { label: 'Github', value: 'github' },
+                { label: 'Google', value: 'google' },
+            ],
+        },
+        conditional: {
+            json: { '===': [{ var: 'data.action' }, 'oauth'] },
+        },
+    },
+    {
+        type: 'textfield',
+        label: 'Save in state',
+        key: 'state',
+        weight: 112,
+        tooltip: 'The state you wish to save the submission under when this button is pressed. Example "draft" would save the submission in Draft Mode.',
+        placeholder: 'submitted',
+        input: true,
+        conditional: {
+            json: { '===': [{ var: 'data.action' }, 'saveState'] },
+        },
+    },
+    {
+        type: 'checkbox',
+        input: true,
+        inputType: 'checkbox',
+        key: 'saveOnEnter',
+        label: 'Save On Enter',
+        weight: 113,
+        tooltip: 'Use the Enter key to submit form.',
+        conditional: {
+            json: { '===': [{ var: 'data.action' }, 'submit'] },
+        },
+    },
+    {
+        type: 'checkbox',
+        input: true,
+        inputType: 'checkbox',
+        key: 'showValidations',
+        label: 'Show Validations',
+        weight: 115,
+        tooltip: 'When the button is pressed, show any validation errors on the form.',
+        conditional: {
+            json: { '!==': [{ var: 'data.action' }, 'submit'] },
+        },
+    },
+    {
+        type: 'textfield',
+        label: 'Button Event',
+        key: 'event',
+        input: true,
+        weight: 120,
+        tooltip: 'The event to fire when the button is clicked.',
+        conditional: {
+            json: { '===': [{ var: 'data.action' }, 'event'] },
+        },
+    },
+    {
+        type: 'textfield',
+        inputType: 'url',
+        key: 'url',
+        input: true,
+        weight: 120,
+        label: 'Button URL',
+        tooltip: 'The URL where the submission will be sent.',
+        placeholder: 'https://example.form.io',
+        conditional: {
+            json: { '===': [{ var: 'data.action' }, 'url'] },
+        },
+    },
+    {
+        type: 'datagrid',
+        key: 'headers',
+        input: true,
+        weight: 130,
+        label: 'Headers',
+        addAnother: 'Add Header',
+        tooltip: 'Headers Properties and Values for your request',
+        components: [
+            {
+                key: 'header',
+                label: 'Header',
+                input: true,
+                type: 'textfield',
+            },
+            {
+                key: 'value',
+                label: 'Value',
+                input: true,
+                type: 'textfield',
+            }
+        ],
+        conditional: {
+            json: { '===': [{ var: 'data.action' }, 'url'] },
+        },
+    },
+    {
+        type: 'textarea',
+        key: 'custom',
+        label: 'Button Custom Logic',
+        tooltip: 'The custom logic to evaluate when the button is clicked.',
+        rows: 5,
+        editor: 'ace',
+        input: true,
+        weight: 120,
+        placeholder: "data['mykey'] = data['anotherKey'];",
+        conditional: {
+            json: { '===': [{ var: 'data.action' }, 'custom'] },
+        },
+    },
+    {
+        type: 'select',
+        key: 'theme',
+        label: 'Theme',
+        input: true,
+        tooltip: 'The color theme of this button.',
+        dataSrc: 'values',
+        weight: 140,
+        data: {
+            values: [
+                { label: 'Primary', value: 'primary' },
+                { label: 'Secondary', value: 'secondary' },
+                { label: 'Info', value: 'info' },
+                { label: 'Success', value: 'success' },
+                { label: 'Danger', value: 'danger' },
+                { label: 'Warning', value: 'warning' },
+            ],
+        },
+    },
+    {
+        type: 'select',
+        key: 'size',
+        label: 'Size',
+        input: true,
+        tooltip: 'The size of this button.',
+        dataSrc: 'values',
+        weight: 150,
+        data: {
+            values: [
+                { label: 'Small', value: 'sm' },
+                { label: 'Medium', value: 'md' },
+                { label: 'Large', value: 'lg' },
+            ],
+        },
+    },
+    {
+        type: 'textfield',
+        key: 'leftIcon',
+        label: 'Left Icon',
+        input: true,
+        placeholder: 'Enter icon classes',
+        tooltip: "This is the full icon class string to show the icon. Example: 'bi bi-plus'",
+        weight: 160,
+    },
+    {
+        type: 'textfield',
+        key: 'rightIcon',
+        label: 'Right Icon',
+        input: true,
+        placeholder: 'Enter icon classes',
+        tooltip: "This is the full icon class string to show the icon. Example: 'bi bi-plus'",
+        weight: 170,
+    },
+    {
+        type: 'select',
+        input: true,
+        weight: 180,
+        label: 'Shortcut',
+        key: 'shortcut',
+        tooltip: 'Shortcut for this component.',
+        dataSrc: 'custom',
+        valueProperty: 'value',
+        customDefaultValue: () => '',
+        template: '{{ item.label }}',
+        data: {
+            custom(context) {
+                return builder_1.default.getAvailableShortcuts(lodash_1.default.get(context, 'instance.options.editForm', {}), lodash_1.default.get(context, 'instance.options.editComponent', {}));
+            },
+        },
+    },
+    {
+        type: 'checkbox',
+        key: 'block',
+        label: 'Block Button',
+        input: true,
+        weight: 155,
+        tooltip: 'This control should span the full width of the bounding container.',
+    },
+    {
+        type: 'checkbox',
+        key: 'disableOnInvalid',
+        label: 'Disable on Form Invalid',
+        tooltip: 'This will disable this field if the form is invalid.',
+        input: true,
+        weight: 620,
+    },
+];

package/lib/cjs/components/button/fixtures/comp1.d.ts

@@ -0,0 +1,15 @@
+declare namespace _default {
+    const type: string;
+    const theme: string;
+    const disableOnInvalid: boolean;
+    const action: string;
+    const block: boolean;
+    const rightIcon: string;
+    const leftIcon: string;
+    const size: string;
+    const key: string;
+    const tableView: boolean;
+    const label: string;
+    const input: boolean;
+}
+export default _default;

package/lib/cjs/components/button/fixtures/comp1.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'type': 'button',
+    'theme': 'primary',
+    'disableOnInvalid': false,
+    'action': 'submit',
+    'block': false,
+    'rightIcon': '',
+    'leftIcon': '',
+    'size': 'md',
+    'key': 'submit',
+    'tableView': false,
+    'label': 'Submit',
+    'input': true
+};

package/lib/cjs/components/button/fixtures/comp2.d.ts

@@ -0,0 +1,25 @@
+declare namespace _default {
+    const type: string;
+    const components: ({
+        label: string;
+        showValidations: boolean;
+        theme: string;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+    } | {
+        label: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        theme?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const name: string;
+    const path: string;
+}
+export default _default;