katello 4.5.0 → 4.6.0.rc1

data/webpack/scenes/AlternateContentSources/MainTable/ACSTable.js

@@ -1,26 +1,140 @@
-import React, { useState, useCallback } from 'react';
-import { useSelector, useDispatch } from 'react-redux';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useHistory, useLocation } from 'react-router-dom';
+import { useDispatch, useSelector } from 'react-redux';
 import { translate as __ } from 'foremanReact/common/I18n';
-import { Button } from '@patternfly/react-core';
-import { TableVariant, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
+import { STATUS } from 'foremanReact/constants';
+import {
+  Button,
+  Drawer,
+  DrawerActions,
+  DrawerCloseButton,
+  DrawerContent,
+  DrawerContentBody,
+  DrawerHead,
+  DrawerPanelContent,
+  Text,
+  TextContent,
+  TextList,
+  TextListItem,
+  TextListItemVariants,
+  TextListVariants,
+  TextVariants,
+} from '@patternfly/react-core';
+import { TableVariant, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
 import TableWrapper from '../../../components/Table/TableWrapper';
 import {
-  selectAlternateContentSources, selectAlternateContentSourcesError,
+  selectAlternateContentSources,
+  selectAlternateContentSourcesError,
   selectAlternateContentSourcesStatus,
 } from '../ACSSelectors';
 import { useTableSort } from '../../../components/Table/TableHooks';
-import getAlternateContentSources, { deleteACS, refreshACS } from '../ACSActions';
+import getAlternateContentSources, { deleteACS, getACSDetails, refreshACS } from '../ACSActions';
 import ACSCreateWizard from '../Create/ACSCreateWizard';
 import LastSync from '../../ContentViews/Details/Repositories/LastSync';
+import ACSExpandableDetails from '../Details/ACSExpandableDetails';
+import './ACSTable.scss';
 
 const ACSTable = () => {
   const response = useSelector(selectAlternateContentSources);
   const status = useSelector(selectAlternateContentSourcesStatus);
   const error = useSelector(selectAlternateContentSourcesError);
+  const resolved = status === STATUS.RESOLVED;
   const [searchQuery, updateSearchQuery] = useState('');
   const [isCreateWizardOpen, setIsCreateWizardOpen] = useState(false);
   const dispatch = useDispatch();
   const { results, ...metadata } = response;
+  const { pathname } = useLocation();
+  const { push } = useHistory();
+  const acsId = pathname.split('/')[3];
+  const [expandedId, setExpandedId] = useState(acsId);
+  const [isExpanded, setIsExpanded] = useState(false);
+  const drawerRef = useRef(null);
+
+  useEffect(() => {
+    if (acsId) {
+      dispatch(getACSDetails(acsId));
+      setIsExpanded(true);
+    }
+  }, [dispatch, acsId]);
+
+  const onExpand = () => {
+    if (drawerRef.current) drawerRef.current.focus();
+  };
+
+  const onDelete = (id) => {
+    dispatch(deleteACS(id, () =>
+      dispatch(getAlternateContentSources())));
+  };
+
+  const onRefresh = (id) => {
+    dispatch(refreshACS(id, () =>
+      dispatch(getAlternateContentSources())));
+  };
+
+  const createButtonOnclick = () => {
+    setIsCreateWizardOpen(true);
+  };
+
+  const onClick = (id) => {
+    setExpandedId(id);
+  };
+
+  const onCloseClick = () => {
+    setExpandedId(null);
+    push('/labs/alternate_content_sources');
+    setIsExpanded(false);
+  };
+
+  const PanelContent = () => {
+    if (!resolved) return <></>;
+    const acs = results?.find(source => source?.id === Number(expandedId));
+    const { last_refresh: lastTask } = acs ?? {};
+    const { last_refresh_words: lastRefreshWords, started_at: startedAt } = lastTask ?? {};
+    return (
+      <DrawerPanelContent defaultSize="50%">
+        <DrawerHead>
+          {results && isExpanded &&
+            <span ref={drawerRef}>
+              <TextContent>
+                <Text component={TextVariants.h1}>
+                  {acs?.name}
+                </Text>
+                <TextList component={TextListVariants.dl}>
+                  <TextListItem component={TextListItemVariants.dt}>
+                    {__('Last refresh :')}
+                  </TextListItem>
+                  <TextListItem
+                    aria-label="name_text_value"
+                    component={TextListItemVariants.dd}
+                  >
+                    <LastSync
+                      startedAt={startedAt}
+                      lastSync={lastTask}
+                      lastSyncWords={lastRefreshWords}
+                      emptyMessage="N/A"
+                    />
+                  </TextListItem>
+                </TextList>
+              </TextContent>
+              <ACSExpandableDetails />
+            </span>}
+          <DrawerActions>
+            <Button
+              ouiaId="refresh-acs"
+              onClick={() => onRefresh(acs?.id)}
+              variant="secondary"
+              isSmall
+              aria-label="refresh_acs"
+            >
+              {__('Refresh source')}
+            </Button>
+            <DrawerCloseButton onClick={onCloseClick} />
+          </DrawerActions>
+        </DrawerHead>
+      </DrawerPanelContent>
+    );
+  };
+
   const columnHeaders = [
     __('Name'),
     __('Type'),
@@ -50,20 +164,6 @@ const ACSTable = () => {
     [apiSortParams],
   );
 
-  const onDelete = (id) => {
-    dispatch(deleteACS(id, () =>
-      dispatch(getAlternateContentSources())));
-  };
-
-  const onRefresh = (id) => {
-    dispatch(refreshACS(id, () =>
-      dispatch(getAlternateContentSources())));
-  };
-
-  const createButtonOnclick = () => {
-    setIsCreateWizardOpen(true);
-  };
-
   const rowDropdownItems = ({ id }) => [
     {
       title: __('Delete'),
@@ -86,74 +186,102 @@ const ACSTable = () => {
   const emptySearchTitle = __('No matching alternate content sources found');
   const emptySearchBody = __('Try changing your search settings.');
   /* eslint-disable react/no-array-index-key */
+
   return (
-    <TableWrapper
-      {...{
-        metadata,
-        emptyContentTitle,
-        emptyContentBody,
-        emptySearchTitle,
-        emptySearchBody,
-        searchQuery,
-        updateSearchQuery,
-        error,
-        status,
-        fetchItems,
-      }}
-      ouiaId="alternate-content-sources-table"
-      variant={TableVariant.compact}
-      additionalListeners={[activeSortColumn, activeSortDirection]}
-      autocompleteEndpoint="/alternate_content_sources/auto_complete_search"
-      actionButtons={
-        <>
-          <Button ouiaId="create-acs" onClick={createButtonOnclick} variant="primary" aria-label="create_acs">
-            {__('Add source')}
-          </Button>
-          {isCreateWizardOpen &&
-            <ACSCreateWizard
-              show={isCreateWizardOpen}
-              setIsOpen={setIsCreateWizardOpen}
-            />
-          }
-        </>
-      }
-    >
-      <Thead>
-        <Tr>
-          {columnHeaders.map(col => (
-            <Th
-              key={col}
-              sort={COLUMNS_TO_SORT_PARAMS[col] ? pfSortParams(col) : undefined}
-            >
-              {col}
-            </Th>
-          ))}
-        </Tr>
-      </Thead>
-      <Tbody>
-        {results?.map((acs, index) => {
-          const {
-            name,
-            alternate_content_source_type: acsType,
-            last_refresh: lastTask,
-          } = acs;
-          const { last_refresh_words: lastRefreshWords, started_at: startedAt } = lastTask ?? {};
-          return (
-            <Tr key={index}>
-              <Td>{name}</Td>
-              <Td>{acsType}</Td>
-              <Td><LastSync startedAt={startedAt} lastSync={lastTask} lastSyncWords={lastRefreshWords} emptyMessage="N/A" /></Td>
-              <Td
-                actions={{
-                  items: rowDropdownItems(acs),
-                }}
-              />
-            </Tr>
-          );
-        })
-      }
-      </Tbody>
-    </TableWrapper>
+    <Drawer isExpanded={isExpanded} isInline onExpand={onExpand}>
+      <DrawerContent panelContent={<PanelContent />}>
+        <DrawerContentBody style={{ paddingBottom: '5%' }}>
+          <TableWrapper
+            {...{
+              metadata,
+              emptyContentTitle,
+              emptyContentBody,
+              emptySearchTitle,
+              emptySearchBody,
+              searchQuery,
+              updateSearchQuery,
+              error,
+              status,
+              fetchItems,
+            }}
+            ouiaId="alternate-content-sources-table"
+            variant={TableVariant.compact}
+            additionalListeners={[activeSortColumn, activeSortDirection]}
+            autocompleteEndpoint="/alternate_content_sources/auto_complete_search"
+            actionButtons={
+              <>
+                <Button
+                  ouiaId="create-acs"
+                  onClick={createButtonOnclick}
+                  variant="primary"
+                  aria-label="create_acs"
+                >
+                  {__('Add source')}
+                </Button>
+                {isCreateWizardOpen &&
+                <ACSCreateWizard
+                  show={isCreateWizardOpen}
+                  setIsOpen={setIsCreateWizardOpen}
+                />
+                    }
+              </>
+                }
+          >
+            <Thead>
+              <Tr>
+                {columnHeaders.map(col => (
+                  <Th
+                    key={col}
+                    sort={COLUMNS_TO_SORT_PARAMS[col] ? pfSortParams(col) : undefined}
+                  >
+                    {col}
+                  </Th>
+                ))}
+              </Tr>
+            </Thead>
+            <Tbody>
+              {results?.map((acs, index) => {
+                const {
+                  name,
+                  id,
+                  alternate_content_source_type: acsType,
+                  last_refresh: lastTask,
+                } = acs;
+                const {
+                  last_refresh_words: lastRefreshWords,
+                  started_at: startedAt,
+                } = lastTask ?? {};
+                return (
+                  <Tr key={index}>
+                    <Td onClick={() => {
+                      onClick(id);
+                      push(`/labs/alternate_content_sources/${id}/details`);
+                    }}
+                    >
+                      <Text component="a">{name}</Text>
+                    </Td>
+                    <Td>{acsType}</Td>
+                    <Td><LastSync
+                      startedAt={startedAt}
+                      lastSync={lastTask}
+                      lastSyncWords={lastRefreshWords}
+                      emptyMessage="N/A"
+                    />
+                    </Td>
+                    <Td
+                      actions={{
+                        items: rowDropdownItems(acs),
+                      }}
+                    />
+                  </Tr>
+                );
+              })
+                }
+            </Tbody>
+          </TableWrapper>
+        </DrawerContentBody>
+      </DrawerContent>
+    </Drawer>
   );
   /* eslint-enable react/no-array-index-key */
 };

data/webpack/scenes/AlternateContentSources/MainTable/ACSTable.scss

@@ -0,0 +1,3 @@
+.acs-full-height {
+  height: 100%;
+}

data/webpack/scenes/AlternateContentSources/MainTable/__tests__/acsTable.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { renderWithRedux, patientlyWaitFor } from 'react-testing-lib-wrapper';
 
-import nock, { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../../test-utils/nockWrapper';
+import { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../../test-utils/nockWrapper';
 import api from '../../../../services/api';
 import ACSTable from '../ACSTable';
 import acsData from './acsIndex.fixtures.json';
@@ -21,7 +21,6 @@ beforeEach(() => {
 });
 
 afterEach(() => {
-  nock.cleanAll();
   assertNockRequest(searchDelayScope);
   assertNockRequest(autoSearchScope);
 });

data/webpack/scenes/Content/__tests__/contentTable.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { renderWithRedux, patientlyWaitFor } from 'react-testing-lib-wrapper';
-import nock, { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../test-utils/nockWrapper';
+import { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../test-utils/nockWrapper';
 import api from '../../../services/api';
 import ContentPage from '../ContentPage';
 import ansibleCollectionsResponse from './ansibleCollections.fixtures';
@@ -21,7 +21,6 @@ beforeEach(() => {
 });
 
 afterEach(() => {
-  nock.cleanAll();
   assertNockRequest(autoSearchScope);
   assertNockRequest(searchDelayScope);
 });

data/webpack/scenes/ContentViews/ContentViewsConstants.js

@@ -2,6 +2,13 @@ import { translate as __ } from 'foremanReact/common/I18n';
 import { toUpper } from 'lodash';
 
 const CONTENT_VIEWS_KEY = 'CONTENT_VIEWS';
+const PACKAGES_KEY = 'PACKAGES';
+const PACKAGE_GROUPS_KEY = 'PACKAGE_GROUPS';
+const ERRATA_KEY = 'ERRATA';
+const MODULE_STREAMS_KEY = 'MODULE_STREAMS';
+const DEB_PACKAGES_KEY = 'DEB_PACKAGES';
+const DOCKER_TAGS_KEY = 'DOCKER_TAGS';
+const FILES_KEY = 'FILES';
 export const CREATE_CONTENT_VIEW_KEY = 'CONTENT_VIEW_CREATE';
 export const COPY_CONTENT_VIEW_KEY = 'CONTENT_VIEW_COPY';
 export const CREATE_CONTENT_VIEW_FILTER_KEY = 'CONTENT_VIEW_FILTER_CREATE';
@@ -51,12 +58,16 @@ export const cvVersionPublishKey = (cvId, versionCount) => `${PUBLISH_CONTENT_VI
 export const cvVersionTaskPollingKey = cvId => `CONTENT_VIEW_VERSION_POLLING_${cvId}`;
 export const cvAddComponentKey = cvId => `${CONTENT_VIEWS_KEY}_ADD_COMPONENT_${cvId}`;
 export const cvRemoveComponentKey = cvId => `${CONTENT_VIEWS_KEY}_REMOVE_COMPONENT_${cvId}`;
-
 export const removeComponentSuccessMessage = size => (size === 1 ? __('Removed component from content view') : __('Removed components from content view'));
-
 export const addComponentSuccessMessage = component => (component ? __('Updated component details') : __('Added component to content view'));
-
-
+export const genericContentCompareKey = (pluralLabel, versionOne, versionTwo, viewBy) => `${toUpper(pluralLabel)}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
+export const cvPackageGroupsCompareKey = (versionOne, versionTwo, viewBy) => `${PACKAGE_GROUPS_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
+export const cvRPMPackagesCompareKey = (versionOne, versionTwo, viewBy) => `${PACKAGES_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
+export const cvErrataCompareKey = (versionOne, versionTwo, viewBy) => `${ERRATA_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
+export const cvModuleStreamsCompareKey = (versionOne, versionTwo, viewBy) => `${MODULE_STREAMS_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
+export const cvDebPackagesCompareKey = (versionOne, versionTwo, viewBy) => `${DEB_PACKAGES_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
+export const cvDockerTagsCompareKey = (versionOne, versionTwo, viewBy) => `${DOCKER_TAGS_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
+export const filesCompareKey = (versionOne, versionTwo, viewBy) => `${FILES_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
 // Repo added to content view status display and key
 export const ADDED = __('Added');
 export const NOT_ADDED = __('Not added');

data/webpack/scenes/ContentViews/Delete/__tests__/contentViewDelete.test.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import { renderWithRedux, patientlyWaitFor, fireEvent, act } from 'react-testing-lib-wrapper';
 import api, { foremanApi } from '../../../../services/api';
-import nock, {
+import {
   nockInstance, assertNockRequest, mockAutocomplete, mockSetting, mockForemanAutocomplete,
 } from '../../../../test-utils/nockWrapper';
 import CONTENT_VIEWS_KEY from '../../ContentViewsConstants';
@@ -53,7 +53,6 @@ beforeEach(() => {
 });
 
 afterEach(() => {
-  nock.cleanAll();
   assertNockRequest(searchDelayScope);
   assertNockRequest(autoSearchScope);
 });

data/webpack/scenes/ContentViews/Details/ComponentContentViews/ContentViewComponents.js

@@ -58,6 +58,7 @@ const ContentViewComponents = ({ cvId, details }) => {
   const [bulkAdding, setBulkAdding] = useState(false);
   const [bulkActionOpen, setBulkActionOpen] = useState(false);
   const dispatch = useDispatch();
+  const resetFilters = () => setStatusSelected(ALL_STATUSES);
 
   const columnHeaders = [
     { title: __('Type'), transforms: [fitContent] },
@@ -244,6 +245,7 @@ const ContentViewComponents = ({ cvId, details }) => {
         status,
         activeFilters,
         defaultFilters,
+        resetFilters,
       }}
       ouiaId="content-view-components-table"
       actionResolver={hasPermission(permissions, 'edit_content_views') ? actionResolver : null}

data/webpack/scenes/ContentViews/Details/ComponentContentViews/__tests__/contentViewComponents.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { renderWithRedux, patientlyWaitFor, fireEvent } from 'react-testing-lib-wrapper';
-import nock, { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../../../test-utils/nockWrapper';
+import { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../../../test-utils/nockWrapper';
 import api from '../../../../../services/api';
 import CONTENT_VIEWS_KEY from '../../../ContentViewsConstants';
 import ContentViewComponents from '../ContentViewComponents';
@@ -30,7 +30,6 @@ beforeEach(() => {
 });
 
 afterEach(() => {
-  nock.cleanAll();
   assertNockRequest(searchDelayScope);
   assertNockRequest(autoSearchScope);
 });

data/webpack/scenes/ContentViews/Details/ContentViewDetailActions.js

@@ -49,6 +49,14 @@ import {
   generatedContentKey,
   STATUS_TRANSLATIONS_ENUM,
   bulkRemoveVersionKey,
+  cvRPMPackagesCompareKey,
+  cvPackageGroupsCompareKey,
+  cvErrataCompareKey,
+  cvModuleStreamsCompareKey,
+  cvDockerTagsCompareKey,
+  cvDebPackagesCompareKey,
+  filesCompareKey,
+  genericContentCompareKey,
 } from '../ContentViewsConstants';
 import api, { foremanApi, orgId } from '../../../services/api';
 import { getResponseErrorMsgs } from '../../../utils/helpers';
@@ -78,6 +86,111 @@ export const getRPMPackages = params => get({
   errorToast: error => __(`Something went wrong while fetching rpm packages! ${getResponseErrorMsgs(error.response)}`),
 });
 
+export const getRPMPackagesComparison = (versionOne, versionTwo, viewBy, params) => {
+  const versions = { content_view_version_ids: [versionOne, versionTwo] };
+  const restrictComparison = { restrict_comparison: viewBy };
+  const apiParams = { ...versions, ...restrictComparison, ...params };
+  const apiUrl = '/packages/compare';
+  return get({
+    key: cvRPMPackagesCompareKey(versionOne, versionTwo, viewBy),
+    params: apiParams,
+    errorToast: error => __(`Something went wrong while retrieving the packages! ${getResponseErrorMsgs(error.response)}`),
+    url: api.getApiUrl(apiUrl),
+  });
+};
+
+export const getPackageGroupsComparison = (versionOne, versionTwo, viewBy, params) => {
+  const versions = { content_view_version_ids: [versionOne, versionTwo] };
+  const restrictComparison = { restrict_comparison: viewBy };
+  const apiParams = { ...versions, ...restrictComparison, ...params };
+  const apiUrl = '/package_groups/compare';
+  return get({
+    key: cvPackageGroupsCompareKey(versionOne, versionTwo, viewBy),
+    params: apiParams,
+    errorToast: error => __(`Something went wrong while retrieving the package groups! ${getResponseErrorMsgs(error.response)}`),
+    url: api.getApiUrl(apiUrl),
+  });
+};
+
+export const getErrataComparison = (versionOne, versionTwo, viewBy, params) => {
+  const versions = { content_view_version_ids: [versionOne, versionTwo] };
+  const restrictComparison = { restrict_comparison: viewBy };
+  const apiParams = { ...versions, ...restrictComparison, ...params };
+  const apiUrl = '/errata/compare';
+  return get({
+    key: cvErrataCompareKey(versionOne, versionTwo, viewBy),
+    params: apiParams,
+    errorToast: error => __(`Something went wrong while retrieving the errata! ${getResponseErrorMsgs(error.response)}`),
+    url: api.getApiUrl(apiUrl),
+  });
+};
+
+export const getModuleStreamsComparison = (versionOne, versionTwo, viewBy, params) => {
+  const versions = { content_view_version_ids: [versionOne, versionTwo] };
+  const restrictComparison = { restrict_comparison: viewBy };
+  const apiParams = { ...versions, ...restrictComparison, ...params };
+  const apiUrl = '/module_streams/compare';
+  return get({
+    key: cvModuleStreamsCompareKey(versionOne, versionTwo, viewBy),
+    params: apiParams,
+    errorToast: error => __(`Something went wrong while retrieving the module streams! ${getResponseErrorMsgs(error.response)}`),
+    url: api.getApiUrl(apiUrl),
+  });
+};
+
+export const getDebPackagesComparison = (versionOne, versionTwo, viewBy, params) => {
+  const versions = { content_view_version_ids: [versionOne, versionTwo] };
+  const restrictComparison = { restrict_comparison: viewBy };
+  const apiParams = { ...versions, ...restrictComparison, ...params };
+  const apiUrl = '/debs/compare';
+  return get({
+    key: cvDebPackagesCompareKey(versionOne, versionTwo, viewBy),
+    params: apiParams,
+    errorToast: error => __(`Something went wrong while retrieving the deb packages! ${getResponseErrorMsgs(error.response)}`),
+    url: api.getApiUrl(apiUrl),
+  });
+};
+
+export const getDockerTagsComparison = (versionOne, versionTwo, viewBy, params) => {
+  const versions = { content_view_version_ids: [versionOne, versionTwo] };
+  const restrictComparison = { restrict_comparison: viewBy };
+  const apiParams = { ...versions, ...restrictComparison, ...params };
+  const apiUrl = '/docker_tags/compare';
+  return get({
+    key: cvDockerTagsCompareKey(versionOne, versionTwo, viewBy),
+    params: apiParams,
+    errorToast: error => __(`Something went wrong while retrieving the container tags! ${getResponseErrorMsgs(error.response)}`),
+    url: api.getApiUrl(apiUrl),
+  });
+};
+
+export const getFilesComparison = (versionOne, versionTwo, viewBy, params) => {
+  const versions = { content_view_version_ids: [versionOne, versionTwo] };
+  const restrictComparison = { restrict_comparison: viewBy };
+  const apiParams = { ...versions, ...restrictComparison, ...params };
+  const apiUrl = '/files/compare';
+  return get({
+    key: filesCompareKey(versionOne, versionTwo, viewBy),
+    params: apiParams,
+    errorToast: error => __(`Something went wrong while retrieving the files! ${getResponseErrorMsgs(error.response)}`),
+    url: api.getApiUrl(apiUrl),
+  });
+};
+
+export const getGenericContentComparison =
+  (pluralLabel, versionOne, versionTwo, viewBy, params) => {
+    const versions = { content_view_version_ids: [versionOne, versionTwo] };
+    const restrictComparison = { restrict_comparison: viewBy };
+    const apiParams = { ...versions, ...restrictComparison, ...params };
+    const apiUrl = `/${pluralLabel}/compare`;
+    return get({
+      key: genericContentCompareKey(pluralLabel, versionOne, versionTwo, viewBy),
+      params: apiParams,
+      errorToast: error => __(`Something went wrong while retrieving the content! ${getResponseErrorMsgs(error.response)}`),
+      url: api.getApiUrl(apiUrl),
+    });
+  };
+
 export const getFiles = params => get({
   type: API_OPERATIONS.GET,
   key: FILE_CONTENT,