cx 25.4.1 → 25.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/charts.js +2 -2
- package/dist/data.js +17 -3
- package/dist/manifest.js +732 -732
- package/dist/ui.js +94 -61
- package/dist/widgets.js +25 -13
- package/package.json +1 -1
- package/src/charts/Legend.d.ts +45 -45
- package/src/charts/LegendEntry.js +128 -128
- package/src/charts/LegendEntry.scss +27 -27
- package/src/charts/PieChart.d.ts +92 -92
- package/src/charts/RangeMarker.js +6 -2
- package/src/charts/axis/Axis.d.ts +113 -113
- package/src/charts/axis/Axis.js +280 -280
- package/src/charts/axis/CategoryAxis.d.ts +30 -30
- package/src/charts/axis/CategoryAxis.js +241 -241
- package/src/charts/axis/NumericAxis.d.ts +46 -46
- package/src/charts/axis/NumericAxis.js +351 -351
- package/src/charts/axis/Stack.js +55 -55
- package/src/charts/axis/TimeAxis.d.ts +31 -28
- package/src/charts/axis/TimeAxis.js +611 -611
- package/src/charts/helpers/PointReducer.js +47 -47
- package/src/charts/helpers/SnapPointFinder.js +69 -69
- package/src/data/AugmentedViewBase.js +77 -75
- package/src/data/Binding.spec.js +69 -69
- package/src/data/ExposedRecordView.js +75 -70
- package/src/data/ExposedValueView.js +73 -72
- package/src/data/Expression.js +229 -229
- package/src/data/Expression.spec.js +229 -229
- package/src/data/Ref.d.ts +24 -24
- package/src/data/Ref.spec.js +79 -79
- package/src/data/StoreRef.spec.js +24 -24
- package/src/data/StringTemplate.js +92 -92
- package/src/data/StringTemplate.spec.js +132 -132
- package/src/data/StructuredDataAccessor.d.ts +7 -7
- package/src/data/StructuredSelector.js +132 -132
- package/src/data/SubscribableView.js +54 -54
- package/src/data/getAccessor.spec.js +11 -11
- package/src/data/getSelector.js +49 -49
- package/src/hooks/createLocalStorageRef.d.ts +3 -3
- package/src/hooks/createLocalStorageRef.js +20 -20
- package/src/index.scss +6 -6
- package/src/ui/Container.js +154 -183
- package/src/ui/Culture.d.ts +57 -57
- package/src/ui/Culture.js +139 -139
- package/src/ui/Cx.js +3 -3
- package/src/ui/DataProxy.js +45 -44
- package/src/ui/DetachedScope.js +98 -94
- package/src/ui/FocusManager.js +171 -171
- package/src/ui/Format.js +108 -108
- package/src/ui/HoverSync.js +147 -147
- package/src/ui/Instance.d.ts +1 -1
- package/src/ui/Instance.js +25 -16
- package/src/ui/IsolatedScope.js +30 -30
- package/src/ui/Repeater.d.ts +61 -61
- package/src/ui/Repeater.js +109 -102
- package/src/ui/Rescope.js +35 -31
- package/src/ui/Restate.js +167 -163
- package/src/ui/Widget.js +184 -200
- package/src/ui/adapter/ArrayAdapter.js +152 -142
- package/src/ui/adapter/TreeAdapter.js +101 -100
- package/src/ui/createFunctionalComponent.d.ts +1 -1
- package/src/ui/createFunctionalComponent.js +31 -36
- package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
- package/src/ui/layout/ContentPlaceholder.js +105 -105
- package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
- package/src/ui/layout/LabelsTopLayout.js +134 -134
- package/src/ui/layout/exploreChildren.d.ts +12 -15
- package/src/ui/layout/exploreChildren.js +27 -40
- package/src/util/Format.js +270 -270
- package/src/util/date/encodeDate.d.ts +1 -1
- package/src/util/date/encodeDate.js +8 -8
- package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
- package/src/util/date/index.d.ts +11 -11
- package/src/util/date/index.js +11 -11
- package/src/util/date/parseDateInvariant.d.ts +3 -3
- package/src/util/date/parseDateInvariant.js +20 -20
- package/src/util/debounce.js +18 -18
- package/src/util/getSearchQueryPredicate.js +59 -59
- package/src/util/index.d.ts +51 -51
- package/src/util/index.js +54 -54
- package/src/util/isValidIdentifierName.d.ts +1 -1
- package/src/util/isValidIdentifierName.js +5 -5
- package/src/util/isValidIdentifierName.spec.js +33 -33
- package/src/util/scss/add-rules.scss +38 -38
- package/src/util/validatedDebounce.js +19 -19
- package/src/widgets/Button.js +118 -118
- package/src/widgets/CxCredit.scss +37 -37
- package/src/widgets/HighlightedSearchText.js +36 -36
- package/src/widgets/HighlightedSearchText.scss +18 -18
- package/src/widgets/List.js +594 -587
- package/src/widgets/List.scss +91 -91
- package/src/widgets/Sandbox.js +9 -8
- package/src/widgets/drag-drop/DropZone.js +214 -214
- package/src/widgets/form/Calendar.d.ts +86 -86
- package/src/widgets/form/Calendar.js +618 -618
- package/src/widgets/form/Calendar.scss +196 -196
- package/src/widgets/form/Checkbox.scss +127 -127
- package/src/widgets/form/ColorField.js +397 -397
- package/src/widgets/form/ColorField.scss +96 -96
- package/src/widgets/form/ColorPicker.scss +283 -283
- package/src/widgets/form/DateTimeField.js +576 -576
- package/src/widgets/form/DateTimePicker.js +392 -392
- package/src/widgets/form/LookupField.d.ts +179 -179
- package/src/widgets/form/LookupField.scss +219 -219
- package/src/widgets/form/MonthField.d.ts +99 -99
- package/src/widgets/form/MonthField.js +523 -523
- package/src/widgets/form/MonthPicker.d.ts +76 -76
- package/src/widgets/form/MonthPicker.js +641 -641
- package/src/widgets/form/MonthPicker.scss +118 -118
- package/src/widgets/form/NumberField.js +459 -459
- package/src/widgets/form/NumberField.scss +61 -61
- package/src/widgets/form/Radio.scss +121 -121
- package/src/widgets/form/Select.scss +99 -99
- package/src/widgets/form/Slider.scss +118 -118
- package/src/widgets/form/Switch.scss +140 -140
- package/src/widgets/form/TextArea.scss +43 -43
- package/src/widgets/form/TextField.js +290 -290
- package/src/widgets/form/TextField.scss +55 -55
- package/src/widgets/form/UploadButton.d.ts +34 -34
- package/src/widgets/form/variables.scss +353 -353
- package/src/widgets/grid/Grid.d.ts +442 -442
- package/src/widgets/grid/Grid.js +7 -0
- package/src/widgets/grid/GridRow.js +228 -228
- package/src/widgets/grid/TreeNode.d.ts +23 -23
- package/src/widgets/grid/TreeNode.scss +88 -88
- package/src/widgets/grid/variables.scss +133 -133
- package/src/widgets/nav/LinkButton.js +128 -128
- package/src/widgets/nav/Menu.scss +74 -74
- package/src/widgets/nav/Route.js +102 -106
- package/src/widgets/overlay/Dropdown.js +612 -612
- package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
- package/src/widgets/overlay/Overlay.d.ts +73 -73
- package/src/widgets/overlay/Tooltip.js +1 -1
- package/src/widgets/overlay/Window.js +202 -202
- package/src/widgets/overlay/captureMouse.js +124 -124
- package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
- package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
- package/src/widgets/overlay/index.d.ts +11 -11
- package/src/widgets/overlay/index.js +11 -11
- package/src/widgets/variables.scss +144 -144
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import assert from "assert";
|
|
2
|
-
import { Store } from "./Store";
|
|
3
|
-
import { StoreRef } from "./StoreRef";
|
|
4
|
-
|
|
5
|
-
const getStore = () => {
|
|
6
|
-
return new Store({
|
|
7
|
-
data: {
|
|
8
|
-
person: {
|
|
9
|
-
name: "Jack",
|
|
10
|
-
},
|
|
11
|
-
},
|
|
12
|
-
});
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
describe("StoreRef", () => {
|
|
16
|
-
it("can access child refs", () => {
|
|
17
|
-
let store = getStore();
|
|
18
|
-
let person = store.ref("person");
|
|
19
|
-
let name = person.ref("name");
|
|
20
|
-
assert.equal(name.get("person"), "Jack");
|
|
21
|
-
name.set("John");
|
|
22
|
-
assert.equal(name.get("person"), "John");
|
|
23
|
-
});
|
|
24
|
-
});
|
|
1
|
+
import assert from "assert";
|
|
2
|
+
import { Store } from "./Store";
|
|
3
|
+
import { StoreRef } from "./StoreRef";
|
|
4
|
+
|
|
5
|
+
const getStore = () => {
|
|
6
|
+
return new Store({
|
|
7
|
+
data: {
|
|
8
|
+
person: {
|
|
9
|
+
name: "Jack",
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
describe("StoreRef", () => {
|
|
16
|
+
it("can access child refs", () => {
|
|
17
|
+
let store = getStore();
|
|
18
|
+
let person = store.ref("person");
|
|
19
|
+
let name = person.ref("name");
|
|
20
|
+
assert.equal(name.get("person"), "Jack");
|
|
21
|
+
name.set("John");
|
|
22
|
+
assert.equal(name.get("person"), "John");
|
|
23
|
+
});
|
|
24
|
+
});
|
|
@@ -1,92 +1,92 @@
|
|
|
1
|
-
import { expression } from "./Expression";
|
|
2
|
-
|
|
3
|
-
import { quoteStr } from "../util/quote";
|
|
4
|
-
|
|
5
|
-
function plus(str) {
|
|
6
|
-
return str.length ? str + " + " : str;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export function stringTemplate(str) {
|
|
10
|
-
let tplCache = getTplCache();
|
|
11
|
-
let expr = tplCache[str];
|
|
12
|
-
if (expr) return expr;
|
|
13
|
-
|
|
14
|
-
expr = "";
|
|
15
|
-
|
|
16
|
-
let termStart = -1,
|
|
17
|
-
quoteStart = 0,
|
|
18
|
-
term,
|
|
19
|
-
bracketsOpen = 0,
|
|
20
|
-
percentSign;
|
|
21
|
-
|
|
22
|
-
for (let i = 0; i < str.length; i++) {
|
|
23
|
-
switch (str[i]) {
|
|
24
|
-
case "{":
|
|
25
|
-
if (termStart < 0) {
|
|
26
|
-
if (str[i + 1] == "{" && str[i - 1] != "%") {
|
|
27
|
-
expr = plus(expr) + quoteStr(str.substring(quoteStart, i) + "{");
|
|
28
|
-
i++;
|
|
29
|
-
quoteStart = i + 1;
|
|
30
|
-
} else {
|
|
31
|
-
termStart = i + 1;
|
|
32
|
-
percentSign = str[i - 1] == "%";
|
|
33
|
-
if (i > quoteStart) expr = plus(expr) + quoteStr(str.substring(quoteStart, percentSign ? i - 1 : i));
|
|
34
|
-
bracketsOpen = 1;
|
|
35
|
-
quoteStart = i; // for the case where the brackets are not closed
|
|
36
|
-
}
|
|
37
|
-
} else bracketsOpen++;
|
|
38
|
-
break;
|
|
39
|
-
|
|
40
|
-
case "}":
|
|
41
|
-
if (termStart >= 0) {
|
|
42
|
-
if (--bracketsOpen == 0) {
|
|
43
|
-
term = str.substring(termStart, i);
|
|
44
|
-
if (term.indexOf(":") == -1) {
|
|
45
|
-
let nullSepIndex = term.indexOf("|");
|
|
46
|
-
if (nullSepIndex == -1) term += ":s";
|
|
47
|
-
else term = term.substring(0, nullSepIndex) + ":s" + term.substring(nullSepIndex);
|
|
48
|
-
}
|
|
49
|
-
expr = plus(expr) + (percentSign ? "%{" : "{") + term + "}";
|
|
50
|
-
termStart = -1;
|
|
51
|
-
quoteStart = i + 1;
|
|
52
|
-
bracketsOpen = 0;
|
|
53
|
-
}
|
|
54
|
-
} else if (str[i + 1] == "}") {
|
|
55
|
-
expr = plus(expr) + quoteStr(str.substring(quoteStart, i) + "}");
|
|
56
|
-
i++;
|
|
57
|
-
quoteStart = i + 1;
|
|
58
|
-
}
|
|
59
|
-
break;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
if (quoteStart < str.length || expr.length == 0) expr = plus(expr) + quoteStr(str.substring(quoteStart));
|
|
64
|
-
|
|
65
|
-
return (tplCache[str] = expression(expr));
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
export const StringTemplate = {
|
|
69
|
-
get: function (str) {
|
|
70
|
-
return stringTemplate(str);
|
|
71
|
-
},
|
|
72
|
-
|
|
73
|
-
compile: function (str) {
|
|
74
|
-
return stringTemplate(str).memoize();
|
|
75
|
-
},
|
|
76
|
-
|
|
77
|
-
format: function (format, ...args) {
|
|
78
|
-
return stringTemplate(format)(args);
|
|
79
|
-
},
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
let tplCache = {};
|
|
83
|
-
|
|
84
|
-
let getTplCache = () => tplCache;
|
|
85
|
-
|
|
86
|
-
export function invalidateStringTemplateCache() {
|
|
87
|
-
tplCache = {};
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
export function setGetStringTemplateCacheCallback(callback) {
|
|
91
|
-
getTplCache = callback;
|
|
92
|
-
}
|
|
1
|
+
import { expression } from "./Expression";
|
|
2
|
+
|
|
3
|
+
import { quoteStr } from "../util/quote";
|
|
4
|
+
|
|
5
|
+
function plus(str) {
|
|
6
|
+
return str.length ? str + " + " : str;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export function stringTemplate(str) {
|
|
10
|
+
let tplCache = getTplCache();
|
|
11
|
+
let expr = tplCache[str];
|
|
12
|
+
if (expr) return expr;
|
|
13
|
+
|
|
14
|
+
expr = "";
|
|
15
|
+
|
|
16
|
+
let termStart = -1,
|
|
17
|
+
quoteStart = 0,
|
|
18
|
+
term,
|
|
19
|
+
bracketsOpen = 0,
|
|
20
|
+
percentSign;
|
|
21
|
+
|
|
22
|
+
for (let i = 0; i < str.length; i++) {
|
|
23
|
+
switch (str[i]) {
|
|
24
|
+
case "{":
|
|
25
|
+
if (termStart < 0) {
|
|
26
|
+
if (str[i + 1] == "{" && str[i - 1] != "%") {
|
|
27
|
+
expr = plus(expr) + quoteStr(str.substring(quoteStart, i) + "{");
|
|
28
|
+
i++;
|
|
29
|
+
quoteStart = i + 1;
|
|
30
|
+
} else {
|
|
31
|
+
termStart = i + 1;
|
|
32
|
+
percentSign = str[i - 1] == "%";
|
|
33
|
+
if (i > quoteStart) expr = plus(expr) + quoteStr(str.substring(quoteStart, percentSign ? i - 1 : i));
|
|
34
|
+
bracketsOpen = 1;
|
|
35
|
+
quoteStart = i; // for the case where the brackets are not closed
|
|
36
|
+
}
|
|
37
|
+
} else bracketsOpen++;
|
|
38
|
+
break;
|
|
39
|
+
|
|
40
|
+
case "}":
|
|
41
|
+
if (termStart >= 0) {
|
|
42
|
+
if (--bracketsOpen == 0) {
|
|
43
|
+
term = str.substring(termStart, i);
|
|
44
|
+
if (term.indexOf(":") == -1) {
|
|
45
|
+
let nullSepIndex = term.indexOf("|");
|
|
46
|
+
if (nullSepIndex == -1) term += ":s";
|
|
47
|
+
else term = term.substring(0, nullSepIndex) + ":s" + term.substring(nullSepIndex);
|
|
48
|
+
}
|
|
49
|
+
expr = plus(expr) + (percentSign ? "%{" : "{") + term + "}";
|
|
50
|
+
termStart = -1;
|
|
51
|
+
quoteStart = i + 1;
|
|
52
|
+
bracketsOpen = 0;
|
|
53
|
+
}
|
|
54
|
+
} else if (str[i + 1] == "}") {
|
|
55
|
+
expr = plus(expr) + quoteStr(str.substring(quoteStart, i) + "}");
|
|
56
|
+
i++;
|
|
57
|
+
quoteStart = i + 1;
|
|
58
|
+
}
|
|
59
|
+
break;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
if (quoteStart < str.length || expr.length == 0) expr = plus(expr) + quoteStr(str.substring(quoteStart));
|
|
64
|
+
|
|
65
|
+
return (tplCache[str] = expression(expr));
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
export const StringTemplate = {
|
|
69
|
+
get: function (str) {
|
|
70
|
+
return stringTemplate(str);
|
|
71
|
+
},
|
|
72
|
+
|
|
73
|
+
compile: function (str) {
|
|
74
|
+
return stringTemplate(str).memoize();
|
|
75
|
+
},
|
|
76
|
+
|
|
77
|
+
format: function (format, ...args) {
|
|
78
|
+
return stringTemplate(format)(args);
|
|
79
|
+
},
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
let tplCache = {};
|
|
83
|
+
|
|
84
|
+
let getTplCache = () => tplCache;
|
|
85
|
+
|
|
86
|
+
export function invalidateStringTemplateCache() {
|
|
87
|
+
tplCache = {};
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
export function setGetStringTemplateCacheCallback(callback) {
|
|
91
|
+
getTplCache = callback;
|
|
92
|
+
}
|
|
@@ -1,132 +1,132 @@
|
|
|
1
|
-
import { StringTemplate } from "./StringTemplate";
|
|
2
|
-
import assert from "assert";
|
|
3
|
-
|
|
4
|
-
describe("StringTemplate", function () {
|
|
5
|
-
describe("#compile()", function () {
|
|
6
|
-
it("returns a selector", function () {
|
|
7
|
-
var e = StringTemplate.compile("Hello {person.name}");
|
|
8
|
-
var state = {
|
|
9
|
-
person: {
|
|
10
|
-
name: "Jim",
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
assert.equal(e(state), "Hello Jim");
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
it("allows empty strings", function () {
|
|
17
|
-
let e = StringTemplate.compile("");
|
|
18
|
-
assert.equal(e(), "");
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
it("properly encodes ' and \"", function () {
|
|
22
|
-
var e = StringTemplate.compile('It\'s "working"!');
|
|
23
|
-
assert.equal(e({}), 'It\'s "working"!');
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
it("allows \\ before a binding", function () {
|
|
27
|
-
var e = StringTemplate.compile("t\\{person.name}");
|
|
28
|
-
assert.equal(e({ person: { name: "Ogi" } }), "t\\Ogi");
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
it("supports multi-line strings", function () {
|
|
32
|
-
var e = StringTemplate.compile("a\nb");
|
|
33
|
-
assert.equal(e(), "a\nb");
|
|
34
|
-
|
|
35
|
-
var e = StringTemplate.compile("a\r\nb");
|
|
36
|
-
assert.equal(e(), "a\r\nb");
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
describe("double brackets are used to escape brackets", function () {
|
|
41
|
-
it("double brackets are preserved", function () {
|
|
42
|
-
var e = StringTemplate.compile("Hello {{person.name}}");
|
|
43
|
-
var state = {
|
|
44
|
-
person: {
|
|
45
|
-
name: "Jim",
|
|
46
|
-
},
|
|
47
|
-
};
|
|
48
|
-
assert.equal(e(state), "Hello {person.name}");
|
|
49
|
-
});
|
|
50
|
-
|
|
51
|
-
it("triple brackets are converted to single brackets and a binding", function () {
|
|
52
|
-
var e = StringTemplate.compile("Hello {{{person.name}}}");
|
|
53
|
-
var state = {
|
|
54
|
-
person: {
|
|
55
|
-
name: "Jim",
|
|
56
|
-
},
|
|
57
|
-
};
|
|
58
|
-
assert.equal(e(state), "Hello {Jim}");
|
|
59
|
-
});
|
|
60
|
-
|
|
61
|
-
it("open brackets are ignored", function () {
|
|
62
|
-
var e = StringTemplate.compile("B { A");
|
|
63
|
-
assert.equal(e({}), "B { A");
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
|
|
67
|
-
describe("supports formatting", function () {
|
|
68
|
-
it("with colon", function () {
|
|
69
|
-
var e = StringTemplate.compile("{str:suffix;kg}");
|
|
70
|
-
assert.equal(e({ str: "5" }), "5kg");
|
|
71
|
-
});
|
|
72
|
-
|
|
73
|
-
it("with multiple formats", function () {
|
|
74
|
-
var e = StringTemplate.compile("{str:suffix;kg:wrap;(;)}");
|
|
75
|
-
assert.equal(e({ str: "5" }), "(5kg)");
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
it("with null values", function () {
|
|
79
|
-
var e = StringTemplate.compile("{str:suffix;kg:|N/A}");
|
|
80
|
-
assert.equal(e({ str: null }), "N/A");
|
|
81
|
-
});
|
|
82
|
-
|
|
83
|
-
it("of null values", function () {
|
|
84
|
-
var e = StringTemplate.compile("{str|N/A}");
|
|
85
|
-
assert.equal(e({ str: null }), "N/A");
|
|
86
|
-
});
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
describe("properly handles backslashes", function () {
|
|
90
|
-
it("in a string", function () {
|
|
91
|
-
var e = StringTemplate.compile("a\\b");
|
|
92
|
-
assert.equal(e(), "a\\b");
|
|
93
|
-
});
|
|
94
|
-
|
|
95
|
-
it("before a special character", function () {
|
|
96
|
-
var e = StringTemplate.compile("\\t");
|
|
97
|
-
assert.equal(e(), "\\t");
|
|
98
|
-
});
|
|
99
|
-
});
|
|
100
|
-
|
|
101
|
-
describe("supports expressions", function () {
|
|
102
|
-
it("using []", function () {
|
|
103
|
-
var e = StringTemplate.compile("1 + 2 = {[1+2]}");
|
|
104
|
-
assert.equal(e(), "1 + 2 = 3");
|
|
105
|
-
});
|
|
106
|
-
|
|
107
|
-
it("using %", function () {
|
|
108
|
-
var e = StringTemplate.compile("1 + 2 = %{1+2}");
|
|
109
|
-
assert.equal(e(), "1 + 2 = 3");
|
|
110
|
-
});
|
|
111
|
-
|
|
112
|
-
it("with subexpressions", function () {
|
|
113
|
-
var e = StringTemplate.compile("1 + 2 = {[%{1+2}]}");
|
|
114
|
-
assert.equal(e(), "1 + 2 = 3");
|
|
115
|
-
});
|
|
116
|
-
|
|
117
|
-
it("with a conditional operator", function () {
|
|
118
|
-
var e = StringTemplate.compile("1 + 2 = {[true ? 3 : 2]:s}");
|
|
119
|
-
assert.equal(e(), "1 + 2 = 3");
|
|
120
|
-
});
|
|
121
|
-
|
|
122
|
-
it("with sub-expression formatting", function () {
|
|
123
|
-
var e = StringTemplate.compile("{[!!{person.age} ? {person.age:suffix; years old} : 'Age unknown']}");
|
|
124
|
-
var state = {
|
|
125
|
-
person: {
|
|
126
|
-
age: 32,
|
|
127
|
-
},
|
|
128
|
-
};
|
|
129
|
-
assert.equal(e(state), "32 years old");
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
|
-
});
|
|
1
|
+
import { StringTemplate } from "./StringTemplate";
|
|
2
|
+
import assert from "assert";
|
|
3
|
+
|
|
4
|
+
describe("StringTemplate", function () {
|
|
5
|
+
describe("#compile()", function () {
|
|
6
|
+
it("returns a selector", function () {
|
|
7
|
+
var e = StringTemplate.compile("Hello {person.name}");
|
|
8
|
+
var state = {
|
|
9
|
+
person: {
|
|
10
|
+
name: "Jim",
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
assert.equal(e(state), "Hello Jim");
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
it("allows empty strings", function () {
|
|
17
|
+
let e = StringTemplate.compile("");
|
|
18
|
+
assert.equal(e(), "");
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
it("properly encodes ' and \"", function () {
|
|
22
|
+
var e = StringTemplate.compile('It\'s "working"!');
|
|
23
|
+
assert.equal(e({}), 'It\'s "working"!');
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
it("allows \\ before a binding", function () {
|
|
27
|
+
var e = StringTemplate.compile("t\\{person.name}");
|
|
28
|
+
assert.equal(e({ person: { name: "Ogi" } }), "t\\Ogi");
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
it("supports multi-line strings", function () {
|
|
32
|
+
var e = StringTemplate.compile("a\nb");
|
|
33
|
+
assert.equal(e(), "a\nb");
|
|
34
|
+
|
|
35
|
+
var e = StringTemplate.compile("a\r\nb");
|
|
36
|
+
assert.equal(e(), "a\r\nb");
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
describe("double brackets are used to escape brackets", function () {
|
|
41
|
+
it("double brackets are preserved", function () {
|
|
42
|
+
var e = StringTemplate.compile("Hello {{person.name}}");
|
|
43
|
+
var state = {
|
|
44
|
+
person: {
|
|
45
|
+
name: "Jim",
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
assert.equal(e(state), "Hello {person.name}");
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
it("triple brackets are converted to single brackets and a binding", function () {
|
|
52
|
+
var e = StringTemplate.compile("Hello {{{person.name}}}");
|
|
53
|
+
var state = {
|
|
54
|
+
person: {
|
|
55
|
+
name: "Jim",
|
|
56
|
+
},
|
|
57
|
+
};
|
|
58
|
+
assert.equal(e(state), "Hello {Jim}");
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
it("open brackets are ignored", function () {
|
|
62
|
+
var e = StringTemplate.compile("B { A");
|
|
63
|
+
assert.equal(e({}), "B { A");
|
|
64
|
+
});
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
describe("supports formatting", function () {
|
|
68
|
+
it("with colon", function () {
|
|
69
|
+
var e = StringTemplate.compile("{str:suffix;kg}");
|
|
70
|
+
assert.equal(e({ str: "5" }), "5kg");
|
|
71
|
+
});
|
|
72
|
+
|
|
73
|
+
it("with multiple formats", function () {
|
|
74
|
+
var e = StringTemplate.compile("{str:suffix;kg:wrap;(;)}");
|
|
75
|
+
assert.equal(e({ str: "5" }), "(5kg)");
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
it("with null values", function () {
|
|
79
|
+
var e = StringTemplate.compile("{str:suffix;kg:|N/A}");
|
|
80
|
+
assert.equal(e({ str: null }), "N/A");
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
it("of null values", function () {
|
|
84
|
+
var e = StringTemplate.compile("{str|N/A}");
|
|
85
|
+
assert.equal(e({ str: null }), "N/A");
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
|
|
89
|
+
describe("properly handles backslashes", function () {
|
|
90
|
+
it("in a string", function () {
|
|
91
|
+
var e = StringTemplate.compile("a\\b");
|
|
92
|
+
assert.equal(e(), "a\\b");
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
it("before a special character", function () {
|
|
96
|
+
var e = StringTemplate.compile("\\t");
|
|
97
|
+
assert.equal(e(), "\\t");
|
|
98
|
+
});
|
|
99
|
+
});
|
|
100
|
+
|
|
101
|
+
describe("supports expressions", function () {
|
|
102
|
+
it("using []", function () {
|
|
103
|
+
var e = StringTemplate.compile("1 + 2 = {[1+2]}");
|
|
104
|
+
assert.equal(e(), "1 + 2 = 3");
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
it("using %", function () {
|
|
108
|
+
var e = StringTemplate.compile("1 + 2 = %{1+2}");
|
|
109
|
+
assert.equal(e(), "1 + 2 = 3");
|
|
110
|
+
});
|
|
111
|
+
|
|
112
|
+
it("with subexpressions", function () {
|
|
113
|
+
var e = StringTemplate.compile("1 + 2 = {[%{1+2}]}");
|
|
114
|
+
assert.equal(e(), "1 + 2 = 3");
|
|
115
|
+
});
|
|
116
|
+
|
|
117
|
+
it("with a conditional operator", function () {
|
|
118
|
+
var e = StringTemplate.compile("1 + 2 = {[true ? 3 : 2]:s}");
|
|
119
|
+
assert.equal(e(), "1 + 2 = 3");
|
|
120
|
+
});
|
|
121
|
+
|
|
122
|
+
it("with sub-expression formatting", function () {
|
|
123
|
+
var e = StringTemplate.compile("{[!!{person.age} ? {person.age:suffix; years old} : 'Age unknown']}");
|
|
124
|
+
var state = {
|
|
125
|
+
person: {
|
|
126
|
+
age: 32,
|
|
127
|
+
},
|
|
128
|
+
};
|
|
129
|
+
assert.equal(e(state), "32 years old");
|
|
130
|
+
});
|
|
131
|
+
});
|
|
132
|
+
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export interface StructuredDataAccessor {
|
|
2
|
-
getSelector(): (data: Cx.Record) => Cx.Record;
|
|
3
|
-
get(): Cx.Record;
|
|
4
|
-
setItem(key: string, value: any): boolean;
|
|
5
|
-
containsKey(key): string;
|
|
6
|
-
getKeys(): string[];
|
|
7
|
-
}
|
|
1
|
+
export interface StructuredDataAccessor {
|
|
2
|
+
getSelector(): (data: Cx.Record) => Cx.Record;
|
|
3
|
+
get(): Cx.Record;
|
|
4
|
+
setItem(key: string, value: any): boolean;
|
|
5
|
+
containsKey(key): string;
|
|
6
|
+
getKeys(): string[];
|
|
7
|
+
}
|