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

package/lib/cjs/components/radio/fixtures/comp8.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    title: '4405',
+    name: '4405',
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'HTML',
+            attrs: [{ attr: '', value: '' }],
+            content: '<H1>Assessment Checklist</H1>',
+            refreshOnChange: false,
+            type: 'htmlelement',
+            input: false,
+            key: 'html',
+            tableView: false,
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        },
+        {
+            title: 'Panel1',
+            theme: 'primary',
+            collapsible: false,
+            type: 'panel',
+            label: 'Panel',
+            input: false,
+            key: 'panel',
+            tableView: false,
+            components: [
+                {
+                    label: 'Radio',
+                    optionsLabelPosition: 'right',
+                    inline: true,
+                    dataType: 'string',
+                    values: [
+                        { label: 'Yes', value: 'yes', shortcut: '' },
+                        { label: 'No', value: 'no', shortcut: '' },
+                    ],
+                    type: 'radio',
+                    input: true,
+                    key: 'radio',
+                    tableView: false,
+                },
+            ],
+        },
+        {
+            title: 'Panel2',
+            theme: 'primary',
+            collapsible: false,
+            conditional: { show: false, when: 'radio', eq: 'no' },
+            type: 'panel',
+            label: 'Panel2',
+            input: false,
+            key: 'panel1',
+            tableView: false,
+            components: [
+                {
+                    label: 'Text Area',
+                    isEditor: false,
+                    autoExpand: false,
+                    type: 'textarea',
+                    input: true,
+                    key: 'textArea',
+                    tableView: true,
+                },
+            ],
+        },
+        {
+            title: 'Panel3',
+            theme: 'primary',
+            collapsible: false,
+            conditional: { show: false, when: 'radio', eq: 'no' },
+            type: 'panel',
+            label: 'Panel3',
+            input: false,
+            key: 'panel2',
+            tableView: false,
+            components: [
+                {
+                    label: 'Radio',
+                    optionsLabelPosition: 'right',
+                    inline: false,
+                    tableView: false,
+                    values: [
+                        { label: 'Yes', value: 'yes', shortcut: '' },
+                        { label: 'No', value: 'no', shortcut: '' },
+                    ],
+                    dataType: 'string',
+                    key: 'radio2',
+                    type: 'radio',
+                    input: true,
+                },
+                {
+                    label: 'Text Area',
+                    isEditor: false,
+                    autoExpand: false,
+                    type: 'textarea',
+                    input: true,
+                    key: 'textArea1',
+                    tableView: true,
+                },
+            ],
+        },
+    ],
+    project: '61547bb9b027c7a861d855b6',
+};

package/lib/cjs/components/radio/fixtures/comp9.d.ts

@@ -0,0 +1,35 @@
+declare namespace _default {
+    let type: string;
+    let components: ({
+        type: string;
+        label: string;
+        key: string;
+        dataSrc: string;
+        data: {
+            url: string;
+        };
+        valueProperty: string;
+        template: string;
+        input: boolean;
+        showValidations?: undefined;
+        alwaysEnabled?: undefined;
+        tableView?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        alwaysEnabled: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        dataSrc?: undefined;
+        data?: undefined;
+        valueProperty?: undefined;
+        template?: undefined;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+}
+export default _default;

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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/cjs/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/cjs/components/radio/fixtures/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+const comp1_1 = __importDefault(require("./comp1"));
+exports.comp1 = comp1_1.default;
+const comp2_1 = __importDefault(require("./comp2"));
+exports.comp2 = comp2_1.default;
+const comp3_1 = __importDefault(require("./comp3"));
+exports.comp3 = comp3_1.default;
+const comp4_1 = __importDefault(require("./comp4"));
+exports.comp4 = comp4_1.default;
+const comp5_1 = __importDefault(require("./comp5"));
+exports.comp5 = comp5_1.default;
+const comp6_1 = __importDefault(require("./comp6"));
+exports.comp6 = comp6_1.default;
+const comp7_1 = __importDefault(require("./comp7"));
+exports.comp7 = comp7_1.default;
+const comp8_1 = __importDefault(require("./comp8"));
+exports.comp8 = comp8_1.default;
+const comp9_1 = __importDefault(require("./comp9"));
+exports.comp9 = comp9_1.default;
+const comp10_1 = __importDefault(require("./comp10"));
+exports.comp10 = comp10_1.default;
+const comp11_1 = __importDefault(require("./comp11"));
+exports.comp11 = comp11_1.default;
+const comp12_1 = __importDefault(require("./comp12"));
+exports.comp12 = comp12_1.default;
+const comp13_1 = __importDefault(require("./comp13"));
+exports.comp13 = comp13_1.default;

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    'one',
+    'two',
+    false,
+];

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

@@ -58,7 +58,7 @@ class ReCaptchaComponent extends Component_1.default {
                 this.recaptchaApiReady = Formio_1.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');
             }
         }
     }
@@ -72,7 +72,7 @@ class ReCaptchaComponent extends Component_1.default {
         return __awaiter(this, void 0, void 0, function* () {
             const siteKey = (0, get_1.default)(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/cjs/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/cjs/components/recaptcha/fixtures/comp1.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'eventType': 'buttonClick',
+    'type': 'recaptcha',
+    'key': 'reCaptcha',
+    'label': 'reCAPTCHA',
+    'buttonKey': 'test'
+};

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

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

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

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

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
 const Formio_1 = require("../../Formio");
 const ListComponent_1 = __importDefault(require("../_classes/list/ListComponent"));
+const Input_1 = __importDefault(require("../_classes/input/Input"));
 const Form_1 = __importDefault(require("../../Form"));
 const utils_1 = require("../../utils/utils");
 const ChoicesWrapper_1 = __importDefault(require("../../utils/ChoicesWrapper"));
@@ -529,13 +530,13 @@ class SelectComponent extends ListComponent_1.default {
             skip,
         };
         // Allow for url interpolation.
-        url = this.sanitize(this.interpolate(url, {
+        url = this.interpolate(url, {
             formioBase: Formio_1.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)
@@ -592,7 +593,7 @@ class SelectComponent extends ListComponent_1.default {
             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.
@@ -726,7 +727,7 @@ class SelectComponent extends ListComponent_1.default {
             }
         }
         else if (this.component.dataSrc === 'url' || this.component.dataSrc === 'resource') {
-            this.addOption('', `${this.t('loading')}...`);
+            this.addOption('', this.t('loading...'));
         }
     }
     get active() {
@@ -769,7 +770,7 @@ class SelectComponent extends ListComponent_1.default {
         return Object.assign({ removeItemButton: this.component.disabled ? false : lodash_1.default.get(this.component, 'removeItemButton', true), itemSelectText: '', classNames: {
                 containerOuter: 'choices form-group formio-choices',
                 containerInner: this.transform('class', 'form-control ui fluid selection dropdown')
-            }, addItemText: false, allowHTML: true, placeholder: !!this.component.placeholder, placeholderValue: placeholderValue, noResultsText: this.t('noResultsFound'), noChoicesText: this.t('noChoices'), searchPlaceholderValue: this.t('typeToSearch'), shouldSort: false, position: (this.component.dropdown || 'auto'), searchEnabled: useSearch, searchChoices: !this.component.searchField, searchFields: lodash_1.default.get(this, 'component.searchFields', ['label']), shadowRoot: this.root ? this.root.shadowRoot : null, fuseOptions: this.component.useExactSearch
+            }, addItemText: false, allowHTML: true, placeholder: !!this.component.placeholder, placeholderValue: placeholderValue, 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, searchChoices: !this.component.searchField, searchFields: lodash_1.default.get(this, 'component.searchFields', ['label']), shadowRoot: this.root ? this.root.shadowRoot : null, fuseOptions: this.component.useExactSearch
                 ? Object.assign({ tokenize: true, matchAllTokens: true }, commonFuseOptions) : Object.assign({}, lodash_1.default.get(this, 'component.fuseOptions', {}), Object.assign({ include: 'score', threshold: lodash_1.default.get(this, 'component.selectThreshold', 0.3) }, commonFuseOptions)), valueComparer: lodash_1.default.isEqual, resetScrollPosition: false }, customOptions);
     }
     /* eslint-disable max-statements */
@@ -836,7 +837,7 @@ class SelectComponent extends ListComponent_1.default {
                 this.choices.containerOuter.element.setAttribute('tabIndex', '-1');
                 this.addEventListener(this.choices.containerOuter.element, 'focus', () => this.focusableElement.focus());
             }
-            this.addFocusBlurEvents(this.choices.input.element);
+            Input_1.default.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());
@@ -1189,7 +1190,7 @@ class SelectComponent extends ListComponent_1.default {
             return normalize[dataType]().value;
         }
         catch (err) {
-            console.warn(this.t('failedToNormalize'), err);
+            console.warn('Failed to normalize value', err);
             return value;
         }
     }
@@ -1386,7 +1387,7 @@ class SelectComponent extends ListComponent_1.default {
                         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/cjs/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/cjs/components/select/editForm/Select.edit.data.js

@@ -687,7 +687,6 @@ exports.default = [
     },
     {
         key: 'selectData',
-        type: 'hidden',
         conditional: {
             json: {
                 and: [

package/lib/cjs/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/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 {
+    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/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 {
+    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/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 }
+    ]
+};