home

Signed-off-by: Fredrik Adelöw <freben@gmail.com>

plugins/home/src/assets/TemplateBackstageLogo.tsx

@@ -16,16 +16,13 @@
 
 import React from 'react';
 
-type Classes = {
-  svg: string;
-  path: string;
-};
-
-type TemplateBackstageLogoProps = {
-  classes: Classes;
-};
-
-export const TemplateBackstageLogo = (props: TemplateBackstageLogoProps) => {
+/** @public */
+export const TemplateBackstageLogo = (props: {
+  classes: {
+    svg: string;
+    path: string;
+  };
+}) => {
   return (
     <svg
       className={props.classes.svg}

plugins/home/src/assets/TemplateBackstageLogoIcon.tsx

@@ -27,6 +27,7 @@ const useStyles = makeStyles({
   },
 });
 
+/** @public */
 export const TemplateBackstageLogoIcon = () => {
   const classes = useStyles();
 

plugins/home/src/components/SettingsModal.tsx

@@ -23,6 +23,7 @@ import {
   DialogTitle,
 } from '@material-ui/core';
 
+/** @public */
 export const SettingsModal = (props: {
   open: boolean;
   close: Function;

plugins/home/src/extensions.tsx

@@ -28,16 +28,25 @@ export type ComponentRenderer = {
   Renderer?: (props: RendererProps) => JSX.Element;
 };
 
-type ComponentParts = {
+/**
+ * @public
+ */
+export type ComponentParts = {
   Content: (props?: any) => JSX.Element;
   Actions?: () => JSX.Element;
   Settings?: () => JSX.Element;
   ContextProvider?: (props: any) => JSX.Element;
 };
 
-type RendererProps = { title: string } & ComponentParts;
+/**
+ * @public
+ */
+export type RendererProps = { title: string } & ComponentParts;
 
-type CardExtensionProps<T> = ComponentRenderer & { title?: string } & T;
+/**
+ * @public
+ */
+export type CardExtensionProps<T> = ComponentRenderer & { title?: string } & T;
 
 /**
  * An extension creator to create card based components for the homepage

plugins/home/src/homePageComponents/HeaderWorldClock/HeaderWorldClock.tsx

@@ -27,6 +27,7 @@ type TimeObj = {
   label: string;
 };
 
+/** @public */
 export type ClockConfig = {
   label: string;
   timeZone: string;

plugins/home/src/homePageComponents/Toolkit/Content.tsx

@@ -52,15 +52,6 @@ const useStyles = makeStyles(theme => ({
   },
 }));
 
-/**
- * Props for Toolkit content component {@link Content}.
- *
- * @public
- */
-export type ToolkitContentProps = {
-  tools: Tool[];
-};
-
 /**
  * A component to display a list of tools for the user.
  *
@@ -85,3 +76,12 @@ export const Content = (props: ToolkitContentProps) => {
     </List>
   );
 };
+
+/**
+ * Props for Toolkit Content component.
+ *
+ * @public
+ */
+export type ToolkitContentProps = {
+  tools: Tool[];
+};

plugins/home/src/homePageComponents/Toolkit/Context.tsx

@@ -16,6 +16,7 @@
 
 import React, { createContext } from 'react';
 
+/** @public */
 export type Tool = {
   label: string;
   url: string;

plugins/home/src/homePageComponents/Toolkit/index.ts

@@ -17,3 +17,4 @@
 export { Content } from './Content';
 export type { ToolkitContentProps } from './Content';
 export { ContextProvider } from './Context';
+export type { Tool } from './Context';

plugins/home/src/homePageComponents/index.ts

@@ -14,6 +14,5 @@
  * limitations under the License.
  */
 
-export * from './CompanyLogo';
-export * from './Toolkit';
+export type { ToolkitContentProps, Tool } from './Toolkit';
 export type { ClockConfig } from './HeaderWorldClock';

plugins/home/src/index.ts

@@ -35,6 +35,11 @@ export {
 } from './plugin';
 export { SettingsModal } from './components';
 export * from './assets';
-export type { ClockConfig } from './homePageComponents';
+export * from './homePageComponents';
 export { createCardExtension } from './extensions';
-export type { ComponentRenderer } from './extensions';
+export type {
+  CardExtensionProps,
+  ComponentParts,
+  ComponentRenderer,
+  RendererProps,
+} from './extensions';

plugins/home/src/plugin.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 import {
   createComponentExtension,
   createPlugin,
@@ -20,7 +21,6 @@ import {
 } from '@backstage/core-plugin-api';
 import { createCardExtension } from './extensions';
 import { ToolkitContentProps } from './homePageComponents';
-
 import { rootRouteRef } from './routes';
 
 /** @public */