@formio/js 5.1.0-dev.6040.debc859 → 5.1.0-dev.6042.603237d

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

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import { eachComponent } from '../../../utils/utils';
+import { eachComponent } from '../../../utils';
 const calculateSingleSelectData = (context, defaultValue) => {
     const { instance, data } = context;
     const rawDefaultValue = instance.downloadedResources.find(resource => _.get(resource, data.valueProperty) === defaultValue);
@@ -56,42 +56,6 @@ export default [
             ],
         },
     },
-    {
-        type: 'textfield',
-        weight: 10,
-        input: true,
-        key: 'indexeddb.database',
-        label: 'Database name',
-        tooltip: 'The name of the indexeddb database.',
-        conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'indexeddb'] },
-        },
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'indexeddb.table',
-        label: 'Table name',
-        weight: 16,
-        tooltip: 'The name of table in the indexeddb database.',
-        conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'indexeddb'] },
-        }
-    },
-    {
-        type: 'textarea',
-        as: 'json',
-        editor: 'ace',
-        weight: 18,
-        input: true,
-        key: 'indexeddb.filter',
-        label: 'Row Filter',
-        tooltip: 'Filter table items that match the object.',
-        defaultValue: {},
-        conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'indexeddb'] },
-        },
-    },
     {
         type: 'textarea',
         as: 'json',
@@ -113,6 +77,7 @@ export default [
         key: 'lazyLoad',
         tooltip: 'When set, this will not fire off the request to the URL until this control is within focus. This can improve performance if you have many Select dropdowns on your form where the API\'s will only fire when the control is activated.',
         weight: 11,
+        defaultValue: true,
         conditional: {
             json: {
                 and: [
@@ -202,7 +167,7 @@ export default [
         label: 'Value Property',
         key: 'valueProperty',
         skipMerge: true,
-        clearOnHide: true,
+        clearOnHide: false,
         tooltip: 'The field to use as the value.',
         weight: 11,
         refreshOn: 'data.resource',

package/lib/mjs/components/selectboxes/SelectBoxes.d.ts

@@ -8,6 +8,12 @@ export default class SelectBoxesComponent extends RadioComponent {
      * @returns {boolean} - If the value is empty.
      */
     isEmpty(value?: any): boolean;
+    /**
+     * Normalize values coming into updateValue.
+     * @param {any} value - The value to normalize.
+     * @returns {*} - The normalized value
+     */
+    normalizeValue(value: any): any;
     setInputsDisabled(value: any, onlyUnchecked: any): void;
     checkComponentValidity(data: any, dirty: any, rowData: any, options: any, errors?: any[]): boolean;
 }

package/lib/mjs/components/selectboxes/SelectBoxes.js

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import { componentValueTypes, getComponentSavedTypes, boolValue, getComponent } from '../../utils/utils';
+import { componentValueTypes, getComponentSavedTypes, boolValue, getComponent } from '../../utils';
 import RadioComponent from '../radio/Radio';
 export default class SelectBoxesComponent extends RadioComponent {
     static schema(...extend) {
@@ -66,6 +66,9 @@ export default class SelectBoxesComponent extends RadioComponent {
         info.attr.class = 'form-check-input';
         return info;
     }
+    get hasDefaultValue() {
+        return true;
+    }
     get emptyValue() {
         return this.component.values.reduce((prev, value) => {
             if (value.value) {
@@ -149,6 +152,9 @@ export default class SelectBoxesComponent extends RadioComponent {
                 }
             }
         }
+        else if (_.isEmpty(this.loadedOptions) && !checkedValues.length) {
+            value = {};
+        }
         return value;
     }
     /**

package/lib/mjs/components/signature/Signature.js

@@ -1,7 +1,7 @@
 import SignaturePad from 'signature_pad';
 import Input from '../_classes/input/Input';
 import _ from 'lodash';
-import { componentValueTypes, getComponentSavedTypes } from '../../utils/utils';
+import { componentValueTypes, getComponentSavedTypes } from '../../utils';
 export default class SignatureComponent extends Input {
     static schema(...extend) {
         return Input.schema({

package/lib/mjs/components/survey/Survey.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import Field from '../_classes/field/Field';
-import { boolValue, componentValueTypes, getComponentSavedTypes } from '../../utils/utils';
+import { boolValue, componentValueTypes, getComponentSavedTypes } from '../../utils';
 export default class SurveyComponent extends Field {
     static schema(...extend) {
         return Field.schema({
@@ -118,7 +118,7 @@ export default class SurveyComponent extends Field {
         return this.component.questions.reduce((result, question) => result && Boolean(value[question.value]), true);
     }
     getInputName(question) {
-        return `${this.options.name}[${question.value}]`;
+        return `${this.options.name}[${question.value}][${this.id}]`;
     }
     getValueAsString(value, options) {
         if (options?.email) {

package/lib/mjs/components/tabs/Tabs.js

@@ -138,6 +138,7 @@ export default class TabsComponent extends NestedComponent {
             this.addClass(this.refs[this.tabLinkKey][index], 'active');
             this.addClass(this.refs[this.tabLinkKey][index], 'formio-tab-link-active');
         }
+        this.setValue(this.data);
         this.triggerChange();
     }
     beforeFocus(component) {

package/lib/mjs/components/tabs/editForm/Tabs.edit.display.js

@@ -3,6 +3,14 @@ export default [
         key: 'labelPosition',
         ignore: true
     },
+    {
+        key: 'labelWidth',
+        ignore: true
+    },
+    {
+        key: 'labelMargin',
+        ignore: true
+    },
     {
         key: 'placeholder',
         ignore: true

package/lib/mjs/components/tags/Tags.js

@@ -1,4 +1,4 @@
-import { componentValueTypes, getComponentSavedTypes } from '../../utils/utils';
+import { componentValueTypes, getComponentSavedTypes } from '../../utils';
 import Input from '../_classes/input/Input';
 import Choices from 'choices.js';
 export default class TagsComponent extends Input {

package/lib/mjs/components/textarea/TextArea.js

@@ -1,7 +1,7 @@
 /* global Quill */
 import TextFieldComponent from '../textfield/TextField';
 import _ from 'lodash';
-import { uniqueName, getBrowserInfo } from '../../utils/utils';
+import { uniqueName, getBrowserInfo } from '../../utils';
 export default class TextAreaComponent extends TextFieldComponent {
     static schema(...extend) {
         return TextFieldComponent.schema({
@@ -57,7 +57,15 @@ export default class TextAreaComponent extends TextFieldComponent {
         info.content = value;
         if ((this.options.readOnly || this.disabled) && !this.isHtmlRenderMode()) {
             const elementStyle = this.info.attr.style || '';
-            const children = `<div ${this._referenceAttributeName}="input" class="formio-editor-read-only-content" ${elementStyle ? `style='${elementStyle}'` : ''}></div>`;
+            const children = `
+        <div ${this._referenceAttributeName}="input"
+          class="formio-editor-read-only-content"
+          ${elementStyle ? `style='${elementStyle}'` : ''}
+          role="textbox"
+          aria-multiline="true"
+          aria-readonly="true"
+        >
+        </div>`;
             return this.renderTemplate('well', {
                 children,
                 nestedKey: this.key,

package/lib/mjs/components/textarea/editForm/TextArea.edit.display.js

@@ -9,10 +9,22 @@ export default [
         key: 'allowMultipleMasks',
         ignore: true
     },
+    {
+        key: 'inputMasks',
+        ignore: true
+    },
     {
         key: 'mask',
         ignore: true
     },
+    {
+        key: 'widget.type',
+        ignore: true
+    },
+    {
+        key: 'widget',
+        ignore: true
+    },
     {
         type: 'number',
         input: true,

package/lib/mjs/components/textfield/TextField.js

@@ -1,7 +1,7 @@
 import Input from '../_classes/input/Input';
 import { conformToMask } from '@formio/vanilla-text-mask';
 import Inputmask from 'inputmask';
-import * as FormioUtils from '../../utils/utils';
+import FormioUtils from '../../utils';
 import _ from 'lodash';
 export default class TextFieldComponent extends Input {
     static schema(...extend) {
@@ -86,8 +86,8 @@ export default class TextFieldComponent extends Input {
                 locale: this.component.widget.locale || this.options.language,
                 saveAs: 'text'
             };
-            // update originalComponent to include widget settings after component initialization 
-            // originalComponent is used to restore the component (and widget) after evaluating field logic 
+            // update originalComponent to include widget settings after component initialization
+            // originalComponent is used to restore the component (and widget) after evaluating field logic
             this.originalComponent = FormioUtils.fastCloneDeep(this.component);
         }
     }

package/lib/mjs/components/time/Time.js

@@ -1,6 +1,6 @@
 import moment from 'moment';
 import TextFieldComponent from '../textfield/TextField';
-import { getBrowserInfo } from '../../utils/utils';
+import { getBrowserInfo } from '../../utils';
 const defaultDataFormat = 'HH:mm:ss';
 export default class TimeComponent extends TextFieldComponent {
     static schema(...extend) {

package/lib/mjs/components/unknown/Unknown.form.d.ts

@@ -1,5 +1,6 @@
 /**
  * Unknown Component schema.
+ * @param {...any} extend
  * @returns {object} - The Unknown Component edit form.
  */
-export default function _default(): object;
+export default function _default(...extend: any[]): object;

package/lib/mjs/components/unknown/Unknown.form.js

@@ -1,22 +1,26 @@
+import { unionWith } from 'lodash';
 import UnknownEditDisplay from './editForm/Unknown.edit.display';
+import EditFormUtils from '../../components/_classes/component/editForm/utils';
 /**
  * Unknown Component schema.
+ * @param {...any} extend
  * @returns {object} - The Unknown Component edit form.
  */
-export default function () {
+export default function (...extend) {
+    const components = [
+        {
+            label: 'Custom',
+            key: 'display',
+            weight: 0,
+            components: UnknownEditDisplay
+        }
+    ].concat(...extend);
     return {
         components: [
             {
                 type: 'tabs',
                 key: 'tabs',
-                components: [
-                    {
-                        label: 'Custom',
-                        key: 'display',
-                        weight: 0,
-                        components: UnknownEditDisplay
-                    }
-                ]
+                components: unionWith(components, EditFormUtils.unifyComponents)
             }
         ]
     };

package/lib/mjs/components/url/editForm/Url.edit.display.js

@@ -7,6 +7,18 @@ export default [
         key: 'allowMultipleMasks',
         ignore: true
     },
+    {
+        key: 'inputMasks',
+        ignore: true
+    },
+    {
+        key: 'widget.type',
+        ignore: true
+    },
+    {
+        key: 'widget',
+        ignore: true
+    },
     {
         key: 'showWordCount',
         ignore: true,

package/lib/mjs/components/well/editForm/Well.edit.display.js

@@ -3,6 +3,14 @@ export default [
         key: 'labelPosition',
         ignore: true
     },
+    {
+        key: 'labelWidth',
+        ignore: true
+    },
+    {
+        key: 'labelMargin',
+        ignore: true
+    },
     {
         key: 'placeholder',
         ignore: true

package/lib/mjs/formio.form.js

@@ -8,11 +8,11 @@ import Providers from './providers';
 import Widgets from './widgets';
 import Form from './Form';
 import Utils from './utils';
-import { Evaluator } from './utils/Evaluator';
 import Licenses from './licenses';
 import EventEmitter from './EventEmitter';
 import Webform from './Webform';
-import { I18n } from './utils/i18n';
+import { I18n } from '@formio/core';
+import { Evaluator, registerEvaluator } from './utils';
 Formio.loadModules = (path = `${Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
     Formio.requireLibrary(name, name, path, true)
         .then((modules) => {
@@ -83,7 +83,7 @@ export function registerModule(mod, defaultFn = null, options = {}) {
                 Formio.Displays.addDisplays(mod.displays);
                 break;
             case 'evaluator':
-                Formio.Evaluator.registerEvaluator(mod.evaluator);
+                registerEvaluator(mod.evaluator);
                 break;
             case 'translations':
                 I18n.setDefaultTranslations(mod.translations);

package/lib/mjs/providers/storage/uploadAdapter.js

@@ -1,4 +1,4 @@
-import { uniqueName } from '../../utils/utils';
+import { uniqueName } from '../../utils';
 /**
  * UploadAdapter for CKEditor https://ckeditor.com/docs/ckeditor5/latest/framework/guides/deep-dive/upload-adapter.html
  */
@@ -24,7 +24,7 @@ class FormioUploadAdapter {
                 null,
                 null
             ];
-            const uploadPromise = this.fileService.uploadFile(...uploadParams, () => this.component.emit('fileUploadingStart', uploadPromise)).then((result) => {
+            this.fileService.uploadFile(...uploadParams, () => this.component.emit('fileUploadingStart')).then((result) => {
                 return this.fileService.downloadFile(result);
             }).then((result) => {
                 return resolve({
@@ -34,7 +34,7 @@ class FormioUploadAdapter {
                 console.warn('An Error occured while uploading file', err);
                 reject(err);
             }).finally(() => {
-                this.component.emit('fileUploadingEnd', uploadPromise);
+                this.component.emit('fileUploadingEnd');
             });
         }));
     }
@@ -46,9 +46,11 @@ class FormioUploadAdapter {
         }
     }
 }
-const getFormioUploadAdapterPlugin = (fileService, component) => (editor) => {
-    editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
-        return new FormioUploadAdapter(loader, fileService, component);
+const getFormioUploadAdapterPlugin = (fileService, component) => {
+    return function (editor) {
+        editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
+            return new FormioUploadAdapter(loader, fileService, component);
+        };
     };
 };
 export { getFormioUploadAdapterPlugin };

package/lib/mjs/translations/en.d.ts

@@ -1,235 +1,2 @@
-declare const _default: {
-    unsavedRowsError: string;
-    invalidRowsError: string;
-    invalidRowError: string;
-    invalidOption: string;
-    invalidDay: string;
-    alertMessageWithLabel: string;
-    alertMessage: string;
-    complete: string;
-    error: string;
-    errorListHotkey: string;
-    errorsListNavigationMessage: string;
-    submitError: string;
-    required: string;
-    unique: string;
-    array: string;
-    array_nonempty: string;
-    nonarray: string;
-    select: string;
-    pattern: string;
-    minLength: string;
-    maxLength: string;
-    minWords: string;
-    maxWords: string;
-    min: string;
-    max: string;
-    maxDate: string;
-    minDate: string;
-    maxYear: string;
-    minYear: string;
-    minSelectedCount: string;
-    maxSelectedCount: string;
-    invalid_email: string;
-    invalid_url: string;
-    invalid_regex: string;
-    invalid_date: string;
-    invalid_day: string;
-    invalidValueProperty: string;
-    mask: string;
-    valueIsNotAvailable: string;
-    stripe: string;
-    month: string;
-    day: string;
-    year: string;
-    january: string;
-    february: string;
-    march: string;
-    april: string;
-    may: string;
-    june: string;
-    july: string;
-    august: string;
-    september: string;
-    october: string;
-    november: string;
-    december: string;
-    next: string;
-    previous: string;
-    cancel: string;
-    submit: string;
-    confirmCancel: string;
-    saveDraftInstanceError: string;
-    saveDraftAuthError: string;
-    restoreDraftInstanceError: string;
-    saveDraftError: string;
-    restoreDraftError: string;
-    time: string;
-    cancelButtonAriaLabel: string;
-    previousButtonAriaLabel: string;
-    nextButtonAriaLabel: string;
-    submitButtonAriaLabel: string;
-    reCaptchaTokenValidationError: string;
-    reCaptchaTokenNotSpecifiedError: string;
-    apiKey: string;
-    typeRemaining: string;
-    typeCount: string;
-    requiredDayField: string;
-    requiredDayEmpty: string;
-    requiredMonthField: string;
-    requiredYearField: string;
-    formNotReady: string;
-    noFormElement: string;
-    notUniqueKey: string;
-    newFormSchema: string;
-    missingUrl: string;
-    urlNotAttachedToBtn: string;
-    loadingProjectSettingsError: string;
-    sessionStorageSupportError: string;
-    builderUniqueError: string;
-    pageNotFound: string;
-    noDragInfoError: string;
-    addonSupportTypeError: string;
-    setPathError: string;
-    calculatedPathDeprecation: string;
-    unknownTemplate: string;
-    unknownComponent: string;
-    renderTemplateFunctionDeprecation: string;
-    whenReadyDeprecation: string;
-    loadResourcesError: string;
-    noSelectDataConfiguration: string;
-    indexedDBSupportError: string;
-    caretPositionSavingError: string;
-    iteratableRowsError: string;
-    checkRowDeprecation: string;
-    noOAuthBtn: string;
-    noOAuthConfiguration: string;
-    oAuthErrorsTitle: string;
-    noOAuthFormUrl: string;
-    oAuthStateError: string;
-    componentInvalidRowValidation: string;
-    videoPlayerNotFound: string;
-    synchronizationFailed: string;
-    fileWithDuplicatedNameInProgress: string;
-    fileWithDuplicatedNameLoaded: string;
-    nestedForm: string;
-    noDataProvided: string;
-    subformSubmissionLoadingError: string;
-    noDelimiterSet: string;
-    noSiteKey: string;
-    failedToNormalize: string;
-    failedToCompareItems: string;
-    editorFocusError: string;
-    quillImageUploadFailed: string;
-    noFilesSelected: string;
-    needConfigurationForQuill: string;
-    waitPdfConverting: string;
-    uploading: string;
-    pasteBelow: string;
-    copy: string;
-    move: string;
-    edit: string;
-    editJson: string;
-    remove: string;
-    clickToSetValue: string;
-    words: string;
-    characters: string;
-    addAnother: string;
-    yes: string;
-    no: string;
-    wantToClearData: string;
-    yesDelete: string;
-    waitFileProcessing: string;
-    wrongFileType: string;
-    fileTooSmall: string;
-    fileTooBig: string;
-    noFileService: string;
-    fileProcessingFailed: string;
-    readyForUpload: string;
-    readyForRemovingFromStorage: string;
-    preparingFileToRemove: string;
-    succefullyRemoved: string;
-    succefullyUploaded: string;
-    maxSelectItems: string;
-    minSelectItems: string;
-    clickToSign: string;
-    surveyQuestion: string;
-    surveyQuestionValue: string;
-    success: string;
-    noResultsFound: string;
-    noChoices: string;
-    typeToSearch: string;
-    loading: string;
-    help: string;
-    component: string;
-    save: string;
-    preview: string;
-    dragAndDropComponent: string;
-    searchFields: string;
-    noMatchesFound: string;
-    fileName: string;
-    size: string;
-    type: string;
-    gallery: string;
-    camera: string;
-    dropFilesToAttach: string;
-    useCamera: string;
-    browse: string;
-    takePicture: string;
-    switchToFileUpload: string;
-    completeStatus: string;
-    noStorageSet: string;
-    noFileApiSupport: string;
-    noFormDataSupport: string;
-    noProgressSupport: string;
-    close: string;
-    addResource: string;
-    autocomplete: string;
-    showPreview: string;
-    hidePreview: string;
-    createPage: string;
-    page: string;
-    closeBtnDescription: string;
-    cancelBtnDescription: string;
-    saveBtnDescription: string;
-    addOrRemove: string;
-    anyFileTypesAllowed: string;
-    allowedFileTypes: string;
-    syncing: string;
-    syncNow: string;
-    pressToOpen: string;
-    browseToAttachFileFor: string;
-    or: string;
-    numericOnly: string;
-    uploadPdfFile: string;
-    dropToStart: string;
-    expand: string;
-    collapse: string;
-    add: string;
-    delete: string;
-    revert: string;
-    removeBtnPressToRemove: string;
-    file: string;
-    captureVideo: string;
-    captureAudio: string;
-    captureImage: string;
-    browseFiles: string;
-    noComponentsSetInGrid: string;
-    sortAscending: string;
-    sortDescending: string;
-    filter: string;
-    clear: string;
-    showItemsWithValue: string;
-    gridItemsPerPage: string;
-    gridAllItems: string;
-    recordsSelectedOnPage: string;
-    recordsSelectedInTable: string;
-    gridSelectAll: string;
-    itemsInTable: string;
-    clearSelection: string;
-    editGridRow: string;
-    deleteGridRow: string;
-    selected: string;
-    actions: string;
-};
+declare const _default: any;
 export default _default;