cx 23.6.0 → 23.8.0

package/dist/ui.js

@@ -1123,6 +1123,9 @@ var Repeater = /*#__PURE__*/ (function (_Container) {
 			};
 		this.dataAdapter.setFilter(filter);
 		instance.mappedRecords = this.dataAdapter.getRecords(context, instance, data.records, instance.store);
+		if (this.onTrackMappedRecords) {
+			instance.invoke("onTrackMappedRecords", instance.mappedRecords, instance);
+		}
 		_Container.prototype.prepareData.call(this, context, instance);
 	};
 	_proto.explore = function explore(context, instance, data) {

package/dist/widgets.js

@@ -8663,7 +8663,7 @@ var LookupField = /*#__PURE__*/ (function (_Field) {
 					});
 			}
 			if (this.text) {
-				if (isAccessorChain(this.text)) this.value = bind(this.text);
+				if (isAccessorChain(this.text)) this.text = bind(this.text);
 				if (this.text.bind)
 					b.push({
 						local: this.text.bind,
@@ -8874,7 +8874,7 @@ function getOptionKey(bindings, data) {
 }
 function areKeysEqual(key1, key2) {
 	if (!key1 || !key2 || key1.length != key2.length) return false;
-	for (var i = 0; i < key1.length; i++) if (key1[i] != key2[i]) return false;
+	for (var i = 0; i < key1.length; i++) if (key1[i] !== key2[i]) return false;
 	return true;
 }
 function convertOption(bindings, data) {

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "23.6.0",
+   "version": "23.8.0",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "main": "index.js",
    "jsnext:main": "src/index.js",

package/src/charts/PieLabelsContainer.d.ts

@@ -1,3 +1,6 @@
-import { BoundedObjectProps } from "../svg/BoundedObject";
+import { Widget } from "cx/src/core";
+import { BoundedObject, BoundedObjectProps } from "../svg/BoundedObject";
 
-export class PieLabelsContainer extends BoundedObjectProps {}
+interface PieLabelsContainerProps extends BoundedObjectProps {}
+
+export class PieLabelsContainer extends Widget<PieLabelsContainerProps> {}

package/src/ui/Repeater.d.ts

@@ -1,52 +1,61 @@
-import {
-   RecordsProp,
-   RecordAlias,
-   StringProp,
-   SortersProp,
-   StructuredProp,
-   CollatorOptions,
-   Widget,
-   PureContainerProps,
-   Record,
-} from "../core";
-import { Instance } from "./Instance";
-
-interface RepeaterProps extends PureContainerProps {
-   records: RecordsProp;
-   recordName?: RecordAlias;
-   recordAlias?: RecordAlias;
-   indexName?: RecordAlias;
-   indexAlias?: RecordAlias;
-   cached?: boolean;
-
-   /** Indicate that parent store data should not be mutated. */
-   immutable?: boolean;
-
-   /** Indicate that record stores should not be mutated. */
-   sealed?: boolean;
-
-   sorters?: SortersProp;
-
-   /** A binding used to store the name of the field used for sorting the collection. Available only if `sorters` are not used. */
-   sortField?: StringProp;
-
-   /** A binding used to store the sort direction. Available only if `sorters` are not used. Possible values are `"ASC"` and `"DESC"`. Defaults to `"ASC"`. */
-   sortDirection?: StringProp;
-
-   /** Parameters that affect filtering */
-   filterParams?: StructuredProp;
-
-   /** Callback to create a filter function for given filter params. */
-   onCreateFilter?: (filterParams: any, instance: Instance) => (record: Record) => boolean;
-
-   /** Options for data sorting. See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Collator */
-   sortOptions?: CollatorOptions;
-
-   /** A field used to get the unique identifier of the record. Setting keyField improves performance on sort operations as the widget is able to movement of records inside the collection.  */
-   keyField?: StringProp;
-
-   /** Data adapter used to convert data in the list of records. Used for manipulation of records, e.g flattening the tree records. */
-   dataAdapter?: any;
-}
-
-export class Repeater extends Widget<RepeaterProps> {}
+import {
+   RecordsProp,
+   RecordAlias,
+   StringProp,
+   SortersProp,
+   StructuredProp,
+   CollatorOptions,
+   Widget,
+   PureContainerProps,
+   Record,
+   Prop,
+   SortDirection,
+} from "../core";
+import { Instance } from "./Instance";
+
+interface RepeaterProps extends PureContainerProps {
+   records: RecordsProp;
+   recordName?: RecordAlias;
+   recordAlias?: RecordAlias;
+   indexName?: RecordAlias;
+   indexAlias?: RecordAlias;
+   cached?: boolean;
+
+   /** Indicate that parent store data should not be mutated. */
+   immutable?: boolean;
+
+   /** Indicate that record stores should not be mutated. */
+   sealed?: boolean;
+
+   sorters?: SortersProp;
+
+   /** A binding used to store the name of the field used for sorting the collection. Available only if `sorters` are not used. */
+   sortField?: StringProp;
+
+   /** A binding used to store the sort direction. Available only if `sorters` are not used. Possible values are `"ASC"` and `"DESC"`. Defaults to `"ASC"`. */
+   sortDirection?: Prop<SortDirection>;
+
+   /** Parameters that affect filtering */
+   filterParams?: StructuredProp;
+
+   /** Callback to create a filter function for given filter params. */
+   onCreateFilter?: (filterParams: any, instance: Instance) => (record: Record) => boolean;
+
+   /**
+    * Callback function to track and retrieve displayed records.
+    * Accepts new records as a first argument.
+    * If onCreateFilter callback is defined, filtered records can be retrieved using this callback.
+    */
+   onTrackMappedRecords?: string | ((records: Record[], instance: Instance) => void);
+
+   /** Options for data sorting. See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Collator */
+   sortOptions?: CollatorOptions;
+
+   /** A field used to get the unique identifier of the record. Setting keyField improves performance on sort operations as the widget is able to movement of records inside the collection.  */
+   keyField?: StringProp;
+
+   /** Data adapter used to convert data in the list of records. Used for manipulation of records, e.g flattening the tree records. */
+   dataAdapter?: any;
+}
+
+export class Repeater extends Widget<RepeaterProps> {}

package/src/ui/Repeater.js

@@ -1,33 +1,32 @@
-import {Widget} from './Widget';
-import {PureContainer} from './PureContainer';
-import {Container} from './Container';
-import {ArrayAdapter} from './adapter/ArrayAdapter';
-import {UseParentLayout} from "./layout/UseParentLayout";
-import {getAccessor} from "../data/getAccessor";
+import { Widget } from "./Widget";
+import { PureContainer } from "./PureContainer";
+import { Container } from "./Container";
+import { ArrayAdapter } from "./adapter/ArrayAdapter";
+import { UseParentLayout } from "./layout/UseParentLayout";
+import { getAccessor } from "../data/getAccessor";
 
 export class Repeater extends Container {
-
    declareData() {
-      super.declareData({
-         records: undefined,
-         sorters: undefined,
-         sortField: undefined,
-         sortDirection: undefined,
-         filterParams: {
-            structured: true
-         }
-      }, ...arguments);
+      super.declareData(
+         {
+            records: undefined,
+            sorters: undefined,
+            sortField: undefined,
+            sortDirection: undefined,
+            filterParams: {
+               structured: true,
+            },
+         },
+         ...arguments
+      );
    }
 
    init() {
-
       this.recordsAccessor = getAccessor(this.records);
 
-      if (this.recordAlias)
-         this.recordName = this.recordAlias;
+      if (this.recordAlias) this.recordName = this.recordAlias;
 
-      if (this.indexAlias)
-         this.indexName = this.indexAlias;
+      if (this.indexAlias) this.indexName = this.indexAlias;
 
       this.dataAdapter = ArrayAdapter.create({
          ...this.dataAdapter,
@@ -37,12 +36,12 @@ export class Repeater extends Container {
          immutable: this.immutable,
          sealed: this.sealed,
          recordsAccessor: this.recordsAccessor,
-         sortOptions: this.sortOptions
+         sortOptions: this.sortOptions,
       });
 
       this.item = PureContainer.create({
          children: this.items || this.children,
-         layout: UseParentLayout
+         layout: UseParentLayout,
       });
 
       delete this.children;
@@ -56,20 +55,25 @@ export class Repeater extends Container {
    }
 
    prepareData(context, instance) {
-      let {data} = instance;
+      let { data } = instance;
       if (data.sortField)
-         data.sorters = [{
-            field: data.sortField,
-            direction: data.sortDirection || "ASC"
-         }];
+         data.sorters = [
+            {
+               field: data.sortField,
+               direction: data.sortDirection || "ASC",
+            },
+         ];
       this.dataAdapter.sort(data.sorters);
       let filter = null;
-      if (this.onCreateFilter)
-         filter = instance.invoke("onCreateFilter", data.filterParams, instance);
-      else if (this.filter)
-         filter = item => this.filter(item, data.filterParams);
+      if (this.onCreateFilter) filter = instance.invoke("onCreateFilter", data.filterParams, instance);
+      else if (this.filter) filter = (item) => this.filter(item, data.filterParams);
       this.dataAdapter.setFilter(filter);
       instance.mappedRecords = this.dataAdapter.getRecords(context, instance, data.records, instance.store);
+
+      if (this.onTrackMappedRecords) {
+         instance.invoke("onTrackMappedRecords", instance.mappedRecords, instance);
+      }
+
       super.prepareData(context, instance);
    }
 
@@ -77,23 +81,22 @@ export class Repeater extends Container {
       let instances = [];
       instance.mappedRecords.forEach((record) => {
          let subInstance = instance.getChild(context, this.item, record.key, record.store);
-         let changed = subInstance.cache('recordData', record.data) || subInstance.cache('key', record.key);
+         let changed = subInstance.cache("recordData", record.data) || subInstance.cache("key", record.key);
          subInstance.record = record;
          if (this.cached && !changed && subInstance.visible && !subInstance.childStateDirty) {
             instances.push(subInstance);
             subInstance.shouldUpdate = false;
-         } else if (subInstance.scheduleExploreIfVisible(context))
-            instances.push(subInstance);
+         } else if (subInstance.scheduleExploreIfVisible(context)) instances.push(subInstance);
       });
       instance.children = instances;
    }
 }
 
-Repeater.prototype.recordName = '$record';
-Repeater.prototype.indexName = '$index';
+Repeater.prototype.recordName = "$record";
+Repeater.prototype.indexName = "$index";
 Repeater.prototype.cached = false;
 Repeater.prototype.immutable = false;
 Repeater.prototype.sealed = false;
 Repeater.prototype.isPureContainer = true;
 
-Widget.alias('repeater', Repeater);
+Widget.alias("repeater", Repeater);

package/src/widgets/drag-drop/DragSource.d.ts

@@ -33,13 +33,13 @@ interface DragSourceProps extends Cx.StyledContainerProps {
    cloneStyle?: Cx.StyleProp;
 
    /** CSS styles to be applied to the element being dragged. */
-   draggedStyle: Cx.StyleProp;
+   draggedStyle?: Cx.StyleProp;
 
    /** Additional CSS class to be applied to the clone of the element being dragged. */
-   cloneClass: Cx.ClassProp;
+   cloneClass?: Cx.ClassProp;
 
    /** Additional CSS class to be applied to the element being dragged. */
-   draggedClass: Cx.ClassProp;
+   draggedClass?: Cx.ClassProp;
 }
 
 export class DragSource extends Cx.Widget<DragSourceProps> {}