feat: change ui structure

src/index.ts

@@ -5,14 +5,14 @@ import { MouseController, TouchController } from "./canvasController/inputs";
 import { Pen, ToolsController } from "./canvasController/tools";
 import { CacheController } from "./canvasController/canvasData/cache";
 import {
+  Dropdown,
   clearBtnController,
   openBtnController,
   saveBtnController,
 } from "./uiController";
 import { loadData, saveData } from "./canvasController/canvasData/manipulate";
 import { formatDate } from "./canvasController/helpers";
 import { WindowData } from "./canvasController/windowData/windowDataController";
-import { Dropdown } from "./uiController/menu";
 
 const board = document.getElementById("board") as HTMLCanvasElement;
 const boardController = new CanvasController(board);

src/uiController/components/index.ts

@@ -0,0 +1 @@
+export { Dropdown } from "./Dropdown";

src/uiController/index.ts

@@ -1,17 +1,2 @@
-import { UiBtnController } from "./UiBtnController";
-
-const openBtn = document.getElementById(
-  "menu__open"
-) as HTMLButtonElement;
-
-const saveBtn = document.getElementById(
-  "menu__save"
-) as HTMLButtonElement;
-
-const clearBtn = document.getElementById(
-  "menu__clear"
-) as HTMLButtonElement;
-
-export const openBtnController = new UiBtnController(openBtn);
-export const saveBtnController = new UiBtnController(saveBtn);
-export const clearBtnController = new UiBtnController(clearBtn);
+export * from "./menu";
+export * from "./components";

src/uiController/UiBtnController.ts → src/uiController/menu/MenuBtnController.ts

@@ -2,7 +2,7 @@ interface IUiBtnController {
   onClick(callback: () => void): void;
 }
 
-export class UiBtnController implements IUiBtnController {
+export class MenuBtnController implements IUiBtnController {
   #canvasBtn: HTMLButtonElement;
 
   constructor(btn: HTMLButtonElement) {

src/uiController/menu/index.ts

@@ -1 +1,9 @@
-export { Dropdown } from "./Dropdown";
+import { MenuBtnController } from "./MenuBtnController";
+
+const openBtn = document.getElementById("menu__open") as HTMLButtonElement;
+const saveBtn = document.getElementById("menu__save") as HTMLButtonElement;
+const clearBtn = document.getElementById("menu__clear") as HTMLButtonElement;
+
+export const openBtnController = new MenuBtnController(openBtn);
+export const saveBtnController = new MenuBtnController(saveBtn);
+export const clearBtnController = new MenuBtnController(clearBtn);