cx 24.3.0 → 24.3.1

package/dist/widgets.js

@@ -2201,15 +2201,22 @@ function captureMouse2(e, _ref) {
 	surface.className = "cxb-mousecapture";
 	surface.style.cursor = cursor || getComputedStyle(e.currentTarget).cursor;
 	document.body.appendChild(surface);
+
+	// In case when the event originates from an iframe,
+	// we use that document as events do not bubble up.   //
+	var parentDocument = e.target.ownerDocument;
+	var options = {
+		capture: true,
+	};
 	var active = true;
-	surface.addEventListener("mousemove", move);
-	surface.addEventListener("mouseup", end);
-	if (onDblClick) surface.addEventListener("dblclick", doubleClick);
+	parentDocument.addEventListener("mousemove", move, options);
+	parentDocument.addEventListener("mouseup", end, options);
+	if (onDblClick) parentDocument.addEventListener("dblclick", doubleClick);
 	function tear() {
 		if (surface == null) return;
-		surface.removeEventListener("mousemove", move);
-		surface.removeEventListener("mouseup", end);
-		if (onDblClick) surface.removeEventListener("dblclick", onDblClick);
+		parentDocument.removeEventListener("mousemove", move, options);
+		parentDocument.removeEventListener("mouseup", end, options);
+		if (onDblClick) parentDocument.removeEventListener("dblclick", onDblClick, options);
 		document.body.removeChild(surface);
 		surface = null;
 	}
@@ -16009,28 +16016,29 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 						),
 					);
 				}
-				headerRows.push(
-					/*#__PURE__*/ jsx(
-						"tbody",
-						{
-							className: CSS.element(baseClass, "header"),
-							children: result.map(function (h, i) {
-								return /*#__PURE__*/ jsx(
-									"tr",
-									{
-										children: h,
-									},
-									i,
-								);
-							}),
-						},
-						"h" + key + lineIndex,
-					),
+				headerRows.push.apply(
+					headerRows,
+					result.map(function (h, i) {
+						return /*#__PURE__*/ jsx(
+							"tr",
+							{
+								children: h,
+							},
+							lineIndex + "-" + i,
+						);
+					}),
 				);
 			}
 		});
 		if (headerRows.length == 0) return null;
-		return headerRows;
+		return /*#__PURE__*/ jsx(
+			"tbody",
+			{
+				className: CSS.element(baseClass, "header"),
+				children: headerRows,
+			},
+			"h" + key,
+		);
 	};
 	_proto.onHeaderMouseMove = function onHeaderMouseMove(e, column, columnInstance, gridInstance, headerLine) {
 		var _headerInstance$widge;

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.3.0",
+   "version": "24.3.1",
    "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/Expression.js

@@ -1,212 +1,212 @@
-import { computable } from "./computable";
-import { Format } from "../util/Format";
-import { Binding } from "./Binding";
-
-import { quoteStr } from "../util/quote";
-import { isDigit } from "../util/isDigit";
-import { isFunction } from "../util/isFunction";
-
-/*
-   Helper usage example
-
-   Expression.registerHelper('_', _);
-   let e = Expression.compile('_.min({data})');
- */
-
-let expCache = {},
-   helpers = {},
-   helperNames = [],
-   helperValues = [],
-   expFatArrows = null;
-
-function getExpr(expr) {
-   if (expr.memoize) return expr;
-
-   function memoize() {
-      let lastValue,
-         lastRunBindings = {},
-         lastRunResults = {},
-         getters = {},
-         currentData,
-         len = -1;
-
-      let get = function (bindingWithFormat) {
-         let getter = getters[bindingWithFormat];
-         if (!getter) {
-            let binding = bindingWithFormat,
-               format;
-            let colonIndex = bindingWithFormat.indexOf(":");
-            if (colonIndex != -1) {
-               format = Format.parse(bindingWithFormat.substring(colonIndex + 1));
-               binding = bindingWithFormat.substring(0, colonIndex);
-            } else {
-               let nullSeparatorIndex = bindingWithFormat.indexOf(":");
-               if (nullSeparatorIndex != -1) {
-                  format = Format.parse(bindingWithFormat.substring(nullSeparatorIndex));
-                  binding = bindingWithFormat.substring(0, nullSeparatorIndex - 1);
-               }
-            }
-            let b = Binding.get(binding);
-            getter = (data) => {
-               let value = b.value(data);
-               lastRunBindings[len] = b.value;
-               lastRunResults[len] = value;
-               len++;
-               return value;
-            };
-
-            if (format) {
-               let valueGetter = getter;
-               getter = (data) => format(valueGetter(data));
-            }
-
-            getters[bindingWithFormat] = getter;
-         }
-         return getter(currentData);
-      };
-
-      return function (data) {
-         let i = 0;
-         for (; i < len; i++) if (lastRunBindings[i](data) !== lastRunResults[i]) break;
-         if (i !== len) {
-            len = 0;
-            currentData = data;
-            lastValue = expr(get);
-         }
-         return lastValue;
-      };
-   }
-
-   let result = memoize();
-   result.memoize = memoize;
-   return result;
-}
-
-export function expression(str) {
-   if (isFunction(str)) return getExpr(str);
-
-   let r = expCache[str];
-   if (r) return r;
-
-   let quote = false;
-
-   let termStart = -1,
-      curlyBrackets = 0,
-      percentExpression;
-
-   let fb = ["return ("];
-
-   let args = {};
-   let formats = [];
-   let subExpr = 0;
-
-   for (let i = 0; i < str.length; i++) {
-      let c = str[i];
-      switch (c) {
-         case "{":
-            if (curlyBrackets > 0) curlyBrackets++;
-            else {
-               if (!quote && termStart < 0 && (str[i + 1] != "{" || str[i - 1] == "%")) {
-                  termStart = i + 1;
-                  curlyBrackets = 1;
-                  percentExpression = str[i - 1] == "%";
-                  if (percentExpression) fb.pop(); //%
-               } else if (str[i - 1] != "{") fb.push(c);
-            }
-            break;
-
-         case "}":
-            if (termStart >= 0) {
-               if (--curlyBrackets == 0) {
-                  let term = str.substring(termStart, i);
-                  let formatStart = 0;
-                  if (term[0] == "[") formatStart = term.indexOf("]");
-                  let colon = term.indexOf(":", formatStart > 0 ? formatStart : 0);
-                  let binding = colon == -1 ? term : term.substring(0, colon);
-                  let format = colon == -1 ? null : term.substring(colon + 1);
-                  if (colon == -1) {
-                     let nullSepIndex = binding.indexOf("|", formatStart);
-                     if (nullSepIndex != -1) {
-                        format = binding.substring(nullSepIndex);
-                        binding = binding.substring(0, nullSepIndex);
-                     }
-                  }
-                  let argName = binding.replace(/\./g, "_");
-                  if (isDigit(argName[0])) argName = "$" + argName;
-                  if (percentExpression || (binding[0] == "[" && binding[binding.length - 1] == "]")) {
-                     argName = `expr${++subExpr}`;
-                     args[argName] = expression(percentExpression ? binding : binding.substring(1, binding.length - 1));
-                  } else args[argName] = binding;
-                  if (format) {
-                     let formatter = "fmt" + formats.length;
-                     fb.push(formatter, "(", argName, ", ", quoteStr(format), ")");
-                     formats.push(Format.parse(format));
-                  } else fb.push(argName);
-                  termStart = -1;
-               }
-            } else fb.push(c);
-
-            break;
-
-         case '"':
-         case "'":
-            if (curlyBrackets == 0) {
-               if (!quote) quote = c;
-               else if (str[i - 1] != "\\" && quote == c) quote = false;
-               fb.push(c);
-            }
-            break;
-
-         default:
-            if (termStart < 0) fb.push(c);
-            break;
-      }
-   }
-
-   fb.push(")");
-
-   let body = fb.join("");
-
-   if (expFatArrows) body = expFatArrows(body);
-
-   //console.log(body);
-   let keys = Object.keys(args);
-
-   try {
-      let compute = new Function("fmt", ...formats.map((f, i) => "fmt" + i), ...keys, ...helperNames, body).bind(
-         Format,
-         Format.value,
-         ...formats,
-         ...helperValues
-      );
-      let selector = computable(...keys.map((k) => args[k]), compute);
-      expCache[str] = selector;
-      return selector;
-   } catch (err) {
-      throw new Error(`Failed to parse expression: '${str}'. Error: ${err.message}`);
-   }
-}
-
-export const Expression = {
-   get: function (str) {
-      return expression(str);
-   },
-
-   compile: function (str) {
-      return this.get(str).memoize();
-   },
-
-   registerHelper: function (name, helper) {
-      helpers[name] = helper;
-      helperNames = Object.keys(helpers);
-      helperValues = helperNames.map((n) => helpers[n]);
-   },
-};
-
-export function plugFatArrowExpansion(impl) {
-   expFatArrows = impl;
-}
-
-export function invalidateExpressionCache() {
-   expCache = {};
-}
+import { computable } from "./computable";
+import { Format } from "../util/Format";
+import { Binding } from "./Binding";
+
+import { quoteStr } from "../util/quote";
+import { isDigit } from "../util/isDigit";
+import { isFunction } from "../util/isFunction";
+
+/*
+   Helper usage example
+
+   Expression.registerHelper('_', _);
+   let e = Expression.compile('_.min({data})');
+ */
+
+let expCache = {},
+   helpers = {},
+   helperNames = [],
+   helperValues = [],
+   expFatArrows = null;
+
+function getExpr(expr) {
+   if (expr.memoize) return expr;
+
+   function memoize() {
+      let lastValue,
+         lastRunBindings = {},
+         lastRunResults = {},
+         getters = {},
+         currentData,
+         len = -1;
+
+      let get = function (bindingWithFormat) {
+         let getter = getters[bindingWithFormat];
+         if (!getter) {
+            let binding = bindingWithFormat,
+               format;
+            let colonIndex = bindingWithFormat.indexOf(":");
+            if (colonIndex != -1) {
+               format = Format.parse(bindingWithFormat.substring(colonIndex + 1));
+               binding = bindingWithFormat.substring(0, colonIndex);
+            } else {
+               let nullSeparatorIndex = bindingWithFormat.indexOf(":");
+               if (nullSeparatorIndex != -1) {
+                  format = Format.parse(bindingWithFormat.substring(nullSeparatorIndex));
+                  binding = bindingWithFormat.substring(0, nullSeparatorIndex - 1);
+               }
+            }
+            let b = Binding.get(binding);
+            getter = (data) => {
+               let value = b.value(data);
+               lastRunBindings[len] = b.value;
+               lastRunResults[len] = value;
+               len++;
+               return value;
+            };
+
+            if (format) {
+               let valueGetter = getter;
+               getter = (data) => format(valueGetter(data));
+            }
+
+            getters[bindingWithFormat] = getter;
+         }
+         return getter(currentData);
+      };
+
+      return function (data) {
+         let i = 0;
+         for (; i < len; i++) if (lastRunBindings[i](data) !== lastRunResults[i]) break;
+         if (i !== len) {
+            len = 0;
+            currentData = data;
+            lastValue = expr(get);
+         }
+         return lastValue;
+      };
+   }
+
+   let result = memoize();
+   result.memoize = memoize;
+   return result;
+}
+
+export function expression(str) {
+   if (isFunction(str)) return getExpr(str);
+
+   let r = expCache[str];
+   if (r) return r;
+
+   let quote = false;
+
+   let termStart = -1,
+      curlyBrackets = 0,
+      percentExpression;
+
+   let fb = ["return ("];
+
+   let args = {};
+   let formats = [];
+   let subExpr = 0;
+
+   for (let i = 0; i < str.length; i++) {
+      let c = str[i];
+      switch (c) {
+         case "{":
+            if (curlyBrackets > 0) curlyBrackets++;
+            else {
+               if (!quote && termStart < 0 && (str[i + 1] != "{" || str[i - 1] == "%")) {
+                  termStart = i + 1;
+                  curlyBrackets = 1;
+                  percentExpression = str[i - 1] == "%";
+                  if (percentExpression) fb.pop(); //%
+               } else if (str[i - 1] != "{") fb.push(c);
+            }
+            break;
+
+         case "}":
+            if (termStart >= 0) {
+               if (--curlyBrackets == 0) {
+                  let term = str.substring(termStart, i);
+                  let formatStart = 0;
+                  if (term[0] == "[") formatStart = term.indexOf("]");
+                  let colon = term.indexOf(":", formatStart > 0 ? formatStart : 0);
+                  let binding = colon == -1 ? term : term.substring(0, colon);
+                  let format = colon == -1 ? null : term.substring(colon + 1);
+                  if (colon == -1) {
+                     let nullSepIndex = binding.indexOf("|", formatStart);
+                     if (nullSepIndex != -1) {
+                        format = binding.substring(nullSepIndex);
+                        binding = binding.substring(0, nullSepIndex);
+                     }
+                  }
+                  let argName = binding.replace(/\./g, "_");
+                  if (isDigit(argName[0])) argName = "$" + argName;
+                  if (percentExpression || (binding[0] == "[" && binding[binding.length - 1] == "]")) {
+                     argName = `expr${++subExpr}`;
+                     args[argName] = expression(percentExpression ? binding : binding.substring(1, binding.length - 1));
+                  } else args[argName] = binding;
+                  if (format) {
+                     let formatter = "fmt" + formats.length;
+                     fb.push(formatter, "(", argName, ", ", quoteStr(format), ")");
+                     formats.push(Format.parse(format));
+                  } else fb.push(argName);
+                  termStart = -1;
+               }
+            } else fb.push(c);
+
+            break;
+
+         case '"':
+         case "'":
+            if (curlyBrackets == 0) {
+               if (!quote) quote = c;
+               else if (str[i - 1] != "\\" && quote == c) quote = false;
+               fb.push(c);
+            }
+            break;
+
+         default:
+            if (termStart < 0) fb.push(c);
+            break;
+      }
+   }
+
+   fb.push(")");
+
+   let body = fb.join("");
+
+   if (expFatArrows) body = expFatArrows(body);
+
+   //console.log(body);
+   let keys = Object.keys(args);
+
+   try {
+      let compute = new Function("fmt", ...formats.map((f, i) => "fmt" + i), ...keys, ...helperNames, body).bind(
+         Format,
+         Format.value,
+         ...formats,
+         ...helperValues
+      );
+      let selector = computable(...keys.map((k) => args[k]), compute);
+      expCache[str] = selector;
+      return selector;
+   } catch (err) {
+      throw new Error(`Failed to parse expression: '${str}'. Error: ${err.message}`);
+   }
+}
+
+export const Expression = {
+   get: function (str) {
+      return expression(str);
+   },
+
+   compile: function (str) {
+      return this.get(str).memoize();
+   },
+
+   registerHelper: function (name, helper) {
+      helpers[name] = helper;
+      helperNames = Object.keys(helpers);
+      helperValues = helperNames.map((n) => helpers[n]);
+   },
+};
+
+export function plugFatArrowExpansion(impl) {
+   expFatArrows = impl;
+}
+
+export function invalidateExpressionCache() {
+   expCache = {};
+}