foreman_remote_execution 4.5.6 → 4.6.0

data/webpack/JobWizard/steps/form/Formatter.js

@@ -1,150 +0,0 @@
-import React, { useEffect } from 'react';
-import { useSelector } from 'react-redux';
-import { FormGroup, TextInput, TextArea } from '@patternfly/react-core';
-import PropTypes from 'prop-types';
-import SearchBar from 'foremanReact/components/SearchBar';
-import { helpLabel } from './FormHelpers';
-import { SelectField } from './SelectField';
-
-const TemplateSearchField = ({
-  name,
-  controller,
-  labelText,
-  required,
-  defaultValue,
-  setValue,
-  values,
-}) => {
-  const searchQuery = useSelector(
-    state => state.autocomplete?.[name]?.searchQuery
-  );
-  useEffect(() => {
-    setValue({ ...values, [name]: searchQuery });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searchQuery]);
-  const id = name.replace(/ /g, '-');
-  return (
-    <FormGroup
-      label={name}
-      labelIcon={helpLabel(labelText, name)}
-      fieldId={id}
-      isRequired={required}
-      className="foreman-search-field"
-    >
-      <SearchBar
-        initialQuery={defaultValue}
-        data={{
-          controller,
-          autocomplete: {
-            id: name,
-            url: `/${controller}/auto_complete_search`,
-            useKeyShortcuts: true,
-          },
-        }}
-        onSearch={() => null}
-      />
-    </FormGroup>
-  );
-};
-
-export const formatter = (input, values, setValue) => {
-  const isSelectType = !!input?.options;
-  const inputType = input.value_type;
-  const isTextType = inputType === 'plain' || !inputType; // null defaults to plain
-
-  const { name, required, hidden_value: hidden } = input;
-  const labelText = input.description;
-  const value = values[name];
-  const id = name.replace(/ /g, '-');
-  if (isSelectType) {
-    const options = input.options.split(/\r?\n/).map(option => option.trim());
-    return (
-      <SelectField
-        aria-label={name}
-        key={id}
-        isRequired={required}
-        label={name}
-        fieldId={id}
-        options={options}
-        labelIcon={helpLabel(labelText, name)}
-        value={value}
-        setValue={newValue => setValue({ ...values, [name]: newValue })}
-      />
-    );
-  }
-  if (isTextType) {
-    return (
-      <FormGroup
-        key={name}
-        label={name}
-        labelIcon={helpLabel(labelText, name)}
-        fieldId={id}
-        isRequired={required}
-      >
-        <TextArea
-          aria-label={name}
-          className={hidden ? 'masked-input' : null}
-          required={required}
-          rows={2}
-          id={id}
-          value={value}
-          onChange={newValue => setValue({ ...values, [name]: newValue })}
-        />
-      </FormGroup>
-    );
-  }
-  if (inputType === 'date') {
-    return (
-      <FormGroup
-        key={name}
-        label={name}
-        labelIcon={helpLabel(labelText, name)}
-        fieldId={id}
-        isRequired={required}
-      >
-        <TextInput
-          aria-label={name}
-          placeholder="YYYY-mm-dd HH:MM"
-          className={hidden ? 'masked-input' : null}
-          required={required}
-          id={id}
-          type="text"
-          value={value}
-          onChange={newValue => setValue({ ...values, [name]: newValue })}
-        />
-      </FormGroup>
-    );
-  }
-  if (inputType === 'search') {
-    const controller = input.resource_type;
-    // TODO: get text from redux autocomplete
-    return (
-      <TemplateSearchField
-        key={id}
-        name={name}
-        defaultValue={value}
-        controller={controller}
-        labelText={labelText}
-        required={required}
-        setValue={setValue}
-        values={values}
-      />
-    );
-  }
-
-  return null;
-};
-
-TemplateSearchField.propTypes = {
-  name: PropTypes.string.isRequired,
-  controller: PropTypes.string.isRequired,
-  labelText: PropTypes.string,
-  required: PropTypes.bool.isRequired,
-  defaultValue: PropTypes.string,
-  setValue: PropTypes.func.isRequired,
-  values: PropTypes.object.isRequired,
-};
-TemplateSearchField.defaultProps = {
-  labelText: null,
-  defaultValue: '',
-};

data/webpack/JobWizard/steps/form/NumberInput.js

@@ -1,35 +0,0 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { FormGroup, TextInput, ValidatedOptions } from '@patternfly/react-core';
-import { translate as __ } from 'foremanReact/common/I18n';
-
-export const NumberInput = ({ formProps, inputProps }) => {
-  const [validated, setValidated] = useState();
-  const name = inputProps.id.replace(/-/g, ' ');
-  return (
-    <FormGroup
-      {...formProps}
-      helperTextInvalid={__('Has to be a number')}
-      validated={validated}
-    >
-      <TextInput
-        aria-label={name}
-        type="text"
-        {...inputProps}
-        onChange={newValue => {
-          setValidated(
-            /^\d+$/.test(newValue) || newValue === ''
-              ? ValidatedOptions.noval
-              : ValidatedOptions.error
-          );
-          inputProps.onChange(newValue);
-        }}
-      />
-    </FormGroup>
-  );
-};
-
-NumberInput.propTypes = {
-  formProps: PropTypes.object.isRequired,
-  inputProps: PropTypes.object.isRequired,
-};

data/webpack/JobWizard/steps/form/WizardTitle.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Title } from '@patternfly/react-core';
-
-export const WizardTitle = ({ title, ...props }) => (
-  <Title headingLevel="h2" className="wizard-title" {...props}>
-    {title}
-  </Title>
-);
-
-WizardTitle.propTypes = {
-  title: PropTypes.string.isRequired,
-};
-export default WizardTitle;

data/webpack/JobWizard/steps/form/__tests__/Formatter.test.js.example

@@ -1,76 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import * as patternfly from '@patternfly/react-core';
-import { mount, shallow } from '@theforeman/test';
-import { formatter } from '../Formatter';
-
-jest.spyOn(patternfly, 'Select');
-jest.spyOn(patternfly, 'SelectOption');
-jest.spyOn(patternfly, 'FormGroup');
-patternfly.Select.mockImplementation(props => <div props={props} />);
-patternfly.SelectOption.mockImplementation(props => <div props={props} />);
-patternfly.FormGroup.mockImplementation(props => <div props={props} />);
-const mockStore = configureMockStore([]);
-const store = mockStore({});
-
-describe('formatter', () => {
-  it('render date input', () => {
-    const props = {
-      name: 'date adv',
-      required: false,
-      options: '',
-      advanced: true,
-      value_type: 'date',
-      resource_type: 'ansible_roles',
-      default: '',
-      hidden_value: false,
-    };
-    expect(shallow(formatter(props, {}, jest.fn()))).toMatchSnapshot();
-  });
-  it('render text input', () => {
-    const props = {
-      name: 'plain adv hidden',
-      required: true,
-      description: 'some Description',
-      options: '',
-      advanced: true,
-      value_type: 'plain',
-      resource_type: 'ansible_roles',
-      default: 'Default val',
-      hidden_value: true,
-    };
-    expect(shallow(formatter(props, {}, jest.fn()))).toMatchSnapshot();
-  });
-  it('render select input', () => {
-    const props = {
-      name: 'adv plain search',
-      required: false,
-      input_type: 'user',
-      options: 'option 1\r\noption 2\r\noption 3\r\noption 4',
-      advanced: true,
-      value_type: 'plain',
-      resource_type: 'ansible_roles',
-      default: '',
-      hidden_value: false,
-    };
-    expect(shallow(formatter(props, {}, jest.fn()))).toMatchSnapshot();
-  });
-  it('render search input', () => {
-    const props = {
-      name: 'search adv',
-      required: false,
-      options: '',
-      advanced: true,
-      value_type: 'search',
-      resource_type: 'foreman_tasks/tasks',
-      default: '',
-      hidden_value: false,
-    };
-    expect(
-      mount(
-        <Provider store={store}>{formatter(props, {}, jest.fn())}</Provider>
-      )
-    ).toMatchSnapshot();
-  });
-});