cx 26.1.13 → 26.2.1

package/src/svg/Rectangle.tsx

@@ -1,91 +1,98 @@
 /** @jsxImportSource react */
-import { Widget, VDOM } from '../ui/Widget';
-import { TextualBoundedObject, TextualBoundedObjectConfig } from './TextualBoundedObject';
-import { RenderingContext } from '../ui/RenderingContext';
-import { Instance } from '../ui/Instance';
-import { NumberProp, StringProp } from '../ui/Prop';
+import { Instance } from "../ui/Instance";
+import { NumberProp, StringProp } from "../ui/Prop";
+import { RenderingContext } from "../ui/RenderingContext";
+import { Widget } from "../ui/Widget";
+import {
+  TextualBoundedObject,
+  TextualBoundedObjectConfig,
+} from "./TextualBoundedObject";
 
 export interface RectangleConfig extends TextualBoundedObjectConfig {
-   /**
-    * Index of the color in the default color palette. Setting this property will set
-    * both fill and stroke on the object. Use `style` or a CSS class to remove stroke or fill
-    * if they are not necessary.
-    */
-   colorIndex?: NumberProp;
+  /**
+   * Index of the color in the default color palette. Setting this property will set
+   * both fill and stroke on the object. Use `style` or a CSS class to remove stroke or fill
+   * if they are not necessary.
+   */
+  colorIndex?: NumberProp;
 
-   /** A color used to paint the box. */
-   fill?: StringProp;
+  /** A color used to paint the box. */
+  fill?: StringProp;
 
-   /** A color used to paint the outline of the box. */
-   stroke?: StringProp;
+  /** A color used to paint the outline of the box. */
+  stroke?: StringProp;
 
-   /** Base CSS class to be applied to the element. Defaults to `rectangle`. */
-   baseClass?: string;
+  /** Base CSS class to be applied to the element. Defaults to `rectangle`. */
+  baseClass?: string;
 
-   /**
-    * The horizontal corner radius of the rect. Defaults to ry if it is specified.
-    * Value type: <length>|<percentage>;
-    * If unit is not specified, it defaults to `px`.
-    */
-   rx?: StringProp | NumberProp;
+  /**
+   * The horizontal corner radius of the rect. Defaults to ry if it is specified.
+   * Value type: <length>|<percentage>;
+   * If unit is not specified, it defaults to `px`.
+   */
+  rx?: StringProp | NumberProp;
 
-   /**
-    * The vertical corner radius of the rect. Defaults to rx if it is specified.
-    * Value type: <length>|<percentage>;
-    * If unit is not specified, it defaults to `px`.
-    */
-   ry?: StringProp | NumberProp;
+  /**
+   * The vertical corner radius of the rect. Defaults to rx if it is specified.
+   * Value type: <length>|<percentage>;
+   * If unit is not specified, it defaults to `px`.
+   */
+  ry?: StringProp | NumberProp;
 }
 
 export class Rectangle extends TextualBoundedObject {
-   declare baseClass: string;
-   declare colorIndex?: NumberProp;
-   declare fill?: StringProp;
-   declare stroke?: StringProp;
-   declare rx?: StringProp | NumberProp;
-   declare ry?: StringProp | NumberProp;
+  declare baseClass: string;
+  declare colorIndex?: NumberProp;
+  declare fill?: StringProp;
+  declare stroke?: StringProp;
+  declare rx?: StringProp | NumberProp;
+  declare ry?: StringProp | NumberProp;
 
-   declareData(...args: any[]) {
-      super.declareData(...args, {
-         colorIndex: undefined,
-         fill: undefined,
-         stroke: undefined,
-         rx: undefined,
-         ry: undefined,
-      });
-   }
+  constructor(config?: RectangleConfig) {
+    super(config);
+  }
 
-   render(context: RenderingContext, instance: Instance, key: string) {
-      const { data } = instance;
-      const { bounds, colorIndex } = data;
-      if (!bounds.valid()) return false;
-      return (
-         <g key={key} className={data.classNames}>
-            <rect
-               className={this.CSS.element(
-                  this.baseClass,
-                  'rect',
-                  colorIndex != null && 'color-' + colorIndex
-               )}
-               x={bounds.l}
-               y={bounds.t}
-               width={bounds.width()}
-               height={bounds.height()}
-               style={data.style}
-               fill={data.fill}
-               stroke={data.stroke}
-               rx={data.rx}
-               ry={data.ry}
-            />
-            {this.renderChildren(context, instance)}
-         </g>
-      );
-   }
+  declareData(...args: any[]) {
+    super.declareData(...args, {
+      colorIndex: undefined,
+      fill: undefined,
+      stroke: undefined,
+      rx: undefined,
+      ry: undefined,
+    });
+  }
+
+  render(context: RenderingContext, instance: Instance, key: string) {
+    const { data } = instance;
+    const { bounds, colorIndex } = data;
+    if (!bounds.valid()) return false;
+    return (
+      <g key={key} className={data.classNames}>
+        <rect
+          className={this.CSS.element(
+            this.baseClass,
+            "rect",
+            colorIndex != null && "color-" + colorIndex,
+          )}
+          x={bounds.l}
+          y={bounds.t}
+          width={bounds.width()}
+          height={bounds.height()}
+          style={data.style}
+          fill={data.fill}
+          stroke={data.stroke}
+          rx={data.rx}
+          ry={data.ry}
+        />
+        {this.renderChildren(context, instance)}
+      </g>
+    );
+  }
 }
 
-Rectangle.prototype.baseClass = 'rectangle';
-Rectangle.prototype.anchors = '0 1 1 0';
+Rectangle.prototype.baseClass = "rectangle";
+Rectangle.prototype.anchors = "0 1 1 0";
 Rectangle.prototype.rx = undefined;
 Rectangle.prototype.ry = undefined;
 
-Widget.alias('rectangle', Rectangle);
+Widget.alias("rectangle", Rectangle);

package/src/ui/DataProxy.ts

@@ -1,55 +1,55 @@
-import { AccessorChain } from "../data";
-import { NestedDataView } from "../data/NestedDataView";
-import { StructuredProp, WritableProp } from "./Prop";
-import { PureContainerBase, PureContainerConfig } from "./PureContainer";
-import { StructuredInstanceDataAccessor } from "./StructuredInstanceDataAccessor";
-
-export interface DataProxyConfig extends PureContainerConfig {
-   /** Data object with computed values to be exposed in the local store. */
-   data?: StructuredProp;
-
-   /** Binding to a value to be exposed under the `alias` name. */
-   value?: WritableProp<any>;
-
-   /** Alias name under which `value` is exposed in the local store. */
-   alias?: string | AccessorChain<any>;
-
-   /** Indicate that parent store data should not be mutated. */
-   immutable?: boolean;
-
-   /** Indicate that local store data should not be mutated. */
-   sealed?: boolean;
-}
-
-export class DataProxy extends PureContainerBase<DataProxyConfig> {
-   declare data?: any;
-   declare alias?: string;
-   declare value?: any;
-   declare immutable: boolean;
-   declare sealed: boolean;
-
-   init() {
-      if (!this.data) this.data = {};
-
-      if (this.alias) this.data[this.alias] = this.value;
-
-      super.init();
-   }
-
-   initInstance(context: any, instance: any) {
-      instance.store = new NestedDataView({
-         store: instance.parentStore,
-         nestedData: new StructuredInstanceDataAccessor({ instance, data: this.data, useParentStore: true }),
-         immutable: this.immutable,
-         sealed: this.sealed,
-      });
-      super.initInstance(context, instance);
-   }
-
-   applyParentStore(instance: any) {
-      instance.store.setStore(instance.parentStore);
-   }
-}
-
-DataProxy.prototype.immutable = false;
-DataProxy.prototype.sealed = false;
+import { AccessorChain } from "../data";
+import { NestedDataView } from "../data/NestedDataView";
+import { StructuredProp, WritableProp } from "./Prop";
+import { PureContainerBase, PureContainerConfig } from "./PureContainer";
+import { StructuredInstanceDataAccessor } from "./StructuredInstanceDataAccessor";
+
+export interface DataProxyConfig extends PureContainerConfig {
+   /** Data object with computed values to be exposed in the local store. */
+   data?: StructuredProp;
+
+   /** Binding to a value to be exposed under the `alias` name. */
+   value?: WritableProp<any>;
+
+   /** Alias name under which `value` is exposed in the local store. */
+   alias?: string | AccessorChain<any>;
+
+   /** Indicate that parent store data should not be mutated. */
+   immutable?: boolean;
+
+   /** Indicate that local store data should not be mutated. */
+   sealed?: boolean;
+}
+
+export class DataProxy extends PureContainerBase<DataProxyConfig> {
+   declare data?: any;
+   declare alias?: string;
+   declare value?: any;
+   declare immutable: boolean;
+   declare sealed: boolean;
+
+   init() {
+      if (!this.data) this.data = {};
+
+      if (this.alias) this.data[this.alias] = this.value;
+
+      super.init();
+   }
+
+   initInstance(context: any, instance: any) {
+      instance.store = new NestedDataView({
+         store: instance.parentStore,
+         nestedData: new StructuredInstanceDataAccessor({ instance, data: this.data, useParentStore: true }),
+         immutable: this.immutable,
+         sealed: this.sealed,
+      });
+      super.initInstance(context, instance);
+   }
+
+   applyParentStore(instance: any) {
+      instance.store.setStore(instance.parentStore);
+   }
+}
+
+DataProxy.prototype.immutable = false;
+DataProxy.prototype.sealed = false;