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

package/lib/cjs/translations/en.js

@@ -1,10 +1,83 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-const bootstrap_1 = __importDefault(require("@formio/bootstrap"));
-exports.default = Object.assign(Object.assign({}, (((_a = bootstrap_1.default === null || bootstrap_1.default === void 0 ? void 0 : bootstrap_1.default.translations) === null || _a === void 0 ? void 0 : _a.en) || {})), { unsavedRowsError: 'Please save all rows before proceeding.', invalidRowsError: 'Please correct invalid rows before proceeding.', invalidRowError: 'Invalid row. Please correct it or delete.', invalidOption: '{{field}} is an invalid value.', invalidDay: '{{field}} is not a valid day.', alertMessageWithLabel: '{{label}}: {{message}}', alertMessage: '{{message}}', complete: 'Submission Complete', error: 'Please fix the following errors before submitting.', errorListHotkey: 'Press Ctrl + Alt + X to go back to the error list.', errorsListNavigationMessage: 'Click to navigate to the field with following error.', submitError: 'Please check the form and correct all errors before submitting.', required: '{{field}} is required', unique: '{{field}} must be unique', array: '{{field}} must be an array', array_nonempty: '{{field}} must be a non-empty array', nonarray: '{{field}} must not be an array', select: '{{field}} contains an invalid selection', pattern: '{{field}} does not match the pattern {{pattern}}', minLength: '{{field}} must have at least {{length}} characters.', maxLength: '{{field}} must have no more than {{length}} characters.', minWords: '{{field}} must have at least {{length}} words.', maxWords: '{{field}} must have no more than {{length}} words.', min: '{{field}} cannot be less than {{min}}.', max: '{{field}} cannot be greater than {{max}}.', maxDate: '{{field}} should not contain date after {{maxDate}}', minDate: '{{field}} should not contain date before {{minDate}}', maxYear: '{{field}} should not contain year greater than {{maxYear}}', minYear: '{{field}} should not contain year less than {{minYear}}', minSelectedCount: 'You must select at least {{minCount}} items', maxSelectedCount: 'You may only select up to {{maxCount}} items', invalid_email: '{{field}} must be a valid email.', invalid_url: '{{field}} must be a valid url.', invalid_regex: '{{field}} does not match the pattern {{regex}}.', invalid_date: '{{field}} is not a valid date.', invalid_day: '{{field}} is not a valid day.', invalidValueProperty: 'Invalid Value Property', mask: '{{field}} does not match the mask.', valueIsNotAvailable: '{{ field }} is an invalid value.', stripe: '{{stripe}}', month: 'Month', day: 'Day', year: 'Year', january: 'January', february: 'February', march: 'March', april: 'April', may: 'May', june: 'June', july: 'July', august: 'August', september: 'September', october: 'October', november: 'November', december: 'December', next: 'Next', previous: 'Previous', cancel: 'Cancel', submit: 'Submit Form', confirmCancel: 'Are you sure you want to cancel?', saveDraftInstanceError: 'Cannot save draft because there is no formio instance.', saveDraftAuthError: 'Cannot save draft unless a user is authenticated.', restoreDraftInstanceError: 'Cannot restore draft because there is no formio instance.', saveDraftError: 'Unable to save draft.', restoreDraftError: 'Unable to restore draft.', time: 'Invalid time', cancelButtonAriaLabel: 'Cancel button. Click to reset the form', previousButtonAriaLabel: 'Previous button. Click to go back to the previous tab', nextButtonAriaLabel: 'Next button. Click to go to the next tab', submitButtonAriaLabel: 'Submit Form button. Click to submit the form', reCaptchaTokenValidationError: 'ReCAPTCHA: Token validation error', reCaptchaTokenNotSpecifiedError: 'ReCAPTCHA: Token is not specified in submission', apiKey: 'API Key is not unique: {{key}}', typeRemaining: '{{ remaining }} {{ type }} remaining.', typeCount: '{{ count }} {{ type }}', requiredDayField: '{{ field }} is required', requiredDayEmpty: '{{ field }} is required', requiredMonthField: '{{ field }} is required', requiredYearField: '{{ field }} is required', formNotReady: 'Form not ready. Use form.ready promise', noFormElement: 'No DOM element for form.', notUniqueKey: 'API Key is not unique', newFormSchema: 'Form schema is for a newer version, please upgrade your renderer. Some functionality may not work.', missingUrl: 'Missing URL argument', urlNotAttachedToBtn: 'You should add a URL to this button.', loadingProjectSettingsError: 'Could not load project settings', sessionStorageSupportError: 'Session storage is not supported in this browser.', builderUniqueError: `You cannot add more than one {{componentKeyOrTitle}} component to one page.`, pageNotFound: 'Page not found', noDragInfoError: 'There is no Drag Info available for either dragged or sibling element', addonSupportTypeError: 'Addon {{label}} does not support component of type {{type}}', setPathError: 'Should not be setting the path of a component.', calculatedPathDeprecation: 'component.calculatedPath was deprecated, use component.path instead.', unknownTemplate: 'Unknown template: {{name}}', unknownComponent: 'Unknown component: {{type}}', renderTemplateFunctionDeprecation: `Form.io 'render' template function is deprecated.
-    If you need to render template (template A) inside of another template (template B),
-    pass pre-compiled template A (use this.renderTemplate('template_A_name') as template context variable for template B`, whenReadyDeprecation: 'The whenReady() method has been deprecated. Please use the dataReady property instead.', loadResourcesError: 'Unable to load resources for {{componentKey}}', noSelectDataConfiguration: 'Select component {{componentKey}} does not have data configuration.', indexedDBSupportError: "Your browser doesn't support current version of indexedDB", caretPositionSavingError: 'An error occurred while trying to save caret position', iteratableRowsError: 'Getter #iteratableRows() is not implemented', checkRowDeprecation: 'Deprecation Warning: checkRow method has been replaced with processRow', noOAuthBtn: 'You must add the OAuth button to a form for it to function properly', noOAuthConfiguration: 'OAuth not configured. You must configure oauth for your project before it will work.', oAuthErrorsTitle: 'The Following Error Has Occured', noOAuthFormUrl: 'You must attach a Form API url to your form in order to use OAuth buttons.', oAuthStateError: 'OAuth state does not match. Please try logging in again.', componentInvalidRowValidation: 'Invalid row validation for {{componentKey}}', videoPlayerNotFound: 'Video player not found in template.', synchronizationFailed: 'Synchronization is failed', fileWithDuplicatedNameInProgress: 'File with the same name is already being uploaded', fileWithDuplicatedNameLoaded: 'File with the same name is already uploaded', nestedForm: 'Nested form', noDataProvided: 'No data provided', subformSubmissionLoadingError: 'Unable to load subform submission {{submissionId}}:', noDelimiterSet: 'In order for thousands separator to work properly, you must set the delimiter to true in the component json', noSiteKey: 'There is no Site Key specified in settings in form JSON', failedToNormalize: 'Failed to normalize value', failedToCompareItems: 'Error while comparing items', editorFocusError: 'An editor did not initialize properly when trying to focus:', quillImageUploadFailed: 'Quill image upload failed', noFilesSelected: 'No files selected', needConfigurationForQuill: '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.', waitPdfConverting: 'Converting PDF. Please wait.', uploading: 'Uploading', pasteBelow: 'Paste below', copy: 'Copy', move: 'Move', edit: 'Edit', editJson: 'Edit JSON', remove: 'Remove', clickToSetValue: 'Click to set value', words: 'words', characters: 'characters', addAnother: 'Add Another', yes: 'Yes', no: 'No', wantToClearData: 'Do you want to clear data?', yesDelete: 'Yes, delete it', waitFileProcessing: 'Processing file. Please wait...', wrongFileType: 'File is the wrong type; it must be {{ pattern }}', fileTooSmall: 'File is too small; it must be at least {{ size }}', fileTooBig: 'File is too big; it must be at most {{ size }}', noFileService: 'File Service not provided.', fileProcessingFailed: 'File processing has been failed.', readyForUpload: 'Ready to be uploaded into storage', readyForRemovingFromStorage: 'Ready to be removed from storage', preparingFileToRemove: 'Preparing file to remove', succefullyRemoved: 'Succefully removed', succefullyUploaded: 'Succefully uploaded', maxSelectItems: 'You may only select up to {{maxCount}} items', minSelectItems: 'You must select at least {{minCount}} items', clickToSign: 'Click to Sign', surveyQuestion: 'Question', surveyQuestionValue: 'Value', success: 'Success', noResultsFound: 'No results found', noChoices: 'No choices to choose from', typeToSearch: 'Type to search', loading: 'Loading' });
+exports.default = {
+    unsavedRowsError: 'Please save all rows before proceeding.',
+    invalidRowsError: 'Please correct invalid rows before proceeding.',
+    invalidRowError: 'Invalid row. Please correct it or delete.',
+    invalidOption: '{{field}} is an invalid value.',
+    invalidDay: '{{field}} is not a valid day.',
+    alertMessageWithLabel: '{{label}}: {{message}}',
+    alertMessage: '{{message}}',
+    complete: 'Submission Complete',
+    error: 'Please fix the following errors before submitting.',
+    errorListHotkey: 'Press Ctrl + Alt + X to go back to the error list.',
+    errorsListNavigationMessage: 'Click to navigate to the field with following error.',
+    submitError: 'Please check the form and correct all errors before submitting.',
+    required: '{{field}} is required',
+    unique: '{{field}} must be unique',
+    array: '{{field}} must be an array',
+    array_nonempty: '{{field}} must be a non-empty array', // eslint-disable-line camelcase
+    nonarray: '{{field}} must not be an array',
+    select: '{{field}} contains an invalid selection',
+    pattern: '{{field}} does not match the pattern {{pattern}}',
+    minLength: '{{field}} must have at least {{length}} characters.',
+    maxLength: '{{field}} must have no more than {{length}} characters.',
+    minWords: '{{field}} must have at least {{length}} words.',
+    maxWords: '{{field}} must have no more than {{length}} words.',
+    min: '{{field}} cannot be less than {{min}}.',
+    max: '{{field}} cannot be greater than {{max}}.',
+    maxDate: '{{field}} should not contain date after {{maxDate}}',
+    minDate: '{{field}} should not contain date before {{minDate}}',
+    maxYear: '{{field}} should not contain year greater than {{maxYear}}',
+    minYear: '{{field}} should not contain year less than {{minYear}}',
+    minSelectedCount: 'You must select at least {{minCount}} items',
+    maxSelectedCount: 'You may only select up to {{maxCount}} items',
+    invalid_email: '{{field}} must be a valid email.', // eslint-disable-line camelcase
+    invalid_url: '{{field}} must be a valid url.', // eslint-disable-line camelcase
+    invalid_regex: '{{field}} does not match the pattern {{regex}}.', // eslint-disable-line camelcase
+    invalid_date: '{{field}} is not a valid date.', // eslint-disable-line camelcase
+    invalid_day: '{{field}} is not a valid day.', // eslint-disable-line camelcase
+    invalidValueProperty: 'Invalid Value Property',
+    mask: '{{field}} does not match the mask.',
+    valueIsNotAvailable: '{{ field }} is an invalid value.',
+    stripe: '{{stripe}}',
+    month: 'Month',
+    day: 'Day',
+    year: 'Year',
+    january: 'January',
+    february: 'February',
+    march: 'March',
+    april: 'April',
+    may: 'May',
+    june: 'June',
+    july: 'July',
+    august: 'August',
+    september: 'September',
+    october: 'October',
+    november: 'November',
+    december: 'December',
+    next: 'Next',
+    previous: 'Previous',
+    cancel: 'Cancel',
+    submit: 'Submit Form',
+    confirmCancel: 'Are you sure you want to cancel?',
+    saveDraftInstanceError: 'Cannot save draft because there is no formio instance.',
+    saveDraftAuthError: 'Cannot save draft unless a user is authenticated.',
+    restoreDraftInstanceError: 'Cannot restore draft because there is no formio instance.',
+    saveDraftError: 'Unable to save draft.',
+    restoreDraftError: 'Unable to restore draft.',
+    time: 'Invalid time',
+    cancelButtonAriaLabel: 'Cancel button. Click to reset the form',
+    previousButtonAriaLabel: 'Previous button. Click to go back to the previous tab',
+    nextButtonAriaLabel: 'Next button. Click to go to the next tab',
+    submitButtonAriaLabel: 'Submit Form button. Click to submit the form',
+    reCaptchaTokenValidationError: 'ReCAPTCHA: Token validation error',
+    reCaptchaTokenNotSpecifiedError: 'ReCAPTCHA: Token is not specified in submission',
+    apiKey: 'API Key is not unique: {{key}}',
+    typeRemaining: '{{ remaining }} {{ type }} remaining.',
+    typeCount: '{{ count }} {{ type }}',
+    requiredDayField: '{{ field }} is required',
+    requiredDayEmpty: '{{ field }} is required',
+    requiredMonthField: '{{ field }} is required',
+    requiredYearField: '{{ field }} is required'
+};

package/lib/cjs/utils/ChoicesWrapper.d.ts

@@ -1,17 +1,38 @@
+export namespace KEY_CODES {
+    let BACK_KEY: number;
+    let DELETE_KEY: number;
+    let TAB_KEY: number;
+    let ENTER_KEY: number;
+    let A_KEY: number;
+    let ESC_KEY: number;
+    let UP_KEY: number;
+    let DOWN_KEY: number;
+    let PAGE_UP_KEY: number;
+    let PAGE_DOWN_KEY: number;
+}
 export default ChoicesWrapper;
 declare class ChoicesWrapper extends Choices {
     constructor(...args: any[]);
-    _onTabKey(): void;
+    _onTabKey({ activeItems, hasActiveDropdown }: {
+        activeItems: any;
+        hasActiveDropdown: any;
+    }): void;
     isDirectionUsing: boolean;
     shouldOpenDropDown: boolean;
     _onTouchEnd(event: any): void;
-    _onEnterKey(...args: any[]): void;
+    _handleButtonAction(activeItems: any, element: any): void;
+    _onEnterKey(args: any): void;
     _onDirectionKey(...args: any[]): void;
     timeout: NodeJS.Timeout | undefined;
     _selectHighlightedChoice(): void;
     _onKeyDown(event: any): void;
-    onSelectValue(event: any, hasActiveDropdown: any): void;
+    onSelectValue({ event, activeItems, hasActiveDropdown }: {
+        event: any;
+        activeItems: any;
+        hasActiveDropdown: any;
+    }): void;
     showDropdown(...args: any[]): void;
     hideDropdown(...args: any[]): void;
+    _onBlur(...args: any[]): void;
 }
-import Choices from 'choices.js';
+import Choices from '@formio/choices.js';

package/lib/cjs/utils/ChoicesWrapper.js

@@ -1,30 +1,48 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const choices_js_1 = __importStar(require("choices.js"));
-const ExtendedKeyCodeMap = Object.assign(Object.assign({}, choices_js_1.KeyCodeMap), { TAB_KEY: 9 });
+exports.KEY_CODES = void 0;
+const choices_js_1 = __importDefault(require("@formio/choices.js"));
+/**
+ * TODO: REMOVE THIS ONCE THE PULL REQUEST HAS BEEN RESOLVED.
+ *
+ * https://github.com/jshjohnson/Choices/pull/788
+ *
+ * This is intentionally not part of the extended class, since other components use Choices and need this fix as well.
+ * @type {Choices._generatePlaceholderValue}
+ * @private
+ */
+choices_js_1.default.prototype._generatePlaceholderValue = function () {
+    if (this._isSelectElement && this.passedElement.placeholderOption) {
+        const { placeholderOption } = this.passedElement;
+        return placeholderOption ? placeholderOption.text : false;
+    }
+    const { placeholder, placeholderValue } = this.config;
+    const { element: { dataset }, } = this.passedElement;
+    if (placeholder) {
+        if (placeholderValue) {
+            return placeholderValue;
+        }
+        if (dataset.placeholder) {
+            return dataset.placeholder;
+        }
+    }
+    return false;
+};
+exports.KEY_CODES = {
+    BACK_KEY: 46,
+    DELETE_KEY: 8,
+    TAB_KEY: 9,
+    ENTER_KEY: 13,
+    A_KEY: 65,
+    ESC_KEY: 27,
+    UP_KEY: 38,
+    DOWN_KEY: 40,
+    PAGE_UP_KEY: 33,
+    PAGE_DOWN_KEY: 34,
+};
 class ChoicesWrapper extends choices_js_1.default {
     constructor(...args) {
         super(...args);
@@ -51,13 +69,24 @@ class ChoicesWrapper extends choices_js_1.default {
         }
         this._wasTap = true;
     }
-    _onEnterKey(...args) {
-        const [event] = args;
+    _handleButtonAction(activeItems, element) {
+        if (!this._isSelectOneElement) {
+            return super._handleButtonAction(activeItems, element);
+        }
+        if (!activeItems ||
+            !element ||
+            !this.config.removeItems ||
+            !this.config.removeItemButton) {
+            return;
+        }
+        super._handleButtonAction(activeItems, element);
+    }
+    _onEnterKey(args) {
         // Prevent dropdown form opening when removeItemButton was pressed using 'Enter' on keyboard
-        if (event.target.className === 'choices__button') {
+        if (args.event.target.className === 'choices__button') {
             this.shouldOpenDropDown = false;
         }
-        super._onEnterKey(...args);
+        super._onEnterKey(args);
     }
     _onDirectionKey(...args) {
         if (!this._isSelectOneElement) {
@@ -71,18 +100,17 @@ class ChoicesWrapper extends choices_js_1.default {
             this.isDirectionUsing = false;
         }, 250);
     }
-    _onTabKey() {
-        if (this.dropdown.isActive) {
-            this._selectHighlightedChoice();
+    _onTabKey({ activeItems, hasActiveDropdown }) {
+        if (hasActiveDropdown) {
+            this._selectHighlightedChoice(activeItems);
         }
     }
     _selectHighlightedChoice() {
-        const highlightedChoice = this.dropdown.element.querySelector(`.${this.config.classNames.highlightedState}`);
+        const highlightedChoice = this.dropdown.getChild(`.${this.config.classNames.highlightedState}`);
         if (highlightedChoice) {
             const id = highlightedChoice.dataset.id;
-            const choice = id && this._store.getChoiceById(Number(id));
+            const choice = id && this._store.getChoiceById(id);
             this._addItem({
-                id: choice.id,
                 value: choice.value,
                 label: choice.label,
                 choiceId: choice.id,
@@ -93,16 +121,61 @@ class ChoicesWrapper extends choices_js_1.default {
             });
             this._triggerChange(choice.value);
         }
+        event.preventDefault();
     }
     _onKeyDown(event) {
-        const keyCode = event.keyCode;
-        return this._isSelectOneElement && keyCode === ExtendedKeyCodeMap.TAB_KEY
-            ? this._onTabKey()
-            : super._onKeyDown(event);
+        if (!this._isSelectOneElement) {
+            return super._onKeyDown(event);
+        }
+        const { target, keyCode, ctrlKey, metaKey } = event;
+        if (target !== this.input.element &&
+            !this.containerOuter.element.contains(target)) {
+            return;
+        }
+        const activeItems = this._store.activeItems;
+        const hasFocusedInput = this.input.isFocussed;
+        const hasActiveDropdown = this.dropdown.isActive;
+        const hasItems = this.itemList.hasChildren;
+        const keyString = String.fromCharCode(keyCode);
+        const { BACK_KEY, DELETE_KEY, TAB_KEY, ENTER_KEY, A_KEY, ESC_KEY, UP_KEY, DOWN_KEY, PAGE_UP_KEY, PAGE_DOWN_KEY, } = exports.KEY_CODES;
+        const hasCtrlDownKeyPressed = ctrlKey || metaKey;
+        // If a user is typing and the dropdown is not active
+        if (!hasActiveDropdown && !this._isTextElement && /[a-zA-Z0-9-_ ]/.test(keyString)) {
+            const currentValue = this.input.element.value;
+            this.input.element.value = currentValue ? `${currentValue}${keyString}` : keyString;
+            this.showDropdown();
+        }
+        // Map keys to key actions
+        const keyDownActions = {
+            [A_KEY]: this._onAKey,
+            [TAB_KEY]: this._onTabKey,
+            [ENTER_KEY]: this._onEnterKey,
+            [ESC_KEY]: this._onEscapeKey,
+            [UP_KEY]: this._onDirectionKey,
+            [PAGE_UP_KEY]: this._onDirectionKey,
+            [DOWN_KEY]: this._onDirectionKey,
+            [PAGE_DOWN_KEY]: this._onDirectionKey,
+            [DELETE_KEY]: this._onDeleteKey,
+            [BACK_KEY]: this._onDeleteKey,
+        };
+        // If keycode has a function, run it
+        if (keyDownActions[keyCode]) {
+            keyDownActions[keyCode]({
+                event,
+                target,
+                keyCode,
+                metaKey,
+                activeItems,
+                hasFocusedInput,
+                hasActiveDropdown,
+                hasItems,
+                hasCtrlDownKeyPressed,
+            });
+        }
     }
-    onSelectValue(event, hasActiveDropdown) {
+    onSelectValue({ event, activeItems, hasActiveDropdown }) {
         if (hasActiveDropdown) {
-            this._selectHighlightedChoice();
+            this._selectHighlightedChoice(activeItems);
         }
         else if (this._isSelectOneElement) {
             this.showDropdown();
@@ -110,13 +183,11 @@ class ChoicesWrapper extends choices_js_1.default {
         }
     }
     showDropdown(...args) {
-        setTimeout(() => {
-            if (!this.shouldOpenDropDown) {
-                this.shouldOpenDropDown = true;
-                return;
-            }
-            super.showDropdown(...args);
-        }, 0);
+        if (!this.shouldOpenDropDown) {
+            this.shouldOpenDropDown = true;
+            return;
+        }
+        super.showDropdown(...args);
     }
     hideDropdown(...args) {
         if (this.isDirectionUsing) {
@@ -124,5 +195,11 @@ class ChoicesWrapper extends choices_js_1.default {
         }
         super.hideDropdown(...args);
     }
+    _onBlur(...args) {
+        if (this._isScrollingOnIe) {
+            return;
+        }
+        super._onBlur(...args);
+    }
 }
 exports.default = ChoicesWrapper;

package/lib/cjs/utils/formUtils.d.ts

@@ -26,8 +26,8 @@ export const getBestMatch: typeof Utils.getBestMatch;
 export const getComponentFromPath: typeof Utils.getComponentFromPath;
 export const getComponentValue: typeof Utils.getComponentValue;
 export const findComponents: typeof Utils.findComponents;
-export const eachComponentDataAsync: (components: Component[], data: DataObject, fn: EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: any, parentPaths?: any) => Promise<void>;
-export const eachComponentData: (components: Component[], data: DataObject, fn: EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: any, parentPaths?: any) => void;
+export const eachComponentDataAsync: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined) => Promise<void>;
+export const eachComponentData: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined) => void;
 export const getComponentKey: typeof Utils.getComponentKey;
 export const getContextualRowPath: typeof Utils.getContextualRowPath;
 export const getContextualRowData: typeof Utils.getContextualRowData;

package/lib/cjs/utils/i18n.d.ts

@@ -2,16 +2,13 @@
  * This file is used to mimic the i18n library interface.
  */
 export class I18n {
-    static languages: {};
-    static setDefaultTranslations(languages: any): void;
     static init(languages?: {}): I18n;
     static createInstance(): I18n;
     constructor(languages?: {});
-    languages: any;
-    defaultKeys: any;
+    languages: {};
     language: string;
     currentLanguage: any;
-    setLanguages(languages: any, noDefaultOverride: any): void;
+    setLanguages(languages: any): void;
     dir(lang?: string): "rtl" | "ltr";
     changeLanguage(language: any, ready?: null): void;
     addResourceBundle(language: any, type: any, strings: any): void;

package/lib/cjs/utils/i18n.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.I18n = void 0;
 const utils_1 = require("@formio/core/utils");
 const i18n_1 = __importDefault(require("../i18n"));
-const lodash_1 = require("lodash");
-const core_1 = require("@formio/core");
 const i18Defaults = {};
 for (const lang in i18n_1.default.resources) {
     if (i18n_1.default.resources.hasOwnProperty(lang)) {
@@ -19,28 +17,13 @@ for (const lang in i18n_1.default.resources) {
  */
 class I18n {
     constructor(languages = {}) {
-        var _a;
-        this.languages = (0, core_1.fastCloneDeep)(I18n.languages || {});
-        this.defaultKeys = ((_a = I18n.languages) === null || _a === void 0 ? void 0 : _a.en) || {};
+        this.languages = i18Defaults;
         this.language = 'en';
         this.currentLanguage = i18Defaults.en;
         this.setLanguages(languages);
         this.changeLanguage(this.language);
     }
-    static setDefaultTranslations(languages) {
-        if ((0, lodash_1.isEmpty)(languages)) {
-            return;
-        }
-        for (const lang in languages) {
-            if (lang !== 'language' && languages.hasOwnProperty(lang)) {
-                if (!this.languages[lang]) {
-                    this.languages[lang] = {};
-                }
-                this.languages[lang] = Object.assign(Object.assign({}, languages[lang]), this.languages[lang]);
-            }
-        }
-    }
-    setLanguages(languages, noDefaultOverride) {
+    setLanguages(languages) {
         if (languages.resources) {
             for (const lang in languages.resources) {
                 if (languages.resources.hasOwnProperty(lang)) {
@@ -67,8 +50,7 @@ class I18n {
                 if (!this.languages[lang]) {
                     this.languages[lang] = {};
                 }
-                this.languages[lang] = noDefaultOverride
-                    ? Object.assign(Object.assign({}, languages[lang]), this.languages[lang]) : Object.assign(Object.assign({}, this.languages[lang]), languages[lang]);
+                this.languages[lang] = Object.assign(Object.assign({}, this.languages[lang]), languages[lang]);
             }
         }
     }
@@ -98,23 +80,14 @@ class I18n {
     }
     t(text, ...args) {
         var _a;
-        let currentTranslation = this.currentLanguage[text];
-        // provide compatibility with cases where the entire phrase is used as a key
-        // get the phrase that is possibly being used as a key
-        const defaultKey = this.defaultKeys[text];
-        if (defaultKey && this.currentLanguage[defaultKey]) {
-            // get translation using the phrase as a key
-            currentTranslation = this.currentLanguage[defaultKey];
-        }
-        if (currentTranslation) {
+        if (this.currentLanguage[text]) {
             const customTranslationFieldName = (_a = args[0]) === null || _a === void 0 ? void 0 : _a.field;
             if (customTranslationFieldName && this.currentLanguage[customTranslationFieldName]) {
                 args[0].field = this.currentLanguage[customTranslationFieldName];
             }
-            return utils_1.Evaluator.interpolateString(currentTranslation, ...args);
+            return utils_1.Evaluator.interpolateString(this.currentLanguage[text], ...args);
         }
         return utils_1.Evaluator.interpolateString(text, ...args);
     }
 }
 exports.I18n = I18n;
-I18n.languages = i18Defaults;

package/lib/cjs/widgets/CalendarWidget.js

@@ -93,6 +93,8 @@ class CalendarWidget extends InputWidget_1.default {
         this.settings.disableWeekends ? this.settings.disable.push(this.disableWeekends) : '';
         this.settings.disableWeekdays ? this.settings.disable.push(this.disableWeekdays) : '';
         this.settings.disableFunction ? this.settings.disable.push(this.disableFunction) : '';
+        this.settings.wasDefaultValueChanged = false;
+        this.settings.defaultValue = '';
         this.settings.manualInputValue = '';
         this.settings.isManuallyOverriddenValue = false;
         this.settings.currentValue = '';
@@ -100,8 +102,14 @@ class CalendarWidget extends InputWidget_1.default {
         this.settings.dateFormat = (0, utils_1.convertFormatToFlatpickr)(this.settings.dateFormat);
         this.settings.position = 'auto center';
         this.settings.onChange = () => {
-            if (this.settings.allowInput && this.settings.enableTime) {
-                this.calendar._input.value = this.settings.isManuallyOverriddenValue ? this.settings.manualInputValue : this.calendar.altInput.value;
+            if (this.settings.allowInput) {
+                if (this.settings.isManuallyOverriddenValue && this.settings.enableTime) {
+                    this.calendar._input.value = this.settings.manualInputValue;
+                }
+                else {
+                    this.settings.manualInputValue = '';
+                }
+                this.settings.isManuallyOverriddenValue = false;
             }
             this.emit('update');
         };
@@ -110,15 +118,20 @@ class CalendarWidget extends InputWidget_1.default {
             this.hook('onCalendarClose');
             this.closedOn = Date.now();
             if (this.settings.allowInput && this.settings.enableTime) {
-                this.calendar._input.value = this.settings.isManuallyOverriddenValue ? this.settings.manualInputValue : this.calendar.altInput.value;
+                this.calendar._input.value = this.settings.manualInputValue || this.calendar._input.value;
+                this.settings.isManuallyOverriddenValue = false;
                 this.emit('update');
             }
+            if (this.settings.wasDefaultValueChanged) {
+                this.calendar._input.value = this.settings.defaultValue;
+                this.settings.wasDefaultValueChanged = false;
+            }
             if (this.calendar) {
                 this.emit('blur');
             }
         };
         Formio_1.Formio.requireLibrary('flatpickr-css', 'flatpickr', [
-            { type: 'styles', src: `${Formio_1.Formio.cdn['flatpickr']}/flatpickr.min.css` }
+            { type: 'styles', src: `${Formio_1.Formio.cdn['flatpickr-formio']}/flatpickr.min.css` }
         ], true);
         if (this.component.shortcutButtons) {
             this.component.shortcutButtons = this.component.shortcutButtons.filter((btn) => btn.label && btn.onClick);
@@ -136,7 +149,7 @@ class CalendarWidget extends InputWidget_1.default {
             }
         })
             .then((ShortcutButtonsPlugin) => {
-            return Formio_1.Formio.requireLibrary('flatpickr', 'flatpickr', `${Formio_1.Formio.cdn['flatpickr']}/flatpickr.min.js`, true)
+            return Formio_1.Formio.requireLibrary('flatpickr', 'flatpickr', `${Formio_1.Formio.cdn['flatpickr-formio']}/flatpickr.min.js`, true)
                 .then((Flatpickr) => {
                 var _a;
                 if (((_a = this.component.shortcutButtons) === null || _a === void 0 ? void 0 : _a.length) && ShortcutButtonsPlugin) {
@@ -146,7 +159,7 @@ class CalendarWidget extends InputWidget_1.default {
                 if (this._input) {
                     const { locale } = this.settings;
                     if (locale && locale.length >= 2 && locale !== 'en') {
-                        return Formio_1.Formio.requireLibrary(`flatpickr-${locale}`, `flatpickr.l10ns.${locale}`, `${Formio_1.Formio.cdn['flatpickr']}/l10n/${locale}.js`, true).then(() => this.initFlatpickr(Flatpickr));
+                        return Formio_1.Formio.requireLibrary(`flatpickr-${locale}`, `flatpickr-${locale}`, `${Formio_1.Formio.cdn['flatpickr-formio']}/l10n/flatpickr-${locale}.js`, true).then(() => this.initFlatpickr(Flatpickr));
                     }
                     else {
                         this.initFlatpickr(Flatpickr);
@@ -345,28 +358,19 @@ class CalendarWidget extends InputWidget_1.default {
         this.calendar = new Flatpickr(this._input, Object.assign(Object.assign({}, this.settings), { disableMobile: true }));
         this.addEventListener(this.calendar.altInput, 'input', (event) => {
             if (this.settings.allowInput && this.settings.currentValue !== event.target.value) {
-                if (event.target.mask) {
-                    event.target.mask.textMaskInputElement.update();
-                }
                 this.settings.manualInputValue = event.target.value;
-                this._input.value = this.settings.manualInputValue;
                 this.settings.isManuallyOverriddenValue = true;
                 this.settings.currentValue = event.target.value;
-                this.emit('update');
+            }
+            if (event.target.value === '' && this.calendar.selectedDates.length > 0) {
+                this.settings.wasDefaultValueChanged = true;
+                this.settings.defaultValue = event.target.value;
+                this.calendar.clear();
+            }
+            else {
+                this.settings.wasDefaultValueChanged = false;
             }
         });
-        if (this.calendar.daysContainer) {
-            this.calendar.daysContainer.addEventListener('click', () => {
-                this.settings.isManuallyOverriddenValue = false;
-                this.calendar.updateValue(false);
-            });
-        }
-        if (this.calendar.timeContainer) {
-            this.calendar.timeContainer.addEventListener('click', () => {
-                this.settings.isManuallyOverriddenValue = false;
-                this.calendar.updateValue(false);
-            });
-        }
         const excludedFromMaskFormats = ['MMMM'];
         if (!this.settings.readOnly && !lodash_1.default.some(excludedFromMaskFormats, format => lodash_1.default.includes(this.settings.format, format))) {
             // Enforce the input mask of the format.
@@ -393,10 +397,6 @@ class CalendarWidget extends InputWidget_1.default {
         // Make sure we commit the value after a blur event occurs.
         this.addEventListener(this.calendar._input, 'blur', (event) => {
             var _a, _b, _c, _d;
-            // If we have manually overridden the value then we shouldn't call setDate because this will fill the input mask
-            if (this.settings.isManuallyOverriddenValue) {
-                return;
-            }
             const activeElement = this.settings.shadowRoot ? this.settings.shadowRoot.activeElement : document.activeElement;
             const relatedTarget = event.relatedTarget ? event.relatedTarget : activeElement;
             if (!(isIEBrowser && !relatedTarget) && !this.isCalendarElement(relatedTarget)) {

package/lib/mjs/CDN.d.ts

@@ -13,8 +13,8 @@ declare class CDN {
         bootswatch: string;
         'bootstrap-icons': string;
         ckeditor: string;
-        dragula: string;
         flatpickr: string;
+        'flatpickr-formio': string;
         'font-awesome': string;
         grid: string;
         'moment-timezone': string;

package/lib/mjs/CDN.js

@@ -16,8 +16,8 @@ class CDN {
             'bootswatch': '5.3.3',
             'bootstrap-icons': '1.11.1',
             'ckeditor': '19.0.0',
-            'dragula': '3.7.3',
-            'flatpickr': '4.6.13',
+            'flatpickr': '4.6.8',
+            'flatpickr-formio': '4.6.13-formio.3',
             'font-awesome': '4.7.0',
             'grid': 'latest',
             'moment-timezone': 'latest',

package/lib/mjs/Embed.js

@@ -14,7 +14,7 @@ export class Formio {
         Formio._formioReady = ready;
         Formio._formioReadyReject = reject;
     });
-    static version = '5.1.0-dev.2';
+    static version = '5.1.0-rc.26';
     static setLicense(license, norecurse = false) {
         Formio.license = license;
         if (!norecurse && Formio.FormioClass) {