Refactored hooks to specify events and reworked the dropdowns to be significantly faster and more responsive. (#304)

* Updated events to be more specific

* Update more events

* Update globalmousepos

* Update themes and submap module to show submap name.

* Type fixes

* Reworked menu position calculation logic to be much more efficient.

* Revert import file location

* We luv arrow functions

* Remove globalMousePos remnants since it's unused.

* Added the ability to configure menu dropdown transition and duration.

* Fix type

modules/bar/workspaces/variants/default.ts

@@ -44,7 +44,6 @@ export const defaultWses = (monitor: number): BoxWidget => {
                                         options.theme.matugen.bind('value'),
                                         options.theme.bar.buttons.workspaces.smartHighlight.bind('value'),
                                         hyprland.bind('monitors'),
-                                        hyprland.active.workspace.bind('id'),
                                     ],
                                     (
                                         sp: number,
@@ -70,7 +69,6 @@ export const defaultWses = (monitor: number): BoxWidget => {
                                         hyprland.bind('monitors'),
                                         options.bar.workspaces.icons.available.bind('value'),
                                         options.bar.workspaces.icons.active.bind('value'),
-                                        hyprland.active.workspace.bind('id'),
                                     ],
                                     (
                                         showIcons: boolean,
@@ -102,7 +100,6 @@ export const defaultWses = (monitor: number): BoxWidget => {
                                         options.bar.workspaces.showWsIcons.bind('value'),
                                         workspaceMask.bind('value'),
                                         hyprland.bind('monitors'),
-                                        hyprland.active.workspace.bind('id'),
                                     ],
                                     (
                                         showIcons: boolean,

modules/bar/workspaces/variants/occupied.ts

@@ -24,7 +24,6 @@ export const occupiedWses = (monitor: number): BoxWidget => {
                 options.bar.workspaces.show_numbered.bind('value'),
                 options.bar.workspaces.numbered_active_indicator.bind('value'),
                 spacing.bind('value'),
-                hyprland.active.workspace.bind('id'),
                 options.bar.workspaces.workspaceIconMap.bind('value'),
                 options.bar.workspaces.showWsIcons.bind('value'),
                 options.theme.matugen.bind('value'),
@@ -45,13 +44,13 @@ export const occupiedWses = (monitor: number): BoxWidget => {
                 showNumbered: boolean,
                 numberedActiveIndicator: string,
                 spacing: number,
-                activeId: number,
                 wsIconMap: WorkspaceIconMap,
                 showWsIcons: boolean,
                 matugen: boolean,
                 smartHighlight: boolean,
                 monitors: Monitor[],
             ) => {
+                const activeId = hyprland.active.workspace.id;
                 let allWkspcs = range(totalWkspcs || 8);
 
                 const activeWorkspaces = wkSpaces.map((w) => w.id);
@@ -92,13 +91,13 @@ export const occupiedWses = (monitor: number): BoxWidget => {
                 }
 
                 return allWkspcs
-                    .filter((workspaceNumber) => {
-                        return !isWorkspaceIgnored(ignored, workspaceNumber);
-                    })
                     .sort((a, b) => {
                         return a - b;
                     })
                     .map((i, index) => {
+                        if (isWorkspaceIgnored(ignored, i)) {
+                            return Widget.Box();
+                        }
                         return Widget.Button({
                             class_name: 'workspace-button',
                             on_primary_click: () => {