@patternfly/react-core 5.0.0-alpha.47 → 5.0.0-alpha.49

package/src/deprecated/components/Dropdown/__tests__/__snapshots__/DropdownGroup.test.tsx.snap

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`dropdown groups basic render 1`] = `
+<DocumentFragment>
+  <section
+    class=""
+  >
+    <h1
+      aria-hidden="true"
+      class=""
+    >
+      Group 1
+    </h1>
+    <ul
+      role="none"
+    >
+      Something
+    </ul>
+  </section>
+</DocumentFragment>
+`;

package/src/{components → deprecated/components}/Dropdown/dropdownConstants.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { OUIAProps } from '../../helpers';
+import { OUIAProps } from '../../../helpers';
 
 export enum DropdownPosition {
   right = 'right',

package/src/deprecated/components/Dropdown/examples/Dropdown.md

@@ -0,0 +1,212 @@
+---
+id: Dropdown
+section: components
+subsection: menus
+cssPrefix: pf-c-dropdown
+propComponents:
+  [
+    'Dropdown',
+    'DropdownGroup',
+    'DropdownItem',
+    'DropdownToggle',
+    'DropdownToggleCheckbox',
+    'DropdownToggleAction',
+    DropdownSeparator
+  ]
+ouia: true
+---
+
+import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
+import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
+import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
+import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
+import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
+import { Link } from '@reach/router';
+import avatarImg from '../../../../components/Avatar/examples/avatarImg.svg';
+
+## Examples
+
+### Basic dropdowns
+
+Basic dropdowns present users with a menu of items upon clicking a dropdown toggle. The `isOpen` property is used to determine whether the menu is opened or not.
+
+All of the items in a dropdown list are created as `<DropdownItem>` components. The following example shows a few different states of dropdown items. As shown in this example, dropdown items may:
+
+- Use the `tooltip` property to enable tooltip support.
+- Use the `isDisabled` property to disable an item.
+- Use the `isAriaDisabled` property to style an item as disabled, while still allowing the item to receive keyboard focus and display a tooltip.
+
+This example also uses a `<DropdownSeparator>`, which adds a horizontal line that splits the menu into 2 sections.
+
+```ts file='./DropdownBasic.tsx'
+
+```
+
+### Autofocus on dropdown expansion
+
+A `<DropdownItem>` may use the `autoFocus` property so that it automatically receives focus when the menu is expanded. `autoFocus` cannot be applied to disabled dropdown items.
+
+```ts file="./DropdownInitialSelection.tsx"
+
+```
+
+### With groups of items
+
+Use the `<DropdownGroup>` component to group sets of related dropdown items together. Use the `isGrouped` property on the `Dropdown` component to indicate that a dropdown contains grouped items.
+
+```ts file="./DropdownGroups.tsx"
+
+```
+
+### With item descriptions
+
+A `<DropdownItem>` may use the `description` property to provide users with more context. This description will appear in the menu below the dropdown item it corresponds to.
+
+```ts file="./DropdownDescriptions.tsx"
+
+```
+
+### With custom content
+
+You may replace standard dropdown items with custom content. If so, you must style the menu contents and manage focus within your custom implementation.
+
+```ts file="./DropdownBasicPanel.tsx"
+
+```
+
+### With router link items
+
+`<DropdownItem>` may use the `component` property to include router links.
+
+```ts file="./DropdownRouterLink.tsx"
+
+```
+
+### Toggle styling
+
+You can adjust the styling of a `<DropdownToggle>` using the `toggleVariant` property. `toggleVariant` may be set to 'primary', 'secondary', or 'default'.
+
+```ts file="./DropdownPrimaryToggle.tsx"
+
+```
+
+### Plain text toggle
+
+A toggle may be styled as plain text using the `isText` and `isPlain`properties. The following example applies these properties to a `<Dropdown>` component.
+
+```ts file="./DropdownPlainTextToggle.tsx"
+
+```
+
+### Disabled toggles
+
+A `<DropdownToggle>` may use the `isDisabled` property to disable the expansion of the dropdown menu.
+
+```ts file="./DropdownDisabled.tsx"
+
+```
+
+### Icon toggle
+
+`<DropdownToggle>` may use a recognizable icon instead of a text label if text would take up too much room. Set the `toggleIndicator` property to `{null}` to remove the default dropdown toggle caret.
+
+```ts file="./DropdownIconOnly.tsx"
+
+```
+
+### Kebab toggle
+
+Use `<KebabToggle>` to replace the default text label and caret with a kebab icon. A kebab toggle can be used to indicate that a dropdown connects to a menu.
+
+```ts file="./DropdownKebab.tsx"
+
+```
+
+### Toggle with image
+
+The `icon` property can be used to display an image in the `DropdownToggle` and can be used alongside a text label.
+
+```ts file="./DropdownImageAndText.tsx"
+
+```
+
+### Toggle with badge
+
+You may use a `<BadgeToggle>` to display the number of dropdown menu items.
+
+```ts file="./DropdownBadge.tsx"
+
+```
+
+### Split button (checkbox)
+
+To combine an action button or other control with a dropdown menu, use a split button. A `<DropdownToggle>` can be rendered as a split button by using the `splitButtonItems` property. Elements to be displayed before the toggle button must be included in `splitButtonItems`.
+
+The following example shows a split button with a `<DropdownToggleCheckbox>`, which is primarily used for bulk select operations on large data sets.
+
+```ts file="./DropdownSplitButton.tsx"
+
+```
+
+### Split button (checkbox with toggle text)
+
+Text labels may optionally be used alongside actions within split buttons.
+
+```ts file="./DropdownSplitButtonText.tsx"
+
+```
+
+### Split button (progress checkbox)
+
+The `isInProgress` property can be used to indicate a progress state by rendering a spinner in place of a checkbox.
+
+```ts isBeta file="./DropdownSplitButtonProgressCheckbox.tsx"
+
+```
+
+### Split button toggle variants
+
+Use the `toggleVariant` and `splitButtonVariant` properties to adjust the styling of split button toggles.
+
+The following example uses `toggleVariant="primary"` to apply primary visual styling and `splitButtonVariant="action"` to include an action.
+
+```ts file="./DropdownSplitButtonActionPrimary.tsx"
+
+```
+
+### Dropdown alignment
+
+The alignment of a dropdown menu may be changed to better fit the size of a user's browser window. A `<Dropdown>` may use the `alignments` property to indicate how the menu will align at different screen sizes.
+
+```ts file="./DropdownAlignmentOnBreakpoints.tsx"
+
+```
+
+### Right-positioned menu
+
+The following example demonstrates a `<Dropdown>` with a `position` equal to 'right'. By default, a dropdown menu is left-positioned, but a right-positioned menu may work better depending on where your dropdown is placed on a page.
+
+```ts file="./DropdownPositionRight.tsx"
+
+```
+
+### Upwards directional menu
+
+The following example demonstrates a `<Dropdown>` with a `direction` equal to 'up'. This will alter the default menu behavior so that the dropdown menu is displayed above the dropdown toggle.
+
+```ts file="./DropdownDirectionUp.tsx"
+
+```
+
+### Using document parent element
+
+Avoid passing in `document.body` to a `<Dropdown>` `menuAppendTo` property. Doing so can cause accessibility issues, such as being unable to navigate `<Dropdown>` options using keyboards or screen readers.
+
+Instead, append to ‘parent’ to avoid sacrificing accessibility.
+
+The following example demonstrates both methods of appending. After making a selection, both dropdowns retain focus on their respective `<Dropdown>`, but the options for the `document.body` variant cannot be navigated via Voice Over.
+
+```ts file="./DropdownAppendBodyVsParent.tsx"
+
+```

package/src/{components → deprecated/components}/Dropdown/examples/DropdownAlignmentOnBreakpoints.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
 
 export const DropdownAlignmentOnBreakpoints: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownAppendBodyVsParent.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator, Flex } from '@patternfly/react-core';
+import { Flex } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
 
 export const DropdownAppendBodyVsParent: React.FunctionComponent = () => {
   const [isBodyOpen, setIsBodyOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownBadge.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownItem, BadgeToggle } from '@patternfly/react-core';
+import { Dropdown, DropdownItem, BadgeToggle } from '@patternfly/react-core/deprecated';
 import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
 
 export const DropdownBadge: React.FunctionComponent = () => {

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
+
+export const DropdownBasic: React.FunctionComponent = () => {
+  const [isOpen, setIsOpen] = React.useState(false);
+
+  const onToggle = (_event: any, isOpen: boolean) => {
+    setIsOpen(isOpen);
+  };
+
+  const onFocus = () => {
+    const element = document.getElementById('toggle-basic');
+    element?.focus();
+  };
+
+  const onSelect = () => {
+    setIsOpen(false);
+    onFocus();
+  };
+
+  const dropdownItems = [
+    <DropdownItem key="link" tooltip="Tooltip for enabled link">
+      Link
+    </DropdownItem>,
+    <DropdownItem key="action" component="button" tooltip="Tooltip for enabled 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 id="toggle-basic" onToggle={onToggle}>
+          Dropdown
+        </DropdownToggle>
+      }
+      isOpen={isOpen}
+      dropdownItems={dropdownItems}
+    />
+  );
+};

package/src/{components → deprecated/components}/Dropdown/examples/DropdownBasicPanel.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle } from '@patternfly/react-core/deprecated';
 
 export const DropdownBasicPanel: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownDescriptions.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem } from '@patternfly/react-core/deprecated';
 import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
 import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
 

package/src/{components → deprecated/components}/Dropdown/examples/DropdownDirectionUp.tsx

@@ -1,5 +1,11 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator, DropdownDirection } from '@patternfly/react-core';
+import {
+  Dropdown,
+  DropdownToggle,
+  DropdownItem,
+  DropdownSeparator,
+  DropdownDirection
+} from '@patternfly/react-core/deprecated';
 
 export const DropdownDirectionUp: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownDisabled.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
 
 export const DropdownDisabled: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownGroups.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownGroup, DropdownItem } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownGroup, DropdownItem } from '@patternfly/react-core/deprecated';
 
 export const DropdownGroups: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownIconOnly.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
 import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
 
 export const DropdownIconOnly: React.FunctionComponent = () => {

package/src/{components → deprecated/components}/Dropdown/examples/DropdownImageAndText.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
+import { Avatar } from '@patternfly/react-core';
 import {
-  Avatar,
   Dropdown,
   DropdownGroup,
   DropdownToggle,
   DropdownItem,
   DropdownSeparator
-} from '@patternfly/react-core';
-import avatarImg from '../../Avatar/examples/avatarImg.svg';
+} from '@patternfly/react-core/deprecated';
+import avatarImg from '../../../../components/Avatar/examples/avatarImg.svg';
 
 export const DropdownImageAndText: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownInitialSelection.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
 
 export const DropdownInitialSelection: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownKebab.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownItem, DropdownSeparator, KebabToggle } from '@patternfly/react-core';
+import { Dropdown, DropdownItem, DropdownSeparator, KebabToggle } from '@patternfly/react-core/deprecated';
 
 export const DropdownKebab: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownPlainTextToggle.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
 
 export const DropdownPlainTextToggle: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownPositionRight.tsx

@@ -1,5 +1,11 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator, DropdownPosition } from '@patternfly/react-core';
+import {
+  Dropdown,
+  DropdownToggle,
+  DropdownItem,
+  DropdownSeparator,
+  DropdownPosition
+} from '@patternfly/react-core/deprecated';
 
 export const DropdownPositionRight: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownPrimaryToggle.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
 
 export const DropdownPrimaryToggle: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownRouterLink.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem } from '@patternfly/react-core/deprecated';
 import { Link } from '@reach/router';
 
 export const DropdownRouterLink: React.FunctionComponent = () => {

package/src/{components → deprecated/components}/Dropdown/examples/DropdownSecondaryToggle.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
 
 export const DropdownPrimaryToggle: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownSplitButton.tsx

@@ -5,7 +5,7 @@ import {
   DropdownToggleCheckbox,
   DropdownItem,
   DropdownSeparator
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/deprecated';
 
 export const DropdownSplitButton: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownSplitButtonAction.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownToggleAction, DropdownItem } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownToggleAction, DropdownItem } from '@patternfly/react-core/deprecated';
 import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
 import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
 import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';

package/src/{components → deprecated/components}/Dropdown/examples/DropdownSplitButtonActionPrimary.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownToggleAction, DropdownItem } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownToggleAction, DropdownItem } from '@patternfly/react-core/deprecated';
 import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
 import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
 import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';

package/src/{components → deprecated/components}/Dropdown/examples/DropdownSplitButtonActionSecondary.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dropdown, DropdownToggle, DropdownToggleAction, DropdownItem } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownToggleAction, DropdownItem } from '@patternfly/react-core/deprecated';
 import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
 import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
 import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';

package/src/{components → deprecated/components}/Dropdown/examples/DropdownSplitButtonDisabled.tsx

@@ -5,7 +5,7 @@ import {
   DropdownToggleCheckbox,
   DropdownItem,
   DropdownSeparator
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/deprecated';
 
 export const DropdownSplitButtonDisabled: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownSplitButtonProgressCheckbox.tsx

@@ -5,7 +5,7 @@ import {
   DropdownToggleCheckbox,
   DropdownItem,
   DropdownSeparator
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/deprecated';
 
 export const DropdownSplitButtonProgressCheckbox: React.FunctionComponent = () => {
   const [isOpen1, setIsOpen1] = React.useState(false);

package/src/{components → deprecated/components}/Dropdown/examples/DropdownSplitButtonText.tsx

@@ -5,7 +5,7 @@ import {
   DropdownToggleCheckbox,
   DropdownItem,
   DropdownSeparator
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/deprecated';
 
 export const DropdownSplitButtonText: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);

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

@@ -0,0 +1,12 @@
+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,7 +1,7 @@
 import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu';
-import { DropdownContext } from '../../../components/Dropdown';
-import { DropdownWithContext } from '../../../components/Dropdown/DropdownWithContext';
+import { DropdownContext } from '../Dropdown';
+import { DropdownWithContext } from '../Dropdown/DropdownWithContext';
 import { OUIAProps, useOUIAId } from '../../../helpers';
 
 export enum OptionsMenuPosition {

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

@@ -1,7 +1,7 @@
 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 '../../../components/Dropdown';
+import { DropdownItem } from '../Dropdown';
 import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
 
 export interface OptionsMenuItemProps

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownToggle, DropdownContext } from '../../../components/Dropdown';
+import { DropdownToggle, DropdownContext } from '../Dropdown';
 
 export interface OptionsMenuToggleProps extends React.HTMLProps<HTMLButtonElement> {
   /** Id of the parent options menu component */

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

@@ -2,7 +2,7 @@ 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 '../../../components/Dropdown';
+import { DropdownContext } from '../Dropdown';
 
 export interface OptionsMenuToggleWithTextProps extends React.HTMLProps<HTMLDivElement> {
   /** Id of the parent options menu component */
@@ -133,7 +133,7 @@ export const OptionsMenuToggleWithText: React.FunctionComponent<OptionsMenuToggl
             aria-expanded={isOpen}
             ref={buttonRef}
             disabled={isDisabled}
-            onClick={event => onToggle(event, !isOpen)}
+            onClick={(event) => onToggle(event, !isOpen)}
             onKeyDown={onKeyDown}
           >
             <span className={css(styles.optionsMenuToggleButtonIcon)}>{toggleButtonContents}</span>

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 
 import { OptionsMenuItem } from '../../OptionsMenuItem';
-import { DropdownArrowContext } from '../../../../../components/Dropdown';
+import { DropdownArrowContext } from '../../../Dropdown';
 
 describe('OptionsMenuItem', () => {
   it('should match snapshot', () => {

package/src/deprecated/components/OptionsMenu/examples/OptionsMenu.md

@@ -1,6 +1,7 @@
 ---
 id: Options menu
 section: components
+subsection: menus
 cssPrefix: pf-c-options-menu
 propComponents: ['OptionsMenu', 'OptionsMenuItem', 'OptionsMenuSeparator', 'OptionsMenuToggle', 'OptionsMenuToggleWithText']
 ouia: true

package/src/deprecated/components/index.ts

@@ -1,2 +1,3 @@
+export * from './Dropdown';
 export * from './OptionsMenu';
 export * from './ContextSelector';

package/src/next/components/Select/examples/Select.md

@@ -1,6 +1,7 @@
 ---
 id: Select
 section: components
+subsection: menus
 cssPrefix: pf-c-menu
 propComponents: ['Select', SelectGroup, 'SelectOption', 'SelectList']
 beta: true

package/src/next/components/index.ts

@@ -1,3 +1,2 @@
-export * from './Dropdown';
 export * from './Select';
 export * from './Wizard';

package/dist/esm/components/Dropdown/BadgeToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/BadgeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB;IAC3D,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC/G,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,iCAAiC;IACjC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAuCjE,CAAC"}

package/dist/esm/components/Dropdown/BadgeToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeToggle.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/BadgeToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAE/E,OAAO,aAAa,MAAM,wDAAwD,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAoC7C,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAiBpD,EAAE,EAAE;QAjBgD,EACrE,EAAE,GAAG,EAAE,EACP,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,EAC7B,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,KAAK,EACd,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,GAAG,EAAE,CAAC,SAAiB;IAClC,6DAA6D;IAC7D,GAAG,OAEc,EAFZ,4EAA4E;IAC9E,KAAK,cAhB6D,uKAiBtE,CADS;IACc,OAAA,CACtB,oBAAC,MAAM,kBACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,gBACF,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAAI,IAAI,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IACpB,KAAK;QAET,oBAAC,KAAK,oBAAK,UAAU;YAClB,QAAQ;YACT,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;gBAC7C,oBAAC,aAAa,OAAG,CACZ,CACD,CACD,CACV,CAAA;CAAA,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}