cx 26.1.8 → 26.1.9

package/build/ui/app/History.js

@@ -90,7 +90,7 @@ export class History {
         return changed;
     }
     static updateStore(href) {
-        let url = Url.unresolve(href || document.location.href);
+        let url = Url.unresolve(href ?? document?.location.href ?? "");
         let hash = null;
         let hashIndex = url.indexOf("#");
         if (hashIndex !== -1) {

package/build/util/Component.js

@@ -53,8 +53,10 @@ export class Component {
             return typeAlias.map((c) => this.create(c, config, more));
         if (typeAlias.$type)
             return this.create(typeAlias.$type, typeAlias, config);
-        if (typeAlias.type)
-            return this.create(typeAlias.type, typeAlias, config);
+        if (typeAlias.type) {
+            let { type, ...rest } = typeAlias;
+            return this.create(type, rest, config);
+        }
         let cmpType, alias;
         if (typeAlias.isComponentType)
             cmpType = typeAlias;
@@ -73,12 +75,10 @@ export class Component {
             }
         }
         else if (typeof typeAlias == "object") {
-            cmpType = typeAlias.type || typeAlias.$type;
-            if (!cmpType) {
-                cmpType = this;
-                more = more ? Object.assign({}, config, more) : config;
-                config = typeAlias;
-            }
+            // typeAlias.type and typeAlias.$type are handled above, so this is a plain config object
+            cmpType = this;
+            more = more ? Object.assign({}, config, more) : config;
+            config = typeAlias;
         }
         if (isArray(config))
             return config.map((cfg) => this.create(cmpType, cfg, more));

package/build/widgets/HtmlElement.d.ts

@@ -10,7 +10,7 @@ import type { TooltipConfig, TooltipProp } from "./overlay/tooltip-ops";
 import { TooltipParentInstance } from "./overlay/tooltip-ops";
 export declare let urlAttributes: Record<string, boolean>;
 type ReactIntrinsicElements = ReactJSX.IntrinsicElements;
-type IsEventHandler<K, T> = K extends `on${string}` ? (NonNullable<T> extends Function ? true : false) : false;
+type IsEventHandler<K, T> = K extends `on${string}` ? NonNullable<T> extends Function ? true : false : false;
 type CxEventHandler<T> = T extends (event: infer E) => any ? string | ((event: E, instance: Instance) => void) : T extends undefined ? undefined : string | T;
 type TransformHtmlElementProps<T> = {
     [K in keyof T]: K extends "children" ? ChildNode | ChildNode[] : K extends "className" | "class" ? ClassProp : IsEventHandler<K, T[K]> extends true ? CxEventHandler<T[K]> : string extends T[K] ? Prop<T[K]> : NonNullable<T[K]> extends string ? Prop<T[K]> | string : Prop<T[K]>;

package/build/widgets/HtmlElement.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Url } from "../ui/app/Url";
-import { StyledContainerBase } from "../ui/Container";
+import { StyledContainerBase, } from "../ui/Container";
 import { Instance } from "../ui/Instance";
 import { VDOM, Widget } from "../ui/Widget";
 import { debug } from "../util/Debug";
@@ -10,7 +10,7 @@ import { isString } from "../util/isString";
 import { isUndefined } from "../util/isUndefined";
 import { autoFocus } from "./autoFocus";
 import { tooltipMouseLeave, tooltipMouseMove, tooltipParentDidMount, tooltipParentDidUpdate, tooltipParentWillReceiveProps, tooltipParentWillUnmount, } from "./overlay/tooltip-ops";
-const isDataAttribute = (attr) => (attr.indexOf("data-") === 0 ? attr.substring(5) : false);
+const isDataAttribute = (attr) => attr.indexOf("data-") === 0 ? attr.substring(5) : false;
 export let urlAttributes = {
     "a.href": true,
     "img.src": true,
@@ -48,7 +48,8 @@ export class HtmlElement extends StyledContainerBase {
                         this.data = {};
                     this.data[name] = this[attr];
                 }
-                else if ((name = this.isValidHtmlAttribute(attr)) && !data.hasOwnProperty(name)) {
+                else if ((name = this.isValidHtmlAttribute(attr)) &&
+                    !data.hasOwnProperty(name)) {
                     if (name.indexOf("on") === 0) {
                         if (this[attr]) {
                             if (!this.events)
@@ -72,7 +73,6 @@ export class HtmlElement extends StyledContainerBase {
     isValidHtmlAttribute(attrName) {
         switch (attrName) {
             case "tag":
-            case "type":
             case "$type":
             case "$props":
             case "text":
@@ -133,7 +133,8 @@ export class HtmlElement extends StyledContainerBase {
             this.urlAttributes.forEach((attr) => {
                 const attrValue = data.attrs[attr];
                 if (isString(attrValue)) {
-                    data.attrs[attr] = Url.resolve(attrValue);
+                    data.attrs[attr] =
+                        Url.resolve(attrValue);
                 }
             });
         }

package/build/widgets/form/TextField.d.ts

@@ -1,7 +1,7 @@
 /** @jsxImportSource react */
-import { Field, FieldConfig } from "./Field";
-import { BooleanProp, NumberProp, Prop, StringProp } from "../../ui/Prop";
 import { Instance } from "../../ui/Instance";
+import { BooleanProp, NumberProp, Prop, StringProp } from "../../ui/Prop";
+import { Field, FieldConfig } from "./Field";
 export interface TextFieldConfig extends FieldConfig {
     /** Textual value of the input field. */
     value?: Prop<any>;
@@ -44,7 +44,7 @@ export interface TextFieldConfig extends FieldConfig {
     /** Set to `true` to display the clear button even if `required` is set. Default is `false`. */
     alwaysShowClear?: BooleanProp;
     /** Name or configuration of the icon to be put on the left side of the input. */
-    icon?: Prop<any>;
+    icon?: string | FieldIconConfig;
     /** Additional attributes to be passed to the input element. */
     inputAttrs?: Prop<any>;
     /** If `trackFocus` is set, this value will be set when the field receives or loses focus. */
@@ -64,6 +64,7 @@ export interface TextFieldConfig extends FieldConfig {
 }
 export interface TextFieldProps extends TextFieldConfig {
 }
+import { FieldIconConfig } from "./FieldIcon";
 export declare class TextField<Config extends TextFieldConfig = TextFieldConfig> extends Field<Config> {
     hideClear?: boolean;
     showClear?: boolean;

package/build/widgets/form/TextField.js

@@ -1,17 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** @jsxImportSource react */
 import { Widget, getContent } from "../../ui/Widget";
 import { Field, getFieldTooltip } from "./Field";
-import { tooltipParentWillReceiveProps, tooltipParentWillUnmount, tooltipMouseMove, tooltipMouseLeave, tooltipParentDidMount, } from "../overlay/tooltip-ops";
-import { stopPropagation, preventDefault } from "../../util/eventCallbacks";
 import { StringTemplate } from "../../data/StringTemplate";
-import { KeyCode } from "../../util/KeyCode";
 import { Localization } from "../../ui/Localization";
-import ClearIcon from "../icons/clear";
-import { autoFocus } from "../autoFocus";
-import { isString } from "../../util/isString";
-import { getActiveElement } from "../../util/getActiveElement";
 import { VDOM } from "../../ui/VDOM";
+import { preventDefault, stopPropagation } from "../../util/eventCallbacks";
+import { getActiveElement } from "../../util/getActiveElement";
+import { isString } from "../../util/isString";
+import { KeyCode } from "../../util/KeyCode";
+import { autoFocus } from "../autoFocus";
+import ClearIcon from "../icons/clear";
+import { tooltipMouseLeave, tooltipMouseMove, tooltipParentDidMount, tooltipParentWillReceiveProps, tooltipParentWillUnmount, } from "../overlay/tooltip-ops";
 export class TextField extends Field {
     init() {
         if (typeof this.hideClear !== "undefined")
@@ -30,12 +29,14 @@ export class TextField extends Field {
             required: undefined,
             minLength: undefined,
             maxLength: undefined,
-            icon: undefined,
             trim: undefined,
+            inputType: undefined,
         }, ...args);
     }
     renderInput(context, instance, key) {
-        return (_jsx(Input, { instance: instance, data: instance.data, label: this.labelPlacement && getContent(this.renderLabel(context, instance, "label")), help: this.helpPlacement && getContent(this.renderHelp(context, instance, "help")), icon: this.renderIcon(context, instance, "icon") }, key));
+        return (_jsx(Input, { instance: instance, data: instance.data, label: this.labelPlacement &&
+                getContent(this.renderLabel(context, instance, "label")), help: this.helpPlacement &&
+                getContent(this.renderHelp(context, instance, "help")), icon: this.renderIcon(context, instance, "icon") }, key));
     }
     validate(context, instance) {
         super.validate(context, instance);
@@ -45,9 +46,13 @@ export class TextField extends Field {
                 this.validationRegExp.lastIndex = 0;
             if (this.validationRegExp && !this.validationRegExp.test(data.value))
                 data.error = this.validationErrorText;
-            else if (typeof data.value === "string" && data.minLength != null && data.value.length < data.minLength)
+            else if (typeof data.value === "string" &&
+                data.minLength != null &&
+                data.value.length < data.minLength)
                 data.error = StringTemplate.format(this.minLengthValidationErrorText, data.minLength, data.value.length);
-            else if (typeof data.value === "string" && data.maxLength != null && data.value.length > data.maxLength)
+            else if (typeof data.value === "string" &&
+                data.maxLength != null &&
+                data.value.length > data.maxLength)
                 data.error = StringTemplate.format(this.maxLengthValidationErrorText, data.maxLength, data.value.length);
         }
     }
@@ -56,8 +61,10 @@ TextField.prototype.baseClass = "textfield";
 TextField.prototype.reactOn = "change input blur enter";
 TextField.prototype.inputType = "text";
 TextField.prototype.validationErrorText = "The entered value is not valid.";
-TextField.prototype.minLengthValidationErrorText = "Enter {[{0}-{1}]} more character(s).";
-TextField.prototype.maxLengthValidationErrorText = "Use {0} characters or fewer.";
+TextField.prototype.minLengthValidationErrorText =
+    "Enter {[{0}-{1}]} more character(s).";
+TextField.prototype.maxLengthValidationErrorText =
+    "Use {0} characters or fewer.";
 TextField.prototype.suppressErrorsUntilVisited = true;
 TextField.prototype.icon = null;
 TextField.prototype.showClear = false;
@@ -93,10 +100,11 @@ class Input extends VDOM.Component {
                 icon: !!icon,
                 clear: insideButton != null,
                 empty: empty && !data.placeholder,
-                error: data.error && (state.visited || !suppressErrorsUntilVisited || !empty),
+                error: data.error &&
+                    (state.visited || !suppressErrorsUntilVisited || !empty),
             })), style: data.style, onMouseDown: stopPropagation, onTouchStart: stopPropagation, children: [_jsx("input", { ref: (el) => {
                         this.input = el || undefined;
-                    }, className: CSS.expand(CSS.element(baseClass, "input"), data.inputClass), defaultValue: data.value, id: data.id, style: data.inputStyle, type: widget.inputType, disabled: data.disabled, readOnly: data.readOnly, tabIndex: data.tabIndex, placeholder: data.placeholder, ...data.inputAttrs, onMouseMove: this.onMouseMove.bind(this), onMouseLeave: this.onMouseLeave.bind(this), onInput: (e) => this.onChange(e.target.value, "input"), onChange: (e) => this.onChange(e.target.value, "change"), onKeyDown: this.onKeyDown.bind(this), onFocus: this.onFocus.bind(this), onBlur: this.onBlur.bind(this), onClick: stopPropagation }), insideButton, icon, label, help] }));
+                    }, className: CSS.expand(CSS.element(baseClass, "input"), data.inputClass), defaultValue: data.value, id: data.id, style: data.inputStyle, type: data.inputType, disabled: data.disabled, readOnly: data.readOnly, tabIndex: data.tabIndex, placeholder: data.placeholder, ...data.inputAttrs, onMouseMove: this.onMouseMove.bind(this), onMouseLeave: this.onMouseLeave.bind(this), onInput: (e) => this.onChange(e.target.value, "input"), onChange: (e) => this.onChange(e.target.value, "change"), onKeyDown: this.onKeyDown.bind(this), onFocus: this.onFocus.bind(this), onBlur: this.onBlur.bind(this), onClick: stopPropagation }), insideButton, icon, label, help] }));
     }
     onFocus() {
         let { instance, data } = this.props;
@@ -122,7 +130,9 @@ class Input extends VDOM.Component {
     onClearClick(_e) {
         if (this.input)
             this.input.value = ""; // prevent onChange call with old text value on blur or component unmount
-        this.props.instance.set("value", this.props.instance.widget.emptyValue, { immediate: true });
+        this.props.instance.set("value", this.props.instance.widget.emptyValue, {
+            immediate: true,
+        });
     }
     onMouseMove(e) {
         const tooltip = getFieldTooltip(this.props.instance);
@@ -141,7 +151,9 @@ class Input extends VDOM.Component {
         autoFocus(this.input, this);
     }
     componentWillUnmount() {
-        if (this.input == getActiveElement() && this.input && this.input.value != this.props.data.value)
+        if (this.input == getActiveElement() &&
+            this.input &&
+            this.input.value != this.props.data.value)
             this.onChange(this.input.value, "blur");
         tooltipParentWillUnmount(this.props.instance);
     }
@@ -163,7 +175,9 @@ class Input extends VDOM.Component {
         let { data } = props;
         // The second check is required for debouncing, sometimes the value in the store lags after the input
         // and update may be caused by some other property, i.e. visited
-        if (this.input && data.value != this.input.value && data.value != this.props.data.value)
+        if (this.input &&
+            data.value != this.input.value &&
+            data.value != this.props.data.value)
             this.input.value = data.value || "";
         const tooltip = getFieldTooltip(props.instance);
         tooltipParentWillReceiveProps(this.input, tooltip[0], tooltip[1], tooltip[2]);

package/build/widgets/grid/Grid.d.ts

@@ -251,7 +251,9 @@ export interface GridConfig<T = any> extends StyledContainerConfig {
     /** Parameters that affect filtering. */
     filterParams?: StructuredProp;
     /** Callback function to be executed when a row is right-clicked.  */
-    onRowContextMenu?: string | ((e: React.SyntheticEvent<any>, instance: Instance) => void);
+    onRowContextMenu?: string | ((e: React.MouseEvent<any>, instance: Instance) => void);
+    /** Callback function to be executed when a column header is right-clicked.  */
+    onColumnContextMenu?: string | ((e: React.MouseEvent<any>, columnInstance: Instance) => void);
     /** Callback to create a filter function for given filter params. */
     onCreateFilter?: (filterParams: any, instance?: Instance) => (record: T) => boolean;
     /** Enable infinite scrolling */

package/build/widgets/overlay/FlyweightTooltipTracker.js

@@ -1,16 +1,18 @@
 import { Instance } from "../../ui/Instance";
 import { Widget } from "../../ui/Widget";
 import { closest } from "../../util";
-import { tooltipMouseLeave, tooltipMouseMove } from "./tooltip-ops";
+import { tooltipMouseLeave, tooltipMouseMove, } from "./tooltip-ops";
 export class FlyweightTooltipTrackerInstance extends Instance {
 }
 export class FlyweightTooltipTracker extends Widget {
     initInstance(context, instance) {
         let handler = (e) => this.handleMouseMove(e, instance);
-        document.addEventListener("mousemove", handler);
-        instance.subscribeOnDestroy(() => {
-            document.removeEventListener("mousemove", handler);
-        });
+        if (typeof document !== "undefined") {
+            document.addEventListener("mousemove", handler);
+            instance.subscribeOnDestroy(() => {
+                document.removeEventListener("mousemove", handler);
+            });
+        }
     }
     render(context, instance, key) {
         return null;
@@ -27,7 +29,9 @@ export class FlyweightTooltipTracker extends Widget {
             return !!tooltip;
         });
         if (!parentEl)
-            tooltipMouseLeave(e, instance, instance.tooltip, { target: instance.parentEl });
+            tooltipMouseLeave(e, instance, instance.tooltip, {
+                target: instance.parentEl,
+            });
         else {
             instance.tooltip = tooltip;
             instance.parentEl = parentEl;