cx 24.4.8 → 24.5.0

package/dist/widgets.css

@@ -22,7 +22,7 @@
   font-size: 13px;
   font-weight: normal;
   line-height: 16px;
-  padding: 5px 10px;
+  padding: 5px 10px 5px 10px;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -54,7 +54,7 @@
 }
 .cxb-button.cxm-primary {
   background-color: #1f99f8;
-  border-color: #1E88E5;
+  border-color: #1e88e5;
   color: white;
 }
 .cxb-button.cxm-primary[disabled], .cxb-button.cxm-primary.cxs-disabled {
@@ -2701,7 +2701,7 @@ th.cxe-calendar-display {
   font-size: 13px;
   font-weight: normal;
   line-height: 16px;
-  padding: 5px 10px;
+  padding: 5px 10px 5px 10px;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -2733,7 +2733,7 @@ th.cxe-calendar-display {
 }
 .cxb-uploadbutton.cxm-primary {
   background-color: #1f99f8;
-  border-color: #1E88E5;
+  border-color: #1e88e5;
   color: white;
 }
 .cxb-uploadbutton.cxm-primary[disabled], .cxb-uploadbutton.cxm-primary.cxs-disabled {
@@ -3465,7 +3465,7 @@ th.cxe-calendar-display {
   text-align: center;
   background-color: transparent;
   border-radius: 0;
-  padding: 5px 10px;
+  padding: 5px 10px 5px 10px;
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
@@ -4018,8 +4018,11 @@ th.cxe-calendar-display {
   flex: auto;
   background: white;
 }
+.cxe-window-body.cxs-pad {
+  padding: 10px 15px;
+}
 .cxm-alert .cxe-window-body {
-  padding: 40px;
+  padding: 2.5rem;
   text-align: center;
 }
 

package/dist/widgets.js

@@ -4446,6 +4446,7 @@ Window.prototype.resizable = false;
 Window.prototype.fixed = false;
 Window.prototype.autoFocus = true;
 Window.prototype.focusable = true;
+Window.prototype.pad = false;
 Widget.alias("window", Window);
 Localization.registerPrototype("cx/widgets/Window", Window);
 var WindowComponent = /*#__PURE__*/ (function (_OverlayComponent) {
@@ -4502,7 +4503,12 @@ var WindowComponent = /*#__PURE__*/ (function (_OverlayComponent) {
 				ref: function ref(c) {
 					_this.bodyEl = c;
 				},
-				className: CSS.expand(CSS.element(widget.baseClass, "body"), data.bodyClass),
+				className: CSS.expand(
+					CSS.element(widget.baseClass, "body", {
+						pad: widget.pad,
+					}),
+					data.bodyClass,
+				),
 				style: data.bodyStyle,
 				children: this.props.children,
 			},
@@ -5100,6 +5106,7 @@ var LinkButton = /*#__PURE__*/ (function (_Button) {
 				{
 					href: undefined,
 					url: undefined,
+					target: undefined,
 					active: undefined,
 					activeClass: undefined,
 					activeStyle: undefined,
@@ -16115,9 +16122,13 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 		var value = column.sortValue || column.value;
 		var comparer = column.comparer;
 		var sortOptions = column.sortOptions;
-		if (header && header.allowSorting && column.sortable && (field || value)) {
+		if (header && header.allowSorting && column.sortable && (field || value || data.sortField)) {
 			var direction = "ASC";
-			if (data.sorters && (data.sorters[0].field == (field || data.sortField) || data.sorters[0].value == value)) {
+			if (
+				isNonEmptyArray(data.sorters) &&
+				((!!data.sorters[0].field && data.sorters[0].field == (field || data.sortField)) ||
+					(!!value && data.sorters[0].value == value))
+			) {
 				if (data.sorters[0].direction == "ASC") direction = "DESC";
 				else if (this.clearableSort && data.sorters[0].direction == "DESC") direction = null;
 			}

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