cx 25.10.1 → 26.0.1

package/src/ui/Restate.spec.js

@@ -1,422 +0,0 @@
-import { HtmlElement } from "../widgets/HtmlElement";
-import { Cx } from "./Cx";
-import { Restate } from "./Restate";
-import { Store } from "../data/Store";
-import { VDOM } from "./VDOM";
-import renderer from "react-test-renderer";
-import assert from "assert";
-import { Controller } from "./Controller";
-import { bind } from "./bind";
-import { FirstVisibleChild } from "./layout/FirstVisibleChildLayout";
-import { FirstVisibleChildLayout } from "./layout/FirstVisibleChildLayout";
-
-describe("Restate", () => {
-   it("provides a blank slate", () => {
-      let widget = (
-         <cx>
-            <div>
-               <Restate
-                  data={{
-                     value: "good",
-                  }}
-               >
-                  <span text-bind="value" />
-                  <span text-bind="value2" />
-               </Restate>
-            </div>
-         </cx>
-      );
-
-      let store = new Store({
-         data: {
-            value: "bad",
-            value2: "also bad",
-         },
-      });
-
-      const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-      let tree = component.toJSON();
-      assert.deepEqual(tree, {
-         type: "div",
-         props: {},
-         children: [
-            {
-               type: "span",
-               props: {},
-               children: ["good"],
-            },
-            {
-               type: "span",
-               props: {},
-               children: null,
-            },
-         ],
-      });
-   });
-
-   it("wires declared data", () => {
-      let widget = (
-         <cx>
-            <div>
-               <Restate
-                  data={{
-                     name: { bind: "person.name" },
-                  }}
-               >
-                  <div
-                     controller={{
-                        onInit() {
-                           this.store.init("name", "Sasa");
-                           this.store.init("nickname", "Sale");
-                        },
-                     }}
-                  />
-               </Restate>
-            </div>
-         </cx>
-      );
-
-      let changed = false;
-      let store = new Store();
-      store.subscribe(() => {
-         //console.log(store.getData());
-         changed = true;
-      });
-
-      const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-      let tree = component.toJSON();
-
-      assert.equal(store.get("person.name"), "Sasa");
-      assert(store.get("person.nickname") === undefined);
-      assert(changed);
-   });
-
-   it("causes a global update if internal data changes", () => {
-      let controller;
-
-      class TestController extends Controller {
-         onInit() {
-            controller = this;
-         }
-
-         setNickname(nname) {
-            this.store.set("nickname", nname);
-         }
-      }
-
-      let widget = (
-         <cx>
-            <div>
-               <Restate
-                  data={{
-                     name: { bind: "person.name" },
-                  }}
-               >
-                  <div controller={TestController} text-bind="nickname" />
-               </Restate>
-            </div>
-         </cx>
-      );
-
-      let changed = false;
-      let store = new Store();
-      store.subscribe(() => {
-         changed = true;
-      });
-
-      const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-      let tree = component.toJSON();
-      assert.deepEqual(tree, {
-         type: "div",
-         props: {},
-         children: [
-            {
-               type: "div",
-               props: {},
-               children: null,
-            },
-         ],
-      });
-
-      controller.setNickname("Sale");
-
-      let tree2 = component.toJSON();
-      assert.deepEqual(tree2, {
-         type: "div",
-         props: {},
-         children: [
-            {
-               type: "div",
-               props: {},
-               children: ["Sale"],
-            },
-         ],
-      });
-   });
-
-   it("doesn't notify parent if not necessary in detached mode", () => {
-      class TestController extends Controller {
-         onInit() {
-            this.store.init("nickname", "Sale");
-         }
-      }
-
-      let widget = (
-         <cx>
-            <div>
-               <Restate
-                  detached
-                  data={{
-                     name: { bind: "person.name" },
-                  }}
-               >
-                  <div controller={TestController} />
-               </Restate>
-            </div>
-         </cx>
-      );
-
-      let changed = false;
-      let store = new Store();
-      store.subscribe(() => {
-         changed = true;
-      });
-
-      const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-      let tree = component.toJSON();
-      assert(!changed);
-   });
-
-   it("shared state can be used across components inside and outside Restate", () => {
-      let widget = (
-         <cx>
-            <div>
-               <div text={bind("person.gender", "Male")} />
-               <Restate
-                  detached
-                  data={{
-                     person: { bind: "person" },
-                  }}
-               >
-                  <div text={bind("person.firstName", "John")} />
-                  <div text={bind("person.lastName", "Doe")} />
-               </Restate>
-               <div text={bind("person.address", "Unknown")} />
-            </div>
-         </cx>
-      );
-
-      let changed = false;
-      let store = new Store();
-      store.subscribe(() => {
-         changed = true;
-         //console.log(store.getData());
-      });
-
-      const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-      let tree = component.toJSON();
-      assert.deepEqual(store.getData(), {
-         person: {
-            firstName: "John",
-            lastName: "Doe",
-            address: "Unknown",
-            gender: "Male",
-         },
-      });
-   });
-
-   it("updates if shared state is changed from outside", () => {
-      [true, false].forEach((detached) => {
-         let widget = (
-            <cx>
-               <div>
-                  <Restate
-                     detached={detached}
-                     data={{
-                        person: { bind: "person" },
-                     }}
-                  >
-                     <div text={bind("person.firstName")} />
-                  </Restate>
-                  <div text={bind("person.firstName", "John")} />
-               </div>
-            </cx>
-         );
-
-         let store = new Store();
-
-         const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-         let tree = component.toJSON();
-         assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: [
-               {
-                  type: "div",
-                  props: {},
-                  children: ["John"],
-               },
-               {
-                  type: "div",
-                  props: {},
-                  children: ["John"],
-               },
-            ],
-         });
-         store.set("person.firstName", "Jack");
-
-         tree = component.toJSON();
-         assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: [
-               {
-                  type: "div",
-                  props: {},
-                  children: ["Jack"],
-               },
-               {
-                  type: "div",
-                  props: {},
-                  children: ["Jack"],
-               },
-            ],
-         });
-      });
-   });
-
-   it("allows field initialization in data declaration", () => {
-      [true, false].forEach((detached) => {
-         let widget = (
-            <cx>
-               <div>
-                  <Restate
-                     detached={detached}
-                     data={{
-                        name: bind("name", "Cx"),
-                     }}
-                  >
-                     <div text-bind="name" />
-                  </Restate>
-               </div>
-            </cx>
-         );
-
-         let store = new Store();
-
-         const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-         let tree = component.toJSON();
-         assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: [
-               {
-                  type: "div",
-                  props: {},
-                  children: ["Cx"],
-               },
-            ],
-         });
-      });
-   });
-
-   it("updates if internal data changes", () => {
-      class TestController extends Controller {
-         onInit() {
-            this.store.init("nickname", "Sale");
-         }
-      }
-
-      let widget = (
-         <cx>
-            <div>
-               <Restate>
-                  <Restate>
-                     <div controller={TestController} text-bind="nickname" />
-                  </Restate>
-               </Restate>
-            </div>
-         </cx>
-      );
-
-      let changed = false;
-      let store = new Store();
-      store.subscribe(() => {
-         changed = true;
-      });
-
-      const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-      let tree = component.toJSON();
-      assert.deepEqual(tree, {
-         type: "div",
-         props: {},
-         children: [
-            {
-               type: "div",
-               props: {},
-               children: ["Sale"],
-            },
-         ],
-      });
-   });
-
-   it("works with FirstVisibleChildLayout", () => {
-      let widget = (
-         <cx>
-            <div>
-               <FirstVisibleChildLayout>
-                  <Restate>
-                     <div>First</div>
-                  </Restate>
-                  <div>Second</div>
-               </FirstVisibleChildLayout>
-            </div>
-         </cx>
-      );
-
-      let store = new Store();
-
-      const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-      let tree = component.toJSON();
-      assert.deepEqual(tree, {
-         type: "div",
-         props: {},
-         children: [{ type: "div", props: {}, children: ["First"] }],
-      });
-   });
-
-   it("is transparent to FirstVisibleChildLayout", () => {
-      let widget = (
-         <cx>
-            <div>
-               <FirstVisibleChildLayout>
-                  <Restate>
-                     <div visible={false}>First</div>
-                  </Restate>
-                  <div>Second</div>
-               </FirstVisibleChildLayout>
-            </div>
-         </cx>
-      );
-
-      let store = new Store();
-
-      const component = renderer.create(<Cx widget={widget} store={store} subscribe immediate />);
-
-      let tree = component.toJSON();
-      assert.deepEqual(tree, {
-         type: "div",
-         props: {},
-         children: [{ type: "div", props: {}, children: ["Second"] }],
-      });
-   });
-});

package/src/ui/StaticText.d.ts

@@ -1,8 +0,0 @@
-import * as Cx from '../core';
-
-interface StaticTextProps extends Cx.WidgetProps {
-    text: string
-}
-
-export class StaticText extends Cx.Widget<StaticTextProps> {}
-

package/src/ui/StaticText.js

@@ -1,9 +0,0 @@
-import {Widget} from './Widget';
-
-export class StaticText extends Widget {
-   render() {
-      return this.text;
-   }
-}
-
-Widget.alias('static-text', StaticText);

package/src/ui/StructuredInstanceDataAccessor.d.ts

@@ -1,16 +0,0 @@
-import { Instance } from "./Instance";
-
-export interface StructuredInstanceDataAccessorConfig {
-   data: Cx.StructuredProp;
-   instance: Instance;
-   useParentStore: boolean;
-}
-
-export class StructuredInstanceDataAccessor {
-   constructor(config: StructuredInstanceDataAccessorConfig);
-   getSelector(): (data: any) => any;
-   get(): any;
-   setItem(key, value);
-   containsKey(key): boolean;
-   getKeys(): string[];
-}

package/src/ui/StructuredInstanceDataAccessor.js

@@ -1,26 +0,0 @@
-import { getSelector } from "../data/getSelector";
-
-export class StructuredInstanceDataAccessor {
-   constructor(config) {
-      this.instance = config.instance;
-      this.dataConfig = config.data;
-      this.useParentStore = config.useParentStore;
-      this.dataSelector = getSelector(config.data);
-      if (this.dataSelector.memoize) this.dataSelector = this.dataSelector.memoize();
-   }
-   getSelector() {
-      return this.dataSelector;
-   }
-   get() {
-      return this.dataSelector.get(this.instance.store.getData());
-   }
-   setItem(key, value) {
-      this.instance.nestedDataSet(key, value, this.dataConfig, this.useParentStore);
-   }
-   containsKey(key) {
-      return this.dataConfig.hasOwnProperty(key);
-   }
-   getKeys() {
-      return Object.keys(this.dataConfig);
-   }
-}

package/src/ui/Text.d.ts

@@ -1,10 +0,0 @@
-import * as Cx from '../core'
-
-interface TextProps extends Cx.WidgetProps {
-   value?: Cx.StringProp,
-   bind?: string,
-   tpl?: string,
-   expr?: string,
-}
-
-export class Text extends Cx.Widget<TextProps> { }

package/src/ui/Text.js

@@ -1,25 +0,0 @@
-import { Widget } from './Widget';
-
-export class Text extends Widget {
-   init() {
-      if (!this.value && (this.tpl || this.expr || this.bind))
-         this.value = {
-            tpl: this.tpl,
-            expr: this.expr,
-            bind: this.bind
-         };
-      super.init();
-   }
-
-   declareData() {
-      super.declareData({
-         value: undefined
-      }, ...arguments);
-   }
-
-   render(context, { data }, key) {
-      return data.value != null ? data.value : '';
-   }
-}
-
-Widget.alias('text', Text)

package/src/ui/VDOM.d.ts

@@ -1,12 +0,0 @@
-import { HtmlElement, react } from "cx/widgets";
-import { ReactElement } from "react";
-export interface VDOM {
-   createElement(type, props, ...children);
-   allowRenderOutputCaching?: boolean;
-
-   DOM: {
-      render(reactElement: ReactElement, container: HtmlElement): void;
-      unmountComponentAtNode(container: HtmlElement): void;
-      createRoot?(container: HtmlElement): any;
-   };
-}

package/src/ui/VDOM.js

@@ -1,2 +0,0 @@
-import {VDOM as vdom} from 'cx-react';
-export const VDOM = vdom;

package/src/ui/Widget.d.ts

@@ -1,14 +0,0 @@
-import * as Cx from '../core';
-
-export class Widget extends Cx.Widget<Cx.WidgetProps> {
-    static create(type: any, config?: any, more?: any): any;
-    static resetCounter() : void;
-}
-
-export function contentAppend(result, w, prependSpace?) : boolean;
-
-export function getContentArray(x) : any[];
-
-export function getContent(x) : null | any | any[];
-
-export { VDOM } from './VDOM';