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

package/lib/mjs/components/radio/fixtures/comp9.js

@@ -0,0 +1,30 @@
+export default {
+    type: 'form',
+    components: [
+        {
+            type: 'radio',
+            label: 'Radio',
+            key: 'radio',
+            dataSrc: 'url',
+            data: {
+                url: 'https://cdn.rawgit.com/mshafrir/2646763/raw/states_titlecase.json'
+            },
+            valueProperty: 'abbreviation',
+            template: '<span>{{ item.name }}</span>',
+            input: true
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            alwaysEnabled: false,
+            tableView: false,
+            key: 'submit',
+            type: 'button',
+            input: true
+        }
+    ],
+    title: 'test radio Url',
+    display: 'form',
+    name: 'testRadioUrl',
+    path: 'testRadioUrl',
+};

package/lib/mjs/components/radio/fixtures/index.d.ts

@@ -0,0 +1,14 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+import comp3 from './comp3';
+import comp4 from './comp4';
+import comp5 from './comp5';
+import comp6 from './comp6';
+import comp7 from './comp7';
+import comp8 from './comp8';
+import comp9 from './comp9';
+import comp10 from './comp10';
+import comp11 from './comp11';
+import comp12 from './comp12';
+import comp13 from './comp13';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13 };

package/lib/mjs/components/radio/fixtures/index.js

@@ -0,0 +1,14 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+import comp3 from './comp3';
+import comp4 from './comp4';
+import comp5 from './comp5';
+import comp6 from './comp6';
+import comp7 from './comp7';
+import comp8 from './comp8';
+import comp9 from './comp9';
+import comp10 from './comp10';
+import comp11 from './comp11';
+import comp12 from './comp12';
+import comp13 from './comp13';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13 };

package/lib/mjs/components/radio/fixtures/values.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (string | boolean)[];
+export default _default;

package/lib/mjs/components/radio/fixtures/values.js

@@ -0,0 +1,5 @@
+export default [
+    'one',
+    'two',
+    false,
+];

package/lib/mjs/components/recaptcha/ReCaptcha.js

@@ -47,7 +47,7 @@ export default class ReCaptchaComponent extends Component {
                 this.recaptchaApiReady = Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
             }
             else {
-                console.warn(this.t('noSiteKey'));
+                console.warn('There is no Site Key specified in settings in form JSON');
             }
         }
     }
@@ -60,7 +60,7 @@ export default class ReCaptchaComponent extends Component {
     async verify(actionName) {
         const siteKey = _get(this.root.form, 'settings.recaptcha.siteKey');
         if (!siteKey) {
-            console.warn(this.t('noSiteKey'));
+            console.warn('There is no Site Key specified in settings in form JSON');
             return;
         }
         if (!this.recaptchaApiReady) {

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

@@ -0,0 +1,8 @@
+declare namespace _default {
+    let eventType: string;
+    let type: string;
+    let key: string;
+    let label: string;
+    let buttonKey: string;
+}
+export default _default;

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

@@ -0,0 +1,7 @@
+export default {
+    'eventType': 'buttonClick',
+    'type': 'recaptcha',
+    'key': 'reCaptcha',
+    'label': 'reCAPTCHA',
+    'buttonKey': 'test'
+};

package/lib/mjs/components/recaptcha/fixtures/index.d.ts

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

package/lib/mjs/components/recaptcha/fixtures/index.js

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

package/lib/mjs/components/select/Select.js

@@ -1,6 +1,7 @@
 import _ from 'lodash';
 import { Formio } from '../../Formio';
 import ListComponent from '../_classes/list/ListComponent';
+import Input from '../_classes/input/Input';
 import Form from '../../Form';
 import { getRandomComponentId, boolValue, isPromise, componentValueTypes, getComponentSavedTypes, isSelectResourceWithObjectValue, removeHTML } from '../../utils/utils';
 import Choices from '../../utils/ChoicesWrapper';
@@ -531,13 +532,13 @@ export default class SelectComponent extends ListComponent {
             skip,
         };
         // Allow for url interpolation.
-        url = this.sanitize(this.interpolate(url, {
+        url = this.interpolate(url, {
             formioBase: Formio.getBaseUrl(),
             search,
             limit,
             skip,
             page: Math.abs(Math.floor(skip / limit))
-        }), this.shouldSanitizeValue);
+        });
         // Add search capability.
         if (this.component.searchField && search) {
             const searchValue = Array.isArray(search)
@@ -594,7 +595,7 @@ export default class SelectComponent extends ListComponent {
             component: this.component,
             message: err.toString(),
         });
-        console.warn(this.t('loadResourcesError', { componentKey: this.key }));
+        console.warn(`Unable to load resources for ${this.key}`);
     }
     /**
      * Get the request headers for this select dropdown.
@@ -728,7 +729,7 @@ export default class SelectComponent extends ListComponent {
             }
         }
         else if (this.component.dataSrc === 'url' || this.component.dataSrc === 'resource') {
-            this.addOption('', `${this.t('loading')}...`);
+            this.addOption('', this.t('loading...'));
         }
     }
     get active() {
@@ -779,9 +780,9 @@ export default class SelectComponent extends ListComponent {
             allowHTML: true,
             placeholder: !!this.component.placeholder,
             placeholderValue: placeholderValue,
-            noResultsText: this.t('noResultsFound'),
-            noChoicesText: this.t('noChoices'),
-            searchPlaceholderValue: this.t('typeToSearch'),
+            noResultsText: this.t('No results found'),
+            noChoicesText: this.t('No choices to choose from'),
+            searchPlaceholderValue: this.t('Type to search'),
             shouldSort: false,
             position: (this.component.dropdown || 'auto'),
             searchEnabled: useSearch,
@@ -867,7 +868,7 @@ export default class SelectComponent extends ListComponent {
                 this.choices.containerOuter.element.setAttribute('tabIndex', '-1');
                 this.addEventListener(this.choices.containerOuter.element, 'focus', () => this.focusableElement.focus());
             }
-            this.addFocusBlurEvents(this.choices.input.element);
+            Input.prototype.addFocusBlurEvents.call(this, this.focusableElement);
             if (this.itemsFromUrl && !this.component.noRefreshOnScroll) {
                 this.scrollList = this.choices.choiceList.element;
                 this.addEventListener(this.scrollList, 'scroll', () => this.onScroll());
@@ -1218,7 +1219,7 @@ export default class SelectComponent extends ListComponent {
             return normalize[dataType]().value;
         }
         catch (err) {
-            console.warn(this.t('failedToNormalize'), err);
+            console.warn('Failed to normalize value', err);
             return value;
         }
     }
@@ -1414,7 +1415,7 @@ export default class SelectComponent extends ListComponent {
                         return (JSON.stringify(normalizedOptionValue) === JSON.stringify(value));
                     }
                     catch (err) {
-                        console.warn.error(this.t('failedToCompareItems'), err);
+                        console.warn.error('Error while comparing items', err);
                         return false;
                     }
                 };

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

@@ -1099,7 +1099,6 @@ declare const _default: ({
     alwaysEnabled?: undefined;
 } | {
     key: string;
-    type: string;
     conditional: {
         json: {
             and: ({
@@ -1150,6 +1149,7 @@ declare const _default: ({
         };
     };
     data?: undefined;
+    type?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;

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

@@ -681,7 +681,6 @@ export default [
     },
     {
         key: 'selectData',
-        type: 'hidden',
         conditional: {
             json: {
                 and: [

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/comp1.js

@@ -0,0 +1,64 @@
+export 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/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/comp10.js

@@ -0,0 +1,30 @@
+export 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/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/comp11.js

@@ -0,0 +1,22 @@
+export 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/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/comp12.js

@@ -0,0 +1,27 @@
+export 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/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/comp13.js

@@ -0,0 +1,29 @@
+export 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/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/comp14.js

@@ -0,0 +1,25 @@
+export 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',
+};