cx 24.9.1 → 24.9.3

package/dist/widgets.css

@@ -5227,7 +5227,7 @@ th.cxe-calendar-display {
   background: rgba(128, 128, 128, 0.5);
 }
 
-.cxb-highlighedsearchtext {
+.cxb-highlightedsearchtext {
   font-weight: bold;
 }
 

package/dist/widgets.js

@@ -2515,10 +2515,10 @@ var HighlightedSearchText = /*#__PURE__*/ (function (_Widget) {
 			classNames = data.classNames,
 			style = data.style;
 		if (!chunks && text && query) {
-			var highligher = getSearchQueryHighlighter(query, {
+			var highlighter = getSearchQueryHighlighter(query, {
 				cache: true,
 			});
-			chunks = highligher(text);
+			chunks = highlighter(text);
 		}
 		if (!chunks) return text;
 		return chunks.map(function (text, i) {
@@ -2537,7 +2537,7 @@ var HighlightedSearchText = /*#__PURE__*/ (function (_Widget) {
 	return HighlightedSearchText;
 })(Widget);
 HighlightedSearchText.prototype.styled = true;
-HighlightedSearchText.prototype.baseClass = "highlighedsearchtext";
+HighlightedSearchText.prototype.baseClass = "highlightedsearchtext";
 
 var dropZones = new SubscriberList(),
 	dragStartedZones,
@@ -7141,7 +7141,8 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 		autoFocus(this.input, this);
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
-		if (this.input == getActiveElement()) this.onChange(this.input.value, "blur");
+		if (this.input == getActiveElement() && this.input.value != this.props.data.value)
+			this.onChange(this.input.value, "blur");
 		tooltipParentWillUnmount$1(this.props.instance);
 	};
 	_proto2.onKeyDown = function onKeyDown(e) {
@@ -10150,7 +10151,7 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 		autoFocus(this.input, this);
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
-		if (this.input == getActiveElement()) {
+		if (this.input == getActiveElement() && this.input.value != this.props.data.formatted) {
 			this.onChange(
 				{
 					target: {
@@ -12420,7 +12421,7 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		autoFocus(this.input, this);
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
-		if (this.input == getActiveElement()) {
+		if (this.input == getActiveElement() && this.input.value != this.props.data.formatted) {
 			this.onChange(this.input.value, "blur");
 		}
 		tooltipParentWillUnmount$1(this.props.instance);
@@ -12805,7 +12806,7 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		if (this.props.instance.widget.autoFocus && !isTouchDevice()) this.input.focus();
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
-		if (this.input == getActiveElement()) {
+		if (this.input == getActiveElement() && this.input.value != this.props.data.value) {
 			this.onChange(this.input.value, "blur");
 		}
 		tooltipParentWillUnmount$1(this.props.instance);
@@ -14952,7 +14953,7 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		autoFocus(this.input, this);
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
-		if (this.input == getActiveElement()) {
+		if (this.input == getActiveElement() && this.input.value != this.props.data.formatted) {
 			this.onChange(this.input.value, "blur");
 		}
 		tooltipParentWillUnmount$1(this.props.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"
 });