@patternfly/react-core 6.0.0-alpha.9 → 6.0.0-alpha.91

package/src/demos/examples/Nav/deprecated/NavLight.tsx

@@ -1,95 +0,0 @@
-import React from 'react';
-import {
-  Card,
-  CardBody,
-  Gallery,
-  GalleryItem,
-  Nav,
-  NavItem,
-  NavList,
-  Page,
-  PageSection,
-  PageSidebar,
-  PageSidebarBody,
-  SkipToContent,
-  TextContent,
-  Text
-} from '@patternfly/react-core';
-import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader';
-
-export const NavLight: React.FunctionComponent = () => {
-  const [activeItem, setActiveItem] = React.useState<string | number>(0);
-
-  const onNavSelect = (
-    _event: React.FormEvent<HTMLInputElement>,
-    selectedItem: {
-      groupId: number | string;
-      itemId: number | string;
-      to: string;
-    }
-  ) => setActiveItem(selectedItem.itemId);
-
-  const PageNav = (
-    <Nav onSelect={onNavSelect} aria-label="Nav" theme="light">
-      <NavList>
-        {/* Preventing default click behavior on each NavItem for demo purposes only */}
-        <NavItem preventDefault itemId={0} isActive={activeItem === 0} to="#">
-          System Panel
-        </NavItem>
-        <NavItem preventDefault itemId={1} isActive={activeItem === 1} to="#">
-          Policy
-        </NavItem>
-        <NavItem preventDefault itemId={2} isActive={activeItem === 2} to="#">
-          Authentication
-        </NavItem>
-        <NavItem preventDefault itemId={3} isActive={activeItem === 3} to="#">
-          Network Services
-        </NavItem>
-        <NavItem preventDefault itemId={4} isActive={activeItem === 4} to="#">
-          Server
-        </NavItem>
-      </NavList>
-    </Nav>
-  );
-
-  const Sidebar = (
-    <PageSidebar theme="light">
-      <PageSidebarBody>{PageNav}</PageSidebarBody>
-    </PageSidebar>
-  );
-  const pageId = 'main-content-page-layout-simple-nav';
-  const PageSkipToContent = <SkipToContent href={`#${pageId}`}>Skip to Content</SkipToContent>;
-
-  return (
-    <React.Fragment>
-      <Page
-        header={<DashboardHeader />}
-        sidebar={Sidebar}
-        isManagedSidebar
-        skipToContent={PageSkipToContent}
-        mainContainerId={pageId}
-      >
-        <PageSection>
-          <TextContent>
-            <Text component="h1">Main title</Text>
-            <Text component="p">
-              Body text should be Overpass Regular at 16px. It should have leading of 24px because <br />
-              of its relative line height of 1.5.
-            </Text>
-          </TextContent>
-        </PageSection>
-        <PageSection>
-          <Gallery hasGutter>
-            {Array.from({ length: 10 }).map((_value, index) => (
-              <GalleryItem key={index}>
-                <Card>
-                  <CardBody>This is a card</CardBody>
-                </Card>
-              </GalleryItem>
-            ))}
-          </Gallery>
-        </PageSection>
-      </Page>
-    </React.Fragment>
-  );
-};

package/src/demos/examples/Nav/deprecated/NavTertiary.tsx

@@ -1,91 +0,0 @@
-import React from 'react';
-import {
-  Card,
-  CardBody,
-  Gallery,
-  GalleryItem,
-  Nav,
-  NavItem,
-  NavList,
-  Page,
-  PageSection,
-  SkipToContent,
-  TextContent,
-  Text
-} from '@patternfly/react-core';
-import { DashboardBreadcrumb } from '@patternfly/react-core/src/demos/DashboardWrapper';
-import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader';
-
-export const NavTertiary: React.FunctionComponent = () => {
-  const [activeItem, setActiveItem] = React.useState<string | number>(0);
-
-  const onNavSelect = (
-    _event: React.FormEvent<HTMLInputElement>,
-    selectedItem: {
-      groupId: number | string;
-      itemId: number | string;
-      to: string;
-    }
-  ) => setActiveItem(selectedItem.itemId);
-
-  const PageNav = (
-    <Nav variant="tertiary" onSelect={onNavSelect} aria-label="Nav">
-      <NavList>
-        {/* Preventing default click behavior on each NavItem for demo purposes only */}
-        <NavItem preventDefault itemId={0} isActive={activeItem === 0} to="#">
-          System Panel
-        </NavItem>
-        <NavItem preventDefault itemId={1} isActive={activeItem === 1} to="#">
-          Policy
-        </NavItem>
-        <NavItem preventDefault itemId={2} isActive={activeItem === 2} to="#">
-          Authentication
-        </NavItem>
-        <NavItem preventDefault itemId={3} isActive={activeItem === 3} to="#">
-          Network Services
-        </NavItem>
-        <NavItem preventDefault itemId={4} isActive={activeItem === 4} to="#">
-          Server
-        </NavItem>
-      </NavList>
-    </Nav>
-  );
-
-  const pageId = 'main-content-page-layout-tertiary-nav';
-  const PageSkipToContent = <SkipToContent href={`#${pageId}`}>Skip to content</SkipToContent>;
-
-  return (
-    <React.Fragment>
-      <Page
-        header={<DashboardHeader />}
-        breadcrumb={DashboardBreadcrumb}
-        tertiaryNav={PageNav}
-        isManagedSidebar
-        isTertiaryNavWidthLimited
-        skipToContent={PageSkipToContent}
-        mainContainerId={pageId}
-      >
-        <PageSection>
-          <TextContent>
-            <Text component="h1">Main title</Text>
-            <Text component="p">
-              Body text should be Overpass Regular at 16px. It should have leading of 24px because <br />
-              of its relative line height of 1.5.
-            </Text>
-          </TextContent>
-        </PageSection>
-        <PageSection>
-          <Gallery hasGutter>
-            {Array.from({ length: 10 }).map((_value, index) => (
-              <GalleryItem key={index}>
-                <Card>
-                  <CardBody>This is a card</CardBody>
-                </Card>
-              </GalleryItem>
-            ))}
-          </Gallery>
-        </PageSection>
-      </Page>
-    </React.Fragment>
-  );
-};

package/src/demos/index.ts

@@ -1,2 +0,0 @@
-export * from './DashboardHeader';
-export * from './DashboardWrapper';

package/src/deprecated/components/ApplicationLauncher/ApplicationLauncher.tsx

@@ -1,208 +0,0 @@
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/AppLauncher/app-launcher';
-import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
-import { DropdownDirection, DropdownPosition, DropdownToggle, DropdownContext } from '../Dropdown';
-import { DropdownWithContext } from '../Dropdown/DropdownWithContext';
-import { ApplicationLauncherGroup } from './ApplicationLauncherGroup';
-import { ApplicationLauncherSeparator } from './ApplicationLauncherSeparator';
-import { ApplicationLauncherItem } from './ApplicationLauncherItem';
-import { ApplicationLauncherContext } from './ApplicationLauncherContext';
-import { createRenderableFavorites, extendItemsWithFavorite } from '../../../helpers/favorites';
-import { SearchInput } from '../../../components/SearchInput';
-
-export interface ApplicationLauncherProps extends React.HTMLProps<HTMLDivElement> {
-  /** Additional element css classes */
-  className?: string;
-  /** Display menu above or below dropdown toggle */
-  direction?: DropdownDirection | 'up' | 'down';
-  /** Array of application launcher items */
-  items?: React.ReactNode[];
-  /** Render Application launcher toggle as disabled icon */
-  isDisabled?: boolean;
-  /** open bool */
-  isOpen?: boolean;
-  /** Indicates where menu will be alligned horizontally */
-  position?: DropdownPosition | 'right' | 'left';
-  /** Function callback called when user selects item */
-  onSelect?: (event: any) => void;
-  /** Callback called when application launcher toggle is clicked */
-  onToggle?: (
-    event: MouseEvent | TouchEvent | KeyboardEvent | React.KeyboardEvent<any> | React.MouseEvent<HTMLButtonElement>,
-    isOpen: boolean
-  ) => void;
-  /** Adds accessible text to the button. Required for plain buttons */
-  'aria-label'?: string;
-  /** Flag to indicate if application launcher has groups */
-  isGrouped?: boolean;
-  /** Toggle Icon, optional to override the icon used for the toggle */
-  toggleIcon?: React.ReactNode;
-  /** The container to append the menu to. Defaults to 'inline'.
-   * If your menu is being cut off you can append it to an element higher up the DOM tree.
-   * Some examples:
-   * menuAppendTo="parent"
-   * menuAppendTo={() => document.body}
-   * menuAppendTo={document.getElementById('target')}
-   */
-  menuAppendTo?: HTMLElement | (() => HTMLElement) | 'inline' | 'parent';
-  /** ID list of favorited ApplicationLauncherItems */
-  favorites?: string[];
-  /** Enables favorites. Callback called when an ApplicationLauncherItem's favorite button is clicked */
-  onFavorite?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, itemId: string, isFavorite: boolean) => void;
-  /** Enables search. Callback called when text input is entered into search box */
-  onSearch?: (event: React.FormEvent<HTMLInputElement>, textInput: string) => void;
-  /** Placeholder text for search input */
-  searchPlaceholderText?: string;
-  /** Text for search input when no results are found */
-  searchNoResultsText?: string;
-  /** Additional properties for search input */
-  searchProps?: any;
-  /** Label for the favorites group */
-  favoritesLabel?: string;
-  /** ID of toggle */
-  toggleId?: string;
-  /** z-index of the application launcher when menuAppendTo is not inline. */
-  zIndex?: number;
-}
-
-class ApplicationLauncher extends React.Component<ApplicationLauncherProps> {
-  static displayName = 'ApplicationLauncher';
-  static defaultProps: ApplicationLauncherProps = {
-    className: '',
-    isDisabled: false,
-    direction: DropdownDirection.down,
-    favorites: [] as string[],
-    items: [] as React.ReactNode[],
-    isOpen: false,
-    position: DropdownPosition.left,
-    /* eslint-disable @typescript-eslint/no-unused-vars */
-    onSelect: (_event: any): any => undefined,
-    onToggle: (_event: any, _value: boolean): any => undefined,
-    /* eslint-enable @typescript-eslint/no-unused-vars */
-    'aria-label': 'Application launcher',
-    isGrouped: false,
-    toggleIcon: <ThIcon />,
-    searchPlaceholderText: 'Filter by name...',
-    searchNoResultsText: 'No results found',
-    favoritesLabel: 'Favorites',
-    menuAppendTo: 'inline'
-  };
-
-  createSearchBox = () => {
-    const { onSearch, searchPlaceholderText, searchProps } = this.props;
-
-    return (
-      <div key="search" className={css(styles.appLauncherMenuSearch)}>
-        <ApplicationLauncherItem
-          customChild={<SearchInput placeholder={searchPlaceholderText} onChange={onSearch} {...searchProps} />}
-        ></ApplicationLauncherItem>
-      </div>
-    );
-  };
-
-  render() {
-    const {
-      'aria-label': ariaLabel,
-      isOpen,
-      onToggle,
-      toggleIcon,
-      toggleId,
-      onSelect,
-      isDisabled,
-      className,
-      isGrouped,
-      favorites,
-      onFavorite,
-      onSearch,
-      items,
-      /* eslint-disable @typescript-eslint/no-unused-vars */
-      searchPlaceholderText,
-      searchProps,
-      ref,
-      /* eslint-enable @typescript-eslint/no-unused-vars */
-      favoritesLabel,
-      searchNoResultsText,
-      menuAppendTo,
-      zIndex = 9999,
-      ...props
-    } = this.props;
-    let renderableItems: React.ReactNode[] = [];
-
-    if (onFavorite) {
-      let favoritesGroup: React.ReactNode[] = [];
-      let renderableFavorites: React.ReactNode[] = [];
-      if (favorites.length > 0) {
-        renderableFavorites = createRenderableFavorites(items, isGrouped, favorites, true);
-        favoritesGroup = [
-          <ApplicationLauncherGroup key="favorites" label={favoritesLabel}>
-            {renderableFavorites}
-            <ApplicationLauncherSeparator key="separator" />
-          </ApplicationLauncherGroup>
-        ];
-      }
-      if (renderableFavorites.length > 0) {
-        renderableItems = favoritesGroup.concat(extendItemsWithFavorite(items, isGrouped, favorites));
-      } else {
-        renderableItems = extendItemsWithFavorite(items, isGrouped, favorites);
-      }
-    } else {
-      renderableItems = items;
-    }
-
-    if (items.length === 0) {
-      renderableItems = [
-        <ApplicationLauncherGroup key="no-results-group">
-          <ApplicationLauncherItem key="no-results">{searchNoResultsText}</ApplicationLauncherItem>
-        </ApplicationLauncherGroup>
-      ];
-    }
-    if (onSearch) {
-      renderableItems = [this.createSearchBox(), ...renderableItems];
-    }
-
-    return (
-      <ApplicationLauncherContext.Provider value={{ onFavorite }}>
-        <DropdownContext.Provider
-          value={{
-            onSelect,
-            menuClass: styles.appLauncherMenu,
-            itemClass: styles.appLauncherMenuItem,
-            toggleClass: styles.appLauncherToggle,
-            baseClass: styles.appLauncher,
-            baseComponent: 'nav',
-            sectionClass: styles.appLauncherGroup,
-            sectionTitleClass: styles.appLauncherGroupTitle,
-            sectionComponent: 'section',
-            disabledClass: styles.modifiers.disabled,
-            ouiaComponentType: ApplicationLauncher.displayName
-          }}
-        >
-          <DropdownWithContext
-            {...props}
-            dropdownItems={renderableItems}
-            isOpen={isOpen}
-            className={className}
-            aria-label={ariaLabel}
-            menuAppendTo={menuAppendTo}
-            zIndex={zIndex}
-            toggle={
-              <DropdownToggle
-                id={toggleId}
-                toggleIndicator={null}
-                isOpen={isOpen}
-                onToggle={onToggle}
-                isDisabled={isDisabled}
-                aria-label={ariaLabel}
-              >
-                {toggleIcon}
-              </DropdownToggle>
-            }
-            isGrouped={isGrouped}
-          />
-        </DropdownContext.Provider>
-      </ApplicationLauncherContext.Provider>
-    );
-  }
-}
-
-export { ApplicationLauncher };

package/src/deprecated/components/ApplicationLauncher/ApplicationLauncherContent.tsx

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/AppLauncher/app-launcher';
-import { ApplicationLauncherIcon } from './ApplicationLauncherIcon';
-import { ApplicationLauncherText } from './ApplicationLauncherText';
-import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
-import { ApplicationLauncherItemContext } from './ApplicationLauncherItemContext';
-
-export interface ApplicationLauncherContentProps {
-  /** Main content to be rendered */
-  children: React.ReactNode;
-}
-
-export const ApplicationLauncherContent: React.FunctionComponent<ApplicationLauncherContentProps> = ({
-  children
-}: ApplicationLauncherContentProps) => (
-  <ApplicationLauncherItemContext.Consumer>
-    {({ isExternal, icon }) => (
-      <>
-        {icon && <ApplicationLauncherIcon>{icon}</ApplicationLauncherIcon>}
-        {icon ? <ApplicationLauncherText>{children}</ApplicationLauncherText> : children}
-        {isExternal && (
-          <>
-            <span className={css(styles.appLauncherMenuItemExternalIcon)}>
-              <ExternalLinkAltIcon />
-            </span>
-            <span className="pf-v5-screen-reader">(opens new window)</span>
-          </>
-        )}
-      </>
-    )}
-  </ApplicationLauncherItemContext.Consumer>
-);
-ApplicationLauncherContent.displayName = 'ApplicationLauncherContent';

package/src/deprecated/components/ApplicationLauncher/ApplicationLauncherContext.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-
-export const ApplicationLauncherContext = React.createContext({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onFavorite: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, itemId: string, isFavorite: boolean) => {}
-});

package/src/deprecated/components/ApplicationLauncher/ApplicationLauncherGroup.tsx

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { DropdownGroup, DropdownGroupProps } from '../Dropdown';
-
-export const ApplicationLauncherGroup: React.FunctionComponent<DropdownGroupProps> = ({
-  children,
-  ...props
-}: DropdownGroupProps) => <DropdownGroup {...props}>{children}</DropdownGroup>;
-ApplicationLauncherGroup.displayName = 'ApplicationLauncherGroup';

package/src/deprecated/components/ApplicationLauncher/ApplicationLauncherIcon.tsx

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/AppLauncher/app-launcher';
-
-export interface ApplicationLauncherIconProps extends React.HTMLProps<HTMLSpanElement> {
-  /** content rendered inside the icon container */
-  children: React.ReactNode;
-  /** Additional classes added to the icon container */
-  className?: string;
-}
-
-export const ApplicationLauncherIcon: React.FunctionComponent<ApplicationLauncherIconProps> = ({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  className = '',
-  children,
-  ...props
-}: ApplicationLauncherIconProps) => (
-  <span className={css(styles.appLauncherMenuItemIcon)} {...props}>
-    {children}
-  </span>
-);
-ApplicationLauncherIcon.displayName = 'ApplicationLauncherIcon';

package/src/deprecated/components/ApplicationLauncher/ApplicationLauncherItem.tsx

@@ -1,94 +0,0 @@
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/AppLauncher/app-launcher';
-import { DropdownItem, DropdownItemProps } from '../Dropdown';
-import { ApplicationLauncherContent } from './ApplicationLauncherContent';
-import { ApplicationLauncherContext } from './ApplicationLauncherContext';
-import { ApplicationLauncherItemContext } from './ApplicationLauncherItemContext';
-import StarIcon from '@patternfly/react-icons/dist/esm/icons/star-icon';
-import { getUniqueId } from '../../../helpers/util';
-
-export interface ApplicationLauncherItemProps {
-  /** Icon rendered before the text */
-  icon?: React.ReactNode;
-  /** If clicking on the item should open the page in a separate window */
-  isExternal?: boolean;
-  /** Tooltip to display when hovered over the item */
-  tooltip?: React.ReactNode;
-  /** Additional tooltip props forwarded to the Tooltip component */
-  tooltipProps?: any;
-  /** A ReactElement to render, or a string to use as the component tag.
-   * Example: component={<Link to="/components/alert/">Alert</Link>}
-   * Example: component="button"
-   */
-  component?: React.ReactNode;
-  /** Flag indicating if the item is favorited */
-  isFavorite?: boolean;
-  /** Aria label text for favoritable button when favorited */
-  ariaIsFavoriteLabel?: string;
-  /** Aria label text for favoritable button when not favorited */
-  ariaIsNotFavoriteLabel?: string;
-  /** ID of the item. Required for tracking favorites. */
-  id?: string;
-  /** Custom item rendering that receives the ApplicationLauncherContext */
-  customChild?: React.ReactNode;
-  /** Flag indicating if hitting enter triggers an arrow down key press. Automatically passed to favorites list items. */
-  enterTriggersArrowDown?: boolean;
-}
-
-export const ApplicationLauncherItem: React.FunctionComponent<ApplicationLauncherItemProps & DropdownItemProps> = ({
-  className = '',
-  id,
-  children,
-  icon = null,
-  isExternal = false,
-  href,
-  tooltip = null,
-  tooltipProps = null,
-  component = 'a',
-  isFavorite = null,
-  ariaIsFavoriteLabel = 'starred',
-  ariaIsNotFavoriteLabel = 'not starred',
-  customChild,
-  enterTriggersArrowDown = false,
-  ...props
-}: ApplicationLauncherItemProps & DropdownItemProps) => (
-  <ApplicationLauncherItemContext.Provider value={{ isExternal, icon }}>
-    <ApplicationLauncherContext.Consumer>
-      {({ onFavorite }) => (
-        <DropdownItem
-          id={id}
-          component={component}
-          href={href || null}
-          className={css(
-            isExternal && styles.modifiers.external,
-            isFavorite !== null && styles.modifiers.link,
-            className
-          )}
-          listItemClassName={css(onFavorite && styles.appLauncherMenuWrapper, isFavorite && styles.modifiers.favorite)}
-          tooltip={tooltip}
-          tooltipProps={tooltipProps}
-          {...(enterTriggersArrowDown === true && { enterTriggersArrowDown })}
-          {...(customChild && { customChild })}
-          {...(isFavorite !== null && {
-            additionalChild: (
-              <button
-                className={css(styles.appLauncherMenuItem, styles.modifiers.action)}
-                aria-label={isFavorite ? ariaIsFavoriteLabel : ariaIsNotFavoriteLabel}
-                onClick={(event) => {
-                  onFavorite(event, (id || getUniqueId('app-launcher-option')).replace('favorite-', ''), isFavorite);
-                }}
-              >
-                <StarIcon />
-              </button>
-            )
-          })}
-          {...props}
-        >
-          {children && <ApplicationLauncherContent>{children}</ApplicationLauncherContent>}
-        </DropdownItem>
-      )}
-    </ApplicationLauncherContext.Consumer>
-  </ApplicationLauncherItemContext.Provider>
-);
-ApplicationLauncherItem.displayName = 'ApplicationLauncherItem';

package/src/deprecated/components/ApplicationLauncher/ApplicationLauncherItemContext.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-
-export const ApplicationLauncherItemContext = React.createContext({ isExternal: false, icon: null });

package/src/deprecated/components/ApplicationLauncher/ApplicationLauncherSeparator.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { DropdownSeparator, SeparatorProps } from '../Dropdown/DropdownSeparator';
-
-export const ApplicationLauncherSeparator: React.FunctionComponent<SeparatorProps> = ({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  children,
-  ...props
-}: SeparatorProps) => <DropdownSeparator {...props} />;
-ApplicationLauncherSeparator.displayName = 'ApplicationLauncherSeparator';

package/src/deprecated/components/ApplicationLauncher/ApplicationLauncherText.tsx

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/AppLauncher/app-launcher';
-
-export interface ApplicationLauncherTextProps extends React.HTMLProps<HTMLSpanElement> {
-  /** content rendered inside the text container */
-  children: React.ReactNode;
-  /** Additional classes added to the text container */
-  className?: string;
-}
-
-export const ApplicationLauncherText: React.FunctionComponent<ApplicationLauncherTextProps> = ({
-  className = '',
-  children,
-  ...props
-}: ApplicationLauncherTextProps) => (
-  <span className={css(`${styles.appLauncherMenuItem}-text`, className)} {...props}>
-    {children}
-  </span>
-);
-ApplicationLauncherText.displayName = 'ApplicationLauncherText';

package/src/deprecated/components/ApplicationLauncher/__tests__/ApplicationLauncher.test.tsx

@@ -1,72 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
-import { ApplicationLauncher } from '../ApplicationLauncher';
-import { ApplicationLauncherItem } from '../ApplicationLauncherItem';
-import { DropdownPosition, DropdownDirection } from '../../Dropdown/dropdownConstants';
-import { ApplicationLauncherSeparator } from '../ApplicationLauncherSeparator';
-
-const dropdownItems = [
-  <ApplicationLauncherItem key="link">Link</ApplicationLauncherItem>,
-  <ApplicationLauncherItem key="action" component="button">
-    Action
-  </ApplicationLauncherItem>,
-  <ApplicationLauncherItem key="disabled link" isDisabled>
-    Disabled Link
-  </ApplicationLauncherItem>,
-  <ApplicationLauncherItem key="disabled action" isDisabled component="button">
-    Disabled Action
-  </ApplicationLauncherItem>,
-  <ApplicationLauncherSeparator key="separator" />,
-  <ApplicationLauncherItem key="separated link">Separated Link</ApplicationLauncherItem>,
-  <ApplicationLauncherItem key="separated action" component="button">
-    Separated Action
-  </ApplicationLauncherItem>
-];
-
-describe('ApplicationLauncher', () => {
-  test('regular', () => {
-    const { asFragment } = render(<ApplicationLauncher items={dropdownItems} />);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  test('right aligned', () => {
-    const { asFragment } = render(<ApplicationLauncher items={dropdownItems} position={DropdownPosition.right} />);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  test('dropup', () => {
-    const { asFragment } = render(<ApplicationLauncher items={dropdownItems} direction={DropdownDirection.up} />);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  test('dropup + right aligned', () => {
-    const { asFragment } = render(
-      <ApplicationLauncher items={dropdownItems} direction={DropdownDirection.up} position={DropdownPosition.right} />
-    );
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  test('expanded', () => {
-    const { asFragment } = render(<ApplicationLauncher items={dropdownItems} isOpen />);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  test('custom icon', () => {
-    const { asFragment } = render(
-      <ApplicationLauncher items={dropdownItems} isOpen toggleIcon={<HelpIcon id="test-icon" />} />
-    );
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  test('Renders in strict mode', () => {
-    const consoleError = jest.spyOn(console, 'error');
-    const { asFragment } = render(
-      <React.StrictMode>
-        <ApplicationLauncher isOpen items={dropdownItems} />{' '}
-      </React.StrictMode>
-    );
-    expect(consoleError).not.toHaveBeenCalled();
-    expect(asFragment()).toMatchSnapshot();
-  });
-});