@patternfly/react-core 6.0.0-alpha.56 → 6.0.0-alpha.58

package/src/deprecated/components/Dropdown/examples/DropdownSplitButtonProgressCheckbox.tsx

@@ -1,140 +0,0 @@
-import React from 'react';
-import {
-  Dropdown,
-  DropdownToggle,
-  DropdownToggleCheckbox,
-  DropdownItem,
-  DropdownSeparator
-} from '@patternfly/react-core/deprecated';
-
-export const DropdownSplitButtonProgressCheckbox: React.FunctionComponent = () => {
-  const [isOpen1, setIsOpen1] = React.useState(false);
-  const [isOpen2, setIsOpen2] = React.useState(false);
-
-  const [isChecked1, setIsChecked1] = React.useState(false);
-  const [isChecked2, setIsChecked2] = React.useState(false);
-
-  const [isTimedOut1, setIsTimedOut1] = React.useState(true);
-  const [isTimedOut2, setIsTimedOut2] = React.useState(true);
-
-  const onToggle1 = (_event: any, isOpen: boolean) => {
-    setIsOpen1(isOpen);
-  };
-
-  const onToggle2 = (_event: any, isOpen: boolean) => {
-    setIsOpen2(isOpen);
-  };
-
-  const showProgressIcon1 = () => {
-    setIsTimedOut1(false);
-    setTimeout(() => setIsTimedOut1(true), 3000);
-  };
-
-  const showProgressIcon2 = () => {
-    setIsTimedOut2(false);
-    setTimeout(() => setIsTimedOut2(true), 3000);
-  };
-
-  const onFocus1 = () => {
-    const element = document.getElementById('toggle-split-button-progress');
-    element?.focus();
-  };
-
-  const onFocus2 = () => {
-    const element = document.getElementById('toggle-split-button-progress-text');
-    element?.focus();
-  };
-
-  const onChange1 = (checked: boolean) => {
-    setIsChecked1(checked);
-    showProgressIcon1();
-  };
-
-  const onChange2 = (checked: boolean) => {
-    setIsChecked2(checked);
-    showProgressIcon2();
-  };
-
-  const onSelect1 = () => {
-    setIsOpen1(false);
-    onFocus1();
-  };
-
-  const onSelect2 = () => {
-    setIsOpen2(false);
-    onFocus2();
-  };
-
-  const dropdownItems = [
-    <DropdownItem key="link">Link</DropdownItem>,
-    <DropdownItem key="action" component="button">
-      Action
-    </DropdownItem>,
-    <DropdownItem key="disabled link" isDisabled href="www.google.com">
-      Disabled link
-    </DropdownItem>,
-    <DropdownItem
-      key="disabled action"
-      isAriaDisabled
-      component="button"
-      tooltip="Tooltip for disabled item"
-      tooltipProps={{ position: 'top' }}
-    >
-      Disabled action
-    </DropdownItem>,
-    <DropdownSeparator key="separator" />,
-    <DropdownItem key="separated link">Separated link</DropdownItem>,
-    <DropdownItem key="separated action" component="button">
-      Separated action
-    </DropdownItem>
-  ];
-
-  return (
-    <>
-      <Dropdown
-        onSelect={onSelect1}
-        toggle={
-          <DropdownToggle
-            splitButtonItems={[
-              <DropdownToggleCheckbox
-                onChange={(_, checked) => onChange1(checked)}
-                isChecked={isChecked1}
-                isInProgress={!isTimedOut1}
-                id="split-button-progress-toggle-checkbox"
-                key="split-progress-checkbox"
-                aria-label="Select all"
-              />
-            ]}
-            onToggle={onToggle1}
-            id="toggle-split-button-progress"
-          />
-        }
-        isOpen={isOpen1}
-        dropdownItems={dropdownItems}
-      />{' '}
-      <Dropdown
-        onSelect={onSelect2}
-        toggle={
-          <DropdownToggle
-            splitButtonItems={[
-              <DropdownToggleCheckbox
-                onChange={(_, checked) => onChange2(checked)}
-                isChecked={isChecked2}
-                isInProgress={!isTimedOut2}
-                id="split-button-progress-text-checkbox"
-                key="split-progress-checkbox"
-                aria-label="Select all"
-              >
-                10 selected
-              </DropdownToggleCheckbox>
-            ]}
-            onToggle={onToggle2}
-            id="toggle-split-button-progress-text"
-          />
-        }
-        isOpen={isOpen2}
-        dropdownItems={dropdownItems}
-      />
-    </>
-  );
-};

package/src/deprecated/components/Dropdown/examples/DropdownSplitButtonText.tsx

@@ -1,69 +0,0 @@
-import React from 'react';
-import {
-  Dropdown,
-  DropdownToggle,
-  DropdownToggleCheckbox,
-  DropdownItem,
-  DropdownSeparator
-} from '@patternfly/react-core/deprecated';
-
-export const DropdownSplitButtonText: React.FunctionComponent = () => {
-  const [isOpen, setIsOpen] = React.useState(false);
-
-  const onToggle = (_event: any, isOpen: boolean) => {
-    setIsOpen(isOpen);
-  };
-
-  const onFocus = () => {
-    const element = document.getElementById('toggle-split-button-text');
-    element?.focus();
-  };
-
-  const onSelect = () => {
-    setIsOpen(false);
-    onFocus();
-  };
-
-  const dropdownItems = [
-    <DropdownItem key="link">Link</DropdownItem>,
-    <DropdownItem key="action" component="button">
-      Action
-    </DropdownItem>,
-    <DropdownItem key="disabled link" isDisabled href="www.google.com">
-      Disabled link
-    </DropdownItem>,
-    <DropdownItem
-      key="disabled action"
-      isAriaDisabled
-      component="button"
-      tooltip="Tooltip for disabled item"
-      tooltipProps={{ position: 'top' }}
-    >
-      Disabled action
-    </DropdownItem>,
-    <DropdownSeparator key="separator" />,
-    <DropdownItem key="separated link">Separated link</DropdownItem>,
-    <DropdownItem key="separated action" component="button">
-      Separated action
-    </DropdownItem>
-  ];
-
-  return (
-    <Dropdown
-      onSelect={onSelect}
-      toggle={
-        <DropdownToggle
-          splitButtonItems={[
-            <DropdownToggleCheckbox id="split-button-text-checkbox" key="split-checkbox" aria-label="Select all">
-              10 selected
-            </DropdownToggleCheckbox>
-          ]}
-          onToggle={onToggle}
-          id="toggle-split-button-text"
-        />
-      }
-      isOpen={isOpen}
-      dropdownItems={dropdownItems}
-    />
-  );
-};

package/src/deprecated/components/Dropdown/index.ts

@@ -1,12 +0,0 @@
-export * from './Dropdown';
-export * from './DropdownMenu';
-export * from './DropdownWithContext';
-export * from './dropdownConstants';
-export * from './DropdownGroup';
-export * from './DropdownItem';
-export * from './DropdownSeparator';
-export * from './BadgeToggle';
-export * from './KebabToggle';
-export * from './DropdownToggle';
-export * from './DropdownToggleCheckbox';
-export * from './DropdownToggleAction';

package/src/deprecated/components/OptionsMenu/OptionsMenu.tsx

@@ -1,99 +0,0 @@
-import * as React from 'react';
-import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu';
-import { DropdownContext } from '../Dropdown';
-import { DropdownWithContext } from '../Dropdown/DropdownWithContext';
-import { OUIAProps, useOUIAId } from '../../../helpers';
-
-export enum OptionsMenuPosition {
-  right = 'right',
-  left = 'left'
-}
-
-export enum OptionsMenuDirection {
-  up = 'up',
-  down = 'down'
-}
-
-export interface OptionsMenuProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
-  /** Classes applied to root element of the options menu */
-  className?: string;
-  /** Id of the root element of the options menu */
-  id: string;
-  /** Array of OptionsMenuItem and/or OptionMenuGroup nodes that will be rendered in the options menu list */
-  menuItems: React.ReactNode[];
-  /** Either an OptionsMenuToggle or an OptionsMenuToggleWithText to use to toggle the options menu */
-  toggle: React.ReactElement;
-  /** Flag to indicate the toggle has no border or background */
-  isPlain?: boolean;
-  /** Flag to indicate if menu is open */
-  isOpen?: boolean;
-  /** Flag to indicate if toggle is textual toggle */
-  isText?: boolean;
-  /** Flag to indicate if menu is groupped */
-  isGrouped?: boolean;
-  /** Indicates where menu will be aligned horizontally */
-  position?: 'right' | 'left';
-  /** Menu will open up or open down from the options menu toggle */
-  direction?: 'up' | 'down';
-  /** 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';
-  /** z-index of the options menu when menuAppendTo is not inline. */
-  zIndex?: number;
-  /** Value to overwrite the randomly generated data-ouia-component-id.*/
-  ouiaId?: number | string;
-  /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
-  ouiaSafe?: boolean;
-}
-
-export const OptionsMenu: React.FunctionComponent<OptionsMenuProps> = ({
-  className = '',
-  menuItems,
-  toggle,
-  isText = false,
-  isGrouped = false,
-  id,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  ref,
-  menuAppendTo = 'inline',
-  ouiaId,
-  ouiaSafe = true,
-  zIndex = 9999,
-  ...props
-}: OptionsMenuProps) => (
-  <DropdownContext.Provider
-    value={{
-      id,
-      onSelect: () => undefined,
-      toggleIndicatorClass: styles.optionsMenuToggleIcon,
-      toggleTextClass: styles.optionsMenuToggleText,
-      menuClass: styles.optionsMenuMenu,
-      itemClass: styles.optionsMenuMenuItem,
-      toggleClass: isText ? styles.optionsMenuToggleButton : styles.optionsMenuToggle,
-      baseClass: styles.optionsMenu,
-      disabledClass: styles.modifiers.disabled,
-      menuComponent: isGrouped ? 'div' : 'ul',
-      baseComponent: 'div',
-      ouiaId: useOUIAId(OptionsMenu.displayName, ouiaId),
-      ouiaSafe,
-      ouiaComponentType: OptionsMenu.displayName
-    }}
-  >
-    <DropdownWithContext
-      id={id}
-      dropdownItems={menuItems}
-      className={className}
-      isGrouped={isGrouped}
-      toggle={toggle}
-      menuAppendTo={menuAppendTo}
-      zIndex={zIndex}
-      {...props}
-    />
-  </DropdownContext.Provider>
-);
-OptionsMenu.displayName = 'OptionsMenu';

package/src/deprecated/components/OptionsMenu/OptionsMenuItem.tsx

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu';
-import { DropdownItem } from '../Dropdown';
-import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
-
-export interface OptionsMenuItemProps
-  extends Omit<React.HTMLProps<HTMLAnchorElement>, 'onSelect' | 'onClick' | 'onKeyDown' | 'type'> {
-  /** Anything which can be rendered as an options menu item */
-  children?: React.ReactNode;
-  /** Classes applied to root element of an options menu item */
-  className?: string;
-  /** Render options menu item as selected */
-  isSelected?: boolean;
-  /** Render options menu item as disabled option */
-  isDisabled?: boolean;
-  /** Callback for when this options menu item is selected */
-  onSelect?: (event?: React.MouseEvent<HTMLAnchorElement> | React.KeyboardEvent) => void;
-  /** Unique id of this options menu item */
-  id?: string;
-}
-
-export const OptionsMenuItem: React.FunctionComponent<OptionsMenuItemProps> = ({
-  children = null as React.ReactNode,
-  isSelected = false,
-  onSelect = () => null as any,
-  id = '',
-  isDisabled,
-  ...props
-}: OptionsMenuItemProps) => (
-  <DropdownItem
-    id={id}
-    component="button"
-    isDisabled={isDisabled}
-    onClick={(event: any) => onSelect(event)}
-    {...(isDisabled && { 'aria-disabled': true })}
-    {...props}
-  >
-    {children}
-    {isSelected && (
-      <span className={css(styles.optionsMenuMenuItemIcon)}>
-        <CheckIcon aria-hidden={isSelected} />
-      </span>
-    )}
-  </DropdownItem>
-);
-OptionsMenuItem.displayName = 'OptionsMenuItem';

package/src/deprecated/components/OptionsMenu/OptionsMenuItemGroup.tsx

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu';
-import { css } from '@patternfly/react-styles';
-import { Divider } from '../../../components/Divider';
-
-export interface OptionsMenuItemGroupProps extends React.HTMLProps<HTMLElement> {
-  /** Content to be rendered in the options menu items component */
-  children?: React.ReactNode;
-  /** Classes applied to root element of the options menu items group */
-  className?: string;
-  /** Provides an accessible name for the options menu items group */
-  'aria-label'?: string;
-  /** Optional title for the options menu items group */
-  groupTitle?: string | React.ReactNode;
-  /** Flag indicating this options menu items group will be followed by a horizontal separator */
-  hasSeparator?: boolean;
-}
-
-export const OptionsMenuItemGroup: React.FunctionComponent<OptionsMenuItemGroupProps> = ({
-  className = '',
-  'aria-label': ariaLabel = '',
-  groupTitle = '',
-  children = null,
-  hasSeparator = false,
-  ...props
-}: OptionsMenuItemGroupProps) => (
-  <section {...props} className={css(styles.optionsMenuGroup)} role="none">
-    {groupTitle && <h1 className={css(styles.optionsMenuGroupTitle)}>{groupTitle}</h1>}
-    <ul className={className} aria-label={ariaLabel} role="group">
-      {children}
-      {hasSeparator && <Divider component="li" role="separator" />}
-    </ul>
-  </section>
-);
-OptionsMenuItemGroup.displayName = 'OptionsMenuItemGroup';

package/src/deprecated/components/OptionsMenu/OptionsMenuSeparator.tsx

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { Divider, DividerProps } from '../../../components/Divider';
-
-export const OptionsMenuSeparator: React.FunctionComponent<DividerProps> = ({
-  component = 'li',
-  ...props
-}: DividerProps) => <Divider component={component} {...props} />;
-OptionsMenuSeparator.displayName = 'OptionsMenuSeparator';

package/src/deprecated/components/OptionsMenu/OptionsMenuToggle.tsx

@@ -1,67 +0,0 @@
-import * as React from 'react';
-import { DropdownToggle, DropdownContext } from '../Dropdown';
-
-export interface OptionsMenuToggleProps extends React.HTMLProps<HTMLButtonElement> {
-  /** Id of the parent options menu component */
-  parentId?: string;
-  /** Callback for when this options menu is toggled */
-  onToggle?: (
-    event: MouseEvent | TouchEvent | KeyboardEvent | React.KeyboardEvent<any> | React.MouseEvent<HTMLButtonElement>,
-    isOpen: boolean
-  ) => void;
-  /** Flag to indicate if menu is open */
-  isOpen?: boolean;
-  /** Flag to indicate if the button is plain */
-  isPlain?: boolean;
-  isSplitButton?: boolean;
-  /** Forces display of the active state of the options menu */
-  isActive?: boolean;
-  /** Disables the options menu toggle */
-  isDisabled?: boolean;
-  /** hide the toggle caret */
-  hideCaret?: boolean;
-  /** Provides an accessible name for the button when an icon is used instead of text */
-  'aria-label'?: string;
-  /** @hide Internal function to implement enter click */
-  onEnter?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  /** @hide Internal parent reference */
-  parentRef?: HTMLElement;
-  /** Content to be rendered in the options menu toggle button */
-  toggleTemplate?: React.ReactNode;
-}
-
-export const OptionsMenuToggle: React.FunctionComponent<OptionsMenuToggleProps> = ({
-  isPlain = false,
-  isDisabled = false,
-  isOpen = false,
-  parentId = '',
-  toggleTemplate = <React.Fragment />,
-  hideCaret = false,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  isActive = false,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  isSplitButton = false,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  type,
-  'aria-label': ariaLabel = 'Options menu',
-  ...props
-}: OptionsMenuToggleProps) => (
-  <DropdownContext.Consumer>
-    {({ id: contextId }) => (
-      <DropdownToggle
-        {...((isPlain || hideCaret) && { toggleIndicator: null })}
-        {...props}
-        isPlain={isPlain}
-        isOpen={isOpen}
-        isDisabled={isDisabled}
-        isActive={isActive}
-        id={parentId ? `${parentId}-toggle` : `${contextId}-toggle`}
-        aria-haspopup="listbox"
-        aria-label={ariaLabel}
-        aria-expanded={isOpen}
-        {...(toggleTemplate ? { children: toggleTemplate } : {})}
-      />
-    )}
-  </DropdownContext.Consumer>
-);
-OptionsMenuToggle.displayName = 'OptionsMenuToggle';

package/src/deprecated/components/OptionsMenu/OptionsMenuToggleWithText.tsx

@@ -1,146 +0,0 @@
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import { KeyTypes } from '../../../helpers/constants';
-import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu';
-import { DropdownContext } from '../Dropdown';
-
-export interface OptionsMenuToggleWithTextProps extends React.HTMLProps<HTMLDivElement> {
-  /** Id of the parent options menu component */
-  parentId?: string;
-  /** Content to be rendered inside the options menu toggle as text or another non-interactive element */
-  toggleText: React.ReactNode;
-  /** classes to be added to the options menu toggle text */
-  toggleTextClassName?: string;
-  /** Content to be rendered inside the options menu toggle button */
-  toggleButtonContents?: React.ReactNode;
-  /** Classes to be added to the options menu toggle button */
-  toggleButtonContentsClassName?: string;
-  /** Callback for when this options menu is toggled */
-  onToggle?: (
-    event: MouseEvent | TouchEvent | KeyboardEvent | React.KeyboardEvent<any> | React.MouseEvent<HTMLButtonElement>,
-    isOpen: boolean
-  ) => void;
-  /** Inner function to indicate open on Enter */
-  onEnter?: (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<Element>) => void;
-  /** Flag to indicate if menu is open */
-  isOpen?: boolean;
-  /** Flag to indicate if the button is plain */
-  isPlain?: boolean;
-  /** Forces display of the active state of the options menu button */
-  isActive?: boolean;
-  /** Disables the options menu toggle */
-  isDisabled?: boolean;
-  /** @hide Internal parent reference */
-  parentRef?: React.RefObject<HTMLElement>;
-  /** Indicates that the element has a popup context menu or sub-level menu */
-  'aria-haspopup'?: boolean | 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid';
-  /** Provides an accessible name for the button when an icon is used instead of text */
-  'aria-label'?: string;
-  /** @hide Display the toggle in text only mode. */
-  isText?: boolean;
-  /** @hide The menu element */
-  getMenuRef?: () => HTMLElement;
-}
-
-export const OptionsMenuToggleWithText: React.FunctionComponent<OptionsMenuToggleWithTextProps> = ({
-  parentId = '',
-  toggleText,
-  toggleTextClassName = '',
-  toggleButtonContents,
-  toggleButtonContentsClassName = '',
-  onToggle = () => null as any,
-  isOpen = false,
-  isPlain = false,
-  /* eslint-disable @typescript-eslint/no-unused-vars */
-  isText = true,
-  isDisabled = false,
-  /* eslint-disable @typescript-eslint/no-unused-vars */
-  isActive = false,
-  'aria-haspopup': ariaHasPopup,
-  parentRef,
-  /* eslint-disable @typescript-eslint/no-unused-vars */
-  getMenuRef,
-  onEnter,
-  /* eslint-enable @typescript-eslint/no-unused-vars */
-  'aria-label': ariaLabel = 'Options menu',
-  ...props
-}: OptionsMenuToggleWithTextProps) => {
-  const buttonRef = React.useRef<HTMLButtonElement>();
-
-  React.useEffect(() => {
-    document.addEventListener('mousedown', onDocClick);
-    document.addEventListener('touchstart', onDocClick);
-    document.addEventListener('keydown', onEscPress);
-    return () => {
-      document.removeEventListener('mousedown', onDocClick);
-      document.removeEventListener('touchstart', onDocClick);
-      document.removeEventListener('keydown', onEscPress);
-    };
-  });
-
-  const onDocClick = (event: MouseEvent | TouchEvent) => {
-    if (isOpen && parentRef && parentRef.current && !parentRef.current.contains(event.target as Node)) {
-      onToggle(event, false);
-      buttonRef.current.focus();
-    }
-  };
-
-  const onKeyDown = (event: React.KeyboardEvent<any>) => {
-    if (event.key === 'Tab' && !isOpen) {
-      return;
-    }
-    event.preventDefault();
-    if ((event.key === 'Enter' || event.key === ' ') && isOpen) {
-      onToggle(event, !isOpen);
-    } else if ((event.key === 'Enter' || event.key === ' ') && !isOpen) {
-      onToggle(event, !isOpen);
-      onEnter(event);
-    }
-  };
-
-  const onEscPress = (event: KeyboardEvent) => {
-    if (
-      isOpen &&
-      (event.key === KeyTypes.Escape || event.key === 'Tab') &&
-      parentRef &&
-      parentRef.current &&
-      parentRef.current.contains(event.target as Node)
-    ) {
-      onToggle(event, false);
-      buttonRef.current.focus();
-    }
-  };
-
-  return (
-    <DropdownContext.Consumer>
-      {({ id: contextId }) => (
-        <div
-          className={css(
-            styles.optionsMenuToggle,
-            styles.modifiers.text,
-            isPlain && styles.modifiers.plain,
-            isDisabled && styles.modifiers.disabled,
-            isActive && styles.modifiers.active
-          )}
-          {...props}
-        >
-          <span className={css(styles.optionsMenuToggleText, toggleTextClassName)}>{toggleText}</span>
-          <button
-            className={css(styles.optionsMenuToggleButton, toggleButtonContentsClassName)}
-            id={parentId ? `${parentId}-toggle` : `${contextId}-toggle`}
-            aria-haspopup="listbox"
-            aria-label={ariaLabel}
-            aria-expanded={isOpen}
-            ref={buttonRef}
-            disabled={isDisabled}
-            onClick={(event) => onToggle(event, !isOpen)}
-            onKeyDown={onKeyDown}
-          >
-            <span className={css(styles.optionsMenuToggleButtonIcon)}>{toggleButtonContents}</span>
-          </button>
-        </div>
-      )}
-    </DropdownContext.Consumer>
-  );
-};
-OptionsMenuToggleWithText.displayName = 'OptionsMenuToggleWithText';

package/src/deprecated/components/OptionsMenu/__tests__/Generated/OptionsMenuItem.test.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-
-import { render } from '@testing-library/react';
-
-import { OptionsMenuItem } from '../../OptionsMenuItem';
-import { DropdownArrowContext } from '../../../Dropdown';
-
-describe('OptionsMenuItem', () => {
-  it('should match snapshot', () => {
-    const { asFragment } = render(
-      <DropdownArrowContext.Provider value={{ sendRef: jest.fn(), keyHandler: undefined }}>
-        <OptionsMenuItem
-          children={<>ReactNode</>}
-          className={'string'}
-          isSelected={false}
-          isDisabled={true}
-          onSelect={() => null as any}
-          id={"''"}
-        />{' '}
-      </DropdownArrowContext.Provider>
-    );
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/src/deprecated/components/OptionsMenu/__tests__/Generated/OptionsMenuItemGroup.test.tsx

@@ -1,21 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { OptionsMenuItemGroup } from '../../OptionsMenuItemGroup';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('OptionsMenuItemGroup should match snapshot (auto-generated)', () => {
-  const { asFragment } = render(
-    <OptionsMenuItemGroup
-      children={<>ReactNode</>}
-      className={"''"}
-      aria-label={"''"}
-      groupTitle={''}
-      hasSeparator={false}
-    />
-  );
-  expect(asFragment()).toMatchSnapshot();
-});