cx 25.5.2 → 25.6.0

package/src/data/SubscribableView.js

@@ -1,54 +1,54 @@
-import { View } from "./View";
-import { SubscriberList } from "../util/SubscriberList";
-
-export class SubscribableView extends View {
-   constructor(config) {
-      super(config);
-      this.subscribers = new SubscriberList();
-      this.changes = [];
-   }
-
-   subscribe(callback) {
-      return this.subscribers.subscribe(callback);
-   }
-
-   unsubscribeAll() {
-      this.subscribers.clear();
-   }
-
-   doNotify(path) {
-      if (this.notificationsSuspended) return;
-
-      if (!this.async) {
-         this.subscribers.notify([path]);
-      } else {
-         this.changes.push(path || "");
-         if (!this.scheduled) {
-            this.scheduled = true;
-            setTimeout(() => {
-               this.scheduled = false;
-               let changes = this.changes;
-               this.changes = [];
-               this.subscribers.notify(changes);
-            }, 0);
-         }
-      }
-   }
-
-   silently(callback) {
-      this.notificationsSuspended = (this.notificationsSuspended || 0) + 1;
-      let wasDirty = this.dirty,
-         dirty;
-      this.dirty = false;
-      try {
-         callback(this);
-      } finally {
-         this.notificationsSuspended--;
-         dirty = this.dirty;
-         this.dirty = wasDirty;
-      }
-      return dirty;
-   }
-}
-
-SubscribableView.prototype.async = false;
+import { View } from "./View";
+import { SubscriberList } from "../util/SubscriberList";
+
+export class SubscribableView extends View {
+   constructor(config) {
+      super(config);
+      this.subscribers = new SubscriberList();
+      this.changes = [];
+   }
+
+   subscribe(callback) {
+      return this.subscribers.subscribe(callback);
+   }
+
+   unsubscribeAll() {
+      this.subscribers.clear();
+   }
+
+   doNotify(path) {
+      if (this.notificationsSuspended) return;
+
+      if (!this.async) {
+         this.subscribers.notify([path]);
+      } else {
+         this.changes.push(path || "");
+         if (!this.scheduled) {
+            this.scheduled = true;
+            setTimeout(() => {
+               this.scheduled = false;
+               let changes = this.changes;
+               this.changes = [];
+               this.subscribers.notify(changes);
+            }, 0);
+         }
+      }
+   }
+
+   silently(callback) {
+      this.notificationsSuspended = (this.notificationsSuspended || 0) + 1;
+      let wasDirty = this.dirty,
+         dirty;
+      this.dirty = false;
+      try {
+         callback(this);
+      } finally {
+         this.notificationsSuspended--;
+         dirty = this.dirty;
+         this.dirty = wasDirty;
+      }
+      return dirty;
+   }
+}
+
+SubscribableView.prototype.async = false;

package/src/ui/createFunctionalComponent.d.ts

@@ -1 +1 @@
-export function createFunctionalComponent<T, X>(factory: (props: T) => X): (props: T) => X;
+export function createFunctionalComponent<T, X>(factory: (props: T) => X): (props: T) => X;

package/src/ui/index.d.ts

@@ -1,42 +1,42 @@
-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 "./createFunctionalComponent";
-export * from "./StructuredInstanceDataAccessor";
-export * from "./HoverSync";
-
-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 "./createFunctionalComponent";
+export * from "./StructuredInstanceDataAccessor";
+export * from "./HoverSync";
+
+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/debounce.js

@@ -1,18 +1,18 @@
-export function debounce(callback, delay) {
-   let timer;
-
-   let result = function (...args) {
-      let context = this;
-      clearTimeout(timer);
-      timer = setTimeout(function () {
-         callback.apply(context, args);
-      }, delay);
-   };
-
-   result.reset = function reset(...args) {
-      clearTimeout(timer);
-      callback.apply(this, args);
-   };
-
-   return result;
-}
+export function debounce(callback, delay) {
+   let timer;
+
+   let result = function (...args) {
+      let context = this;
+      clearTimeout(timer);
+      timer = setTimeout(function () {
+         callback.apply(context, args);
+      }, delay);
+   };
+
+   result.reset = function reset(...args) {
+      clearTimeout(timer);
+      callback.apply(this, args);
+   };
+
+   return result;
+}

package/src/util/validatedDebounce.js

@@ -1,19 +1,19 @@
-export function validatedDebounce(callback, valueGetter, delay) {
-   let timer;
-   let result = function (...args) {
-      clearTimeout(timer);
-      let prev = valueGetter();
-      timer = setTimeout(function () {
-         let now = valueGetter();
-         if (prev !== now) return;
-         callback(...args);
-      }, delay);
-   };
-
-   result.reset = function reset(...args) {
-      clearTimeout(timer);
-      callback(...args);
-   };
-
-   return result;
-}
+export function validatedDebounce(callback, valueGetter, delay) {
+   let timer;
+   let result = function (...args) {
+      clearTimeout(timer);
+      let prev = valueGetter();
+      timer = setTimeout(function () {
+         let now = valueGetter();
+         if (prev !== now) return;
+         callback(...args);
+      }, delay);
+   };
+
+   result.reset = function reset(...args) {
+      clearTimeout(timer);
+      callback(...args);
+   };
+
+   return result;
+}

package/src/widgets/Button.js

@@ -1,118 +1,118 @@
-import { Widget, VDOM, getContentArray } from "../ui/Widget";
-import { HtmlElement } from "./HtmlElement";
-import { yesNo } from "./overlay/alerts";
-import { Icon } from "./Icon";
-import { preventFocus } from "../ui/FocusManager";
-import { isFunction } from "../util/isFunction";
-import { isDefined } from "../util/isDefined";
-import { coalesce } from "../util/coalesce";
-
-export class Button extends HtmlElement {
-   declareData() {
-      super.declareData(...arguments, {
-         confirm: { structured: true },
-         pressed: undefined,
-         icon: undefined,
-         disabled: undefined,
-         enabled: undefined,
-      });
-   }
-
-   prepareData(context, instance) {
-      let { data } = instance;
-      data.stateMods = {
-         ...data.stateMods,
-         pressed: data.pressed,
-      };
-      if (isDefined(data.enabled)) data.disabled = !data.enabled;
-
-      super.prepareData(context, instance);
-   }
-
-   explore(context, instance) {
-      instance.data.parentDisabled = context.parentDisabled;
-      instance.data.parentStrict = context.parentStrict;
-
-      if (instance.cache("parentDisabled", context.parentDisabled)) instance.markShouldUpdate(context);
-      if (instance.cache("parentStrict", context.parentStrict)) instance.markShouldUpdate(context);
-
-      super.explore(context, instance);
-   }
-
-   attachProps(context, instance, props) {
-      super.attachProps(context, instance, props);
-
-      if (!this.focusOnMouseDown) {
-         props.onMouseDown = (e) => {
-            if (this.onMouseDown && instance.invoke("onMouseDown", e, instance) == false) return;
-            preventFocus(e);
-         };
-      }
-
-      if (this.dismiss) {
-         let { onClick } = props;
-
-         props.onClick = (...args) => {
-            if (onClick && onClick(...args) === false) return;
-
-            if (instance.parentOptions && isFunction(instance.parentOptions.dismiss)) instance.parentOptions.dismiss();
-         };
-      }
-
-      if (this.tag === "button") props.type = this.submit ? "submit" : "button";
-
-      delete props.confirm;
-      delete props.dismiss;
-      delete props.pressed;
-      delete props.submit;
-      delete props.focusOnMouseDown;
-      delete props.icon;
-      delete props.enabled;
-
-      let oldOnClick,
-         { data } = instance;
-
-      props.disabled = coalesce(data.parentStrict ? data.parentDisabled : null, data.disabled, data.parentDisabled);
-
-      if (data.confirm) {
-         oldOnClick = props.onClick;
-         props.onClick = () => {
-            yesNo(data.confirm).then((btn) => {
-               if (btn == "yes") oldOnClick.call(this, null, instance);
-            });
-         };
-      }
-
-      let icon, children;
-
-      if (data.icon) {
-         icon = Icon.render(data.icon, {
-            key: "icon",
-            className: this.CSS.element(this.baseClass, "icon"),
-         });
-         children = getContentArray(props.children);
-         props.children = [icon, ...children];
-         props.className = this.CSS.expand(
-            props.className,
-            this.CSS.state("icon"),
-            children.length == 0 && this.CSS.state("empty")
-         );
-
-         if (children.length == 0) {
-            props.children.push(
-               <span key="baseline" className={this.CSS.element(this.baseClass, "baseline")}>
-                  &nbsp;
-               </span>
-            );
-         }
-      }
-   }
-}
-
-Button.prototype.tag = "button";
-Button.prototype.baseClass = "button";
-Button.prototype.icon = false;
-Button.prototype.focusOnMouseDown = false;
-Button.prototype.submit = false;
-
-Widget.alias("button", Button);
+import { Widget, VDOM, getContentArray } from "../ui/Widget";
+import { HtmlElement } from "./HtmlElement";
+import { yesNo } from "./overlay/alerts";
+import { Icon } from "./Icon";
+import { preventFocus } from "../ui/FocusManager";
+import { isFunction } from "../util/isFunction";
+import { isDefined } from "../util/isDefined";
+import { coalesce } from "../util/coalesce";
+
+export class Button extends HtmlElement {
+   declareData() {
+      super.declareData(...arguments, {
+         confirm: { structured: true },
+         pressed: undefined,
+         icon: undefined,
+         disabled: undefined,
+         enabled: undefined,
+      });
+   }
+
+   prepareData(context, instance) {
+      let { data } = instance;
+      data.stateMods = {
+         ...data.stateMods,
+         pressed: data.pressed,
+      };
+      if (isDefined(data.enabled)) data.disabled = !data.enabled;
+
+      super.prepareData(context, instance);
+   }
+
+   explore(context, instance) {
+      instance.data.parentDisabled = context.parentDisabled;
+      instance.data.parentStrict = context.parentStrict;
+
+      if (instance.cache("parentDisabled", context.parentDisabled)) instance.markShouldUpdate(context);
+      if (instance.cache("parentStrict", context.parentStrict)) instance.markShouldUpdate(context);
+
+      super.explore(context, instance);
+   }
+
+   attachProps(context, instance, props) {
+      super.attachProps(context, instance, props);
+
+      if (!this.focusOnMouseDown) {
+         props.onMouseDown = (e) => {
+            if (this.onMouseDown && instance.invoke("onMouseDown", e, instance) == false) return;
+            preventFocus(e);
+         };
+      }
+
+      if (this.dismiss) {
+         let { onClick } = props;
+
+         props.onClick = (...args) => {
+            if (onClick && onClick(...args) === false) return;
+
+            if (instance.parentOptions && isFunction(instance.parentOptions.dismiss)) instance.parentOptions.dismiss();
+         };
+      }
+
+      if (this.tag === "button") props.type = this.submit ? "submit" : "button";
+
+      delete props.confirm;
+      delete props.dismiss;
+      delete props.pressed;
+      delete props.submit;
+      delete props.focusOnMouseDown;
+      delete props.icon;
+      delete props.enabled;
+
+      let oldOnClick,
+         { data } = instance;
+
+      props.disabled = coalesce(data.parentStrict ? data.parentDisabled : null, data.disabled, data.parentDisabled);
+
+      if (data.confirm) {
+         oldOnClick = props.onClick;
+         props.onClick = () => {
+            yesNo(data.confirm).then((btn) => {
+               if (btn == "yes") oldOnClick.call(this, null, instance);
+            });
+         };
+      }
+
+      let icon, children;
+
+      if (data.icon) {
+         icon = Icon.render(data.icon, {
+            key: "icon",
+            className: this.CSS.element(this.baseClass, "icon"),
+         });
+         children = getContentArray(props.children);
+         props.children = [icon, ...children];
+         props.className = this.CSS.expand(
+            props.className,
+            this.CSS.state("icon"),
+            children.length == 0 && this.CSS.state("empty")
+         );
+
+         if (children.length == 0) {
+            props.children.push(
+               <span key="baseline" className={this.CSS.element(this.baseClass, "baseline")}>
+                  &nbsp;
+               </span>
+            );
+         }
+      }
+   }
+}
+
+Button.prototype.tag = "button";
+Button.prototype.baseClass = "button";
+Button.prototype.icon = false;
+Button.prototype.focusOnMouseDown = false;
+Button.prototype.submit = false;
+
+Widget.alias("button", Button);