@formio/js 5.0.0-rc.10

package/lib/cjs/components/select/editForm/Select.edit.validation.d.ts

@@ -0,0 +1,30 @@
+declare const _default: ({
+    weight: number;
+    type: string;
+    label: string;
+    tooltip: string;
+    key: string;
+    input: boolean;
+    conditional: {
+        json: {
+            var: string;
+            in?: undefined;
+        };
+    };
+} | {
+    weight: number;
+    type: string;
+    label: string;
+    tooltip: string;
+    key: string;
+    input: boolean;
+    conditional: {
+        json: {
+            in: (string[] | {
+                var: string;
+            })[];
+            var?: undefined;
+        };
+    };
+})[];
+export default _default;

package/lib/cjs/components/select/editForm/Select.edit.validation.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    {
+        weight: 50,
+        type: 'checkbox',
+        label: 'Perform server validation of remote value',
+        tooltip: 'Check this if you would like for the server to perform a validation check to ensure the selected value is an available option. This requires a Search query to ensure a record is found.',
+        key: 'validate.select',
+        input: true,
+        conditional: {
+            json: { var: 'data.searchField' }
+        }
+    },
+    {
+        weight: 52,
+        type: 'checkbox',
+        label: 'Allow only available values',
+        tooltip: 'Check this if you would like to perform a validation check to ensure the selected value is an available option (only for synchronous values).',
+        key: 'validate.onlyAvailableItems',
+        input: true,
+        conditional: {
+            json: {
+                in: [
+                    { var: 'data.dataSrc' },
+                    [
+                        'values',
+                        'json',
+                        'custom'
+                    ],
+                ],
+            },
+        },
+    }
+];

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

@@ -0,0 +1,40 @@
+declare namespace _default {
+    export namespace conditional {
+        const eq: string;
+        const when: null;
+        const show: string;
+    }
+    export const tags: never[];
+    export const type: string;
+    export namespace validate {
+        const required: boolean;
+    }
+    export const persistent: boolean;
+    export const unique: boolean;
+    const _protected: boolean;
+    export { _protected as protected };
+    export const multiple: boolean;
+    export const template: string;
+    export const authenticate: boolean;
+    export const filter: string;
+    export const refreshOn: string;
+    export const defaultValue: string;
+    export const valueProperty: string;
+    export const dataSrc: string;
+    export namespace data {
+        const custom: string;
+        const resource: string;
+        const url: string;
+        const json: string;
+        const values: {
+            label: string;
+            value: string;
+        }[];
+    }
+    export const placeholder: string;
+    export const key: string;
+    export const label: string;
+    export const tableView: boolean;
+    export const input: boolean;
+}
+export default _default;

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'conditional': {
+        'eq': '',
+        'when': null,
+        'show': ''
+    },
+    'tags': [],
+    'type': 'select',
+    'validate': {
+        'required': false
+    },
+    'persistent': true,
+    'unique': false,
+    'protected': false,
+    'multiple': false,
+    'template': '<span>{{ item.label }}</span>',
+    'authenticate': false,
+    'filter': '',
+    'refreshOn': '',
+    'defaultValue': '',
+    'valueProperty': '',
+    'dataSrc': 'values',
+    'data': {
+        'custom': '',
+        'resource': '',
+        'url': '',
+        'json': '',
+        'values': [
+            {
+                'label': 'Red',
+                'value': 'red'
+            },
+            {
+                'label': 'Blue',
+                'value': 'blue'
+            },
+            {
+                'label': 'Green',
+                'value': 'green'
+            },
+            {
+                'label': 'Yellow',
+                'value': 'yellow'
+            },
+            {
+                'label': 'Purple',
+                'value': 'purple'
+            },
+            {
+                'label': 'Orange',
+                'value': 'orange'
+            },
+            {
+                'label': 'Black',
+                'value': 'black'
+            }
+        ]
+    },
+    'placeholder': 'Enter your favorite color',
+    'key': 'favoriteColor',
+    'label': 'Favorite Color',
+    'tableView': true,
+    'input': true
+};

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

@@ -0,0 +1,41 @@
+declare namespace _default {
+    const type: string;
+    const components: ({
+        label: string;
+        tableView: boolean;
+        data: {
+            values: {
+                label: string;
+                value: string;
+            }[];
+        };
+        selectThreshold: number;
+        validate: {
+            onlyAvailableItems: boolean;
+        };
+        key: string;
+        type: string;
+        indexeddb: {
+            filter: {};
+        };
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        data?: undefined;
+        selectThreshold?: undefined;
+        validate?: undefined;
+        indexeddb?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const name: string;
+    const path: string;
+    const project: string;
+}
+export default _default;

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    components: [
+        {
+            label: 'Select',
+            tableView: true,
+            data: {
+                values: [
+                    { label: 'Paris', value: 'paris' },
+                    { label: 'London', value: 'london' },
+                    { label: 'Madrid', value: 'madrid' },
+                    { label: 'Berlin', value: 'berlin' },
+                    { label: 'Kiev', value: 'kiev' }
+                ]
+            },
+            selectThreshold: 0.3,
+            validate: { onlyAvailableItems: false },
+            key: 'select',
+            type: 'select',
+            indexeddb: { filter: {} },
+            input: true
+        },
+        { type: 'button', label: 'Submit', key: 'submit', disableOnInvalid: true, input: true, tableView: false }
+    ],
+    title: 'test',
+    display: 'form',
+    name: 'testCheckbox',
+    path: 'testcheckbox',
+    project: '5ebcf8938bdebc4c58a949a3',
+};

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

@@ -0,0 +1,28 @@
+declare namespace _default {
+    const components: ({
+        type: string;
+        label: string;
+        key: string;
+        placeholder: string;
+        data: {
+            json: string;
+        };
+        dataSrc: string;
+        template: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+        tableView?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        placeholder?: undefined;
+        data?: undefined;
+        dataSrc?: undefined;
+        template?: undefined;
+    })[];
+}
+export default _default;

package/lib/cjs/components/select/fixtures/comp11.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    components: [
+        {
+            type: 'select',
+            label: 'Select JSON',
+            key: 'select',
+            placeholder: 'Select one',
+            data: {
+                json: `[
+          {"value":"a","label":"A"},
+          {"value":"b","label":"B"},
+          {"value":"c","label":"C"},
+          {"value":"d","label":"D"}
+        ]`
+            },
+            dataSrc: 'json',
+            template: '<span>{{ item.label }}</span>',
+            input: true
+        },
+        { type: 'button', label: 'Submit', key: 'submit', disableOnInvalid: false, input: true, tableView: false }
+    ]
+};

package/lib/cjs/components/select/fixtures/comp12.d.ts

@@ -0,0 +1,53 @@
+declare namespace _default {
+    const type: string;
+    const components: ({
+        label: string;
+        tableView: boolean;
+        dataSrc: string;
+        data: {
+            values: {
+                label: string;
+                value: string;
+            }[];
+            resource: string;
+        };
+        valueProperty: string;
+        template: string;
+        selectThreshold: number;
+        validate: {
+            onlyAvailableItems: boolean;
+        };
+        key: string;
+        type: string;
+        indexeddb: {
+            filter: {};
+        };
+        searchField: string;
+        input: boolean;
+        addResource: boolean;
+        reference: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        dataSrc?: undefined;
+        data?: undefined;
+        valueProperty?: undefined;
+        template?: undefined;
+        selectThreshold?: undefined;
+        validate?: undefined;
+        indexeddb?: undefined;
+        searchField?: undefined;
+        addResource?: undefined;
+        reference?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const name: string;
+    const path: string;
+}
+export default _default;

package/lib/cjs/components/select/fixtures/comp12.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    components: [
+        {
+            label: 'Select',
+            tableView: true,
+            dataSrc: 'resource',
+            data: { values: [{ label: '', value: '' }], resource: '60114dd32cab36ad94ac4f94' },
+            valueProperty: 'data.name',
+            template: '<span>{{ item.data.name }}</span>',
+            selectThreshold: 0.3,
+            validate: { onlyAvailableItems: false },
+            key: 'select',
+            type: 'select',
+            indexeddb: { filter: {} },
+            searchField: 'data.name__regex',
+            input: true,
+            addResource: false,
+            reference: false
+        },
+        { type: 'button', label: 'Submit', key: 'submit', disableOnInvalid: true, input: true, tableView: false }
+    ],
+    title: 'test',
+    display: 'form',
+    name: 'test',
+    path: 'test',
+};

package/lib/cjs/components/select/fixtures/comp13.d.ts

@@ -0,0 +1,28 @@
+declare namespace _default {
+    const label: string;
+    const widget: string;
+    const tableView: boolean;
+    const dataSrc: string;
+    namespace data {
+        const values: {
+            label: string;
+            value: string;
+        }[];
+        const custom: string;
+    }
+    const refreshOn: string;
+    const clearOnRefresh: boolean;
+    const selectThreshold: number;
+    const calculateServer: boolean;
+    namespace validate {
+        const onlyAvailableItems: boolean;
+    }
+    const key: string;
+    const type: string;
+    namespace indexeddb {
+        const filter: {};
+    }
+    const input: boolean;
+    const hideOnChildrenHidden: boolean;
+}
+export default _default;

package/lib/cjs/components/select/fixtures/comp13.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    label: 'Location',
+    widget: 'html5',
+    tableView: true,
+    dataSrc: 'custom',
+    data: {
+        values: [
+            {
+                label: '',
+                value: '',
+            },
+        ],
+        custom: 'values = [\r\n{\r\n        "label" : "Test 1",\r\n        "value" : "test1"\r\n    },\r\n{\r\n        "label" : "Test 2",\r\n        "value" : "test2"\r\n    }\r\n];\r\n',
+    },
+    refreshOn: 'district',
+    clearOnRefresh: true,
+    selectThreshold: 0.3,
+    calculateServer: true,
+    validate: {
+        onlyAvailableItems: false,
+    },
+    key: 'location',
+    type: 'select',
+    indexeddb: {
+        filter: {},
+    },
+    input: true,
+    hideOnChildrenHidden: false,
+};

package/lib/cjs/components/select/fixtures/comp14.d.ts

@@ -0,0 +1,40 @@
+declare namespace _default {
+    const type: string;
+    const components: ({
+        label: string;
+        tableView: boolean;
+        data: {
+            values: {
+                label: string;
+                value: string;
+            }[];
+        };
+        selectThreshold: number;
+        validate: {
+            onlyAvailableItems: boolean;
+        };
+        key: string;
+        type: string;
+        indexeddb: {
+            filter: {};
+        };
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        data?: undefined;
+        selectThreshold?: undefined;
+        validate?: undefined;
+        indexeddb?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const name: string;
+    const path: string;
+}
+export default _default;

package/lib/cjs/components/select/fixtures/comp14.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    components: [
+        {
+            label: 'Select',
+            tableView: true,
+            data: {
+                values: [
+                    { label: '', value: '' }
+                ]
+            },
+            selectThreshold: 0.3,
+            validate: { onlyAvailableItems: false },
+            key: 'select',
+            type: 'select',
+            indexeddb: { filter: {} },
+            input: true
+        },
+        { type: 'button', label: 'Submit', key: 'submit', disableOnInvalid: true, input: true, tableView: false }
+    ],
+    title: 'test',
+    display: 'form',
+    name: 'selectform',
+    path: 'selectform',
+};

package/lib/cjs/components/select/fixtures/comp15.d.ts

@@ -0,0 +1,50 @@
+declare namespace _default {
+    const _id: string;
+    const type: string;
+    const components: ({
+        label: string;
+        widget: string;
+        tableView: boolean;
+        dataSrc: string;
+        data: {
+            resource: string;
+            project: string;
+        };
+        dataType: string;
+        valueProperty: string;
+        template: string;
+        validate: {
+            select: boolean;
+        };
+        key: string;
+        type: string;
+        searchField: string;
+        input: boolean;
+        addResource: boolean;
+        reference: boolean;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        widget?: undefined;
+        dataSrc?: undefined;
+        data?: undefined;
+        dataType?: undefined;
+        valueProperty?: undefined;
+        template?: undefined;
+        validate?: undefined;
+        searchField?: undefined;
+        addResource?: undefined;
+        reference?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const name: string;
+    const path: string;
+    const project: string;
+}
+export default _default;

package/lib/cjs/components/select/fixtures/comp15.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    _id: '6110fab8ca845631779c2bc5',
+    type: 'form',
+    components: [
+        {
+            label: 'Select',
+            widget: 'html5',
+            tableView: true,
+            dataSrc: 'resource',
+            data: {
+                resource: '6110fa7961e298191332514d',
+                project: 'gjrwbdsqkpxesha',
+            },
+            dataType: 'object',
+            valueProperty: 'data',
+            template: '<span>{{ item.data }}</span>',
+            validate: { select: false },
+            key: 'select',
+            type: 'select',
+            searchField: 'data__regex',
+            input: true,
+            addResource: false,
+            reference: false,
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            tableView: false,
+            key: 'submit',
+            type: 'button',
+            input: true,
+        },
+    ],
+    title: 'FIO-3011',
+    display: 'form',
+    name: 'fio3011',
+    path: 'fio3011',
+    project: '6108d710d447e01ac3d81b8f',
+};

package/lib/cjs/components/select/fixtures/comp16.d.ts

@@ -0,0 +1,34 @@
+declare namespace _default {
+    const _id: string;
+    const type: string;
+    const components: ({
+        label: string;
+        widget: string;
+        tableView: boolean;
+        dataSrc: string;
+        valueProperty: string;
+        data: {
+            custom: string;
+        };
+        key: string;
+        type: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        widget?: undefined;
+        dataSrc?: undefined;
+        valueProperty?: undefined;
+        data?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const name: string;
+    const path: string;
+}
+export default _default;

package/lib/cjs/components/select/fixtures/comp16.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    _id: '60ec032f86daf81238ab4e37',
+    type: 'form',
+    components: [
+        {
+            label: 'Select',
+            widget: 'choicesjs',
+            tableView: true,
+            dataSrc: 'custom',
+            valueProperty: 'value',
+            data: {
+                custom: "values = Promise.resolve([\n  {label: 'A', value: 'aa'}, \n  {label: 'B', value: 'bb'}, \n  {label: 'C', value: 'cc'}\n]);",
+            },
+            key: 'select',
+            type: 'select',
+            input: true
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ],
+    title: 'custom async',
+    display: 'form',
+    name: 'customAsync',
+    path: 'customasync',
+};