@formio/js 5.1.0-dev.6056.ba6432d → 5.1.0-dev.6059.845a6e3

package/lib/cjs/components/signature/editForm/Signature.edit.display.d.ts

@@ -7,6 +7,7 @@ declare const _default: ({
     placeholder: string;
     weight: number;
     conditional?: undefined;
+    customConditional?: undefined;
     ignore?: undefined;
 } | {
     type: string;
@@ -23,6 +24,7 @@ declare const _default: ({
         };
     };
     weight: number;
+    customConditional?: undefined;
     ignore?: undefined;
 } | {
     weight: number;
@@ -30,6 +32,9 @@ declare const _default: ({
     label: string;
     tooltip: string;
     key: string;
+    customConditional: ({ options }: {
+        options: any;
+    }) => boolean;
     input: boolean;
     placeholder?: undefined;
     conditional?: undefined;
@@ -44,5 +49,6 @@ declare const _default: ({
     placeholder?: undefined;
     weight?: undefined;
     conditional?: undefined;
+    customConditional?: undefined;
 })[];
 export default _default;

package/lib/cjs/components/signature/editForm/Signature.edit.display.js

@@ -39,6 +39,7 @@ exports.default = [
         label: 'Keep Overlay Aspect Ratio',
         tooltip: 'If checked, the field will have the same aspect ratio as its preview.',
         key: 'keepOverlayRatio',
+        customConditional: ({ options }) => { var _a; return (((_a = options === null || options === void 0 ? void 0 : options.editForm) === null || _a === void 0 ? void 0 : _a.display) === 'pdf'); },
         input: true
     },
     {

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

@@ -128,8 +128,8 @@ class SurveyComponent extends Field_1.default {
         <table border="1" style="width:100%">
           <thead>
             <tr>
-              <th>${this.t('surveyQuestion')}</th>
-              <th>${this.t('surveyQuestionValue')}</th>
+              <th>Question</th>
+              <th>Value</th>
             </tr>
           </thead>
           <tbody>

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

@@ -5,14 +5,6 @@ exports.default = [
         key: 'labelPosition',
         ignore: true
     },
-    {
-        key: 'labelWidth',
-        ignore: true
-    },
-    {
-        key: 'labelMargin',
-        ignore: true
-    },
     {
         key: 'placeholder',
         ignore: true

package/lib/cjs/components/tags/Tags.d.ts

@@ -24,4 +24,4 @@ export default class TagsComponent extends Input {
     getValueAsString(value: any): any;
 }
 import Input from '../_classes/input/Input';
-import Choices from 'choices.js';
+import Choices from '@formio/choices.js';

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const utils_1 = require("../../utils/utils");
 const Input_1 = __importDefault(require("../_classes/input/Input"));
-const choices_js_1 = __importDefault(require("choices.js"));
+const choices_js_1 = __importDefault(require("@formio/choices.js"));
 class TagsComponent extends Input_1.default {
     static schema(...extend) {
         return Input_1.default.schema({
@@ -129,7 +129,7 @@ class TagsComponent extends Input_1.default {
         const changed = super.setValue(value, flags);
         if (this.choices) {
             let dataValue = this.dataValue;
-            this.choices.clearStore();
+            this.choices.removeActiveItems();
             if (dataValue) {
                 if (typeof dataValue === 'string') {
                     dataValue = dataValue.split(this.delimiter).filter(result => result);

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

@@ -136,7 +136,7 @@ class TextAreaComponent extends TextField_1.default {
                 case 'quill':
                     // Normalize the configurations for quill.
                     if (settings.hasOwnProperty('toolbarGroups') || settings.hasOwnProperty('toolbar')) {
-                        console.warn(this.t('needConfigurationForQuill'));
+                        console.warn('The WYSIWYG settings are configured for CKEditor. For this renderer, you will need to use configurations for the Quill Editor. See https://quilljs.com/docs/configuration for more information.');
                         settings = this.wysiwygDefault.quill;
                     }
                     // Add the quill editor.
@@ -208,7 +208,7 @@ class TextAreaComponent extends TextField_1.default {
     imageHandler(moduleInstance, range, files) {
         const quillInstance = moduleInstance.quill;
         if (!files || !files.length) {
-            console.warn(this.t('noFilesSelected'));
+            console.warn('No files selected');
             return;
         }
         quillInstance.enable(false);
@@ -233,7 +233,7 @@ class TextAreaComponent extends TextField_1.default {
                 alt: JSON.stringify(requestData),
             }), Quill.sources.USER);
         }).catch(error => {
-            console.warn(this.t('quillImageUploadFailed'));
+            console.warn('Quill image upload failed');
             console.warn(error);
             quillInstance.enable(true);
         });
@@ -530,7 +530,7 @@ class TextAreaComponent extends TextField_1.default {
                     }
                     this.element.scrollIntoView();
                 }).catch((err) => {
-                    console.warn(this.t('editorFocusError'), err);
+                    console.warn('An editor did not initialize properly when trying to focus:', err);
                 });
                 break;
             }
@@ -539,7 +539,7 @@ class TextAreaComponent extends TextField_1.default {
                     this.editors[0].focus();
                     this.element.scrollIntoView();
                 }).catch((err) => {
-                    console.warn(this.t('editorFocusError'), err);
+                    console.warn('An editor did not initialize properly when trying to focus:', err);
                 });
                 break;
             }
@@ -547,7 +547,7 @@ class TextAreaComponent extends TextField_1.default {
                 (_c = this.editorsReady[0]) === null || _c === void 0 ? void 0 : _c.then(() => {
                     this.editors[0].focus();
                 }).catch((err) => {
-                    console.warn(this.t('editorFocusError'), err);
+                    console.warn('An editor did not initialize properly when trying to focus:', err);
                 });
                 break;
             }

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

@@ -14,22 +14,10 @@ exports.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/cjs/components/url/editForm/Url.edit.display.js

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

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

@@ -5,14 +5,6 @@ exports.default = [
         key: 'labelPosition',
         ignore: true
     },
-    {
-        key: 'labelWidth',
-        ignore: true
-    },
-    {
-        key: 'labelMargin',
-        ignore: true
-    },
     {
         key: 'placeholder',
         ignore: true

package/lib/cjs/formio.form.js

@@ -29,7 +29,6 @@ const EventEmitter_1 = __importDefault(require("./EventEmitter"));
 exports.EventEmitter = EventEmitter_1.default;
 const Webform_1 = __importDefault(require("./Webform"));
 exports.Webform = Webform_1.default;
-const i18n_1 = require("./utils/i18n");
 Formio_1.Formio.loadModules = (path = `${Formio_1.Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
     Formio_1.Formio.requireLibrary(name, name, path, true)
         .then((modules) => {
@@ -74,7 +73,6 @@ function registerModule(mod, defaultFn = null, options = {}) {
             case 'templates':
                 for (const framework of Object.keys(mod.templates)) {
                     Formio_1.Formio.Templates.extendTemplate(framework, mod.templates[framework]);
-                    Formio_1.Formio.Templates.defaultTemplates = lodash_1.default.defaults(mod.templates[framework], Formio_1.Formio.Templates.defaultTemplates);
                 }
                 if (mod.templates[current]) {
                     Formio_1.Formio.Templates.current = mod.templates[current];
@@ -102,9 +100,6 @@ function registerModule(mod, defaultFn = null, options = {}) {
             case 'evaluator':
                 Formio_1.Formio.Evaluator.registerEvaluator(mod.evaluator);
                 break;
-            case 'translations':
-                i18n_1.I18n.setDefaultTranslations(mod.translations);
-                break;
             case 'library':
                 options.license
                     ? Formio_1.Formio.Licenses.addLicense(mod.library, options.license)

package/lib/cjs/providers/storage/googleDrive.js

@@ -52,11 +52,10 @@ function googledrive(formio) {
                 xhr.send(fd);
             }));
         },
-        downloadFile(file, component) {
+        downloadFile(file) {
             const token = formio.getToken();
-            // Constructed the url with the fileId, fileName, displayImage, imageSize if applicable
             file.url =
-                `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}${component.image ? '&displayImage=true' : ''}${component.imageSize ? `&imageSize=${component.imageSize}` : ''}`;
+                `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}`;
             return Promise.resolve(file);
         },
         deleteFile: function deleteFile(fileInfo) {

package/lib/cjs/providers/storage/s3.js

@@ -115,7 +115,7 @@ function s3(formio) {
                 const { changeMessage } = multipart;
                 changeMessage('Completing AWS S3 multipart upload...');
                 const token = formio.getToken();
-                const response = yield xhr_1.default.fetch(`${formio.formUrl}/storage/s3/multipart/complete`, {
+                const response = yield fetch(`${formio.formUrl}/storage/s3/multipart/complete`, {
                     method: 'POST',
                     headers: Object.assign({ 'Content-Type': 'application/json' }, (token ? { 'x-jwt-token': token } : {})),
                     body: JSON.stringify({ parts, uploadId: serverResponse.uploadId, key: serverResponse.key })
@@ -134,7 +134,7 @@ function s3(formio) {
         abortMultipartUpload(serverResponse) {
             const { uploadId, key } = serverResponse;
             const token = formio.getToken();
-            xhr_1.default.fetch(`${formio.formUrl}/storage/s3/multipart/abort`, {
+            fetch(`${formio.formUrl}/storage/s3/multipart/abort`, {
                 method: 'POST',
                 headers: Object.assign({ 'Content-Type': 'application/json' }, (token ? { 'x-jwt-token': token } : {})),
                 body: JSON.stringify({ uploadId, key })
@@ -148,7 +148,7 @@ function s3(formio) {
                 const start = i * partSize;
                 const end = (i + 1) * partSize;
                 const blob = i < urls.length ? file.slice(start, end) : file.slice(start);
-                const promise = xhr_1.default.fetch(urls[i], {
+                const promise = fetch(urls[i], {
                     method: 'PUT',
                     headers,
                     body: blob,

package/lib/cjs/providers/storage/xhr.d.ts

@@ -3,7 +3,6 @@ export default XHR;
 declare namespace XHR {
     function trim(text: any): any;
     function path(items: any): any;
-    function fetch(url: any, options: any): Promise<Response>;
     function upload(formio: any, type: any, xhrCallback: any, file: any, fileName: any, dir: any, progressCallback: any, groupPermissions: any, groupId: any, abortCallback: any, multipartOptions: any): Promise<any>;
     function makeXhrRequest(formio: any, xhrCallback: any, serverResponse: any, progressCallback: any, abortCallback: any): Promise<any>;
 }

package/lib/cjs/providers/storage/xhr.js

@@ -14,7 +14,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setXhrHeaders = void 0;
 const trim_1 = __importDefault(require("lodash/trim"));
-const Formio_1 = require("../../Formio");
 const setXhrHeaders = (formio, xhr) => {
     const { headers } = formio.options;
     if (headers) {
@@ -37,17 +36,13 @@ const XHR = {
     path(items) {
         return items.filter(item => !!item).map(XHR.trim).join('/');
     },
-    fetch(url, options) {
-        options = Formio_1.Formio.pluginAlter('requestOptions', options, url);
-        return fetch(url, options);
-    },
     upload(formio, type, xhrCallback, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback, multipartOptions) {
         return __awaiter(this, void 0, void 0, function* () {
             // make request to Form.io server
             const token = formio.getToken();
             let response;
             try {
-                response = yield XHR.fetch(`${formio.formUrl}/storage/${type}`, {
+                response = yield fetch(`${formio.formUrl}/storage/${type}`, {
                     method: 'POST',
                     headers: Object.assign({ 'Accept': 'application/json', 'Content-Type': 'application/json; charset=UTF-8' }, (token ? { 'x-jwt-token': token } : {})),
                     body: JSON.stringify({

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

@@ -1,235 +1,82 @@
-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 namespace _default {
+    let unsavedRowsError: string;
+    let invalidRowsError: string;
+    let invalidRowError: string;
+    let invalidOption: string;
+    let invalidDay: string;
+    let alertMessageWithLabel: string;
+    let alertMessage: string;
+    let complete: string;
+    let error: string;
+    let errorListHotkey: string;
+    let errorsListNavigationMessage: string;
+    let submitError: string;
+    let required: string;
+    let unique: string;
+    let array: string;
+    let array_nonempty: string;
+    let nonarray: string;
+    let select: string;
+    let pattern: string;
+    let minLength: string;
+    let maxLength: string;
+    let minWords: string;
+    let maxWords: string;
+    let min: string;
+    let max: string;
+    let maxDate: string;
+    let minDate: string;
+    let maxYear: string;
+    let minYear: string;
+    let minSelectedCount: string;
+    let maxSelectedCount: string;
+    let invalid_email: string;
+    let invalid_url: string;
+    let invalid_regex: string;
+    let invalid_date: string;
+    let invalid_day: string;
+    let invalidValueProperty: string;
+    let mask: string;
+    let valueIsNotAvailable: string;
+    let stripe: string;
+    let month: string;
+    let day: string;
+    let year: string;
+    let january: string;
+    let february: string;
+    let march: string;
+    let april: string;
+    let may: string;
+    let june: string;
+    let july: string;
+    let august: string;
+    let september: string;
+    let october: string;
+    let november: string;
+    let december: string;
+    let next: string;
+    let previous: string;
+    let cancel: string;
+    let submit: string;
+    let confirmCancel: string;
+    let saveDraftInstanceError: string;
+    let saveDraftAuthError: string;
+    let restoreDraftInstanceError: string;
+    let saveDraftError: string;
+    let restoreDraftError: string;
+    let time: string;
+    let cancelButtonAriaLabel: string;
+    let previousButtonAriaLabel: string;
+    let nextButtonAriaLabel: string;
+    let submitButtonAriaLabel: string;
+    let reCaptchaTokenValidationError: string;
+    let reCaptchaTokenNotSpecifiedError: string;
+    let apiKey: string;
+    let typeRemaining: string;
+    let typeCount: string;
+    let requiredDayField: string;
+    let requiredDayEmpty: string;
+    let requiredMonthField: string;
+    let requiredYearField: string;
+}
 export default _default;