katello 3.13.4 → 3.14.0.rc1

data/webpack/scenes/AnsibleCollections/index.js

@@ -0,0 +1,17 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+import { withRouter } from 'react-router-dom';
+
+import AnsibleCollectionsPage from './AnsibleCollectionsPage';
+import reducer from './AnsibleCollectionsReducer';
+import * as AnsibleCollectionsActions from './AnsibleCollectionsActions';
+
+const mapStateToProps = state => ({
+  ansibleCollections: state.katello.ansibleCollections,
+});
+
+const mapDispatchToProps = dispatch => bindActionCreators(AnsibleCollectionsActions, dispatch);
+
+export const ansibleCollections = reducer;
+
+export default connect(mapStateToProps, mapDispatchToProps)(withRouter(AnsibleCollectionsPage));

data/webpack/scenes/ModuleStreams/Details/ModuleDetailsSchema.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import ModuleStreamDetailArtifacts from './ModuleStreamDetailArtifacts';
+import ModuleStreamDetailProfiles from './Profiles/ModuleStreamDetailProfiles';
+import ContentDetailInfo from '../../../components/Content/Details/ContentDetailInfo';
+import ContentDetailRepositories from '../../../components/Content/Details/ContentDetailRepositories';
+
+export const displayMap = new Map([
+  ['name', __('Name')],
+  ['summary', __('Summary')],
+  ['description', __('Description')],
+  ['stream', __('Stream')],
+  ['version', __('Version')],
+  ['arch', __('Arch')],
+  ['context', __('Context')],
+  ['uuid', __('UUID')],
+]);
+
+export default (detailInfo) => {
+  const { repositories, profiles, artifacts } = 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')
+      ),
+    },
+    {
+      key: 3,
+      tabHeader: __('Profiles'),
+      tabContent: (profiles && profiles.length ?
+        <ModuleStreamDetailProfiles profiles={profiles} /> :
+        __('No profiles to show')
+      ),
+    },
+    {
+      key: 4,
+      tabHeader: __('Artifacts'),
+      tabContent: (artifacts && artifacts.length ?
+        <ModuleStreamDetailArtifacts artifacts={artifacts} /> :
+        __('No artifacts to show')
+      ),
+    },
+  ];
+};
+

data/webpack/scenes/ModuleStreams/Details/ModuleStreamDetails.js

@@ -1,14 +1,10 @@
 import React, { Component } from 'react';
-import { Nav, NavItem, TabPane, TabContent, TabContainer, Grid, Row, Col } from 'patternfly-react';
 import BreadcrumbsBar from 'foremanReact/components/BreadcrumbBar';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { PropTypes } from 'prop-types';
-import { LoadingState } from '../../../move_to_pf/LoadingState';
 import api from '../../../services/api';
-import ModuleStreamDetailInfo from './ModuleStreamDetailInfo';
-import ModuleStreamDetailRepositories from './Repositories/ModuleStreamDetailRepositories';
-import ModuleStreamDetailArtifacts from './ModuleStreamDetailArtifacts';
-import ModuleStreamDetailProfiles from './Profiles/ModuleStreamDetailProfiles';
+import ContentDetails from '../../../components/Content/Details/ContentDetails';
+import moduleDetailsSchema from './ModuleDetailsSchema';
 
 class ModuleStreamDetails extends Component {
   componentDidMount() {
@@ -36,7 +32,7 @@ class ModuleStreamDetails extends Component {
   render() {
     const { moduleStreamDetails } = this.props;
     const {
-      loading, name, stream, profiles, repositories, artifacts,
+      loading, name, stream,
     } = moduleStreamDetails;
 
     const resource = {
@@ -64,70 +60,10 @@ class ModuleStreamDetails extends Component {
             resource,
           }}
         />}
-
-        <LoadingState
-          loading={loading}
-          loadingText={__('Loading')}
-        >
-          <TabContainer id="module-stream-tabs-container" defaultActiveKey={1}>
-            <Grid bsClass="container-fluid">
-              <Row>
-                <Col sm={12}>
-                  <Nav bsClass="nav nav-tabs">
-                    <NavItem eventKey={1}>
-                      <div>{__('Details')}</div>
-                    </NavItem>
-                    <NavItem eventKey={2}>
-                      <div>{__('Repositories')}</div>
-                    </NavItem>
-                    <NavItem eventKey={3}>
-                      <div>{__('Profiles')}</div>
-                    </NavItem>
-                    <NavItem eventKey={4}>
-                      <div>{__('Artifacts')}</div>
-                    </NavItem>
-                  </Nav>
-                </Col>
-              </Row>
-              <TabContent animation={false}>
-                <TabPane eventKey={1}>
-                  <Row>
-                    <Col sm={12}>
-                      <ModuleStreamDetailInfo moduleStreamDetails={moduleStreamDetails} />
-                    </Col>
-                  </Row>
-                </TabPane>
-                <TabPane eventKey={2}>
-                  <Row>
-                    <Col sm={12}>
-                      {repositories && repositories.length ?
-                        <ModuleStreamDetailRepositories repositories={repositories} /> :
-                        __('No repositories to show')}
-                    </Col>
-                  </Row>
-                </TabPane>
-                <TabPane eventKey={3}>
-                  <Row>
-                    <Col sm={12}>
-                      {profiles && profiles.length ?
-                        <ModuleStreamDetailProfiles profiles={profiles} /> :
-                        __('No profiles to show')}
-                    </Col>
-                  </Row>
-                </TabPane>
-                <TabPane eventKey={4}>
-                  <Row>
-                    <Col sm={12}>
-                      {artifacts && artifacts.length ?
-                        <ModuleStreamDetailArtifacts artifacts={artifacts} /> :
-                        __('No artifacts to show')}
-                    </Col>
-                  </Row>
-                </TabPane>
-              </TabContent>
-            </Grid>
-          </TabContainer>
-        </LoadingState>
+        <ContentDetails
+          contentDetails={moduleStreamDetails}
+          schema={moduleDetailsSchema(moduleStreamDetails)}
+        />
       </div>
     );
   }

data/webpack/scenes/ModuleStreams/Details/ModuleStreamDetailsActions.js

@@ -6,20 +6,18 @@ import {
 } from './ModuleStreamDetailsConstants';
 import { apiError } from '../../../move_to_foreman/common/helpers.js';
 
-export const loadModuleStreamDetails = moduleStreamId => (dispatch) => {
+export const loadModuleStreamDetails = moduleStreamId => async (dispatch) => {
   dispatch({ type: MODULE_STREAM_DETAILS_REQUEST });
 
-  return api
-    .get(`/module_streams/${moduleStreamId}`)
-    .then(({ data }) => {
-      dispatch({
-        type: MODULE_STREAM_DETAILS_SUCCESS,
-        response: data,
-      });
-    })
-    .catch((result) => {
-      dispatch(apiError(MODULE_STREAM_DETAILS_FAILURE, result));
+  try {
+    const { data } = await api.get(`/module_streams/${moduleStreamId}`);
+    return dispatch({
+      type: MODULE_STREAM_DETAILS_SUCCESS,
+      response: data,
     });
+  } catch (error) {
+    return dispatch(apiError(MODULE_STREAM_DETAILS_FAILURE, error));
+  }
 };
 
 export default loadModuleStreamDetails;

data/webpack/scenes/ModuleStreams/Details/__tests__/ModuleStreamDetailInfo.test.js

@@ -1,14 +1,16 @@
 import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
-import ModuleStreamDetailInfo from '../ModuleStreamDetailInfo';
+import ContentDetailInfo from '../../../../components/Content/Details/ContentDetailInfo';
 import { details } from './moduleStreamDetails.fixtures';
+import { displayMap } from '../ModuleDetailsSchema';
 
 const fixtures = {
   'renders with module stream info': {
-    moduleStreamDetails: details,
+    contentDetails: details,
+    displayMap,
   },
 };
 
 describe('Module stream detail info component', () => {
   describe('rendering', () =>
-    testComponentSnapshotsWithFixtures(ModuleStreamDetailInfo, fixtures));
+    testComponentSnapshotsWithFixtures(ContentDetailInfo, fixtures));
 });

data/webpack/scenes/ModuleStreams/Details/__tests__/__snapshots__/ModuleStreamDetails.test.js.snap

@@ -2,166 +2,91 @@
 
 exports[`Module stream details page rendering renders with loading state 1`] = `
 <div>
-  <LoadingState
-    loading={true}
-    loadingText="Loading"
-    timeout={300}
-  >
-    <ForwardRef
-      defaultActiveKey={1}
-      id="module-stream-tabs-container"
-    >
-      <Grid
-        bsClass="container-fluid"
-        componentClass="div"
-        fluid={false}
-      >
-        <Row
-          bsClass="row"
-          componentClass="div"
-        >
-          <Col
-            bsClass="col"
-            componentClass="div"
-            sm={12}
-          >
-            <Nav
-              bsClass="nav nav-tabs"
-              justified={false}
-              pullLeft={false}
-              pullRight={false}
-              stacked={false}
-            >
-              <NavItem
-                active={false}
-                disabled={false}
-                eventKey={1}
-              >
-                <div>
-                  Details
-                </div>
-              </NavItem>
-              <NavItem
-                active={false}
-                disabled={false}
-                eventKey={2}
-              >
-                <div>
-                  Repositories
-                </div>
-              </NavItem>
-              <NavItem
-                active={false}
-                disabled={false}
-                eventKey={3}
-              >
-                <div>
-                  Profiles
-                </div>
-              </NavItem>
-              <NavItem
-                active={false}
-                disabled={false}
-                eventKey={4}
-              >
-                <div>
-                  Artifacts
-                </div>
-              </NavItem>
-            </Nav>
-          </Col>
-        </Row>
-        <TabContent
-          animation={false}
-          bsClass="tab"
-          componentClass="div"
-          mountOnEnter={false}
-          unmountOnExit={false}
-        >
-          <TabPane
-            bsClass="tab-pane"
-            eventKey={1}
-          >
-            <Row
-              bsClass="row"
-              componentClass="div"
-            >
-              <Col
-                bsClass="col"
-                componentClass="div"
-                sm={12}
-              >
-                <ModuleStreamDetailInfo
-                  moduleStreamDetails={
-                    Object {
-                      "itemCount": 0,
-                      "loading": true,
-                      "pagination": Object {
-                        "page": 0,
-                        "perPage": 20,
-                      },
-                      "results": Array [],
-                    }
-                  }
-                />
-              </Col>
-            </Row>
-          </TabPane>
-          <TabPane
-            bsClass="tab-pane"
-            eventKey={2}
-          >
-            <Row
-              bsClass="row"
-              componentClass="div"
-            >
-              <Col
-                bsClass="col"
-                componentClass="div"
-                sm={12}
-              >
-                No repositories to show
-              </Col>
-            </Row>
-          </TabPane>
-          <TabPane
-            bsClass="tab-pane"
-            eventKey={3}
-          >
-            <Row
-              bsClass="row"
-              componentClass="div"
-            >
-              <Col
-                bsClass="col"
-                componentClass="div"
-                sm={12}
-              >
-                No profiles to show
-              </Col>
-            </Row>
-          </TabPane>
-          <TabPane
-            bsClass="tab-pane"
-            eventKey={4}
-          >
-            <Row
-              bsClass="row"
-              componentClass="div"
-            >
-              <Col
-                bsClass="col"
-                componentClass="div"
-                sm={12}
-              >
-                No artifacts to show
-              </Col>
-            </Row>
-          </TabPane>
-        </TabContent>
-      </Grid>
-    </ForwardRef>
-  </LoadingState>
+  <ContentDetails
+    contentDetails={
+      Object {
+        "itemCount": 0,
+        "loading": true,
+        "pagination": Object {
+          "page": 0,
+          "perPage": 20,
+        },
+        "results": Array [],
+      }
+    }
+    schema={
+      Array [
+        Object {
+          "key": 1,
+          "tabContent": <ContentDetailInfo
+            contentDetails={
+              Object {
+                "itemCount": 0,
+                "loading": true,
+                "pagination": Object {
+                  "page": 0,
+                  "perPage": 20,
+                },
+                "results": Array [],
+              }
+            }
+            displayMap={
+              Array [
+                Array [
+                  "name",
+                  "Name",
+                ],
+                Array [
+                  "summary",
+                  "Summary",
+                ],
+                Array [
+                  "description",
+                  "Description",
+                ],
+                Array [
+                  "stream",
+                  "Stream",
+                ],
+                Array [
+                  "version",
+                  "Version",
+                ],
+                Array [
+                  "arch",
+                  "Arch",
+                ],
+                Array [
+                  "context",
+                  "Context",
+                ],
+                Array [
+                  "uuid",
+                  "UUID",
+                ],
+              ]
+            }
+          />,
+          "tabHeader": "Details",
+        },
+        Object {
+          "key": 2,
+          "tabContent": "No repositories to show",
+          "tabHeader": "Repositories",
+        },
+        Object {
+          "key": 3,
+          "tabContent": "No profiles to show",
+          "tabHeader": "Profiles",
+        },
+        Object {
+          "key": 4,
+          "tabContent": "No artifacts to show",
+          "tabHeader": "Artifacts",
+        },
+      ]
+    }
+  />
 </div>
 `;
 
@@ -189,364 +114,385 @@ exports[`Module stream details page rendering renders with module stream provide
     }
     onSwitcherItemClick={[Function]}
   />
-  <LoadingState
-    loading={false}
-    loadingText="Loading"
-    timeout={300}
-  >
-    <ForwardRef
-      defaultActiveKey={1}
-      id="module-stream-tabs-container"
-    >
-      <Grid
-        bsClass="container-fluid"
-        componentClass="div"
-        fluid={false}
-      >
-        <Row
-          bsClass="row"
-          componentClass="div"
-        >
-          <Col
-            bsClass="col"
-            componentClass="div"
-            sm={12}
-          >
-            <Nav
-              bsClass="nav nav-tabs"
-              justified={false}
-              pullLeft={false}
-              pullRight={false}
-              stacked={false}
-            >
-              <NavItem
-                active={false}
-                disabled={false}
-                eventKey={1}
-              >
-                <div>
-                  Details
-                </div>
-              </NavItem>
-              <NavItem
-                active={false}
-                disabled={false}
-                eventKey={2}
-              >
-                <div>
-                  Repositories
-                </div>
-              </NavItem>
-              <NavItem
-                active={false}
-                disabled={false}
-                eventKey={3}
-              >
-                <div>
-                  Profiles
-                </div>
-              </NavItem>
-              <NavItem
-                active={false}
-                disabled={false}
-                eventKey={4}
-              >
-                <div>
-                  Artifacts
-                </div>
-              </NavItem>
-            </Nav>
-          </Col>
-        </Row>
-        <TabContent
-          animation={false}
-          bsClass="tab"
-          componentClass="div"
-          mountOnEnter={false}
-          unmountOnExit={false}
-        >
-          <TabPane
-            bsClass="tab-pane"
-            eventKey={1}
-          >
-            <Row
-              bsClass="row"
-              componentClass="div"
-            >
-              <Col
-                bsClass="col"
-                componentClass="div"
-                sm={12}
-              >
-                <ModuleStreamDetailInfo
-                  moduleStreamDetails={
-                    Object {
-                      "arch": "x86_64",
-                      "artifacts": Array [
-                        Object {
-                          "id": 208,
-                          "name": "python3-avocado-plugins-varianter-yaml-to-mux-0:63.0-2.module_2037+1b0ad681.noarch",
-                        },
-                        Object {
-                          "id": 207,
-                          "name": "python3-avocado-plugins-varianter-pict-0:63.0-2.module_2037+1b0ad681.noarch",
-                        },
-                      ],
-                      "context": "a5b0195c",
-                      "description": "Avocado is a set of tools and libraries (what people call these days a framework) to perform automated testing.",
-                      "id": 22,
-                      "name": "avocado",
-                      "profiles": Array [
-                        Object {
-                          "id": 37,
-                          "name": "default",
-                          "rpms": Array [
-                            Object {
-                              "id": 108,
-                              "name": "perl",
-                            },
-                            Object {
-                              "id": 110,
-                              "name": "foo",
-                            },
-                            Object {
-                              "id": 111,
-                              "name": "rpm_0",
-                            },
-                            Object {
-                              "id": 112,
-                              "name": "rpm_1",
-                            },
-                            Object {
-                              "id": 113,
-                              "name": "rpm_2",
-                            },
-                            Object {
-                              "id": 114,
-                              "name": "rpm_3",
-                            },
-                            Object {
-                              "id": 115,
-                              "name": "rpm_4",
-                            },
-                            Object {
-                              "id": 116,
-                              "name": "rpm_5",
-                            },
-                            Object {
-                              "id": 117,
-                              "name": "rpm_6",
-                            },
-                            Object {
-                              "id": 118,
-                              "name": "rpm_7",
-                            },
-                            Object {
-                              "id": 119,
-                              "name": "rpm_8",
-                            },
-                            Object {
-                              "id": 120,
-                              "name": "rpm_9",
-                            },
-                            Object {
-                              "id": 121,
-                              "name": "rpm_10",
-                            },
-                          ],
-                        },
-                        Object {
-                          "id": 38,
-                          "name": "minimal",
-                          "rpms": Array [
-                            Object {
-                              "id": 84,
-                              "name": "python2-avocado",
-                            },
-                          ],
-                        },
-                      ],
-                      "repositories": Array [
-                        Object {
-                          "id": 1,
-                          "name": "rawhide_wtih_modules",
-                          "product_id": 1,
-                          "product_name": "fedora",
-                        },
-                        Object {
-                          "id": 4,
-                          "name": "rawhide_wtih_modules_dup",
-                          "product_id": 1,
-                          "product_name": "fedora",
-                        },
-                      ],
-                      "stream": "latest",
-                      "summary": "Framework with tools and libraries for Automated Testing",
-                      "uuid": "8ae7f190-0a48-41a2-93e0-7bc3e4734355",
-                      "version": "20180816135607",
-                    }
-                  }
-                />
-              </Col>
-            </Row>
-          </TabPane>
-          <TabPane
-            bsClass="tab-pane"
-            eventKey={2}
-          >
-            <Row
-              bsClass="row"
-              componentClass="div"
-            >
-              <Col
-                bsClass="col"
-                componentClass="div"
-                sm={12}
-              >
-                <ModuleStreamDetailRepositories
-                  repositories={
-                    Array [
+  <ContentDetails
+    contentDetails={
+      Object {
+        "arch": "x86_64",
+        "artifacts": Array [
+          Object {
+            "id": 208,
+            "name": "python3-avocado-plugins-varianter-yaml-to-mux-0:63.0-2.module_2037+1b0ad681.noarch",
+          },
+          Object {
+            "id": 207,
+            "name": "python3-avocado-plugins-varianter-pict-0:63.0-2.module_2037+1b0ad681.noarch",
+          },
+        ],
+        "context": "a5b0195c",
+        "description": "Avocado is a set of tools and libraries (what people call these days a framework) to perform automated testing.",
+        "id": 22,
+        "name": "avocado",
+        "profiles": Array [
+          Object {
+            "id": 37,
+            "name": "default",
+            "rpms": Array [
+              Object {
+                "id": 108,
+                "name": "perl",
+              },
+              Object {
+                "id": 110,
+                "name": "foo",
+              },
+              Object {
+                "id": 111,
+                "name": "rpm_0",
+              },
+              Object {
+                "id": 112,
+                "name": "rpm_1",
+              },
+              Object {
+                "id": 113,
+                "name": "rpm_2",
+              },
+              Object {
+                "id": 114,
+                "name": "rpm_3",
+              },
+              Object {
+                "id": 115,
+                "name": "rpm_4",
+              },
+              Object {
+                "id": 116,
+                "name": "rpm_5",
+              },
+              Object {
+                "id": 117,
+                "name": "rpm_6",
+              },
+              Object {
+                "id": 118,
+                "name": "rpm_7",
+              },
+              Object {
+                "id": 119,
+                "name": "rpm_8",
+              },
+              Object {
+                "id": 120,
+                "name": "rpm_9",
+              },
+              Object {
+                "id": 121,
+                "name": "rpm_10",
+              },
+            ],
+          },
+          Object {
+            "id": 38,
+            "name": "minimal",
+            "rpms": Array [
+              Object {
+                "id": 84,
+                "name": "python2-avocado",
+              },
+            ],
+          },
+        ],
+        "repositories": Array [
+          Object {
+            "id": 1,
+            "name": "rawhide_wtih_modules",
+            "product_id": 1,
+            "product_name": "fedora",
+          },
+          Object {
+            "id": 4,
+            "name": "rawhide_wtih_modules_dup",
+            "product_id": 1,
+            "product_name": "fedora",
+          },
+        ],
+        "stream": "latest",
+        "summary": "Framework with tools and libraries for Automated Testing",
+        "uuid": "8ae7f190-0a48-41a2-93e0-7bc3e4734355",
+        "version": "20180816135607",
+      }
+    }
+    schema={
+      Array [
+        Object {
+          "key": 1,
+          "tabContent": <ContentDetailInfo
+            contentDetails={
+              Object {
+                "arch": "x86_64",
+                "artifacts": Array [
+                  Object {
+                    "id": 208,
+                    "name": "python3-avocado-plugins-varianter-yaml-to-mux-0:63.0-2.module_2037+1b0ad681.noarch",
+                  },
+                  Object {
+                    "id": 207,
+                    "name": "python3-avocado-plugins-varianter-pict-0:63.0-2.module_2037+1b0ad681.noarch",
+                  },
+                ],
+                "context": "a5b0195c",
+                "description": "Avocado is a set of tools and libraries (what people call these days a framework) to perform automated testing.",
+                "id": 22,
+                "name": "avocado",
+                "profiles": Array [
+                  Object {
+                    "id": 37,
+                    "name": "default",
+                    "rpms": Array [
+                      Object {
+                        "id": 108,
+                        "name": "perl",
+                      },
                       Object {
-                        "id": 1,
-                        "name": "rawhide_wtih_modules",
-                        "product_id": 1,
-                        "product_name": "fedora",
+                        "id": 110,
+                        "name": "foo",
                       },
                       Object {
-                        "id": 4,
-                        "name": "rawhide_wtih_modules_dup",
-                        "product_id": 1,
-                        "product_name": "fedora",
+                        "id": 111,
+                        "name": "rpm_0",
                       },
-                    ]
-                  }
-                />
-              </Col>
-            </Row>
-          </TabPane>
-          <TabPane
-            bsClass="tab-pane"
-            eventKey={3}
-          >
-            <Row
-              bsClass="row"
-              componentClass="div"
-            >
-              <Col
-                bsClass="col"
-                componentClass="div"
-                sm={12}
-              >
-                <ModuleStreamDetailProfiles
-                  profiles={
-                    Array [
                       Object {
-                        "id": 37,
-                        "name": "default",
-                        "rpms": Array [
-                          Object {
-                            "id": 108,
-                            "name": "perl",
-                          },
-                          Object {
-                            "id": 110,
-                            "name": "foo",
-                          },
-                          Object {
-                            "id": 111,
-                            "name": "rpm_0",
-                          },
-                          Object {
-                            "id": 112,
-                            "name": "rpm_1",
-                          },
-                          Object {
-                            "id": 113,
-                            "name": "rpm_2",
-                          },
-                          Object {
-                            "id": 114,
-                            "name": "rpm_3",
-                          },
-                          Object {
-                            "id": 115,
-                            "name": "rpm_4",
-                          },
-                          Object {
-                            "id": 116,
-                            "name": "rpm_5",
-                          },
-                          Object {
-                            "id": 117,
-                            "name": "rpm_6",
-                          },
-                          Object {
-                            "id": 118,
-                            "name": "rpm_7",
-                          },
-                          Object {
-                            "id": 119,
-                            "name": "rpm_8",
-                          },
-                          Object {
-                            "id": 120,
-                            "name": "rpm_9",
-                          },
-                          Object {
-                            "id": 121,
-                            "name": "rpm_10",
-                          },
-                        ],
+                        "id": 112,
+                        "name": "rpm_1",
                       },
                       Object {
-                        "id": 38,
-                        "name": "minimal",
-                        "rpms": Array [
-                          Object {
-                            "id": 84,
-                            "name": "python2-avocado",
-                          },
-                        ],
+                        "id": 113,
+                        "name": "rpm_2",
                       },
-                    ]
-                  }
-                />
-              </Col>
-            </Row>
-          </TabPane>
-          <TabPane
-            bsClass="tab-pane"
-            eventKey={4}
-          >
-            <Row
-              bsClass="row"
-              componentClass="div"
-            >
-              <Col
-                bsClass="col"
-                componentClass="div"
-                sm={12}
-              >
-                <ModuleStreamDetailArtifacts
-                  artifacts={
-                    Array [
                       Object {
-                        "id": 208,
-                        "name": "python3-avocado-plugins-varianter-yaml-to-mux-0:63.0-2.module_2037+1b0ad681.noarch",
+                        "id": 114,
+                        "name": "rpm_3",
                       },
                       Object {
-                        "id": 207,
-                        "name": "python3-avocado-plugins-varianter-pict-0:63.0-2.module_2037+1b0ad681.noarch",
+                        "id": 115,
+                        "name": "rpm_4",
                       },
-                    ]
-                  }
-                />
-              </Col>
-            </Row>
-          </TabPane>
-        </TabContent>
-      </Grid>
-    </ForwardRef>
-  </LoadingState>
+                      Object {
+                        "id": 116,
+                        "name": "rpm_5",
+                      },
+                      Object {
+                        "id": 117,
+                        "name": "rpm_6",
+                      },
+                      Object {
+                        "id": 118,
+                        "name": "rpm_7",
+                      },
+                      Object {
+                        "id": 119,
+                        "name": "rpm_8",
+                      },
+                      Object {
+                        "id": 120,
+                        "name": "rpm_9",
+                      },
+                      Object {
+                        "id": 121,
+                        "name": "rpm_10",
+                      },
+                    ],
+                  },
+                  Object {
+                    "id": 38,
+                    "name": "minimal",
+                    "rpms": Array [
+                      Object {
+                        "id": 84,
+                        "name": "python2-avocado",
+                      },
+                    ],
+                  },
+                ],
+                "repositories": Array [
+                  Object {
+                    "id": 1,
+                    "name": "rawhide_wtih_modules",
+                    "product_id": 1,
+                    "product_name": "fedora",
+                  },
+                  Object {
+                    "id": 4,
+                    "name": "rawhide_wtih_modules_dup",
+                    "product_id": 1,
+                    "product_name": "fedora",
+                  },
+                ],
+                "stream": "latest",
+                "summary": "Framework with tools and libraries for Automated Testing",
+                "uuid": "8ae7f190-0a48-41a2-93e0-7bc3e4734355",
+                "version": "20180816135607",
+              }
+            }
+            displayMap={
+              Array [
+                Array [
+                  "name",
+                  "Name",
+                ],
+                Array [
+                  "summary",
+                  "Summary",
+                ],
+                Array [
+                  "description",
+                  "Description",
+                ],
+                Array [
+                  "stream",
+                  "Stream",
+                ],
+                Array [
+                  "version",
+                  "Version",
+                ],
+                Array [
+                  "arch",
+                  "Arch",
+                ],
+                Array [
+                  "context",
+                  "Context",
+                ],
+                Array [
+                  "uuid",
+                  "UUID",
+                ],
+              ]
+            }
+          />,
+          "tabHeader": "Details",
+        },
+        Object {
+          "key": 2,
+          "tabContent": <ContentDetailRepositories
+            repositories={
+              Array [
+                Object {
+                  "id": 1,
+                  "name": "rawhide_wtih_modules",
+                  "product_id": 1,
+                  "product_name": "fedora",
+                },
+                Object {
+                  "id": 4,
+                  "name": "rawhide_wtih_modules_dup",
+                  "product_id": 1,
+                  "product_name": "fedora",
+                },
+              ]
+            }
+          />,
+          "tabHeader": "Repositories",
+        },
+        Object {
+          "key": 3,
+          "tabContent": <ModuleStreamDetailProfiles
+            profiles={
+              Array [
+                Object {
+                  "id": 37,
+                  "name": "default",
+                  "rpms": Array [
+                    Object {
+                      "id": 108,
+                      "name": "perl",
+                    },
+                    Object {
+                      "id": 110,
+                      "name": "foo",
+                    },
+                    Object {
+                      "id": 111,
+                      "name": "rpm_0",
+                    },
+                    Object {
+                      "id": 112,
+                      "name": "rpm_1",
+                    },
+                    Object {
+                      "id": 113,
+                      "name": "rpm_2",
+                    },
+                    Object {
+                      "id": 114,
+                      "name": "rpm_3",
+                    },
+                    Object {
+                      "id": 115,
+                      "name": "rpm_4",
+                    },
+                    Object {
+                      "id": 116,
+                      "name": "rpm_5",
+                    },
+                    Object {
+                      "id": 117,
+                      "name": "rpm_6",
+                    },
+                    Object {
+                      "id": 118,
+                      "name": "rpm_7",
+                    },
+                    Object {
+                      "id": 119,
+                      "name": "rpm_8",
+                    },
+                    Object {
+                      "id": 120,
+                      "name": "rpm_9",
+                    },
+                    Object {
+                      "id": 121,
+                      "name": "rpm_10",
+                    },
+                  ],
+                },
+                Object {
+                  "id": 38,
+                  "name": "minimal",
+                  "rpms": Array [
+                    Object {
+                      "id": 84,
+                      "name": "python2-avocado",
+                    },
+                  ],
+                },
+              ]
+            }
+          />,
+          "tabHeader": "Profiles",
+        },
+        Object {
+          "key": 4,
+          "tabContent": <ModuleStreamDetailArtifacts
+            artifacts={
+              Array [
+                Object {
+                  "id": 208,
+                  "name": "python3-avocado-plugins-varianter-yaml-to-mux-0:63.0-2.module_2037+1b0ad681.noarch",
+                },
+                Object {
+                  "id": 207,
+                  "name": "python3-avocado-plugins-varianter-pict-0:63.0-2.module_2037+1b0ad681.noarch",
+                },
+              ]
+            }
+          />,
+          "tabHeader": "Artifacts",
+        },
+      ]
+    }
+  />
 </div>
 `;