katello 4.16.3 → 4.17.0.rc1

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

@@ -10,11 +10,13 @@ import {
   Button,
   Flex,
   FlexItem,
+} from '@patternfly/react-core';
+import {
   Dropdown,
   DropdownItem,
   KebabToggle,
   DropdownPosition,
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/deprecated';
 import { STATUS } from 'foremanReact/constants';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 import { translate as __ } from 'foremanReact/common/I18n';
@@ -81,31 +83,17 @@ export default () => {
   if (status === STATUS.PENDING) return (<Loading />);
   if (status === STATUS.ERROR) return (<EmptyStateMessage error={error} />);
 
-  const dropDownItems = [
-    <DropdownItem
-      key="copy"
-      ouiaId="cv-copy"
-      onClick={() => {
-        setCopying(true);
-      }}
-    >
-      {__('Copy')}
-    </DropdownItem>,
-    <DropdownItem
-      key="delete"
-      ouiaId="cv-delete"
-      onClick={() => {
-        setDeleting(true);
-      }}
-    >
-      {__('Delete')}
-    </DropdownItem>,
-  ];
-
   const {
-    name, composite, permissions, environments, versions,
+    name, composite, rolling, permissions, environments, versions,
     generated_for: generatedFor, import_only: importOnly,
   } = details;
+
+  const dropDownItems = [];
+  if (!rolling) {
+    dropDownItems.push(<DropdownItem key="copy" ouiaId="cv-copy" onClick={() => { setCopying(true); }} > {__('Copy')}</DropdownItem>);
+  }
+  dropDownItems.push(<DropdownItem key="delete" ouiaId="cv-delete" onClick={() => { setDeleting(true); }} > {__('Delete')}</DropdownItem>);
+
   const generatedContentView = generatedFor !== 'none';
   const detailsTab = {
     key: 'details',
@@ -141,11 +129,11 @@ export default () => {
   /* eslint-disable no-nested-ternary */
   const tabs = [
     detailsTab,
-    versionsTab,
+    ...(rolling ? [] : [versionsTab]),
     ...(composite ? [contentViewsTab] :
-      ((importOnly || generatedContentView) ?
+      ((importOnly || generatedContentView || rolling) ?
         [repositoriesTab] : [repositoriesTab, filtersTab])),
-    historyTab,
+    ...(rolling ? [] : [historyTab]),
   ];
   /* eslint-enable no-nested-ternary */
 
@@ -162,7 +150,11 @@ export default () => {
               <FlexItem>
                 <TextContent>
                   <Text ouiaId="cv-details-header-name" component={TextVariants.h1}>
-                    <ContentViewIcon count={truncate(name)} composite={composite} />
+                    <ContentViewIcon
+                      count={truncate(name)}
+                      composite={composite}
+                      rolling={rolling}
+                    />
                   </Text>
                 </TextContent>
               </FlexItem>
@@ -170,7 +162,8 @@ export default () => {
           </GridItem>
           <GridItem md={4} sm={12} style={{ minWidth: '380px' }}>
             <Flex justifyContent={{ lg: 'justifyContentFlexEnd', sm: 'justifyContentFlexStart' }}>
-              {hasPermission(permissions, 'publish_content_views') &&
+              {!rolling &&
+                hasPermission(permissions, 'publish_content_views') &&
                 <FlexItem>
                   <Button
                     ouiaId="cv-details-publish-button"
@@ -211,7 +204,7 @@ export default () => {
                   position={DropdownPosition.right}
                   ouiaId="cv-details-actions"
                   style={{ marginLeft: 'auto' }}
-                  toggle={<KebabToggle onToggle={setDropdownOpen} id="toggle-dropdown" />}
+                  toggle={<KebabToggle onToggle={(_event, val) => setDropdownOpen(val)} id="toggle-dropdown" />}
                   isOpen={dropDownOpen}
                   isPlain
                   dropdownItems={dropDownItems}

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

@@ -30,6 +30,7 @@ const ContentViewInfo = ({ cvId, details }) => {
     label,
     description,
     composite,
+    rolling,
     solve_dependencies: solveDependencies,
     auto_publish: autoPublish,
     import_only: importOnly,
@@ -41,6 +42,8 @@ const ContentViewInfo = ({ cvId, details }) => {
     if (val === details[attribute]) return;
     dispatch(updateContentView(cvId, { [attribute]: val }));
   };
+  let iconText = __('Content view');
+  if (composite) { iconText = __('Composite content view'); } else if (rolling) { iconText = __('Rolling content view'); }
 
   return (
     <TextContent className="margin-0-24">
@@ -71,7 +74,7 @@ const ContentViewInfo = ({ cvId, details }) => {
         <TextListItem component={TextListItemVariants.dd} className="foreman-spaced-list">
           <Flex>
             <FlexItem spacer={{ default: 'spacerXs' }}>
-              <ContentViewIcon composite={composite} description={composite ? __('Composite') : __('Content view')} />
+              <ContentViewIcon composite={composite} rolling={rolling} description={iconText} />
             </FlexItem>
           </Flex>
         </TextListItem>
@@ -99,7 +102,7 @@ const ContentViewInfo = ({ cvId, details }) => {
             boolean
             {...{ currentAttribute, setCurrentAttribute }}
           />) :
-          (<ActionableDetail
+          (!rolling && <ActionableDetail
             label={__('Solve dependencies')}
             attribute="solve_dependencies"
             key={solveDependencies}
@@ -155,6 +158,7 @@ ContentViewInfo.propTypes = {
     label: PropTypes.string,
     description: PropTypes.string,
     composite: PropTypes.bool,
+    rolling: PropTypes.bool,
     solve_dependencies: PropTypes.bool,
     auto_publish: PropTypes.bool,
     import_only: PropTypes.bool,

data/webpack/scenes/ContentViews/Details/Filters/Add/CVFilterAddModal.js

@@ -6,9 +6,22 @@ import { STATUS } from 'foremanReact/constants';
 import PropTypes from 'prop-types';
 import { translate as __ } from 'foremanReact/common/I18n';
 import {
-  Modal, ModalVariant, Form, FormGroup, TextInput, ActionGroup, Button, Radio, TextArea,
-  Split, SplitItem, Select, SelectOption,
+  Modal,
+  ModalVariant,
+  Form,
+  FormGroup,
+  TextInput,
+  ActionGroup,
+  Button,
+  Radio,
+  TextArea,
+  Split,
+  SplitItem,
 } from '@patternfly/react-core';
+import {
+  Select,
+  SelectOption,
+} from '@patternfly/react-core/deprecated';
 import { addCVFilterRule, createContentViewFilter, getRepositoryTypes } from '../../ContentViewDetailActions';
 import { selectCreateContentViewFilter, selectCreateContentViewFilterStatus,
   selectCreateContentViewFilterError, selectCreateFilterRule,
@@ -129,7 +142,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
             ouiaId="input_name"
             name="name"
             value={name}
-            onChange={value => setName(value)}
+            onChange={(_event, value) => setName(value)}
           />
         </FormGroup>
         <FormGroup label={__('Content type')} isRequired fieldId="content_type">
@@ -137,7 +150,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
             selections={type}
             onSelect={onSelect}
             isOpen={typeSelectOpen}
-            onToggle={setTypeSelectOpen}
+            onToggle={(_event, val) => setTypeSelectOpen(val)}
             ouiaId="content_type"
             id="content_type"
             name="content_type"
@@ -152,7 +165,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
               <Radio
                 isChecked={inclusion}
                 name="radio-1"
-                onChange={checked => setInclusion(checked)}
+                onChange={(_event, checked) => setInclusion(checked)}
                 label={__('Include filter')}
                 id="include_filter"
                 ouiaId="include_filter"
@@ -164,7 +177,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
               <Radio
                 isChecked={!inclusion}
                 name="radio-1"
-                onChange={checked => setInclusion(!checked)}
+                onChange={(_event, checked) => setInclusion(!checked)}
                 label={__('Exclude filter')}
                 id="exclude_filter"
                 ouiaId="exclude_filter"
@@ -184,7 +197,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
             resizeOrientation="vertical"
             autoResize
             style={{ maxHeight: '200px', minHeight: '36px' }}
-            onChange={value => setDescription(value)}
+            onChange={(_event, value) => setDescription(value)}
           />
         </FormGroup>
         <ActionGroup>

data/webpack/scenes/ContentViews/Details/Filters/Add/__tests__/cvFilterAdd.test.js

@@ -39,7 +39,8 @@ test('Can save content view filter from form', (done) => {
 
   fireEvent.submit(getByLabelText('create_filter'));
   assertNockRequest(repoTypeScope);
-  assertNockRequest(createFilterscope, done);
+  assertNockRequest(createFilterscope);
+  done();
 });
 
 test('Closes content view filter form upon save', async (done) => {
@@ -59,5 +60,6 @@ test('Closes content view filter form upon save', async (done) => {
     expect(queryByText('Description')).not.toBeInTheDocument();
   });
   assertNockRequest(repoTypeScope);
-  assertNockRequest(createFilterscope, done);
+  assertNockRequest(createFilterscope);
+  done();
 });

data/webpack/scenes/ContentViews/Details/Filters/AffectedRepositories/AffectedRepositorySelection.js

@@ -1,7 +1,10 @@
 import React, { useState } from 'react';
 import { shallowEqual, useSelector, useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
-import { Select, SelectOption } from '@patternfly/react-core';
+import {
+  Select,
+  SelectOption,
+} from '@patternfly/react-core/deprecated';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { selectCVFilterDetails } from '../../ContentViewDetailSelectors';
 import { editCVFilter, getCVFilterDetails } from '../../ContentViewDetailActions';
@@ -41,7 +44,7 @@ const AffectedRepositorySelection = ({
       selections={type}
       onSelect={onSelect}
       isOpen={typeSelectOpen}
-      onToggle={isExpanded => setTypeSelectOpen(isExpanded)}
+      onToggle={(_event, isExpanded) => setTypeSelectOpen(isExpanded)}
       id="affected_repos"
       name="affected_repos"
       aria-label="affected_repos"

data/webpack/scenes/ContentViews/Details/Filters/AffectedRepositories/AffectedRepositoryTable.js

@@ -8,10 +8,12 @@ import {
   Button,
   ActionList,
   ActionListItem,
+} from '@patternfly/react-core';
+import {
   Dropdown,
   DropdownItem,
   KebabToggle,
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/deprecated';
 import { TableVariant, fitContent } from '@patternfly/react-table';
 import { omit } from 'lodash';
 import { STATUS } from 'foremanReact/constants';

data/webpack/scenes/ContentViews/Details/Filters/ArtifactsWithNoErrata.js

@@ -44,7 +44,7 @@ export const ArtifactsWithNoErrataRenderer = ({ filterDetails }) => {
     label={getLabel()}
     isChecked={artifactsNoErrata}
     isDisabled={isLoading}
-    onChange={checked => setArtifactsNoErrata(checked)}
+    onChange={(_event, checked) => setArtifactsNoErrata(checked)}
   />);
 };
 

data/webpack/scenes/ContentViews/Details/Filters/CVContainerImageFilterContent.js

@@ -10,11 +10,13 @@ import {
   TabTitleText,
   Split,
   SplitItem,
+  Button,
+} from '@patternfly/react-core';
+import {
   Dropdown,
   DropdownItem,
   KebabToggle,
-  Button,
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/deprecated';
 import { STATUS } from 'foremanReact/constants';
 import { translate as __ } from 'foremanReact/common/I18n';
 import onSelect from '../../../../components/Table/helpers';

data/webpack/scenes/ContentViews/Details/Filters/CVDebFilterContent.js

@@ -3,7 +3,19 @@ import useDeepCompareEffect from 'use-deep-compare-effect';
 import PropTypes from 'prop-types';
 import { shallowEqual, useSelector, useDispatch } from 'react-redux';
 import { TableVariant } from '@patternfly/react-table';
-import { Tabs, Tab, TabTitleText, Split, SplitItem, Button, Dropdown, DropdownItem, KebabToggle } from '@patternfly/react-core';
+import {
+  Tabs,
+  Tab,
+  TabTitleText,
+  Split,
+  SplitItem,
+  Button,
+} from '@patternfly/react-core';
+import {
+  Dropdown,
+  DropdownItem,
+  KebabToggle,
+} from '@patternfly/react-core/deprecated';
 import { STATUS } from 'foremanReact/constants';
 import { translate as __ } from 'foremanReact/common/I18n';
 import onSelect from '../../../../components/Table/helpers';

data/webpack/scenes/ContentViews/Details/Filters/CVErrataDateFilterContent.js

@@ -4,11 +4,27 @@ import { isEqual, sortBy, capitalize } from 'lodash';
 import { shallowEqual, useSelector, useDispatch } from 'react-redux';
 import { Link, useHistory } from 'react-router-dom';
 import {
-  Tooltip, Form, ActionGroup, Flex, FlexItem, Select,
-  SelectOption, SelectVariant, ChipGroup, Chip,
-  Tabs, Tab, TabTitleText, Button, DatePicker, Bullseye,
-  Divider, Text,
+  Tooltip,
+  Form,
+  ActionGroup,
+  Flex,
+  FlexItem,
+  ChipGroup,
+  Chip,
+  Tabs,
+  Tab,
+  TabTitleText,
+  Button,
+  DatePicker,
+  Bullseye,
+  Divider,
+  Text,
 } from '@patternfly/react-core';
+import {
+  Select,
+  SelectOption,
+  SelectVariant,
+} from '@patternfly/react-core/deprecated';
 import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { selectCVFilterDetails } from '../ContentViewDetailSelectors';
@@ -159,7 +175,7 @@ const CVErrataDateFilterContent = ({
               <FlexItem span={2}>
                 <Select
                   variant={SelectVariant.checkbox}
-                  onToggle={setTypeSelectOpen}
+                  onToggle={(_event, val) => setTypeSelectOpen(val)}
                   onSelect={(_event, selection) => onTypeSelect(selection)}
                   selections={selectedTypes}
                   isOpen={typeSelectOpen}
@@ -217,7 +233,7 @@ const CVErrataDateFilterContent = ({
                   </Tooltip>
                 }
               </FlexItem>
-              <Divider isVertical />
+              <Divider orientation={{ default: 'vertical' }} />
               <FlexItem span={2} spacer={{ default: 'spacerNone' }}>
                 <Select
                   selections={dateType}
@@ -226,7 +242,7 @@ const CVErrataDateFilterContent = ({
                     setDateTypeSelectOpen(false);
                   }}
                   isOpen={dateTypeSelectOpen}
-                  onToggle={setDateTypeSelectOpen}
+                  onToggle={(_event, val) => setDateTypeSelectOpen(val)}
                   id="date_type_selector"
                   ouiaId="date_type_selector"
                   name="date_type_selector"

data/webpack/scenes/ContentViews/Details/Filters/CVErrataIDFilterContent.js

@@ -5,10 +5,28 @@ import { shallowEqual, useSelector, useDispatch } from 'react-redux';
 import { capitalize, omit, isEqual } from 'lodash';
 import { TableVariant } from '@patternfly/react-table';
 import {
-  Tabs, Tab, TabTitleText, Split, SplitItem, Select, SelectVariant,
-  SelectOption, Button, Dropdown, DropdownItem, KebabToggle, Flex, FlexItem,
-  Bullseye, DatePicker, ChipGroup, Chip, Text,
+  Tabs,
+  Tab,
+  TabTitleText,
+  Split,
+  SplitItem,
+  Button,
+  Flex,
+  FlexItem,
+  Bullseye,
+  DatePicker,
+  ChipGroup,
+  Chip,
+  Text,
 } from '@patternfly/react-core';
+import {
+  Dropdown,
+  DropdownItem,
+  KebabToggle,
+  Select,
+  SelectVariant,
+  SelectOption,
+} from '@patternfly/react-core/deprecated';
 import { STATUS } from 'foremanReact/constants';
 import { translate as __ } from 'foremanReact/common/I18n';
 
@@ -310,7 +328,7 @@ const CVErrataIDFilterContent = ({
                       aria-label="errata_type_selector"
                       ouiaId="errata_type_selector"
                       variant={SelectVariant.checkbox}
-                      onToggle={setTypeSelectOpen}
+                      onToggle={(_event, val) => setTypeSelectOpen(val)}
                       onSelect={(_event, selection) => onTypeSelect(selection)}
                       selections={selectedTypes}
                       isOpen={typeSelectOpen}
@@ -374,7 +392,7 @@ const CVErrataIDFilterContent = ({
                         setDateTypeSelectOpen(false);
                       }}
                       isOpen={dateTypeSelectOpen}
-                      onToggle={setDateTypeSelectOpen}
+                      onToggle={(_event, val) => setDateTypeSelectOpen(val)}
                       id="date_type_selector"
                       name="date_type_selector"
                       ouiaId="date_type_selector"

data/webpack/scenes/ContentViews/Details/Filters/CVModuleStreamFilterContent.js

@@ -5,9 +5,21 @@ import { shallowEqual, useSelector, useDispatch } from 'react-redux';
 import { omit } from 'lodash';
 import { TableVariant } from '@patternfly/react-table';
 import {
-  Tabs, Tab, TabTitleText, Split, SplitItem, Button, Dropdown, DropdownItem,
-  KebabToggle, Select, SelectOption, SelectVariant,
+  Tabs,
+  Tab,
+  TabTitleText,
+  Split,
+  SplitItem,
+  Button,
 } from '@patternfly/react-core';
+import {
+  Dropdown,
+  DropdownItem,
+  KebabToggle,
+  Select,
+  SelectOption,
+  SelectVariant,
+} from '@patternfly/react-core/deprecated';
 import { STATUS } from 'foremanReact/constants';
 import { translate as __ } from 'foremanReact/common/I18n';
 
@@ -245,7 +257,7 @@ const CVModuleStreamFilterContent = ({
                   <SplitItem data-testid="allAddedNotAdded">
                     <Select
                       variant={SelectVariant.single}
-                      onToggle={setSelectOpen}
+                      onToggle={(_event, val) => setSelectOpen(val)}
                       ouiaId="added-notAdded-selector"
                       onSelect={(_event, selection) => {
                         setSelectedIndex(allAddedNotAdded.indexOf(selection));

data/webpack/scenes/ContentViews/Details/Filters/CVPackageGroupFilterContent.js

@@ -4,9 +4,21 @@ import PropTypes from 'prop-types';
 import { shallowEqual, useSelector, useDispatch } from 'react-redux';
 import { TableVariant } from '@patternfly/react-table';
 import {
-  Tabs, Tab, TabTitleText, Split, SplitItem, Button,
-  Select, SelectVariant, SelectOption, Dropdown, DropdownItem, KebabToggle,
+  Tabs,
+  Tab,
+  TabTitleText,
+  Split,
+  SplitItem,
+  Button,
 } from '@patternfly/react-core';
+import {
+  Dropdown,
+  DropdownItem,
+  KebabToggle,
+  Select,
+  SelectVariant,
+  SelectOption,
+} from '@patternfly/react-core/deprecated';
 import { STATUS } from 'foremanReact/constants';
 import { translate as __ } from 'foremanReact/common/I18n';
 
@@ -235,7 +247,7 @@ const CVPackageGroupFilterContent = ({
                   <SplitItem data-testid="allAddedNotAdded">
                     <Select
                       variant={SelectVariant.single}
-                      onToggle={setSelectOpen}
+                      onToggle={(_event, val) => setSelectOpen(val)}
                       ouiaId="allAddedNotAdded"
                       onSelect={(_event, selection) => {
                         setSelectedIndex(allAddedNotAdded.indexOf(selection));

data/webpack/scenes/ContentViews/Details/Filters/CVRpmFilterContent.js

@@ -3,7 +3,19 @@ import useDeepCompareEffect from 'use-deep-compare-effect';
 import PropTypes from 'prop-types';
 import { shallowEqual, useSelector, useDispatch } from 'react-redux';
 import { TableVariant } from '@patternfly/react-table';
-import { Tabs, Tab, TabTitleText, Split, SplitItem, Dropdown, DropdownItem, KebabToggle, Button } from '@patternfly/react-core';
+import {
+  Tabs,
+  Tab,
+  TabTitleText,
+  Split,
+  SplitItem,
+  Button,
+} from '@patternfly/react-core';
+import {
+  Dropdown,
+  DropdownItem,
+  KebabToggle,
+} from '@patternfly/react-core/deprecated';
 import { STATUS } from 'foremanReact/constants';
 import { translate as __ } from 'foremanReact/common/I18n';
 import onSelect from '../../../../components/Table/helpers';

data/webpack/scenes/ContentViews/Details/Filters/ContentViewFilterDetailsHeader.js

@@ -11,13 +11,15 @@ import {
   Text,
   TextVariants,
   Label,
+  Flex,
+  FlexItem,
+} from '@patternfly/react-core';
+import {
   Dropdown,
   DropdownItem,
   KebabToggle,
   DropdownPosition,
-  Flex,
-  FlexItem,
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/deprecated';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { useDispatch } from 'react-redux';
 import getContentViewDetails, {
@@ -134,7 +136,7 @@ const ContentViewFilterDetailsHeader = ({
               ouiaId="cv-filter-actions-kebab"
               position={DropdownPosition.right}
               style={{ marginLeft: 'auto' }}
-              toggle={<KebabToggle onToggle={setDropdownOpen} id="toggle-dropdown" />}
+              toggle={<KebabToggle onToggle={(_event, val) => setDropdownOpen(val)} id="toggle-dropdown" />}
               isOpen={dropDownOpen}
               isPlain
               dropdownItems={dropDownItems}

data/webpack/scenes/ContentViews/Details/Filters/ContentViewFilters.js

@@ -1,7 +1,17 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import useDeepCompareEffect from 'use-deep-compare-effect';
 import { shallowEqual, useSelector, useDispatch } from 'react-redux';
-import { Label, Split, SplitItem, Dropdown, DropdownItem, KebabToggle, Button } from '@patternfly/react-core';
+import {
+  Label,
+  Split,
+  SplitItem,
+  Button,
+} from '@patternfly/react-core';
+import {
+  Dropdown,
+  DropdownItem,
+  KebabToggle,
+} from '@patternfly/react-core/deprecated';
 import { TableVariant } from '@patternfly/react-table';
 import { STATUS } from 'foremanReact/constants';
 import LongDateTime from 'foremanReact/components/common/dates/LongDateTime';

data/webpack/scenes/ContentViews/Details/Filters/MatchContentModal/__tests__/CVRpmMatchContentModal.test.js

@@ -35,7 +35,8 @@ test('Can show matching content modal', async (done) => {
   });
 
   assertNockRequest(autocompleteScope);
-  assertNockRequest(cvMatchContentscope, done);
+  assertNockRequest(cvMatchContentscope);
+  done();
 });
 
 test('Can search with filter', async (done) => {
@@ -87,5 +88,6 @@ test('Can search with filter', async (done) => {
 
   assertNockRequest(autocompleteScope);
   assertNockRequest(getMatchContentscope);
-  assertNockRequest(secondGetMatchContentscope, done);
+  assertNockRequest(secondGetMatchContentscope);
+  done();
 });

data/webpack/scenes/ContentViews/Details/Filters/MatchContentModal/matchContentModal.scss

@@ -1,3 +1,3 @@
-.pf-c-empty-state {
+.pf-v5-c-empty-state {
   margin-top: 0;
 }

data/webpack/scenes/ContentViews/Details/Filters/Rules/DebPackage/AddEditDebPackageRuleModal.js

@@ -81,7 +81,7 @@ const AddEditDebPackageRuleModal = ({ filterId, onClose, selectedFilterRuleData
             aria-label="input_name"
             name="name"
             value={name}
-            onChange={value => setName(value)}
+            onChange={(_event, value) => setName(value)}
           />
         </FormGroup>
         <FormGroup label={__('Architecture')} fieldId="architecture">
@@ -92,7 +92,7 @@ const AddEditDebPackageRuleModal = ({ filterId, onClose, selectedFilterRuleData
             aria-label="input_architecture"
             name="architecture"
             value={architecture}
-            onChange={value => setArchitecture(value)}
+            onChange={(_event, value) => setArchitecture(value)}
           />
         </FormGroup>
         <ActionGroup>

data/webpack/scenes/ContentViews/Details/Filters/Rules/Package/AddEditPackageRuleModal.js

@@ -181,7 +181,7 @@ const AddEditPackageRuleModal = ({
           <FormSelect
             ouiaId="version-comparator"
             value={versionComparator}
-            onChange={setVersionComparator}
+            onChange={(_event, val) => setVersionComparator(val)}
             id="version_comparator"
             name="version_comparator"
             aria-label="version_comparator"
@@ -201,7 +201,7 @@ const AddEditPackageRuleModal = ({
               aria-label="input_version"
               name="version"
               value={version}
-              onChange={setVersion}
+              onChange={(_event, val) => setVersion(val)}
             />
           </FormGroup>}
         {showMinVersion &&
@@ -213,7 +213,7 @@ const AddEditPackageRuleModal = ({
               aria-label="input_min_version"
               name="min_version"
               value={minVersion}
-              onChange={setMinVersion}
+              onChange={(_event, val) => setMinVersion(val)}
             />
           </FormGroup>}
         {showMaxVersion &&
@@ -225,7 +225,7 @@ const AddEditPackageRuleModal = ({
               aria-label="input_max_version"
               name="max_version"
               value={maxVersion}
-              onChange={setMaxVersion}
+              onChange={(_event, val) => setMaxVersion(val)}
             />
           </FormGroup>}
         <ActionGroup>