cx 23.3.0 → 23.4.0

package/dist/ui.js

@@ -3784,7 +3784,6 @@ var Selection = /*#__PURE__*/ (function(_Component) {
 })(Component);
 Selection.prototype.toggle = false;
 Selection.namespace = "ui.selection.";
-
 var SimpleSelection = /*#__PURE__*/ (function(_Selection) {
 	_inheritsLoose(SimpleSelection, _Selection);
 
@@ -5211,6 +5210,7 @@ export {
 	ResizeManager,
 	Restate,
 	Selection,
+	SimpleSelection,
 	StaticText,
 	StructuredInstanceDataAccessor,
 	Text,

package/dist/widgets.js

@@ -3935,7 +3935,7 @@ var OverlayComponent = /*#__PURE__*/ (function(_VDOM$Component2) {
 				this.shadowEl,
 				"wheel",
 				function(e) {
-					if (e.shiftKey) return; //check if there is a scrollable element within the shadow or overlay contents
+					if (e.shiftKey || e.ctrlKey) return; //check if there is a scrollable element within the shadow or overlay contents
 					//such that its scrollbar is not at the very end
 
 					var scrollAllowed = false;
@@ -11709,7 +11709,7 @@ var Input$1 = /*#__PURE__*/ (function(_VDOM$Component) {
 			var decimalSeparator = this.getDecimalSeparator(fmt) || Format.value(1.1, "n;1")[1];
 			var formatted = Format.value(value, fmt); //re-parse to avoid differences between formatted value and value in the store
 
-			value = widget.parseValue(formatted, instance) * data.scale + data.offset; //allow users to type numbers like 100.0003 without interruptions
+			value = widget.parseValue(formatted, instance) * data.scale + data.offset; //allow users to type numbers like 100.0003 or -0.05 without interruptions
 			//if the last typed in character is zero or dot (decimal separator) skip processing it
 
 			if (
@@ -11717,7 +11717,8 @@ var Input$1 = /*#__PURE__*/ (function(_VDOM$Component) {
 				this.input.selectionStart == this.input.selectionEnd &&
 				this.input.selectionEnd >= this.getLengthWithoutSuffix(this.input.value, decimalSeparator) &&
 				(e.target.value[this.input.selectionEnd - 1] == decimalSeparator ||
-					(e.target.value.indexOf(decimalSeparator) >= 0 && e.target.value[this.input.selectionEnd - 1] == "0"))
+					(e.target.value.indexOf(decimalSeparator) >= 0 && e.target.value[this.input.selectionEnd - 1] == "0") ||
+					(this.input.selectionEnd == 2 && e.target.value[0] === "-" && e.target.value[1] === "0"))
 			)
 				return;
 

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "23.3.0",
+   "version": "23.4.0",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "main": "index.js",
    "jsnext:main": "src/index.js",

package/src/data/computable.d.ts

@@ -21,6 +21,44 @@ export function computable(
    p4: string,
    computeFn: (v1: any, v2: any, v3: any, v4: any) => any
 ): Computable;
+export function computable(
+   p1: string,
+   p2: string,
+   p3: string,
+   p4: string,
+   p5: string,
+   computeFn: (v1: any, v2: any, v3: any, v4: any, v5: any) => any
+): Computable;
+export function computable(
+   p1: string,
+   p2: string,
+   p3: string,
+   p4: string,
+   p5: string,
+   p6: string,
+   computeFn: (v1: any, v2: any, v3: any, v4: any, v5: any, v6: any) => any
+): Computable;
+export function computable(
+   p1: string,
+   p2: string,
+   p3: string,
+   p4: string,
+   p5: string,
+   p6: string,
+   p7: string,
+   computeFn: (v1: any, v2: any, v3: any, v4: any, v5: any, v6: any, v7: any) => any
+): Computable;
+export function computable(
+   p1: string,
+   p2: string,
+   p3: string,
+   p4: string,
+   p5: string,
+   p6: string,
+   p7: string,
+   p8: string,
+   computeFn: (v1: any, v2: any, v3: any, v4: any, v5: any, v6: any, v7: any, v8: any) => any
+): Computable;
 
 export function computable<V1, R>(arg1: AccessorChain<V1>, compute: (v1: V1) => R): Computable<R>;
 export function computable<V1, V2, R>(
@@ -43,3 +81,45 @@ export function computable<V1, V2, V3, V4, R>(
    arg4: AccessorChain<V4>,
    compute: (v1: V1, v2: V2, v3: V3, v4: V4) => R
 ): Computable<R>;
+
+export function computable<V1, V2, V3, V4, V5, R>(
+   arg1: AccessorChain<V1>,
+   arg2: AccessorChain<V2>,
+   arg3: AccessorChain<V3>,
+   arg4: AccessorChain<V4>,
+   arg5: AccessorChain<V5>,
+   compute: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5) => R
+): Computable<R>;
+
+export function computable<V1, V2, V3, V4, V5, V6, R>(
+   arg1: AccessorChain<V1>,
+   arg2: AccessorChain<V2>,
+   arg3: AccessorChain<V3>,
+   arg4: AccessorChain<V4>,
+   arg5: AccessorChain<V5>,
+   arg6: AccessorChain<V6>,
+   compute: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6) => R
+): Computable<R>;
+
+export function computable<V1, V2, V3, V4, V5, V6, V7, R>(
+   arg1: AccessorChain<V1>,
+   arg2: AccessorChain<V2>,
+   arg3: AccessorChain<V3>,
+   arg4: AccessorChain<V4>,
+   arg5: AccessorChain<V5>,
+   arg6: AccessorChain<V6>,
+   arg7: AccessorChain<V7>,
+   compute: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7) => R
+): Computable<R>;
+
+export function computable<V1, V2, V3, V4, V5, V6, V7, V8, R>(
+   arg1: AccessorChain<V1>,
+   arg2: AccessorChain<V2>,
+   arg3: AccessorChain<V3>,
+   arg4: AccessorChain<V4>,
+   arg5: AccessorChain<V5>,
+   arg6: AccessorChain<V6>,
+   arg7: AccessorChain<V7>,
+   arg8: AccessorChain<V8>,
+   compute: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7, v8: V8) => R
+): Computable<R>;

package/src/ui/Controller.d.ts

@@ -37,6 +37,60 @@ export class Controller<D = any> {
       callback: (v1: V1, v2: V2, v3: V3, v4: V4) => void,
       autoRun?: boolean
    ): void;
+   addTrigger<V1, V2, V3, V4, V5>(
+      name: string,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5) => void,
+      autoRun?: boolean
+   ): void;
+   addTrigger<V1, V2, V3, V4, V5, V6>(
+      name: string,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6) => void,
+      autoRun?: boolean
+   ): void;
+   addTrigger<V1, V2, V3, V4, V5, V6, V7>(
+      name: string,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>,
+         Cx.AccessorChain<V7>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7) => void,
+      autoRun?: boolean
+   ): void;
+   addTrigger<V1, V2, V3, V4, V5, V6, V7, V8>(
+      name: string,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>,
+         Cx.AccessorChain<V7>,
+         Cx.AccessorChain<V8>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7, v8: v8) => void,
+      autoRun?: boolean
+   ): void;
 
    addTrigger(
       name: string,
@@ -61,6 +115,56 @@ export class Controller<D = any> {
       args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>, Cx.AccessorChain<V3>, Cx.AccessorChain<V4>],
       callback: (v1: V1, v2: V2, v3: V3, v4: V4) => R
    ): void;
+   addComputable<V1, V2, V3, V4, V5, R>(
+      path: Cx.AccessorChain<R>,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5) => R
+   ): void;
+   addComputable<V1, V2, V3, V4, V5, V6, R>(
+      path: Cx.AccessorChain<R>,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6) => R
+   ): void;
+   addComputable<V1, V2, V3, V4, V5, V6, V7, R>(
+      path: Cx.AccessorChain<R>,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>,
+         Cx.AccessorChain<V7>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7) => R
+   ): void;
+   addComputable<V1, V2, V3, V4, V5, V6, V7, V8, R>(
+      path: Cx.AccessorChain<R>,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>,
+         Cx.AccessorChain<V7>,
+         Cx.AccessorChain<V8>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7, v8: V8) => R
+   ): void;
 
    addComputable(path: string, args: (string | Cx.AccessorChain<any>)[], callback: (...args) => any): void;
 

package/src/ui/selection/Selection.d.ts

@@ -1,19 +1,18 @@
-import {Record} from '../../core';
-import {Component} from '../../util/Component';
-import {View} from '../../data/View';
-import {Instance} from '../Instance';
+import { Record } from "../../core";
+import { Component } from "../../util/Component";
+import { View } from "../../data/View";
+import { Instance } from "../Instance";
 
 interface SelectOptions {
-    add: Boolean;
-    toggle: Boolean;
+   add: Boolean;
+   toggle: Boolean;
 }
 
 export class Selection extends Component {
-
    isSelected(store: View, record: Record, index?: number);
 
-   getIsSelectedDelegate(store: View) : (record: Record, index: number) => boolean;
-   
+   getIsSelectedDelegate(store: View): (record: Record, index: number) => boolean;
+
    select(store: View, record: Record, index: number);
 
    declareData(): Record;
@@ -23,5 +22,6 @@ export class Selection extends Component {
    selectInstance(instance: Instance, options: SelectOptions);
 
    isInstanceSelected(instance: Instance): boolean;
-
 }
+
+export class SimpleSelection extends Selection {}

package/src/ui/selection/Selection.js

@@ -1,7 +1,6 @@
-import {Component} from '../../util/Component';
+import { Component } from "../../util/Component";
 
 export class Selection extends Component {
-   
    isSelected(store, record, index) {
       return this.bind && store.get(this.bind) === record;
    }
@@ -9,9 +8,9 @@ export class Selection extends Component {
    getIsSelectedDelegate(store) {
       return (record, index) => this.isSelected(store, record, index);
    }
-   
+
    select(store, record, index, options) {
-      this.selectMultiple(store, [record], [index], options)
+      this.selectMultiple(store, [record], [index], options);
    }
 
    selectMultiple(store, records, indexes, options) {
@@ -20,43 +19,43 @@ export class Selection extends Component {
 
    declareData() {
       var declaration = {
-         $selection: { structured: true }
+         $selection: { structured: true },
       };
 
       return Object.assign(declaration, ...arguments);
    }
 
    configureWidget(widget) {
-
       if (this.record || this.index) {
          widget.$selection = Object.assign(widget.$selection || {}, {
             record: this.record,
-            index: this.index
-         })
+            index: this.index,
+         });
       }
 
       return this.declareData();
    }
 
    selectInstance(instance, options) {
-      var {store, data} = instance;
+      var { store, data } = instance;
       if (!data.$selection)
-         throw new Error('Selection model not properly configured. Using the selectInstance method without specified record and index bindings.');
+         throw new Error(
+            "Selection model not properly configured. Using the selectInstance method without specified record and index bindings."
+         );
       return this.select(store, data.$selection.record, data.$selection.index, options);
    }
 
    isInstanceSelected(instance) {
-      var {store, data} = instance;
+      var { store, data } = instance;
       return data.$selection && this.isSelected(store, data.$selection.record, data.$selection.index);
    }
 }
 
 Selection.prototype.toggle = false;
 
-Selection.namespace = 'ui.selection.';
-
-class SimpleSelection extends Selection {
+Selection.namespace = "ui.selection.";
 
+export class SimpleSelection extends Selection {
    isSelected(store, record, index) {
       return this.getIsSelectedDelegate(store)(record, index);
    }
@@ -67,8 +66,7 @@ class SimpleSelection extends Selection {
    }
 
    selectMultiple(store, records, index) {
-      if (this.bind)
-         store.set(this.bind, records[0]);
+      if (this.bind) store.set(this.bind, records[0]);
    }
 }
 
@@ -89,9 +87,7 @@ class DummySelection extends Selection {
 DummySelection.prototype.isDummy = true;
 
 Selection.factory = (name) => {
-   if (typeof name == 'object')
-      return new SimpleSelection(name);
+   if (typeof name == "object") return new SimpleSelection(name);
 
    return new DummySelection();
 };
-

package/src/widgets/form/NumberField.js

@@ -417,14 +417,15 @@ class Input extends VDOM.Component {
 
          value = widget.parseValue(formatted, instance) * data.scale + data.offset;
 
-         //allow users to type numbers like 100.0003 without interruptions
+         //allow users to type numbers like 100.0003 or -0.05 without interruptions
          //if the last typed in character is zero or dot (decimal separator) skip processing it
          if (
             change == "change" &&
             this.input.selectionStart == this.input.selectionEnd &&
             this.input.selectionEnd >= this.getLengthWithoutSuffix(this.input.value, decimalSeparator) &&
             (e.target.value[this.input.selectionEnd - 1] == decimalSeparator ||
-               (e.target.value.indexOf(decimalSeparator) >= 0 && e.target.value[this.input.selectionEnd - 1] == "0"))
+               (e.target.value.indexOf(decimalSeparator) >= 0 && e.target.value[this.input.selectionEnd - 1] == "0") ||
+               (this.input.selectionEnd == 2 && e.target.value[0] === "-" && e.target.value[1] === "0"))
          )
             return;
 

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

@@ -103,6 +103,7 @@ interface GridColumnConfig {
    header1?: StringProp | GridColumnHeaderConfig;
    header2?: StringProp | GridColumnHeaderConfig;
    header3?: StringProp | GridColumnHeaderConfig;
+   fixed?: BooleanProp;
    sortable?: boolean;
    aggregate?: "min" | "max" | "count" | "sum" | "distinct" | "avg";
    aggregateAlias?: string;

package/src/widgets/overlay/Overlay.js

@@ -626,7 +626,7 @@ export class OverlayComponent extends VDOM.Component {
             this.shadowEl,
             "wheel",
             (e) => {
-               if (e.shiftKey) return;
+               if (e.shiftKey || e.ctrlKey) return;
                //check if there is a scrollable element within the shadow or overlay contents
                //such that its scrollbar is not at the very end
                let scrollAllowed = false;