cx 24.4.0 → 24.4.2

package/src/ui/expr.d.ts

@@ -1,24 +1,24 @@
-import { AccessorChain, Selector, Expr } from "../core";
-
-export function expr(code: string): Expr;
-export function expr<V1, R>(arg1: AccessorChain<V1>, compute: (v1: V1) => R): Selector<R>;
-export function expr<V1, V2, R>(
-   arg1: AccessorChain<V1>,
-   arg2: AccessorChain<V2>,
-   compute: (v1: V1, v2: V2) => R
-): Selector<R>;
-
-export function expr<V1, V2, V3, R>(
-   arg1: AccessorChain<V1>,
-   arg2: AccessorChain<V2>,
-   arg3: AccessorChain<V3>,
-   compute: (v1: V1, v2: V2, v3: V3) => R
-): Selector<R>;
-
-export function expr<V1, V2, V3, V4, R>(
-   arg1: AccessorChain<V1>,
-   arg2: AccessorChain<V2>,
-   arg3: AccessorChain<V3>,
-   arg4: AccessorChain<V4>,
-   compute: (v1: V1, v2: V2, v3: V3, v4: V4) => R
-): Selector<R>;
+import { AccessorChain, Selector, Expr } from "../core";
+
+export function expr(code: string): Expr;
+export function expr<V1, R>(arg1: AccessorChain<V1>, compute: (v1: V1) => R): Selector<R>;
+export function expr<V1, V2, R>(
+   arg1: AccessorChain<V1>,
+   arg2: AccessorChain<V2>,
+   compute: (v1: V1, v2: V2) => R
+): Selector<R>;
+
+export function expr<V1, V2, V3, R>(
+   arg1: AccessorChain<V1>,
+   arg2: AccessorChain<V2>,
+   arg3: AccessorChain<V3>,
+   compute: (v1: V1, v2: V2, v3: V3) => R
+): Selector<R>;
+
+export function expr<V1, V2, V3, V4, R>(
+   arg1: AccessorChain<V1>,
+   arg2: AccessorChain<V2>,
+   arg3: AccessorChain<V3>,
+   arg4: AccessorChain<V4>,
+   compute: (v1: V1, v2: V2, v3: V3, v4: V4) => R
+): Selector<R>;

package/src/ui/expr.js

@@ -1,17 +1,17 @@
-import { Binding } from "../data/Binding";
-import { isString } from "../util/isString";
-
-export function expr(text) {
-   if (isString(text))
-      return {
-         expr: text,
-      };
-
-   let getters = [];
-   let compute = arguments[arguments.length - 1];
-   for (let i = 0; i < arguments.length - 1; i++) getters.push(Binding.get(arguments[i]).value);
-   return (data) => {
-      let argv = getters.map((g) => g(data));
-      return compute.apply(this, argv);
-   };
-}
+import { Binding } from "../data/Binding";
+import { isString } from "../util/isString";
+
+export function expr(text) {
+   if (isString(text))
+      return {
+         expr: text,
+      };
+
+   let getters = [];
+   let compute = arguments[arguments.length - 1];
+   for (let i = 0; i < arguments.length - 1; i++) getters.push(Binding.get(arguments[i]).value);
+   return (data) => {
+      let argv = getters.map((g) => g(data));
+      return compute.apply(this, argv);
+   };
+}

package/src/ui/flattenProps.js

@@ -1,21 +1,21 @@
-export const flattenProps = props => {
-
-   if (!props) return {};
-
-   if (props.jsxSpread) {
-      props = {
-         ...props,
-         ...props.jsxSpread.reduce((acc, prop) => Object.assign(acc, prop), {})
-      };
-   }
-
-   if (props.$props !== undefined) {
-      props = {
-         ...props.$props,
-         jsxAttributes: props.jsxAttributes,
-         children: props.children
-      };
-   }
-
-   return {...props};
-};
+export const flattenProps = props => {
+
+   if (!props) return {};
+
+   if (props.jsxSpread) {
+      props = {
+         ...props,
+         ...props.jsxSpread.reduce((acc, prop) => Object.assign(acc, prop), {})
+      };
+   }
+
+   if (props.$props !== undefined) {
+      props = {
+         ...props.$props,
+         jsxAttributes: props.jsxAttributes,
+         children: props.children
+      };
+   }
+
+   return {...props};
+};

package/src/ui/index.js

@@ -1,44 +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 "./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/ui/index.scss

@@ -1,2 +1,2 @@
-
-@import 'layout/index';
+
+@import 'layout/index';

package/src/ui/keyboardShortcuts.d.ts

@@ -1,5 +1,5 @@
-export type KeyboardShortcut = number | { keyCode: number, ctrlKey?: boolean, shiftKey?: boolean, altKey?: boolean };
-
-export function executeKeyboardShortcuts(e: KeyboardEvent);
-
+export type KeyboardShortcut = number | { keyCode: number, ctrlKey?: boolean, shiftKey?: boolean, altKey?: boolean };
+
+export function executeKeyboardShortcuts(e: KeyboardEvent);
+
 export function registerKeyboardShortcut(key: KeyboardShortcut, callback: (e: KeyboardEvent) => void);

package/src/ui/keyboardShortcuts.js

@@ -1,31 +1,31 @@
-import { SubscriberList } from "../util/SubscriberList";
-import { isObject } from "../util/isObject";
-
-let subscribers, eventBan = 0;
-
-export function executeKeyboardShortcuts(e) {
-   if (Date.now() < eventBan) return;
-   // Avoid duplicate executions as event.stopPropagation() for React events does not stop native events
-   eventBan = Date.now() + 5;
-   subscribers && subscribers.notify(e);
-}
-
-export function registerKeyboardShortcut(key, callback) {
-   const keyCode = isObject(key) ? key.keyCode : key;
-   const shiftKey = isObject(key) ? key.shiftKey : false;
-   const ctrlKey = isObject(key) ? key.ctrlKey : false;
-   const altKey = isObject(key) ? key.altKey : false;
-
-   if (!subscribers) {
-      subscribers = new SubscriberList();
-      document.addEventListener("keydown", e => {
-         if (e.target == document.body)
-            executeKeyboardShortcuts(e);
-      });
-   }
-
-   return subscribers.subscribe(e => {
-      if (e.keyCode == keyCode && (!shiftKey || e.shiftKey) && (!ctrlKey || e.ctrlKey) && (!altKey || e.altKey))
-         callback(e);
-   });
-}
+import { SubscriberList } from "../util/SubscriberList";
+import { isObject } from "../util/isObject";
+
+let subscribers, eventBan = 0;
+
+export function executeKeyboardShortcuts(e) {
+   if (Date.now() < eventBan) return;
+   // Avoid duplicate executions as event.stopPropagation() for React events does not stop native events
+   eventBan = Date.now() + 5;
+   subscribers && subscribers.notify(e);
+}
+
+export function registerKeyboardShortcut(key, callback) {
+   const keyCode = isObject(key) ? key.keyCode : key;
+   const shiftKey = isObject(key) ? key.shiftKey : false;
+   const ctrlKey = isObject(key) ? key.ctrlKey : false;
+   const altKey = isObject(key) ? key.altKey : false;
+
+   if (!subscribers) {
+      subscribers = new SubscriberList();
+      document.addEventListener("keydown", e => {
+         if (e.target == document.body)
+            executeKeyboardShortcuts(e);
+      });
+   }
+
+   return subscribers.subscribe(e => {
+      if (e.keyCode == keyCode && (!shiftKey || e.shiftKey) && (!ctrlKey || e.ctrlKey) && (!altKey || e.altKey))
+         callback(e);
+   });
+}

package/src/ui/layout/Content.d.ts

@@ -1,14 +1,14 @@
-import * as Cx from "../../core";
-
-interface ContentProps extends Cx.PureContainerProps {
-   /** Placeholder name where the content is rendered. */
-   name?: string;
-
-   /** Placeholder name where the content is rendered. */
-   for?: string;
-
-   /** Placeholder name where the content is rendered. */
-   putInto?: string;
-}
-
-export class Content extends Cx.Widget<ContentProps> {}
+import * as Cx from "../../core";
+
+interface ContentProps extends Cx.PureContainerProps {
+   /** Placeholder name where the content is rendered. */
+   name?: string;
+
+   /** Placeholder name where the content is rendered. */
+   for?: string;
+
+   /** Placeholder name where the content is rendered. */
+   putInto?: string;
+}
+
+export class Content extends Cx.Widget<ContentProps> {}

package/src/ui/layout/Content.js

@@ -1,16 +1,16 @@
-import {Widget} from '../Widget';
-import {PureContainer} from '../PureContainer';
-
-export class Content extends PureContainer {
-
-   init() {
-      super.init();
-      this.putInto = this.for || this.name;
-   }
-}
-
-Content.prototype.name = 'body';
-Content.prototype.isContent = true;
-
-Widget.alias('content', Content);
-
+import {Widget} from '../Widget';
+import {PureContainer} from '../PureContainer';
+
+export class Content extends PureContainer {
+
+   init() {
+      super.init();
+      this.putInto = this.for || this.name;
+   }
+}
+
+Content.prototype.name = 'body';
+Content.prototype.isContent = true;
+
+Widget.alias('content', Content);
+

package/src/ui/layout/ContentPlaceholder.d.ts

@@ -1,18 +1,18 @@
-import * as Cx from '../../core';
-import {RenderingContext} from '../RenderingContext';
-
-interface ContentPlaceholderProps extends Cx.PureContainerProps {
-
-   name?: Cx.StringProp,
-
-   scoped?: boolean
-}
-
-export class ContentPlaceholder extends Cx.Widget<ContentPlaceholderProps> {}
-
-
-interface ContentPlaceholderScopeProps extends Cx.PureContainerProps {
-   name?: string | string[]
-}
-
+import * as Cx from '../../core';
+import {RenderingContext} from '../RenderingContext';
+
+interface ContentPlaceholderProps extends Cx.PureContainerProps {
+
+   name?: Cx.StringProp,
+
+   scoped?: boolean
+}
+
+export class ContentPlaceholder extends Cx.Widget<ContentPlaceholderProps> {}
+
+
+interface ContentPlaceholderScopeProps extends Cx.PureContainerProps {
+   name?: string | string[]
+}
+
 export class ContentPlaceholderScope extends Cx.Widget<ContentPlaceholderScopeProps> {}

package/src/ui/layout/ContentPlaceholder.js

@@ -1,80 +1,80 @@
-import {Widget} from '../Widget';
-import {PureContainer} from '../PureContainer';
-import {isString} from "../../util/isString";
-
-export class ContentPlaceholder extends PureContainer {
-
-   declareData() {
-      super.declareData(...arguments, {
-         name: undefined
-      });
-   }
-
-   explore(context, instance) {
-      instance.content = null;
-      let {data} = instance;
-
-      const content = context.content && context.content[data.name];
-      if (content && !this.scoped)
-         this.setContent(context, instance, content);
-      else
-         context.pushNamedValue('contentPlaceholder', data.name, (content) => {
-            this.setContent(context, instance, content);
-         });
-
-      if (this.scoped)
-         instance.unregisterContentPlaceholder = () => {
-            context.popNamedValue("contentPlaceholder", data.name);
-         };
-
-      super.explore(context, instance);
-   }
-
-   prepare(context, instance) {
-      let {content} = instance;
-      if (instance.cache('content', content) || (content && content.shouldUpdate))
-         instance.markShouldUpdate(context);
-   }
-
-   setContent(context, instance, content) {
-      instance.content = content;
-      content.contentPlaceholder = instance;
-   }
-
-   render(context, instance, key) {
-      const {content} = instance;
-      if (content)
-         return content.contentVDOM;
-
-      return super.render(context, instance, key);
-   }
-}
-
-ContentPlaceholder.prototype.name = 'body';
-ContentPlaceholder.prototype.scoped = false;
-
-Widget.alias('content-placeholder', ContentPlaceholder);
-
-export class ContentPlaceholderScope extends PureContainer {
-   init() {
-      super.init();
-
-      if (isString(this.name))
-         this.name = [this.name];
-   }
-
-   explore(context, instance) {
-      this.name.forEach(name => {
-         context.pushNamedValue('contentPlaceholder', name, null);
-         context.pushNamedValue('content', name, null);
-      });
-      super.explore(context, instance);
-   }
-
-   exploreCleanup(context, instance) {
-      this.name.forEach(name => {
-         context.popNamedValue('contentPlaceholder', name);
-         context.popNamedValue('content', name);
-      });
-   }
+import {Widget} from '../Widget';
+import {PureContainer} from '../PureContainer';
+import {isString} from "../../util/isString";
+
+export class ContentPlaceholder extends PureContainer {
+
+   declareData() {
+      super.declareData(...arguments, {
+         name: undefined
+      });
+   }
+
+   explore(context, instance) {
+      instance.content = null;
+      let {data} = instance;
+
+      const content = context.content && context.content[data.name];
+      if (content && !this.scoped)
+         this.setContent(context, instance, content);
+      else
+         context.pushNamedValue('contentPlaceholder', data.name, (content) => {
+            this.setContent(context, instance, content);
+         });
+
+      if (this.scoped)
+         instance.unregisterContentPlaceholder = () => {
+            context.popNamedValue("contentPlaceholder", data.name);
+         };
+
+      super.explore(context, instance);
+   }
+
+   prepare(context, instance) {
+      let {content} = instance;
+      if (instance.cache('content', content) || (content && content.shouldUpdate))
+         instance.markShouldUpdate(context);
+   }
+
+   setContent(context, instance, content) {
+      instance.content = content;
+      content.contentPlaceholder = instance;
+   }
+
+   render(context, instance, key) {
+      const {content} = instance;
+      if (content)
+         return content.contentVDOM;
+
+      return super.render(context, instance, key);
+   }
+}
+
+ContentPlaceholder.prototype.name = 'body';
+ContentPlaceholder.prototype.scoped = false;
+
+Widget.alias('content-placeholder', ContentPlaceholder);
+
+export class ContentPlaceholderScope extends PureContainer {
+   init() {
+      super.init();
+
+      if (isString(this.name))
+         this.name = [this.name];
+   }
+
+   explore(context, instance) {
+      this.name.forEach(name => {
+         context.pushNamedValue('contentPlaceholder', name, null);
+         context.pushNamedValue('content', name, null);
+      });
+      super.explore(context, instance);
+   }
+
+   exploreCleanup(context, instance) {
+      this.name.forEach(name => {
+         context.popNamedValue('contentPlaceholder', name);
+         context.popNamedValue('content', name);
+      });
+   }
 }