cx 26.0.11 → 26.0.13

package/src/ui/layout/FirstVisibleChildLayout.ts

@@ -1,60 +1,60 @@
-import { PureContainerConfig } from "./../PureContainer";
-import { Instance } from "../Instance";
-import { PureContainer } from "../PureContainer";
-import { RenderingContext } from "../RenderingContext";
-
-function isVisibleDeep(instance: Instance): boolean {
-   if (instance.visible && (!instance.widget.isPureContainer || !instance.widget.useParentLayout)) return true;
-   if (instance.children) {
-      for (let i = 0; i < instance.children.length; i++) if (isVisibleDeep(instance.children[i])) return true;
-   }
-   return false;
-}
-
-class FirstVisibleChildItem extends PureContainer {
-   constructor(config: PureContainerConfig) {
-      super(config);
-   }
-
-   checkVisible(context: RenderingContext, instance: any, data: any): boolean {
-      if (instance.parent.firstVisibleChild) return false;
-      return super.checkVisible(context, instance, data);
-   }
-
-   explore(context: RenderingContext, instance: any): void {
-      if (instance.parent.firstVisibleChild) return;
-      super.explore(context, instance);
-   }
-
-   exploreCleanup(context: RenderingContext, instance: any): void {
-      if (instance.parent.firstVisibleChild) return;
-      if (isVisibleDeep(instance)) instance.parent.firstVisibleChild = instance;
-   }
-
-   render(context: RenderingContext, instance: any, key: any): any {
-      if (instance.parent.firstVisibleChild != instance) return null;
-      return super.render(context, instance, key);
-   }
-}
-
-FirstVisibleChildItem.prototype.useParentLayout = true;
-
-export class FirstVisibleChildLayout extends PureContainer {
-   explore(context: RenderingContext, instance: any): void {
-      instance.firstVisibleChild = null;
-      super.explore(context, instance);
-   }
-
-   exploreCleanup(context: RenderingContext, instance: any): void {
-      let { children, firstVisibleChild } = instance;
-      if (children) {
-         for (let i = 0; i < children.length; i++) if (children[i] != firstVisibleChild) children[i].destroy();
-      }
-      instance.children = [];
-      if (firstVisibleChild) instance.children.push(firstVisibleChild);
-   }
-
-   wrapItem(item: any): any {
-      return item instanceof FirstVisibleChildItem ? item : FirstVisibleChildItem.create({ items: item });
-   }
-}
+import { PureContainerConfig } from "./../PureContainer";
+import { Instance } from "../Instance";
+import { PureContainer } from "../PureContainer";
+import { RenderingContext } from "../RenderingContext";
+
+function isVisibleDeep(instance: Instance): boolean {
+   if (instance.visible && (!instance.widget.isPureContainer || !instance.widget.useParentLayout)) return true;
+   if (instance.children) {
+      for (let i = 0; i < instance.children.length; i++) if (isVisibleDeep(instance.children[i])) return true;
+   }
+   return false;
+}
+
+class FirstVisibleChildItem extends PureContainer {
+   constructor(config: PureContainerConfig) {
+      super(config);
+   }
+
+   checkVisible(context: RenderingContext, instance: any, data: any): boolean {
+      if (instance.parent.firstVisibleChild) return false;
+      return super.checkVisible(context, instance, data);
+   }
+
+   explore(context: RenderingContext, instance: any): void {
+      if (instance.parent.firstVisibleChild) return;
+      super.explore(context, instance);
+   }
+
+   exploreCleanup(context: RenderingContext, instance: any): void {
+      if (instance.parent.firstVisibleChild) return;
+      if (isVisibleDeep(instance)) instance.parent.firstVisibleChild = instance;
+   }
+
+   render(context: RenderingContext, instance: any, key: any): any {
+      if (instance.parent.firstVisibleChild != instance) return null;
+      return super.render(context, instance, key);
+   }
+}
+
+FirstVisibleChildItem.prototype.useParentLayout = true;
+
+export class FirstVisibleChildLayout extends PureContainer {
+   explore(context: RenderingContext, instance: any): void {
+      instance.firstVisibleChild = null;
+      super.explore(context, instance);
+   }
+
+   exploreCleanup(context: RenderingContext, instance: any): void {
+      let { children, firstVisibleChild } = instance;
+      if (children) {
+         for (let i = 0; i < children.length; i++) if (children[i] != firstVisibleChild) children[i].destroy();
+      }
+      instance.children = [];
+      if (firstVisibleChild) instance.children.push(firstVisibleChild);
+   }
+
+   wrapItem(item: any): any {
+      return item instanceof FirstVisibleChildItem ? item : FirstVisibleChildItem.create({ items: item });
+   }
+}

package/src/ui/selection/KeySelection.ts

@@ -6,12 +6,6 @@ import { View } from "../../data/View";
 import { Prop } from "../Prop";
 
 export interface KeySelectionConfig extends SelectionConfig {
-   /** Binding path for selection state. */
-   bind?: string;
-
-   /** Set to `true` to allow multiple selection. */
-   multiple?: boolean;
-
    /** Name of the field used as a key. Default is `id`. */
    keyField?: string;
 
@@ -20,12 +14,6 @@ export interface KeySelectionConfig extends SelectionConfig {
 
    /** Selection binding configuration. */
    selection?: Prop<any>;
-
-   /** Record binding. */
-   record?: Prop<any>;
-
-   /** Index binding. */
-   index?: Prop<any>;
 }
 
 export class KeySelection extends Selection {

package/src/ui/selection/PropertySelection.ts

@@ -1,87 +1,87 @@
-import { Selection, SelectionOptions } from "./Selection";
-import { View } from "../../data/View";
-import { isAccessorChain } from "../../data/createAccessorModelProxy";
-import { Binding } from "../Prop";
-
-export interface PropertySelectionConfig {
-   /** Name of the field used to indicate selection. Default is `selected`. */
-   selectedField?: string;
-
-   /** Set to `true` to allow multiple selection. */
-   multiple?: boolean;
-
-   /** Name of the field used as a key. */
-   keyField?: string;
-
-   /** Record binding. */
-   record?: Binding;
-
-   /** Records binding. */
-   records?: Binding;
-
-   /** Index binding. */
-   index?: Binding;
-
-   /** Binding path for selection state. */
-   bind?: string;
-}
-
-export class PropertySelection extends Selection {
-   declare records: any;
-   declare selectedField: string;
-
-   constructor(config?: PropertySelectionConfig) {
-      super(config);
-   }
-
-   selectMultiple(store: View, records: any[], indexes: any[], { toggle, add }: SelectionOptions = {}): any {
-      if (this.toggle) toggle = true;
-
-      if (!this.records) return false;
-
-      let path = isAccessorChain(this.records) ? this.records.toString() : this.records.bind;
-      if (!path) return false;
-
-      let array = store.get(path);
-      let newArray = [...array];
-      let dirty = false;
-
-      if (!toggle && !add) {
-         newArray.forEach((r, i) => {
-            if (r[this.selectedField]) {
-               let nr = Object.assign({}, r);
-               nr[this.selectedField] = false;
-               newArray[i] = nr;
-               dirty = true;
-            }
-         });
-      }
-
-      records.forEach((record, i) => {
-         let index = indexes[i];
-         let rec = newArray[index];
-         if (array[index] !== record) throw new Error("Stale data.");
-
-         let value = rec[this.selectedField];
-         let newValue = add ? true : toggle ? !value : true;
-
-         if (value == newValue) return;
-
-         let newRec = Object.assign({}, rec);
-         newRec[this.selectedField] = newValue;
-         newArray[index] = newRec;
-         dirty = true;
-      });
-
-      if (dirty) store.set(path, newArray);
-   }
-
-   isSelected(store: View, record: any, index: any): boolean {
-      return record && record[this.selectedField!];
-   }
-}
-
-PropertySelection.prototype.selectedField = "selected";
-PropertySelection.prototype.multiple = false;
-
-(Selection as any).alias("property", PropertySelection);
+import { Selection, SelectionOptions } from "./Selection";
+import { View } from "../../data/View";
+import { isAccessorChain } from "../../data/createAccessorModelProxy";
+import { Binding } from "../Prop";
+
+export interface PropertySelectionConfig {
+   /** Name of the field used to indicate selection. Default is `selected`. */
+   selectedField?: string;
+
+   /** Set to `true` to allow multiple selection. */
+   multiple?: boolean;
+
+   /** Name of the field used as a key. */
+   keyField?: string;
+
+   /** Record binding. */
+   record?: Binding;
+
+   /** Records binding. */
+   records?: Binding;
+
+   /** Index binding. */
+   index?: Binding;
+
+   /** Binding path for selection state. */
+   bind?: string;
+}
+
+export class PropertySelection extends Selection {
+   declare records: any;
+   declare selectedField: string;
+
+   constructor(config?: PropertySelectionConfig) {
+      super(config);
+   }
+
+   selectMultiple(store: View, records: any[], indexes: any[], { toggle, add }: SelectionOptions = {}): any {
+      if (this.toggle) toggle = true;
+
+      if (!this.records) return false;
+
+      let path = isAccessorChain(this.records) ? this.records.toString() : this.records.bind;
+      if (!path) return false;
+
+      let array = store.get(path);
+      let newArray = [...array];
+      let dirty = false;
+
+      if (!toggle && !add) {
+         newArray.forEach((r, i) => {
+            if (r[this.selectedField]) {
+               let nr = Object.assign({}, r);
+               nr[this.selectedField] = false;
+               newArray[i] = nr;
+               dirty = true;
+            }
+         });
+      }
+
+      records.forEach((record, i) => {
+         let index = indexes[i];
+         let rec = newArray[index];
+         if (array[index] !== record) throw new Error("Stale data.");
+
+         let value = rec[this.selectedField];
+         let newValue = add ? true : toggle ? !value : true;
+
+         if (value == newValue) return;
+
+         let newRec = Object.assign({}, rec);
+         newRec[this.selectedField] = newValue;
+         newArray[index] = newRec;
+         dirty = true;
+      });
+
+      if (dirty) store.set(path, newArray);
+   }
+
+   isSelected(store: View, record: any, index: any): boolean {
+      return record && record[this.selectedField!];
+   }
+}
+
+PropertySelection.prototype.selectedField = "selected";
+PropertySelection.prototype.multiple = false;
+
+(Selection as any).alias("property", PropertySelection);

package/src/ui/selection/Selection.ts

@@ -1,5 +1,7 @@
 import { Component } from "../../util/Component";
 import { View } from "../../data/View";
+import { AccessorChain } from "../../data/createAccessorModelProxy";
+import { Prop } from "../Prop";
 
 export interface SelectionOptions {
    toggle?: boolean;
@@ -7,10 +9,18 @@ export interface SelectionOptions {
 }
 
 export interface SelectionConfig {
-   bind?: string;
-   record?: any;
-   index?: any;
+   /** Binding path for selection state. */
+   bind?: string | AccessorChain<any>;
+
+   /** Record binding. */
+   record?: Prop<any>;
+
+   /** Index binding. */
+   index?: Prop<number>;
+
    toggle?: boolean;
+
+   /** Set to `true` to allow multiple selection. */
    multiple?: boolean;
 }
 

package/src/util/Console.ts

@@ -1,11 +1,13 @@
-export const Console = {
-   log: (...args: any[]): void => {
-      if (typeof window != 'undefined' && window.console)
-         console.log(...args);
-   },
-
-   warn: (...args: any[]): void => {
-      if (typeof window != 'undefined' && window.console)
-         console.warn(...args);
-   }
-};
+export const Console = {
+   log: (...args: any[]): void => {
+      if (typeof window != "undefined" && window.console) console.log(...args);
+   },
+
+   warn: (...args: any[]): void => {
+      if (typeof window != "undefined" && window.console) console.warn(...args);
+   },
+
+   error: (...args: any[]): void => {
+      if (typeof window != "undefined" && window.console) console.error(...args);
+   },
+};