cx 26.1.1 → 26.1.2

package/src/ui/layout/exploreChildren.ts

@@ -1,38 +1,38 @@
-import { CxChild, RenderingContext } from "../RenderingContext";
-import { Instance } from "../Instance";
-import { View } from "../../data/View";
-
-export function exploreChildren(
-   context: RenderingContext,
-   instance: Instance,
-   children: CxChild[],
-   previousResult: any[] | null,
-   key: any,
-   store: View,
-): any[] {
-   let newChildren = previousResult || [];
-   let oldChildren = previousResult || newChildren;
-   let identical = previousResult ? 0 : -1;
-
-   for (let c = 0; c < children.length; c++) {
-      let cell = (instance as any).getChild(context, children[c], key, store);
-
-      if ((cell as any).checkVisible(context)) {
-         if (identical >= 0) {
-            if (cell == oldChildren[identical]) identical++;
-            else {
-               newChildren = newChildren.slice(0, identical);
-               identical = -1;
-               newChildren.push(cell);
-            }
-         } else newChildren.push(cell);
-
-         (context as any).exploreStack.push(cell);
-         if ((cell as any).needsExploreCleanup) (context as any).exploreStack.push(cell);
-      }
-   }
-
-   if (identical >= 0 && identical != newChildren.length) newChildren = newChildren.slice(0, identical);
-
-   return newChildren;
-}
+import { CxChild, RenderingContext } from "../RenderingContext";
+import { Instance } from "../Instance";
+import { View } from "../../data/View";
+
+export function exploreChildren(
+   context: RenderingContext,
+   instance: Instance,
+   children: CxChild[],
+   previousResult: any[] | null,
+   key: any,
+   store: View,
+): any[] {
+   let newChildren = previousResult || [];
+   let oldChildren = previousResult || newChildren;
+   let identical = previousResult ? 0 : -1;
+
+   for (let c = 0; c < children.length; c++) {
+      let cell = (instance as any).getChild(context, children[c], key, store);
+
+      if ((cell as any).checkVisible(context)) {
+         if (identical >= 0) {
+            if (cell == oldChildren[identical]) identical++;
+            else {
+               newChildren = newChildren.slice(0, identical);
+               identical = -1;
+               newChildren.push(cell);
+            }
+         } else newChildren.push(cell);
+
+         (context as any).exploreStack.push(cell);
+         if ((cell as any).needsExploreCleanup) (context as any).exploreStack.push(cell);
+      }
+   }
+
+   if (identical >= 0 && identical != newChildren.length) newChildren = newChildren.slice(0, identical);
+
+   return newChildren;
+}

package/src/ui/layout/index.scss

@@ -1,3 +1,3 @@
-
-@import "LabelsLeftLayout";
-@import "LabelsTopLayout";
+
+@import "LabelsLeftLayout";
+@import "LabelsTopLayout";

package/src/ui/layout/index.ts

@@ -1,10 +1,10 @@
-export * from './FirstVisibleChildLayout';
-export * from './UseParentLayout';
-
-export * from './LabelsLeftLayout';
-export * from './LabelsTopLayout';
-
-export * from './Content';
-export * from './ContentPlaceholder';
-
-export * from './exploreChildren';
+export * from './FirstVisibleChildLayout';
+export * from './UseParentLayout';
+
+export * from './LabelsLeftLayout';
+export * from './LabelsTopLayout';
+
+export * from './Content';
+export * from './ContentPlaceholder';
+
+export * from './exploreChildren';

package/src/ui/layout/variables.scss

@@ -1,2 +1,2 @@
-
-// Layout variables
+
+// Layout variables

package/src/ui/selection/KeySelection.ts

@@ -1,153 +1,153 @@
-import { Selection, SelectionConfig, SelectionOptions } from "./Selection";
-import { isArray } from "../../util/isArray";
-import { isNonEmptyArray } from "../../util/isNonEmptyArray";
-import { shallowEquals } from "../../util/shallowEquals";
-import { View } from "../../data/View";
-import { Prop } from "../Prop";
-
-export interface KeySelectionConfig extends SelectionConfig {
-   /** Name of the field used as a key. Default is `id`. */
-   keyField?: string;
-
-   /** Storage format. Can be `array` or `hash`. Default is `array`. */
-   storage?: string;
-
-   /** Selection binding configuration. */
-   selection?: Prop<any>;
-}
-
-export class KeySelection extends Selection {
-   declare selection: any;
-   declare key: any;
-   declare keyField: string | false;
-   declare keyFields: string[];
-   declare initialized: boolean;
-   declare storage: string;
-
-   constructor(config?: KeySelectionConfig) {
-      super(config);
-   }
-
-   init(): void {
-      if (this.bind && !this.selection)
-         this.selection = {
-            bind: this.bind,
-         };
-
-      if (!this.selection) this.selection = {};
-
-      if (isArray(this.keyFields)) this.keyField = false;
-
-      this.initialized = true;
-   }
-
-   getKey(record: any): any {
-      if (this.key != null) return this.key;
-
-      if (!record) return null;
-
-      if (this.keyField) return record[this.keyField];
-
-      var key: any = {};
-      this.keyFields!.forEach((k) => {
-         key[k] = record[k];
-      });
-      return key;
-   }
-
-   areKeysEqual(key1: any, key2: any): boolean {
-      if (this.keyField) return key1 === key2 && key1 != null;
-
-      if (!key1 || !key2) return false;
-
-      return !this.keyFields!.some((k) => key1[k] !== key2[k]);
-   }
-
-   declareData(...args: any[]): any {
-      return super.declareData(
-         {
-            $selection: { structured: true },
-         },
-         ...args,
-      );
-   }
-
-   configureWidget(widget: any): any {
-      if (!this.initialized) this.init();
-
-      widget.$selection = Object.assign(widget.$selection || {}, {
-         keys: this.selection,
-      });
-
-      return super.configureWidget(widget);
-   }
-
-   selectMultiple(store: View, records: any[], indexes: any[], { toggle, add }: SelectionOptions = {}): any {
-      if (!this.selection.bind) return false;
-
-      if (this.toggle) toggle = true;
-
-      if (!isNonEmptyArray(records)) {
-         if (!toggle && !add) return store.delete(this.selection.bind);
-         return false;
-      }
-
-      var keys = records.map((record) => this.getKey(record));
-      var selection = store.get(this.selection.bind);
-      if (!this.multiple) {
-         let key = keys[0];
-         if (!toggle || !this.areKeysEqual(selection, key)) store.set(this.selection.bind, key);
-         else store.delete(this.selection.bind);
-      } else {
-         if (this.storage == "array") {
-            if (!isArray(selection) || (!toggle && !add)) this.updateSelectionWithShallowEqualsCheck(store, keys);
-            else {
-               let newSelection = [...selection];
-               keys.forEach((key) => {
-                  let exists = selection.some((x: any) => this.areKeysEqual(x, key));
-                  if (!exists) newSelection.push(key);
-                  else if (toggle) newSelection = newSelection.filter((x: any) => !this.areKeysEqual(x, key)); //TODO: optimize
-               });
-               this.updateSelectionWithShallowEqualsCheck(store, newSelection);
-            }
-         } else if (this.storage == "hash") {
-            let newSelection = toggle ? { ...selection } : {};
-            keys.forEach((key) => {
-               newSelection[key] = !newSelection[key];
-            });
-            this.updateSelectionWithShallowEqualsCheck(store, newSelection);
-         }
-      }
-   }
-
-   updateSelectionWithShallowEqualsCheck(store: View, newSelection: any): void {
-      store.update(this.selection.bind, (data: any) => (shallowEquals(data, newSelection) ? data : newSelection));
-   }
-
-   getIsSelectedDelegate(store: View): (record: any, index: any) => boolean {
-      if (!this.selection.bind) return () => false;
-
-      var selection = store.get(this.selection.bind);
-
-      if (this.multiple) {
-         if (this.storage == "array") {
-            selection = selection || [];
-            return (record, index) => selection.some((k: any) => this.areKeysEqual(this.getKey(record), k));
-         } else {
-            selection = selection || {};
-            return (record, index) => selection[this.getKey(record)];
-         }
-      } else return (record, index) => this.areKeysEqual(selection, this.getKey(record));
-   }
-
-   isSelected(store: View, record: any, index: any): boolean {
-      return this.getIsSelectedDelegate(store)(record, index);
-   }
-}
-
-KeySelection.prototype.multiple = false;
-KeySelection.prototype.keyField = "id";
-KeySelection.prototype.storage = "array";
-(KeySelection as any).autoInit = true;
-
-Selection.alias("key", KeySelection);
+import { Selection, SelectionConfig, SelectionOptions } from "./Selection";
+import { isArray } from "../../util/isArray";
+import { isNonEmptyArray } from "../../util/isNonEmptyArray";
+import { shallowEquals } from "../../util/shallowEquals";
+import { View } from "../../data/View";
+import { Prop } from "../Prop";
+
+export interface KeySelectionConfig extends SelectionConfig {
+   /** Name of the field used as a key. Default is `id`. */
+   keyField?: string;
+
+   /** Storage format. Can be `array` or `hash`. Default is `array`. */
+   storage?: string;
+
+   /** Selection binding configuration. */
+   selection?: Prop<any>;
+}
+
+export class KeySelection extends Selection {
+   declare selection: any;
+   declare key: any;
+   declare keyField: string | false;
+   declare keyFields: string[];
+   declare initialized: boolean;
+   declare storage: string;
+
+   constructor(config?: KeySelectionConfig) {
+      super(config);
+   }
+
+   init(): void {
+      if (this.bind && !this.selection)
+         this.selection = {
+            bind: this.bind,
+         };
+
+      if (!this.selection) this.selection = {};
+
+      if (isArray(this.keyFields)) this.keyField = false;
+
+      this.initialized = true;
+   }
+
+   getKey(record: any): any {
+      if (this.key != null) return this.key;
+
+      if (!record) return null;
+
+      if (this.keyField) return record[this.keyField];
+
+      var key: any = {};
+      this.keyFields!.forEach((k) => {
+         key[k] = record[k];
+      });
+      return key;
+   }
+
+   areKeysEqual(key1: any, key2: any): boolean {
+      if (this.keyField) return key1 === key2 && key1 != null;
+
+      if (!key1 || !key2) return false;
+
+      return !this.keyFields!.some((k) => key1[k] !== key2[k]);
+   }
+
+   declareData(...args: any[]): any {
+      return super.declareData(
+         {
+            $selection: { structured: true },
+         },
+         ...args,
+      );
+   }
+
+   configureWidget(widget: any): any {
+      if (!this.initialized) this.init();
+
+      widget.$selection = Object.assign(widget.$selection || {}, {
+         keys: this.selection,
+      });
+
+      return super.configureWidget(widget);
+   }
+
+   selectMultiple(store: View, records: any[], indexes: any[], { toggle, add }: SelectionOptions = {}): any {
+      if (!this.selection.bind) return false;
+
+      if (this.toggle) toggle = true;
+
+      if (!isNonEmptyArray(records)) {
+         if (!toggle && !add) return store.delete(this.selection.bind);
+         return false;
+      }
+
+      var keys = records.map((record) => this.getKey(record));
+      var selection = store.get(this.selection.bind);
+      if (!this.multiple) {
+         let key = keys[0];
+         if (!toggle || !this.areKeysEqual(selection, key)) store.set(this.selection.bind, key);
+         else store.delete(this.selection.bind);
+      } else {
+         if (this.storage == "array") {
+            if (!isArray(selection) || (!toggle && !add)) this.updateSelectionWithShallowEqualsCheck(store, keys);
+            else {
+               let newSelection = [...selection];
+               keys.forEach((key) => {
+                  let exists = selection.some((x: any) => this.areKeysEqual(x, key));
+                  if (!exists) newSelection.push(key);
+                  else if (toggle) newSelection = newSelection.filter((x: any) => !this.areKeysEqual(x, key)); //TODO: optimize
+               });
+               this.updateSelectionWithShallowEqualsCheck(store, newSelection);
+            }
+         } else if (this.storage == "hash") {
+            let newSelection = toggle ? { ...selection } : {};
+            keys.forEach((key) => {
+               newSelection[key] = !newSelection[key];
+            });
+            this.updateSelectionWithShallowEqualsCheck(store, newSelection);
+         }
+      }
+   }
+
+   updateSelectionWithShallowEqualsCheck(store: View, newSelection: any): void {
+      store.update(this.selection.bind, (data: any) => (shallowEquals(data, newSelection) ? data : newSelection));
+   }
+
+   getIsSelectedDelegate(store: View): (record: any, index: any) => boolean {
+      if (!this.selection.bind) return () => false;
+
+      var selection = store.get(this.selection.bind);
+
+      if (this.multiple) {
+         if (this.storage == "array") {
+            selection = selection || [];
+            return (record, index) => selection.some((k: any) => this.areKeysEqual(this.getKey(record), k));
+         } else {
+            selection = selection || {};
+            return (record, index) => selection[this.getKey(record)];
+         }
+      } else return (record, index) => this.areKeysEqual(selection, this.getKey(record));
+   }
+
+   isSelected(store: View, record: any, index: any): boolean {
+      return this.getIsSelectedDelegate(store)(record, index);
+   }
+}
+
+KeySelection.prototype.multiple = false;
+KeySelection.prototype.keyField = "id";
+KeySelection.prototype.storage = "array";
+(KeySelection as any).autoInit = true;
+
+Selection.alias("key", KeySelection);

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);