@formio/js 5.0.0-dev.5646.8734cf4 → 5.0.0-dev.5650.cd53187

package/lib/mjs/components/datagrid/fixtures/comp-with-conditional-components-and-validations.js

@@ -1,176 +0,0 @@
-export default {
-    type: 'form',
-    components: [
-        {
-            title: 'Page 1',
-            label: 'Page 1',
-            type: 'panel',
-            key: 'page1',
-            components: [
-                {
-                    label: 'HTML',
-                    attrs: [
-                        {
-                            attr: '',
-                            value: ''
-                        }
-                    ],
-                    content: "<b>Various Tests on Calculations, Conditionals, and Custom Validations:</b>\n<br><i>(the following rules apply to both the DataGrid and EditGrid)</i>\n<br><b>Root Text:</b>\n<br>- 1st Textfield in DG and EG should match the 'Root Text' field data\n<br>- 2nd Textfield in DG and EG ('Row') should match the data from the 1st Textfield in the DG and EG\n<br><b>Root Radio:</b>\n<br>- When show is clicked, Radio should display in DG and EG\n<br><b>Grid Radio:</b>\n<br>- When show is clicked for the Grid Radio, the 'Row Show' textfield should display in the DG and EG\n<br><b>Root Calculated Text:</b>\n<br>- Data entered in this textfield should display and populate grid calculated field\n<br>- Textfield next to above should calculate based on grid calculated field",
-                    refreshOnChange: false,
-                    key: 'html',
-                    type: 'htmlelement',
-                    tableView: false,
-                    input: false,
-                    alwaysEnabled: false
-                },
-                {
-                    label: 'Root Text',
-                    alwaysEnabled: false,
-                    tableView: true,
-                    key: 'text',
-                    type: 'textfield',
-                    input: true
-                },
-                {
-                    label: 'Root - Radio',
-                    optionsLabelPosition: 'right',
-                    inline: false,
-                    alwaysEnabled: false,
-                    tableView: false,
-                    values: [
-                        {
-                            label: 'Show',
-                            value: 'show',
-                            shortcut: ''
-                        },
-                        {
-                            label: 'Hide',
-                            value: 'hide',
-                            shortcut: ''
-                        }
-                    ],
-                    validate: {
-                        required: true
-                    },
-                    key: 'radio',
-                    type: 'radio',
-                    input: true
-                },
-                {
-                    label: 'Root - Text Calculate',
-                    alwaysEnabled: false,
-                    tableView: true,
-                    key: 'textCal',
-                    type: 'textfield',
-                    input: true
-                },
-                {
-                    label: 'Data Grid',
-                    reorder: false,
-                    addAnotherPosition: 'bottom',
-                    defaultOpen: false,
-                    layoutFixed: false,
-                    enableRowGroups: false,
-                    alwaysEnabled: false,
-                    tableView: false,
-                    key: 'dataGrid',
-                    type: 'datagrid',
-                    input: true,
-                    components: [
-                        {
-                            label: 'Textfield - DG',
-                            tableView: true,
-                            validate: {
-                                custom: 'valid = (input === data.text) ? true : `data must match root textfield: ${input}, ${data.text}`;'
-                            },
-                            key: 'rootTest',
-                            type: 'textfield',
-                            alwaysEnabled: false,
-                            input: true
-                        },
-                        {
-                            label: 'Row Test - DG',
-                            tableView: true,
-                            validate: {
-                                custom: 'valid = (input == row.rootTest) ? true : `must equal textfield in dg: ${input}, ${row.rootTest}`;'
-                            },
-                            key: 'rowTest',
-                            type: 'textfield',
-                            alwaysEnabled: false,
-                            input: true
-                        },
-                        {
-                            label: 'Radio',
-                            optionsLabelPosition: 'right',
-                            inline: false,
-                            tableView: false,
-                            values: [
-                                {
-                                    label: 'DG Show',
-                                    value: 'dgShow',
-                                    shortcut: ''
-                                },
-                                {
-                                    label: 'DG Hide',
-                                    value: 'dgHide',
-                                    shortcut: ''
-                                }
-                            ],
-                            validate: {
-                                required: true
-                            },
-                            key: 'radio1',
-                            customConditional: "show = (data.radio === 'show');",
-                            type: 'radio',
-                            alwaysEnabled: false,
-                            input: true
-                        },
-                        {
-                            label: "Row Show - Show textfield when data grid radio has 'show' value",
-                            alwaysEnabled: false,
-                            tableView: true,
-                            key: 'rowShowShowTextfieldWhenDataGridRadioHasShowValue',
-                            customConditional: "show = (row.radio1 === 'dgShow');",
-                            type: 'textfield',
-                            input: true,
-                            radio1: null
-                        },
-                        {
-                            label: "DG Calculated - Value should populate from 'root calculated text' field",
-                            tableView: true,
-                            calculateValue: 'value = data.textCal;',
-                            allowCalculateOverride: true,
-                            key: 'calculateTextDg',
-                            customConditional: 'show = (data.textCal);',
-                            type: 'textfield',
-                            alwaysEnabled: false,
-                            input: true
-                        },
-                        {
-                            label: 'Textfield - Data should populate from Datagrid calculate field',
-                            alwaysEnabled: false,
-                            tableView: true,
-                            calculateValue: 'value = row.calculateTextDg;',
-                            key: 'textfieldDataShouldPopulateFromDatagridCalculateField',
-                            customConditional: 'show = (data.textCal);',
-                            type: 'textfield',
-                            input: true
-                        }
-                    ],
-                    path: 'dataGrid'
-                }
-            ],
-            input: false,
-            tableView: false
-        },
-        {
-            label: 'Submit',
-            showValidations: false,
-            tableView: false,
-            key: 'submit',
-            type: 'button',
-            input: true
-        }
-    ],
-    display: 'form'
-};

package/lib/mjs/components/datagrid/fixtures/comp-with-def-value.d.ts

@@ -1,61 +0,0 @@
-declare namespace _default {
-    let label: string;
-    let disableAddingRemovingRows: boolean;
-    let addAnother: string;
-    let addAnotherPosition: string;
-    let removePlacement: string;
-    let defaultOpen: boolean;
-    let layoutFixed: boolean;
-    let enableRowGroups: boolean;
-    let mask: boolean;
-    let tableView: boolean;
-    let alwaysEnabled: boolean;
-    let type: string;
-    let input: boolean;
-    let key: string;
-    let components: ({
-        label: string;
-        allowMultipleMasks: boolean;
-        showWordCount: boolean;
-        showCharCount: boolean;
-        tableView: boolean;
-        alwaysEnabled: boolean;
-        type: string;
-        input: boolean;
-        key: string;
-        widget: {
-            type: string;
-        };
-        row: string;
-        mask?: undefined;
-    } | {
-        label: string;
-        mask: boolean;
-        tableView: boolean;
-        alwaysEnabled: boolean;
-        type: string;
-        input: boolean;
-        key: string;
-        row: string;
-        allowMultipleMasks?: undefined;
-        showWordCount?: undefined;
-        showCharCount?: undefined;
-        widget?: undefined;
-    })[];
-    let encrypted: boolean;
-    let defaultValue: {
-        name: string;
-        age: number;
-    }[];
-    namespace validate {
-        let customMessage: string;
-        let json: string;
-    }
-    namespace conditional {
-        export let show: string;
-        export let when: string;
-        let json_1: string;
-        export { json_1 as json };
-    }
-}
-export default _default;

package/lib/mjs/components/datagrid/fixtures/comp-with-def-value.js

@@ -1,67 +0,0 @@
-export default {
-    'label': 'Data Grid',
-    'disableAddingRemovingRows': false,
-    'addAnother': '',
-    'addAnotherPosition': 'bottom',
-    'removePlacement': 'col',
-    'defaultOpen': false,
-    'layoutFixed': false,
-    'enableRowGroups': false,
-    'mask': false,
-    'tableView': true,
-    'alwaysEnabled': false,
-    'type': 'datagrid',
-    'input': true,
-    'key': 'dataGrid',
-    'components': [
-        {
-            'label': 'Name',
-            'allowMultipleMasks': false,
-            'showWordCount': false,
-            'showCharCount': false,
-            'tableView': true,
-            'alwaysEnabled': false,
-            'type': 'textfield',
-            'input': true,
-            'key': 'name',
-            'widget': {
-                'type': ''
-            },
-            'row': '0-0'
-        },
-        {
-            'label': 'Age',
-            'mask': false,
-            'tableView': true,
-            'alwaysEnabled': false,
-            'type': 'number',
-            'input': true,
-            'key': 'age',
-            'row': '0-1'
-        }
-    ],
-    'encrypted': false,
-    'defaultValue': [
-        {
-            'name': 'Alex',
-            'age': 1
-        },
-        {
-            'name': 'Bob',
-            'age': 2
-        },
-        {
-            'name': 'Conny',
-            'age': 3
-        }
-    ],
-    'validate': {
-        'customMessage': '',
-        'json': ''
-    },
-    'conditional': {
-        'show': '',
-        'when': '',
-        'json': ''
-    }
-};

package/lib/mjs/components/datagrid/fixtures/comp-with-logic.d.ts

@@ -1,165 +0,0 @@
-declare namespace _default {
-    let type: string;
-    let display: string;
-    let components: {
-        label: string;
-        key: string;
-        type: string;
-        input: boolean;
-        tableView: boolean;
-        components: ({
-            label: string;
-            widget: string;
-            tableView: boolean;
-            data: {
-                values: {
-                    label: string;
-                    value: string;
-                }[];
-            };
-            key: string;
-            type: string;
-            input: boolean;
-            values?: undefined;
-            format?: undefined;
-            hidden?: undefined;
-            enableMinDateInput?: undefined;
-            datePicker?: undefined;
-            enableMaxDateInput?: undefined;
-            timePicker?: undefined;
-            logic?: undefined;
-            clearOnHide?: undefined;
-            disabled?: undefined;
-        } | {
-            label: string;
-            tableView: boolean;
-            values: {
-                label: string;
-                value: string;
-                shortcut: string;
-            }[];
-            key: string;
-            type: string;
-            input: boolean;
-            widget?: undefined;
-            data?: undefined;
-            format?: undefined;
-            hidden?: undefined;
-            enableMinDateInput?: undefined;
-            datePicker?: undefined;
-            enableMaxDateInput?: undefined;
-            timePicker?: undefined;
-            logic?: undefined;
-            clearOnHide?: undefined;
-            disabled?: undefined;
-        } | {
-            label: string;
-            format: string;
-            hidden: boolean;
-            tableView: boolean;
-            enableMinDateInput: boolean;
-            datePicker: {
-                disableWeekends: boolean;
-                disableWeekdays: boolean;
-            };
-            enableMaxDateInput: boolean;
-            timePicker: {
-                showMeridian: boolean;
-            };
-            key: string;
-            logic: {
-                name: string;
-                trigger: {
-                    type: string;
-                    javascript: string;
-                };
-                actions: {
-                    name: string;
-                    type: string;
-                    property: {
-                        label: string;
-                        value: string;
-                        type: string;
-                    };
-                    state: boolean;
-                }[];
-            }[];
-            type: string;
-            input: boolean;
-            widget: {
-                type: string;
-                displayInTimezone: string;
-                locale: string;
-                useLocaleSettings: boolean;
-                allowInput: boolean;
-                mode: string;
-                enableTime: boolean;
-                noCalendar: boolean;
-                format: string;
-                hourIncrement: number;
-                minuteIncrement: number;
-                time_24hr: boolean;
-                minDate: null;
-                disableWeekends: boolean;
-                disableWeekdays: boolean;
-                maxDate: null;
-            };
-            data?: undefined;
-            values?: undefined;
-            clearOnHide?: undefined;
-            disabled?: undefined;
-        } | {
-            label: string;
-            hidden: boolean;
-            clearOnHide: boolean;
-            disabled: boolean;
-            tableView: boolean;
-            key: string;
-            logic: ({
-                name: string;
-                trigger: {
-                    type: string;
-                    simple: {
-                        show: boolean;
-                        when: string;
-                        eq: string;
-                    };
-                    event?: undefined;
-                };
-                actions: {
-                    name: string;
-                    type: string;
-                    value: string;
-                }[];
-            } | {
-                name: string;
-                trigger: {
-                    type: string;
-                    event: string;
-                    simple?: undefined;
-                };
-                actions: {
-                    name: string;
-                    type: string;
-                    property: {
-                        label: string;
-                        value: string;
-                        type: string;
-                    };
-                    state: boolean;
-                }[];
-            })[];
-            type: string;
-            input: boolean;
-            widget?: undefined;
-            data?: undefined;
-            values?: undefined;
-            format?: undefined;
-            enableMinDateInput?: undefined;
-            datePicker?: undefined;
-            enableMaxDateInput?: undefined;
-            timePicker?: undefined;
-        })[];
-    }[];
-}
-export default _default;

package/lib/mjs/components/datagrid/fixtures/comp-with-logic.js

@@ -1,178 +0,0 @@
-export default {
-    type: 'form',
-    display: 'form',
-    components: [
-        {
-            label: 'Data Grid',
-            key: 'dataGrid',
-            type: 'datagrid',
-            input: true,
-            tableView: false,
-            components: [
-                {
-                    label: 'Team Name',
-                    widget: 'choicesjs',
-                    tableView: true,
-                    data: {
-                        values: [
-                            {
-                                label: 'Pre Risk Analysis',
-                                value: 'preRiskAnalysis',
-                            },
-                            {
-                                label: 'Docs',
-                                value: 'docs',
-                            },
-                        ],
-                    },
-                    key: 'teamName',
-                    type: 'select',
-                    input: true,
-                },
-                {
-                    label: 'Priority(For Pre-Risk Analysis, select priority as Urgent)',
-                    tableView: false,
-                    values: [
-                        {
-                            label: 'Normal',
-                            value: 'normal',
-                            shortcut: '',
-                        },
-                        {
-                            label: 'Urgent',
-                            value: 'urgent',
-                            shortcut: '',
-                        },
-                    ],
-                    key: 'actionadd3',
-                    type: 'radio',
-                    input: true,
-                },
-                {
-                    label: 'Follow-up Date(For Urgent)',
-                    format: 'dd-MMM-yyyy HH:mm',
-                    hidden: true,
-                    tableView: false,
-                    enableMinDateInput: false,
-                    datePicker: {
-                        disableWeekends: true,
-                        disableWeekdays: false,
-                    },
-                    enableMaxDateInput: false,
-                    timePicker: {
-                        showMeridian: false,
-                    },
-                    key: 'followUpDate',
-                    logic: [
-                        {
-                            name: 'logic',
-                            trigger: {
-                                type: 'javascript',
-                                javascript: 'return (row.teamName === "preRiskAnalysis" && row.actionadd3 === "urgent")',
-                            },
-                            actions: [
-                                {
-                                    name: 'action',
-                                    type: 'property',
-                                    property: {
-                                        label: 'Hidden',
-                                        value: 'hidden',
-                                        type: 'boolean',
-                                    },
-                                    state: false,
-                                },
-                            ],
-                        },
-                    ],
-                    type: 'datetime',
-                    input: true,
-                    widget: {
-                        type: 'calendar',
-                        displayInTimezone: 'viewer',
-                        locale: 'en',
-                        useLocaleSettings: false,
-                        allowInput: true,
-                        mode: 'single',
-                        enableTime: true,
-                        noCalendar: false,
-                        format: 'dd-MMM-yyyy HH:mm',
-                        hourIncrement: 1,
-                        minuteIncrement: 1,
-                        'time_24hr': true,
-                        minDate: null,
-                        disableWeekends: true,
-                        disableWeekdays: false,
-                        maxDate: null,
-                    },
-                },
-                {
-                    label: 'Escalation ID',
-                    hidden: false,
-                    clearOnHide: true,
-                    disabled: true,
-                    tableView: true,
-                    key: 'escalationId',
-                    logic: [
-                        {
-                            name: 'logic1',
-                            trigger: {
-                                type: 'simple',
-                                simple: {
-                                    show: true,
-                                    when: 'dataGrid.teamName',
-                                    eq: 'preRiskAnalysis',
-                                },
-                            },
-                            actions: [
-                                {
-                                    name: 'ation1',
-                                    type: 'value',
-                                    value: 'value="RUSH"',
-                                },
-                            ],
-                        },
-                        {
-                            name: 'logic2',
-                            trigger: {
-                                type: 'simple',
-                                simple: {
-                                    show: true,
-                                    when: 'dataGrid.teamName',
-                                    eq: 'docs',
-                                },
-                            },
-                            actions: [
-                                {
-                                    name: 'action2',
-                                    type: 'value',
-                                    value: 'value="4DDJ"',
-                                },
-                            ],
-                        },
-                        {
-                            name: 'On Hide',
-                            trigger: {
-                                type: 'event',
-                                event: 'hide'
-                            },
-                            actions: [
-                                {
-                                    name: 'Hide Component',
-                                    type: 'property',
-                                    property: {
-                                        label: 'Hidden',
-                                        value: 'hidden',
-                                        type: 'boolean'
-                                    },
-                                    state: true
-                                }
-                            ]
-                        }
-                    ],
-                    type: 'textfield',
-                    input: true,
-                },
-            ],
-        }
-    ]
-};