fix(js): Fix eslint errors

package.json

@@ -91,8 +91,8 @@
     "@types/inquirer": "8.2.10",
     "@types/jest": "29.5.2",
     "@types/node": "^20.14.10",
-    "@typescript-eslint/eslint-plugin": "^5.50.0",
-    "@typescript-eslint/parser": "^5.50.0",
+    "@typescript-eslint/eslint-plugin": "^5.60.1",
+    "@typescript-eslint/parser": "^5.60.1",
     "auto": "^10.36.5",
     "chalk": "4.1.2",
     "chalk-animation": "^1.6.0",

packages/js/src/ui/components/Popover/PopoverContent.tsx

@@ -21,12 +21,12 @@ export const PopoverContent: ParentComponent<{ classes: string }> = (props) => {
     ],
   });
 
-  const handleClickOutside = (e: any) => {
-    if (contentRef()?.contains(e.target)) return;
+  const handleClickOutside = (e: MouseEvent) => {
+    if (contentRef()?.contains(e.target as Node)) return;
     onClose();
   };
 
-  const handleEscapeKey = (e: any) => {
+  const handleEscapeKey = (e: KeyboardEvent) => {
     if (e.key === 'Escape') {
       onClose();
     }

packages/js/src/ui/context/AppearanceContext.tsx

@@ -18,7 +18,8 @@ export type CSSProperties = {
 
 export type ElementStyles = string | CSSProperties;
 
-/* The double underscore signals that entire key extends the right part of the key
+/*
+ * The double underscore signals that entire key extends the right part of the key
  * i.e. foo__bar means that foo_bar is an extension of bar. Both keys will be applied when foo_bar is used
  * meaning you would have `bar foo__bar` in the dom
  */

packages/js/src/ui/helpers/useStyle.ts

@@ -28,6 +28,7 @@ export const useStyle = () => {
     finalAppearanceKeys.sort((a, b) => {
       const countA = (a.match(/__/g) || []).length;
       const countB = (b.match(/__/g) || []).length;
+
       return countA - countB;
     });