cx 24.10.1 → 24.10.3

package/dist/util.js

@@ -255,6 +255,12 @@ var formatFactory = {
 			return s.padStart(length, "0");
 		};
 	},
+	leftPad: function leftPad(part0, length, _char) {
+		return function (value) {
+			var s = String(value);
+			return s.padStart(length, _char != null ? _char : " ");
+		};
+	},
 	capitalize: function capitalize$1() {
 		return function (value) {
 			var s = String(value);
@@ -279,6 +285,7 @@ formatFactory.d = formatFactory.date;
 formatFactory.t = formatFactory.time;
 formatFactory.dt = formatFactory.datetime;
 formatFactory.zeropad = formatFactory.zeroPad;
+formatFactory.leftpad = formatFactory.leftPad;
 formatFactory.capitalize = formatFactory.capitalize;
 formatFactory.titlecase = formatFactory.titleCase;
 function buildFormatter(format) {

package/dist/widgets.css

@@ -4899,54 +4899,57 @@ th.cxe-calendar-display {
 .cxe-grid-group-caption:not(:first-child) td {
   padding-top: 15px;
 }
-.cxe-grid-group-caption.cxs-level-2 {
-  font-size: 130%;
+
+.cxe-grid-group-caption.cxs-level-1 td {
+  font-weight: bold;
+  font-size: 115%;
 }
+
 .cxe-grid-group-caption.cxs-level-2 td {
+  font-weight: bold;
+  font-size: 130%;
   border-bottom: 1px solid grey;
 }
-.cxe-grid-group-caption.cxs-level-3 {
-  font-size: 145%;
-}
+
 .cxe-grid-group-caption.cxs-level-3 td {
+  font-weight: bold;
+  font-size: 145%;
   border-bottom: 1px solid grey;
 }
-.cxe-grid-group-caption.cxs-level-4 {
-  font-size: 160%;
-}
+
 .cxe-grid-group-caption.cxs-level-4 td {
+  font-weight: bold;
+  font-size: 160%;
   border-bottom: 1px solid grey;
 }
 
-.cxe-grid-group-footer {
-  font-weight: bold;
-}
 .cxe-grid-group-footer td {
-  border-top: 1px solid #bfbfbf;
   box-sizing: border-box;
 }
 .cxe-grid-group-footer td.cxs-pad {
   padding: 5px;
 }
-.cxe-grid-group-footer.cxs-level-2 {
+
+.cxe-grid-group-footer.cxs-level-1 td {
   font-weight: bold;
-  font-size: 110%;
+  border-top: 1px solid #bfbfbf;
 }
+
 .cxe-grid-group-footer.cxs-level-2 td {
+  font-weight: bold;
+  font-size: 110%;
   border-top: 1px solid grey;
 }
-.cxe-grid-group-footer.cxs-level-3 {
+
+.cxe-grid-group-footer.cxs-level-3 td {
   font-weight: bold;
   font-size: 120%;
-}
-.cxe-grid-group-footer.cxs-level-3 td {
   border-top: 1px solid grey;
 }
-.cxe-grid-group-footer.cxs-level-4 {
+
+.cxe-grid-group-footer.cxs-level-4 td {
   font-weight: bold;
   font-size: 130%;
-}
-.cxe-grid-group-footer.cxs-level-4 td {
   border-top: 1px solid grey;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.10.1",
+   "version": "24.10.3",
    "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/charts/LegendEntry.js

@@ -69,7 +69,15 @@ export class LegendEntry extends Container {
       let { data } = instance;
       let content = !isUndefined(this.text) ? data.text : this.renderChildren(context, instance);
       return (
-         <div key={key} className={data.classNames} style={data.style}>
+         <div
+            key={key}
+            className={data.classNames}
+            style={data.style}
+            onMouseDown={stopPropagation}
+            onClick={(e) => {
+               this.handleClick(e, instance);
+            }}
+         >
             {this.renderShape(instance)}
             {content != null && <div>{content}</div>}
          </div>

package/src/util/Format.js

@@ -1,261 +1,269 @@
-import { debug } from "./Debug";
-import { GlobalCacheIdentifier } from "./GlobalCacheIdentifier";
-import { isNumber } from "../util/isNumber";
-import { isUndefined } from "../util/isUndefined";
-import { isArray } from "../util/isArray";
-import { capitalize } from "./capitalize";
-
-//Culture dependent formatters are defined in the ui package.
-
-const defaultFormatter = (v) => v.toString();
-
-let formatFactory = {
-   string: function () {
-      return defaultFormatter;
-   },
-
-   wrap: function (part0, prefix, suffix) {
-      if (!prefix) prefix = "";
-
-      if (!suffix) suffix = "";
-
-      return (value) => prefix + value.toString() + suffix;
-   },
-
-   fixed: function (part0, digits) {
-      return (value) => value.toFixed(digits);
-   },
-
-   prefix: function (part0, prefix) {
-      if (!prefix) prefix = "";
-
-      return (value) => prefix + value.toString();
-   },
-
-   suffix: function (part0, suffix) {
-      if (!suffix) suffix = "";
-
-      return (value) => value.toString() + suffix;
-   },
-
-   uppercase: function () {
-      return (value) => value.toString().toUpperCase();
-   },
-
-   lowercase: function () {
-      return (value) => value.toString().toLowerCase();
-   },
-
-   urlencode: function () {
-      return (value) => encodeURIComponent(value);
-   },
-
-   number: function (part0, minFractionDigits, maxFractionDigits) {
-      let { minimumFractionDigits, maximumFractionDigits } = resolveMinMaxFractionDigits(
-         minFractionDigits,
-         maxFractionDigits,
-      );
-      let trimmable = maximumFractionDigits - minimumFractionDigits;
-      if (trimmable > 0) {
-         if (minimumFractionDigits == 0) ++trimmable;
-         return (value) => trimFractionZeros(value.toFixed(maximumFractionDigits), trimmable);
-      }
-      return (value) => value.toFixed(maximumFractionDigits);
-   },
-
-   percentage: function (part0, minFractionDigits, maxFractionDigits) {
-      let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
-      return (value) => numberFormatter(value * 100) + "%";
-   },
-
-   percentageSign: function (part0, minFractionDigits, maxFractionDigits) {
-      let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
-      return (value) => numberFormatter(value) + "%";
-   },
-
-   date: function () {
-      return (value) => {
-         let date = new Date(value);
-         return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
-      };
-   },
-
-   time: function () {
-      return (value) => {
-         let date = new Date(value);
-         let h = date.getHours() >= 10 ? date.getHours() : "0" + date.getHours();
-         let m = date.getMinutes() >= 10 ? date.getMinutes() : "0" + date.getMinutes();
-         return `${h}:${m}`;
-      };
-   },
-
-   datetime: function () {
-      let date = formatFactory.date();
-      let time = formatFactory.time();
-      return (value) => date(value) + " " + time(value);
-   },
-
-   ellipsis: function (part0, length, where) {
-      length = Number(length);
-      if (!(length > 3)) length = 10;
-      switch (where) {
-         default:
-         case "end":
-            return (value) => {
-               let s = String(value);
-               if (s.length > length) return s.substring(0, length - 3) + "...";
-               return s;
-            };
-
-         case "start":
-            return (value) => {
-               let s = String(value);
-               if (s.length > length) return "..." + s.substring(s.length - length + 3);
-               return s;
-            };
-
-         case "middle":
-            return (value) => {
-               let s = String(value);
-               if (s.length > length) {
-                  let x = Math.floor(length - 2) / 2;
-                  return s.substring(0, x) + "..." + s.substring(s.length - (length - 3 - x));
-               }
-               return s;
-            };
-      }
-   },
-
-   zeroPad: function (part0, length) {
-      return (value) => {
-         let s = String(value);
-         return s.padStart(length, "0");
-      };
-   },
-
-   capitalize: function () {
-      return (value) => {
-         let s = String(value);
-         return capitalize(s);
-      };
-   },
-
-   titleCase: function () {
-      return (value) => {
-         let s = String(value);
-         return s.replace(/\w\S*/g, function (word) {
-            return capitalize(word.toLowerCase());
-         });
-      };
-   },
-};
-
-formatFactory.s = formatFactory.str = formatFactory.string;
-formatFactory.f = formatFactory.fixed;
-formatFactory.n = formatFactory.number;
-formatFactory.p = formatFactory.percentage;
-formatFactory.ps = formatFactory.percentageSign;
-formatFactory.d = formatFactory.date;
-formatFactory.t = formatFactory.time;
-formatFactory.dt = formatFactory.datetime;
-formatFactory.zeropad = formatFactory.zeroPad;
-formatFactory.capitalize = formatFactory.capitalize;
-formatFactory.titlecase = formatFactory.titleCase;
-
-function buildFormatter(format) {
-   let formatter = defaultFormatter,
-      nullText = "";
-   if (format) {
-      let pipeParts = format.split("|");
-      nullText = pipeParts[1] || "";
-      let colonSepParts = pipeParts[0].split(":");
-      for (let i = 0; i < colonSepParts.length; i++) {
-         let parts = colonSepParts[i].split(";");
-         let factory = formatFactory[parts[0]];
-         if (!factory) debug("Unknown string format: " + format);
-         else if (i == 0) formatter = factory(...parts);
-         else {
-            let outerFmt = factory(...parts);
-            let innerFmt = formatter;
-            formatter = (v) => outerFmt(innerFmt(v));
-         }
-      }
-   }
-   return (v) => (v == null || v === "" ? nullText : formatter(v));
-}
-
-let format = {
-   cache: {},
-};
-
-function getDefaultFormatCache() {
-   if (format.cacheIdentifier != GlobalCacheIdentifier.get()) {
-      format = {
-         cache: {},
-         cacheIdentifier: GlobalCacheIdentifier.get(),
-      };
-   }
-   return format.cache;
-}
-
-let getFormatCache = getDefaultFormatCache;
-
-export function setGetFormatCacheCallback(callback) {
-   getFormatCache = callback;
-}
-
-function getFormatter(format) {
-   if (!format) format = "";
-   let formatCache = getFormatCache();
-   let formatter = formatCache[format];
-   if (!formatter) formatter = formatCache[format] = buildFormatter(format);
-
-   return formatter;
-}
-
-export class Format {
-   static value(v, format) {
-      let formatter = getFormatter(format);
-      return formatter(v);
-   }
-
-   static parse(format) {
-      return getFormatter(format);
-   }
-
-   static register(format, formatter) {
-      this.registerFactory(format, () => formatter);
-   }
-
-   static registerFactory(format, factory) {
-      if (isArray(format)) format.forEach((f) => this.registerFactory(f, factory));
-      else formatFactory[format] = factory;
-   }
-}
-
-export function resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits) {
-   minimumFractionDigits = minimumFractionDigits != null ? Number(minimumFractionDigits) : minimumFractionDigits;
-   maximumFractionDigits = maximumFractionDigits != null ? Number(maximumFractionDigits) : maximumFractionDigits;
-
-   if (isNumber(minimumFractionDigits)) {
-      if (isUndefined(maximumFractionDigits)) maximumFractionDigits = minimumFractionDigits;
-      else if (isNumber(maximumFractionDigits) && maximumFractionDigits < minimumFractionDigits)
-         maximumFractionDigits = minimumFractionDigits;
-   } else if (minimumFractionDigits == null && maximumFractionDigits == null) {
-      minimumFractionDigits = 0;
-      maximumFractionDigits = 18;
-   }
-
-   return {
-      minimumFractionDigits,
-      maximumFractionDigits,
-   };
-}
-
-export function trimFractionZeros(str, max) {
-   let cnt = 0,
-      l = str.length;
-   while (cnt < max && (str[l - 1 - cnt] === "0" || str[l - 1 - cnt] === ".")) cnt++;
-
-   return cnt > 0 ? str.substring(0, l - cnt) : str;
-}
+import { debug } from "./Debug";
+import { GlobalCacheIdentifier } from "./GlobalCacheIdentifier";
+import { isNumber } from "../util/isNumber";
+import { isUndefined } from "../util/isUndefined";
+import { isArray } from "../util/isArray";
+import { capitalize } from "./capitalize";
+
+//Culture dependent formatters are defined in the ui package.
+
+const defaultFormatter = (v) => v.toString();
+
+let formatFactory = {
+   string: function () {
+      return defaultFormatter;
+   },
+
+   wrap: function (part0, prefix, suffix) {
+      if (!prefix) prefix = "";
+
+      if (!suffix) suffix = "";
+
+      return (value) => prefix + value.toString() + suffix;
+   },
+
+   fixed: function (part0, digits) {
+      return (value) => value.toFixed(digits);
+   },
+
+   prefix: function (part0, prefix) {
+      if (!prefix) prefix = "";
+
+      return (value) => prefix + value.toString();
+   },
+
+   suffix: function (part0, suffix) {
+      if (!suffix) suffix = "";
+
+      return (value) => value.toString() + suffix;
+   },
+
+   uppercase: function () {
+      return (value) => value.toString().toUpperCase();
+   },
+
+   lowercase: function () {
+      return (value) => value.toString().toLowerCase();
+   },
+
+   urlencode: function () {
+      return (value) => encodeURIComponent(value);
+   },
+
+   number: function (part0, minFractionDigits, maxFractionDigits) {
+      let { minimumFractionDigits, maximumFractionDigits } = resolveMinMaxFractionDigits(
+         minFractionDigits,
+         maxFractionDigits,
+      );
+      let trimmable = maximumFractionDigits - minimumFractionDigits;
+      if (trimmable > 0) {
+         if (minimumFractionDigits == 0) ++trimmable;
+         return (value) => trimFractionZeros(value.toFixed(maximumFractionDigits), trimmable);
+      }
+      return (value) => value.toFixed(maximumFractionDigits);
+   },
+
+   percentage: function (part0, minFractionDigits, maxFractionDigits) {
+      let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
+      return (value) => numberFormatter(value * 100) + "%";
+   },
+
+   percentageSign: function (part0, minFractionDigits, maxFractionDigits) {
+      let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
+      return (value) => numberFormatter(value) + "%";
+   },
+
+   date: function () {
+      return (value) => {
+         let date = new Date(value);
+         return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
+      };
+   },
+
+   time: function () {
+      return (value) => {
+         let date = new Date(value);
+         let h = date.getHours() >= 10 ? date.getHours() : "0" + date.getHours();
+         let m = date.getMinutes() >= 10 ? date.getMinutes() : "0" + date.getMinutes();
+         return `${h}:${m}`;
+      };
+   },
+
+   datetime: function () {
+      let date = formatFactory.date();
+      let time = formatFactory.time();
+      return (value) => date(value) + " " + time(value);
+   },
+
+   ellipsis: function (part0, length, where) {
+      length = Number(length);
+      if (!(length > 3)) length = 10;
+      switch (where) {
+         default:
+         case "end":
+            return (value) => {
+               let s = String(value);
+               if (s.length > length) return s.substring(0, length - 3) + "...";
+               return s;
+            };
+
+         case "start":
+            return (value) => {
+               let s = String(value);
+               if (s.length > length) return "..." + s.substring(s.length - length + 3);
+               return s;
+            };
+
+         case "middle":
+            return (value) => {
+               let s = String(value);
+               if (s.length > length) {
+                  let x = Math.floor(length - 2) / 2;
+                  return s.substring(0, x) + "..." + s.substring(s.length - (length - 3 - x));
+               }
+               return s;
+            };
+      }
+   },
+
+   zeroPad: function (part0, length) {
+      return (value) => {
+         let s = String(value);
+         return s.padStart(length, "0");
+      };
+   },
+
+   leftPad: function (part0, length, char) {
+      return (value) => {
+         let s = String(value);
+         return s.padStart(length, char ?? " ");
+      };
+   },
+
+   capitalize: function () {
+      return (value) => {
+         let s = String(value);
+         return capitalize(s);
+      };
+   },
+
+   titleCase: function () {
+      return (value) => {
+         let s = String(value);
+         return s.replace(/\w\S*/g, function (word) {
+            return capitalize(word.toLowerCase());
+         });
+      };
+   },
+};
+
+formatFactory.s = formatFactory.str = formatFactory.string;
+formatFactory.f = formatFactory.fixed;
+formatFactory.n = formatFactory.number;
+formatFactory.p = formatFactory.percentage;
+formatFactory.ps = formatFactory.percentageSign;
+formatFactory.d = formatFactory.date;
+formatFactory.t = formatFactory.time;
+formatFactory.dt = formatFactory.datetime;
+formatFactory.zeropad = formatFactory.zeroPad;
+formatFactory.leftpad = formatFactory.leftPad;
+formatFactory.capitalize = formatFactory.capitalize;
+formatFactory.titlecase = formatFactory.titleCase;
+
+function buildFormatter(format) {
+   let formatter = defaultFormatter,
+      nullText = "";
+   if (format) {
+      let pipeParts = format.split("|");
+      nullText = pipeParts[1] || "";
+      let colonSepParts = pipeParts[0].split(":");
+      for (let i = 0; i < colonSepParts.length; i++) {
+         let parts = colonSepParts[i].split(";");
+         let factory = formatFactory[parts[0]];
+         if (!factory) debug("Unknown string format: " + format);
+         else if (i == 0) formatter = factory(...parts);
+         else {
+            let outerFmt = factory(...parts);
+            let innerFmt = formatter;
+            formatter = (v) => outerFmt(innerFmt(v));
+         }
+      }
+   }
+   return (v) => (v == null || v === "" ? nullText : formatter(v));
+}
+
+let format = {
+   cache: {},
+};
+
+function getDefaultFormatCache() {
+   if (format.cacheIdentifier != GlobalCacheIdentifier.get()) {
+      format = {
+         cache: {},
+         cacheIdentifier: GlobalCacheIdentifier.get(),
+      };
+   }
+   return format.cache;
+}
+
+let getFormatCache = getDefaultFormatCache;
+
+export function setGetFormatCacheCallback(callback) {
+   getFormatCache = callback;
+}
+
+function getFormatter(format) {
+   if (!format) format = "";
+   let formatCache = getFormatCache();
+   let formatter = formatCache[format];
+   if (!formatter) formatter = formatCache[format] = buildFormatter(format);
+
+   return formatter;
+}
+
+export class Format {
+   static value(v, format) {
+      let formatter = getFormatter(format);
+      return formatter(v);
+   }
+
+   static parse(format) {
+      return getFormatter(format);
+   }
+
+   static register(format, formatter) {
+      this.registerFactory(format, () => formatter);
+   }
+
+   static registerFactory(format, factory) {
+      if (isArray(format)) format.forEach((f) => this.registerFactory(f, factory));
+      else formatFactory[format] = factory;
+   }
+}
+
+export function resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits) {
+   minimumFractionDigits = minimumFractionDigits != null ? Number(minimumFractionDigits) : minimumFractionDigits;
+   maximumFractionDigits = maximumFractionDigits != null ? Number(maximumFractionDigits) : maximumFractionDigits;
+
+   if (isNumber(minimumFractionDigits)) {
+      if (isUndefined(maximumFractionDigits)) maximumFractionDigits = minimumFractionDigits;
+      else if (isNumber(maximumFractionDigits) && maximumFractionDigits < minimumFractionDigits)
+         maximumFractionDigits = minimumFractionDigits;
+   } else if (minimumFractionDigits == null && maximumFractionDigits == null) {
+      minimumFractionDigits = 0;
+      maximumFractionDigits = 18;
+   }
+
+   return {
+      minimumFractionDigits,
+      maximumFractionDigits,
+   };
+}
+
+export function trimFractionZeros(str, max) {
+   let cnt = 0,
+      l = str.length;
+   while (cnt < max && (str[l - 1 - cnt] === "0" || str[l - 1 - cnt] === ".")) cnt++;
+
+   return cnt > 0 ? str.substring(0, l - cnt) : str;
+}