Compare commits

...

4 Commits

Author SHA1 Message Date
semantic-release-bot
2e52cca8a2 chore(release): 3.7.2 [CI SKIP] 2022-10-24 14:59:05 +00:00
AAGaming
3dbca1a056 fix(tabs): unkill build 2022-10-24 10:58:35 -04:00
semantic-release-bot
c6692138c6 chore(release): 3.7.1 [CI SKIP] 2022-10-24 05:01:13 +00:00
AAGaming
25c33b2a05 fix(Tabs): temp remove until we have a way to grab it on beta 2022-10-24 01:00:44 -04:00
5 changed files with 89 additions and 75 deletions

View File

@@ -1,3 +1,17 @@
## [3.7.2](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.7.1...v3.7.2) (2022-10-24)
### Bug Fixes
* **tabs:** unkill build ([3dbca1a](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/3dbca1a0567592a597e70ce5e9bef157f709c765))
## [3.7.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.7.0...v3.7.1) (2022-10-24)
### Bug Fixes
* **Tabs:** temp remove until we have a way to grab it on beta ([25c33b2](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/25c33b2a05a30c3c72008c5f459c3b77f819db5a))
# [3.7.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.6.1...v3.7.0) (2022-10-24) # [3.7.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.6.1...v3.7.0) (2022-10-24)

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{ {
"name": "decky-frontend-lib", "name": "decky-frontend-lib",
"version": "3.7.0", "version": "3.7.2",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "decky-frontend-lib", "name": "decky-frontend-lib",
"version": "3.7.0", "version": "3.7.2",
"license": "LGPL-2.1", "license": "LGPL-2.1",
"dependencies": { "dependencies": {
"minimist": "^1.2.6" "minimist": "^1.2.6"

View File

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

View File

@@ -1,74 +1,74 @@
import { FC, ReactNode } from 'react'; // import { FC, ReactNode } from 'react';
import { findModule } from '../webpack'; // import { findModule } from '../webpack';
import { FooterLegendProps } from './FooterLegend'; // import { FooterLegendProps } from './FooterLegend';
/** // /**
* Individual tab objects for the Tabs component // * Individual tab objects for the Tabs component
* // *
* `id` ID of this tab, can be used with activeTab to auto-focus a given tab // * `id` ID of this tab, can be used with activeTab to auto-focus a given tab
* `title` Title shown in the header bar // * `title` Title shown in the header bar
* `renderTabAddon` Return a {@link ReactNode} to render it next to the tab title, i.e. the counts for each tab on the Media page // * `renderTabAddon` Return a {@link ReactNode} to render it next to the tab title, i.e. the counts for each tab on the Media page
* `content` Content of the tab // * `content` Content of the tab
* `footer` Sets up button handlers and labels // * `footer` Sets up button handlers and labels
*/ // */
export interface Tab { // export interface Tab {
id: string; // id: string;
title: string; // title: string;
renderTabAddon?: () => ReactNode; // renderTabAddon?: () => ReactNode;
content: ReactNode; // content: ReactNode;
footer?: FooterLegendProps; // footer?: FooterLegendProps;
} // }
/** // /**
* Props for the {@link Tabs} // * Props for the {@link Tabs}
* // *
* `tabs` array of {@link Tab} // * `tabs` array of {@link Tab}
* `activeTab` tab currently active, needs to be one of the tabs {@link Tab.id}, must be set using a `useState` in the `onShowTab` handler // * `activeTab` tab currently active, needs to be one of the tabs {@link Tab.id}, must be set using a `useState` in the `onShowTab` handler
* `onShowTab` Called when the active tab should change, needs to set `activeTab`. See example. // * `onShowTab` Called when the active tab should change, needs to set `activeTab`. See example.
* `autoFocusContents` Whether to automatically focus the tab contents or not. // * `autoFocusContents` Whether to automatically focus the tab contents or not.
* `footer` Sets up button handlers and labels // * `footer` Sets up button handlers and labels
* // *
* @example // * @example
* const Component: FC = () => { // * const Component: FC = () => {
* const [currentTab, setCurrentTab] = useState<string>("Tab1"); // * const [currentTab, setCurrentTab] = useState<string>("Tab1");
* // *
* return ( // * return (
* <Tabs // * <Tabs
* title="Theme Manager" // * title="Theme Manager"
* activeTab={currentTabRoute} // * activeTab={currentTabRoute}
* onShowTab={(tabID: string) => { // * onShowTab={(tabID: string) => {
* setCurrentTabRoute(tabID); // * setCurrentTabRoute(tabID);
* }} // * }}
* tabs={[ // * tabs={[
* { // * {
* title: "Tab 1", // * title: "Tab 1",
* content: <Tab1Component />, // * content: <Tab1Component />,
* id: "Tab1", // * id: "Tab1",
* }, // * },
* { // * {
* title: "Tab 2", // * title: "Tab 2",
* content: <Tab2Component />, // * content: <Tab2Component />,
* id: "Tab2", // * id: "Tab2",
* }, // * },
* ]} // * ]}
* /> // * />
* ); // * );
* }; // * };
*/ // */
export interface TabsProps { // export interface TabsProps {
tabs: Tab[]; // tabs: Tab[];
activeTab: string; // activeTab: string;
onShowTab: (tab: string) => void; // onShowTab: (tab: string) => void;
autoFocusContents?: boolean; // autoFocusContents?: boolean;
} // }
/** // /**
* Tabs component as used in the library and media tabs. See {@link TabsProps} // * Tabs component as used in the library and media tabs. See {@link TabsProps}
*/ // */
export const Tabs = Object.values(findModule((m) => { // export const Tabs = Object.values(findModule((m) => {
if (typeof m !== 'object') return false; // if (typeof m !== 'object') return false;
for (let prop in m) { // for (let prop in m) {
if (m[prop]?.Unbleed) return true; // if (m[prop]?.Unbleed) return true;
} // }
return false; // return false;
})).find((x: any) => x?.type?.toString()?.includes("((function(){")) as FC<TabsProps>; // })).find((x: any) => x?.type?.toString()?.includes("((function(") && x?.type?.toString()?.includes("[\"tabs\"")) as FC<TabsProps>;

View File

@@ -17,7 +17,7 @@ export * from './SliderField';
export * from './Spinner'; export * from './Spinner';
export * from './static-classes'; export * from './static-classes';
export * from './SteamSpinner'; export * from './SteamSpinner';
export * from './Tabs'; //export * from './Tabs';
export * from './TextField'; export * from './TextField';
export * from './Toggle'; export * from './Toggle';
export * from './ToggleField'; export * from './ToggleField';