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.
Files changed (127) hide show
  1. package/build/data/ArrayElementView.spec.js +1 -1
  2. package/build/hooks/store.spec.js +1 -1
  3. package/build/hooks/useTrigger.spec.js +1 -1
  4. package/build/ui/Controller.spec.js +6 -2
  5. package/build/ui/app/startAppLoop.d.ts +3 -2
  6. package/build/ui/app/startHotAppLoop.d.ts +3 -2
  7. package/build/ui/layout/ContentPlaceholder.spec.js +12 -12
  8. package/build.js +129 -129
  9. package/dist/manifest.js +844 -844
  10. package/package.json +3 -2
  11. package/src/charts/Chart.ts +108 -108
  12. package/src/data/ArrayElementView.ts +90 -90
  13. package/src/data/AugmentedViewBase.ts +88 -88
  14. package/src/data/Binding.ts +104 -104
  15. package/src/data/ExposedRecordView.ts +95 -95
  16. package/src/data/ExposedValueView.ts +89 -89
  17. package/src/data/Expression.spec.ts +229 -229
  18. package/src/data/Expression.ts +233 -233
  19. package/src/data/Grouper.spec.ts +57 -57
  20. package/src/data/Grouper.ts +158 -158
  21. package/src/data/NestedDataView.ts +43 -43
  22. package/src/data/ReadOnlyDataView.ts +39 -39
  23. package/src/data/Ref.ts +104 -104
  24. package/src/data/Selector.ts +10 -10
  25. package/src/data/Store.ts +52 -52
  26. package/src/data/StoreProxy.ts +19 -19
  27. package/src/data/StoreRef.ts +66 -66
  28. package/src/data/StringTemplate.spec.ts +132 -132
  29. package/src/data/StringTemplate.ts +93 -93
  30. package/src/data/StructuredSelector.spec.ts +113 -113
  31. package/src/data/StructuredSelector.ts +146 -146
  32. package/src/data/SubscribableView.ts +63 -63
  33. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  34. package/src/data/ZoomIntoPropertyView.ts +45 -45
  35. package/src/data/computable.spec.ts +62 -62
  36. package/src/data/createAccessorModelProxy.ts +60 -60
  37. package/src/data/createStructuredSelector.ts +62 -62
  38. package/src/data/getAccessor.spec.ts +11 -11
  39. package/src/data/getAccessor.ts +74 -74
  40. package/src/data/getSelector.spec.ts +43 -43
  41. package/src/data/getSelector.ts +66 -66
  42. package/src/data/ops/filter.spec.ts +35 -35
  43. package/src/data/ops/filter.ts +9 -9
  44. package/src/data/ops/merge.ts +13 -13
  45. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  46. package/src/data/ops/removeTreeNodes.ts +15 -15
  47. package/src/data/ops/updateArray.spec.ts +69 -69
  48. package/src/data/ops/updateArray.ts +31 -31
  49. package/src/data/ops/updateTree.ts +23 -23
  50. package/src/data/test-types.ts +7 -7
  51. package/src/hooks/useTrigger.ts +26 -26
  52. package/src/index.scss +6 -6
  53. package/src/jsx-runtime.ts +72 -72
  54. package/src/svg/BoundedObject.ts +101 -101
  55. package/src/ui/CSSHelper.ts +17 -17
  56. package/src/ui/ContentResolver.ts +124 -124
  57. package/src/ui/Controller.ts +189 -189
  58. package/src/ui/Culture.ts +159 -159
  59. package/src/ui/DataProxy.ts +55 -55
  60. package/src/ui/FocusManager.ts +171 -171
  61. package/src/ui/Instance.ts +868 -868
  62. package/src/ui/RenderingContext.ts +99 -99
  63. package/src/ui/Rescope.ts +49 -49
  64. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  65. package/src/ui/VDOM.ts +34 -34
  66. package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
  67. package/src/ui/adapter/ArrayAdapter.ts +226 -226
  68. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  69. package/src/ui/adapter/TreeAdapter.ts +185 -185
  70. package/src/ui/app/History.ts +133 -133
  71. package/src/ui/app/Url.spec.ts +50 -50
  72. package/src/ui/app/startAppLoop.tsx +2 -1
  73. package/src/ui/app/startHotAppLoop.ts +2 -1
  74. package/src/ui/createFunctionalComponent.ts +65 -65
  75. package/src/ui/index.ts +45 -45
  76. package/src/ui/layout/Content.ts +30 -30
  77. package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
  78. package/src/ui/selection/KeySelection.ts +165 -165
  79. package/src/ui/selection/PropertySelection.ts +87 -87
  80. package/src/ui/selection/Selection.ts +118 -118
  81. package/src/util/Format.ts +267 -267
  82. package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
  83. package/src/util/color/rgbToHsl.ts +35 -35
  84. package/src/util/getActiveElement.ts +4 -4
  85. package/src/util/hasKey.ts +18 -18
  86. package/src/util/index.ts +55 -55
  87. package/src/util/innerTextTrim.ts +10 -10
  88. package/src/util/isArray.ts +3 -3
  89. package/src/util/isDataRecord.ts +5 -5
  90. package/src/util/isDefined.ts +3 -3
  91. package/src/util/isString.ts +3 -3
  92. package/src/widgets/Sandbox.ts +103 -103
  93. package/src/widgets/autoFocus.ts +9 -9
  94. package/src/widgets/cx.ts +63 -63
  95. package/src/widgets/drag-drop/ops.tsx +1 -1
  96. package/src/widgets/grid/GridCell.ts +143 -143
  97. package/src/widgets/icons/calendar.tsx +17 -17
  98. package/src/widgets/icons/check.tsx +13 -13
  99. package/src/widgets/icons/clear.tsx +15 -15
  100. package/src/widgets/icons/close.tsx +20 -20
  101. package/src/widgets/icons/cx.tsx +38 -38
  102. package/src/widgets/icons/drop-down.tsx +15 -15
  103. package/src/widgets/icons/file.tsx +13 -13
  104. package/src/widgets/icons/folder-open.tsx +15 -15
  105. package/src/widgets/icons/folder.tsx +13 -13
  106. package/src/widgets/icons/forward.tsx +22 -22
  107. package/src/widgets/icons/loading.tsx +24 -24
  108. package/src/widgets/icons/menu.tsx +17 -17
  109. package/src/widgets/icons/pixel-picker.tsx +18 -18
  110. package/src/widgets/icons/search.tsx +13 -13
  111. package/src/widgets/icons/sort-asc.tsx +14 -14
  112. package/src/widgets/icons/square.tsx +18 -18
  113. package/src/widgets/nav/Route.ts +142 -142
  114. package/src/widgets/overlay/ContextMenu.ts +42 -42
  115. package/src/widgets/overlay/Dropdown.tsx +762 -762
  116. package/src/widgets/overlay/MsgBox.tsx +141 -141
  117. package/src/widgets/overlay/Toast.ts +111 -111
  118. package/src/widgets/overlay/Window.tsx +299 -299
  119. package/src/widgets/overlay/alerts.ts +46 -46
  120. package/src/widgets/overlay/captureMouse.ts +195 -195
  121. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +72 -72
  122. package/src/widgets/overlay/index.d.ts +11 -11
  123. package/src/widgets/overlay/index.ts +11 -11
  124. package/src/widgets/overlay/tooltip-ops.ts +173 -173
  125. package/build/ui/PureContainer.spec.d.ts +0 -1
  126. package/build/ui/PureContainer.spec.js +0 -149
  127. package/dist/manifest.d.ts +0 -1443
@@ -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
+ });
@@ -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
+ }
@@ -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
+ }
@@ -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?