chore(release): 3.7.10 [CI SKIP]

* fix(Field): remove incompatible properties

* fix(Field): remove the override

CHANGELOG.md

@@ -1,3 +1,31 @@
+## [3.7.10](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.7.9...v3.7.10) (2022-10-28)
+
+
+### Bug Fixes
+
+* **tabs:** shut up typescript ([75f3588](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/75f35882f27252e1255208953a6e801c68d5dcec))
+
+## [3.7.9](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.7.8...v3.7.9) (2022-10-28)
+
+
+### Bug Fixes
+
+* **tabs:** fix on stable for real this time i think ([a074277](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/a074277bb58428a64295154ebf96aceb96e654a7))
+
+## [3.7.8](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.7.7...v3.7.8) (2022-10-26)
+
+
+### Bug Fixes
+
+* **Field:** fix this time for real ([#44](https://github.com/SteamDeckHomebrew/decky-frontend-lib/issues/44)) ([cfef1dc](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/cfef1dc320a5f649d66c3af365cd6aa2d88e46ea))
+
+## [3.7.7](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.7.6...v3.7.7) (2022-10-26)
+
+
+### Bug Fixes
+
+* **Field:** remove incompatible properties ([#42](https://github.com/SteamDeckHomebrew/decky-frontend-lib/issues/42)) ([0010a1f](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/0010a1fceedc417aa25b709d066341da97d42444))
+
 ## [3.7.6](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.7.5...v3.7.6) (2022-10-26)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "decky-frontend-lib",
-  "version": "3.7.6",
+  "version": "3.7.10",
   "description": "A library for building decky plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/deck-components/Field.tsx

@@ -1,9 +1,9 @@
-import { FC, HTMLAttributes, ReactNode, RefAttributes } from 'react';
+import { FC, ReactNode, RefAttributes } from 'react';
 
 import { findModuleChild } from '../webpack';
 import { FooterLegendProps } from './FooterLegend';
 
-export interface FieldProps extends HTMLAttributes<HTMLDivElement>, FooterLegendProps {
+export interface FieldProps extends FooterLegendProps {
   label?: ReactNode;
   bottomSeparator?: 'standard' | 'thick' | 'none';
   description?: ReactNode;
@@ -20,7 +20,7 @@ export interface FieldProps extends HTMLAttributes<HTMLDivElement>, FooterLegend
   verticalAlignment?: 'center' | 'none'; // Alligns inline label with children
   focusable?: boolean; // Allows to get focus without any focusable children or on* callbacks
   onActivate?: (e: CustomEvent | MouseEvent) => void;
-  override onClick?: (e: CustomEvent | MouseEvent) => void;
+  onClick?: (e: CustomEvent | MouseEvent) => void;
 }
 
 export const Field = findModuleChild((m) => {

src/deck-components/Tabs.tsx

@@ -65,16 +65,11 @@ export interface TabsProps {
   autoFocusContents?: boolean;
 }
 
-declare global {
-  interface Window {
-    DeckyPluginLoader: any;
-  }
-}
-
 let tabsComponent: any;
 
 const getTabs = async () => {
   if (tabsComponent) return tabsComponent;
+  // @ts-ignore
   while (!window?.DeckyPluginLoader?.routerHook?.routes) {
     console.debug('[DFL:Tabs]: Waiting for Decky router...');
     await sleep(500);
@@ -83,6 +78,7 @@ const getTabs = async () => {
     () => {
       return findInReactTree(
         findInReactTree(
+          // @ts-ignore
           window.DeckyPluginLoader.routerHook.routes
             .find((x: any) => x.props.path == '/library/app/:appid/achievements')
             .props.children.type(),
@@ -109,27 +105,30 @@ try {
     }
     return false;
   });
-  if (oldTabsModule) oldTabs = Object.values(oldTabsModule).find((x: any) => x?.type?.toString()?.includes("((function(") && x?.type?.toString()?.includes("[\"tabs\""));
+  if (oldTabsModule)
+    oldTabs = Object.values(oldTabsModule).find((x: any) => x?.type?.toString()?.includes('((function(){'));
 } catch (e) {
-  console.error("Error finding oldTabs:", e)
+  console.error('Error finding oldTabs:', e);
 }
 
 /**
  * Tabs component as used in the library and media tabs. See {@link TabsProps}
  * Unlike other components in `decky-frontend-lib`, this requires Decky Loader to be running.
  */
-export const Tabs = oldTabs || ((props: TabsProps) => {
-  const found = tabsComponent;
-  const [tc, setTC] = useState<FC<TabsProps>>(found);
-  useEffect(() => {
-    if (found) return;
-    (async () => {
-      console.debug('[DFL:Tabs]: Finding component...');
-      const t = await getTabs();
-      console.debug('[DFL:Tabs]: Found!');
-      setTC(t);
-    })();
-  }, []);
-  console.log('tc', tc);
-  return tc ? createElement(tc, props) : <SteamSpinner />;
-}) as FC<TabsProps>;
+export const Tabs =
+  oldTabs ||
+  (((props: TabsProps) => {
+    const found = tabsComponent;
+    const [tc, setTC] = useState<FC<TabsProps>>(found);
+    useEffect(() => {
+      if (found) return;
+      (async () => {
+        console.debug('[DFL:Tabs]: Finding component...');
+        const t = await getTabs();
+        console.debug('[DFL:Tabs]: Found!');
+        setTC(t);
+      })();
+    }, []);
+    console.log('tc', tc);
+    return tc ? createElement(tc, props) : <SteamSpinner />;
+  }) as FC<TabsProps>);