katello 4.16.1 → 4.17.0.rc1

data/webpack/components/extensions/Hosts/BulkActions/BulkPackagesWizard/04_ReviewFooter.js

@@ -1,7 +1,11 @@
 import React, { useContext } from 'react';
 import { translate as __ } from 'foremanReact/common/I18n';
-import { Button } from '@patternfly/react-core';
-import { WizardFooterWrapper, useWizardContext } from '@patternfly/react-core/next';
+import {
+  Button,
+  WizardFooterWrapper,
+  useWizardContext,
+} from '@patternfly/react-core';
+
 import { BulkPackagesWizardContext, INSTALL, UPGRADE, UPGRADE_ALL, REMOVE } from './BulkPackagesWizard';
 import { dropdownOptions } from './04_Review';
 import { katelloPackageInstallBySearchUrl, packagesUpdateUrl, katelloPackageRemoveBySearchUrl } from '../../../HostDetails/Tabs/customizedRexUrlHelpers';

data/webpack/components/extensions/Hosts/BulkActions/BulkPackagesWizard/BulkPackagesWizard.js

@@ -1,6 +1,15 @@
 import React, { useState, createContext, useContext } from 'react';
-import { Radio, Text, TextVariants, TextContent, Alert } from '@patternfly/react-core';
-import { Wizard, WizardHeader, WizardStep } from '@patternfly/react-core/next';
+import {
+  Radio,
+  Text,
+  TextVariants,
+  TextContent,
+  Alert,
+  Wizard,
+  WizardHeader,
+  WizardStep,
+} from '@patternfly/react-core';
+
 import { translate as __ } from 'foremanReact/common/I18n';
 import { useForemanModal } from 'foremanReact/components/ForemanModal/ForemanModalHooks';
 import { useBulkSelect } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
@@ -191,6 +200,7 @@ const BulkPackagesWizard = () => {
               label={__('Upgrade all packages')}
               id="r1-upgrade-all-packages"
               ouiaId="r1-upgrade-all-packages"
+              style={{ marginTop: '0rem' }}
             />
             <Radio
               isChecked={selectedAction === UPGRADE}
@@ -199,6 +209,7 @@ const BulkPackagesWizard = () => {
               label={__('Upgrade packages')}
               id="r2-upgrade-packages"
               ouiaId="r2-upgrade-packages"
+              style={{ marginTop: '0rem' }}
             />
             <Radio
               isChecked={selectedAction === INSTALL}
@@ -207,6 +218,7 @@ const BulkPackagesWizard = () => {
               label={__('Install packages')}
               id="r3-install-packages"
               ouiaId="r3-install-packages"
+              style={{ marginTop: '0rem' }}
             />
             <Radio
               isChecked={selectedAction === REMOVE}
@@ -215,6 +227,7 @@ const BulkPackagesWizard = () => {
               label={__('Remove packages')}
               id="r4-remove-packages"
               ouiaId="r4-remove-packages"
+              style={{ marginTop: '0rem' }}
             />
           </div>
         </WizardStep>

data/webpack/components/extensions/Hosts/BulkActions/HostReview.js

@@ -105,7 +105,7 @@ const HostReview = ({
           {__('Review hosts')}
         </Text>
         <Text ouiaId="mpw-step-3-content" component={TextVariants.p}>
-          {__('Review and optionally exclude hosts from your selection.')}
+          {__('Review and optionally exclude hosts from your selection. Note that package actions on any image mode hosts will be transient and lost on the next reboot.')}
         </Text>
       </TextContent>
       {selectedCount === 0 && hasInteracted && (

data/webpack/components/extensions/Hosts/BulkActions/__tests__/bulkChangeHostCVModal.test.js

@@ -128,6 +128,7 @@ test('Select an env > call CV API > select a CV > Save button is enabled', async
   expect(saveButton).toBeInTheDocument();
   expect(saveButton).toHaveAttribute('aria-disabled', 'false');
 
-  assertNockRequest(contentViewsScope, done);
+  assertNockRequest(contentViewsScope);
+  done();
   act(done);
 });

data/webpack/components/extensions/Hosts/FontAwesomeImageModeIcon.js

@@ -47,7 +47,7 @@ FontAwesomeImageModeIcon.propTypes = {
 };
 
 FontAwesomeImageModeIcon.defaultProps = {
-  fill: 'var(--pf-global--palette--black-600)',
+  fill: 'var(--pf-v5-global--palette--black-600)',
   margin: '-2px',
   title: __('Image mode'),
 };

data/webpack/components/extensions/Hosts/ImageModeHostAlert.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import {
+  Alert,
+} from '@patternfly/react-core';
+
+import { translate as __ } from 'foremanReact/common/I18n';
+
+const ImageModeHostAlert = () => (
+  <Alert style={{ alignItems: 'center' }} className="margin-16-24" title={__('Package actions will be transient')} variant="info" ouiaId="image-mode-alert-info">
+    <p>{__('Any updates to image mode host(s) will be lost on the next reboot.')}</p>
+  </Alert>
+);
+
+export default ImageModeHostAlert;

data/webpack/components/extensions/RegistrationCommands/__tests__/__snapshots__/ActivationKeys.test.js.snap

@@ -3,21 +3,6 @@
 exports[`ActivationKeys renders 1`] = `
 <FormGroup
   fieldId="activation_keys_field"
-  helperText="From host group: "
-  helperTextInvalid={
-    <a
-      href="/activation_keys/new"
-    >
-      Create new activation key
-    </a>
-  }
-  helperTextInvalidIcon={
-    <ExclamationCircleIcon
-      color="currentColor"
-      noVerticalAlign={false}
-      size="sm"
-    />
-  }
   isRequired={true}
   label="Activation Keys"
   labelIcon={
@@ -26,7 +11,6 @@ exports[`ActivationKeys renders 1`] = `
     />
   }
   onFocus={[Function]}
-  validated="error"
 >
   <Select
     aria-describedby=""
@@ -70,7 +54,6 @@ exports[`ActivationKeys renders 1`] = `
     ouiaSafe={true}
     placeholderText="No Activation keys to select"
     position="left"
-    removeFindDomNode={false}
     removeSelectionAriaLabel="Remove"
     selections={Array []}
     shouldResetOnSelect={true}
@@ -85,5 +68,19 @@ exports[`ActivationKeys renders 1`] = `
     width=""
     zIndex={9999}
   />
+  <FormHelperText>
+    <HelperText>
+      <HelperTextItem
+        icon={<ExclamationCircleIcon />}
+        variant="error"
+      >
+        <a
+          href="/activation_keys/new"
+        >
+          Create new activation key
+        </a>
+      </HelperTextItem>
+    </HelperText>
+  </FormHelperText>
 </FormGroup>
 `;

data/webpack/components/extensions/RegistrationCommands/__tests__/__snapshots__/Force.test.js.snap

@@ -6,10 +6,10 @@ exports[`Force renders 1`] = `
 >
   <Checkbox
     className=""
-    component="div"
     id="reg_katello_force"
     isChecked={false}
     isDisabled={false}
+    isLabelWrapped={false}
     isRequired={false}
     isValid={true}
     label={

data/webpack/components/extensions/RegistrationCommands/__tests__/__snapshots__/IgnoreSubmanErrors.test.js.snap

@@ -6,10 +6,10 @@ exports[`IgnoreSubmanErrors renders 1`] = `
 >
   <Checkbox
     className=""
-    component="div"
     id="reg_katello_ignore"
     isChecked={false}
     isDisabled={false}
+    isLabelWrapped={false}
     isRequired={false}
     isValid={true}
     label={

data/webpack/components/extensions/RegistrationCommands/fields/ActivationKeys.js

@@ -1,21 +1,14 @@
 /* eslint-disable max-len, react/forbid-prop-types */
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import {
-  FormGroup,
-  Select,
-  SelectOption,
-  SelectVariant,
-} from '@patternfly/react-core';
+import { FormGroup, FormHelperText, HelperText, HelperTextItem } from '@patternfly/react-core';
+import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
 
 import LabelIcon from 'foremanReact/components/common/LabelIcon';
 import { ExclamationCircleIcon } from '@patternfly/react-icons';
 import { sprintf, translate as __ } from 'foremanReact/common/I18n';
 
-import {
-  validateAKField,
-  akHasValidValue,
-} from '../RegistrationCommandsPageHelpers';
+import { validateAKField, akHasValidValue } from '../RegistrationCommandsPageHelpers';
 
 const ActivationKeys = ({
   activationKeys,
@@ -34,11 +27,7 @@ const ActivationKeys = ({
     onChange({ activationKeys: keys });
     handleInvalidField(
       'Activation Keys',
-      akHasValidValue(
-        hostGroupId,
-        pluginValues?.activationKeys,
-        hostGroupActivationKeys,
-      ),
+      akHasValidValue(hostGroupId, pluginValues?.activationKeys, hostGroupActivationKeys),
     );
   };
 
@@ -54,41 +43,24 @@ const ActivationKeys = ({
   useEffect(() => {
     handleInvalidField(
       'Activation Keys',
-      akHasValidValue(
-        hostGroupId,
-        pluginValues?.activationKeys,
-        hostGroupActivationKeys,
-      ),
+      akHasValidValue(hostGroupId, pluginValues?.activationKeys, hostGroupActivationKeys),
     );
   }, [handleInvalidField, hostGroupId, hostGroupActivationKeys, pluginValues]);
 
+  const isError =
+    validateAKField(
+      hasInteraction,
+      hostGroupId,
+      activationKeys,
+      pluginValues?.activationKeys,
+      hostGroupActivationKeys,
+    ) === 'error';
   return (
     <FormGroup
       onFocus={() => setHasInteraction(true)}
       label={__('Activation Keys')}
       fieldId="activation_keys_field"
-      helperText={
-        hostGroupActivationKeys &&
-        sprintf('From host group: %s', hostGroupActivationKeys)
-      }
-      helperTextInvalid={
-        activationKeys?.length === 0 ? (
-          <a href="/activation_keys/new">{__('Create new activation key')}</a>
-        ) : (
-          __('No Activation Keys selected')
-        )
-      }
-      helperTextInvalidIcon={<ExclamationCircleIcon />}
-      labelIcon={
-        <LabelIcon text={__('Activation key(s) to use during registration')} />
-      }
-      validated={validateAKField(
-        hasInteraction,
-        hostGroupId,
-        activationKeys,
-        pluginValues?.activationKeys,
-        hostGroupActivationKeys,
-      )}
+      labelIcon={<LabelIcon text={__('Activation key(s) to use during registration')} />}
       isRequired
     >
       <Select
@@ -116,9 +88,7 @@ const ActivationKeys = ({
         id="activation_keys_field"
         className="without_select2"
         isDisabled={isLoading || activationKeys?.length === 0}
-        placeholderText={
-          activationKeys?.length === 0 ? __('No Activation keys to select') : ''
-        }
+        placeholderText={activationKeys?.length === 0 ? __('No Activation keys to select') : ''}
       >
         {activationKeys &&
           activationKeys.map(ack => (
@@ -129,6 +99,28 @@ const ActivationKeys = ({
             />
           ))}
       </Select>
+      {isError && (
+        <FormHelperText>
+          <HelperText>
+            <HelperTextItem variant="error" icon={<ExclamationCircleIcon />}>
+              {activationKeys?.length === 0 ? (
+                <a href="/activation_keys/new">{__('Create new activation key')}</a>
+              ) : (
+                __('No Activation Keys selected')
+              )}
+            </HelperTextItem>
+          </HelperText>
+        </FormHelperText>
+      )}
+      {!isError && hostGroupActivationKeys && (
+        <FormHelperText>
+          <HelperText>
+            <HelperTextItem>
+              {sprintf('From host group: %s', hostGroupActivationKeys)}
+            </HelperTextItem>
+          </HelperText>
+        </FormHelperText>
+      )}
     </FormGroup>
   );
 };
@@ -136,10 +128,7 @@ const ActivationKeys = ({
 ActivationKeys.propTypes = {
   activationKeys: PropTypes.array,
   selectedKeys: PropTypes.array,
-  hostGroupActivationKeys: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.array,
-  ]),
+  hostGroupActivationKeys: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   hostGroupId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   pluginValues: PropTypes.shape({
     activationKeys: PropTypes.array,

data/webpack/containers/Application/overrides.scss

@@ -122,7 +122,7 @@ html .pagination-pf-pagesize.btn-group {
 }
 
 // Modal sizing fix
-.pf-l-bullseye .pf-c-modal-box {
+.pf-v5-l-bullseye .pf-v5-c-modal-box {
   margin-top: 76px;
   max-height: calc(100vh - 76px);
 
@@ -137,11 +137,11 @@ html .pagination-pf-pagesize.btn-group {
   margin: 0 8px;
 
   svg {
-    color: var(--pf-global--Color--200)
+    color: var(--pf-v5-global--Color--200)
   }
 
   svg:hover {
-    color: var(--pf-global--Color--100)
+    color: var(--pf-v5-global--Color--100)
   }
 }
 
@@ -168,24 +168,24 @@ html .pagination-pf-pagesize.btn-group {
 
 .primary-detail-border {
   border-top: 0.2px;
-  border-top-color: var(--pf-c-table--BorderColor);
+  border-top-color: var(--pf-v5-c-table--BorderColor);
   border-top-style: inset;
 }
 
 .primary-detail-stack-items-border {
   border-bottom: 0.2px;
-  border-bottom-color: var(--pf-c-table--BorderColor);
+  border-bottom-color: var(--pf-v5-c-table--BorderColor);
   border-bottom-style: inset;
 }
 
 .border-left {
   border-left: 0.2px;
-  border-left-color: var(--pf-c-table--BorderColor);
+  border-left-color: var(--pf-v5-c-table--BorderColor);
   border-left-style: inset;
 }
 
 .border-right {
   border-right: 0.2px;
-  border-right-color: var(--pf-c-table--BorderColor);
+  border-right-color: var(--pf-v5-c-table--BorderColor);
   border-right-style: inset;
 }

data/webpack/ouia_id_check.js

@@ -7,12 +7,6 @@ import {
   Checkbox,
   Chip,
   ChipGroup,
-  ContextSelector,
-  Dropdown,
-  DropdownItem,
-  DropdownSeparator,
-  DropdownToggle,
-  DropdownToggleCheckbox,
   FormSelect,
   Menu,
   Modal,
@@ -20,10 +14,8 @@ import {
   Nav,
   NavExpandable,
   NavItem,
-  OptionsMenu,
   Pagination,
   Radio,
-  Select,
   Switch,
   TabButton,
   TabContent,
@@ -34,10 +26,22 @@ import {
   Toolbar,
 } from '@patternfly/react-core';
 import {
-  Table,
-  TableComposable,
+  ContextSelector,
+  Dropdown,
+  DropdownItem,
+  DropdownSeparator,
+  DropdownToggle,
+  DropdownToggleCheckbox,
+  OptionsMenu,
+  Select,
+} from '@patternfly/react-core/deprecated';
+import {
   Tr,
 } from '@patternfly/react-table';
+import {
+  Table as TableDeprecated,
+  Table,
+} from '@patternfly/react-table/deprecated';
 
 const checkForOuiaIds = () => {
   const ouiaSupportedPFComponents = [
@@ -74,7 +78,7 @@ const checkForOuiaIds = () => {
     Title,
     Toolbar,
     Table,
-    TableComposable,
+    TableDeprecated,
     Tr,
   ];
   beforeEach(() => {

data/webpack/redux/actions/RedHatRepositories/helpers.js

@@ -10,8 +10,6 @@ const repoTypeSearchQueryMap = {
 };
 
 const recommendedRepositoriesRHEL = [
-  'rhel-10-for-x86_64-baseos-rpms',
-  'rhel-10-for-x86_64-baseos-kickstart',
   'rhel-10-for-x86_64-baseos-rpms',
   'rhel-10-for-x86_64-baseos-kickstart',
   'rhel-10-for-x86_64-appstream-rpms',

data/webpack/scenes/ActivationKeys/Details/__tests__/activationKeyDetails.test.js

@@ -36,7 +36,8 @@ test('Makes API call and displays AK details on screen', async (done) => {
   expect(getByText('test description')).toBeInTheDocument();
   expect(getByText('1/4')).toBeInTheDocument();
 
-  assertNockRequest(akScope, done);
+  assertNockRequest(akScope);
+  done();
 });
 
 test('Displays placeholder when description is missing', async (done) => {
@@ -54,7 +55,8 @@ test('Displays placeholder when description is missing', async (done) => {
   await patientlyWaitFor(() => expect(getByRole('heading', { name: 'test' })).toBeInTheDocument());
   expect(getByText('No description provided')).toBeInTheDocument();
 
-  assertNockRequest(akScope, done);
+  assertNockRequest(akScope);
+  done();
 });
 
 test('Delete menu appears when toggle is clicked', async (done) => {
@@ -67,7 +69,8 @@ test('Delete menu appears when toggle is clicked', async (done) => {
   fireEvent.click(deleteToggle);
   await patientlyWaitFor(() => expect(getByText('Delete')).toBeInTheDocument());
 
-  assertNockRequest(akScope, done);
+  assertNockRequest(akScope);
+  done();
 });
 
 test('Edit modal appears when button is clicked', async (done) => {
@@ -79,7 +82,8 @@ test('Edit modal appears when button is clicked', async (done) => {
   fireEvent.click(editButton);
   await patientlyWaitFor(() => expect(getByText('Edit activation key')).toBeInTheDocument());
 
-  assertNockRequest(akScope, done);
+  assertNockRequest(akScope);
+  done();
 });
 
 test('Page displays 0 when usage count is null', async (done) => {
@@ -97,7 +101,8 @@ test('Page displays 0 when usage count is null', async (done) => {
   await patientlyWaitFor(() => expect(getByRole('heading', { name: 'test' })).toBeInTheDocument());
   expect(getByText('0/4')).toBeInTheDocument();
 
-  assertNockRequest(akScope, done);
+  assertNockRequest(akScope);
+  done();
 });
 
 test('Delete modal appears when link is clicked', async (done) => {
@@ -113,5 +118,6 @@ test('Delete modal appears when link is clicked', async (done) => {
   fireEvent.click(deleteLink);
   await patientlyWaitFor(() => expect(getByText('Activation Key will no longer be available for use. This operation cannot be undone.')).toBeInTheDocument());
 
-  assertNockRequest(akScope, done);
+  assertNockRequest(akScope);
+  done();
 });

data/webpack/scenes/ActivationKeys/Details/components/DeleteMenu.js

@@ -2,7 +2,17 @@ import React, {
   useState,
 } from 'react';
 import PropTypes from 'prop-types';
-import { Dropdown, DropdownItem, KebabToggle, DropdownPosition, Split, Icon, Text } from '@patternfly/react-core';
+import {
+  Split,
+  Icon,
+  Text,
+} from '@patternfly/react-core';
+import {
+  Dropdown,
+  DropdownItem,
+  KebabToggle,
+  DropdownPosition,
+} from '@patternfly/react-core/deprecated';
 import { UndoIcon, TrashIcon } from '@patternfly/react-icons';
 import { noop } from 'foremanReact/common/helpers';
 import { translate as __ } from 'foremanReact/common/I18n';
@@ -56,7 +66,7 @@ const DeleteMenu = ({ handleModalToggle, akId }) => {
       ouiaId="dekete-action"
       onSelect={onSelect}
       position={DropdownPosition.right}
-      toggle={<KebabToggle id="toggle-kebab" aria-label="delete-toggle" onToggle={onToggle} />}
+      toggle={<KebabToggle id="toggle-kebab" aria-label="delete-toggle" onToggle={(_event, isOpenValue) => onToggle(isOpenValue)} />}
       isOpen={isOpen}
       isPlain
       dropdownItems={dropdownItems}

data/webpack/scenes/ActivationKeys/Details/components/EditModal.js

@@ -131,7 +131,7 @@ const EditModal = ({ akDetails, akId }) => {
               id="ak-name-input"
               type="text"
               value={nameValue}
-              onChange={handleNameInputChange}
+              onChange={(_event, value) => handleNameInputChange(value)}
             />
           </FormGroup>
           <FormGroup
@@ -150,7 +150,7 @@ const EditModal = ({ akDetails, akId }) => {
                   minusBtnAriaLabel="minus"
                   plusBtnAriaLabel="plus"
                   isDisabled={isUnlimited}
-                  allowEmptyInput
+
                 />
               </StackItem>
               <StackItem>
@@ -172,7 +172,7 @@ const EditModal = ({ akDetails, akId }) => {
               type="text"
               placeholder={__('Description')}
               value={descriptionValue || ''}
-              onChange={handleDescriptionInputChange}
+              onChange={(_event, value) => handleDescriptionInputChange(value)}
             />
           </FormGroup>
         </Form>

data/webpack/scenes/AlternateContentSources/Create/ACSCreateWizard.js

@@ -1,7 +1,9 @@
 import React, { useEffect, useState } from 'react';
 import { useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
-import { Wizard } from '@patternfly/react-core';
+import {
+  Wizard,
+} from '@patternfly/react-core/deprecated';
 import { translate as __ } from 'foremanReact/common/I18n';
 import ACSCreateContext from './ACSCreateContext';
 import SelectSource from './Steps/SelectSource';

data/webpack/scenes/AlternateContentSources/Create/Steps/ACSCreateFinish.js

@@ -3,7 +3,9 @@ import { useDispatch, useSelector } from 'react-redux';
 import { useHistory } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import useDeepCompareEffect from 'use-deep-compare-effect';
-import { WizardContextConsumer } from '@patternfly/react-core';
+import {
+  WizardContextConsumer,
+} from '@patternfly/react-core/deprecated';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { STATUS } from 'foremanReact/constants';
 import ACSCreateContext from '../ACSCreateContext';

data/webpack/scenes/AlternateContentSources/Create/Steps/ACSCredentials.js

@@ -58,6 +58,7 @@ const ACSCredentials = () => {
             setSslCertName('');
             setSslKeyName('');
           }}
+          style={{ marginTop: '0rem' }}
         />
         }
         {(authentication === 'manual') &&
@@ -76,7 +77,7 @@ const ACSCredentials = () => {
                 name="acs_username_field"
                 aria-label="acs_username_field"
                 value={username}
-                onChange={(value) => { setUsername(value); }}
+                onChange={(_event, value) => { setUsername(value); }}
               />
 
             </FormGroup>
@@ -93,7 +94,7 @@ const ACSCredentials = () => {
                 name="acs_password_field"
                 aria-label="acs_password_field"
                 value={password}
-                onChange={(value) => { setPassword(value); }}
+                onChange={(_event, value) => { setPassword(value); }}
               />
             </FormGroup>
           </>
@@ -110,6 +111,7 @@ const ACSCredentials = () => {
             setUsername('');
             setPassword('');
           }}
+          style={{ marginTop: '0rem' }}
         />
         {(authentication === 'content_credentials') &&
         <>
@@ -122,7 +124,10 @@ const ACSCredentials = () => {
               ouiaId="sslCert-select"
               isRequired
               value={sslCert}
-              onChange={(value) => { setSslCert(value); setSslCertName(getCertName(value)); }}
+              onChange={(_event, value) => {
+                setSslCert(value);
+                setSslCertName(getCertName(value));
+              }}
               aria-label="sslCert_select"
             >
               {
@@ -152,7 +157,7 @@ const ACSCredentials = () => {
               ouiaId="sslKey-select"
               isRequired
               value={sslKey}
-              onChange={(value) => { setSslKey(value); setSslKeyName(getCertName(value)); }}
+              onChange={(_event, value) => { setSslKey(value); setSslKeyName(getCertName(value)); }}
               aria-label="sslKey_select"
             >
               {
@@ -191,6 +196,7 @@ const ACSCredentials = () => {
             setUsername('');
             setPassword('');
           }}
+          style={{ marginTop: '0rem' }}
         />
         <FormGroup label={__('Verify SSL')} fieldId="verify_ssl">
           <Switch
@@ -198,7 +204,7 @@ const ACSCredentials = () => {
             ouiaId="verify-ssl-switch"
             aria-label="verify-ssl-switch"
             isChecked={verifySSL}
-            onChange={checked => setVerifySSL(checked)}
+            onChange={(_event, checked) => setVerifySSL(checked)}
           />
         </FormGroup>
         <FormGroup
@@ -211,7 +217,7 @@ const ACSCredentials = () => {
             isDisabled={!verifySSL}
             isRequired
             value={caCert}
-            onChange={(value) => { setCACert(value); setCACertName(getCertName(value)); }}
+            onChange={(_event, value) => { setCACert(value); setCACertName(getCertName(value)); }}
             aria-label="sslCAcert_select"
           >
             {

data/webpack/scenes/AlternateContentSources/Create/Steps/ACSSmartProxies.js

@@ -58,7 +58,7 @@ const ACSSmartProxies = () => {
           ouiaId="use-http-proxies-switch"
           aria-label="use-http-proxies-switch"
           isChecked={useHttpProxies}
-          onChange={checked => setUseHttpProxies(checked)}
+          onChange={(_event, checked) => setUseHttpProxies(checked)}
         />
       </FormGroup>
     </>