cx 24.8.0 → 24.8.2

package/dist/ui.js

@@ -2428,12 +2428,15 @@ var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
 					instance.destroy();
 					break;
 				}
+				if (this.props.flags.dirty && ++count <= 3 && Widget.optimizePrepare && now() - this.timings.start < 8)
+					continue;
+				if (visible) {
+					this.timings.afterExplore = now();
+					for (var i = 0; i < context.prepareList.length; i++) context.prepareList[i].prepare(context);
+					this.timings.afterPrepare = now();
+				}
 			} while (this.props.flags.dirty && ++count <= 3 && Widget.optimizePrepare && now() - this.timings.start < 8);
 			if (visible) {
-				this.timings.afterExplore = now();
-				for (var i = 0; i < context.prepareList.length; i++) context.prepareList[i].prepare(context);
-				this.timings.afterPrepare = now();
-
 				//walk in reverse order so children get rendered first
 				var renderList = context.getRootRenderList();
 				while (renderList) {
@@ -3353,8 +3356,10 @@ var PropertySelection = /*#__PURE__*/ (function (_Selection) {
 			toggle = _ref.toggle,
 			add = _ref.add;
 		if (this.toggle) toggle = true;
-		if (!this.records || !this.records.bind) return false;
-		var array = store.get(this.records.bind);
+		if (!this.records) return false;
+		var path = isAccessorChain(this.records) ? this.records.toString() : this.records.bind;
+		if (!path) return false;
+		var array = store.get(path);
 		var newArray = [].concat(array);
 		var dirty = false;
 		if (!toggle && !add) {
@@ -3379,7 +3384,7 @@ var PropertySelection = /*#__PURE__*/ (function (_Selection) {
 			newArray[index] = newRec;
 			dirty = true;
 		});
-		if (dirty) store.set(this.records.bind, newArray);
+		if (dirty) store.set(path, newArray);
 	};
 	_proto.isSelected = function isSelected(store, record, index) {
 		return record && record[this.selectedField];

package/dist/util.js

@@ -1488,6 +1488,7 @@ export {
 	appLoopFlag,
 	browserSupportsPassiveEventHandlers,
 	calculateNaturalElementHeight,
+	capitalize,
 	cleanupFlag,
 	closest,
 	closestParent,

package/dist/widgets.js

@@ -201,6 +201,9 @@ function tooltipParentWillReceiveProps$1(element, parentInstance, tooltip, optio
 function tooltipParentWillUnmount$1(parentInstance) {
 	return impl$1 && impl$1.tooltipParentWillUnmount.apply(impl$1, arguments);
 }
+function tooltipParentDidUpdate$1(element, parentInstance, tooltip) {
+	return impl$1 && impl$1.tooltipParentDidUpdate.apply(impl$1, arguments);
+}
 function wireTooltipOps(ops) {
 	impl$1 = ops;
 }
@@ -441,6 +444,7 @@ var ContainerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		autoFocus(this.el, this);
 	};
 	_proto2.componentDidUpdate = function componentDidUpdate() {
+		tooltipParentDidUpdate$1(this.el, this.props.instance, this.props.instance.widget.tooltip);
 		autoFocus(this.el, this);
 	};
 	return ContainerComponent;
@@ -4320,6 +4324,11 @@ function tooltipParentWillUnmount(parentInstance) {
 		}
 	}
 }
+function tooltipParentDidUpdate(element, parentInstance, tooltip) {
+	var instance = getTooltipInstance(element, parentInstance, tooltip);
+	if (instance && instance.tooltipComponent)
+		instance.widget.updateDropdownPosition(instance, instance.tooltipComponent);
+}
 function enableTooltips() {
 	wireTooltipOps({
 		tooltipMouseMove: tooltipMouseMove,
@@ -4327,6 +4336,7 @@ function enableTooltips() {
 		tooltipParentDidMount: tooltipParentDidMount,
 		tooltipParentWillReceiveProps: tooltipParentWillReceiveProps,
 		tooltipParentWillUnmount: tooltipParentWillUnmount,
+		tooltipParentDidUpdate: tooltipParentDidUpdate,
 	});
 }
 
@@ -19598,6 +19608,7 @@ export {
 	tooltipMouseLeave$1 as tooltipMouseLeave,
 	tooltipMouseMove$1 as tooltipMouseMove,
 	tooltipParentDidMount$1 as tooltipParentDidMount,
+	tooltipParentDidUpdate$1 as tooltipParentDidUpdate,
 	tooltipParentWillReceiveProps$1 as tooltipParentWillReceiveProps,
 	tooltipParentWillUnmount$1 as tooltipParentWillUnmount,
 	urlAttributes,

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"
 });