@formio/js 5.1.0-dev.6002.16f1966 → 5.1.0-rc.10

package/lib/cjs/components/datagrid/fixtures/two-comp-with-allow-calculate-override.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Select',
+            widget: 'choicesjs',
+            tableView: true,
+            data: {
+                values: [
+                    {
+                        label: 'a',
+                        value: 'a'
+                    },
+                    {
+                        label: 'b',
+                        value: 'b'
+                    },
+                    {
+                        label: 'c',
+                        value: 'c'
+                    }
+                ]
+            },
+            key: 'select',
+            type: 'select',
+            input: true
+        },
+        {
+            label: 'Data Grid',
+            reorder: false,
+            addAnotherPosition: 'bottom',
+            layoutFixed: false,
+            enableRowGroups: false,
+            initEmpty: false,
+            tableView: false,
+            defaultValue: [
+                {
+                    firstName: '',
+                    lastName: ''
+                }
+            ],
+            calculateValue: "var temp = instance.defaultValue;\n  if(data.select === 'a')\n  {\n    temp = [{'firstName': 'A f 1','lastName': 'A l 1'}];\n  } else if(data.select === 'b') {  \n    temp = [{'firstName': 'B f 1','lastName': 'B l 1'}  \n    ,{'firstName': 'B f 2','lastName': 'B l 2'}];\n  } else if(data.select === 'c') {  \n    temp = [{'firstName': 'C f 1','lastName': 'C l 1'}];\n  }\n  value = temp;",
+            allowCalculateOverride: true,
+            key: 'dataGrid',
+            type: 'datagrid',
+            input: true,
+            components: [
+                {
+                    label: 'First Name',
+                    tableView: true,
+                    key: 'firstName',
+                    type: 'textfield',
+                    input: true
+                },
+                {
+                    label: 'Last Name',
+                    tableView: true,
+                    key: 'lastName',
+                    type: 'textfield',
+                    input: true
+                }
+            ]
+        },
+        {
+            label: 'Data Grid 2',
+            reorder: false,
+            addAnotherPosition: 'bottom',
+            layoutFixed: false,
+            enableRowGroups: false,
+            initEmpty: false,
+            tableView: false,
+            defaultValue: [
+                {
+                    firstName: '',
+                    lastName: ''
+                }
+            ],
+            calculateValue: "var temp = instance.defaultValue;\n  if(data.select === 'a')\n  {\n    temp = [{'firstName': 'A f 1','lastName': 'A l 1'}];\n  } else if(data.select === 'b') {  \n    temp = [{'firstName': 'B f 1','lastName': 'B l 1'}  \n    ,{'firstName': 'B f 2','lastName': 'B l 2'}];\n  } else if(data.select === 'c') {  \n    temp = [{'firstName': 'C f 1','lastName': 'C l 1'}];\n  }\n  value = temp;",
+            allowCalculateOverride: true,
+            key: 'dataGrid2',
+            type: 'datagrid',
+            input: true,
+            components: [
+                {
+                    label: 'First Name',
+                    tableView: true,
+                    key: 'firstName',
+                    type: 'textfield',
+                    input: true
+                },
+                {
+                    label: 'Last Name',
+                    tableView: true,
+                    key: 'lastName',
+                    type: 'textfield',
+                    input: true
+                }
+            ]
+        }
+    ]
+};

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

@@ -0,0 +1,18 @@
+declare namespace _default {
+    let type: string;
+    let key: string;
+    let label: string;
+    let input: boolean;
+    namespace valueComponent {
+        let type_1: string;
+        export { type_1 as type };
+        let key_1: string;
+        export { key_1 as key };
+        let label_1: string;
+        export { label_1 as label };
+        export let defaultValue: string;
+        let input_1: boolean;
+        export { input_1 as input };
+    }
+}
+export default _default;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'datamap',
+    key: 'properties',
+    label: 'Properties',
+    input: true,
+    valueComponent: {
+        type: 'textfield',
+        key: 'value',
+        label: 'Value',
+        defaultValue: 'Value',
+        input: true
+    }
+};

package/lib/cjs/components/datamap/fixtures/formWithConditionalPanel.d.ts

@@ -0,0 +1,87 @@
+declare namespace _default {
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        conditional?: undefined;
+        valueComponent?: undefined;
+        collapsible?: undefined;
+        components?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        label: string;
+        tableView: boolean;
+        key: string;
+        conditional: {
+            show: boolean;
+            conjunction: string;
+            conditions: {
+                component: string;
+                operator: string;
+                value: string;
+            }[];
+        };
+        type: string;
+        input: boolean;
+        valueComponent: {
+            type: string;
+            key: string;
+            label: string;
+            input: boolean;
+            hideLabel: boolean;
+            tableView: boolean;
+        };
+        collapsible?: undefined;
+        components?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        collapsible: boolean;
+        key: string;
+        conditional: {
+            show: boolean;
+            conjunction: string;
+            conditions: {
+                component: string;
+                operator: string;
+                value: string;
+            }[];
+        };
+        type: string;
+        label: string;
+        input: boolean;
+        tableView: boolean;
+        components: {
+            label: string;
+            tableView: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+            valueComponent: {
+                type: string;
+                key: string;
+                label: string;
+                input: boolean;
+                hideLabel: boolean;
+                tableView: boolean;
+            };
+        }[];
+        valueComponent?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        conditional?: undefined;
+        valueComponent?: undefined;
+        collapsible?: undefined;
+        components?: undefined;
+    })[];
+}
+export default _default;

package/lib/cjs/components/datamap/fixtures/formWithConditionalPanel.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Checkbox',
+            tableView: false,
+            key: 'checkbox',
+            type: 'checkbox',
+            input: true
+        },
+        {
+            label: 'Data Map',
+            tableView: false,
+            key: 'dataMap1',
+            conditional: {
+                show: true,
+                conjunction: 'all',
+                conditions: [
+                    {
+                        component: 'checkbox',
+                        operator: 'isEqual',
+                        value: 'true'
+                    }
+                ]
+            },
+            type: 'datamap',
+            input: true,
+            valueComponent: {
+                type: 'textfield',
+                key: 'value',
+                label: 'Value',
+                input: true,
+                hideLabel: true,
+                tableView: true
+            }
+        },
+        {
+            collapsible: false,
+            key: 'panel',
+            conditional: {
+                show: true,
+                conjunction: 'all',
+                conditions: [
+                    {
+                        component: 'checkbox',
+                        operator: 'isEqual',
+                        value: 'true'
+                    }
+                ]
+            },
+            type: 'panel',
+            label: 'Panel',
+            input: false,
+            tableView: false,
+            components: [
+                {
+                    label: 'Data Map',
+                    tableView: false,
+                    key: 'dataMap',
+                    type: 'datamap',
+                    input: true,
+                    valueComponent: {
+                        type: 'textfield',
+                        key: 'value',
+                        label: 'Value',
+                        input: true,
+                        hideLabel: true,
+                        tableView: true
+                    }
+                }
+            ]
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ],
+};

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

@@ -0,0 +1,3 @@
+import comp1 from './comp1';
+import formWithConditionalPanel from './formWithConditionalPanel';
+export { comp1, formWithConditionalPanel };

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

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formWithConditionalPanel = exports.comp1 = void 0;
+const comp1_1 = __importDefault(require("./comp1"));
+exports.comp1 = comp1_1.default;
+const formWithConditionalPanel_1 = __importDefault(require("./formWithConditionalPanel"));
+exports.formWithConditionalPanel = formWithConditionalPanel_1.default;

package/lib/cjs/components/datetime/DateTime.js

@@ -103,10 +103,6 @@ class DateTimeComponent extends Input_1.default {
         }
         /* eslint-disable camelcase */
         this.component.widget = Object.assign({ type: 'calendar', timezone, displayInTimezone: lodash_1.default.get(this.component, 'displayInTimezone', 'viewer'), locale: this.options.language, useLocaleSettings: lodash_1.default.get(this.component, 'useLocaleSettings', false), allowInput: lodash_1.default.get(this.component, 'allowInput', true), mode: 'single', enableTime: lodash_1.default.get(this.component, 'enableTime', true), noCalendar: !lodash_1.default.get(this.component, 'enableDate', true), format: this.component.format, hourIncrement: lodash_1.default.get(this.component, 'timePicker.hourStep', 1), minuteIncrement: lodash_1.default.get(this.component, 'timePicker.minuteStep', 5), time_24hr: time24hr, readOnly: this.options.readOnly, minDate: lodash_1.default.get(this.component, 'datePicker.minDate'), disabledDates: lodash_1.default.get(this.component, 'datePicker.disable'), disableWeekends: lodash_1.default.get(this.component, 'datePicker.disableWeekends'), disableWeekdays: lodash_1.default.get(this.component, 'datePicker.disableWeekdays'), disableFunction: lodash_1.default.get(this.component, 'datePicker.disableFunction'), maxDate: lodash_1.default.get(this.component, 'datePicker.maxDate') }, customOptions);
-        // update originalComponent to include widget and other updated settings
-        // it is done here since these settings depend on properties present after the component is initialized 
-        // originalComponent is used to restore the component (and widget) after evaluating field logic 
-        this.originalComponent = (0, utils_2.fastCloneDeep)(this.component);
         /* eslint-enable camelcase */
     }
     get defaultSchema() {

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

@@ -0,0 +1,45 @@
+declare namespace _default {
+    export namespace conditional {
+        let eq: string;
+        let when: null;
+        let show: string;
+    }
+    export let tags: never[];
+    export let type: string;
+    export namespace validate {
+        let custom: string;
+        let required: boolean;
+    }
+    export let persistent: boolean;
+    let _protected: boolean;
+    export { _protected as protected };
+    export namespace timePicker {
+        let arrowkeys: boolean;
+        let mousewheel: boolean;
+        let readonlyInput: boolean;
+        let showMeridian: boolean;
+        let minuteStep: number;
+        let hourStep: number;
+    }
+    export namespace datePicker {
+        let datepickerMode: string;
+        let yearRange: string;
+        let maxMode: string;
+        let minMode: string;
+        let initDate: string;
+        let startingDay: number;
+        let showWeeks: boolean;
+    }
+    let datepickerMode_1: string;
+    export { datepickerMode_1 as datepickerMode };
+    export let defaultDate: string;
+    export let enableTime: boolean;
+    export let enableDate: boolean;
+    export let format: string;
+    export let placeholder: string;
+    export let key: string;
+    export let label: string;
+    export let tableView: boolean;
+    export let input: boolean;
+}
+export default _default;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'conditional': {
+        'eq': '',
+        'when': null,
+        'show': ''
+    },
+    'tags': [],
+    'type': 'datetime',
+    'validate': {
+        'custom': '',
+        'required': false
+    },
+    'persistent': true,
+    'protected': false,
+    'timePicker': {
+        'arrowkeys': true,
+        'mousewheel': true,
+        'readonlyInput': false,
+        'showMeridian': true,
+        'minuteStep': 1,
+        'hourStep': 1
+    },
+    'datePicker': {
+        'datepickerMode': 'day',
+        'yearRange': '20',
+        'maxMode': 'year',
+        'minMode': 'day',
+        'initDate': '',
+        'startingDay': 0,
+        'showWeeks': true
+    },
+    'datepickerMode': 'day',
+    'defaultDate': '',
+    'enableTime': true,
+    'enableDate': true,
+    'format': 'yyyy-MM-dd hh:mm a',
+    'placeholder': 'Enter the date',
+    'key': 'date',
+    'label': 'Date',
+    'tableView': true,
+    'input': true
+};

package/lib/cjs/components/datetime/fixtures/comp10.d.ts

@@ -0,0 +1,102 @@
+declare namespace _default {
+    let _id: string;
+    let title: string;
+    let name: string;
+    let path: string;
+    let type: string;
+    let display: string;
+    let tags: never[];
+    let owner: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        datePicker: {
+            disableWeekends: boolean;
+            disableWeekdays: boolean;
+        };
+        enableMinDateInput: boolean;
+        enableMaxDateInput: boolean;
+        key: string;
+        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;
+            altInput?: undefined;
+            clickOpens?: undefined;
+            enableDate?: undefined;
+            dateFormat?: undefined;
+            saveAs?: undefined;
+        };
+        disableOnInvalid?: undefined;
+    } | {
+        label: string;
+        widget: {
+            type: string;
+            altInput: boolean;
+            allowInput: boolean;
+            clickOpens: boolean;
+            enableDate: boolean;
+            enableTime: boolean;
+            mode: string;
+            noCalendar: boolean;
+            format: string;
+            dateFormat: string;
+            useLocaleSettings: boolean;
+            hourIncrement: number;
+            minuteIncrement: number;
+            time_24hr: boolean;
+            saveAs: string;
+            displayInTimezone: string;
+            locale: string;
+            minDate?: undefined;
+            disableWeekends?: undefined;
+            disableWeekdays?: undefined;
+            maxDate?: undefined;
+        };
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        datePicker?: undefined;
+        enableMinDateInput?: undefined;
+        enableMaxDateInput?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        datePicker?: undefined;
+        enableMinDateInput?: undefined;
+        enableMaxDateInput?: undefined;
+        widget?: undefined;
+    })[];
+    let settings: {};
+    let properties: {};
+    let project: string;
+    let controller: string;
+    let revisions: string;
+    let submissionRevisions: string;
+    let _vid: number;
+    let created: string;
+    let modified: string;
+    let machineName: string;
+}
+export default _default;

package/lib/cjs/components/datetime/fixtures/comp10.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    _id: '62d5264f8673caaf3e7afc14',
+    title: 'dateTime2',
+    name: 'dateTime2',
+    path: 'datetime2',
+    type: 'form',
+    display: 'form',
+    tags: [],
+    owner: '6137352490eb201aaff6e79f',
+    components: [
+        {
+            label: 'Date / Time',
+            tableView: true,
+            datePicker: { disableWeekends: false, disableWeekdays: false },
+            enableMinDateInput: false,
+            enableMaxDateInput: false,
+            key: 'dateTime',
+            type: 'datetime',
+            input: true,
+            widget: {
+                type: 'calendar',
+                displayInTimezone: 'viewer',
+                locale: 'en',
+                useLocaleSettings: false,
+                allowInput: true,
+                mode: 'single',
+                enableTime: true,
+                noCalendar: false,
+                format: 'yyyy-MM-dd hh:mm a',
+                hourIncrement: 1,
+                minuteIncrement: 1,
+                'time_24hr': false,
+                minDate: null,
+                disableWeekends: false,
+                disableWeekdays: false,
+                maxDate: null,
+            },
+        },
+        {
+            label: 'Text Field',
+            widget: {
+                type: 'calendar',
+                altInput: true,
+                allowInput: true,
+                clickOpens: true,
+                enableDate: true,
+                enableTime: true,
+                mode: 'single',
+                noCalendar: false,
+                format: 'yyyy-MM-dd hh:mm a',
+                dateFormat: 'yyyy-MM-ddTHH:mm:ssZ',
+                useLocaleSettings: false,
+                hourIncrement: 1,
+                minuteIncrement: 5,
+                'time_24hr': false,
+                saveAs: 'text',
+                displayInTimezone: 'viewer',
+                locale: 'en',
+            },
+            tableView: true,
+            key: 'textField',
+            type: 'textfield',
+            input: true,
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        },
+    ],
+    settings: {},
+    properties: {},
+    project: '61555aa912cab1f874bb17fc',
+    controller: '',
+    revisions: '',
+    submissionRevisions: '',
+    '_vid': 0,
+    created: '2022-07-18T09:22:23.287Z',
+    modified: '2022-11-14T13:40:52.276Z',
+    machineName: 'tmcogwpnxqfxgxy:dateTime2',
+};

package/lib/cjs/components/datetime/fixtures/comp11.d.ts

@@ -0,0 +1,58 @@
+declare namespace _default {
+    let title: string;
+    let name: string;
+    let path: string;
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        format: string;
+        tableView: boolean;
+        datePicker: {
+            disableWeekends: boolean;
+            disableWeekdays: boolean;
+        };
+        enableTime: boolean;
+        enableMinDateInput: boolean;
+        enableMaxDateInput: boolean;
+        key: string;
+        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;
+        };
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        format?: undefined;
+        datePicker?: undefined;
+        enableTime?: undefined;
+        enableMinDateInput?: undefined;
+        enableMaxDateInput?: undefined;
+        widget?: undefined;
+    })[];
+    let created: string;
+    let modified: string;
+    let machineName: string;
+}
+export default _default;