@patternfly/react-core 5.0.0-alpha.59 → 5.0.0-alpha.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.0.0-alpha.59",
+  "version": "5.0.0-alpha.60",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -70,5 +70,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "3eacdfd9af09ad538b0293e0452bbe7bfb72cec2"
+  "gitHead": "038b6538ed188352d87d62c1ab21503e879432ab"
 }

package/src/components/DatePicker/DatePicker.tsx

@@ -10,6 +10,7 @@ import { CalendarMonth, CalendarFormat } from '../CalendarMonth';
 import { useImperativeHandle } from 'react';
 import { KeyTypes } from '../../helpers';
 import { isValidDate } from '../../helpers/datetimeUtils';
+import { HelperText, HelperTextItem } from '../HelperText';
 
 /** The main date picker component. */
 
@@ -33,7 +34,7 @@ export interface DatePickerProps
   dateFormat?: (date: Date) => string;
   /** How to format the date in the text input. */
   dateParse?: (value: string) => Date;
-  /** Helper text to display alongside the date picker. */
+  /** Helper text to display alongside the date picker. Expects a HelperText component. */
   helperText?: React.ReactNode;
   /** Additional props for the text input. */
   inputProps?: TextInputProps;
@@ -273,7 +274,13 @@ const DatePickerBase = (
         </div>
       </Popover>
       {helperText && <div className={styles.datePickerHelperText}>{helperText}</div>}
-      {errorText.trim() && <div className={css(styles.datePickerHelperText)}>{errorText}</div>}
+      {errorText.trim() && (
+        <div className={styles.datePickerHelperText}>
+          <HelperText>
+            <HelperTextItem variant="error">{errorText}</HelperTextItem>
+          </HelperText>
+        </div>
+      )}
     </div>
   );
 };

package/src/components/DatePicker/examples/DatePickerHelperText.tsx

@@ -1,6 +1,13 @@
 import React from 'react';
-import { DatePicker } from '@patternfly/react-core';
+import { DatePicker, HelperText, HelperTextItem } from '@patternfly/react-core';
 
 export const DatePickerHelperText: React.FunctionComponent = () => (
-  <DatePicker value="2020-03-05" helperText="Select a date." />
+  <DatePicker
+    value="2020-03-05"
+    helperText={
+      <HelperText>
+        <HelperTextItem>Select a date.</HelperTextItem>
+      </HelperText>
+    }
+  />
 );

package/src/components/Menu/Menu.tsx

@@ -18,13 +18,6 @@ export interface MenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'r
   selected?: any | any[];
   /** Callback called when an MenuItems's action button is clicked. You can also specify it within a MenuItemAction. */
   onActionClick?: (event?: any, itemId?: any, actionId?: any) => void;
-  /** Search input of menu */
-  hasSearchInput?: boolean;
-  /** A callback for when the input value changes. */
-  onSearchInputChange?: (
-    event: React.FormEvent<HTMLInputElement> | React.SyntheticEvent<HTMLButtonElement>,
-    value: string
-  ) => void;
   /** @beta Indicates if menu contains a flyout menu */
   containsFlyout?: boolean;
   /** @beta Indicating that the menu should have nav flyout styling */
@@ -72,7 +65,6 @@ export interface MenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'r
 }
 
 export interface MenuState {
-  searchInputValue: string | null;
   ouiaStateId: string;
   transitionMoveTarget: HTMLElement;
   flyoutRef: React.Ref<HTMLLIElement> | null;
@@ -103,7 +95,6 @@ class MenuBase extends React.Component<MenuProps, MenuState> {
 
   state: MenuState = {
     ouiaStateId: getDefaultOUIAId(Menu.displayName),
-    searchInputValue: '',
     transitionMoveTarget: null,
     flyoutRef: null,
     disableHover: false,
@@ -174,7 +165,7 @@ class MenuBase extends React.Component<MenuProps, MenuState> {
       }
 
       const nextTarget = nextMenuChildren.filter(
-        el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider'))
+        (el) => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider'))
       )[0].firstChild;
 
       (nextTarget as HTMLElement).focus();
@@ -216,7 +207,7 @@ class MenuBase extends React.Component<MenuProps, MenuState> {
           if (activeElement.nextElementSibling && activeElement.nextElementSibling.classList.contains('pf-c-menu')) {
             const childItems = Array.from(
               activeElement.nextElementSibling.getElementsByTagName('UL')[0].children
-            ).filter(el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider')));
+            ).filter((el) => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider')));
 
             (activeElement as HTMLElement).tabIndex = -1;
             (childItems[0].firstChild as HTMLElement).tabIndex = 0;
@@ -234,13 +225,13 @@ class MenuBase extends React.Component<MenuProps, MenuState> {
     if (isDrilldown) {
       return this.activeMenu
         ? Array.from(this.activeMenu.getElementsByTagName('UL')[0].children).filter(
-            el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider'))
+            (el) => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider'))
           )
         : [];
     } else {
       return this.menuRef.current
         ? Array.from(this.menuRef.current.getElementsByTagName('LI')).filter(
-            el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider'))
+            (el) => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider'))
           )
         : [];
     }
@@ -293,7 +284,7 @@ class MenuBase extends React.Component<MenuProps, MenuState> {
           onDrillOut,
           onGetMenuHeight,
           flyoutRef: this.state.flyoutRef,
-          setFlyoutRef: flyoutRef => this.setState({ flyoutRef }),
+          setFlyoutRef: (flyoutRef) => this.setState({ flyoutRef }),
           disableHover: this.state.disableHover,
           role
         }}
@@ -306,11 +297,11 @@ class MenuBase extends React.Component<MenuProps, MenuState> {
             isActiveElement={(element: Element) =>
               document.activeElement.closest('li') === element || // if element is a basic MenuItem
               document.activeElement.parentElement === element ||
-              document.activeElement.closest('.pf-c-menu__search') === element || // if element is a MenuInput
+              document.activeElement.closest('.pf-c-menu__search') === element || // if element is a MenuSearch
               (document.activeElement.closest('ol') && document.activeElement.closest('ol').firstChild === element)
             }
             getFocusableElement={(navigableElement: Element) =>
-              (navigableElement.tagName === 'DIV' && navigableElement.querySelector('input')) || // for MenuInput
+              (navigableElement.tagName === 'DIV' && navigableElement.querySelector('input')) || // for MenuSearchInput
               ((navigableElement.firstChild as Element).tagName === 'LABEL' &&
                 navigableElement.querySelector('input')) || // for MenuItem checkboxes
               (navigableElement.firstChild as Element)

package/src/components/Menu/{MenuInput.tsx → MenuSearch.tsx}

@@ -2,14 +2,14 @@ import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/Menu/menu';
 import { css } from '@patternfly/react-styles';
 
-export interface MenuInputProps extends React.HTMLProps<HTMLElement> {
-  /** Items within input */
+export interface MenuSearchProps extends React.HTMLProps<HTMLElement> {
+  /** Items within search */
   children?: React.ReactNode;
   /** @hide Forwarded ref */
   innerRef?: React.Ref<any>;
 }
 
-export const MenuInput = React.forwardRef((props: MenuInputProps, ref: React.Ref<HTMLDivElement>) => (
+export const MenuSearch = React.forwardRef((props: MenuSearchProps, ref: React.Ref<HTMLDivElement>) => (
   <div {...props} className={css(styles.menuSearch, props.className)} ref={ref} />
 ));
-MenuInput.displayName = 'MenuInput';
+MenuSearch.displayName = 'MenuSearch';

package/src/components/Menu/MenuSearchInput.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+
+export interface MenuSearchInputProps extends React.HTMLProps<HTMLElement> {
+  /** Items within input */
+  children?: React.ReactNode;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<any>;
+}
+
+export const MenuSearchInput = React.forwardRef((props: MenuSearchInputProps, ref: React.Ref<HTMLDivElement>) => (
+  // Update to use the styles object when core adds the class
+  <div {...props} className={css('pf-c-menu__search-input', props.className)} ref={ref} />
+));
+MenuSearchInput.displayName = 'MenuSearchInput';

package/src/components/Menu/examples/Menu.md

@@ -3,7 +3,7 @@ id: Menu
 section: components
 subsection: menus
 cssPrefix: pf-c-menu
-propComponents: ['Menu', 'MenuList', 'MenuItem', 'MenuItemAction', 'MenuContent', 'MenuInput', 'MenuGroup']
+propComponents: ['Menu', 'MenuList', 'MenuItem', 'MenuItemAction', 'MenuContent', 'MenuSearch', 'MenuSearchInput', 'MenuGroup']
 ouia: true
 ---
 
@@ -123,7 +123,7 @@ The following menu example allows users to favorite menu items, an action that d
 
 ### Filtering with search input
 
-A [search input](/components/search-input) component can be placed within `<MenuInput>` to render a search input at the top of the menu. In the following example, the `onChange` property of the text input is passed a callback that filters menu items as a user types.
+A [search input](/components/search-input) component can be placed within `<MenuSearch>` and `<MenuSearchInput>` to render a search input at the top of the menu. In the following example, the `onChange` property of the text input is passed a callback that filters menu items as a user types.
 
 ```ts file="MenuFilteringWithSearchInput.tsx"
 

package/src/components/Menu/examples/MenuFilterDrilldown.tsx

@@ -6,7 +6,8 @@ import {
   MenuItem,
   Divider,
   DrilldownMenu,
-  MenuInput,
+  MenuSearch,
+  MenuSearchInput,
   SearchInput
 } from '@patternfly/react-core';
 
@@ -66,7 +67,7 @@ export const MenuWithDrilldown: React.FunctionComponent = () => {
   ];
 
   const mapped = startDrillItems
-    .filter(opt => !startInput || opt.item.toLowerCase().includes(startInput.toString().toLowerCase()))
+    .filter((opt) => !startInput || opt.item.toLowerCase().includes(startInput.toString().toLowerCase()))
     .map((opt, index) => (
       <MenuItem key={opt.item} itemId={index} {...opt.rest}>
         {opt.item}
@@ -102,15 +103,17 @@ export const MenuWithDrilldown: React.FunctionComponent = () => {
                   Start rollout
                 </MenuItem>
                 <Divider component="li" />
-                <MenuInput>
-                  <SearchInput
-                    ref={searchRef}
-                    value={startInput}
-                    aria-label="Filter menu items"
-                    type="search"
-                    onChange={(_event, value) => handleStartTextInputChange(value)}
-                  />
-                </MenuInput>
+                <MenuSearch>
+                  <MenuSearchInput>
+                    <SearchInput
+                      ref={searchRef}
+                      value={startInput}
+                      aria-label="Filter menu items"
+                      type="search"
+                      onChange={(_event, value) => handleStartTextInputChange(value)}
+                    />
+                  </MenuSearchInput>
+                </MenuSearch>
                 <Divider component="li" />
                 {mapped}
               </DrilldownMenu>

package/src/components/Menu/examples/MenuFilteringWithSearchInput.tsx

@@ -1,5 +1,14 @@
 import React from 'react';
-import { Menu, MenuList, MenuItem, MenuContent, MenuInput, Divider, SearchInput } from '@patternfly/react-core';
+import {
+  Menu,
+  MenuList,
+  MenuItem,
+  MenuContent,
+  MenuSearch,
+  MenuSearchInput,
+  Divider,
+  SearchInput
+} from '@patternfly/react-core';
 
 export const MenuFilteringWithSearchInput: React.FunctionComponent = () => {
   const [activeItem, setActiveItem] = React.useState(0);
@@ -18,7 +27,7 @@ export const MenuFilteringWithSearchInput: React.FunctionComponent = () => {
   const menuListItemsText = ['Action 1', 'Action 2', 'Action 3'];
 
   const menuListItems = menuListItemsText
-    .filter(item => !input || item.toLowerCase().includes(input.toString().toLowerCase()))
+    .filter((item) => !input || item.toLowerCase().includes(input.toString().toLowerCase()))
     .map((currentValue, index) => (
       <MenuItem key={currentValue} itemId={index}>
         {currentValue}
@@ -34,14 +43,16 @@ export const MenuFilteringWithSearchInput: React.FunctionComponent = () => {
 
   return (
     <Menu onSelect={onSelect} activeItemId={activeItem}>
-      <MenuInput>
-        <SearchInput
-          value={input}
-          aria-label="Filter menu items"
-          type="search"
-          onChange={(_event, value) => handleTextInputChange(value)}
-        />
-      </MenuInput>
+      <MenuSearch>
+        <MenuSearchInput>
+          <SearchInput
+            value={input}
+            aria-label="Filter menu items"
+            type="search"
+            onChange={(_event, value) => handleTextInputChange(value)}
+          />
+        </MenuSearchInput>
+      </MenuSearch>
       <Divider />
       <MenuContent>
         <MenuList>{menuListItems}</MenuList>

package/src/components/Menu/index.ts

@@ -1,7 +1,8 @@
 export * from './Menu';
 export * from './MenuContent';
 export * from './MenuFooter';
-export * from './MenuInput';
+export * from './MenuSearch';
+export * from './MenuSearchInput';
 export * from './MenuGroup';
 export * from './MenuItem';
 export * from './MenuList';

package/src/components/TimePicker/TimePicker.tsx

@@ -20,6 +20,7 @@ import {
   isWithinMinMax,
   getSeconds
 } from './TimePickerUtils';
+import { HelperText, HelperTextItem } from '../HelperText';
 
 export interface TimePickerProps
   extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'ref'> {
@@ -242,7 +243,7 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
   }
 
   updateFocusedIndex = (increment: number) => {
-    this.setState(prevState => {
+    this.setState((prevState) => {
       const maxIndex = this.getOptions().length - 1;
       let nextIndex =
         prevState.focusedIndex !== null ? prevState.focusedIndex + increment : prevState.scrollIndex + increment;
@@ -267,9 +268,8 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
   };
 
   scrollToIndex = (index: number) => {
-    this.getOptions()[index].closest(`.${menuStyles.menuContent}`).scrollTop = this.getOptions()[
-      this.getIndexToScroll(index)
-    ].offsetTop;
+    this.getOptions()[index].closest(`.${menuStyles.menuContent}`).scrollTop =
+      this.getOptions()[this.getIndexToScroll(index)].offsetTop;
   };
 
   focusSelection = (index: number) => {
@@ -308,7 +308,7 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
     ) {
       time = `${time}${new Date().getHours() > 11 ? pmSuffix : amSuffix}`;
     }
-    let scrollIndex = this.getOptions().findIndex(option => option.textContent === time);
+    let scrollIndex = this.getOptions().findIndex((option) => option.textContent === time);
 
     // if we found an exact match, scroll to match and return index of match for focus
     if (scrollIndex !== -1) {
@@ -325,7 +325,7 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
         }
       }
       time = `${splitTime[0]}${delimiter}00${amPm}`;
-      scrollIndex = this.getOptions().findIndex(option => option.textContent === time);
+      scrollIndex = this.getOptions().findIndex((option) => option.textContent === time);
       if (scrollIndex !== -1) {
         this.scrollToIndex(scrollIndex);
       }
@@ -372,7 +372,7 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
 
   onToggle = (isOpen: boolean) => {
     // on close, parse and validate input
-    this.setState(prevState => {
+    this.setState((prevState) => {
       const { timeRegex, isInvalid, timeState } = prevState;
       const { delimiter, is24Hour, includeSeconds, onChange } = this.props;
       const time = parseTime(timeState, timeRegex, delimiter, !is24Hour, includeSeconds);
@@ -551,7 +551,11 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
           </InputGroup>
           {isInvalid && (
             <div className={css(datePickerStyles.datePickerHelperText)}>
-              {!isValidFormat ? invalidFormatErrorMessage : invalidMinMaxErrorMessage}
+              <HelperText>
+                <HelperTextItem variant="error">
+                  {!isValidFormat ? invalidFormatErrorMessage : invalidMinMaxErrorMessage}
+                </HelperTextItem>
+              </HelperText>
             </div>
           )}
         </div>

package/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx

@@ -6,7 +6,8 @@ import {
   MenuList,
   MenuItem,
   MenuGroup,
-  MenuInput,
+  MenuSearch,
+  MenuSearchInput,
   Popper,
   Tooltip,
   Divider,
@@ -248,9 +249,11 @@ export const ComposableApplicationLauncher: React.FunctionComponent = () => {
   const menu = (
     // eslint-disable-next-line no-console
     <Menu ref={menuRef} onActionClick={onFavorite} onSelect={(_ev, itemId) => console.log('selected', itemId)}>
-      <MenuInput>
-        <SearchInput aria-label="Filter menu items" type="search" onChange={(_event, value) => onTextChange(value)} />
-      </MenuInput>
+      <MenuSearch>
+        <MenuSearchInput>
+          <SearchInput aria-label="Filter menu items" type="search" onChange={(_event, value) => onTextChange(value)} />
+        </MenuSearchInput>
+      </MenuSearch>
       <Divider />
       <MenuContent>
         {filteredFavorites.length > 0 && (

package/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx

@@ -6,7 +6,8 @@ import {
   MenuFooter,
   MenuList,
   MenuItem,
-  MenuInput,
+  MenuSearch,
+  MenuSearchInput,
   Popper,
   Divider,
   InputGroup,
@@ -147,26 +148,28 @@ export const ComposableContextSelector: React.FunctionComponent = () => {
 
   const menu = (
     <Menu ref={menuRef} id="context-selector" onSelect={onSelect} isScrollable>
-      <MenuInput>
-        <InputGroup>
-          <SearchInput
-            value={searchInputValue}
-            type="search"
-            placeholder="Search"
-            onChange={(_event, value) => onSearchInputChange(value)}
-            onKeyPress={onEnterPressed}
-            aria-labelledby="pf-context-selector-search-button-id-1"
-          />
-          <Button
-            variant={ButtonVariant.control}
-            aria-label="Search menu items"
-            id="pf-context-selector-search-button-id-1"
-            onClick={onSearchButtonClick}
-          >
-            <SearchIcon aria-hidden="true" />
-          </Button>
-        </InputGroup>
-      </MenuInput>
+      <MenuSearch>
+        <MenuSearchInput>
+          <InputGroup>
+            <SearchInput
+              value={searchInputValue}
+              type="search"
+              placeholder="Search"
+              onChange={(_event, value) => onSearchInputChange(value)}
+              onKeyPress={onEnterPressed}
+              aria-labelledby="pf-context-selector-search-button-id-1"
+            />
+            <Button
+              variant={ButtonVariant.control}
+              aria-label="Search menu items"
+              id="pf-context-selector-search-button-id-1"
+              onClick={onSearchButtonClick}
+            >
+              <SearchIcon aria-hidden="true" />
+            </Button>
+          </InputGroup>
+        </MenuSearchInput>
+      </MenuSearch>
       <Divider />
       <MenuContent maxMenuHeight="200px">
         <MenuList>

package/src/demos/ComposableMenu/examples/ComposableDropdwnVariants.tsx

@@ -12,7 +12,8 @@ import {
   ToggleGroup,
   ToggleGroupItem,
   Avatar,
-  MenuInput
+  MenuSearch,
+  MenuSearchInput
 } from '@patternfly/react-core';
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
 import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
@@ -126,7 +127,9 @@ export const ComposableDropdwnVariants: React.FunctionComponent = () => {
   const menu =
     toggleSelected === 'image' ? (
       <Menu ref={menuRef} id="dropdown-menu" onSelect={onSelect}>
-        <MenuInput>Unselectable text displayed at the top of the menu</MenuInput>
+        <MenuSearch>
+          <MenuSearchInput>Unselectable text displayed at the top of the menu</MenuSearchInput>
+        </MenuSearch>
         <Divider />
         <MenuContent>
           <MenuItem

package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx

@@ -38,7 +38,7 @@ import {
   ToolbarGroup,
   ToolbarItem,
   MenuGroup,
-  MenuInput,
+  MenuSearchInput,
   SearchInput,
   Tooltip
 } from '@patternfly/react-core';
@@ -332,9 +332,9 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent =
   const menu = (
     // eslint-disable-next-line no-console
     <Menu ref={menuRef} onActionClick={onFavorite} onSelect={(_ev, itemId) => console.log('selected', itemId)}>
-      <MenuInput>
+      <MenuSearchInput>
         <SearchInput aria-label="Filter menu items" type="search" onChange={(_event, value) => onTextChange(value)} />
-      </MenuInput>
+      </MenuSearchInput>
       <Divider />
       <MenuContent>
         {filteredFavorites.length > 0 && (

package/dist/esm/components/Menu/MenuInput.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export interface MenuInputProps extends React.HTMLProps<HTMLElement> {
-    /** Items within input */
-    children?: React.ReactNode;
-    /** @hide Forwarded ref */
-    innerRef?: React.Ref<any>;
-}
-export declare const MenuInput: React.ForwardRefExoticComponent<Pick<MenuInputProps, "children" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerRef"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=MenuInput.d.ts.map

package/dist/esm/components/Menu/MenuInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAClE,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,w0LAEpB,CAAC"}

package/dist/esm/components/Menu/MenuInput.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import styles from '@patternfly/react-styles/css/components/Menu/menu';
-import { css } from '@patternfly/react-styles';
-export const MenuInput = React.forwardRef((props, ref) => (React.createElement("div", Object.assign({}, props, { className: css(styles.menuSearch, props.className), ref: ref }))));
-MenuInput.displayName = 'MenuInput';
-//# sourceMappingURL=MenuInput.js.map

package/dist/esm/components/Menu/MenuInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuInput.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAqB,EAAE,GAA8B,EAAE,EAAE,CAAC,CACnG,6CAAS,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CACjF,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/js/components/Menu/MenuInput.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export interface MenuInputProps extends React.HTMLProps<HTMLElement> {
-    /** Items within input */
-    children?: React.ReactNode;
-    /** @hide Forwarded ref */
-    innerRef?: React.Ref<any>;
-}
-export declare const MenuInput: React.ForwardRefExoticComponent<Pick<MenuInputProps, "children" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerRef"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=MenuInput.d.ts.map

package/dist/js/components/Menu/MenuInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAClE,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,w0LAEpB,CAAC"}

package/dist/js/components/Menu/MenuInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuInput.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuInput.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AASlC,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAqB,EAAE,GAA8B,EAAE,EAAE,CAAC,CACnG,6CAAS,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CACjF,CAAC,CAAC;AACH,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}