diff --git a/packages/react-core/src/components/Menu/examples/Menu.md b/packages/react-core/src/components/Menu/examples/Menu.md index cc8142926d2..8e73ca06fc0 100644 --- a/packages/react-core/src/components/Menu/examples/Menu.md +++ b/packages/react-core/src/components/Menu/examples/Menu.md @@ -38,9 +38,9 @@ import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-ico ```ts file="./MenuWithCheckbox.tsx" ``` -### Filtering with text input +### Filtering with search input -```ts file="MenuFilteringWithTextInput.tsx" +```ts file="MenuFilteringWithSearchInput.tsx" ``` ### With links diff --git a/packages/react-core/src/components/Menu/examples/MenuFilteringWithTextInput.tsx b/packages/react-core/src/components/Menu/examples/MenuFilteringWithSearchInput.tsx similarity index 85% rename from packages/react-core/src/components/Menu/examples/MenuFilteringWithTextInput.tsx rename to packages/react-core/src/components/Menu/examples/MenuFilteringWithSearchInput.tsx index 4e8f32e2453..6571d536663 100644 --- a/packages/react-core/src/components/Menu/examples/MenuFilteringWithTextInput.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuFilteringWithSearchInput.tsx @@ -1,7 +1,7 @@ import React from 'react'; -import { Menu, MenuList, MenuItem, MenuContent, MenuInput, TextInput, Divider } from '@patternfly/react-core'; +import { Menu, MenuList, MenuItem, MenuContent, MenuInput, Divider, SearchInput } from '@patternfly/react-core'; -export const MenuFilteringWithTextInput: React.FunctionComponent = () => { +export const MenuFilteringWithSearchInput: React.FunctionComponent = () => { const [activeItem, setActiveItem] = React.useState(0); const [input, setInput] = React.useState(''); @@ -35,10 +35,9 @@ export const MenuFilteringWithTextInput: React.FunctionComponent = () => { return ( - handleTextInputChange(value)} /> diff --git a/packages/react-core/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx b/packages/react-core/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx index 6ef23c750fb..91787396069 100644 --- a/packages/react-core/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx +++ b/packages/react-core/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx @@ -10,7 +10,7 @@ import { Popper, Tooltip, Divider, - TextInput + SearchInput } from '@patternfly/react-core'; import { Link } from '@reach/router'; import ThIcon from '@patternfly/react-icons/dist/js/icons/th-icon'; @@ -250,12 +250,7 @@ export const ComposableApplicationLauncher: React.FunctionComponent = () => { // eslint-disable-next-line no-console console.log('selected', itemId)}> - onTextChange(value)} - /> + onTextChange(value)} /> diff --git a/packages/react-core/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx b/packages/react-core/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx index a2def27500d..ac62864084a 100644 --- a/packages/react-core/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx +++ b/packages/react-core/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx @@ -9,10 +9,10 @@ import { MenuInput, Popper, Divider, - TextInput, InputGroup, Button, - ButtonVariant + ButtonVariant, + SearchInput } from '@patternfly/react-core'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; @@ -160,7 +160,7 @@ export const ComposableContextSelector: React.FunctionComponent = () => { > - { .first() .should('have.class', 'pf-c-menu__search'); - cy.get('.pf-c-form-control.pf-m-search').type('Action 1'); + cy.get('.pf-c-text-input-group__text-input').type('Action 1'); cy.get('#filtered-items.pf-c-menu__list-item') .last() diff --git a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDemo.tsx index 8991c3337de..cecf01aacd4 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDemo.tsx @@ -12,10 +12,10 @@ import { MenuItemAction, MenuContent, MenuInput, - TextInput, MenuFooter, Button, - Spinner + Spinner, + SearchInput } from '@patternfly/react-core'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -258,10 +258,9 @@ export class MenuDemo extends Component { - this.handleTextInputChange(value, 'input')} />