cx 24.6.2 → 24.6.4

package/src/ui/layout/index.js

@@ -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/index.scss

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

package/src/ui/layout/variables.scss

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

package/src/ui/selection/KeySelection.d.ts

@@ -1,17 +1,17 @@
-import * as Cx from '../../core';
-
-import { Selection } from './Selection'
-
-interface KeySelectionConfig {
-   bind?: string;
-   multiple?: boolean;
-   keyField?: string;
-   storage?: string;
-   selection?: Cx.Prop<any>,
-   record?: Cx.Prop<any>,
-   index?: Cx.Prop<any>
-}
-
-export class KeySelection extends Selection {
-   constructor(config: KeySelectionConfig);
-}
+import * as Cx from '../../core';
+
+import { Selection } from './Selection'
+
+interface KeySelectionConfig {
+   bind?: string;
+   multiple?: boolean;
+   keyField?: string;
+   storage?: string;
+   selection?: Cx.Prop<any>,
+   record?: Cx.Prop<any>,
+   index?: Cx.Prop<any>
+}
+
+export class KeySelection extends Selection {
+   constructor(config: KeySelectionConfig);
+}

package/src/ui/selection/KeySelection.js

@@ -1,129 +1,129 @@
-import { Selection } from "./Selection";
-import { isArray } from "../../util/isArray";
-import { isNonEmptyArray } from "../../util/isNonEmptyArray";
-import { shallowEquals } from "../../util/shallowEquals";
-
-export class KeySelection extends Selection {
-   init() {
-      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) {
-      if (this.key != null) return this.key;
-
-      if (!record) return null;
-
-      if (this.keyField) return record[this.keyField];
-
-      var key = {};
-      this.keyFields.forEach((k) => {
-         key[k] = record[k];
-      });
-      return key;
-   }
-
-   areKeysEqual(key1, key2) {
-      if (this.keyField) return key1 === key2 && key1 != null;
-
-      if (!key1 || !key2) return false;
-
-      return !this.keyFields.some((k) => key1[k] !== key2[k]);
-   }
-
-   declareData() {
-      return super.declareData(
-         {
-            $selection: { structured: true },
-         },
-         ...arguments
-      );
-   }
-
-   configureWidget(widget) {
-      if (!this.initialized) this.init();
-
-      widget.$selection = Object.assign(widget.$selection || {}, {
-         keys: this.selection,
-      });
-
-      return super.configureWidget(widget);
-   }
-
-   selectMultiple(store, records, indexes, { toggle, add } = {}) {
-      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) => this.areKeysEqual(x, key));
-                  if (!exists) newSelection.push(key);
-                  else if (toggle) newSelection = newSelection.filter((x) => !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, newSelection) {
-      store.update(this.selection.bind, (data) => (shallowEquals(data, newSelection) ? data : newSelection));
-   }
-
-   getIsSelectedDelegate(store) {
-      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) => 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, record, index) {
-      return this.getIsSelectedDelegate(store)(record, index);
-   }
-}
-
-KeySelection.prototype.multiple = false;
-KeySelection.prototype.keyField = "id";
-KeySelection.prototype.storage = "array";
-KeySelection.autoInit = true;
-
-Selection.alias("key", KeySelection);
+import { Selection } from "./Selection";
+import { isArray } from "../../util/isArray";
+import { isNonEmptyArray } from "../../util/isNonEmptyArray";
+import { shallowEquals } from "../../util/shallowEquals";
+
+export class KeySelection extends Selection {
+   init() {
+      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) {
+      if (this.key != null) return this.key;
+
+      if (!record) return null;
+
+      if (this.keyField) return record[this.keyField];
+
+      var key = {};
+      this.keyFields.forEach((k) => {
+         key[k] = record[k];
+      });
+      return key;
+   }
+
+   areKeysEqual(key1, key2) {
+      if (this.keyField) return key1 === key2 && key1 != null;
+
+      if (!key1 || !key2) return false;
+
+      return !this.keyFields.some((k) => key1[k] !== key2[k]);
+   }
+
+   declareData() {
+      return super.declareData(
+         {
+            $selection: { structured: true },
+         },
+         ...arguments
+      );
+   }
+
+   configureWidget(widget) {
+      if (!this.initialized) this.init();
+
+      widget.$selection = Object.assign(widget.$selection || {}, {
+         keys: this.selection,
+      });
+
+      return super.configureWidget(widget);
+   }
+
+   selectMultiple(store, records, indexes, { toggle, add } = {}) {
+      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) => this.areKeysEqual(x, key));
+                  if (!exists) newSelection.push(key);
+                  else if (toggle) newSelection = newSelection.filter((x) => !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, newSelection) {
+      store.update(this.selection.bind, (data) => (shallowEquals(data, newSelection) ? data : newSelection));
+   }
+
+   getIsSelectedDelegate(store) {
+      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) => 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, record, index) {
+      return this.getIsSelectedDelegate(store)(record, index);
+   }
+}
+
+KeySelection.prototype.multiple = false;
+KeySelection.prototype.keyField = "id";
+KeySelection.prototype.storage = "array";
+KeySelection.autoInit = true;
+
+Selection.alias("key", KeySelection);

package/src/ui/selection/PropertySelection.d.ts

@@ -1,17 +1,17 @@
-import * as Cx from '../../core';
-
-import { Selection } from './Selection'
-
-interface PropertySelectionConfig {
-   selectedField?: string
-   multiple?: boolean
-   keyField?: string
-   record?: Cx.Binding
-   records?: Cx.Binding
-   index?: Cx.Binding
-   bind?: string
-}
-
-export class PropertySelection extends Selection {
-   constructor(config: PropertySelectionConfig);
-}
+import * as Cx from '../../core';
+
+import { Selection } from './Selection'
+
+interface PropertySelectionConfig {
+   selectedField?: string
+   multiple?: boolean
+   keyField?: string
+   record?: Cx.Binding
+   records?: Cx.Binding
+   index?: Cx.Binding
+   bind?: string
+}
+
+export class PropertySelection extends Selection {
+   constructor(config: PropertySelectionConfig);
+}

package/src/ui/selection/PropertySelection.js

@@ -1,56 +1,56 @@
-import { Selection } from './Selection';
-
-export class PropertySelection extends Selection {
-   selectMultiple(store, records, indexes, { toggle, add } = {}) {
-      if (this.toggle)
-         toggle = true;
-
-      if (!this.records || !this.records.bind)
-         return false;
-
-      let array = store.get(this.records.bind);
-      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(this.records.bind, newArray);
-   }
-
-   isSelected(store, record, index) {
-      return record && record[this.selectedField];
-   }
-}
-
-PropertySelection.prototype.selectedField = 'selected';
-PropertySelection.prototype.multiple = false;
-
+import { Selection } from './Selection';
+
+export class PropertySelection extends Selection {
+   selectMultiple(store, records, indexes, { toggle, add } = {}) {
+      if (this.toggle)
+         toggle = true;
+
+      if (!this.records || !this.records.bind)
+         return false;
+
+      let array = store.get(this.records.bind);
+      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(this.records.bind, newArray);
+   }
+
+   isSelected(store, record, index) {
+      return record && record[this.selectedField];
+   }
+}
+
+PropertySelection.prototype.selectedField = 'selected';
+PropertySelection.prototype.multiple = false;
+
 Selection.alias('property', PropertySelection);

package/src/ui/selection/Selection.d.ts

@@ -1,27 +1,27 @@
-import { Record } from "../../core";
-import { Component } from "../../util/Component";
-import { View } from "../../data/View";
-import { Instance } from "../Instance";
-
-interface SelectOptions {
-   add: Boolean;
-   toggle: Boolean;
-}
-
-export class Selection extends Component {
-   isSelected(store: View, record: Record, index?: number);
-
-   getIsSelectedDelegate(store: View): (record: Record, index: number) => boolean;
-
-   select(store: View, record: Record, index: number);
-
-   declareData(): Record;
-
-   configureWidget(widget): Record;
-
-   selectInstance(instance: Instance, options: SelectOptions);
-
-   isInstanceSelected(instance: Instance): boolean;
-}
-
-export class SimpleSelection extends Selection { }
+import { Record } from "../../core";
+import { Component } from "../../util/Component";
+import { View } from "../../data/View";
+import { Instance } from "../Instance";
+
+interface SelectOptions {
+   add: Boolean;
+   toggle: Boolean;
+}
+
+export class Selection extends Component {
+   isSelected(store: View, record: Record, index?: number);
+
+   getIsSelectedDelegate(store: View): (record: Record, index: number) => boolean;
+
+   select(store: View, record: Record, index: number);
+
+   declareData(): Record;
+
+   configureWidget(widget): Record;
+
+   selectInstance(instance: Instance, options: SelectOptions);
+
+   isInstanceSelected(instance: Instance): boolean;
+}
+
+export class SimpleSelection extends Selection { }