cx 26.3.10 → 26.4.0

package/src/jsx-runtime.ts

@@ -1,88 +1,88 @@
-import type { ComponentClass, FunctionComponent, JSX as ReactJSX } from "react";
-import type { CxFunctionalComponent } from "./ui/createFunctionalComponent";
-import type { PureContainerConfig } from "./ui/PureContainer";
-import { Widget } from "./ui/Widget";
-import { isArray } from "./util/isArray";
-import { isString } from "./util/isString";
-import { HtmlElement, HtmlElementConfig } from "./widgets/HtmlElement";
-import { ReactElementWrapper, ReactElementWrapperConfig } from "./widgets/ReactElementWrapper";
-
-// Fragment symbol for supporting <>...</> syntax
-export const Fragment = Symbol.for("cx.fragment");
-
-export function jsx(typeName: any, props: any, key?: string): any {
-   if (isArray(typeName)) return typeName;
-
-   if (key) {
-      // key is allowed in CxJS, i.e. Sandbox use it
-      props = {
-         ...props,
-         key,
-      };
-   }
-
-   if (typeName.type || typeName.$type) return typeName;
-
-   if (props.children && isArray(props.children) && props.children.length == 0) props.children = null;
-
-   if (props.children && props.children.length == 1) props.children = props.children[0];
-
-   if (typeName == "cx" || typeName === Fragment) return props.children;
-
-   if (isString(typeName) && typeName[0] == typeName[0].toLowerCase()) {
-      props.tag = typeName;
-      typeName = HtmlElement;
-   }
-   // React components (functions/classes without isComponentType and not CxJS functional components) should go through ReactElementWrapper
-   else if (typeof typeName === "function" && !typeName.isComponentType && !typeName.$isComponentFactory) {
-      props.componentType = typeName;
-      typeName = ReactElementWrapper;
-   }
-
-   return {
-      $type: typeName,
-      ...props,
-      jsxAttributes: props && Object.keys(props),
-   };
-}
-
-export const jsxs = jsx;
-
-type ReactIntrinsicElements = ReactJSX.IntrinsicElements;
-
-type CxIntrinsicElements = {
-   [K in keyof ReactIntrinsicElements]: HtmlElementConfig<K>;
-};
-
-// Helper type to transform props for React components (but not CxJS functional components)
-// Uses a workaround to avoid TypeScript inference issues with conditional types in LibraryManagedAttributes
-// We use Omit to exclude componentType since it's added automatically by the jsx-runtime
-type TransformReactComponentProps<C, P> = [C] extends [CxFunctionalComponent<any>]
-   ? P & Omit<PureContainerConfig, keyof P> // Add container props (visible, if, controller, layout, etc.) without overriding component props
-   : [C] extends [FunctionComponent<any>]
-     ? ReactElementWrapperConfig<P>
-     : [C] extends [ComponentClass<any>]
-       ? ReactElementWrapperConfig<P>
-       : P;
-
-export namespace JSX {
-   /**
-    * Base class for JSX element instances.
-    * All widgets must extend from Widget class or React.Component.
-    */
-   export type ElementClass = Widget<any> | React.Component<any, any>;
-
-   /**
-    * Intrinsic JSX elements (HTML-like tags).
-    * Supports HTML elements that map to HtmlElement widgets.
-    */
-   export interface IntrinsicElements extends CxIntrinsicElements {
-      cx: any;
-   }
-
-   /**
-    * Transform props for React function components used in CxJS JSX.
-    * Adds standard WidgetConfig properties and transforms React props to Prop<X>.
-    */
-   export type LibraryManagedAttributes<C, P> = TransformReactComponentProps<C, P>;
-}
+import type { ComponentClass, FunctionComponent, JSX as ReactJSX } from "react";
+import type { CxFunctionalComponent } from "./ui/createFunctionalComponent";
+import type { PureContainerConfig } from "./ui/PureContainer";
+import { Widget } from "./ui/Widget";
+import { isArray } from "./util/isArray";
+import { isString } from "./util/isString";
+import { HtmlElement, HtmlElementConfig } from "./widgets/HtmlElement";
+import { ReactElementWrapper, ReactElementWrapperConfig } from "./widgets/ReactElementWrapper";
+
+// Fragment symbol for supporting <>...</> syntax
+export const Fragment = Symbol.for("cx.fragment");
+
+export function jsx(typeName: any, props: any, key?: string): any {
+   if (isArray(typeName)) return typeName;
+
+   if (key) {
+      // key is allowed in CxJS, i.e. Sandbox use it
+      props = {
+         ...props,
+         key,
+      };
+   }
+
+   if (typeName.type || typeName.$type) return typeName;
+
+   if (props.children && isArray(props.children) && props.children.length == 0) props.children = null;
+
+   if (props.children && props.children.length == 1) props.children = props.children[0];
+
+   if (typeName == "cx" || typeName === Fragment) return props.children;
+
+   if (isString(typeName) && typeName[0] == typeName[0].toLowerCase()) {
+      props.tag = typeName;
+      typeName = HtmlElement;
+   }
+   // React components (functions/classes without isComponentType and not CxJS functional components) should go through ReactElementWrapper
+   else if (typeof typeName === "function" && !typeName.isComponentType && !typeName.$isComponentFactory) {
+      props.componentType = typeName;
+      typeName = ReactElementWrapper;
+   }
+
+   return {
+      $type: typeName,
+      ...props,
+      jsxAttributes: props && Object.keys(props),
+   };
+}
+
+export const jsxs = jsx;
+
+type ReactIntrinsicElements = ReactJSX.IntrinsicElements;
+
+type CxIntrinsicElements = {
+   [K in keyof ReactIntrinsicElements]: HtmlElementConfig<K>;
+};
+
+// Helper type to transform props for React components (but not CxJS functional components)
+// Uses a workaround to avoid TypeScript inference issues with conditional types in LibraryManagedAttributes
+// We use Omit to exclude componentType since it's added automatically by the jsx-runtime
+type TransformReactComponentProps<C, P> = [C] extends [CxFunctionalComponent<any>]
+   ? P & Omit<PureContainerConfig, keyof P> // Add container props (visible, if, controller, layout, etc.) without overriding component props
+   : [C] extends [FunctionComponent<any>]
+     ? ReactElementWrapperConfig<P>
+     : [C] extends [ComponentClass<any>]
+       ? ReactElementWrapperConfig<P>
+       : P;
+
+export namespace JSX {
+   /**
+    * Base class for JSX element instances.
+    * All widgets must extend from Widget class or React.Component.
+    */
+   export type ElementClass = Widget<any> | React.Component<any, any>;
+
+   /**
+    * Intrinsic JSX elements (HTML-like tags).
+    * Supports HTML elements that map to HtmlElement widgets.
+    */
+   export interface IntrinsicElements extends CxIntrinsicElements {
+      cx: any;
+   }
+
+   /**
+    * Transform props for React function components used in CxJS JSX.
+    * Adds standard WidgetConfig properties and transforms React props to Prop<X>.
+    */
+   export type LibraryManagedAttributes<C, P> = TransformReactComponentProps<C, P>;
+}

package/src/locale/de-de.ts

@@ -1,76 +1,76 @@
-import { Localization } from "../ui/Localization";
-
-const 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 "../ui/Localization";
+
+const 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/src/locale/en-us.ts

@@ -1,75 +1,75 @@
-import { Localization } from "../ui/Localization";
-
-const 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 "../ui/Localization";
+
+const 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/src/locale/es-es.ts

@@ -1,76 +1,76 @@
-import { Localization } from "../ui/Localization";
-
-const 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 "../ui/Localization";
+
+const 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",
+});