cx 26.0.14 → 26.1.0

package/build/ui/layout/FirstVisibleChildLayout.spec.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "cx/jsx-runtime";
-import { Store } from "../../data/Store";
-import { expr } from "../expr";
-import { createTestRenderer } from "../../util/test/createTestRenderer";
-import assert from "assert";
-import { FirstVisibleChildLayout } from "./FirstVisibleChildLayout";
-import { UseParentLayout } from "./UseParentLayout";
-import { PureContainer } from "../PureContainer";
-import { createFunctionalComponent } from "../createFunctionalComponent";
-describe("FirstVisibleChildLayout", () => {
-    it("renders only the first child", () => {
-        let widget = (_jsx("cx", { children: _jsxs("div", { layout: FirstVisibleChildLayout, children: [_jsx("header", {}), _jsx("main", {}), _jsx("footer", {})] }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: [{ type: "header", props: {}, children: null }],
-        });
-    });
-    it("does not process other widgets", () => {
-        let h = false, m = false, f = false;
-        let widget = (_jsx("cx", { children: _jsxs("div", { layout: FirstVisibleChildLayout, children: [_jsx("header", { onInit: () => {
-                            h = true;
-                        } }), _jsx("main", { onInit: () => {
-                            m = true;
-                        } }), _jsx("footer", { onInit: () => {
-                            f = true;
-                        } })] }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: [{ type: "header", props: {}, children: null }],
-        });
-        assert.equal(h, true);
-        assert.equal(m, false);
-        assert.equal(f, false);
-    });
-    it("skips the first child if not visible", () => {
-        let widget = (_jsx("cx", { children: _jsxs("div", { layout: FirstVisibleChildLayout, children: [_jsx("header", { visible: false }), _jsx("main", {}), _jsx("footer", {})] }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: [{ type: "main", props: {}, children: null }],
-        });
-    });
-    it("skips pure containers which use parent layouts", () => {
-        let widget = (_jsx("cx", { children: _jsxs("div", { layout: FirstVisibleChildLayout, children: [_jsx(PureContainer, { layout: UseParentLayout, children: _jsx("header", { visible: false }) }), _jsx("main", {}), _jsx("footer", {})] }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: [{ type: "main", props: {}, children: null }],
-        });
-    });
-    it("works with functional components", () => {
-        let FC = createFunctionalComponent(({ children }) => _jsx("cx", { children: children }));
-        let widget = (_jsx("cx", { children: _jsxs("div", { layout: FirstVisibleChildLayout, children: [_jsx(FC, { dummy: true, children: _jsx("header", { visible: false }) }), _jsx("main", {}), _jsx("footer", {})] }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.deepEqual(tree, {
-            type: "div",
-            props: {},
-            children: [{ type: "main", props: {}, children: null }],
-        });
-    });
-    it("properly destroys invisible items", () => {
-        let destroyList = [];
-        let widget = (_jsx("cx", { children: _jsxs("div", { layout: FirstVisibleChildLayout, children: [_jsx("div", { visible: expr("{index} == 0"), onDestroy: () => destroyList.push(0) }), _jsx("div", { visible: expr("{index} == 1"), onDestroy: () => destroyList.push(1) }), _jsx("div", { visible: expr("{index} == 2"), onDestroy: () => destroyList.push(2) }), _jsx("div", { visible: expr("{index} == 3"), onDestroy: () => destroyList.push(3) }), _jsx("div", { visible: expr("{index} == 4"), onDestroy: () => destroyList.push(4) })] }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        store.set("index", 0);
-        component.toJSON();
-        assert.deepEqual(destroyList, []);
-        store.set("index", 3);
-        component.toJSON();
-        assert.deepEqual(destroyList, [0]);
-        store.set("index", 1);
-        component.toJSON();
-        assert.deepEqual(destroyList, [0, 3]);
-        store.set("index", 4);
-        component.toJSON();
-        assert.deepEqual(destroyList, [0, 3, 1]);
-        store.set("index", 0);
-        component.toJSON();
-        assert.deepEqual(destroyList, [0, 3, 1, 4]);
-        store.set("index", -1);
-        component.toJSON();
-        assert.deepEqual(destroyList, [0, 3, 1, 4, 0]);
-    });
-});

package/build/util/Format.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/util/Format.spec.js

@@ -1,58 +0,0 @@
-import assert from 'assert';
-import { Format } from './Format';
-describe('Format', function () {
-    describe('n,number ', function () {
-        it('correctly formats numbers with min and max allowed precision', function () {
-            assert.equal(Format.value(0.5, 'n;2;4'), '0.50');
-            assert.equal(Format.value(0.50101, 'n;2;4'), '0.501');
-            assert.equal(Format.value(0.5012, 'n;2;4'), '0.5012');
-            assert.equal(Format.value(0.0, 'n;0;4'), '0');
-        });
-        it('correctly formats numbers fixed precision', function () {
-            assert.equal(Format.value(0.5, 'number;3'), '0.500');
-            assert.equal(Format.value(0.50101, 'number;3'), '0.501');
-            assert.equal(Format.value(0.5016, 'number;3'), '0.502');
-        });
-    });
-    describe('p,percentage', function () {
-        it('correctly formats numbers with min and max allowed precision', function () {
-            assert.equal(Format.value(0.5, 'p;2;4'), '50.00%');
-            assert.equal(Format.value(0.50101, 'p;2;4'), '50.101%');
-            assert.equal(Format.value(0.50123456, 'p;2;4'), '50.1235%');
-            assert.equal(Format.value(0.0, 'p;0;4'), '0%');
-        });
-        it('correctly formats numbers fixed precision', function () {
-            assert.equal(Format.value(0.5, 'percentage;3'), '50.000%');
-            assert.equal(Format.value(0.50101, 'percentage;3'), '50.101%');
-            assert.equal(Format.value(0.5016, 'percentage;3'), '50.160%');
-        });
-    });
-    describe('date,time,datetime', function () {
-        it('correctly formats dates', function () {
-            assert.equal(Format.value(new Date(2015, 3, 1), 'd'), '4/1/2015');
-        });
-        it('correctly formats time', function () {
-            assert.equal(Format.value(new Date(2015, 3, 1, 16, 15, 14), 't'), '16:15');
-            assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), 'time'), '05:06');
-        });
-        it('correctly formats date-time', function () {
-            assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), 'dt'), '4/1/2015 05:06');
-        });
-    });
-    describe('ellipsis', function () {
-        it('can shorten long texts', function () {
-            assert.equal(Format.value('This is a very long text.', 'ellipsis;7'), 'This...');
-        });
-        it('can be used at the start of string', function () {
-            assert.equal(Format.value('This is a very long text.', 'ellipsis;8;start'), '...text.');
-        });
-        it('can be used in the middle of the string', function () {
-            assert.equal(Format.value('First (Middle) Last', 'ellipsis;11;middle'), 'Firs...Last');
-        });
-    });
-    describe('null text', function () {
-        it('can contain null text', function () {
-            assert.equal(Format.value(null, 'n;2|N/A'), 'N/A');
-        });
-    });
-});

package/build/util/TraversalStack.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/util/TraversalStack.spec.js

@@ -1,43 +0,0 @@
-import { TraversalStack } from './TraversalStack';
-import assert from 'assert';
-describe('TraversalStack', function () {
-    it('push', function () {
-        let stack = new TraversalStack();
-        stack.push(1);
-        assert.equal(stack.pop(), 1);
-    });
-    it('traverses the tree in the right order', function () {
-        let stack = new TraversalStack();
-        let tree = {
-            id: 1,
-            children: [{
-                    id: 2,
-                    children: [{
-                            id: 3
-                        }, {
-                            id: 4
-                        }]
-                }, {
-                    id: 5,
-                    children: [{
-                            id: 6
-                        }]
-                }]
-        };
-        let list = [];
-        stack.push(tree);
-        while (!stack.empty()) {
-            let node = stack.pop();
-            if (node) {
-                list.push(node.id);
-                if (node.children) {
-                    stack.hop();
-                    node.children.forEach((child) => {
-                        stack.push(child);
-                    });
-                }
-            }
-        }
-        assert.deepEqual(list, [1, 2, 3, 4, 5, 6]);
-    });
-});

package/build/util/date/upperBoundCheck.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/util/date/upperBoundCheck.spec.js

@@ -1,22 +0,0 @@
-import assert from 'assert';
-import { upperBoundCheck } from './upperBoundCheck';
-describe('upperBoundCheck', () => {
-    let may18th = new Date('2017-05-18'); // May 18th
-    let may19th = new Date('2017-05-19'); // May 19th
-    let exclusive = true; // strictly less than...
-    it('returns true for May 18th <= May 19th', () => {
-        assert.equal(upperBoundCheck(may18th, may19th), true);
-    });
-    it('returns true for May 19th <= May 19th', () => {
-        assert.equal(upperBoundCheck(may19th, may19th), true);
-    });
-    it('returns true for May 19th <= May 19th with exclusive=`false`', () => {
-        assert.equal(upperBoundCheck(may19th, may19th, false), true);
-    });
-    it('returns false for May 19th < May 19th', () => {
-        assert.equal(upperBoundCheck(may19th, may19th, exclusive), false);
-    });
-    it('returns false for May 19th <= May 18th', () => {
-        assert.equal(upperBoundCheck(may19th, may18th), false);
-    });
-});

package/build/util/getSearchQueryPredicate.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/util/getSearchQueryPredicate.spec.js

@@ -1,33 +0,0 @@
-import { getSearchQueryPredicate, getSearchQueryHighlighter } from "./getSearchQueryPredicate";
-import assert from "assert";
-describe("getSearchQueryPredicate", function () {
-    it("blank means allow all", function () {
-        var m = getSearchQueryPredicate("");
-        assert(m("cx"));
-    });
-    it("is case insensitive", function () {
-        var m = getSearchQueryPredicate("Cx");
-        assert(m("cx"));
-    });
-    it("if multiple words are provided, all must be matched", function () {
-        var m = getSearchQueryPredicate("jo smi");
-        assert(m("John Smith"));
-        assert(!m("John Nash"));
-    });
-    it("regex special characters are properly escaped", function () {
-        var m = getSearchQueryPredicate("*?");
-        assert(m("*?"));
-    });
-});
-describe("getSearchQueryHighlighter", function () {
-    it("detects search parts", function () {
-        var m = getSearchQueryHighlighter("jo smi");
-        let items = m("John Smith");
-        assert.deepStrictEqual(items, ["", "Jo", "hn ", "Smi", "th"]);
-    });
-    it("detects search parts occuring multiple times", function () {
-        var m = getSearchQueryHighlighter("O");
-        let items = m("Option 1");
-        assert.deepStrictEqual(items, ["", "O", "pti", "o", "n 1"]);
-    });
-});

package/build/util/isValidIdentifierName.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/util/isValidIdentifierName.spec.js

@@ -1,28 +0,0 @@
-import { isValidIdentifierName } from "./isValidIdentifierName";
-import assert from "assert";
-describe("isValidIdentifierName", function () {
-    it("names starting with a number are not valid", function () {
-        assert(!isValidIdentifierName("1a"));
-        assert(!isValidIdentifierName("00"));
-        assert(!isValidIdentifierName("0_abc"));
-    });
-    it("names starting with a dollar sign are valid", function () {
-        assert(isValidIdentifierName("$a"));
-        assert(isValidIdentifierName("$"));
-    });
-    it("names starting with an underscore are valid", function () {
-        assert(isValidIdentifierName("_a"));
-        assert(isValidIdentifierName("_"));
-    });
-    it("names starting with a letter are valid", function () {
-        assert(isValidIdentifierName("a"));
-        assert(isValidIdentifierName("abc"));
-        assert(isValidIdentifierName("abc0123"));
-    });
-    it("names with invalid characters are not valid", function () {
-        assert(!isValidIdentifierName("a b"));
-        assert(!isValidIdentifierName("a-b"));
-        assert(!isValidIdentifierName("a.b"));
-        assert(!isValidIdentifierName("a!b"));
-    });
-});

package/build/util/routeAppend.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/util/routeAppend.spec.js

@@ -1,14 +0,0 @@
-import { routeAppend } from './routeAppend';
-import assert from 'assert';
-describe('routeAppend', function () {
-    it('adds / if necessary', function () {
-        assert(routeAppend('x', 'y'), 'x/y');
-    });
-    it('does not add extra / if not necessary', function () {
-        assert(routeAppend('x/', 'y'), 'x/y');
-        assert(routeAppend('x', '/y'), 'x/y');
-    });
-    it('removes extra slash if both parts contain it', function () {
-        assert(routeAppend('x/', '/y'), 'x/y');
-    });
-});

package/build/widgets/AccessorBindings.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/widgets/AccessorBindings.spec.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "cx/jsx-runtime";
-import assert from "assert";
-import { createAccessorModelProxy } from "../data/createAccessorModelProxy";
-import { Store } from "../data/Store";
-import { expr } from "../ui";
-import { createTestRenderer } from "../util/test/createTestRenderer";
-let { $page } = createAccessorModelProxy();
-describe("Accessors", () => {
-    it("work as regular bindings", () => {
-        let widget = (_jsx("cx", { children: _jsx("div", { text: $page.text }) }));
-        let store = new Store({
-            data: {
-                $page: {
-                    text: "Test",
-                },
-            },
-        });
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree));
-        assert(tree.type === "div");
-        assert.deepStrictEqual(tree.children, ["Test"]);
-    });
-    it("support expressions", () => {
-        let widget = (_jsx("cx", { children: _jsx("div", { text: expr($page.a, $page.b, (a, b) => a + b) }) }));
-        let store = new Store({
-            data: {
-                $page: {
-                    a: 1,
-                    b: 3,
-                },
-            },
-        });
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree));
-        assert(tree.type === "div");
-        assert.deepStrictEqual(tree.children, ["4"]);
-    });
-});

package/build/widgets/HtmlElement.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/widgets/HtmlElement.spec.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "cx/jsx-runtime";
-import { Store } from "../data/Store";
-import assert from "assert";
-import { createTestRenderer } from "../util/test/createTestRenderer";
-import { bind } from "../ui/bind";
-describe("HtmlElement", () => {
-    it("renders textual content provided through the text property", () => {
-        let widget = (_jsx("cx", { children: _jsx("div", { text: bind("text") }) }));
-        let store = new Store({
-            data: {
-                text: "Test",
-            },
-        });
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree), "Expected single element");
-        assert.equal(tree.type, "div");
-        assert.deepEqual(tree.children, ["Test"]);
-    });
-    it("allows spread bindings", () => {
-        let store = new Store({
-            data: {
-                title: "title",
-            },
-        });
-        const component = createTestRenderer(store, (_jsx("cx", { children: _jsx("a", { href: "#", title: { bind: "title" }, children: "Link" }) })));
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree), "Expected single element");
-        assert.deepEqual(tree, {
-            type: "a",
-            children: ["Link"],
-            props: {
-                href: "#",
-                title: "title",
-            },
-        });
-    });
-});

package/build/widgets/form/ValidationGroup.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/widgets/form/ValidationGroup.spec.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "cx/jsx-runtime";
-import { Store } from "../../data/Store";
-import { ValidationGroup } from "./ValidationGroup";
-import { Validator } from "./Validator";
-import { bind } from "../../ui/bind";
-import { createTestRenderer } from "../../util/test/createTestRenderer";
-import assert from "assert";
-describe("ValidationGroup", () => {
-    it("performs validation and sets the flags", () => {
-        let widget = (_jsx("cx", { children: _jsxs(ValidationGroup, { invalid: bind("invalid"), valid: bind("valid"), children: [_jsx(Validator, { onValidate: () => "Something is wrong..." }), _jsx("div", { visible: bind("invalid"), children: "Invalid" })] }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree));
-        assert.equal(tree.type, "div");
-        assert.equal(store.get("invalid"), true);
-        assert.equal(store.get("valid"), false);
-    });
-    it("nested validation works", () => {
-        let widget = (_jsx("cx", { children: _jsx("div", { children: _jsxs(ValidationGroup, { invalid: bind("invalid"), children: [_jsx(ValidationGroup, { invalid: bind("invalid1"), children: _jsx(Validator, { onValidate: () => "Something is wrong..." }) }), _jsx(ValidationGroup, { invalid: bind("invalid2"), children: _jsx(Validator, { onValidate: () => false }) })] }) }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.equal(store.get("invalid"), true);
-        assert.equal(store.get("invalid1"), true);
-        assert.equal(store.get("invalid2"), false);
-    });
-    it("isolated validation group does not affect the parent", () => {
-        let widget = (_jsx("cx", { children: _jsx("div", { children: _jsxs(ValidationGroup, { invalid: bind("invalid"), children: [_jsx(ValidationGroup, { invalid: bind("invalid1"), isolated: true, children: _jsx(Validator, { onValidate: () => "Something is wrong..." }) }), _jsx(ValidationGroup, { invalid: bind("invalid2"), children: _jsx(Validator, { onValidate: () => false }) })] }) }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.equal(store.get("invalid"), false);
-        assert.equal(store.get("invalid1"), true);
-        assert.equal(store.get("invalid2"), false);
-    });
-    it("visited flag is propagated into nested validation groups", () => {
-        let visited = false;
-        let widget = (_jsx("cx", { children: _jsx("div", { children: _jsx(ValidationGroup, { visited: true, children: _jsx(ValidationGroup, { children: _jsx("div", { onExplore: (context, instance) => {
-                                if (context.parentVisited)
-                                    visited = true;
-                            } }) }) }) }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(visited);
-    });
-    it("disabled flag can be overruled by the field props", () => {
-        let widget = (_jsx("cx", { children: _jsx("div", { children: _jsx(ValidationGroup, { invalid: bind("invalid"), disabled: true, children: _jsx(Validator, { onValidate: () => "Something is wrong...", disabled: false }) }) }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.equal(store.get("invalid"), true);
-    });
-    it("strict flag is used to enforce disabled flag", () => {
-        let widget = (_jsx("cx", { children: _jsx("div", { children: _jsx(ValidationGroup, { invalid: bind("invalid"), disabled: true, strict: true, children: _jsx(Validator, { onValidate: () => "Something is wrong...", disabled: false }) }) }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert.equal(store.get("invalid"), false);
-    });
-});

package/build/widgets/nav/Route.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/widgets/nav/Route.spec.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "cx/jsx-runtime";
-import { Route } from "./Route";
-import { Store } from "../../data/Store";
-import { createTestRenderer } from "../../util/test/createTestRenderer";
-import assert from "assert";
-describe("Route", () => {
-    it("matching works for ~/widgets/color-pickers", () => {
-        let widget = (_jsx("cx", { children: _jsx(Route, { url: "~/widgets/color-pickers", route: "~/widgets/color-pickers", children: _jsx("div", {}) }) }));
-        let store = new Store();
-        const component = createTestRenderer(store, widget);
-        let tree = component.toJSON();
-        assert(tree && !Array.isArray(tree));
-        assert.equal(tree.type, "div");
-    });
-});