Add Storybook manifest

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
2025-12-18 14:15:28 +00:00
parent 2b361f5198
commit 147364b4a8
76 changed files with 76 additions and 0 deletions
@@ -21,6 +21,7 @@ import './storybook.css';
 import './themes/spotify.css';

 export default definePreview({
+  tags: ['manifest'],
  globalTypes: {
    themeMode: {
      name: 'Theme Mode',
@@ -78,6 +78,7 @@ starredEntitiesApi.toggleStarred('component:default/example-starred-entity-4');

 export default {
  title: 'Plugins/Home/Templates',
+  tags: ['!manifest'],
  decorators: [
    (Story: ComponentType<{}>) =>
      wrapInTestApp(
@@ -86,6 +86,7 @@ starredEntitiesApi.toggleStarred('component:default/example-starred-entity-4');

 export default {
  title: 'Plugins/Home/Templates',
+  tags: ['!manifest'],
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) =>
      wrapInTestApp(
@@ -18,6 +18,7 @@ import { StillTherePrompt, StillTherePromptProps } from './StillTherePrompt';
 export default {
  title: 'Data Display/StillTherePrompt',
  component: StillTherePrompt,
+  tags: ['!manifest'],
 };

 export const Open = (args: StillTherePromptProps) => (
@@ -28,6 +28,7 @@ const useStyles = makeStyles({
 export default {
  title: 'Data Display/Avatar',
  component: Avatar,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -53,6 +53,7 @@ export default {
      },
    },
  },
+  tags: ['!manifest'],
 };

 export const Default = (args: ChipProps) => <Chip {...args} />;
@@ -20,6 +20,7 @@ import { InfoCard } from '../../layout/InfoCard';
 export default {
  title: 'Data Display/CodeSnippet',
  component: CodeSnippet,
+  tags: ['!manifest'],
 };

 const containerStyle = { width: 300 };
@@ -19,6 +19,7 @@ import { CopyTextButton } from './CopyTextButton';
 export default {
  title: 'Inputs/CopyTextButton',
  component: CopyTextButton,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -20,6 +20,7 @@ import { DependencyGraphTypes as Types } from './types';
 export default {
  title: 'Data Display/DependencyGraph',
  component: DependencyGraph,
+  tags: ['!manifest'],
 };

 const containerStyle = { width: '100%' };
@@ -27,6 +27,7 @@ import CloseIcon from '@material-ui/icons/Close';
 const meta = {
  title: 'Layout/Dialog',
  component: Dialog,
+  tags: ['!manifest'],
 };

 export default meta;
@@ -30,6 +30,7 @@ export default {
      control: { type: 'select' },
    },
  },
+  tags: ['!manifest'],
 };

 const containerStyle = { width: '70%' };
@@ -25,6 +25,7 @@ import Close from '@material-ui/icons/Close';
 export default {
  title: 'Layout/Drawer',
  component: Drawer,
+  tags: ['!manifest'],
 };

 const useDrawerStyles = makeStyles((theme: Theme) =>
@@ -21,6 +21,7 @@ import { MissingAnnotationEmptyState } from './MissingAnnotationEmptyState';
 export default {
  title: 'Feedback/EmptyState',
  component: EmptyState,
+  tags: ['!manifest'],
 };

 const containerStyle = { width: '100%', height: '100vh' };
@@ -29,6 +29,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -24,6 +24,7 @@ type Props = {
 export default {
  title: 'Data Display/HeaderIconLinkRow',
  component: HeaderIconLinkRow,
+  tags: ['!manifest'],
 };

 export const Default = (args: Props) => <HeaderIconLinkRow {...args} />;
@@ -19,6 +19,7 @@ import LinkIcon from '@material-ui/icons/Link';
 export default {
  title: 'Core/IconLinkVertical',
  component: IconLinkVertical,
+  tags: ['!manifest'],
 };

 export const Primary = (args: IconLinkVerticalProps) => (
@@ -22,6 +22,7 @@ const opacityArray = [0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0];
 export default {
  title: 'Layout/HorizontalScrollGrid',
  component: HorizontalScrollGrid,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -18,6 +18,7 @@ import { Lifecycle } from './Lifecycle';
 export default {
  title: 'Feedback/Lifecycle',
  component: Lifecycle,
+  tags: ['!manifest'],
 };

 export const AlphaDefault = () => (
@@ -48,6 +48,7 @@ export default {
        { mountedRoutes: { '/hello': routeRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -63,6 +63,7 @@ export default {
        { mountedRoutes: { '/hello': routeRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -24,6 +24,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 const exampleLog = `Starting up task with 3 steps
@@ -19,6 +19,7 @@ import { MarkdownContent } from './MarkdownContent';
 export default {
  title: 'Data Display/MarkdownContent',
  component: MarkdownContent,
+  tags: ['!manifest'],
 };

 const markdownGithubFlavored =
@@ -19,6 +19,7 @@ import { OverflowTooltip } from './OverflowTooltip';
 export default {
  title: 'Data Display/OverflowTooltip',
  component: OverflowTooltip,
+  tags: ['!manifest'],
 };

 const text =
@@ -19,6 +19,7 @@ import { Progress } from './Progress';
 export default {
  title: 'Feedback/Progress',
  component: Progress,
+  tags: ['!manifest'],
 };

 export const progress = () => <Progress />;
@@ -21,6 +21,7 @@ const containerStyle = { width: 300 };
 export default {
  title: 'Data Display/Gauge',
  component: Gauge,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -34,6 +34,7 @@ const Wrapper = ({ children }: PropsWithChildren<{}>) => (
 export default {
  title: 'Data Display/Progress Card',
  component: GaugeCard,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -21,6 +21,7 @@ const containerStyle = { width: 300 };
 export default {
  title: 'Data Display/LinearGauge',
  component: LinearGauge,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -20,6 +20,7 @@ import { ErrorPanelProps } from '../ErrorPanel';
 export default {
  title: 'Data Display/ResponseErrorPanel',
  component: ResponseErrorPanel,
+  tags: ['!manifest'],
 };

 export const Default = (args: ErrorPanelProps) => (
@@ -19,6 +19,7 @@ import { SelectComponent as Select, SelectProps } from './Select';
 export default {
  title: 'Inputs/Select',
  component: Select,
+  tags: ['!manifest'],
 };

 const SELECT_ITEMS = [
@@ -22,6 +22,7 @@ import { SimpleStepperStep } from './SimpleStepperStep';
 export default {
  title: 'Navigation/SimpleStepper',
  component: SimpleStepper,
+  tags: ['!manifest'],
 };

 const defaultArgs = {
@@ -28,6 +28,7 @@ import { InfoCard } from '../../layout/InfoCard';
 export default {
  title: 'Data Display/Status',
  component: StatusOK,
+  tags: ['!manifest'],
 };

 const data = [
@@ -41,6 +41,7 @@ const metadata = {
 export default {
  title: 'Data Display/Structured Metadata Table',
  component: StructuredMetadataTable,
+  tags: ['!manifest'],
 };

 const Wrapper = ({ children }: PropsWithChildren<{}>) => (
@@ -20,6 +20,7 @@ import { TabbedLayout } from './TabbedLayout';
 export default {
  title: 'Navigation/TabbedLayout',
  component: TabbedLayout,
+  tags: ['!manifest'],
 };

 const Wrapper = ({ children }: PropsWithChildren<{}>) => (
@@ -23,6 +23,7 @@ import { Table, TableColumn, TableFilter } from './Table';
 export default {
  title: 'Data Display/Table',
  component: Table,
+  tags: ['!manifest'],
 };

 const useStyles = makeStyles(theme => ({
@@ -21,6 +21,7 @@ import { InfoCard } from '../../layout/InfoCard';
 export default {
  title: 'Data Display/TrendLine',
  component: TrendLine,
+  tags: ['!manifest'],
 };

 const containerStyle = { width: 700 };
@@ -22,6 +22,7 @@ import { Link } from '../Link';
 export default {
  title: 'Feedback/Warning Panel',
  component: WarningPanel,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -19,6 +19,7 @@ import { BottomLink } from '../BottomLink';
 export default {
  title: 'Layout/BottomLink',
  component: BottomLink,
+  tags: ['!manifest'],
 };

 export const Default = (args: { link: string; title: string }) => (
@@ -31,6 +31,7 @@ import { Breadcrumbs } from './Breadcrumbs';
 export default {
  title: 'Layout/Breadcrumbs',
  component: Breadcrumbs,
+  tags: ['!manifest'],
 };

 export const InHeader = () => (
@@ -18,6 +18,7 @@ import { Content } from './Content';
 export default {
  title: 'Layout/Content',
  component: Content,
+  tags: ['!manifest'],
 };

 type Props = {
@@ -20,6 +20,7 @@ import { ContentHeader } from '../ContentHeader';
 export default {
  title: 'Layout/ContentHeader',
  component: ContentHeader,
+  tags: ['!manifest'],
 };

 type ContentHeaderProps = {
@@ -36,6 +36,7 @@ export default {
      control: { type: 'select' },
    },
  },
+  tags: ['!manifest'],
 };

 const labels = (
@@ -18,6 +18,7 @@ import { HeaderActionMenu, HeaderActionMenuProps } from './HeaderActionMenu';
 export default {
  title: 'Layout/HeaderActionMenu',
  component: HeaderActionMenu,
+  tags: ['!manifest'],
 };

 export const Default = (args: HeaderActionMenuProps) => (
@@ -18,6 +18,7 @@ import { HeaderLabel } from './HeaderLabel';
 export default {
  title: 'Layout/HeaderLabel',
  component: HeaderLabel,
+  tags: ['!manifest'],
 };

 type HeaderLabelProps = {
@@ -18,6 +18,7 @@ import { HeaderTabs } from './HeaderTabs';
 export default {
  title: 'Layout/HeaderTabs',
  component: HeaderTabs,
+  tags: ['!manifest'],
 };

 export const SingleTab = (args: any) => <HeaderTabs {...args} />;
@@ -23,6 +23,7 @@ import { InfoCard, Props } from './InfoCard';
 export default {
  title: 'Layout/Information Card',
  component: InfoCard,
+  tags: ['!manifest'],
 };

 const text = (
@@ -27,6 +27,7 @@ import { ItemCardHeader } from './ItemCardHeader';

 export default {
  title: 'Layout/Item Cards',
+  tags: ['!manifest'],
 };

 const text =
@@ -40,6 +40,7 @@ import { Page } from '../Page';
 export default {
  title: 'Plugins/Examples',
  component: Page,
+  tags: ['!manifest'],
 };

 interface TableData {
@@ -48,6 +48,7 @@ export default {
    (Story: ComponentType<PropsWithChildren<{}>>) =>
      wrapInTestApp(<Story />, { mountedRoutes: { '/': routeRef } }),
  ],
+  tags: ['!manifest'],
 };

 const handleSearch = (input: string) => {
@@ -36,6 +36,7 @@ export default {
      </Grid>
    ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -20,6 +20,7 @@ import { CatalogAutocomplete } from './CatalogAutocomplete';
 export default {
  title: 'Catalog /CatalogAutocomplete',
  decorators: [(Story: ComponentType<{}>) => wrapInTestApp(<Story />)],
+  tags: ['!manifest'],
 };

 export const Default = (args: any) => {
@@ -25,6 +25,7 @@ const defaultArgs = {
 export default {
  title: 'Catalog /EntityDisplayName',
  decorators: [(Story: ComponentType<{}>) => wrapInTestApp(<Story />)],
+  tags: ['!manifest'],
 };

 export const Default = (args: EntityDisplayNameProps) => (
@@ -89,6 +89,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = (args: EntityPeekAheadPopoverProps) => (
@@ -33,6 +33,7 @@ export default {
        },
      }),
  ],
+  tags: ['!manifest'],
 };

 export const Default = (args: EntityRefLinkProps) => (
@@ -34,6 +34,7 @@ export default {
        },
      }),
  ],
+  tags: ['!manifest'],
 };

 export const Default = (
@@ -41,6 +41,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 const useLogoStyles = makeStyles(theme => ({
@@ -54,6 +54,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -24,6 +24,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -26,6 +26,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -89,6 +89,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -27,6 +27,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -109,6 +109,7 @@ export default {
        </TestApiProvider>,
      ),
  ],
+  tags: ['!manifest'],
 };

 export const RecentlyDefault = () => {
@@ -24,6 +24,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -29,6 +29,7 @@ import { OwnershipCard } from './OwnershipCard';
 export default {
  title: 'Plugins/Org/Ownership Card',
  component: OwnershipCard,
+  tags: ['!manifest'],
 };

 const defaultEntity: GroupEntity = {
@@ -99,6 +99,7 @@ export default {
        },
      }),
  ],
+  tags: ['!manifest'],
 };

 const extraDetailsEntity: UserEntity = {
@@ -38,6 +38,7 @@ export default {
      </MemoryRouter>
    ),
  ],
+  tags: ['!manifest'],
 };

 const mockSearchResult = {
@@ -44,6 +44,7 @@ export default {
        </TestApiProvider>,
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -45,6 +45,7 @@ export default {
      </TestApiProvider>
    ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -45,6 +45,7 @@ export default {
        </TestApiProvider>,
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -40,6 +40,7 @@ export default {
      </TestApiProvider>
    ),
  ],
+  tags: ['!manifest'],
 };

 export const CheckBoxFilter = () => {
@@ -40,6 +40,7 @@ export default {
      </TestApiProvider>
    ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -80,6 +80,7 @@ export default {
        </TestApiProvider>,
      ),
  ],
+  tags: ['!manifest'],
 };

 const CustomResultListItem = (props: { result: SearchDocument }) => {
@@ -82,6 +82,7 @@ export default {
        { mountedRoutes: { '/': routeRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -74,6 +74,7 @@ export default {
        { mountedRoutes: { '/': routeRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -40,6 +40,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -85,6 +85,7 @@ export default {
        { mountedRoutes: { '/search': rootRouteRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -44,6 +44,7 @@ export default {
      </TestApiProvider>
    ),
  ],
+  tags: ['!manifest'],
 };

 const values = ['value-1', 'value-2', 'value-3'];