cx 23.6.0 → 23.7.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

@@ -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.7.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

@@ -39,6 +39,13 @@ interface RepeaterProps extends PureContainerProps {
    /** 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;
 

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> {}

package/src/widgets/form/LookupField.js

@@ -266,7 +266,7 @@ function getOptionKey(bindings, data) {
 function areKeysEqual(key1, key2) {
    if (!key1 || !key2 || key1.length != key2.length) return false;
 
-   for (let i = 0; i < key1.length; i++) if (key1[i] != key2[i]) return false;
+   for (let i = 0; i < key1.length; i++) if (key1[i] !== key2[i]) return false;
 
    return true;
 }