cx 24.6.4 → 24.7.2

package/dist/ui.js

@@ -3941,7 +3941,7 @@ function startAppLoop(parentDOMElement, storeOrInstance, widget, options) {
 		if (storeOrInstance.widget === widget) instance = storeOrInstance;
 		else parentInstance = storeOrInstance;
 	} else throw new Error("Second argument to startAppLoop should be either of type Store or Instance");
-	var root = /*#__PURE__*/ jsx(Cx, {
+	var content = /*#__PURE__*/ jsx(Cx, {
 		store: store,
 		widget: widget,
 		instance: instance,
@@ -3949,21 +3949,26 @@ function startAppLoop(parentDOMElement, storeOrInstance, widget, options) {
 		options: options,
 		subscribe: true,
 	});
-	VDOM.DOM.render(root, parentDOMElement);
+	var root = null;
+	if (VDOM.DOM.createRoot) {
+		root = VDOM.DOM.createRoot(parentDOMElement);
+		root.render(content);
+	} else VDOM.DOM.render(content, parentDOMElement);
 	var stopped = false;
 	return function () {
 		if (stopped) return;
 		stopped = true;
-		if (!options.destroyDelay) destroy(parentDOMElement, options);
+		if (!options.destroyDelay) destroy(parentDOMElement, options, root);
 		else {
 			setTimeout(function () {
-				destroy(parentDOMElement, options);
+				destroy(parentDOMElement, options, root);
 			}, options.destroyDelay);
 		}
 	};
 }
-function destroy(parentDOMElement, options) {
-	VDOM.DOM.unmountComponentAtNode(parentDOMElement);
+function destroy(parentDOMElement, options, root) {
+	if (root) root.unmount();
+	else VDOM.DOM.unmountComponentAtNode(parentDOMElement);
 	if (options.removeParentDOMElement && parentDOMElement.parentNode)
 		parentDOMElement.parentNode.removeChild(parentDOMElement);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.6.4",
+   "version": "24.7.2",
    "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/helpers/MinMaxFinder.d.ts

@@ -3,19 +3,19 @@ import { PointReducerProps } from "./PointReducer";
 
 interface MinMaxFinderProps extends PointReducerProps {
    /* A binding used to receive the x value of the point with the minimum value */
-   minX?: Cx.Bind;
+   minX?: Cx.Bind | Cx.AccessorChain<number>;
 
    /* A binding used to receive the y value of the point with the minimum value */
-   minY?: Cx.Bind;
+   minY?: Cx.Bind | Cx.AccessorChain<number>;
 
    /* A binding used to receive the x value of the point with the maximum value */
-   maxX?: Cx.Bind;
+   maxX?: Cx.Bind | Cx.AccessorChain<number>;
 
    /* A binding used to receive the x value of the point with the maximum value */
-   maxY?: Cx.Bind;
+   maxY?: Cx.Bind | Cx.AccessorChain<number>;
 
    /* An object used for filtering data points. Available as accumulator.params inside the onMap function. */
-   params: Cx.StructuredProp;
+   params?: Cx.StructuredProp;
 }
 
 /** Find minimum and maximum points of a point series */

package/src/charts/helpers/SnapPointFinder.d.ts

@@ -9,10 +9,10 @@ interface SnapPointFinderProps extends PointReducerProps {
    cursorY?: Cx.NumberProp;
 
    /* A binding used to receive the x value of the nearest point.*/
-   snapX?: Cx.NumberProp | Cx.StringProp;
+   snapX?: Cx.Bind | Cx.AccessorChain<number> | Cx.AccessorChain<string>;
 
    /* A binding used to receive the y value of the nearest point. */
-   snapY?: Cx.NumberProp | Cx.StringProp;
+   snapY?: Cx.Bind | Cx.AccessorChain<number> | Cx.AccessorChain<string>;
 
    /* A binding used to receive the record prop */
    snapRecord?: Cx.Prop<Cx.Record>;