cx 26.0.9 → 26.0.11

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/ui/layout/LabelsLeftLayout.scss

@@ -1,47 +0,0 @@
-
-@use "sass:map";
-
-@mixin cx-labelsleftlayout(
-   $name: 'labelsleftlayout',
-   $besm: $cx-besm
-) {
-   $block: map.get($besm, block);
-   $element: map.get($besm, element);
-   $state: map.get($besm, state);
-   $mod: map.get($besm, mod);
-
-   .#{$block}labelsleftlayout {
-      border-spacing: 0;
-
-      &.#{$mod}stretch {
-         width: 100%;
-
-         .#{$element}labelsleftlayout-label {
-            width: 5em;
-
-            .#{$block}label {
-               white-space: nowrap;
-            }
-         }
-      }
-   }
-
-   .#{$element}labelsleftlayout-field {
-      padding: 5px 0 5px 5px;
-   }
-
-   .#{$element}labelsleftlayout-label {
-      text-align: right;
-      vertical-align: top;
-
-      padding: 5px 5px 5px 0;
-
-      .#{$block}label {
-         padding-right: 0;
-      }
-   }
-}
-
-@if (cx-should-include('cx/ui/LabelsLeftLayout')) {
-  @include cx-labelsleftlayout();
-}

package/build/ui/layout/LabelsTopLayout.scss

@@ -1,65 +0,0 @@
-@use "sass:map";
-
-@mixin cx-labelstoplayout(
-   $name: 'labelstoplayout',
-   $besm: $cx-besm
-) {
-   $block: map.get($besm, block);
-   $element: map.get($besm, element);
-   $state: map.get($besm, state);
-   $mod: map.get($besm, mod);
-
-   .#{$block}labelstoplayout {
-      border-spacing: 0 3px;
-
-      &.#{$mod}stretch {
-         width: 100%;
-
-         //unsure what it does
-         //.#{$element}labelstoplayout-label {
-         //   width: 10em;
-         //}
-      }
-   }
-
-   .#{$element}labelstoplayout-field {
-      padding: 0 5px;
-      box-sizing: border-box;
-      vertical-align: top;
-
-      &:first-child {
-         padding-left: 0;
-      }
-
-      &:last-child {
-         padding-right: 0;
-      }
-   }
-
-   .#{$element}labelstoplayout-label {
-      vertical-align: bottom;
-      padding: 5px 5px 0 5px;
-      box-sizing: border-box;
-
-      .#{$block}label {
-         padding-left: 0;
-         padding-bottom: 0;
-      }
-
-      &:first-child {
-         padding-left: 0;
-      }
-
-      &:last-child {
-         padding-right: 0;
-      }
-   }
-
-   .#{$mod}fixed {
-      table-layout: fixed;
-   }
-}
-
-@if (cx-should-include('cx/ui/LabelsTopLayout')) {
-   @include cx-labelstoplayout();
-}

package/build/ui/layout/index.scss

@@ -1,3 +0,0 @@
-
-@import "LabelsLeftLayout";
-@import "LabelsTopLayout";

package/build/ui/layout/variables.scss

@@ -1,2 +0,0 @@
-
-// Layout variables

package/build/ui/variables.scss

@@ -1,2 +0,0 @@
-
-@import "layout/variables";

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/call-once.scss

@@ -1,7 +0,0 @@
-$cx-call-once-data: () !default;
-
-@function cx-call-once($name) {
-   $result: map_get($cx-call-once-data, $name);
-   $cx-call-once-data: map_merge($cx-call-once-data, ($name: true)) !global;
-   @return $result != true;
-}

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/index.scss

@@ -1,11 +0,0 @@
-.cx-text-left.cx-text-left {
-   text-align: left;
-}
-
-.cx-text-right.cx-text-right {
-   text-align: right;
-}
-
-.cx-text-center.cx-text-center  {
-   text-align: center;
-}

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/util/scss/add-rules.scss

@@ -1,40 +0,0 @@
-@use "sass:map";
-
-@mixin cx-add-rules($styles) {
-   @each $rule, $value in $styles {
-      #{$rule}: $value;
-   }
-}
-
-@mixin cx-add-state-rules($state-style-map, $key) {
-   @include cx-add-rules(map.get($state-style-map, $key));
-}
-
-@function cx-merge-state-style-maps($state-style-map, $override-style-map) {
-   $result: $state-style-map;
-
-   @if ($override-style-map != null) {
-      @each $key, $new-value in $override-style-map {
-         $old-value: map.get($state-style-map, $key);
-         @if ($old-value != null) {
-            $new-value: map.merge($old-value, $new-value);
-         }
-         $result: map.merge(
-            $result,
-            (
-               $key: $new-value,
-            )
-         );
-      }
-   }
-
-   @return $result;
-}
-
-@function cx-get-state-rule($state-style-map, $key, $rule, $default: null) {
-   $result: map.get(map.get($state-style-map, $key), $rule);
-   @if ($result != null) {
-      @return $result;
-   }
-   @return $default;
-}

package/build/util/scss/calc.scss

@@ -1,45 +0,0 @@
-@use "sass:list";
-@use "sass:map";
-@use "sass:math";
-
-@function cx-calc($lengths...) {
-   $units: ();
-
-   @each $l in $lengths {
-      $unit: math.unit($l);
-      @if (map.has-key($units, $unit)) {
-         $nl: map.get($units, $unit) + $l;
-         $units: map.merge($units, ($unit: $nl))
-      } @else {
-         $units: map.merge($units, ($unit: $l))
-      }
-   }
-
-   $keys: map.keys($units);
-   @if (list.length($keys) == 1) {
-      @return map.get($units, list.nth($keys, 1));
-   }
-
-   $calc: '';
-   $count: 0;
-
-   @each $u, $v in $units {
-      @if ($v != 0) {
-         $count: $count + 1;
-         @if ($count > 1) {
-            $calc: $calc + ' + ';
-         }
-         $calc: $calc + $v;
-      }
-   }
-
-   @if ($count == 0) {
-      @return 0;
-   }
-
-   @if ($count == 1) {
-      @return #{$calc};
-   }
-
-   @return #{'calc(' + $calc  + ')'};
-}

package/build/util/scss/call-once.scss

@@ -1,13 +0,0 @@
-@use "sass:map";
-
-$cx-call-once-data: () !default;
-
-@function cx-call-once($name) {
-   $result: map.get($cx-call-once-data, $name);
-   $cx-call-once-data: map.merge($cx-call-once-data, ($name: true)) !global;
-   @return $result != true;
-}
-
-@function cx-called-once($name) {
-   @return map.get($cx-call-once-data, $name);
-}

package/build/util/scss/clockwise.scss

@@ -1,49 +0,0 @@
-@use "sass:list";
-
-@function cx-top($list) {
-   @if (list.length($list) > 0) {
-      @return list.nth($list, 1);
-   }
-   @return null;
-}
-
-@function cx-right($list) {
-   @if (list.length($list) == 1) {
-      @return list.nth($list, 1);
-   }
-   @if (list.length($list) > 1) {
-      @return list.nth($list, 2);
-   }
-   @return null;
-}
-
-@function cx-bottom($list) {
-   @if (list.length($list) > 2) {
-      @return list.nth($list, 3);
-   }
-
-   @if (list.length($list) >= 1) {
-      @return list.nth($list, 1);
-   }
-
-   @return null;
-}
-
-@function cx-left($list) {
-   @if (list.length($list) == 1) {
-      @return list.nth($list, 1);
-   }
-
-   @if (list.length($list) == 2) {
-      @return list.nth($list, 2);
-   }
-
-   @if (list.length($list) == 3) {
-      @return list.nth($list, 2);
-   }
-
-   @if (list.length($list) == 4) {
-      @return list.nth($list, 4);
-   }
-   @return null;
-}

package/build/util/scss/colors.scss

@@ -1,10 +0,0 @@
-
-@use "sass:color";
-
-@function cx-whiten($color, $percentage) {
-   @return color.mix(white, $color, $percentage);
-}
-
-@function cx-blacken($color, $percentage) {
-   @return color.mix(black, $color, $percentage);
-}

package/build/util/scss/deep-get.scss

@@ -1,12 +0,0 @@
-@use "sass:map";
-
-@function cx-map-deep-get($map, $keys...){
-   @each $key in $keys {
-      $map: map.get($map, $key)
-   }
-   @if $map != null {
-      @return $map
-   } @else {
-      @return null
-   }
-};

package/build/util/scss/deep-merge.scss

@@ -1,21 +0,0 @@
-@use "sass:map";
-@use "sass:meta";
-
-@function cx-deep-map-merge($parent-map, $child-map) {
-	$result: $parent-map;
-	@each $key, $value in $child-map {
-		//If the parent map does not have the child map's key, or
-		//If their type don't match, or
-		//If they are not both maps,
-		@if (not map.has-key($result, $key)) or (meta.type-of(map.get($result, $key)) != meta.type-of($value)) or (not (meta.type-of(map.get($result, $key)) == map and meta.type-of($value) == map)) {
-			//Simply add that key to the parent map.
-			$result: map.merge($result, ($key: $value));
-		}
-		@else {
-			//If they are both maps, we need another non-destructive merger.
-			//Recursive, yay!
-			$result: map.merge($result, ($key: cx-deep-map-merge(map.get($result, $key), $value)));
-		}
-	}
-	@return $result;
-}