chore(release): 3.17.0 [CI SKIP]

* feat(ControlsList): Add ControlsList component

* fix(ControlsList): replace default export with named export

CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.17.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.16.2...v3.17.0) (2022-12-11)
+
+
+### Features
+
+* **ControlsList:** Add ControlsList component ([#61](https://github.com/SteamDeckHomebrew/decky-frontend-lib/issues/61)) ([c586afb](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/c586afb97d59928ecb703b5a254ed1b9405e2c7e))
+
+## [3.16.2](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.16.1...v3.16.2) (2022-12-11)
+
+
+### Bug Fixes
+
+* **Marquee:** replace default export with named export ([cd0635e](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/cd0635e94f98499f9f5fc24a7fd4b93efe7dfc38))
+
 ## [3.16.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.16.0...v3.16.1) (2022-12-11)
 
 

package.json

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

src/deck-components/ControlsList.tsx

@@ -0,0 +1,17 @@
+import { findModuleChild } from '../webpack';
+import { FC } from 'react';
+
+export interface ControlsListProps {
+  alignItems?: 'left' | 'right' | 'center';
+  spacing?: 'standard' | 'extra';
+}
+
+export const ControlsList: FC<ControlsListProps> = findModuleChild((m) => {
+  if (typeof m !== 'object') return;
+  for (const prop in m) {
+    if (m[prop]?.toString && m[prop].toString().includes('().ControlsListChild') && m[prop].toString().includes('().ControlsListOuterPanel')) {
+      return m[prop];
+    }
+  }
+  return;
+});

src/deck-components/Marquee.tsx

@@ -1,4 +1,5 @@
-import { FC, CSSProperties } from 'react';
+import { CSSProperties, FC } from 'react';
+
 import { findModuleChild } from '../webpack';
 
 export interface MarqueeProps {
@@ -14,7 +15,7 @@ export interface MarqueeProps {
   children: React.ReactNode;
 }
 
-const Marquee: FC<MarqueeProps> = findModuleChild((m) => {
+export const Marquee: FC<MarqueeProps> = findModuleChild((m) => {
   if (typeof m !== 'object') return;
   for (const prop in m) {
     if (m[prop]?.toString && m[prop].toString().includes('.Marquee') && m[prop].toString().includes('--fade-length')) {
@@ -23,5 +24,3 @@ const Marquee: FC<MarqueeProps> = findModuleChild((m) => {
   }
   return;
 });
-
-export default Marquee;

src/deck-components/index.ts

@@ -1,6 +1,7 @@
 export * from './Button';
 export * from './ButtonItem';
 export * from './Carousel';
+export * from './ControlsList';
 export * from './Dialog';
 export * from './Dropdown';
 export * from './Field';