Typescript

src/types/Events.ts

@@ -3,6 +3,7 @@ import { DefaultDice } from "./Dice";
 import { Map } from "./Map";
 import { MapState } from "./MapState";
 import { Note } from "./Note";
+import { Token } from "./Token";
 import { TokenState } from "./TokenState";
 
 export type MapChangeEventHandler = (map?: Map, mapState?: MapState) => void;
@@ -26,6 +27,7 @@ export type TokenMenuOpenChangeEventHandler = (
   tokenStateId: string,
   tokenImage: Konva.Node
 ) => void;
+export type TokenSettingsChangeEventHandler = (change: Partial<Token>) => void;
 
 export type NoteAddEventHander = (note: Note) => void;
 export type NoteRemoveEventHander = (noteId: string) => void;

src/types/Token.ts

@@ -40,5 +40,5 @@ export type TokenMenuOptions = {
 export type TokenDraggingOptions = {
   dragging: boolean;
   tokenState: TokenState;
-  tokenGroup: Konva.Node;
+  tokenNode: Konva.Node;
 };

src/types/TokenState.ts

@@ -1,3 +1,4 @@
+import { Color } from "../helpers/colors";
 import { Outline } from "./Outline";
 import { TokenCategory } from "./Token";
 
@@ -8,7 +9,7 @@ export type BaseTokenState = {
   size: number;
   category: TokenCategory;
   label: string;
-  statuses: string[];
+  statuses: Color[];
   x: number;
   y: number;
   lastModifiedBy: string;