Refactor (#862)

* Initial factoring out of parts of the LayerUI component

2360 → 2224 LOC

* Create a Section component

* Break up src/index.tsx

* Refactor actions to reduce duplication, fix CSS

Also consolidate icons

* Move scene/data.ts to its own directory

* Fix accidental reverts, banish further single-character variables

* ACTIVE_ELEM_COLOR → ACTIVE_ELEMENT_COLOR

* Further refactoring the icons file

* Log all errors

* Pointer Event polyfill to make the tests work

* add test hooks & fix tests

Co-authored-by: dwelle <luzar.david@gmail.com>

src/actions/actionStyles.ts

@@ -1,4 +1,3 @@
-import { Action } from "./types";
 import {
   isTextElement,
   isExcalidrawElement,
@@ -6,10 +5,11 @@ import {
 } from "../element";
 import { KEYS } from "../keys";
 import { DEFAULT_FONT } from "../appState";
+import { register } from "./register";
 
 let copiedStyles: string = "{}";
 
-export const actionCopyStyles: Action = {
+export const actionCopyStyles = register({
   name: "copyStyles",
   perform: elements => {
     const element = elements.find(el => el.isSelected);
@@ -21,9 +21,9 @@ export const actionCopyStyles: Action = {
   contextItemLabel: "labels.copyStyles",
   keyTest: event => event[KEYS.META] && event.shiftKey && event.key === "C",
   contextMenuOrder: 0,
-};
+});
 
-export const actionPasteStyles: Action = {
+export const actionPasteStyles = register({
   name: "pasteStyles",
   perform: elements => {
     const pastedElement = JSON.parse(copiedStyles);
@@ -57,4 +57,4 @@ export const actionPasteStyles: Action = {
   contextItemLabel: "labels.pasteStyles",
   keyTest: event => event[KEYS.META] && event.shiftKey && event.key === "V",
   contextMenuOrder: 1,
-};
+});