feat: make appState.selectedElementIds more stable (#6745)

This commit is contained in:
David Luzar 2023-07-08 23:33:34 +02:00 committed by GitHub
parent 3ddcc48e4c
commit 49e4289878
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 503 additions and 295 deletions

View file

@ -65,9 +65,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
"id4": true,
"id6": true,
},
"resizingElement": null,
"scrollX": 0,
@ -76,7 +73,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id2": true,
"id7": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {
@ -443,8 +439,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id2": true,
"id3": true,
"id4": true,
},
"selectedGroupIds": Object {
"id5": true,
@ -618,29 +612,20 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
"id5": true,
},
"resizingElement": null,
"scrollX": 0,
"scrollY": 0,
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": false,
"id1": true,
"id2": false,
"id3": true,
"id5": true,
"id6": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
"id4": false,
"id5": true,
},
"selectedLinearElement": null,
"selectionElement": null,
@ -1003,7 +988,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id2": true,
"id3": true,
},
"selectedGroupIds": Object {
"id4": true,
@ -1179,7 +1163,6 @@ Object {
"scrollY": 0,
"scrolledOutside": false,
"selectedElementIds": Object {
"id12": true,
"id7": true,
},
"selectedElementsAreBeingDragged": false,
@ -1448,8 +1431,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"selectedGroupIds": Object {
"id4": true,
@ -1528,7 +1509,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id5": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -1712,8 +1692,6 @@ Object {
"id0": true,
"id1": true,
"id7": true,
"id8": true,
"id9": true,
},
"selectedGroupIds": Object {
"id10": true,
@ -1825,7 +1803,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id11": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -1934,7 +1911,6 @@ Object {
"editingLinearElement": null,
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id12": true,
"id7": true,
},
"selectedGroupIds": Object {},
@ -2116,7 +2092,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": true,
"id1": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -2239,7 +2214,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id1": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -2347,7 +2321,6 @@ Object {
"pendingImageElementId": null,
"previousSelectedElementIds": Object {
"id0": true,
"id3": true,
},
"resizingElement": null,
"scrollX": 0,
@ -2356,8 +2329,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id2": true,
"id3": true,
"id4": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {
@ -2724,8 +2695,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id2": true,
"id3": true,
"id4": true,
},
"selectedGroupIds": Object {
"id5": true,
@ -2904,7 +2873,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": true,
"id1": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -3059,7 +3027,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id1": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -3394,7 +3361,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id1": true,
"id3": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -3754,7 +3720,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id1": true,
"id3": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -4247,7 +4212,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": true,
"id1": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -4370,7 +4334,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id1": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -4478,7 +4441,6 @@ Object {
"pendingImageElementId": null,
"previousSelectedElementIds": Object {
"id0": true,
"id1": true,
},
"resizingElement": null,
"scrollX": 0,
@ -4486,8 +4448,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -4610,7 +4570,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id1": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -4654,8 +4613,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -4770,7 +4727,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": true,
"id2": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -5069,7 +5025,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id3": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -5522,7 +5477,6 @@ Object {
"previousSelectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
},
"resizingElement": null,
"scrollX": 0,
@ -5875,7 +5829,6 @@ Object {
"previousSelectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
},
"resizingElement": null,
"scrollX": 0,
@ -6423,9 +6376,7 @@ Object {
"scrollX": 0,
"scrollY": 0,
"scrolledOutside": false,
"selectedElementIds": Object {
"id1": true,
},
"selectedElementIds": Object {},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
"selectedLinearElement": null,
@ -7157,7 +7108,6 @@ Object {
"previousSelectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
},
"resizingElement": null,
"scrollX": 0,
@ -7166,8 +7116,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -7395,8 +7343,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -7536,9 +7482,7 @@ Object {
"scrollX": 0,
"scrollY": 0,
"scrolledOutside": false,
"selectedElementIds": Object {
"id7": false,
},
"selectedElementIds": Object {},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
"selectedLinearElement": null,
@ -9539,9 +9483,7 @@ Object {
"editingGroupId": null,
"editingLinearElement": null,
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id7": false,
},
"selectedElementIds": Object {},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
},
@ -9948,7 +9890,6 @@ Object {
"previousSelectedElementIds": Object {
"id0": true,
"id2": true,
"id3": true,
},
"resizingElement": null,
"scrollX": 0,
@ -9956,7 +9897,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id1": true,
"id4": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -10380,7 +10320,6 @@ Object {
"pendingImageElementId": null,
"previousSelectedElementIds": Object {
"id0": true,
"id2": true,
},
"resizingElement": null,
"scrollX": 0,
@ -10389,8 +10328,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -10681,7 +10618,6 @@ Object {
"pendingImageElementId": null,
"previousSelectedElementIds": Object {
"id0": true,
"id2": true,
},
"resizingElement": null,
"scrollX": 0,
@ -10689,7 +10625,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id1": true,
"id3": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -10801,7 +10736,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id2": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -10938,7 +10872,6 @@ Object {
"pendingImageElementId": null,
"previousSelectedElementIds": Object {
"id0": true,
"id2": true,
},
"resizingElement": null,
"scrollX": 0,
@ -10946,8 +10879,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": true,
"id2": true,
"id3": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -11059,7 +10990,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id2": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -11132,8 +11062,6 @@ Object {
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": true,
"id2": true,
"id3": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -12334,9 +12262,7 @@ Object {
"scrollX": 0,
"scrollY": 0,
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": false,
},
"selectedElementIds": Object {},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
"selectedLinearElement": null,
@ -12435,9 +12361,7 @@ Object {
"editingGroupId": null,
"editingLinearElement": null,
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": false,
},
"selectedElementIds": Object {},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
},
@ -13439,9 +13363,7 @@ Object {
"scrollX": 0,
"scrollY": 0,
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": false,
},
"selectedElementIds": Object {},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
"selectedLinearElement": null,
@ -13540,9 +13462,7 @@ Object {
"editingGroupId": null,
"editingLinearElement": null,
"name": "Untitled-201933152653",
"selectedElementIds": Object {
"id0": false,
},
"selectedElementIds": Object {},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
},
@ -13864,7 +13784,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"resizingElement": null,
"scrollX": 0,
@ -13874,8 +13793,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
"id5": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {
@ -14347,7 +14264,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"selectedGroupIds": Object {
"id4": true,
@ -14459,8 +14375,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
"id5": true,
},
"selectedGroupIds": Object {
"id4": true,
@ -14727,7 +14641,6 @@ Object {
"pendingImageElementId": null,
"previousSelectedElementIds": Object {
"id0": true,
"id3": true,
},
"resizingElement": null,
"scrollX": 0,
@ -14735,7 +14648,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id1": true,
"id4": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -15029,9 +14941,7 @@ Object {
"scrollX": -2.916666666666668,
"scrollY": 0,
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": true,
},
"selectedElementIds": Object {},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
"selectedLinearElement": null,
@ -15261,10 +15171,7 @@ Object {
"scrollX": 0,
"scrollY": 0,
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": false,
"id1": true,
},
"selectedElementIds": Object {},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
"selectedLinearElement": null,
@ -15451,8 +15358,6 @@ Object {
"previousSelectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"resizingElement": null,
"scrollX": 0,
@ -15461,9 +15366,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
"id4": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -15691,9 +15593,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
"id4": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -15832,7 +15731,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"resizingElement": null,
"scrollX": 0,
@ -15842,7 +15740,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id5": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -16204,7 +16101,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"selectedGroupIds": Object {
"id4": true,
@ -16316,7 +16212,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id5": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -16487,7 +16382,6 @@ Object {
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": true,
"id1": true,
},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
@ -16728,7 +16622,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id11": true,
"id5": true,
"id6": true,
},
@ -17036,8 +16929,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id1": true,
"id2": true,
"id3": true,
},
"selectedGroupIds": Object {
"id4": true,
@ -17356,8 +17247,6 @@ Object {
"selectedElementIds": Object {
"id5": true,
"id6": true,
"id7": true,
"id8": true,
},
"selectedGroupIds": Object {
"id9": true,
@ -18309,7 +18198,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id2": true,
"id4": true,
},
"selectedGroupIds": Object {},
"viewBackgroundColor": "#ffffff",
@ -18418,7 +18306,6 @@ Object {
"selectedElementIds": Object {
"id0": true,
"id2": true,
"id4": true,
},
"selectedGroupIds": Object {
"id5": true,
@ -18532,7 +18419,6 @@ Object {
"id0": true,
"id1": true,
"id2": true,
"id7": true,
},
"selectedGroupIds": Object {
"id3": true,
@ -18737,7 +18623,6 @@ Object {
"previousSelectedElementIds": Object {
"id1": true,
"id2": true,
"id3": true,
},
"resizingElement": null,
"scrollX": 0,
@ -19552,9 +19437,7 @@ Object {
"scrollX": 10,
"scrollY": -10,
"scrolledOutside": false,
"selectedElementIds": Object {
"id0": true,
},
"selectedElementIds": Object {},
"selectedElementsAreBeingDragged": false,
"selectedGroupIds": Object {},
"selectedLinearElement": null,