@formio/js 5.0.0-rc.43 → 5.0.0-rc.45

package/lib/mjs/components/select/editForm/Select.edit.data.js

@@ -1,4 +1,30 @@
+import _ from 'lodash';
 import { eachComponent } from '../../../utils/utils';
+const calculateSelectData = (context) => {
+    const { instance, data } = context;
+    const rawDefaultValue = instance.downloadedResources.find(resource => _.get(resource, data.valueProperty) === instance.getValue());
+    const options = { data: {}, noeval: true };
+    instance.interpolate(data.template, {
+        item: rawDefaultValue,
+    }, options);
+    return options.data.item;
+};
+const setSelectData = (context) => {
+    // Wait before downloadedResources will be set
+    setTimeout(() => {
+        const { instance, data } = context;
+        const selectDataComponent = instance?.root.getComponent('selectData');
+        // nothing can set if don't have downloaded resources
+        if (!selectDataComponent || !instance.getValue() || !instance.downloadedResources?.length) {
+            return;
+        }
+        // if valueProperty is not provided, we have entire object
+        const shouldCalculateUrlData = data.dataSrc === 'url' && data.data.url && data.valueProperty;
+        const shouldCalculateResourceData = data.dataSrc === 'resource' && data.data.resource && data.valueProperty;
+        const newValue = shouldCalculateUrlData || shouldCalculateResourceData ? calculateSelectData(context) : undefined;
+        selectDataComponent.setValue(newValue);
+    }, 0);
+};
 export default [
     {
         key: 'dataSrc',
@@ -623,5 +649,37 @@ export default [
         key: 'useExactSearch',
         label: 'Use exact search',
         tooltip: 'Disables search algorithm threshold.',
-    }
+    },
+    {
+        key: 'defaultValue',
+        onSetItems(component) {
+            setSelectData(component.evalContext());
+        },
+        onChange(context) {
+            if (context && context.flags && context.flags.modified) {
+                setSelectData(context);
+            }
+        },
+    },
+    {
+        key: 'selectData',
+        conditional: {
+            json: { 'and': [
+                    { '!==': [{ var: 'data.valueProperty' }, null] },
+                    { '!==': [{ var: 'data.valueProperty' }, ''] },
+                ] },
+        },
+    },
+    {
+        key: 'template',
+        onChange(context) {
+            if (context && context.flags && context.flags.modified) {
+                const defaultValueComponent = context.instance.root.getComponent('defaultValue');
+                if (!defaultValueComponent) {
+                    return;
+                }
+                setSelectData(defaultValueComponent.evalContext());
+            }
+        },
+    },
 ];

package/lib/mjs/components/select/editForm/Select.edit.display.d.ts

@@ -0,0 +1,27 @@
+declare const _default: ({
+    type: string;
+    input: boolean;
+    weight: number;
+    tooltip: string;
+    key: string;
+    defaultValue: string;
+    label: string;
+    dataSrc: string;
+    data: {
+        values: {
+            label: string;
+            value: string;
+        }[];
+    };
+} | {
+    weight: number;
+    type: string;
+    label: string;
+    tooltip: string;
+    key: string;
+    input: boolean;
+    defaultValue?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+})[];
+export default _default;

package/lib/mjs/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/mjs/components/select/fixtures/comp1.d.ts

@@ -0,0 +1,40 @@
+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 required: boolean;
+    }
+    export let persistent: boolean;
+    export let unique: boolean;
+    let _protected: boolean;
+    export { _protected as protected };
+    export let multiple: boolean;
+    export let template: string;
+    export let authenticate: boolean;
+    export let filter: string;
+    export let refreshOn: string;
+    export let defaultValue: string;
+    export let valueProperty: string;
+    export let dataSrc: string;
+    export namespace data {
+        let custom: string;
+        let resource: string;
+        let url: string;
+        let json: string;
+        let values: {
+            label: string;
+            value: 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/mjs/components/select/fixtures/comp10.d.ts

@@ -0,0 +1,41 @@
+declare namespace _default {
+    let type: string;
+    let 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;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+    let project: string;
+}
+export default _default;

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

@@ -0,0 +1,28 @@
+declare namespace _default {
+    let 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/mjs/components/select/fixtures/comp12.d.ts

@@ -0,0 +1,53 @@
+declare namespace _default {
+    let type: string;
+    let 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;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+}
+export default _default;

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

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

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

@@ -0,0 +1,40 @@
+declare namespace _default {
+    let type: string;
+    let 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;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+}
+export default _default;

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

@@ -0,0 +1,50 @@
+declare namespace _default {
+    let _id: string;
+    let type: string;
+    let 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;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+    let project: string;
+}
+export default _default;

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

@@ -0,0 +1,34 @@
+declare namespace _default {
+    let _id: string;
+    let type: string;
+    let 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;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+}
+export default _default;

package/lib/mjs/components/select/fixtures/comp17.d.ts

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

package/lib/mjs/components/select/fixtures/comp18.d.ts

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

package/lib/mjs/components/select/fixtures/comp19.d.ts

@@ -0,0 +1,23 @@
+declare namespace _default {
+    let type: string;
+    let display: string;
+    let components: {
+        label: string;
+        widget: string;
+        tableView: boolean;
+        data: {
+            values: {
+                label: string;
+                value: string;
+            }[];
+        };
+        validateOn: string;
+        validate: {
+            custom: string;
+        };
+        key: string;
+        type: string;
+        input: boolean;
+    }[];
+}
+export default _default;

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

@@ -0,0 +1,41 @@
+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 required: boolean;
+    }
+    export let tabindex: string;
+    export let persistent: boolean;
+    export let unique: boolean;
+    let _protected: boolean;
+    export { _protected as protected };
+    export let multiple: boolean;
+    export let template: string;
+    export let authenticate: boolean;
+    export let filter: string;
+    export let refreshOn: string;
+    export let defaultValue: string;
+    export let valueProperty: string;
+    export let dataSrc: string;
+    export namespace data {
+        let custom: string;
+        let resource: string;
+        let url: string;
+        let json: string;
+        let values: {
+            label: string;
+            value: 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/mjs/components/select/fixtures/comp20.d.ts

@@ -0,0 +1,36 @@
+declare namespace _default {
+    let _id: string;
+    let title: string;
+    let name: string;
+    let path: string;
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        widget: string;
+        tableView: boolean;
+        multiple: boolean;
+        data: {
+            values: {
+                label: string;
+                value: string;
+            }[];
+        };
+        key: string;
+        type: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        widget?: undefined;
+        multiple?: undefined;
+        data?: undefined;
+    })[];
+    let project: string;
+}
+export default _default;