cx 24.5.1 → 24.6.1

package/dist/svg.js

@@ -137,11 +137,7 @@ function _arrayLikeToArray(arr, len) {
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
 	var it = (typeof Symbol !== "undefined" && o[Symbol.iterator]) || o["@@iterator"];
 	if (it) return (it = it.call(o)).next.bind(it);
-	if (
-		Array.isArray(o) ||
-		(it = _unsupportedIterableToArray(o)) ||
-		(allowArrayLike && o && typeof o.length === "number")
-	) {
+	if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike) {
 		if (it) o = it;
 		var i = 0;
 		return function () {

package/dist/ui.js

@@ -75,11 +75,11 @@ function _toPrimitive(t, r) {
 	if ("object" != typeof t || !t) return t;
 	var e = t[Symbol.toPrimitive];
 	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
+		var i = e.call(t, r);
 		if ("object" != typeof i) return i;
 		throw new TypeError("@@toPrimitive must return a primitive value.");
 	}
-	return ("string" === r ? String : Number)(t);
+	return String(t);
 }
 function _toPropertyKey(t) {
 	var i = _toPrimitive(t, "string");
@@ -95,7 +95,6 @@ function _defineProperties(target, props) {
 	}
 }
 function _createClass(Constructor, protoProps, staticProps) {
-	if (protoProps) _defineProperties(Constructor.prototype, protoProps);
 	if (staticProps) _defineProperties(Constructor, staticProps);
 	Object.defineProperty(Constructor, "prototype", {
 		writable: false,
@@ -4292,8 +4291,7 @@ var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 					},
 					g.text,
 				);
-				g.comparer = null;
-				if (groupSorters.length > 0)
+				if (g.comparer == null && groupSorters.length > 0)
 					g.comparer = getComparer(
 						groupSorters,
 						function (x) {

package/dist/util.js

@@ -120,6 +120,11 @@ function isArray(a) {
 	return Array.isArray(a);
 }
 
+function capitalize(str) {
+	if (typeof str != "string") return str;
+	return str.charAt(0).toUpperCase() + str.substring(1);
+}
+
 //Culture dependent formatters are defined in the ui package.
 
 var defaultFormatter = function defaultFormatter(v) {
@@ -250,6 +255,20 @@ var formatFactory = {
 			return s.padStart(length, "0");
 		};
 	},
+	capitalize: function capitalize$1() {
+		return function (value) {
+			var s = String(value);
+			return capitalize(s);
+		};
+	},
+	titleCase: function titleCase() {
+		return function (value) {
+			var s = String(value);
+			return s.replace(/\w\S*/g, function (word) {
+				return capitalize(word.toLowerCase());
+			});
+		};
+	},
 };
 formatFactory.s = formatFactory.str = formatFactory.string;
 formatFactory.f = formatFactory.fixed;
@@ -260,6 +279,8 @@ formatFactory.d = formatFactory.date;
 formatFactory.t = formatFactory.time;
 formatFactory.dt = formatFactory.datetime;
 formatFactory.zeropad = formatFactory.zeroPad;
+formatFactory.capitalize = formatFactory.capitalize;
+formatFactory.titlecase = formatFactory.titleCase;
 function buildFormatter(format) {
 	var formatter = defaultFormatter,
 		nullText = "";

package/dist/widgets.js

@@ -173,12 +173,11 @@ function _setPrototypeOf(o, p) {
 function _objectWithoutPropertiesLoose(source, excluded) {
 	if (source == null) return {};
 	var target = {};
-	var sourceKeys = Object.keys(source);
-	var key, i;
-	for (i = 0; i < sourceKeys.length; i++) {
-		key = sourceKeys[i];
-		if (excluded.indexOf(key) >= 0) continue;
-		target[key] = source[key];
+	for (var key in source) {
+		if (Object.prototype.hasOwnProperty.call(source, key)) {
+			if (excluded.indexOf(key) >= 0) continue;
+			target[key] = source[key];
+		}
 	}
 	return target;
 }
@@ -3639,8 +3638,8 @@ var Dropdown = /*#__PURE__*/ (function (_Overlay) {
 		}
 		if (!initialScreenPosition) initialScreenPosition = component.initialScreenPosition = parentBounds;
 		if (
-			Math.abs(parentBounds.top - initialScreenPosition.top) > this.closeOnScrollDistance ||
-			Math.abs(parentBounds.left - initialScreenPosition.left) > this.closeOnScrollDistance
+			(!this.trackMouseY && Math.abs(parentBounds.top - initialScreenPosition.top) > this.closeOnScrollDistance) ||
+			(!this.trackMouseX && Math.abs(parentBounds.left - initialScreenPosition.left) > this.closeOnScrollDistance)
 		)
 			this.dismissAfterScroll(
 				{
@@ -6593,6 +6592,7 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 		data._readOnly = data.readOnly;
 		data._viewMode = data.mode === "view" || data.viewMode;
 		data._tabOnEnterKey = data.tabOnEnterKey;
+		data.validationValue = this.getValidationValue(data);
 		instance.parentDisabled = context.parentDisabled;
 		instance.parentReadOnly = context.parentReadOnly;
 		instance.parentViewMode = context.parentViewMode;
@@ -6688,6 +6688,9 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 		var data = instance.data;
 		if (this.isEmpty(data)) return this.requiredText;
 	};
+	_proto.getValidationValue = function getValidationValue(data) {
+		return data.value;
+	};
 	_proto.validate = function validate(context, instance) {
 		var _this = this;
 		var data = instance.data,
@@ -6699,7 +6702,7 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 			else if (state.validating && !empty) data.error = this.validatingText;
 			else if (
 				state.validationError &&
-				data.value === state.lastValidatedValue &&
+				data.validationValue === state.lastValidatedValue &&
 				shallowEquals(data.validationParams, state.lastValidationParams)
 			)
 				data.error = state.validationError;
@@ -6711,15 +6714,15 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 			!data.error &&
 			this.onValidate &&
 			(!state.previouslyValidated ||
-				data.value != state.lastValidatedValue ||
+				data.validationValue != state.lastValidatedValue ||
 				data.validationParams != state.lastValidationParams)
 		) {
-			var result = instance.invoke("onValidate", data.value, instance, data.validationParams);
+			var result = instance.invoke("onValidate", data.validationValue, instance, data.validationParams);
 			if (isPromise(result)) {
 				data.error = this.validatingText;
 				instance.setState({
 					validating: true,
-					lastValidatedValue: data.value,
+					lastValidatedValue: data.validationValue,
 					previouslyValidated: true,
 					lastValidationParams: data.validationParams,
 				});
@@ -6728,7 +6731,8 @@ var Field = /*#__PURE__*/ (function (_PureContainer) {
 						var data = instance.data,
 							state = instance.state;
 						var error =
-							data.value == state.lastValidatedValue && shallowEquals(data.validationParams, state.lastValidationParams)
+							data.validationValue == state.lastValidatedValue &&
+							shallowEquals(data.validationParams, state.lastValidationParams)
 								? r
 								: _this.validatingText; //parameters changed, this will be revalidated
 
@@ -8685,6 +8689,11 @@ var LookupField = /*#__PURE__*/ (function (_Field) {
 		if (this.multiple) return !isNonEmptyArray(data.values) && !isNonEmptyArray(data.records);
 		return _Field.prototype.isEmpty.call(this, data);
 	};
+	_proto.getValidationValue = function getValidationValue(data) {
+		var _data$records;
+		if (this.multiple) return (_data$records = data.records) != null ? _data$records : data.values;
+		return _Field.prototype.getValidationValue.call(this, data);
+	};
 	_proto.formatValue = function formatValue(context, instance) {
 		var _this3 = this;
 		if (!this.multiple) return _Field.prototype.formatValue.call(this, context, instance);

package/index.js

@@ -1,17 +1,17 @@
-import * as util from './util';
-import * as data from './data';
-import * as ui from './ui';
-import * as widgets from './widgets';
-import * as svg from './svg';
-import * as charts from './charts';
-import * as hooks from './hooks';
-
-export {
-   util,
-   data,
-   ui,
-   widgets,
-   svg,
-   charts,
-   hooks
-};
+import * as util from './util';
+import * as data from './data';
+import * as ui from './ui';
+import * as widgets from './widgets';
+import * as svg from './svg';
+import * as charts from './charts';
+import * as hooks from './hooks';
+
+export {
+   util,
+   data,
+   ui,
+   widgets,
+   svg,
+   charts,
+   hooks
+};

package/locale/de-de.js

@@ -1,75 +1,75 @@
-import { Localization } from 'cx/ui';
-
-var c = 'de-de';
-
-// Field
-Localization.localize(c, 'cx/widgets/Field', {
-   requiredText: 'Dieses Feld wird benötigt.',
-   validatingText: 'Wird validiert...',
-   validationExceptionText: 'Bei der Eingabevalidierung ist ein Fehler aufgetreten. Überprüfen Sie das Log für weitere Details.'
-});
-
-// LookupField
-Localization.localize(c, 'cx/widgets/LookupField', {
-   loadingText: 'Wird geladen...',
-   queryErrorText: 'Bei der Abfrage der gesuchten Daten ist ein Felhler aufgetreten.',
-   noResultsText: 'Keine Ergebnisse gefunden.',
-   minQueryLengthMessageText: 'Geben Sie mindestens {0} Zeichen ein.'
-});
-
-// In common for Calendar and MonthPicker
-const calendarErrorMessages = {
-   maxValueErrorText: 'Wählen Sie {0:d} oder vorher.',
-   maxExclusiveErrorText: 'Wählen Sie ein Datum vor dem {0:d}.',
-   minValueErrorText: 'Wählen Sie {0:d} oder später.',
-   minExclusiveErrorText: 'Wählen Sie ein Datum nach dem {0:d}.',
-};
-
-// Calendar
-Localization.localize(c, 'cx/widgets/Calendar', {
-   ...calendarErrorMessages,
-   todayButtonText: 'Heute',
-   startWithMonday: true
-});
-
-// MonthPicker
-Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
-
-// In common for DateField and MonthField
-const dateFieldErrorMessages = {
-   ...calendarErrorMessages,
-   inputErrorText: 'Ungültiges Datum eingegeben.'
-};
-
-// MonthField
-Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
-
-// DateField
-Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
-
-// NumberField
-Localization.localize(c, 'cx/widgets/NumberField', {
-   maxValueErrorText: 'Geben Sie {0} oder weniger ein.',
-   maxExclusiveErrorText: 'Geben Sie eine Zahl kleiner als {0} ein.',
-   minValueErrorText: 'Geben Sie {0} oder mehr ein.',
-   minExclusiveErrorText: 'Geben Sie eine Zahl größer als {0} ein.',
-   inputErrorText: 'Ungültige Zahl eingegeben.'
-});
-
-// TextField
-Localization.localize(c, 'cx/widgets/TextField', {
-   validationErrorText: 'Ungültige Eingabe.',
-   minLengthValidationErrorText: 'Bitte tragen Sie noch {[{0}-{1}]} Zeichen ein.',
-   maxLengthValidationErrorText: 'Benutzen Sie {0} oder weniger Zeichen.'
-});
-
-// UploadButton
-Localization.localize(c, 'cx/widgets/UploadButton', {
-   validationErrorText: 'Wird hochgeladen...'
-});
-
-// MsgBox
-Localization.localize(c, 'cx/widgets/MsgBox', {
-   yesText: "Ja",
-   noText: "Nein"
+import { Localization } from 'cx/ui';
+
+var c = 'de-de';
+
+// Field
+Localization.localize(c, 'cx/widgets/Field', {
+   requiredText: 'Dieses Feld wird benötigt.',
+   validatingText: 'Wird validiert...',
+   validationExceptionText: 'Bei der Eingabevalidierung ist ein Fehler aufgetreten. Überprüfen Sie das Log für weitere Details.'
+});
+
+// LookupField
+Localization.localize(c, 'cx/widgets/LookupField', {
+   loadingText: 'Wird geladen...',
+   queryErrorText: 'Bei der Abfrage der gesuchten Daten ist ein Felhler aufgetreten.',
+   noResultsText: 'Keine Ergebnisse gefunden.',
+   minQueryLengthMessageText: 'Geben Sie mindestens {0} Zeichen ein.'
+});
+
+// In common for Calendar and MonthPicker
+const calendarErrorMessages = {
+   maxValueErrorText: 'Wählen Sie {0:d} oder vorher.',
+   maxExclusiveErrorText: 'Wählen Sie ein Datum vor dem {0:d}.',
+   minValueErrorText: 'Wählen Sie {0:d} oder später.',
+   minExclusiveErrorText: 'Wählen Sie ein Datum nach dem {0:d}.',
+};
+
+// Calendar
+Localization.localize(c, 'cx/widgets/Calendar', {
+   ...calendarErrorMessages,
+   todayButtonText: 'Heute',
+   startWithMonday: true
+});
+
+// MonthPicker
+Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
+
+// In common for DateField and MonthField
+const dateFieldErrorMessages = {
+   ...calendarErrorMessages,
+   inputErrorText: 'Ungültiges Datum eingegeben.'
+};
+
+// MonthField
+Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
+// DateField
+Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
+
+// NumberField
+Localization.localize(c, 'cx/widgets/NumberField', {
+   maxValueErrorText: 'Geben Sie {0} oder weniger ein.',
+   maxExclusiveErrorText: 'Geben Sie eine Zahl kleiner als {0} ein.',
+   minValueErrorText: 'Geben Sie {0} oder mehr ein.',
+   minExclusiveErrorText: 'Geben Sie eine Zahl größer als {0} ein.',
+   inputErrorText: 'Ungültige Zahl eingegeben.'
+});
+
+// TextField
+Localization.localize(c, 'cx/widgets/TextField', {
+   validationErrorText: 'Ungültige Eingabe.',
+   minLengthValidationErrorText: 'Bitte tragen Sie noch {[{0}-{1}]} Zeichen ein.',
+   maxLengthValidationErrorText: 'Benutzen Sie {0} oder weniger Zeichen.'
+});
+
+// UploadButton
+Localization.localize(c, 'cx/widgets/UploadButton', {
+   validationErrorText: 'Wird hochgeladen...'
+});
+
+// MsgBox
+Localization.localize(c, 'cx/widgets/MsgBox', {
+   yesText: "Ja",
+   noText: "Nein"
 });

package/locale/en-us.js

@@ -1,75 +1,75 @@
-import { Localization } from 'cx/ui';
-
-var c = 'en-us';
-
-// Field
-Localization.localize(c, 'cx/widgets/Field', {
-   requiredText: 'This field is required.',
-   validatingText: 'Validation is in progress...',
-   validationExceptionText: 'Something went wrong during input validation. Check log for more details.'
-});
-
-// LookupField
-Localization.localize(c, 'cx/widgets/LookupField', {
-   loadingText: 'Loading...',
-   queryErrorText: 'Error occurred while querying for lookup data.',
-   noResultsText: 'No results found.',
-   minQueryLengthMessageText: 'Type in at least {0} character(s).'
-});
-
-// In common for Calendar and MonthPicker
-const calendarErrorMessages = {
-   maxValueErrorText: 'Select {0:d} or before.',
-   maxExclusiveErrorText: 'Select a date before {0:d}.',
-   minValueErrorText: 'Select {0:d} or later.',
-   minExclusiveErrorText: 'Select a date after {0:d}.',
-};
-
-// Calendar
-Localization.localize(c, 'cx/widgets/Calendar', {
-   ...calendarErrorMessages,
-   todayButtonText: 'Today',
-   startWithMonday: false
-});
-
-// MonthPicker
-Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
-
-// In common for DateField and MonthField
-const dateFieldErrorMessages = {
-   ...calendarErrorMessages,
-   inputErrorText: 'Invalid date entered.'
-};
-
-// MonthField
-Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
-
-// DateField
-Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
-
-// NumberField
-Localization.localize(c, 'cx/widgets/NumberField', {
-   maxValueErrorText: 'Enter {0} or less.',
-   maxExclusiveErrorText: 'Enter a number less than {0}.',
-   minValueErrorText: 'Enter {0} or more.',
-   minExclusiveErrorText: 'Enter a number greater than {0}.',
-   inputErrorText: 'Invalid number entered.'
-});
-
-// TextField
-Localization.localize(c, 'cx/widgets/TextField', {
-   validationErrorText: 'The entered value is not valid.',
-   minLengthValidationErrorText: 'Enter {[{0}-{1}]} more character(s).',
-   maxLengthValidationErrorText: 'Use {0} characters or fewer.'
-});
-
-// UploadButton
-Localization.localize(c, 'cx/widgets/UploadButton', {
-   validationErrorText: 'Upload is in progress.'
-});
-
-// MsgBox
-Localization.localize(c, 'cx/widgets/MsgBox', {
-   yesText: "Yes",
-   noText: "No"
+import { Localization } from 'cx/ui';
+
+var c = 'en-us';
+
+// Field
+Localization.localize(c, 'cx/widgets/Field', {
+   requiredText: 'This field is required.',
+   validatingText: 'Validation is in progress...',
+   validationExceptionText: 'Something went wrong during input validation. Check log for more details.'
+});
+
+// LookupField
+Localization.localize(c, 'cx/widgets/LookupField', {
+   loadingText: 'Loading...',
+   queryErrorText: 'Error occurred while querying for lookup data.',
+   noResultsText: 'No results found.',
+   minQueryLengthMessageText: 'Type in at least {0} character(s).'
+});
+
+// In common for Calendar and MonthPicker
+const calendarErrorMessages = {
+   maxValueErrorText: 'Select {0:d} or before.',
+   maxExclusiveErrorText: 'Select a date before {0:d}.',
+   minValueErrorText: 'Select {0:d} or later.',
+   minExclusiveErrorText: 'Select a date after {0:d}.',
+};
+
+// Calendar
+Localization.localize(c, 'cx/widgets/Calendar', {
+   ...calendarErrorMessages,
+   todayButtonText: 'Today',
+   startWithMonday: false
+});
+
+// MonthPicker
+Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
+
+// In common for DateField and MonthField
+const dateFieldErrorMessages = {
+   ...calendarErrorMessages,
+   inputErrorText: 'Invalid date entered.'
+};
+
+// MonthField
+Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
+// DateField
+Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
+
+// NumberField
+Localization.localize(c, 'cx/widgets/NumberField', {
+   maxValueErrorText: 'Enter {0} or less.',
+   maxExclusiveErrorText: 'Enter a number less than {0}.',
+   minValueErrorText: 'Enter {0} or more.',
+   minExclusiveErrorText: 'Enter a number greater than {0}.',
+   inputErrorText: 'Invalid number entered.'
+});
+
+// TextField
+Localization.localize(c, 'cx/widgets/TextField', {
+   validationErrorText: 'The entered value is not valid.',
+   minLengthValidationErrorText: 'Enter {[{0}-{1}]} more character(s).',
+   maxLengthValidationErrorText: 'Use {0} characters or fewer.'
+});
+
+// UploadButton
+Localization.localize(c, 'cx/widgets/UploadButton', {
+   validationErrorText: 'Upload is in progress.'
+});
+
+// MsgBox
+Localization.localize(c, 'cx/widgets/MsgBox', {
+   yesText: "Yes",
+   noText: "No"
 });

package/locale/es-es.js

@@ -1,75 +1,75 @@
-import { Localization } from 'cx/ui';
-
-var c = 'es-es';
-
-// Field
-Localization.localize(c, 'cx/widgets/Field', {
-   requiredText: 'Este campo es requerido.',
-   validatingText: 'La validación está en progreso...',
-   validationExceptionText: 'Algo salió mal durante la validación de entrada. Revise el registro para más detalles.'
-});
-
-// LookupField
-Localization.localize(c, 'cx/widgets/LookupField', {
-   loadingText: 'Cargando...',
-   queryErrorText: 'Se produjo un error al consultar los datos de búsqueda.',
-   noResultsText: 'No se han encontrado resultados.',
-   minQueryLengthMessageText: 'Escriba al menos {0} caracteres.'
-});
-
-// In common for Calendar and MonthPicker
-const calendarErrorMessages = {
-   maxValueErrorText: 'Seleccione {0: d} o antes.',
-   maxExclusiveErrorText: 'Seleccione una fecha antes {0:d}.',
-   minValueErrorText: 'Seleccione {0: d} o posterior',
-   minExclusiveErrorText: 'Seleccione una fecha después de {0: d}.',
-};
-
-// Calendar
-Localization.localize(c, 'cx/widgets/Calendar', {
-   ...calendarErrorMessages,
-   todayButtonText: 'Hoy',
-   startWithMonday: true
-});
-
-// MonthPicker
-Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
-
-// In common for DateField and MonthField
-const dateFieldErrorMessages = {
-   ...calendarErrorMessages,
-   inputErrorText: 'Fecha introducida no es válida.'
-};
-
-// MonthField
-Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
-
-// DateField
-Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
-
-// NumberField
-Localization.localize(c, 'cx/widgets/NumberField', {
-   maxValueErrorText: 'Ingrese {0} o menos.',
-   maxExclusiveErrorText: 'Ingrese un número menor que {0}.',
-   minValueErrorText: 'Ingrese {0} o más.',
-   minExclusiveErrorText: 'Ingrese un número mayor que {0}.',
-   inputErrorText: 'Número inválido ingresado.'
-});
-
-// TextField
-Localization.localize(c, 'cx/widgets/TextField', {
-   validationErrorText: 'El valor ingresado no es válido.',
-   minLengthValidationErrorText: 'Ingrese {[{0} - {1}]} más caracteres.',
-   maxLengthValidationErrorText: 'Use {0} caracteres o menos.'
-});
-
-// UploadButton
-Localization.localize(c, 'cx/widgets/UploadButton', {
-   validationErrorText: 'La carga está en progreso.'
-});
-
-// MsgBox
-Localization.localize(c, 'cx/widgets/MsgBox', {
-   yesText: "Sí",
-   noText: "No"
+import { Localization } from 'cx/ui';
+
+var c = 'es-es';
+
+// Field
+Localization.localize(c, 'cx/widgets/Field', {
+   requiredText: 'Este campo es requerido.',
+   validatingText: 'La validación está en progreso...',
+   validationExceptionText: 'Algo salió mal durante la validación de entrada. Revise el registro para más detalles.'
+});
+
+// LookupField
+Localization.localize(c, 'cx/widgets/LookupField', {
+   loadingText: 'Cargando...',
+   queryErrorText: 'Se produjo un error al consultar los datos de búsqueda.',
+   noResultsText: 'No se han encontrado resultados.',
+   minQueryLengthMessageText: 'Escriba al menos {0} caracteres.'
+});
+
+// In common for Calendar and MonthPicker
+const calendarErrorMessages = {
+   maxValueErrorText: 'Seleccione {0: d} o antes.',
+   maxExclusiveErrorText: 'Seleccione una fecha antes {0:d}.',
+   minValueErrorText: 'Seleccione {0: d} o posterior',
+   minExclusiveErrorText: 'Seleccione una fecha después de {0: d}.',
+};
+
+// Calendar
+Localization.localize(c, 'cx/widgets/Calendar', {
+   ...calendarErrorMessages,
+   todayButtonText: 'Hoy',
+   startWithMonday: true
+});
+
+// MonthPicker
+Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
+
+// In common for DateField and MonthField
+const dateFieldErrorMessages = {
+   ...calendarErrorMessages,
+   inputErrorText: 'Fecha introducida no es válida.'
+};
+
+// MonthField
+Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
+// DateField
+Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
+
+// NumberField
+Localization.localize(c, 'cx/widgets/NumberField', {
+   maxValueErrorText: 'Ingrese {0} o menos.',
+   maxExclusiveErrorText: 'Ingrese un número menor que {0}.',
+   minValueErrorText: 'Ingrese {0} o más.',
+   minExclusiveErrorText: 'Ingrese un número mayor que {0}.',
+   inputErrorText: 'Número inválido ingresado.'
+});
+
+// TextField
+Localization.localize(c, 'cx/widgets/TextField', {
+   validationErrorText: 'El valor ingresado no es válido.',
+   minLengthValidationErrorText: 'Ingrese {[{0} - {1}]} más caracteres.',
+   maxLengthValidationErrorText: 'Use {0} caracteres o menos.'
+});
+
+// UploadButton
+Localization.localize(c, 'cx/widgets/UploadButton', {
+   validationErrorText: 'La carga está en progreso.'
+});
+
+// MsgBox
+Localization.localize(c, 'cx/widgets/MsgBox', {
+   yesText: "Sí",
+   noText: "No"
 });