cx 25.6.2 → 25.6.3
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/manifest.js +749 -749
- package/dist/widgets.css +5 -0
- package/dist/widgets.js +77 -34
- 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 +159 -159
- 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.js +351 -351
- package/src/charts/axis/Stack.js +55 -55
- package/src/charts/axis/TimeAxis.js +611 -611
- package/src/charts/helpers/SnapPointFinder.js +69 -69
- package/src/data/Binding.spec.js +69 -69
- package/src/data/ExposedValueView.d.ts +19 -19
- package/src/data/Expression.js +229 -229
- package/src/data/Expression.spec.js +229 -229
- package/src/data/StringTemplate.js +92 -92
- package/src/data/StringTemplate.spec.js +132 -132
- package/src/data/StructuredSelector.js +132 -132
- 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/Culture.d.ts +57 -57
- package/src/ui/Culture.js +139 -139
- package/src/ui/FocusManager.js +171 -171
- package/src/ui/Format.js +108 -108
- package/src/ui/HoverSync.js +147 -147
- package/src/ui/Repeater.d.ts +61 -61
- package/src/ui/index.d.ts +42 -42
- 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/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/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/widgets/CxCredit.scss +37 -37
- package/src/widgets/HighlightedSearchText.js +36 -36
- package/src/widgets/HighlightedSearchText.scss +18 -18
- package/src/widgets/List.scss +91 -91
- package/src/widgets/Sandbox.d.ts +18 -16
- package/src/widgets/Sandbox.js +65 -63
- package/src/widgets/drag-drop/DropZone.js +214 -214
- 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/MonthPicker.d.ts +8 -0
- package/src/widgets/form/MonthPicker.js +65 -23
- package/src/widgets/form/MonthPicker.scss +4 -0
- 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/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/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/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,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,132 +1,132 @@
|
|
|
1
|
-
import { Binding } from "./Binding";
|
|
2
|
-
import { Expression } from "./Expression";
|
|
3
|
-
import { StringTemplate } from "./StringTemplate";
|
|
4
|
-
import { createStructuredSelector } from "../data/createStructuredSelector";
|
|
5
|
-
import { getSelector } from "../data/getSelector";
|
|
6
|
-
import { isFunction } from "../util/isFunction";
|
|
7
|
-
import { isUndefined } from "../util/isUndefined";
|
|
8
|
-
import { isDefined } from "../util/isDefined";
|
|
9
|
-
import { isArray } from "../util/isArray";
|
|
10
|
-
import { isAccessorChain } from "./createAccessorModelProxy";
|
|
11
|
-
import { isString } from "../util/isString";
|
|
12
|
-
|
|
13
|
-
function defaultValue(pv) {
|
|
14
|
-
if (typeof pv == "object" && pv && pv.structured) return pv.defaultValue;
|
|
15
|
-
|
|
16
|
-
return pv;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
function getSelectorConfig(props, values, nameMap) {
|
|
20
|
-
let functions = {},
|
|
21
|
-
structures = {},
|
|
22
|
-
defaultValues = {},
|
|
23
|
-
constants,
|
|
24
|
-
p,
|
|
25
|
-
v,
|
|
26
|
-
pv,
|
|
27
|
-
constant = true;
|
|
28
|
-
|
|
29
|
-
for (p in props) {
|
|
30
|
-
v = values[p];
|
|
31
|
-
pv = props[p];
|
|
32
|
-
|
|
33
|
-
if (isUndefined(v) && pv && (pv.bind || pv.tpl || pv.expr)) v = pv;
|
|
34
|
-
|
|
35
|
-
if (v === null) {
|
|
36
|
-
if (!constants) constants = {};
|
|
37
|
-
constants[p] = null;
|
|
38
|
-
} else if (typeof v == "object") {
|
|
39
|
-
if (v.bind) {
|
|
40
|
-
if (isUndefined(v.defaultValue) && v != pv) v.defaultValue = defaultValue(pv);
|
|
41
|
-
if (isDefined(v.defaultValue)) defaultValues[v.bind] = v.defaultValue;
|
|
42
|
-
nameMap[p] = v.bind;
|
|
43
|
-
functions[p] = Binding.get(v.bind).value;
|
|
44
|
-
constant = false;
|
|
45
|
-
} else if (v.expr) {
|
|
46
|
-
functions[p] = Expression.get(v.expr);
|
|
47
|
-
constant = false;
|
|
48
|
-
} else if (v.get) {
|
|
49
|
-
functions[p] = v.get;
|
|
50
|
-
constant = false;
|
|
51
|
-
} else if (isString(v.tpl)) {
|
|
52
|
-
functions[p] = StringTemplate.get(v.tpl);
|
|
53
|
-
constant = false;
|
|
54
|
-
} else if (pv && typeof pv == "object" && pv.structured) {
|
|
55
|
-
if (isArray(v)) functions[p] = getSelector(v);
|
|
56
|
-
else {
|
|
57
|
-
let s = getSelectorConfig(v, v, {});
|
|
58
|
-
structures[p] = s;
|
|
59
|
-
Object.assign(defaultValues, s.defaultValues);
|
|
60
|
-
}
|
|
61
|
-
constant = false;
|
|
62
|
-
} else {
|
|
63
|
-
if (!constants) constants = {};
|
|
64
|
-
constants[p] = v;
|
|
65
|
-
}
|
|
66
|
-
} else if (isFunction(v)) {
|
|
67
|
-
if (isAccessorChain(v)) {
|
|
68
|
-
let path = v.toString();
|
|
69
|
-
nameMap[p] = path;
|
|
70
|
-
functions[p] = Binding.get(path).value;
|
|
71
|
-
} else functions[p] = v;
|
|
72
|
-
constant = false;
|
|
73
|
-
} else {
|
|
74
|
-
if (isUndefined(v)) {
|
|
75
|
-
if (isUndefined(pv)) continue;
|
|
76
|
-
v = defaultValue(pv);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
if (isUndefined(v)) continue;
|
|
80
|
-
|
|
81
|
-
if (!constants) constants = {};
|
|
82
|
-
|
|
83
|
-
constants[p] = v;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
return {
|
|
88
|
-
functions,
|
|
89
|
-
structures,
|
|
90
|
-
defaultValues,
|
|
91
|
-
constants,
|
|
92
|
-
constant,
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
function createSelector({ functions, structures, constants, defaultValues }) {
|
|
97
|
-
let selector = {};
|
|
98
|
-
|
|
99
|
-
for (let n in functions) {
|
|
100
|
-
selector[n] = functions[n];
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
for (let n in structures) selector[n] = createSelector(structures[n]);
|
|
104
|
-
|
|
105
|
-
return createStructuredSelector(selector, constants);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
export class StructuredSelector {
|
|
109
|
-
constructor({ props, values }) {
|
|
110
|
-
this.nameMap = {};
|
|
111
|
-
this.config = getSelectorConfig(props, values, this.nameMap);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
init(store) {
|
|
115
|
-
store.init(this.config.defaultValues);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
create(memoize = true) {
|
|
119
|
-
let selector = createSelector(this.config);
|
|
120
|
-
if (memoize && selector.memoize) return selector.memoize();
|
|
121
|
-
return selector;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
createStoreSelector() {
|
|
125
|
-
if (this.config.constant) {
|
|
126
|
-
let result = { ...this.config.constants };
|
|
127
|
-
return () => result;
|
|
128
|
-
}
|
|
129
|
-
let selector = this.create();
|
|
130
|
-
return (store) => selector(store.getData());
|
|
131
|
-
}
|
|
132
|
-
}
|
|
1
|
+
import { Binding } from "./Binding";
|
|
2
|
+
import { Expression } from "./Expression";
|
|
3
|
+
import { StringTemplate } from "./StringTemplate";
|
|
4
|
+
import { createStructuredSelector } from "../data/createStructuredSelector";
|
|
5
|
+
import { getSelector } from "../data/getSelector";
|
|
6
|
+
import { isFunction } from "../util/isFunction";
|
|
7
|
+
import { isUndefined } from "../util/isUndefined";
|
|
8
|
+
import { isDefined } from "../util/isDefined";
|
|
9
|
+
import { isArray } from "../util/isArray";
|
|
10
|
+
import { isAccessorChain } from "./createAccessorModelProxy";
|
|
11
|
+
import { isString } from "../util/isString";
|
|
12
|
+
|
|
13
|
+
function defaultValue(pv) {
|
|
14
|
+
if (typeof pv == "object" && pv && pv.structured) return pv.defaultValue;
|
|
15
|
+
|
|
16
|
+
return pv;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
function getSelectorConfig(props, values, nameMap) {
|
|
20
|
+
let functions = {},
|
|
21
|
+
structures = {},
|
|
22
|
+
defaultValues = {},
|
|
23
|
+
constants,
|
|
24
|
+
p,
|
|
25
|
+
v,
|
|
26
|
+
pv,
|
|
27
|
+
constant = true;
|
|
28
|
+
|
|
29
|
+
for (p in props) {
|
|
30
|
+
v = values[p];
|
|
31
|
+
pv = props[p];
|
|
32
|
+
|
|
33
|
+
if (isUndefined(v) && pv && (pv.bind || pv.tpl || pv.expr)) v = pv;
|
|
34
|
+
|
|
35
|
+
if (v === null) {
|
|
36
|
+
if (!constants) constants = {};
|
|
37
|
+
constants[p] = null;
|
|
38
|
+
} else if (typeof v == "object") {
|
|
39
|
+
if (v.bind) {
|
|
40
|
+
if (isUndefined(v.defaultValue) && v != pv) v.defaultValue = defaultValue(pv);
|
|
41
|
+
if (isDefined(v.defaultValue)) defaultValues[v.bind] = v.defaultValue;
|
|
42
|
+
nameMap[p] = v.bind;
|
|
43
|
+
functions[p] = Binding.get(v.bind).value;
|
|
44
|
+
constant = false;
|
|
45
|
+
} else if (v.expr) {
|
|
46
|
+
functions[p] = Expression.get(v.expr);
|
|
47
|
+
constant = false;
|
|
48
|
+
} else if (v.get) {
|
|
49
|
+
functions[p] = v.get;
|
|
50
|
+
constant = false;
|
|
51
|
+
} else if (isString(v.tpl)) {
|
|
52
|
+
functions[p] = StringTemplate.get(v.tpl);
|
|
53
|
+
constant = false;
|
|
54
|
+
} else if (pv && typeof pv == "object" && pv.structured) {
|
|
55
|
+
if (isArray(v)) functions[p] = getSelector(v);
|
|
56
|
+
else {
|
|
57
|
+
let s = getSelectorConfig(v, v, {});
|
|
58
|
+
structures[p] = s;
|
|
59
|
+
Object.assign(defaultValues, s.defaultValues);
|
|
60
|
+
}
|
|
61
|
+
constant = false;
|
|
62
|
+
} else {
|
|
63
|
+
if (!constants) constants = {};
|
|
64
|
+
constants[p] = v;
|
|
65
|
+
}
|
|
66
|
+
} else if (isFunction(v)) {
|
|
67
|
+
if (isAccessorChain(v)) {
|
|
68
|
+
let path = v.toString();
|
|
69
|
+
nameMap[p] = path;
|
|
70
|
+
functions[p] = Binding.get(path).value;
|
|
71
|
+
} else functions[p] = v;
|
|
72
|
+
constant = false;
|
|
73
|
+
} else {
|
|
74
|
+
if (isUndefined(v)) {
|
|
75
|
+
if (isUndefined(pv)) continue;
|
|
76
|
+
v = defaultValue(pv);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
if (isUndefined(v)) continue;
|
|
80
|
+
|
|
81
|
+
if (!constants) constants = {};
|
|
82
|
+
|
|
83
|
+
constants[p] = v;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
return {
|
|
88
|
+
functions,
|
|
89
|
+
structures,
|
|
90
|
+
defaultValues,
|
|
91
|
+
constants,
|
|
92
|
+
constant,
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
function createSelector({ functions, structures, constants, defaultValues }) {
|
|
97
|
+
let selector = {};
|
|
98
|
+
|
|
99
|
+
for (let n in functions) {
|
|
100
|
+
selector[n] = functions[n];
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
for (let n in structures) selector[n] = createSelector(structures[n]);
|
|
104
|
+
|
|
105
|
+
return createStructuredSelector(selector, constants);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
export class StructuredSelector {
|
|
109
|
+
constructor({ props, values }) {
|
|
110
|
+
this.nameMap = {};
|
|
111
|
+
this.config = getSelectorConfig(props, values, this.nameMap);
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
init(store) {
|
|
115
|
+
store.init(this.config.defaultValues);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
create(memoize = true) {
|
|
119
|
+
let selector = createSelector(this.config);
|
|
120
|
+
if (memoize && selector.memoize) return selector.memoize();
|
|
121
|
+
return selector;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
createStoreSelector() {
|
|
125
|
+
if (this.config.constant) {
|
|
126
|
+
let result = { ...this.config.constants };
|
|
127
|
+
return () => result;
|
|
128
|
+
}
|
|
129
|
+
let selector = this.create();
|
|
130
|
+
return (store) => selector(store.getData());
|
|
131
|
+
}
|
|
132
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import assert from "assert";
|
|
2
|
-
import { createAccessorModelProxy } from "./createAccessorModelProxy";
|
|
3
|
-
import { getAccessor } from "./getAccessor";
|
|
4
|
-
|
|
5
|
-
describe("getAccessor", function () {
|
|
6
|
-
it("works with accessor chains", function () {
|
|
7
|
-
let m = createAccessorModelProxy();
|
|
8
|
-
let accessor = getAccessor(m.a.b);
|
|
9
|
-
assert(typeof accessor.set == "function");
|
|
10
|
-
});
|
|
11
|
-
});
|
|
1
|
+
import assert from "assert";
|
|
2
|
+
import { createAccessorModelProxy } from "./createAccessorModelProxy";
|
|
3
|
+
import { getAccessor } from "./getAccessor";
|
|
4
|
+
|
|
5
|
+
describe("getAccessor", function () {
|
|
6
|
+
it("works with accessor chains", function () {
|
|
7
|
+
let m = createAccessorModelProxy();
|
|
8
|
+
let accessor = getAccessor(m.a.b);
|
|
9
|
+
assert(typeof accessor.set == "function");
|
|
10
|
+
});
|
|
11
|
+
});
|
package/src/data/getSelector.js
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { Binding } from "./Binding";
|
|
2
|
-
import { Expression } from "./Expression";
|
|
3
|
-
import { StringTemplate } from "./StringTemplate";
|
|
4
|
-
import { isArray } from "../util/isArray";
|
|
5
|
-
import { createStructuredSelector } from "./createStructuredSelector";
|
|
6
|
-
import { isSelector } from "./isSelector";
|
|
7
|
-
import { isAccessorChain } from "./createAccessorModelProxy";
|
|
8
|
-
import { isString } from "../util/isString";
|
|
9
|
-
|
|
10
|
-
var undefinedF = () => undefined;
|
|
11
|
-
var nullF = () => null;
|
|
12
|
-
|
|
13
|
-
export function getSelector(config) {
|
|
14
|
-
if (config === undefined) return undefinedF;
|
|
15
|
-
if (config === null) return nullF;
|
|
16
|
-
|
|
17
|
-
switch (typeof config) {
|
|
18
|
-
case "object":
|
|
19
|
-
if (isArray(config)) {
|
|
20
|
-
let selectors = config.map((x) => getSelector(x));
|
|
21
|
-
return (data) => selectors.map((elementSelector) => elementSelector(data));
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
//toString converts accessor chains to binding paths
|
|
25
|
-
if (config.bind) return Binding.get(config.bind.toString()).value;
|
|
26
|
-
|
|
27
|
-
if (isString(config.tpl)) return StringTemplate.get(config.tpl);
|
|
28
|
-
|
|
29
|
-
if (config.expr) return Expression.get(config.expr);
|
|
30
|
-
|
|
31
|
-
if (config.get) return config.get;
|
|
32
|
-
|
|
33
|
-
let selectors = {};
|
|
34
|
-
let constants = {};
|
|
35
|
-
|
|
36
|
-
for (let key in config) {
|
|
37
|
-
if (isSelector(config[key])) selectors[key] = getSelector(config[key]);
|
|
38
|
-
else constants[key] = config[key];
|
|
39
|
-
}
|
|
40
|
-
return createStructuredSelector(selectors, constants);
|
|
41
|
-
|
|
42
|
-
case "function":
|
|
43
|
-
if (isAccessorChain(config)) return Binding.get(config.toString()).value;
|
|
44
|
-
return config;
|
|
45
|
-
|
|
46
|
-
default:
|
|
47
|
-
return () => config;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
1
|
+
import { Binding } from "./Binding";
|
|
2
|
+
import { Expression } from "./Expression";
|
|
3
|
+
import { StringTemplate } from "./StringTemplate";
|
|
4
|
+
import { isArray } from "../util/isArray";
|
|
5
|
+
import { createStructuredSelector } from "./createStructuredSelector";
|
|
6
|
+
import { isSelector } from "./isSelector";
|
|
7
|
+
import { isAccessorChain } from "./createAccessorModelProxy";
|
|
8
|
+
import { isString } from "../util/isString";
|
|
9
|
+
|
|
10
|
+
var undefinedF = () => undefined;
|
|
11
|
+
var nullF = () => null;
|
|
12
|
+
|
|
13
|
+
export function getSelector(config) {
|
|
14
|
+
if (config === undefined) return undefinedF;
|
|
15
|
+
if (config === null) return nullF;
|
|
16
|
+
|
|
17
|
+
switch (typeof config) {
|
|
18
|
+
case "object":
|
|
19
|
+
if (isArray(config)) {
|
|
20
|
+
let selectors = config.map((x) => getSelector(x));
|
|
21
|
+
return (data) => selectors.map((elementSelector) => elementSelector(data));
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
//toString converts accessor chains to binding paths
|
|
25
|
+
if (config.bind) return Binding.get(config.bind.toString()).value;
|
|
26
|
+
|
|
27
|
+
if (isString(config.tpl)) return StringTemplate.get(config.tpl);
|
|
28
|
+
|
|
29
|
+
if (config.expr) return Expression.get(config.expr);
|
|
30
|
+
|
|
31
|
+
if (config.get) return config.get;
|
|
32
|
+
|
|
33
|
+
let selectors = {};
|
|
34
|
+
let constants = {};
|
|
35
|
+
|
|
36
|
+
for (let key in config) {
|
|
37
|
+
if (isSelector(config[key])) selectors[key] = getSelector(config[key]);
|
|
38
|
+
else constants[key] = config[key];
|
|
39
|
+
}
|
|
40
|
+
return createStructuredSelector(selectors, constants);
|
|
41
|
+
|
|
42
|
+
case "function":
|
|
43
|
+
if (isAccessorChain(config)) return Binding.get(config.toString()).value;
|
|
44
|
+
return config;
|
|
45
|
+
|
|
46
|
+
default:
|
|
47
|
+
return () => config;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Ref } from "../data";
|
|
2
|
-
|
|
3
|
-
export function createLocalStorageRef(key: string): Ref<any>;
|
|
1
|
+
import { Ref } from "../data";
|
|
2
|
+
|
|
3
|
+
export function createLocalStorageRef(key: string): Ref<any>;
|