Contents

import React, { useState } from 'react';
import { FormGroup, Select, SelectOption } from '@patternfly/react-core';
import PropTypes from 'prop-types';

export const SelectField = ({
  label,
  fieldId,
  options,
  value,
  setValue,
  labelIcon,
  isRequired,
  ...props
}) => {
  const onSelect = (event, selection) => {
    setValue(selection);
    setIsOpen(false);
  };
  const [isOpen, setIsOpen] = useState(false);
  return (
    <FormGroup
      label={label}
      fieldId={fieldId}
      labelIcon={labelIcon}
      isRequired={isRequired}
    >
      <Select
        selections={value}
        onSelect={onSelect}
        onToggle={setIsOpen}
        isOpen={isOpen}
        className="without_select2"
        maxHeight="45vh"
        menuAppendTo={() => document.body}
        {...props}
      >
        {options.map((option, index) => (
          <SelectOption key={index} value={option} />
        ))}
      </Select>
    </FormGroup>
  );
};
SelectField.propTypes = {
  label: PropTypes.string,
  fieldId: PropTypes.string.isRequired,
  options: PropTypes.array,
  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  setValue: PropTypes.func.isRequired,
  labelIcon: PropTypes.node,
  isRequired: PropTypes.bool,
};

SelectField.defaultProps = {
  label: null,
  options: [],
  labelIcon: null,
  value: null,
  isRequired: false,
};

Version data entries

7 entries across 7 versions & 1 rubygems

Version	Path
foreman_remote_execution-4.8.0	webpack/JobWizard/steps/form/SelectField.js
foreman_remote_execution-4.5.6	webpack/JobWizard/steps/form/SelectField.js
foreman_remote_execution-4.5.5	webpack/JobWizard/steps/form/SelectField.js
foreman_remote_execution-4.5.4	webpack/JobWizard/steps/form/SelectField.js
foreman_remote_execution-4.7.0	webpack/JobWizard/steps/form/SelectField.js
foreman_remote_execution-4.5.3	webpack/JobWizard/steps/form/SelectField.js
foreman_remote_execution-4.5.2	webpack/JobWizard/steps/form/SelectField.js