katello 4.8.0.rc2 → 4.8.0

data/webpack/components/TypeAhead/pf3Search/TypeAheadItems.js

@@ -1,56 +0,0 @@
-import React from 'react';
-import { Dropdown, MenuItem } from 'patternfly-react';
-
-import { commonItemPropTypes } from '../helpers/commonPropTypes';
-
-const TypeAheadItems = ({
-  items, activeItems, getItemProps, highlightedIndex,
-}) => (
-  <Dropdown.Menu className="typeahead-dropdown" ouiaId="typeahead-dropdown">
-    {items.map(({ text, type, disabled = false }, index) => {
-      if (type === 'header') {
-        return (
-          <MenuItem key={text} header>
-            {text}
-          </MenuItem>
-        );
-      }
-
-      if (type === 'divider') {
-        // eslint-disable-next-line react/no-array-index-key
-        return <MenuItem key={`divider-${index}`} divider />;
-      }
-
-      if (disabled) {
-        return (
-          <MenuItem key={text} disabled>
-            {text}
-          </MenuItem>
-        );
-      }
-
-      const itemProps = getItemProps({
-        index: activeItems.indexOf(text),
-        item: text,
-        active: activeItems[highlightedIndex] === text,
-        onClick: (e) => {
-          // At this point the event.defaultPrevented
-          // is already set to true by react-bootstrap
-          // MenuItem. We need to set it back to false
-          // So downshift will execute it's own handler
-          e.defaultPrevented = false;
-        },
-      });
-
-      return (
-        <MenuItem {...itemProps} key={text}>
-          {text}
-        </MenuItem>
-      );
-    })}
-  </Dropdown.Menu>
-);
-
-TypeAheadItems.propTypes = commonItemPropTypes;
-
-export default TypeAheadItems;

data/webpack/components/TypeAhead/pf3Search/TypeAheadSearch.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { InputGroup, Button, Icon } from 'patternfly-react';
-import PropTypes from 'prop-types';
-import { translate as __ } from 'foremanReact/common/I18n';
-
-import TypeAheadInput from './TypeAheadInput';
-import TypeAheadItems from './TypeAheadItems';
-import keyPressHandler from '../helpers/helpers';
-import commonSearchPropTypes from '../helpers/commonPropTypes';
-
-const TypeAheadSearch = ({
-  userInputValue, clearSearch, getInputProps, getItemProps, isOpen, inputValue, highlightedIndex,
-  selectedItem, selectItem, openMenu, onSearch, items, activeItems, actionText, shouldShowItems,
-}) => (
-  <div>
-    <InputGroup>
-      <TypeAheadInput
-        onKeyPress={e => keyPressHandler(
-          e, isOpen, activeItems, highlightedIndex,
-          selectItem, userInputValue, onSearch,
-        )}
-        onInputFocus={openMenu}
-        passedProps={getInputProps()}
-      />
-      {userInputValue &&
-        <InputGroup.Button>
-          <Button onClick={clearSearch}>
-            <Icon name="times" />
-          </Button>
-        </InputGroup.Button>
-      }
-      <InputGroup.Button>
-        <Button aria-label="patternfly 3 search button" onClick={() => onSearch(inputValue)}>{actionText}</Button>
-      </InputGroup.Button>
-    </InputGroup>
-
-    {shouldShowItems && <TypeAheadItems {...{
-      items, highlightedIndex, selectedItem, getItemProps, activeItems,
-    }}
-    />}
-  </div>
-);
-
-TypeAheadSearch.propTypes = {
-  ...commonSearchPropTypes,
-  actionText: PropTypes.string,
-};
-
-TypeAheadSearch.defaultProps = {
-  actionText: __('Search'),
-};
-
-export default TypeAheadSearch;

data/webpack/components/TypeAhead/pf4Search/TypeAheadInput.js

@@ -1,66 +0,0 @@
-import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
-import { TextInput, Button } from '@patternfly/react-core';
-import { TimesIcon } from '@patternfly/react-icons';
-import useEventListener from '../../../utils/useEventListener';
-import { commonInputPropTypes } from '../helpers/commonPropTypes';
-
-import './TypeAheadInput.scss';
-
-const TypeAheadInput = ({
-  onKeyPress, onInputFocus, passedProps, isDisabled, autoSearchEnabled, placeholder, isTextInput,
-}) => {
-  const inputRef = useRef(null);
-  const {
-    onChange, value, clearSearch, ...downshiftProps
-  } = passedProps;
-
-  // What patternfly4 expects for args and what downshift creates as a function is different,
-  // downshift only expects the event handler
-  const onChangeWrapper = (_userValue, event) => onChange(event);
-
-  useEventListener('keydown', onKeyPress, inputRef.current);
-
-  return (
-    <>
-      <TextInput
-        isDisabled={isDisabled}
-        value={value}
-        {...downshiftProps}
-        ref={inputRef}
-        onFocus={onInputFocus}
-        aria-label="text input for search"
-        ouiaId="type-ahead-input"
-        onChange={onChangeWrapper}
-        type="text"
-        iconVariant={autoSearchEnabled && !isTextInput ? 'search' : undefined}
-        placeholder={placeholder}
-      />
-      {
-        (value && !isTextInput) &&
-        <Button
-          variant={autoSearchEnabled ? 'plain' : 'control'}
-          className="search-clear"
-          ouiaId="search-clear-button"
-          onClick={clearSearch}
-        >
-          <TimesIcon />
-        </Button>}
-    </>);
-};
-
-TypeAheadInput.propTypes = {
-  isDisabled: PropTypes.bool,
-  autoSearchEnabled: PropTypes.bool.isRequired,
-  ...commonInputPropTypes,
-  placeholder: PropTypes.string,
-  isTextInput: PropTypes.bool,
-};
-
-TypeAheadInput.defaultProps = {
-  isDisabled: undefined,
-  placeholder: '',
-  isTextInput: false,
-};
-
-export default TypeAheadInput;

data/webpack/components/TypeAhead/pf4Search/TypeAheadInput.scss

@@ -1,12 +0,0 @@
-.highlighted {
-  --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--hover--Color);
-  --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--hover--BackgroundColor);
-  text-decoration: none;
-}
-
-.search-clear {
-  margin-left: -36px;
-  z-index: 2;
-  padding: 10px;
-  display: flex;
-}

data/webpack/components/TypeAhead/pf4Search/TypeAheadItems.js

@@ -1,59 +0,0 @@
-import React from 'react';
-import {
-  Dropdown,
-  DropdownItem,
-  DropdownSeparator,
-} from '@patternfly/react-core';
-import PropTypes from 'prop-types';
-
-import { commonItemPropTypes } from '../helpers/commonPropTypes';
-
-const TypeAheadItems = ({
-  isOpen, items, activeItems, getItemProps, highlightedIndex,
-}) => {
-  const buildDropdownItems = () => items.map(({ text, type, disabled = false }, index) => {
-    const key = `${text}${index}`;
-    if (type === 'divider') return (<DropdownSeparator key={key} />);
-    const isHighlighted = highlightedIndex === index;
-    const itemProps = getItemProps({
-      index: activeItems.indexOf(text),
-      item: text,
-      key,
-      disabled,
-      className: isHighlighted ? 'highlighted' : '',
-    });
-    const { onClick, ...dropdownProps } = itemProps;
-    return (
-      <DropdownItem
-        ouiaId={text}
-        {...dropdownProps}
-        component={
-          <button onClick={onClick}>{text}</button>
-        }
-      />
-    );
-  });
-
-  // toggle prop is required but since it is not manually toggled, React.Fragment is used to
-  // satisfy the requirement
-  return (
-    <Dropdown
-      toggle={<React.Fragment />}
-      isOpen={isOpen}
-      dropdownItems={buildDropdownItems()}
-      className="typeahead-dropdown"
-      ouiaId="typeahead-dropdown"
-    />
-  );
-};
-
-TypeAheadItems.propTypes = {
-  ...commonItemPropTypes,
-  isOpen: PropTypes.bool,
-};
-
-TypeAheadItems.defaultProps = {
-  isOpen: false,
-};
-
-export default TypeAheadItems;

data/webpack/components/TypeAhead/pf4Search/TypeAheadSearch.js

@@ -1,81 +0,0 @@
-import React from 'react';
-import { InputGroup, Button } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons';
-
-import PropTypes from 'prop-types';
-import keyPressHandler from '../helpers/helpers';
-import TypeAheadInput from './TypeAheadInput';
-import TypeAheadItems from './TypeAheadItems';
-import commonSearchPropTypes from '../helpers/commonPropTypes';
-import Bookmark from './../../../components/Bookmark';
-
-const TypeAheadSearch = ({
-  userInputValue, clearSearch, getInputProps, getItemProps, isOpen, highlightedIndex,
-  selectedItem, selectItem, openMenu, onSearch, items, activeItems, shouldShowItems,
-  autoSearchEnabled, isDisabled, bookmarkController, inputValue, placeholder, isTextInput,
-  readOnlyBookmarks,
-}) => (
-  <>
-    <InputGroup>
-      <TypeAheadInput
-        isDisabled={isDisabled}
-        onKeyPress={
-          (e) => {
-            keyPressHandler(
-              e,
-              isOpen,
-              activeItems,
-              highlightedIndex,
-              selectItem,
-              userInputValue,
-              onSearch,
-            );
-          }
-        }
-        onInputFocus={openMenu}
-        passedProps={{ ...getInputProps(), clearSearch }}
-        autoSearchEnabled={autoSearchEnabled}
-        placeholder={placeholder}
-        isTextInput={isTextInput}
-      />
-      <>
-        {bookmarkController &&
-          <Bookmark
-            {...{
-              isDisabled,
-              selectedItem,
-              selectItem,
-              readOnlyBookmarks,
-            }}
-            controller={bookmarkController}
-          />}
-        {(!autoSearchEnabled && !isTextInput) &&
-          <Button ouiaId="search-button" aria-label="search button" variant="control" onClick={() => onSearch(inputValue)}>
-            <SearchIcon />
-          </Button>}
-      </>
-    </InputGroup>
-    <TypeAheadItems
-      isOpen={shouldShowItems}
-      {...{
-        items, highlightedIndex, selectedItem, getItemProps, activeItems,
-      }}
-    />
-  </>
-);
-
-TypeAheadSearch.propTypes = {
-  isDisabled: PropTypes.bool,
-  autoSearchEnabled: PropTypes.bool.isRequired,
-  bookmarkController: PropTypes.string,
-  isTextInput: PropTypes.bool,
-  ...commonSearchPropTypes,
-};
-
-TypeAheadSearch.defaultProps = {
-  bookmarkController: undefined,
-  isDisabled: undefined,
-  isTextInput: false,
-};
-
-export default TypeAheadSearch;