HTMLinfo index signatures, HTMLattr set snapback bug fix

Author: ChristianEdwardPadilla

src/components/KonvaStage.jsx

@@ -12,7 +12,7 @@ class KonvaStage extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      stageWidth: 1500,
+      stageWidth: 1800,
       stageHeight: 1500,
       blockSnapSize: 10,
       grid: [],
@@ -49,13 +49,13 @@ class KonvaStage extends Component {
     // here we should add listener for "container" resize
     // take a look here https://developers.google.com/web/updates/2016/10/resizeobserver
     // for simplicity I will just listen window resize
-    // window.addEventListener('resize', this.checkSize);
+    window.addEventListener('resize', this.checkSize);
     this.container.addEventListener('keydown', this.handleKeyDown);
     this.createGrid();
   }
 
   componentWillUnmount() {
-    // window.removeEventListener('resize', this.checkSize);
+    window.removeEventListener('resize', this.checkSize);
     this.container.removeEventListener('keydown', this.handleKeyDown);
   }
 

src/utils/Interfaces.ts

@@ -22,7 +22,7 @@ export interface ChildInt {
   position: PositionInt;
   color: string | null; // maybe optional instead, look up null vs undefined
   htmlElement: string | null; // maybe should be optional instead
-  HTMLInfo: object; // replace with HTMLinfo specifics
+  HTMLInfo: { [index: string]: { info: any } }; // replace with HTMLinfo specifics
 }
 
 export interface ChildrenInt extends Array<ChildInt> {}
@@ -48,8 +48,8 @@ export interface ApplicationStateInt {
   successOpen: boolean;
   errorOpen: boolean;
   focusComponent: ComponentInt;
-  selectableChildren: Array<number>;
-  ancestors: Array<number>;
+  selectableChildren: number[];
+  ancestors: number[];
   initialApplicationFocusChild: ChildInt;
   focusChild: ChildInt;
   components: ComponentsInt;