katello 4.5.0 → 4.6.0.rc1

data/webpack/scenes/AnsibleCollections/AnsibleCollectionsPage.js

@@ -1,80 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import qs from 'query-string';
-import { translate as __ } from 'foremanReact/common/I18n';
-import { orgId } from '../../services/api';
-import TableSchema from './AnsibleCollectionsTableSchema';
-import ContentPage from '../../components/Content/ContentPage';
-
-class AnsibleCollectionsPage extends Component {
-  constructor(props) {
-    super(props);
-
-    const queryParams = qs.parse(this.props.location.search);
-    this.state = {
-      searchQuery: queryParams.search || '',
-    };
-  }
-
-  componentDidMount() {
-    this.props.getAnsibleCollections({
-      search: this.state.searchQuery,
-    });
-  }
-
-  onPaginationChange = (pagination) => {
-    this.props.getAnsibleCollections({
-      ...pagination,
-    });
-  };
-
-  onSearch = (search) => {
-    this.props.getAnsibleCollections({ search });
-  };
-
-  getAutoCompleteParams = search => ({
-    endpoint: '/ansible_collections/auto_complete_search',
-    params: {
-      organization_id: orgId(),
-      search,
-    },
-  });
-
-  updateSearchQuery = (searchQuery) => {
-    this.setState({ searchQuery });
-  };
-
-  render() {
-    const { ansibleCollections } = this.props;
-    return (
-      <ContentPage
-        header={__('Ansible Collections')}
-        content={ansibleCollections}
-        tableSchema={TableSchema}
-        onSearch={this.onSearch}
-        getAutoCompleteParams={this.getAutoCompleteParams}
-        updateSearchQuery={this.updateSearchQuery}
-        initialInputValue={this.state.searchQuery}
-        onPaginationChange={this.onPaginationChange}
-      />
-    );
-  }
-}
-
-AnsibleCollectionsPage.propTypes = {
-  location: PropTypes.shape({
-    search: PropTypes.oneOfType([
-      PropTypes.shape({}),
-      PropTypes.string,
-    ]),
-  }),
-  getAnsibleCollections: PropTypes.func.isRequired,
-  ansibleCollections: PropTypes.shape({}).isRequired,
-};
-
-AnsibleCollectionsPage.defaultProps = {
-  location: { search: '' },
-};
-
-
-export default AnsibleCollectionsPage;

data/webpack/scenes/AnsibleCollections/AnsibleCollectionsReducer.js

@@ -1,39 +0,0 @@
-import { initialApiState } from '../../services/api';
-import {
-  ANSIBLE_COLLECTIONS_REQUEST,
-  ANSIBLE_COLLECTIONS_SUCCESS,
-  ANSIBLE_COLLECTIONS_ERROR,
-} from './AnsibleCollectionsConstants';
-
-const initialState = initialApiState;
-
-export default (state = initialState, action) => {
-  switch (action.type) {
-  case ANSIBLE_COLLECTIONS_REQUEST: {
-    return state.set('loading', true);
-  }
-  case ANSIBLE_COLLECTIONS_SUCCESS: {
-    const {
-      results, page, per_page, subtotal, // eslint-disable-line camelcase
-    } = action.response;
-    return state.merge({
-      results,
-      loading: false,
-      pagination: {
-        page: Number(page),
-        perPage: Number(per_page || state.pagination.perPage), // eslint-disable-line camelcase
-      },
-      itemCount: Number(subtotal),
-    });
-  }
-  case ANSIBLE_COLLECTIONS_ERROR: {
-    return state.merge({
-      error: action.error,
-      loading: false,
-    });
-  }
-  default: {
-    return state;
-  }
-  }
-};

data/webpack/scenes/AnsibleCollections/AnsibleCollectionsTableSchema.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { translate as __ } from 'foremanReact/common/I18n';
-import { urlBuilder } from 'foremanReact/common/urlHelpers';
-import {
-  headerFormatter,
-  cellFormatter,
-} from '../../components/pf3Table/formatters';
-
-const TableSchema = [
-  {
-    property: 'name',
-    header: {
-      label: __('Name'),
-      formatters: [headerFormatter],
-    },
-    cell: {
-      formatters: [
-        (value, { rowData }) => (
-          <td>
-            <Link to={urlBuilder('legacy_ansible_collections', '', rowData.id)}>{rowData.name}</Link>
-          </td>
-        ),
-      ],
-    },
-  },
-  {
-    property: 'namespace',
-    header: {
-      label: __('Author'),
-      formatters: [headerFormatter],
-    },
-    cell: {
-      formatters: [cellFormatter],
-    },
-  },
-  {
-    property: 'version',
-    header: {
-      label: __('Version'),
-      formatters: [headerFormatter],
-    },
-    cell: {
-      formatters: [cellFormatter],
-    },
-  },
-  {
-    property: 'checksum',
-    header: {
-      label: __('Checksum'),
-      formatters: [headerFormatter],
-    },
-    cell: {
-      formatters: [cellFormatter],
-    },
-  },
-];
-
-export default TableSchema;
-

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionDetails.js

@@ -1,94 +0,0 @@
-import React, { Component } from 'react';
-import BreadcrumbsBar from 'foremanReact/components/BreadcrumbBar';
-import { PropTypes } from 'prop-types';
-import { translate as __ } from 'foremanReact/common/I18n';
-import api from '../../../services/api';
-import ContentDetails from '../../../components/Content/Details/ContentDetails';
-import ansibleCollectionsSchema from './AnsibleCollectionsSchema';
-
-class AnsibleCollectionDetails extends Component {
-  componentDidMount() {
-    this.updateAnsibleCollection();
-  }
-
-  componentDidUpdate(prevProps) {
-    const { match: { params: prevRouterParams } } = this.props;
-    const { match: { params: currentRouterParams } } = prevProps;
-    if (prevRouterParams.id && (prevRouterParams.id !== currentRouterParams.id)) {
-      this.updateAnsibleCollection();
-    }
-  }
-
-  updateAnsibleCollection = () => {
-    const ansibleCollectionId = parseInt(this.props.match.params.id, 10);
-    this.props.getAnsibleCollectionDetails(ansibleCollectionId);
-  };
-
-  handleBreadcrumbSwitcherItem = (e, url) => {
-    this.props.history.push(url);
-    e.preventDefault();
-  };
-
-  render() {
-    const { ansibleCollectionDetails } = this.props;
-    const {
-      loading, name, namespace, version,
-    } = ansibleCollectionDetails;
-
-    const resource = {
-      nameField: 'name',
-      resourceUrl: api.getApiUrl('/ansible_collections'),
-      switcherItemUrl: '/ansible_collections/:id',
-    };
-
-    return (
-      <div>
-        {!loading && <BreadcrumbsBar
-          onSwitcherItemClick={(e, url) => this.handleBreadcrumbSwitcherItem(e, url)}
-          data={{
-            isSwitchable: true,
-            breadcrumbItems: [
-              {
-                caption: __('Ansible Collection Details'),
-                onClick: () =>
-                  this.props.history.push('/ansible_collections'),
-              },
-              {
-                caption: `${name}-${namespace}-${version}`,
-              },
-            ],
-            resource,
-          }}
-        />}
-        <ContentDetails
-          contentDetails={ansibleCollectionDetails}
-          schema={ansibleCollectionsSchema(ansibleCollectionDetails)}
-        />
-      </div>
-    );
-  }
-}
-
-AnsibleCollectionDetails.propTypes = {
-  getAnsibleCollectionDetails: PropTypes.func.isRequired,
-  history: PropTypes.shape({ push: PropTypes.func.isRequired }).isRequired,
-  location: PropTypes.shape({}).isRequired,
-  match: PropTypes.shape({
-    params: PropTypes.shape({
-      id: PropTypes.string.isRequired,
-    }).isRequired,
-  }).isRequired,
-  ansibleCollectionDetails: PropTypes.shape({
-    loading: PropTypes.bool,
-    name: PropTypes.string,
-    namespace: PropTypes.string,
-    version: PropTypes.string,
-    // Disabling rule as existing code failed due to an eslint-plugin-react update
-    /* eslint-disable react/forbid-prop-types */
-    repositories: PropTypes.array,
-    tags: PropTypes.array,
-    /* eslint-enable react/forbid-prop-types */
-  }).isRequired,
-};
-
-export default AnsibleCollectionDetails;

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionDetailsActions.js

@@ -1,23 +0,0 @@
-import api, { orgId } from '../../../services/api';
-import {
-  ANSIBLE_COLLECTION_DETAILS_ERROR,
-  ANSIBLE_COLLECTION_DETAILS_REQUEST,
-  ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-} from './AnsibleCollectionDetailsConstants';
-import { apiError } from '../../../utils/helpers';
-
-export const getAnsibleCollectionDetails = ansibleCollectionId => async (dispatch) => {
-  dispatch({ type: ANSIBLE_COLLECTION_DETAILS_REQUEST });
-
-  try {
-    const { data } = await api.get(`/ansible_collections/${ansibleCollectionId}`, {}, { organization_id: orgId() });
-    return dispatch({
-      type: ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-      response: data,
-    });
-  } catch (error) {
-    return dispatch(apiError(ANSIBLE_COLLECTION_DETAILS_ERROR, error));
-  }
-};
-
-export default getAnsibleCollectionDetails;

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionDetailsConstants.js

@@ -1,3 +0,0 @@
-export const ANSIBLE_COLLECTION_DETAILS_REQUEST = 'ANSIBLE_COLLECTION_DETAILS_REQUEST';
-export const ANSIBLE_COLLECTION_DETAILS_SUCCESS = 'ANSIBLE_COLLECTION_DETAILS_SUCCESS';
-export const ANSIBLE_COLLECTION_DETAILS_ERROR = 'ANSIBLE_COLLECTION_DETAILS_ERROR';

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionDetailsReducer.js

@@ -1,30 +0,0 @@
-import { initialApiState } from '../../../services/api';
-import {
-  ANSIBLE_COLLECTION_DETAILS_REQUEST,
-  ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-  ANSIBLE_COLLECTION_DETAILS_ERROR,
-} from './AnsibleCollectionDetailsConstants';
-
-export default (state = initialApiState, action) => {
-  switch (action.type) {
-  case ANSIBLE_COLLECTION_DETAILS_REQUEST: {
-    return state.set('loading', true);
-  }
-  case ANSIBLE_COLLECTION_DETAILS_SUCCESS: {
-    const ansibleCollectionDetails = action.response;
-    return state.merge({
-      ...ansibleCollectionDetails,
-      loading: false,
-    });
-  }
-  case ANSIBLE_COLLECTION_DETAILS_ERROR: {
-    return state.merge({
-      error: action.payload.message,
-      loading: false,
-    });
-  }
-  default: {
-    return state;
-  }
-  }
-};

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionsSchema.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { translate as __ } from 'foremanReact/common/I18n';
-import ContentDetailInfo from '../../../components/Content/Details/ContentDetailInfo';
-import ContentDetailRepositories from '../../../components/Content/Details/ContentDetailRepositories';
-
-export const displayMap = new Map([
-  ['name', __('Name')],
-  ['description', __('Description')],
-  ['namespace', __('Author')],
-  ['version', __('Version')],
-  ['checksum', __('Checksum')],
-  ['tags', __('Tags')],
-]);
-
-export default (detailInfo) => {
-  const { repositories } = detailInfo;
-
-  return [
-    {
-      key: 1,
-      tabHeader: __('Details'),
-      tabContent: (
-        <ContentDetailInfo contentDetails={detailInfo} displayMap={displayMap} />
-      ),
-    },
-    {
-      key: 2,
-      tabHeader: __('Repositories'),
-      tabContent: (repositories && repositories.length ?
-        <ContentDetailRepositories repositories={repositories} /> :
-        __('No repositories to show')
-      ),
-    },
-  ];
-};

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetailInfo.test.js

@@ -1,16 +0,0 @@
-import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
-import ContentDetailInfo from '../../../../components/Content/Details/ContentDetailInfo';
-import { details } from './AnsibleCollectionDetails.fixtures';
-import { displayMap } from '../AnsibleCollectionsSchema';
-
-const fixtures = {
-  'renders with ansible collection info': {
-    contentDetails: details,
-    displayMap,
-  },
-};
-
-describe('Ansible Collection detail info component', () => {
-  describe('rendering', () =>
-    testComponentSnapshotsWithFixtures(ContentDetailInfo, fixtures));
-});

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetails.fixtures.js

@@ -1,25 +0,0 @@
-import Immutable from 'seamless-immutable';
-import { initialApiState } from '../../../../services/api';
-
-export const initialState = initialApiState;
-
-export const details = {
-  id: 2,
-  name: 'collection_demo',
-  namespace: 'newswangerd',
-  version: '1.0.5',
-  checksum: '60bf94a30d3b7015c7cdc2a99f0a440f68f71cb56c934ba3787e52a6061fa2d5',
-  repositories: [
-    {
-      id: 2,
-      name: 'ans_collection',
-      product_id: 2,
-      product_name: 'pulp3_products',
-    },
-  ],
-};
-
-export const loadingState = Immutable({
-  ...initialState,
-  loading: true,
-});

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetails.test.js

@@ -1,27 +0,0 @@
-import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
-import AnsibleCollectionDetails from '../AnsibleCollectionDetails';
-import { details, loadingState } from './AnsibleCollectionDetails.fixtures';
-
-const mockFunc = jest.fn();
-
-const baseProps = {
-  getAnsibleCollectionDetails: mockFunc,
-  location: { search: '' },
-  history: { push: mockFunc },
-  ansibleCollectionDetails: details,
-  match: { params: { id: String(details.id) } },
-};
-
-const fixtures = {
-  'renders with ansible collection provided': {
-    ...baseProps,
-  },
-  'renders with loading state': {
-    ...baseProps,
-    ansibleCollectionDetails: loadingState,
-  },
-};
-
-describe('Ansible Collection details page', () => {
-  describe('rendering', () => testComponentSnapshotsWithFixtures(AnsibleCollectionDetails, fixtures));
-});

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetailsActions.test.js

@@ -1,41 +0,0 @@
-import { testActionSnapshotWithFixtures } from 'react-redux-test-utils';
-import api from '../../../../services/api';
-import { apiError } from '../../../../utils/helpers';
-import { getAnsibleCollectionDetails } from '../AnsibleCollectionDetailsActions';
-import { details } from './AnsibleCollectionDetails.fixtures';
-
-jest.mock('../../../../services/api');
-jest.mock('../../../../utils/helpers');
-
-const fixtures = {
-  'should load ansible collection details on success': () => async (dispatch) => {
-    await getAnsibleCollectionDetails('1')(dispatch);
-
-    expect(api.get.mock.calls).toMatchSnapshot('API get call');
-    expect(apiError).not.toHaveBeenCalled();
-  },
-  'should load fail on bad api call': () => (dispatch) => {
-    api.get.mockImplementation(async () => {
-      throw new Error('some-error');
-    });
-
-    return getAnsibleCollectionDetails('1')(dispatch);
-  },
-};
-
-describe('Ansible Collection details actions', () => {
-  beforeEach(() => {
-    api.get.mockImplementation(async () => ({
-      data: {
-        results: details,
-      },
-    }));
-  });
-  afterEach(() => {
-    jest.resetAllMocks();
-    jest.restoreAllMocks();
-    jest.resetModules();
-  });
-
-  testActionSnapshotWithFixtures(fixtures);
-});

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetailsReducer.test.js

@@ -1,33 +0,0 @@
-import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
-import reducer from '../AnsibleCollectionDetailsReducer';
-import {
-  ANSIBLE_COLLECTION_DETAILS_REQUEST,
-  ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-  ANSIBLE_COLLECTION_DETAILS_ERROR,
-} from '../AnsibleCollectionDetailsConstants';
-
-const fixtures = {
-  'should return the initial state': {},
-  'should handle ANSIBLE_COLLECTION_DETAILS_REQUEST': {
-    action: {
-      type: ANSIBLE_COLLECTION_DETAILS_REQUEST,
-    },
-  },
-  'should handle ANSIBLE_COLLECTION_DETAILS_SUCCESS': {
-    action: {
-      type: ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-      payload: {
-        results: { data: { id: 1 } },
-      },
-    },
-  },
-  'should handle ANSIBLE_COLLECTION_DETAILS_ERROR': {
-    action: {
-      type: ANSIBLE_COLLECTION_DETAILS_ERROR,
-      payload: new Error('things have gone terribly wrong'),
-    },
-  },
-};
-
-describe('AnsibleCollectionDetails reducer', () =>
-  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/scenes/AnsibleCollections/Details/__tests__/__snapshots__/AnsibleCollectionDetailInfo.test.js.snap

@@ -1,83 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ansible Collection detail info component rendering renders with ansible collection info 1`] = `
-<Table
-  bordered={false}
-  bsClass="table"
-  condensed={false}
-  hover={false}
-  responsive={false}
-  striped={false}
->
-  <tbody>
-    <tr
-      key="name"
-    >
-      <td>
-        <b>
-          Name
-        </b>
-      </td>
-      <td>
-        collection_demo
-      </td>
-    </tr>
-    <tr
-      key="description"
-    >
-      <td>
-        <b>
-          Description
-        </b>
-      </td>
-      <td />
-    </tr>
-    <tr
-      key="namespace"
-    >
-      <td>
-        <b>
-          Author
-        </b>
-      </td>
-      <td>
-        newswangerd
-      </td>
-    </tr>
-    <tr
-      key="version"
-    >
-      <td>
-        <b>
-          Version
-        </b>
-      </td>
-      <td>
-        1.0.5
-      </td>
-    </tr>
-    <tr
-      key="checksum"
-    >
-      <td>
-        <b>
-          Checksum
-        </b>
-      </td>
-      <td>
-        60bf94a30d3b7015c7cdc2a99f0a440f68f71cb56c934ba3787e52a6061fa2d5
-      </td>
-    </tr>
-    <tr
-      key="tags"
-    >
-      <td>
-        <b>
-          Tags
-        </b>
-      </td>
-      <td />
-    </tr>
-  </tbody>
-</Table>
-`;