cx 24.3.11 → 24.4.1

package/src/ui/index.js

@@ -1,45 +1,44 @@
-export * from "./Controller";
-export * from "./Widget";
-export * from "./Container";
-export * from "./PureContainer";
-export * from "./Repeater";
-export * from "./Rescope";
-export * from "./StaticText";
-export * from "./Text";
-export * from "./CSS";
-export * from "./CSSHelper";
-export * from "./FocusManager";
-export * from "./ResizeManager";
-export * from "./ZIndexManager";
-export * from "./Format";
-export * from "./Culture";
-export * from "./Localization";
-export * from "./Cx";
-export * from "./Instance";
-export * from "./RenderingContext";
-export * from "./ContentResolver";
-export * from "./batchUpdates";
-export * from "./IsolatedScope";
-export * from "./DetachedScope";
-export * from "./Restate";
-export * from "./DataProxy";
-export * from "./keyboardShortcuts";
-export * from "./StructuredInstanceDataAccessor";
-export * from "./HoverSync";
-export * from "./CultureScope";
-
-export * from "./createFunctionalComponent";
-export * from "./flattenProps";
-
-export * from "./selection/index";
-export * from "./layout/index";
-export * from "./app/index";
-export * from "./adapter/index";
-
-export * from "./bind";
-export * from "./tpl";
-export * from "./expr";
-
-//re-export computable here
-import { computable } from "../data/computable";
-export { computable };
+export * from "./Controller";
+export * from "./Widget";
+export * from "./Container";
+export * from "./PureContainer";
+export * from "./Repeater";
+export * from "./Rescope";
+export * from "./StaticText";
+export * from "./Text";
+export * from "./CSS";
+export * from "./CSSHelper";
+export * from "./FocusManager";
+export * from "./ResizeManager";
+export * from "./ZIndexManager";
+export * from "./Format";
+export * from "./Culture";
+export * from "./Localization";
+export * from "./Cx";
+export * from "./Instance";
+export * from "./RenderingContext";
+export * from "./ContentResolver";
+export * from "./batchUpdates";
+export * from "./IsolatedScope";
+export * from "./DetachedScope";
+export * from "./Restate";
+export * from "./DataProxy";
+export * from "./keyboardShortcuts";
+export * from "./StructuredInstanceDataAccessor";
+export * from "./HoverSync";
+
+export * from "./createFunctionalComponent";
+export * from "./flattenProps";
+
+export * from "./selection/index";
+export * from "./layout/index";
+export * from "./app/index";
+export * from "./adapter/index";
+
+export * from "./bind";
+export * from "./tpl";
+export * from "./expr";
+
+//re-export computable here
+import { computable } from "../data/computable";
+export { computable };

package/src/util/Console.d.ts

@@ -1,9 +1,4 @@
-
 export class Console {
-
-   static log();
-
-   static warn();
-
+   static log(...args: unknown[]): void;
+   static warn(...args: unknown[]): void;
 }
-

package/src/util/Format.d.ts

@@ -1,18 +1,18 @@
-declare type Formatter = (any) => string;
-
-export class Format {
-   static value(v: any, format: string): string;
-
-   static parse(format: string): Formatter;
-
-   static register(format: string | string[], formatter: Formatter): void;
-
-   static registerFactory(format: string | string[], factory: (...args) => Formatter): void;
-}
-
-export function resolveMinMaxFractionDigits(
-   minimumFractionDigits: number,
-   maximumFractionDigits: number,
-): { minimumFractionDigits: number; maximumFractionDigits: number };
-
-export function setGetFormatCacheCallback(callback: () => {}): void;
+declare type Formatter = (any) => string;
+
+export class Format {
+   static value(v: any, format: string): string;
+
+   static parse(format: string): Formatter;
+
+   static register(format: string | string[], formatter: Formatter): void;
+
+   static registerFactory(format: string | string[], factory: (...args) => Formatter): void;
+}
+
+export function resolveMinMaxFractionDigits(
+   minimumFractionDigits: number,
+   maximumFractionDigits: number,
+): { minimumFractionDigits: number; maximumFractionDigits: number };
+
+export function setGetFormatCacheCallback(callback: () => {}): void;

package/src/util/Format.js

@@ -1,234 +1,234 @@
-import { debug } from "./Debug";
-import { GlobalCacheIdentifier } from "./GlobalCacheIdentifier";
-import { isNumber } from "../util/isNumber";
-import { isUndefined } from "../util/isUndefined";
-import { isArray } from "../util/isArray";
-
-//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;
-            };
-      }
-   },
-};
-
-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;
-
-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";
+
+//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;
+            };
+      }
+   },
+};
+
+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;
+
+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;
+}

package/src/widgets/drag-drop/DropZone.d.ts

@@ -55,35 +55,35 @@ interface DropZoneProps extends Cx.StyledContainerProps {
     * instance
     Return value is written into dragDropEvent.result and can be passed
     to the source's onDragEnd callback. */
-   onDrop?: (event?: DragEvent, instance?: Instance) => any;
+   onDrop?: string | ((event?: DragEvent, instance?: Instance) => any);
 
    /** A callback method used to test if dragged item (source) is compatible
     with the drop zone. */
-   onDropTest?: (event?: DragEvent, instance?: Instance) => boolean;
+   onDropTest?: string | ((event?: DragEvent, instance?: Instance) => boolean);
 
    /** A callback method invoked when the dragged item gets close to the drop zone.
     See also `nearDistance`. */
-   onDragNear?: (event?: DragEvent, instance?: Instance) => void;
+   onDragNear?: string | ((event?: DragEvent, instance?: Instance) => void);
 
    /** A callback method invoked when the dragged item is dragged away. */
-   onDragAway?: (event?: DragEvent, instance?: Instance) => void;
+   onDragAway?: string | ((event?: DragEvent, instance?: Instance) => void);
 
    /** A callback method invoked when the dragged item is dragged over the drop zone.
     The callback is called for each `mousemove` or `touchmove` event. */
-   onDragOver?: (event?: DragEvent, instance?: Instance) => void;
+   onDragOver?: string | ((event?: DragEvent, instance?: Instance) => void);
 
    /** A callback method invoked when the dragged item is dragged over the drop zone
     for the first time. */
-   onDragEnter?: (event?: DragEvent, instance?: Instance) => void;
+   onDragEnter?: string | ((event?: DragEvent, instance?: Instance) => void);
 
    /** A callback method invoked when the dragged item leaves the drop zone area. */
-   onDragLeave?: (event?: DragEvent, instance?: Instance) => void;
+   onDragLeave?: string | ((event?: DragEvent, instance?: Instance) => void);
 
    /** A callback method invoked when at the beginning of the drag & drop operation. */
-   onDragStart?: (event?: DragEvent, instance?: Instance) => void;
+   onDragStart?: string | ((event?: DragEvent, instance?: Instance) => void);
 
    /** A callback method invoked when at the end of the drag & drop operation. */
-   onDragEnd?: (event?: DragEvent, instance?: Instance) => void;
+   onDragEnd?: string | ((event?: DragEvent, instance?: Instance) => void);
 
    /** Match height of the item being dragged */
    matchHeight?: boolean;