@formio/js 5.0.0-rc.10

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

@@ -0,0 +1,165 @@
+declare namespace _default {
+    const type: string;
+    const display: string;
+    const 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

@@ -0,0 +1,178 @@
+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,
+                },
+            ],
+        }
+    ]
+};

package/lib/mjs/components/datagrid/fixtures/comp1.d.ts

@@ -0,0 +1,93 @@
+declare namespace _default {
+    export namespace conditional {
+        const eq: string;
+        const when: null;
+        const show: string;
+    }
+    export const tags: never[];
+    export const type: string;
+    export const persistent: boolean;
+    const _protected: boolean;
+    export { _protected as protected };
+    export const key: string;
+    export const label: string;
+    export const tableView: boolean;
+    export const components: ({
+        tags: never[];
+        hideLabel: boolean;
+        type: string;
+        conditional: {
+            eq: string;
+            when: null;
+            show: string;
+        };
+        validate: {
+            customPrivate: boolean;
+            custom: string;
+            pattern: string;
+            maxLength: string;
+            minLength: string;
+            required: boolean;
+            multiple?: undefined;
+            integer?: undefined;
+            step?: undefined;
+            max?: undefined;
+            min?: undefined;
+        };
+        persistent: boolean;
+        unique: boolean;
+        protected: boolean;
+        defaultValue: string;
+        multiple: boolean;
+        suffix: string;
+        prefix: string;
+        placeholder: string;
+        key: string;
+        label: string;
+        inputMask: string;
+        inputType: string;
+        tableView: boolean;
+        input: boolean;
+        delimiter?: undefined;
+    } | {
+        conditional: {
+            eq: string;
+            when: null;
+            show: string;
+        };
+        tags: never[];
+        hideLabel: boolean;
+        type: string;
+        validate: {
+            custom: string;
+            multiple: string;
+            integer: string;
+            step: string;
+            max: string;
+            min: string;
+            required: boolean;
+            customPrivate?: undefined;
+            pattern?: undefined;
+            maxLength?: undefined;
+            minLength?: undefined;
+        };
+        persistent: boolean;
+        protected: boolean;
+        defaultValue: string;
+        suffix: string;
+        prefix: string;
+        placeholder: string;
+        key: string;
+        label: string;
+        inputType: string;
+        delimiter: boolean;
+        tableView: boolean;
+        input: boolean;
+        unique?: undefined;
+        multiple?: undefined;
+        inputMask?: undefined;
+    })[];
+    export const tree: boolean;
+    export const input: boolean;
+}
+export default _default;

package/lib/mjs/components/datagrid/fixtures/comp1.js

@@ -0,0 +1,113 @@
+export default {
+    'conditional': {
+        'eq': '',
+        'when': null,
+        'show': ''
+    },
+    'tags': [],
+    'type': 'datagrid',
+    'persistent': true,
+    'protected': false,
+    'key': 'cars',
+    'label': 'Cars',
+    'tableView': true,
+    'components': [
+        {
+            'tags': [],
+            'hideLabel': true,
+            'type': 'textfield',
+            'conditional': {
+                'eq': '',
+                'when': null,
+                'show': ''
+            },
+            'validate': {
+                'customPrivate': false,
+                'custom': '',
+                'pattern': '',
+                'maxLength': '',
+                'minLength': '',
+                'required': false
+            },
+            'persistent': true,
+            'unique': false,
+            'protected': false,
+            'defaultValue': '',
+            'multiple': false,
+            'suffix': '',
+            'prefix': '',
+            'placeholder': '',
+            'key': 'make',
+            'label': 'Make',
+            'inputMask': '',
+            'inputType': 'text',
+            'tableView': true,
+            'input': true
+        },
+        {
+            'tags': [],
+            'hideLabel': true,
+            'type': 'textfield',
+            'conditional': {
+                'eq': '',
+                'when': null,
+                'show': ''
+            },
+            'validate': {
+                'customPrivate': false,
+                'custom': '',
+                'pattern': '',
+                'maxLength': '',
+                'minLength': '',
+                'required': false
+            },
+            'persistent': true,
+            'unique': false,
+            'protected': false,
+            'defaultValue': '',
+            'multiple': false,
+            'suffix': '',
+            'prefix': '',
+            'placeholder': '',
+            'key': 'model',
+            'label': 'Model',
+            'inputMask': '',
+            'inputType': 'text',
+            'tableView': true,
+            'input': true
+        },
+        {
+            'conditional': {
+                'eq': '',
+                'when': null,
+                'show': ''
+            },
+            'tags': [],
+            'hideLabel': true,
+            'type': 'number',
+            'validate': {
+                'custom': '',
+                'multiple': '',
+                'integer': '',
+                'step': 'any',
+                'max': '',
+                'min': '',
+                'required': false
+            },
+            'persistent': true,
+            'protected': false,
+            'defaultValue': '',
+            'suffix': '',
+            'prefix': '',
+            'placeholder': '',
+            'key': 'year',
+            'label': 'Year',
+            'inputType': 'number',
+            'delimiter': true,
+            'tableView': true,
+            'input': true
+        }
+    ],
+    'tree': true,
+    'input': true
+};

package/lib/mjs/components/datagrid/fixtures/comp2.d.ts

@@ -0,0 +1,18 @@
+declare namespace _default {
+    const label: string;
+    const key: string;
+    const type: string;
+    const input: boolean;
+    const components: {
+        type: string;
+        label: string;
+        key: string;
+        components: {
+            label: string;
+            key: string;
+            type: string;
+            input: boolean;
+        }[];
+    }[];
+}
+export default _default;

package/lib/mjs/components/datagrid/fixtures/comp2.js

@@ -0,0 +1,27 @@
+export default {
+    label: 'Children',
+    key: 'children',
+    type: 'datagrid',
+    input: true,
+    components: [
+        {
+            type: 'panel',
+            label: 'User Information',
+            key: 'userinfo',
+            components: [
+                {
+                    label: 'First Name',
+                    key: 'firstName',
+                    type: 'textfield',
+                    input: true
+                },
+                {
+                    label: 'Last Name',
+                    key: 'lastName',
+                    type: 'textfield',
+                    input: true
+                }
+            ]
+        }
+    ]
+};

package/lib/mjs/components/datagrid/fixtures/comp3.d.ts

@@ -0,0 +1,14 @@
+declare namespace _default {
+    const label: string;
+    const key: string;
+    const type: string;
+    const input: boolean;
+    const disabled: boolean;
+    const components: {
+        label: string;
+        key: string;
+        type: string;
+        input: boolean;
+    }[];
+}
+export default _default;

package/lib/mjs/components/datagrid/fixtures/comp3.js

@@ -0,0 +1,21 @@
+export default {
+    label: 'Datagrid',
+    key: 'comp3',
+    type: 'datagrid',
+    input: true,
+    disabled: true,
+    components: [
+        {
+            label: 'First Name',
+            key: 'firstName',
+            type: 'textfield',
+            input: true
+        },
+        {
+            label: 'Second Name',
+            key: 'secondName',
+            type: 'textfield',
+            input: true
+        }
+    ]
+};

package/lib/mjs/components/datagrid/fixtures/comp4.d.ts

@@ -0,0 +1,27 @@
+declare namespace _default {
+    const label: string;
+    const reorder: boolean;
+    const addAnotherPosition: string;
+    const defaultOpen: boolean;
+    const layoutFixed: boolean;
+    const enableRowGroups: boolean;
+    const tableView: boolean;
+    const modalEdit: boolean;
+    const defaultValue: {}[];
+    const key: string;
+    const type: string;
+    const input: boolean;
+    const components: {
+        label: string;
+        mask: boolean;
+        spellcheck: boolean;
+        tableView: boolean;
+        delimiter: boolean;
+        requireDecimal: boolean;
+        inputFormat: string;
+        key: string;
+        type: string;
+        input: boolean;
+    }[];
+}
+export default _default;

package/lib/mjs/components/datagrid/fixtures/comp4.js

@@ -0,0 +1,26 @@
+export default {
+    'label': 'Data Grid',
+    'reorder': false,
+    'addAnotherPosition': 'bottom',
+    'defaultOpen': false,
+    'layoutFixed': false,
+    'enableRowGroups': false,
+    'tableView': false,
+    'modalEdit': true,
+    'defaultValue': [{}],
+    'key': 'dataGrid',
+    'type': 'datagrid',
+    'input': true,
+    'components': [{
+            'label': 'Number',
+            'mask': false,
+            'spellcheck': true,
+            'tableView': false,
+            'delimiter': false,
+            'requireDecimal': false,
+            'inputFormat': 'plain',
+            'key': 'number',
+            'type': 'number',
+            'input': true
+        }]
+};