cx 26.0.13 → 26.1.0

package/src/data/getSelector.ts

@@ -1,66 +1,66 @@
-import { expr } from "cx/ui";
-import { Binding } from "./Binding";
-import { Expression } from "./Expression";
-import { StringTemplate } from "./StringTemplate";
-import { isArray } from "../util/isArray";
-import { createStructuredSelector, StructuredSelectorConfig } from "./createStructuredSelector";
-import { isSelector } from "./isSelector";
-import { isAccessorChain } from "./createAccessorModelProxy";
-import { isString } from "../util/isString";
-import { hasKey, hasStringAtKey, hasFunctionAtKey } from "../util/hasKey";
-import { isFunction } from "../util";
-
-type Selector<T> = (data: any) => T;
-
-var undefinedF = () => undefined;
-var nullF = () => null;
-
-export function getSelector(config: unknown): Selector<any> {
-   if (config === undefined) return undefinedF;
-   if (config === null) return nullF;
-
-   switch (typeof config) {
-      case "object":
-         if (isArray(config)) {
-            let selectors = config.map((x) => getSelector(x));
-            return (data) => selectors.map((elementSelector) => elementSelector(data));
-         }
-
-         //toString converts accessor chains to binding paths
-         if (hasKey(config, "bind") && config.bind != null) return Binding.get(config.bind.toString()).value;
-
-         if (hasStringAtKey(config, "tpl")) return StringTemplate.get(config.tpl);
-
-         if (hasKey(config, "expr") && (isString(config.expr) || isFunction(config.expr)))
-            return Expression.get(config.expr as any);
-
-         if (hasFunctionAtKey(config, "get")) return config.get;
-
-         let selectors: StructuredSelectorConfig = {};
-         let constants: Record<string, any> = {};
-
-         let obj = config as Record<string, any>;
-         for (let key in obj) {
-            switch (typeof obj[key]) {
-               case "bigint":
-               case "boolean":
-               case "number":
-               case "string":
-                  constants[key] = obj[key];
-                  break;
-               default:
-                  if (isSelector(obj[key])) selectors[key] = getSelector(obj[key]);
-                  else constants[key] = obj[key];
-                  break;
-            }
-         }
-         return createStructuredSelector(selectors, constants);
-
-      case "function":
-         if (isAccessorChain(config)) return Binding.get(config.toString()).value;
-         return config as Selector<any>;
-
-      default:
-         return () => config;
-   }
-}
+import { expr } from "cx/ui";
+import { Binding } from "./Binding";
+import { Expression } from "./Expression";
+import { StringTemplate } from "./StringTemplate";
+import { isArray } from "../util/isArray";
+import { createStructuredSelector, StructuredSelectorConfig } from "./createStructuredSelector";
+import { isSelector } from "./isSelector";
+import { isAccessorChain } from "./createAccessorModelProxy";
+import { isString } from "../util/isString";
+import { hasKey, hasStringAtKey, hasFunctionAtKey } from "../util/hasKey";
+import { isFunction } from "../util";
+
+type Selector<T> = (data: any) => T;
+
+var undefinedF = () => undefined;
+var nullF = () => null;
+
+export function getSelector(config: unknown): Selector<any> {
+   if (config === undefined) return undefinedF;
+   if (config === null) return nullF;
+
+   switch (typeof config) {
+      case "object":
+         if (isArray(config)) {
+            let selectors = config.map((x) => getSelector(x));
+            return (data) => selectors.map((elementSelector) => elementSelector(data));
+         }
+
+         //toString converts accessor chains to binding paths
+         if (hasKey(config, "bind") && config.bind != null) return Binding.get(config.bind.toString()).value;
+
+         if (hasStringAtKey(config, "tpl")) return StringTemplate.get(config.tpl);
+
+         if (hasKey(config, "expr") && (isString(config.expr) || isFunction(config.expr)))
+            return Expression.get(config.expr as any);
+
+         if (hasFunctionAtKey(config, "get")) return config.get;
+
+         let selectors: StructuredSelectorConfig = {};
+         let constants: Record<string, any> = {};
+
+         let obj = config as Record<string, any>;
+         for (let key in obj) {
+            switch (typeof obj[key]) {
+               case "bigint":
+               case "boolean":
+               case "number":
+               case "string":
+                  constants[key] = obj[key];
+                  break;
+               default:
+                  if (isSelector(obj[key])) selectors[key] = getSelector(obj[key]);
+                  else constants[key] = obj[key];
+                  break;
+            }
+         }
+         return createStructuredSelector(selectors, constants);
+
+      case "function":
+         if (isAccessorChain(config)) return Binding.get(config.toString()).value;
+         return config as Selector<any>;
+
+      default:
+         return () => config;
+   }
+}

package/src/data/ops/filter.spec.ts

@@ -1,35 +1,35 @@
-import assert from "assert";
-import { Store } from "../Store";
-import { filter } from "./filter";
-
-describe("filter", function () {
-   it("should filter array elements", function () {
-      let store = new Store({
-         data: {
-            array: [1, 2, 3],
-         },
-      });
-
-      assert(store.update("array", filter, (x: number) => x > 1));
-      assert.deepEqual(store.get("array"), [2, 3]);
-   });
-
-   it("should work with undefined arrays", function () {
-      let store = new Store();
-      assert.equal(
-         false,
-         store.update("array", filter, (x) => x > 1),
-      );
-      assert.deepEqual(store.get("array"), undefined);
-   });
-
-   it("returns same array if all elements satisfy condition", function () {
-      let array = [1, 2, 3];
-      let store = new Store({ data: { array } });
-      assert.equal(
-         false,
-         store.update("array", filter, (x) => x > 0),
-      );
-      assert(store.get("array") === array);
-   });
-});
+import assert from "assert";
+import { Store } from "../Store";
+import { filter } from "./filter";
+
+describe("filter", function () {
+   it("should filter array elements", function () {
+      let store = new Store({
+         data: {
+            array: [1, 2, 3],
+         },
+      });
+
+      assert(store.update("array", filter, (x: number) => x > 1));
+      assert.deepEqual(store.get("array"), [2, 3]);
+   });
+
+   it("should work with undefined arrays", function () {
+      let store = new Store();
+      assert.equal(
+         false,
+         store.update("array", filter, (x) => x > 1),
+      );
+      assert.deepEqual(store.get("array"), undefined);
+   });
+
+   it("returns same array if all elements satisfy condition", function () {
+      let array = [1, 2, 3];
+      let store = new Store({ data: { array } });
+      assert.equal(
+         false,
+         store.update("array", filter, (x) => x > 0),
+      );
+      assert(store.get("array") === array);
+   });
+});

package/src/data/ops/filter.ts

@@ -1,9 +1,9 @@
-export function filter<T = any>(array: T[], callback: (item: T, index: number, array: T[]) => boolean): T[] {
-   if (array == null) return array;
-
-   const result = array.filter(callback);
-
-   if (result.length === array.length) return array;
-
-   return result;
-}
+export function filter<T = any>(array: T[], callback: (item: T, index: number, array: T[]) => boolean): T[] {
+   if (array == null) return array;
+
+   const result = array.filter(callback);
+
+   if (result.length === array.length) return array;
+
+   return result;
+}

package/src/data/ops/merge.ts

@@ -1,13 +1,13 @@
-import { Binding } from "../Binding";
-
-export function merge<T extends object>(item: T, data?: Partial<T>): T {
-   let result = item;
-
-   if (data) {
-      for (const key in data) {
-         result = Binding.get(key).set(result, data[key] as any);
-      }
-   }
-
-   return result;
-}
+import { Binding } from "../Binding";
+
+export function merge<T extends object>(item: T, data?: Partial<T>): T {
+   let result = item;
+
+   if (data) {
+      for (const key in data) {
+         result = Binding.get(key).set(result, data[key] as any);
+      }
+   }
+
+   return result;
+}

package/src/data/ops/removeTreeNodes.spec.ts

@@ -1,37 +1,37 @@
-import { Store } from "../Store";
-import { removeTreeNodes } from "./removeTreeNodes";
-import assert from "assert";
-
-describe("removeTreeNodes", function () {
-   it("removes all nodes that satisfy criteria", function () {
-      let store = new Store({
-         data: {
-            array: [
-               {
-                  id: "n1",
-                  value: 1,
-                  children: [
-                     {
-                        id: "n11",
-                        value: 2,
-                     },
-                     {
-                        id: "n12",
-                        value: 3,
-                     },
-                  ],
-               },
-            ],
-         },
-      });
-
-      assert(store.update("array", removeTreeNodes, (x: any) => x.value > 1, "children"));
-      assert.deepEqual(store.get("array"), [
-         {
-            id: "n1",
-            value: 1,
-            children: [],
-         },
-      ]);
-   });
-});
+import { Store } from "../Store";
+import { removeTreeNodes } from "./removeTreeNodes";
+import assert from "assert";
+
+describe("removeTreeNodes", function () {
+   it("removes all nodes that satisfy criteria", function () {
+      let store = new Store({
+         data: {
+            array: [
+               {
+                  id: "n1",
+                  value: 1,
+                  children: [
+                     {
+                        id: "n11",
+                        value: 2,
+                     },
+                     {
+                        id: "n12",
+                        value: 3,
+                     },
+                  ],
+               },
+            ],
+         },
+      });
+
+      assert(store.update("array", removeTreeNodes, (x: any) => x.value > 1, "children"));
+      assert.deepEqual(store.get("array"), [
+         {
+            id: "n1",
+            value: 1,
+            children: [],
+         },
+      ]);
+   });
+});

package/src/data/ops/updateArray.spec.ts

@@ -1,69 +1,69 @@
-import { Store } from "../Store";
-import { updateArray } from "./updateArray";
-import assert from "assert";
-
-describe("updateArray", function () {
-   it("updates all elements that satisfy criteria", function () {
-      let store = new Store({
-         data: { array: [1, 2, 3, 4, 5, 6] },
-      });
-
-      assert(
-         store.update(
-            "array",
-            updateArray,
-            (x) => x + 1,
-            (x) => x > 3,
-         ),
-      );
-      assert.deepEqual(store.get("array"), [1, 2, 3, 5, 6, 7]);
-   });
-
-   it("does not modify data if not necessary", function () {
-      let array = [1, 2, 3, 4, 5, 6];
-      let store = new Store({
-         data: { array },
-      });
-
-      assert(
-         false ===
-            store.update(
-               "array",
-               updateArray,
-               (x) => x + 1,
-               (x) => x > 10,
-            ),
-      );
-      assert(store.get("array") === array);
-   });
-
-   it("works with null or undefined", function () {
-      let store = new Store();
-      assert(
-         false ===
-            store.update(
-               "array",
-               updateArray,
-               (x) => x + 1,
-               (x) => x > 0,
-            ),
-      );
-   });
-
-   it("can remove elements given the criteria", function () {
-      let store = new Store({
-         data: { array: [1, 2, 3, 4, 5, 6] },
-      });
-
-      assert(
-         store.update(
-            "array",
-            updateArray,
-            (x) => x + 1,
-            (x) => x > 3,
-            (x) => x <= 3,
-         ),
-      );
-      assert.deepEqual(store.get("array"), [5, 6, 7]);
-   });
-});
+import { Store } from "../Store";
+import { updateArray } from "./updateArray";
+import assert from "assert";
+
+describe("updateArray", function () {
+   it("updates all elements that satisfy criteria", function () {
+      let store = new Store({
+         data: { array: [1, 2, 3, 4, 5, 6] },
+      });
+
+      assert(
+         store.update(
+            "array",
+            updateArray,
+            (x) => x + 1,
+            (x) => x > 3,
+         ),
+      );
+      assert.deepEqual(store.get("array"), [1, 2, 3, 5, 6, 7]);
+   });
+
+   it("does not modify data if not necessary", function () {
+      let array = [1, 2, 3, 4, 5, 6];
+      let store = new Store({
+         data: { array },
+      });
+
+      assert(
+         false ===
+            store.update(
+               "array",
+               updateArray,
+               (x) => x + 1,
+               (x) => x > 10,
+            ),
+      );
+      assert(store.get("array") === array);
+   });
+
+   it("works with null or undefined", function () {
+      let store = new Store();
+      assert(
+         false ===
+            store.update(
+               "array",
+               updateArray,
+               (x) => x + 1,
+               (x) => x > 0,
+            ),
+      );
+   });
+
+   it("can remove elements given the criteria", function () {
+      let store = new Store({
+         data: { array: [1, 2, 3, 4, 5, 6] },
+      });
+
+      assert(
+         store.update(
+            "array",
+            updateArray,
+            (x) => x + 1,
+            (x) => x > 3,
+            (x) => x <= 3,
+         ),
+      );
+      assert.deepEqual(store.get("array"), [5, 6, 7]);
+   });
+});

package/src/data/test-types.ts

@@ -1,7 +1,7 @@
-import { AccessorChain } from "./createAccessorModelProxy";
-
-// Test what AccessorChain<string[]> looks like
-type Test1 = AccessorChain<string[]>;
-type Test2 = AccessorChain<string[]>["length"];
-
-// The issue: does AccessorChain properly map array properties?
+import { AccessorChain } from "./createAccessorModelProxy";
+
+// Test what AccessorChain<string[]> looks like
+type Test1 = AccessorChain<string[]>;
+type Test2 = AccessorChain<string[]>["length"];
+
+// The issue: does AccessorChain properly map array properties?

package/src/hooks/useTrigger.ts

@@ -1,26 +1,26 @@
-import { getCurrentInstance } from "../ui/createFunctionalComponent";
-import { isArray } from "../util/isArray";
-import { computable, ComputableSelector } from "../data/computable";
-import { useStore } from "./store";
-
-export function addExploreCallback(callback: (...args: any[]) => any): () => void {
-   let instance = getCurrentInstance();
-   if (!instance.computables) instance.computables = [];
-   instance.computables.push(callback);
-   return () => {
-      if (instance.computables) {
-         instance.computables = instance.computables.filter((cb: unknown) => cb !== callback);
-      }
-   };
-}
-
-export function useTrigger(
-   args: ComputableSelector[],
-   callback: (...args: any[]) => void,
-   autoRun?: boolean,
-): () => void {
-   if (!isArray(args)) throw new Error("First argument to useTrigger should be an array.");
-   let store = useStore();
-   let selector = computable(...args, callback).memoize(!autoRun && store.getData());
-   return addExploreCallback(selector);
-}
+import { getCurrentInstance } from "../ui/createFunctionalComponent";
+import { isArray } from "../util/isArray";
+import { computable, ComputableSelector } from "../data/computable";
+import { useStore } from "./store";
+
+export function addExploreCallback(callback: (...args: any[]) => any): () => void {
+   let instance = getCurrentInstance();
+   if (!instance.computables) instance.computables = [];
+   instance.computables.push(callback);
+   return () => {
+      if (instance.computables) {
+         instance.computables = instance.computables.filter((cb: unknown) => cb !== callback);
+      }
+   };
+}
+
+export function useTrigger(
+   args: ComputableSelector[],
+   callback: (...args: any[]) => void,
+   autoRun?: boolean,
+): () => void {
+   if (!isArray(args)) throw new Error("First argument to useTrigger should be an array.");
+   let store = useStore();
+   let selector = computable(...args, callback).memoize(!autoRun && store.getData());
+   return addExploreCallback(selector);
+}

package/src/index.scss

@@ -1,6 +1,6 @@
-@import "global";
-@import "util/index";
-@import "ui/index";
-@import "widgets/index";
-@import "svg/index";
-@import "charts/index";
+@import "global";
+@import "util/index";
+@import "ui/index";
+@import "widgets/index";
+@import "svg/index";
+@import "charts/index";

package/src/jsx-dev-runtime.ts

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "./jsx-runtime";
-
-export const jsxDEV = jsx;
-export const jsxsDEV = jsxs;
+import { jsx, jsxs } from "./jsx-runtime";
+
+export const jsxDEV = jsx;
+export const jsxsDEV = jsxs;

package/src/jsx-runtime.spec.tsx

@@ -1,7 +1,34 @@
 import assert from "assert";
-import { TextField } from "./widgets/form/TextField";
-import { NumberField } from "./widgets/form/NumberField";
 import { Button } from "./widgets/Button";
+import { Widget, WidgetConfig } from "./ui/Widget";
+import { StringProp, NumberProp, BooleanProp } from "./core";
+
+// Minimal mock implementations to avoid side effects from importing real widgets
+
+interface TextFieldConfig extends WidgetConfig {
+   value?: StringProp;
+   placeholder?: StringProp;
+   disabled?: BooleanProp;
+   readOnly?: BooleanProp;
+   required?: BooleanProp;
+   minLength?: NumberProp;
+   maxLength?: NumberProp;
+   validationErrorText?: StringProp;
+}
+
+class TextField extends Widget<TextFieldConfig> {}
+
+interface NumberFieldConfig extends WidgetConfig {
+   value?: NumberProp;
+   placeholder?: StringProp;
+   minValue?: NumberProp;
+   maxValue?: NumberProp;
+   format?: StringProp;
+   disabled?: BooleanProp;
+   increment?: NumberProp;
+}
+
+class NumberField extends Widget<NumberFieldConfig> {}
 import { Checkbox } from "./widgets/form/Checkbox";
 import { bind } from "./ui/bind";
 import { expr } from "./ui/expr";
@@ -343,13 +370,15 @@ describe("jsx-runtime type inference", () => {
          optional?: boolean;
       }
 
-      const ComponentWithRequiredProps = createFunctionalComponent<RequiredPropsConfig>(({ title, count, optional }) => (
-         <cx>
-            <div text={title} />
-            <div text={String(count)} />
-            {optional && <div text="optional shown" />}
-         </cx>
-      ));
+      const ComponentWithRequiredProps = createFunctionalComponent<RequiredPropsConfig>(
+         ({ title, count, optional }) => (
+            <cx>
+               <div text={title} />
+               <div text={String(count)} />
+               {optional && <div text="optional shown" />}
+            </cx>
+         ),
+      );
 
       it("accepts all required props provided", () => {
          const widget = (