cx 26.0.4 → 26.0.6
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/build/data/ArrayElementView.spec.js +1 -1
- package/build/hooks/store.spec.js +1 -1
- package/build/hooks/useTrigger.spec.js +1 -1
- package/build/ui/Controller.spec.js +6 -2
- package/build/ui/app/startAppLoop.d.ts +3 -2
- package/build/ui/app/startHotAppLoop.d.ts +3 -2
- package/build/ui/layout/ContentPlaceholder.spec.js +12 -12
- package/build.js +129 -129
- package/dist/manifest.js +844 -844
- package/package.json +3 -2
- package/src/charts/Chart.ts +108 -108
- package/src/data/ArrayElementView.ts +90 -90
- package/src/data/AugmentedViewBase.ts +88 -88
- package/src/data/Binding.ts +104 -104
- package/src/data/ExposedRecordView.ts +95 -95
- package/src/data/ExposedValueView.ts +89 -89
- package/src/data/Expression.spec.ts +229 -229
- package/src/data/Expression.ts +233 -233
- package/src/data/Grouper.spec.ts +57 -57
- package/src/data/Grouper.ts +158 -158
- package/src/data/NestedDataView.ts +43 -43
- package/src/data/ReadOnlyDataView.ts +39 -39
- package/src/data/Ref.ts +104 -104
- package/src/data/Selector.ts +10 -10
- package/src/data/Store.ts +52 -52
- package/src/data/StoreProxy.ts +19 -19
- package/src/data/StoreRef.ts +66 -66
- package/src/data/StringTemplate.spec.ts +132 -132
- package/src/data/StringTemplate.ts +93 -93
- package/src/data/StructuredSelector.spec.ts +113 -113
- package/src/data/StructuredSelector.ts +146 -146
- package/src/data/SubscribableView.ts +63 -63
- package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
- package/src/data/ZoomIntoPropertyView.ts +45 -45
- package/src/data/computable.spec.ts +62 -62
- package/src/data/createAccessorModelProxy.ts +60 -60
- package/src/data/createStructuredSelector.ts +62 -62
- package/src/data/getAccessor.spec.ts +11 -11
- package/src/data/getAccessor.ts +74 -74
- package/src/data/getSelector.spec.ts +43 -43
- package/src/data/getSelector.ts +66 -66
- package/src/data/ops/filter.spec.ts +35 -35
- package/src/data/ops/filter.ts +9 -9
- package/src/data/ops/merge.ts +13 -13
- package/src/data/ops/removeTreeNodes.spec.ts +37 -37
- package/src/data/ops/removeTreeNodes.ts +15 -15
- package/src/data/ops/updateArray.spec.ts +69 -69
- package/src/data/ops/updateArray.ts +31 -31
- package/src/data/ops/updateTree.ts +23 -23
- package/src/data/test-types.ts +7 -7
- package/src/hooks/useTrigger.ts +26 -26
- package/src/index.scss +6 -6
- package/src/jsx-runtime.ts +72 -72
- package/src/svg/BoundedObject.ts +101 -101
- package/src/ui/CSSHelper.ts +17 -17
- package/src/ui/ContentResolver.ts +124 -124
- package/src/ui/Controller.ts +189 -189
- package/src/ui/Culture.ts +159 -159
- package/src/ui/DataProxy.ts +55 -55
- package/src/ui/FocusManager.ts +171 -171
- package/src/ui/Instance.ts +868 -868
- package/src/ui/RenderingContext.ts +99 -99
- package/src/ui/Rescope.ts +49 -49
- package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
- package/src/ui/VDOM.ts +34 -34
- package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
- package/src/ui/adapter/ArrayAdapter.ts +226 -226
- package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
- package/src/ui/adapter/TreeAdapter.ts +185 -185
- package/src/ui/app/History.ts +133 -133
- package/src/ui/app/Url.spec.ts +50 -50
- package/src/ui/app/startAppLoop.tsx +2 -1
- package/src/ui/app/startHotAppLoop.ts +2 -1
- package/src/ui/createFunctionalComponent.ts +65 -65
- package/src/ui/index.ts +45 -45
- package/src/ui/layout/Content.ts +30 -30
- package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
- package/src/ui/selection/KeySelection.ts +165 -165
- package/src/ui/selection/PropertySelection.ts +87 -87
- package/src/ui/selection/Selection.ts +118 -118
- package/src/util/Format.ts +267 -267
- package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
- package/src/util/color/rgbToHsl.ts +35 -35
- package/src/util/getActiveElement.ts +4 -4
- package/src/util/hasKey.ts +18 -18
- package/src/util/index.ts +55 -55
- package/src/util/innerTextTrim.ts +10 -10
- package/src/util/isArray.ts +3 -3
- package/src/util/isDataRecord.ts +5 -5
- package/src/util/isDefined.ts +3 -3
- package/src/util/isString.ts +3 -3
- package/src/widgets/Sandbox.ts +103 -103
- package/src/widgets/autoFocus.ts +9 -9
- package/src/widgets/cx.ts +63 -63
- package/src/widgets/drag-drop/ops.tsx +1 -1
- package/src/widgets/grid/GridCell.ts +143 -143
- package/src/widgets/icons/calendar.tsx +17 -17
- package/src/widgets/icons/check.tsx +13 -13
- package/src/widgets/icons/clear.tsx +15 -15
- package/src/widgets/icons/close.tsx +20 -20
- package/src/widgets/icons/cx.tsx +38 -38
- package/src/widgets/icons/drop-down.tsx +15 -15
- package/src/widgets/icons/file.tsx +13 -13
- package/src/widgets/icons/folder-open.tsx +15 -15
- package/src/widgets/icons/folder.tsx +13 -13
- package/src/widgets/icons/forward.tsx +22 -22
- package/src/widgets/icons/loading.tsx +24 -24
- package/src/widgets/icons/menu.tsx +17 -17
- package/src/widgets/icons/pixel-picker.tsx +18 -18
- package/src/widgets/icons/search.tsx +13 -13
- package/src/widgets/icons/sort-asc.tsx +14 -14
- package/src/widgets/icons/square.tsx +18 -18
- package/src/widgets/nav/Route.ts +142 -142
- package/src/widgets/overlay/ContextMenu.ts +42 -42
- package/src/widgets/overlay/Dropdown.tsx +762 -762
- package/src/widgets/overlay/MsgBox.tsx +141 -141
- package/src/widgets/overlay/Toast.ts +111 -111
- package/src/widgets/overlay/Window.tsx +299 -299
- package/src/widgets/overlay/alerts.ts +46 -46
- package/src/widgets/overlay/captureMouse.ts +195 -195
- package/src/widgets/overlay/createHotPromiseWindowFactory.ts +72 -72
- package/src/widgets/overlay/index.d.ts +11 -11
- package/src/widgets/overlay/index.ts +11 -11
- package/src/widgets/overlay/tooltip-ops.ts +173 -173
- package/build/ui/PureContainer.spec.d.ts +0 -1
- package/build/ui/PureContainer.spec.js +0 -149
- package/dist/manifest.d.ts +0 -1443
package/src/data/getSelector.ts
CHANGED
|
@@ -1,66 +1,66 @@
|
|
|
1
|
-
import { expr } from "cx/ui";
|
|
2
|
-
import { Binding } from "./Binding";
|
|
3
|
-
import { Expression } from "./Expression";
|
|
4
|
-
import { StringTemplate } from "./StringTemplate";
|
|
5
|
-
import { isArray } from "../util/isArray";
|
|
6
|
-
import { createStructuredSelector, StructuredSelectorConfig } from "./createStructuredSelector";
|
|
7
|
-
import { isSelector } from "./isSelector";
|
|
8
|
-
import { isAccessorChain } from "./createAccessorModelProxy";
|
|
9
|
-
import { isString } from "../util/isString";
|
|
10
|
-
import { hasKey, hasStringAtKey, hasFunctionAtKey } from "../util/hasKey";
|
|
11
|
-
import { isFunction } from "../util";
|
|
12
|
-
|
|
13
|
-
type Selector<T> = (data: any) => T;
|
|
14
|
-
|
|
15
|
-
var undefinedF = () => undefined;
|
|
16
|
-
var nullF = () => null;
|
|
17
|
-
|
|
18
|
-
export function getSelector(config: unknown): Selector<any> {
|
|
19
|
-
if (config === undefined) return undefinedF;
|
|
20
|
-
if (config === null) return nullF;
|
|
21
|
-
|
|
22
|
-
switch (typeof config) {
|
|
23
|
-
case "object":
|
|
24
|
-
if (isArray(config)) {
|
|
25
|
-
let selectors = config.map((x) => getSelector(x));
|
|
26
|
-
return (data) => selectors.map((elementSelector) => elementSelector(data));
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
//toString converts accessor chains to binding paths
|
|
30
|
-
if (hasKey(config, "bind") && config.bind != null) return Binding.get(config.bind.toString()).value;
|
|
31
|
-
|
|
32
|
-
if (hasStringAtKey(config, "tpl")) return StringTemplate.get(config.tpl);
|
|
33
|
-
|
|
34
|
-
if (hasKey(config, "expr") && (isString(config.expr) || isFunction(config.expr)))
|
|
35
|
-
return Expression.get(config.expr as any);
|
|
36
|
-
|
|
37
|
-
if (hasFunctionAtKey(config, "get")) return config.get;
|
|
38
|
-
|
|
39
|
-
let selectors: StructuredSelectorConfig = {};
|
|
40
|
-
let constants: Record<string, any> = {};
|
|
41
|
-
|
|
42
|
-
let obj = config as Record<string, any>;
|
|
43
|
-
for (let key in obj) {
|
|
44
|
-
switch (typeof obj[key]) {
|
|
45
|
-
case "bigint":
|
|
46
|
-
case "boolean":
|
|
47
|
-
case "number":
|
|
48
|
-
case "string":
|
|
49
|
-
constants[key] = obj[key];
|
|
50
|
-
break;
|
|
51
|
-
default:
|
|
52
|
-
if (isSelector(obj[key])) selectors[key] = getSelector(obj[key]);
|
|
53
|
-
else constants[key] = obj[key];
|
|
54
|
-
break;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
return createStructuredSelector(selectors, constants);
|
|
58
|
-
|
|
59
|
-
case "function":
|
|
60
|
-
if (isAccessorChain(config)) return Binding.get(config.toString()).value;
|
|
61
|
-
return config as Selector<any>;
|
|
62
|
-
|
|
63
|
-
default:
|
|
64
|
-
return () => config;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
1
|
+
import { expr } from "cx/ui";
|
|
2
|
+
import { Binding } from "./Binding";
|
|
3
|
+
import { Expression } from "./Expression";
|
|
4
|
+
import { StringTemplate } from "./StringTemplate";
|
|
5
|
+
import { isArray } from "../util/isArray";
|
|
6
|
+
import { createStructuredSelector, StructuredSelectorConfig } from "./createStructuredSelector";
|
|
7
|
+
import { isSelector } from "./isSelector";
|
|
8
|
+
import { isAccessorChain } from "./createAccessorModelProxy";
|
|
9
|
+
import { isString } from "../util/isString";
|
|
10
|
+
import { hasKey, hasStringAtKey, hasFunctionAtKey } from "../util/hasKey";
|
|
11
|
+
import { isFunction } from "../util";
|
|
12
|
+
|
|
13
|
+
type Selector<T> = (data: any) => T;
|
|
14
|
+
|
|
15
|
+
var undefinedF = () => undefined;
|
|
16
|
+
var nullF = () => null;
|
|
17
|
+
|
|
18
|
+
export function getSelector(config: unknown): Selector<any> {
|
|
19
|
+
if (config === undefined) return undefinedF;
|
|
20
|
+
if (config === null) return nullF;
|
|
21
|
+
|
|
22
|
+
switch (typeof config) {
|
|
23
|
+
case "object":
|
|
24
|
+
if (isArray(config)) {
|
|
25
|
+
let selectors = config.map((x) => getSelector(x));
|
|
26
|
+
return (data) => selectors.map((elementSelector) => elementSelector(data));
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
//toString converts accessor chains to binding paths
|
|
30
|
+
if (hasKey(config, "bind") && config.bind != null) return Binding.get(config.bind.toString()).value;
|
|
31
|
+
|
|
32
|
+
if (hasStringAtKey(config, "tpl")) return StringTemplate.get(config.tpl);
|
|
33
|
+
|
|
34
|
+
if (hasKey(config, "expr") && (isString(config.expr) || isFunction(config.expr)))
|
|
35
|
+
return Expression.get(config.expr as any);
|
|
36
|
+
|
|
37
|
+
if (hasFunctionAtKey(config, "get")) return config.get;
|
|
38
|
+
|
|
39
|
+
let selectors: StructuredSelectorConfig = {};
|
|
40
|
+
let constants: Record<string, any> = {};
|
|
41
|
+
|
|
42
|
+
let obj = config as Record<string, any>;
|
|
43
|
+
for (let key in obj) {
|
|
44
|
+
switch (typeof obj[key]) {
|
|
45
|
+
case "bigint":
|
|
46
|
+
case "boolean":
|
|
47
|
+
case "number":
|
|
48
|
+
case "string":
|
|
49
|
+
constants[key] = obj[key];
|
|
50
|
+
break;
|
|
51
|
+
default:
|
|
52
|
+
if (isSelector(obj[key])) selectors[key] = getSelector(obj[key]);
|
|
53
|
+
else constants[key] = obj[key];
|
|
54
|
+
break;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
return createStructuredSelector(selectors, constants);
|
|
58
|
+
|
|
59
|
+
case "function":
|
|
60
|
+
if (isAccessorChain(config)) return Binding.get(config.toString()).value;
|
|
61
|
+
return config as Selector<any>;
|
|
62
|
+
|
|
63
|
+
default:
|
|
64
|
+
return () => config;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import assert from "assert";
|
|
2
|
-
import { Store } from "../Store";
|
|
3
|
-
import { filter } from "./filter";
|
|
4
|
-
|
|
5
|
-
describe("filter", function () {
|
|
6
|
-
it("should filter array elements", function () {
|
|
7
|
-
let store = new Store({
|
|
8
|
-
data: {
|
|
9
|
-
array: [1, 2, 3],
|
|
10
|
-
},
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
assert(store.update("array", filter, (x: number) => x > 1));
|
|
14
|
-
assert.deepEqual(store.get("array"), [2, 3]);
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
it("should work with undefined arrays", function () {
|
|
18
|
-
let store = new Store();
|
|
19
|
-
assert.equal(
|
|
20
|
-
false,
|
|
21
|
-
store.update("array", filter, (x) => x > 1),
|
|
22
|
-
);
|
|
23
|
-
assert.deepEqual(store.get("array"), undefined);
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
it("returns same array if all elements satisfy condition", function () {
|
|
27
|
-
let array = [1, 2, 3];
|
|
28
|
-
let store = new Store({ data: { array } });
|
|
29
|
-
assert.equal(
|
|
30
|
-
false,
|
|
31
|
-
store.update("array", filter, (x) => x > 0),
|
|
32
|
-
);
|
|
33
|
-
assert(store.get("array") === array);
|
|
34
|
-
});
|
|
35
|
-
});
|
|
1
|
+
import assert from "assert";
|
|
2
|
+
import { Store } from "../Store";
|
|
3
|
+
import { filter } from "./filter";
|
|
4
|
+
|
|
5
|
+
describe("filter", function () {
|
|
6
|
+
it("should filter array elements", function () {
|
|
7
|
+
let store = new Store({
|
|
8
|
+
data: {
|
|
9
|
+
array: [1, 2, 3],
|
|
10
|
+
},
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
assert(store.update("array", filter, (x: number) => x > 1));
|
|
14
|
+
assert.deepEqual(store.get("array"), [2, 3]);
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
it("should work with undefined arrays", function () {
|
|
18
|
+
let store = new Store();
|
|
19
|
+
assert.equal(
|
|
20
|
+
false,
|
|
21
|
+
store.update("array", filter, (x) => x > 1),
|
|
22
|
+
);
|
|
23
|
+
assert.deepEqual(store.get("array"), undefined);
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
it("returns same array if all elements satisfy condition", function () {
|
|
27
|
+
let array = [1, 2, 3];
|
|
28
|
+
let store = new Store({ data: { array } });
|
|
29
|
+
assert.equal(
|
|
30
|
+
false,
|
|
31
|
+
store.update("array", filter, (x) => x > 0),
|
|
32
|
+
);
|
|
33
|
+
assert(store.get("array") === array);
|
|
34
|
+
});
|
|
35
|
+
});
|
package/src/data/ops/filter.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export function filter<T = any>(array: T[], callback: (item: T, index: number, array: T[]) => boolean): T[] {
|
|
2
|
-
if (array == null) return array;
|
|
3
|
-
|
|
4
|
-
const result = array.filter(callback);
|
|
5
|
-
|
|
6
|
-
if (result.length === array.length) return array;
|
|
7
|
-
|
|
8
|
-
return result;
|
|
9
|
-
}
|
|
1
|
+
export function filter<T = any>(array: T[], callback: (item: T, index: number, array: T[]) => boolean): T[] {
|
|
2
|
+
if (array == null) return array;
|
|
3
|
+
|
|
4
|
+
const result = array.filter(callback);
|
|
5
|
+
|
|
6
|
+
if (result.length === array.length) return array;
|
|
7
|
+
|
|
8
|
+
return result;
|
|
9
|
+
}
|
package/src/data/ops/merge.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { Binding } from "../Binding";
|
|
2
|
-
|
|
3
|
-
export function merge<T extends object>(item: T, data?: Partial<T>): T {
|
|
4
|
-
let result = item;
|
|
5
|
-
|
|
6
|
-
if (data) {
|
|
7
|
-
for (const key in data) {
|
|
8
|
-
result = Binding.get(key).set(result, data[key] as any);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
return result;
|
|
13
|
-
}
|
|
1
|
+
import { Binding } from "../Binding";
|
|
2
|
+
|
|
3
|
+
export function merge<T extends object>(item: T, data?: Partial<T>): T {
|
|
4
|
+
let result = item;
|
|
5
|
+
|
|
6
|
+
if (data) {
|
|
7
|
+
for (const key in data) {
|
|
8
|
+
result = Binding.get(key).set(result, data[key] as any);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
return result;
|
|
13
|
+
}
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { Store } from "../Store";
|
|
2
|
-
import { removeTreeNodes } from "./removeTreeNodes";
|
|
3
|
-
import assert from "assert";
|
|
4
|
-
|
|
5
|
-
describe("removeTreeNodes", function () {
|
|
6
|
-
it("removes all nodes that satisfy criteria", function () {
|
|
7
|
-
let store = new Store({
|
|
8
|
-
data: {
|
|
9
|
-
array: [
|
|
10
|
-
{
|
|
11
|
-
id: "n1",
|
|
12
|
-
value: 1,
|
|
13
|
-
children: [
|
|
14
|
-
{
|
|
15
|
-
id: "n11",
|
|
16
|
-
value: 2,
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
id: "n12",
|
|
20
|
-
value: 3,
|
|
21
|
-
},
|
|
22
|
-
],
|
|
23
|
-
},
|
|
24
|
-
],
|
|
25
|
-
},
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
assert(store.update("array", removeTreeNodes, (x: any) => x.value > 1, "children"));
|
|
29
|
-
assert.deepEqual(store.get("array"), [
|
|
30
|
-
{
|
|
31
|
-
id: "n1",
|
|
32
|
-
value: 1,
|
|
33
|
-
children: [],
|
|
34
|
-
},
|
|
35
|
-
]);
|
|
36
|
-
});
|
|
37
|
-
});
|
|
1
|
+
import { Store } from "../Store";
|
|
2
|
+
import { removeTreeNodes } from "./removeTreeNodes";
|
|
3
|
+
import assert from "assert";
|
|
4
|
+
|
|
5
|
+
describe("removeTreeNodes", function () {
|
|
6
|
+
it("removes all nodes that satisfy criteria", function () {
|
|
7
|
+
let store = new Store({
|
|
8
|
+
data: {
|
|
9
|
+
array: [
|
|
10
|
+
{
|
|
11
|
+
id: "n1",
|
|
12
|
+
value: 1,
|
|
13
|
+
children: [
|
|
14
|
+
{
|
|
15
|
+
id: "n11",
|
|
16
|
+
value: 2,
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
id: "n12",
|
|
20
|
+
value: 3,
|
|
21
|
+
},
|
|
22
|
+
],
|
|
23
|
+
},
|
|
24
|
+
],
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
assert(store.update("array", removeTreeNodes, (x: any) => x.value > 1, "children"));
|
|
29
|
+
assert.deepEqual(store.get("array"), [
|
|
30
|
+
{
|
|
31
|
+
id: "n1",
|
|
32
|
+
value: 1,
|
|
33
|
+
children: [],
|
|
34
|
+
},
|
|
35
|
+
]);
|
|
36
|
+
});
|
|
37
|
+
});
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { updateTree } from "./updateTree";
|
|
2
|
-
|
|
3
|
-
export function removeTreeNodes<T extends Record<string, any>>(
|
|
4
|
-
array: T[] | undefined,
|
|
5
|
-
criteria: (node: T) => boolean,
|
|
6
|
-
childrenField: keyof T = "$children" as keyof T,
|
|
7
|
-
): T[] | undefined {
|
|
8
|
-
return updateTree(
|
|
9
|
-
array,
|
|
10
|
-
(x) => x,
|
|
11
|
-
() => false,
|
|
12
|
-
childrenField,
|
|
13
|
-
criteria,
|
|
14
|
-
);
|
|
15
|
-
}
|
|
1
|
+
import { updateTree } from "./updateTree";
|
|
2
|
+
|
|
3
|
+
export function removeTreeNodes<T extends Record<string, any>>(
|
|
4
|
+
array: T[] | undefined,
|
|
5
|
+
criteria: (node: T) => boolean,
|
|
6
|
+
childrenField: keyof T = "$children" as keyof T,
|
|
7
|
+
): T[] | undefined {
|
|
8
|
+
return updateTree(
|
|
9
|
+
array,
|
|
10
|
+
(x) => x,
|
|
11
|
+
() => false,
|
|
12
|
+
childrenField,
|
|
13
|
+
criteria,
|
|
14
|
+
);
|
|
15
|
+
}
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import { Store } from "../Store";
|
|
2
|
-
import { updateArray } from "./updateArray";
|
|
3
|
-
import assert from "assert";
|
|
4
|
-
|
|
5
|
-
describe("updateArray", function () {
|
|
6
|
-
it("updates all elements that satisfy criteria", function () {
|
|
7
|
-
let store = new Store({
|
|
8
|
-
data: { array: [1, 2, 3, 4, 5, 6] },
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
assert(
|
|
12
|
-
store.update(
|
|
13
|
-
"array",
|
|
14
|
-
updateArray,
|
|
15
|
-
(x) => x + 1,
|
|
16
|
-
(x) => x > 3,
|
|
17
|
-
),
|
|
18
|
-
);
|
|
19
|
-
assert.deepEqual(store.get("array"), [1, 2, 3, 5, 6, 7]);
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
it("does not modify data if not necessary", function () {
|
|
23
|
-
let array = [1, 2, 3, 4, 5, 6];
|
|
24
|
-
let store = new Store({
|
|
25
|
-
data: { array },
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
assert(
|
|
29
|
-
false ===
|
|
30
|
-
store.update(
|
|
31
|
-
"array",
|
|
32
|
-
updateArray,
|
|
33
|
-
(x) => x + 1,
|
|
34
|
-
(x) => x > 10,
|
|
35
|
-
),
|
|
36
|
-
);
|
|
37
|
-
assert(store.get("array") === array);
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
it("works with null or undefined", function () {
|
|
41
|
-
let store = new Store();
|
|
42
|
-
assert(
|
|
43
|
-
false ===
|
|
44
|
-
store.update(
|
|
45
|
-
"array",
|
|
46
|
-
updateArray,
|
|
47
|
-
(x) => x + 1,
|
|
48
|
-
(x) => x > 0,
|
|
49
|
-
),
|
|
50
|
-
);
|
|
51
|
-
});
|
|
52
|
-
|
|
53
|
-
it("can remove elements given the criteria", function () {
|
|
54
|
-
let store = new Store({
|
|
55
|
-
data: { array: [1, 2, 3, 4, 5, 6] },
|
|
56
|
-
});
|
|
57
|
-
|
|
58
|
-
assert(
|
|
59
|
-
store.update(
|
|
60
|
-
"array",
|
|
61
|
-
updateArray,
|
|
62
|
-
(x) => x + 1,
|
|
63
|
-
(x) => x > 3,
|
|
64
|
-
(x) => x <= 3,
|
|
65
|
-
),
|
|
66
|
-
);
|
|
67
|
-
assert.deepEqual(store.get("array"), [5, 6, 7]);
|
|
68
|
-
});
|
|
69
|
-
});
|
|
1
|
+
import { Store } from "../Store";
|
|
2
|
+
import { updateArray } from "./updateArray";
|
|
3
|
+
import assert from "assert";
|
|
4
|
+
|
|
5
|
+
describe("updateArray", function () {
|
|
6
|
+
it("updates all elements that satisfy criteria", function () {
|
|
7
|
+
let store = new Store({
|
|
8
|
+
data: { array: [1, 2, 3, 4, 5, 6] },
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
assert(
|
|
12
|
+
store.update(
|
|
13
|
+
"array",
|
|
14
|
+
updateArray,
|
|
15
|
+
(x) => x + 1,
|
|
16
|
+
(x) => x > 3,
|
|
17
|
+
),
|
|
18
|
+
);
|
|
19
|
+
assert.deepEqual(store.get("array"), [1, 2, 3, 5, 6, 7]);
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
it("does not modify data if not necessary", function () {
|
|
23
|
+
let array = [1, 2, 3, 4, 5, 6];
|
|
24
|
+
let store = new Store({
|
|
25
|
+
data: { array },
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
assert(
|
|
29
|
+
false ===
|
|
30
|
+
store.update(
|
|
31
|
+
"array",
|
|
32
|
+
updateArray,
|
|
33
|
+
(x) => x + 1,
|
|
34
|
+
(x) => x > 10,
|
|
35
|
+
),
|
|
36
|
+
);
|
|
37
|
+
assert(store.get("array") === array);
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
it("works with null or undefined", function () {
|
|
41
|
+
let store = new Store();
|
|
42
|
+
assert(
|
|
43
|
+
false ===
|
|
44
|
+
store.update(
|
|
45
|
+
"array",
|
|
46
|
+
updateArray,
|
|
47
|
+
(x) => x + 1,
|
|
48
|
+
(x) => x > 0,
|
|
49
|
+
),
|
|
50
|
+
);
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
it("can remove elements given the criteria", function () {
|
|
54
|
+
let store = new Store({
|
|
55
|
+
data: { array: [1, 2, 3, 4, 5, 6] },
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
assert(
|
|
59
|
+
store.update(
|
|
60
|
+
"array",
|
|
61
|
+
updateArray,
|
|
62
|
+
(x) => x + 1,
|
|
63
|
+
(x) => x > 3,
|
|
64
|
+
(x) => x <= 3,
|
|
65
|
+
),
|
|
66
|
+
);
|
|
67
|
+
assert.deepEqual(store.get("array"), [5, 6, 7]);
|
|
68
|
+
});
|
|
69
|
+
});
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
export function updateArray<T = any>(
|
|
2
|
-
array: T[] | undefined,
|
|
3
|
-
updateCallback: (item: T, index: number) => T,
|
|
4
|
-
itemFilter?: null | ((item: T, index: number) => boolean),
|
|
5
|
-
removeFilter?: (item: T, index: number) => boolean,
|
|
6
|
-
): T[] | undefined {
|
|
7
|
-
if (!array) return array;
|
|
8
|
-
|
|
9
|
-
const newArray: T[] = [];
|
|
10
|
-
let dirty: boolean = false;
|
|
11
|
-
|
|
12
|
-
for (let index = 0; index < array.length; index++) {
|
|
13
|
-
const item = array[index];
|
|
14
|
-
|
|
15
|
-
if (removeFilter && removeFilter(item, index)) {
|
|
16
|
-
dirty = true;
|
|
17
|
-
continue;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
if (!itemFilter || itemFilter(item, index)) {
|
|
21
|
-
const newItem = updateCallback(item, index);
|
|
22
|
-
newArray.push(newItem);
|
|
23
|
-
|
|
24
|
-
if (newItem !== item) dirty = true;
|
|
25
|
-
} else {
|
|
26
|
-
newArray.push(item);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
return dirty ? newArray : array;
|
|
31
|
-
}
|
|
1
|
+
export function updateArray<T = any>(
|
|
2
|
+
array: T[] | undefined,
|
|
3
|
+
updateCallback: (item: T, index: number) => T,
|
|
4
|
+
itemFilter?: null | ((item: T, index: number) => boolean),
|
|
5
|
+
removeFilter?: (item: T, index: number) => boolean,
|
|
6
|
+
): T[] | undefined {
|
|
7
|
+
if (!array) return array;
|
|
8
|
+
|
|
9
|
+
const newArray: T[] = [];
|
|
10
|
+
let dirty: boolean = false;
|
|
11
|
+
|
|
12
|
+
for (let index = 0; index < array.length; index++) {
|
|
13
|
+
const item = array[index];
|
|
14
|
+
|
|
15
|
+
if (removeFilter && removeFilter(item, index)) {
|
|
16
|
+
dirty = true;
|
|
17
|
+
continue;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
if (!itemFilter || itemFilter(item, index)) {
|
|
21
|
+
const newItem = updateCallback(item, index);
|
|
22
|
+
newArray.push(newItem);
|
|
23
|
+
|
|
24
|
+
if (newItem !== item) dirty = true;
|
|
25
|
+
} else {
|
|
26
|
+
newArray.push(item);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
return dirty ? newArray : array;
|
|
31
|
+
}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { updateArray } from "./updateArray";
|
|
2
|
-
|
|
3
|
-
export function updateTree<T extends Record<string, any> = any>(
|
|
4
|
-
array: T[] | undefined,
|
|
5
|
-
updateCallback: (item: T) => T,
|
|
6
|
-
itemFilter: ((item: T) => boolean) | null,
|
|
7
|
-
childrenField: keyof T,
|
|
8
|
-
removeFilter?: (item: T) => boolean,
|
|
9
|
-
): T[] | undefined {
|
|
10
|
-
return updateArray(
|
|
11
|
-
array,
|
|
12
|
-
(item: T) => {
|
|
13
|
-
if (!itemFilter || itemFilter(item)) item = updateCallback(item);
|
|
14
|
-
const children = item[childrenField];
|
|
15
|
-
if (!Array.isArray(children)) return item;
|
|
16
|
-
const updatedChildren = updateTree(children, updateCallback, itemFilter, childrenField, removeFilter);
|
|
17
|
-
if (updatedChildren != children) return { ...item, [childrenField]: updatedChildren };
|
|
18
|
-
return item;
|
|
19
|
-
},
|
|
20
|
-
null,
|
|
21
|
-
removeFilter,
|
|
22
|
-
);
|
|
23
|
-
}
|
|
1
|
+
import { updateArray } from "./updateArray";
|
|
2
|
+
|
|
3
|
+
export function updateTree<T extends Record<string, any> = any>(
|
|
4
|
+
array: T[] | undefined,
|
|
5
|
+
updateCallback: (item: T) => T,
|
|
6
|
+
itemFilter: ((item: T) => boolean) | null,
|
|
7
|
+
childrenField: keyof T,
|
|
8
|
+
removeFilter?: (item: T) => boolean,
|
|
9
|
+
): T[] | undefined {
|
|
10
|
+
return updateArray(
|
|
11
|
+
array,
|
|
12
|
+
(item: T) => {
|
|
13
|
+
if (!itemFilter || itemFilter(item)) item = updateCallback(item);
|
|
14
|
+
const children = item[childrenField];
|
|
15
|
+
if (!Array.isArray(children)) return item;
|
|
16
|
+
const updatedChildren = updateTree(children, updateCallback, itemFilter, childrenField, removeFilter);
|
|
17
|
+
if (updatedChildren != children) return { ...item, [childrenField]: updatedChildren };
|
|
18
|
+
return item;
|
|
19
|
+
},
|
|
20
|
+
null,
|
|
21
|
+
removeFilter,
|
|
22
|
+
);
|
|
23
|
+
}
|
package/src/data/test-types.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { AccessorChain } from "./createAccessorModelProxy";
|
|
2
|
-
|
|
3
|
-
// Test what AccessorChain<string[]> looks like
|
|
4
|
-
type Test1 = AccessorChain<string[]>;
|
|
5
|
-
type Test2 = AccessorChain<string[]>["length"];
|
|
6
|
-
|
|
7
|
-
// The issue: does AccessorChain properly map array properties?
|
|
1
|
+
import { AccessorChain } from "./createAccessorModelProxy";
|
|
2
|
+
|
|
3
|
+
// Test what AccessorChain<string[]> looks like
|
|
4
|
+
type Test1 = AccessorChain<string[]>;
|
|
5
|
+
type Test2 = AccessorChain<string[]>["length"];
|
|
6
|
+
|
|
7
|
+
// The issue: does AccessorChain properly map array properties?
|