katello 4.11.1 → 4.12.0.rc1

data/webpack/components/extensions/HostDetails/Tabs/DebsTab/DebsTab.js

@@ -0,0 +1,585 @@
+import React, { useCallback, useState, useRef } from 'react';
+import { useSelector } from 'react-redux';
+import {
+  ActionList,
+  ActionListItem,
+  Dropdown,
+  DropdownItem,
+  DropdownSeparator,
+  DropdownToggle,
+  DropdownToggleAction,
+  KebabToggle,
+  Select,
+  SelectOption,
+  SelectVariant,
+  Skeleton,
+  Split,
+  SplitItem,
+} from '@patternfly/react-core';
+import { TableVariant, Thead, Tbody, Tr, Th, Td, TableText } from '@patternfly/react-table';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { selectAPIResponse } from 'foremanReact/redux/API/APISelectors';
+
+import { urlBuilder } from 'foremanReact/common/urlHelpers';
+import { useSet, useBulkSelect, useUrlParams } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
+import { useTableSort } from 'foremanReact/components/PF4/Helpers/useTableSort';
+import SelectableDropdown from '../../../../SelectableDropdown';
+import TableWrapper from '../../../../../components/Table/TableWrapper';
+import PackagesStatus from '../../../../../components/Packages';
+import {
+  getInstalledDebs,
+} from './HostDebsActions';
+import { selectHostDebsStatus } from './HostDebsSelectors';
+import {
+  HOST_DEBS_KEY, PACKAGES_VERSION_STATUSES, VERSION_STATUSES_TO_PARAM,
+} from './HostDebsConstants';
+import { removePackage, updatePackage, removePackages, updatePackages, installPackageBySearch } from '../RemoteExecutionActions';
+import { katelloPackageUpdateUrl, packagesUpdateUrl } from '../customizedRexUrlHelpers';
+import './DebsTab.scss';
+import hostIdNotReady, { getHostDetails } from '../../HostDetailsActions';
+import DebInstallModal from './DebInstallModal';
+import { hasRequiredPermissions as can,
+  missingRequiredPermissions as cannot,
+  userPermissionsFromHostDetails } from '../../hostDetailsHelpers';
+import SortableColumnHeaders from '../../../../Table/components/SortableColumnHeaders';
+import { useRexJobPolling } from '../RemoteExecutionHooks';
+
+export const hideDebsTab = ({ hostDetails }) => !(hostDetails?.operatingsystem_family === 'Debian');
+
+const invokeRexJobs = ['create_job_invocations'];
+const createBookmarks = ['create_bookmarks'];
+
+const UpdateVersionsSelect = ({
+  packageName,
+  rowIndex,
+  selections,
+  upgradableVersions,
+  toggleUpgradableVersionSelect,
+  onUpgradableVersionSelect,
+  upgradableVersionSelectOpen,
+}) => {
+  if (upgradableVersions === null) {
+    return <TableText wrapModifier="nowrap">—</TableText>;
+  } else if (upgradableVersions.length === 1) {
+    return <TableText wrapModifier="nowrap">{upgradableVersions[0]}</TableText>;
+  }
+
+  return (
+    <div>
+      <span id="style-select-id">
+        <Select
+          variant={SelectVariant.single}
+          aria-label="upgradable-version-select"
+          ouiaId="upgradable-version-select"
+          onToggle={isOpen => toggleUpgradableVersionSelect(isOpen, rowIndex)}
+          onSelect={(event, selected) => {
+            onUpgradableVersionSelect(event, selected, rowIndex, packageName);
+          }}
+          selections={selections}
+          isOpen={upgradableVersionSelectOpen.has(rowIndex)}
+          isPlain
+        >
+          {upgradableVersions.map(version => (
+            <SelectOption
+              key={version}
+              value={version}
+              label={`${version}-version-select-option`}
+            />
+          ))}
+        </Select>
+      </span>
+    </div>
+  );
+};
+
+UpdateVersionsSelect.propTypes = {
+  packageName: PropTypes.string.isRequired,
+  rowIndex: PropTypes.number.isRequired,
+  selections: PropTypes.string,
+  upgradableVersions: PropTypes.arrayOf(PropTypes.string),
+  toggleUpgradableVersionSelect: PropTypes.func,
+  onUpgradableVersionSelect: PropTypes.func,
+  upgradableVersionSelectOpen: PropTypes.shape({
+    has: PropTypes.func,
+    rowIndex: PropTypes.number,
+  }),
+};
+
+UpdateVersionsSelect.defaultProps = {
+  selections: null,
+  upgradableVersions: null,
+  toggleUpgradableVersionSelect: undefined,
+  onUpgradableVersionSelect: undefined,
+  upgradableVersionSelectOpen: null,
+};
+
+export const DebsTab = () => {
+  const hostDetails = useSelector(state => selectAPIResponse(state, 'HOST_DETAILS'));
+  const {
+    id: hostId,
+    name: hostname,
+  } = hostDetails;
+
+  const { searchParam, status: statusParam } = useUrlParams();
+  const PACKAGE_STATUS = __('Status');
+  const [packageStatusSelected, setPackageStatusSelected] = useState(statusParam ?? PACKAGE_STATUS);
+  const activeFilters = [packageStatusSelected];
+  const defaultFilters = [PACKAGE_STATUS];
+  const [isBulkActionOpen, setIsBulkActionOpen] = useState(false);
+  const toggleBulkAction = () => setIsBulkActionOpen(prev => !prev);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const closeModal = () => setIsModalOpen(false);
+  const showActions = can(invokeRexJobs, userPermissionsFromHostDetails({ hostDetails }));
+
+  const [isActionOpen, setIsActionOpen] = useState(false);
+  const onActionSelect = () => {
+    setIsActionOpen(false);
+  };
+  const onActionToggle = () => {
+    setIsActionOpen(prev => !prev);
+  };
+
+  const upgradableVersionSelectOpen = useSet([]);
+  const toggleUpgradableVersionSelect = (isOpenState, rowIndex) => {
+    if (isOpenState) {
+      upgradableVersionSelectOpen.add(rowIndex);
+    } else {
+      upgradableVersionSelectOpen.delete(rowIndex);
+    }
+  };
+
+  const selectedNewVersions = useRef({});
+  const onUpgradableVersionSelect = (_event, selected, rowIndex, packageName) => {
+    toggleUpgradableVersionSelect(false, rowIndex);
+    selectedNewVersions.current[packageName] = selected;
+  };
+
+  const emptyContentTitle = __('This host does not have any packages.');
+  const emptyContentBody = __('Packages will appear here when available.');
+  const emptySearchTitle = __('No matching packages found');
+  const emptySearchBody = __('Try changing your search settings.');
+  const errorSearchTitle = __('Problem searching packages');
+  const columnHeaders = [
+    __('Package'),
+    __('Status'),
+    __('Installed version'),
+    __('Upgradable to'),
+  ];
+
+  const COLUMNS_TO_SORT_PARAMS = {
+    [columnHeaders[0]]: 'name',
+    [columnHeaders[2]]: 'version',
+  };
+
+  const {
+    pfSortParams, apiSortParams,
+    activeSortColumn, activeSortDirection,
+  } = useTableSort({
+    allColumns: columnHeaders,
+    columnsToSortParams: COLUMNS_TO_SORT_PARAMS,
+    initialSortColumnName: 'Package',
+  });
+
+  const fetchItems = useCallback(
+    (params) => {
+      if (!hostId) return hostIdNotReady;
+      const modifiedParams = { ...params };
+      if (packageStatusSelected !== PACKAGE_STATUS) {
+        modifiedParams.status = VERSION_STATUSES_TO_PARAM[packageStatusSelected];
+      }
+      return getInstalledDebs(hostId, { ...apiSortParams, ...modifiedParams });
+    },
+    [hostId, PACKAGE_STATUS, packageStatusSelected, apiSortParams],
+  );
+
+  const response = useSelector(state => selectAPIResponse(state, HOST_DEBS_KEY));
+  const { results, ...metadata } = response;
+  const { error: errorSearchBody } = metadata;
+  const status = useSelector(state => selectHostDebsStatus(state));
+  const {
+    selectOne,
+    isSelected,
+    searchQuery,
+    updateSearchQuery,
+    selectedCount,
+    isSelectable,
+    selectedResults,
+    selectNone,
+    selectAllMode,
+    areAllRowsSelected,
+    fetchBulkParams,
+    ...selectAll
+  } = useBulkSelect({
+    results,
+    metadata,
+    initialSearchQuery: searchParam || '',
+  });
+
+  const packageRemoveAction = packageName => removePackage({
+    hostname,
+    packageName,
+  });
+
+  const {
+    triggerJobStart: triggerPackageRemove, lastCompletedJob: lastCompletedPackageRemove,
+    isPolling: isRemoveInProgress,
+  } = useRexJobPolling(packageRemoveAction);
+
+  const packageBulkRemoveAction = bulkParams => removePackages({
+    hostname,
+    search: bulkParams,
+  });
+
+  const {
+    triggerJobStart: triggerBulkPackageRemove,
+    lastCompletedJob: lastCompletedBulkPackageRemove,
+    isPolling: isBulkRemoveInProgress,
+  } = useRexJobPolling(packageBulkRemoveAction);
+
+  const packageUpgradeAction = ({ packageName }) => updatePackage({
+    hostname,
+    packageName,
+  });
+
+  const {
+    triggerJobStart: triggerPackageUpgrade,
+    lastCompletedJob: lastCompletedPackageUpgrade,
+    isPolling: isUpgradeInProgress,
+  } = useRexJobPolling(packageUpgradeAction, getHostDetails({ hostname }));
+
+  const packageBulkUpgradeAction = bulkParams => updatePackages({
+    hostname,
+    search: bulkParams,
+    versions: JSON.stringify([]),
+  });
+
+  const {
+    triggerJobStart: triggerBulkPackageUpgrade,
+    lastCompletedJob: lastCompletedBulkPackageUpgrade,
+    isPolling: isBulkUpgradeInProgress,
+  } = useRexJobPolling(packageBulkUpgradeAction, getHostDetails({ hostname }));
+
+  const packageInstallAction
+    = bulkParams => installPackageBySearch({ hostname, search: bulkParams });
+
+  const {
+    triggerJobStart: triggerPackageInstall,
+    lastCompletedJob: lastCompletedPackageInstall,
+    isPolling: isInstallInProgress,
+  } = useRexJobPolling(packageInstallAction, getHostDetails({ hostname }));
+
+  const actionInProgress = (isRemoveInProgress || isUpgradeInProgress
+    || isBulkRemoveInProgress || isBulkUpgradeInProgress || isInstallInProgress);
+  const disabledReason = __('A remote execution job is in progress.');
+
+  if (!hostId) return <Skeleton />;
+
+  const handleInstallPackagesClick = () => {
+    setIsBulkActionOpen(false);
+    setIsModalOpen(true);
+  };
+
+  const removePackageViaRemoteExecution = packageName => triggerPackageRemove(packageName);
+
+  const removePackagesViaRemoteExecution = () => {
+    const selected = fetchBulkParams();
+    setIsBulkActionOpen(false);
+    selectNone();
+    triggerBulkPackageRemove(selected);
+  };
+
+  const removeBulk = () => removePackagesViaRemoteExecution();
+
+  const handlePackageRemove = packageName => removePackageViaRemoteExecution(packageName);
+
+  const upgradeViaRemoteExecution = ({ packageName, upgradableVersions }) => (
+    triggerPackageUpgrade({ packageName, upgradableVersions })
+  );
+
+  const upgradeBulkViaRemoteExecution = () => {
+    const selected = fetchBulkParams();
+    setIsBulkActionOpen(false);
+    selectNone();
+    triggerBulkPackageUpgrade(selected);
+  };
+
+  const upgradeBulk = () => upgradeBulkViaRemoteExecution();
+
+  const upgradeViaCustomizedRemoteExecution = selectedCount ?
+    packagesUpdateUrl({
+      hostname,
+      search: fetchBulkParams(),
+      versions: JSON.stringify([]),
+    }) : '#';
+
+  const disableRemove = () => selectedCount === 0 || selectAllMode;
+
+  const allUpgradable = () => selectedResults.length > 0 &&
+    selectedResults.every(item => item.upgradable_versions?.length > 0);
+  const disableUpgrade = () => selectedCount === 0 ||
+    (selectAllMode && packageStatusSelected !== 'Upgradable') ||
+    (!selectAllMode && !allUpgradable());
+
+  const readOnlyBookmarks =
+  cannot(createBookmarks, userPermissionsFromHostDetails({ hostDetails }));
+
+  const dropdownUpgradeItems = [
+    <DropdownItem
+      aria-label="bulk_upgrade_rex"
+      ouiaId="bulk_upgrade_rex"
+      key="bulk_upgrade_rex"
+      component="button"
+      onClick={upgradeBulkViaRemoteExecution}
+    >
+      {__('Upgrade via remote execution')}
+    </DropdownItem>,
+    <DropdownItem
+      aria-label="bulk_upgrade_customized_rex"
+      ouiaId="bulk_upgrade_customized_rex"
+      key="bulk_upgrade_customized_rex"
+      component="a"
+      href={upgradeViaCustomizedRemoteExecution}
+    >
+      {__('Upgrade via customized remote execution')}
+    </DropdownItem>,
+  ];
+
+  const dropdownRemoveItems = [
+    <DropdownItem
+      aria-label="bulk_remove"
+      ouiaId="bulk_remove"
+      key="bulk_remove"
+      component="button"
+      onClick={removeBulk}
+      isDisabled={disableRemove()}
+    >
+      {__('Remove')}
+    </DropdownItem>,
+    <DropdownSeparator key="separator" ouiaId="separator" />,
+    <DropdownItem
+      aria-label="install_pkg_on_host"
+      ouiaId="install_pkg_on_host"
+      key="install_pkg_on_host"
+      component="button"
+      onClick={handleInstallPackagesClick}
+    >
+      {__('Install packages')}
+    </DropdownItem>,
+  ];
+
+  const handlePackageStatusSelected = newStatus => setPackageStatusSelected((prevStatus) => {
+    if (prevStatus === newStatus) {
+      return PACKAGE_STATUS;
+    }
+    return newStatus;
+  });
+
+  const actionButtons = showActions ? (
+    <Split hasGutter>
+      <SplitItem>
+        <ActionList isIconList>
+          <ActionListItem>
+            <Dropdown
+              ouiaId="upgrade_actions_dropdown"
+              onSelect={onActionSelect}
+              toggle={
+                <DropdownToggle
+                  ouiaId="upgrade_actions_dropdown_toggle"
+                  splitButtonItems={[
+                    <DropdownToggleAction key="action" aria-label="upgrade_actions" onClick={upgradeBulk}>
+                      {__('Upgrade')}
+                    </DropdownToggleAction>,
+                  ]}
+                  isDisabled={actionInProgress || disableUpgrade()}
+                  splitButtonVariant="action"
+                  toggleVariant="primary"
+                  onToggle={onActionToggle}
+                />
+              }
+              isOpen={isActionOpen}
+              dropdownItems={dropdownUpgradeItems}
+            />
+          </ActionListItem>
+          <ActionListItem>
+            <Dropdown
+              toggle={<KebabToggle aria-label="bulk_actions" onToggle={toggleBulkAction} />}
+              isOpen={isBulkActionOpen}
+              isPlain
+              dropdownItems={dropdownRemoveItems}
+              ouiaId="bulk_actions_dropdown"
+            />
+          </ActionListItem>
+        </ActionList>
+      </SplitItem>
+    </Split>
+  ) : null;
+
+  const statusFilters = (
+    <Split hasGutter>
+      <SplitItem>
+        <SelectableDropdown
+          id="package-status-dropdown"
+          title={PACKAGE_STATUS}
+          showTitle={false}
+          items={Object.values(PACKAGES_VERSION_STATUSES)}
+          selected={packageStatusSelected}
+          setSelected={handlePackageStatusSelected}
+        />
+      </SplitItem>
+    </Split>
+  );
+
+  const resetFilters = () => setPackageStatusSelected(PACKAGE_STATUS);
+
+  return (
+    <div>
+      <div id="debs-tab">
+        <TableWrapper
+          {...{
+            metadata,
+            emptyContentTitle,
+            emptyContentBody,
+            emptySearchTitle,
+            emptySearchBody,
+            errorSearchTitle,
+            errorSearchBody,
+            status,
+            activeFilters,
+            defaultFilters,
+            actionButtons,
+            searchQuery,
+            updateSearchQuery,
+            toggleGroup: statusFilters,
+            selectedCount,
+            selectNone,
+            areAllRowsSelected,
+            resetFilters,
+          }
+          }
+          ouiaId="host-debs-table"
+          additionalListeners={[hostId, packageStatusSelected,
+            activeSortDirection, activeSortColumn, lastCompletedPackageUpgrade,
+            lastCompletedPackageRemove, lastCompletedBulkPackageRemove,
+            lastCompletedBulkPackageUpgrade, lastCompletedPackageInstall]}
+          fetchItems={fetchItems}
+          bookmarkController="katello_host_installed_debs"
+          readOnlyBookmarks={readOnlyBookmarks}
+          autocompleteEndpoint={`/api/v2/hosts/${hostId}/debs`}
+          rowsCount={results?.length}
+          variant={TableVariant.compact}
+          {...selectAll}
+          displaySelectAllCheckbox={showActions}
+          requestKey={HOST_DEBS_KEY}
+          alwaysShowActionButtons={false}
+        >
+          <Thead>
+            <Tr ouiaId="row-header">
+              <Th key="select-all" />
+              <SortableColumnHeaders
+                columnHeaders={columnHeaders}
+                pfSortParams={pfSortParams}
+                columnsToSortParams={COLUMNS_TO_SORT_PARAMS}
+              />
+              <Th />
+            </Tr>
+          </Thead>
+          <Tbody>
+            {results?.map((pkg, rowIndex) => {
+              const {
+                id,
+                name: packageName,
+                version: installedVersion,
+                deb_id: debId,
+                upgradable_versions: upgradableVersions,
+              } = pkg;
+
+              const rowActions = [
+                {
+                  title: __('Remove'),
+                  isDisabled: actionInProgress,
+                  onClick: () => handlePackageRemove(packageName),
+                },
+              ];
+
+              if (upgradableVersions) {
+                rowActions.unshift(
+                  {
+                    title: __('Upgrade via remote execution'),
+                    onClick: () => upgradeViaRemoteExecution({ packageName, upgradableVersions }),
+                    isDisabled: actionInProgress,
+                  },
+                  {
+                    title: __('Upgrade via customized remote execution'),
+                    component: 'a',
+                    href: katelloPackageUpdateUrl({
+                      hostname,
+                      packageName,
+                    }),
+                  },
+                );
+              }
+
+              return (
+                <Tr key={id} ouiaId={`action-row-${id}`}>
+                  {showActions ? (
+                    <Td
+                      select={{
+                        disable: actionInProgress,
+                        isSelected: isSelected(id),
+                        onSelect: (event, selected) => selectOne(selected, id, pkg),
+                        rowIndex,
+                        variant: 'checkbox',
+                      }}
+                      title={actionInProgress ? disabledReason : undefined}
+                    />
+                  ) : <Td>&nbsp;</Td>}
+                  <Td>
+                    {debId
+                      ? <a href={urlBuilder(`debs/${debId}`, '')}>{packageName}</a>
+                      : packageName
+                    }
+                  </Td>
+                  <Td><PackagesStatus {...pkg} /></Td>
+                  <Td>{installedVersion.replace(`${packageName}-`, '')}</Td>
+                  <Td>
+                    <UpdateVersionsSelect
+                      packageName={packageName}
+                      rowIndex={rowIndex}
+                      selections={selectedNewVersions.current[packageName]}
+                      upgradableVersions={upgradableVersions}
+                      toggleUpgradableVersionSelect={toggleUpgradableVersionSelect}
+                      onUpgradableVersionSelect={onUpgradableVersionSelect}
+                      upgradableVersionSelectOpen={upgradableVersionSelectOpen}
+                    />
+                  </Td>
+                  {showActions ? (
+                    <Td
+                      key={`rowActions-${id}`}
+                      actions={{
+                        items: rowActions,
+                      }}
+                    />
+                  ) : null}
+                </Tr>
+              );
+            })
+            }
+          </Tbody>
+        </TableWrapper>
+      </div>
+      {hostId &&
+        <DebInstallModal
+          isOpen={isModalOpen}
+          closeModal={closeModal}
+          hostId={hostId}
+          key={hostId}
+          hostName={hostname}
+          triggerPackageInstall={triggerPackageInstall}
+        />
+      }
+    </div>
+  );
+};
+
+export default DebsTab;

data/webpack/components/extensions/HostDetails/Tabs/DebsTab/DebsTab.scss

@@ -0,0 +1,12 @@
+#debs-tab {
+  margin: 16px 0;
+}
+
+#debs-alert {
+  margin: 16px 24px;
+}
+
+#style-select-id .pf-c-select button.pf-c-select__toggle {
+  font-size: 1em;
+  margin-left: -0.5rem;
+}

data/webpack/components/extensions/HostDetails/Tabs/DebsTab/HostDebsActions.js

@@ -0,0 +1,13 @@
+import { API_OPERATIONS, get } from 'foremanReact/redux/API';
+import { foremanApi } from '../../../../../services/api';
+import {
+  HOST_DEBS_KEY,
+} from './HostDebsConstants';
+
+export const getInstalledDebs = (hostId, params) => get({
+  type: API_OPERATIONS.GET,
+  key: HOST_DEBS_KEY,
+  url: foremanApi.getApiUrl(`/hosts/${hostId}/debs?include_latest_upgradable=true`),
+  params,
+});
+export default getInstalledDebs;

data/webpack/components/extensions/HostDetails/Tabs/DebsTab/HostDebsConstants.js

@@ -0,0 +1,13 @@
+export const HOST_DEBS_KEY = 'HOST_DEBS';
+export const PACKAGES_SEARCH_QUERY = 'Packages search query';
+export const SELECTED_UPDATE_VERSIONS = 'Selected update versions';
+
+export const PACKAGES_VERSION_STATUSES = {
+  UPGRADABLE: 'Upgradable',
+  UP_TO_DATE: 'Up-to date',
+};
+
+export const VERSION_STATUSES_TO_PARAM = {
+  [PACKAGES_VERSION_STATUSES.UPGRADABLE]: 'upgradable',
+  [PACKAGES_VERSION_STATUSES.UP_TO_DATE]: 'up-to-date',
+};

data/webpack/components/extensions/HostDetails/Tabs/DebsTab/HostDebsSelectors.js

@@ -0,0 +1,16 @@
+import {
+  selectAPIStatus,
+  selectAPIError,
+  selectAPIResponse,
+} from 'foremanReact/redux/API/APISelectors';
+import { STATUS } from 'foremanReact/constants';
+import { HOST_DEBS_KEY } from './HostDebsConstants';
+
+export const selectHostDebs = state =>
+  selectAPIResponse(state, HOST_DEBS_KEY) || {};
+
+export const selectHostDebsStatus = state =>
+  selectAPIStatus(state, HOST_DEBS_KEY) || STATUS.PENDING;
+
+export const selectHostDebsError = state =>
+  selectAPIError(state, HOST_DEBS_KEY);

data/webpack/components/extensions/HostDetails/Tabs/DebsTab/InstallableDebsActions.js

@@ -0,0 +1,17 @@
+import { API_OPERATIONS, get } from 'foremanReact/redux/API';
+import katelloApi from '../../../../../services/api';
+import { HOST_INSTALLABLE_DEBS_KEY } from './InstallableDebsConstants';
+
+export const getHostInstallableDebs = (hostId, params) => get({
+  type: API_OPERATIONS.GET,
+  key: HOST_INSTALLABLE_DEBS_KEY,
+  url: katelloApi.getApiUrl('/debs'),
+  params: {
+    ...params,
+    host_id: hostId,
+    packages_restrict_not_installed: true,
+    packages_restrict_applicable: false,
+  },
+});
+export default getHostInstallableDebs;
+

data/webpack/components/extensions/HostDetails/Tabs/DebsTab/InstallableDebsConstants.js

@@ -0,0 +1,3 @@
+export const HOST_INSTALLABLE_DEBS_KEY = 'HOST_INSTALLABLE_DEBS';
+export const PACKAGE_SEARCH_QUERY = 'Package search query';
+export default HOST_INSTALLABLE_DEBS_KEY;

data/webpack/components/extensions/HostDetails/Tabs/DebsTab/InstallableDebsSelectors.js

@@ -0,0 +1,16 @@
+import {
+  selectAPIStatus,
+  selectAPIError,
+  selectAPIResponse,
+} from 'foremanReact/redux/API/APISelectors';
+import { STATUS } from 'foremanReact/constants';
+import { HOST_INSTALLABLE_DEBS_KEY } from './InstallableDebsConstants';
+
+export const selectHostInstallableDebs = state =>
+  selectAPIResponse(state, HOST_INSTALLABLE_DEBS_KEY) || {};
+
+export const selectHostInstallableDebsStatus = state =>
+  selectAPIStatus(state, HOST_INSTALLABLE_DEBS_KEY) || STATUS.PENDING;
+
+export const selectHostInstallableDebsError = state =>
+  selectAPIError(state, HOST_INSTALLABLE_DEBS_KEY);

data/webpack/components/extensions/HostDetails/Tabs/ModuleStreamsTab/ModuleStreamsTab.js

@@ -47,14 +47,7 @@ import {
   userPermissionsFromHostDetails,
 } from '../../hostDetailsHelpers';
 
-const moduleStreamSupported = ({ os, version }) =>
-  os.match(/RedHat|RHEL|CentOS|Rocky|AlmaLinux|Oracle Linux/i) && Number(version) > 7;
-export const hideModuleStreamsTab = ({ hostDetails }) => {
-  const osMatch = hostDetails?.operatingsystem_name?.match(/(\D+) (\d+)/);
-  if (!osMatch) return false;
-  const [, os, version] = osMatch;
-  return !(osMatch && moduleStreamSupported({ os, version }));
-};
+export const hideModuleStreamsTab = ({ hostDetails }) => !(hostDetails?.operatingsystem_family === 'Redhat' && Number(hostDetails?.operatingsystem_major > 7));
 
 const EnabledIcon = ({ streamText, streamInstallStatus, upgradable }) => {
   switch (true) {