cx 25.2.1 → 25.3.1

package/dist/widgets.js

@@ -5193,7 +5193,7 @@ var LinkButton = /*#__PURE__*/ (function (_Button) {
 	var _proto = LinkButton.prototype;
 	_proto.init = function init() {
 		this.activeStyle = parseStyle(this.activeStyle);
-		this.inacativeStyle = parseStyle(this.inactiveStyle);
+		this.inactiveStyle = parseStyle(this.inactiveStyle);
 		_Button.prototype.init.call(this);
 	};
 	_proto.declareData = function declareData() {
@@ -11568,7 +11568,12 @@ var ColorPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 	var _proto2 = ColorPickerComponent.prototype;
 	_proto2.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(props) {
 		var data = props.instance.data;
-		var color = this.parse(data.value);
+		var color;
+		try {
+			color = this.parse(data.value);
+		} catch (_unused) {
+			color = this.parse(null);
+		}
 		if (color.r != this.state.r || color.g != this.state.g || color.b != this.state.b || color.a != this.state.a)
 			this.setState(color);
 	};

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "25.2.1",
+   "version": "25.3.1",
    "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/core.d.ts

@@ -160,7 +160,7 @@ declare namespace Cx {
 
    interface HtmlElementProps extends StyledContainerProps {
       /** Id of the element */
-      id?: string | number | Binding | Selector<string | number>;
+      id?: Cx.StringProp | Cx.NumberProp;
 
       /** Inner text contents. */
       text?: Cx.StringProp | Cx.NumberProp;
@@ -251,6 +251,39 @@ declare global {
          tooltip?: Cx.StringProp | Cx.StructuredProp;
       }
    }
+
+   interface JSON {
+      /* JSON doesn't support symbol keys, and number keys
+       * are coerced to strings, even in arrays */
+
+      /**
+       * Converts a JavaScript Object Notation (JSON) string into an object.
+       * @param text A valid JSON string.
+       * @param reviver A function that transforms the results. This function is called for each member of the object.
+       * If a member contains nested objects, the nested objects are transformed before the parent object is.
+       */
+      parse(text: string, reviver?: (this: unknown, key: string, value: unknown) => unknown): unknown;
+
+      /**
+       * Converts a JavaScript value to a JavaScript Object Notation (JSON) string.
+       * @param value A JavaScript value, usually an object or array, to be converted.
+       * @param replacer A function that transforms the results.
+       * @param space Adds indentation, white space, and line break characters to the return-value JSON text to make it easier to read.
+       */
+      stringify(
+         text: unknown,
+         replacer?: (this: unknown, key: string, value: unknown) => unknown,
+         space?: string | number,
+      ): string;
+   }
+
+   interface ArrayConstructor {
+      isArray(a: unknown): a is unknown[];
+   }
+
+   interface Body {
+      json(): Promise<unknown>;
+   }
 }
 
 declare module "react" {
@@ -263,6 +296,12 @@ declare module "react" {
       innerHtml?: Cx.StringProp;
       tooltip?: Cx.StringProp | Cx.StructuredProp;
    }
+   namespace React {
+      interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+         alt?: Cx.StringProp | undefined;
+         src?: Cx.StringProp | undefined;
+      }
+   }
 
    //this doesn't work, however, it would be nice if it does
    // interface EventHandler<E extends React.SyntheticEvent<any>> {

package/src/data/View.d.ts

@@ -1,4 +1,4 @@
-import { Record, AccessorChain } from "../core";
+import { AccessorChain } from "../core";
 import { Binding } from "./Binding";
 import { Ref } from "./Ref";
 
@@ -14,20 +14,22 @@ export interface ViewConfig {
    sealed?: boolean;
 }
 
-export interface ViewMethods<D = Record> {
+export interface ViewMethods<D = Record<string, any>> {
    getData(): D;
 
    init(path: Path, value: any): boolean;
-   init<V>(path: AccessorChain<V>, value: V | any): boolean;
+   init<V>(path: AccessorChain<V>, value: V): boolean;
 
    set(path: Path, value: any): boolean;
-   set(changes: Record): boolean;
-   set<V>(path: AccessorChain<V>, value: V | any): boolean;
+   set<T extends Record<string, any>>(changes: T): boolean;
+   set<V>(path: AccessorChain<V>, value: V): boolean;
 
    get(path: Path): any;
    get(paths: Path[]): any[];
    get(...paths: Path[]): any[];
    get<V>(path: AccessorChain<V>): V;
+   get<T extends any[]>(...paths: { [K in keyof T]: AccessorChain<T[K]> }): T;
+   get<T extends any[]>(paths: { [K in keyof T]: AccessorChain<T[K]> }): T;
 
    /**
     * Removes data from the Store.
@@ -38,19 +40,29 @@ export interface ViewMethods<D = Record> {
    delete(paths: Path[]): boolean;
    delete(...paths: Path[]): boolean;
    delete<V>(path: AccessorChain<V>): boolean;
+   delete<T extends any[]>(...paths: { [K in keyof T]: AccessorChain<T[K]> }): boolean;
+   delete<T extends any[]>(paths: { [K in keyof T]: AccessorChain<T[K]> }): boolean;
 
    toggle(path: Path): boolean;
 
    update(updateFn: (currentValue: D, ...args) => D, ...args): boolean;
    update(path: Path, updateFn: (currentValue: any, ...args) => any, ...args): boolean;
-   update<V>(path: AccessorChain<V>, updateFn: (currentValue: V, ...args) => V, ...args): boolean;
+   update<V, A extends any[]>(
+      path: AccessorChain<V>,
+      updateFn: (currentValue: V, ...args: A) => V,
+      ...args: A
+   ): boolean;
 
    /**
     *  Mutates the content of the store using Immer
     */
    mutate(updateFn: (currentValue: D, ...args) => D, ...args): boolean;
    mutate(path: Path, updateFn: (currentValue: any, ...args) => any, ...args): boolean;
-   mutate<V>(path: AccessorChain<V>, updateFn: (currentValue: V, ...args) => V, ...args): boolean;
+   mutate<V, A extends any[]>(
+      path: AccessorChain<V>,
+      updateFn: (currentValue: V, ...args: A) => void,
+      ...args: A
+   ): boolean;
 
    ref<T = any>(path: string | AccessorChain<T>, defaultValue?: T): Ref<T>;
 }
@@ -64,8 +76,8 @@ export class View<D = any> implements ViewMethods<D> {
    init<V>(path: AccessorChain<V>, value: V): boolean;
 
    set(path: Path, value: any): boolean;
-   set(changes: Record): boolean;
-   set<V>(path: AccessorChain<V>, value: V | any): boolean;
+   set<T extends Record<string, any>>(changes: T): boolean;
+   set<V>(path: AccessorChain<V>, value: V): boolean;
 
    /**
     * Copies the value stored under the `from` path and saves it under the `to` path.
@@ -87,6 +99,8 @@ export class View<D = any> implements ViewMethods<D> {
    delete(paths: Path[]): boolean;
    delete(...paths: Path[]): boolean;
    delete<V>(path: AccessorChain<V>): boolean;
+   delete<T extends any[]>(...paths: { [K in keyof T]: AccessorChain<T[K]> }): boolean;
+   delete<T extends any[]>(paths: { [K in keyof T]: AccessorChain<T[K]> }): boolean;
 
    clear(): void;
 
@@ -94,17 +108,27 @@ export class View<D = any> implements ViewMethods<D> {
    get(paths: Path[]): any;
    get(...paths: Path[]): any;
    get<V>(path: AccessorChain<V>): V;
+   get<T extends any[]>(...paths: { [K in keyof T]: AccessorChain<T[K]> }): T;
+   get<T extends any[]>(paths: { [K in keyof T]: AccessorChain<T[K]> }): T;
 
    toggle(path: Path): boolean;
    toggle(path: AccessorChain<boolean>): boolean;
 
    update(updateFn: (currentValue: D, ...args) => any, ...args): boolean;
    update(path: Path, updateFn: (currentValue: any, ...args) => any, ...args): boolean;
-   update<V>(path: AccessorChain<V>, updateFn: (currentValue: V, ...args) => V, ...args): boolean;
+   update<V, A extends any[]>(
+      path: AccessorChain<V>,
+      updateFn: (currentValue: V, ...args: A) => V,
+      ...args: A
+   ): boolean;
 
    mutate(updateFn: (currentValue: D, ...args) => void, ...args): boolean;
    mutate(path: Path, updateFn: (currentValue: any, ...args) => void, ...args): boolean;
-   mutate<V>(path: AccessorChain<V>, updateFn: (currentValue: V, ...args) => void, ...args): boolean;
+   mutate<V, A extends any[]>(
+      path: AccessorChain<V>,
+      updateFn: (currentValue: V, ...args: A) => void,
+      ...args: A
+   ): boolean;
 
    /**
     * `batch` method can be used to perform multiple Store operations silently
@@ -121,7 +145,7 @@ export class View<D = any> implements ViewMethods<D> {
 
    subscribe(callback: (changes?) => void): () => void;
 
-   load(data: Record): boolean;
+   load(data: Record<string, any>): boolean;
 
    dispatch(action): void;
 

package/src/ui/ResizeManager.d.ts

@@ -1,9 +1,10 @@
-import * as Cx from '../core';
-
 export class ResizeManager {
    static subscribe(callback: () => void): () => void;
 
    static notify(): void;
 
-   static trackElement(el: Element, callback: () => void): () => void;
+   static trackElement(
+      el: Element,
+      callback: (entries: ResizeObserverEntry[], observer: ResizeObserver) => void,
+   ): () => void;
 }