Merge branch 'deprecate-image-filter' into 'master'

Deprecate ImageFilter component

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/105586



Merged-by: David Pisek <dpisek@gitlab.com>
Approved-by: Nataliia Radina <nradina@gitlab.com>
Approved-by: David Pisek <dpisek@gitlab.com>
Co-authored-by: Samantha Ming <sming@gitlab.com>

ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_report/vulnerability_filters.vue

@@ -7,7 +7,7 @@ import ProjectFilter from '../filters/project_filter.vue';
 import ScannerFilter from '../filters/scanner_filter.vue';
 import SimpleFilter from '../filters/simple_filter.vue';
 import ClusterFilterDeprecated from '../filters/cluster_filter_deprecated.vue';
-import ImageFilter from '../filters/image_filter.vue';
+import ImageFilterDeprecated from '../filters/image_filter_deprecated.vue';
 import ToolFilter from '../filters/tool_filter.vue';
 import ToolFilterDeprecated from '../filters/tool_filter_deprecated.vue';
 import SeverityFilter from '../filters/severity_filter.vue';
@@ -62,7 +62,7 @@ export default {
         case CLUSTER:
           return ClusterFilterDeprecated;
         case IMAGE:
-          return ImageFilter;
+          return ImageFilterDeprecated;
         default:
           return SimpleFilter;
       }

ee/spec/frontend/security_dashboard/components/shared/filters/image_filter_spec.js → ee/spec/frontend/security_dashboard/components/shared/filters/image_filter_deprecated_spec.js

@@ -5,7 +5,7 @@ import { GlTruncate } from '@gitlab/ui';
 import waitForPromises from 'helpers/wait_for_promises';
 import { createAlert } from '~/flash';
 import createMockApollo from 'helpers/mock_apollo_helper';
-import ImageFilter from 'ee/security_dashboard/components/shared/filters/image_filter.vue';
+import ImageFilterDeprecated from 'ee/security_dashboard/components/shared/filters/image_filter_deprecated.vue';
 import { IMAGE_FILTER_ERROR } from 'ee/security_dashboard/components/shared/filters/constants';
 import { imageFilter } from 'ee/security_dashboard/helpers';
 import agentImagesQuery from 'ee/security_dashboard/graphql/queries/agent_images.query.graphql';
@@ -16,7 +16,7 @@ import { agentVulnerabilityImages, projectVulnerabilityImages } from '../../mock
 
 jest.mock('~/flash');
 
-describe('Image Filter component', () => {
+describe('Image Filter component (deprecated)', () => {
   let wrapper;
   const projectFullPath = 'test/path';
   const defaultQueryResolver = {
@@ -37,7 +37,7 @@ describe('Image Filter component', () => {
   };
 
   const createWrapper = ({ agentQueryResolver, projectQueryResolver, provide = {} } = {}) => {
-    wrapper = shallowMount(ImageFilter, {
+    wrapper = shallowMount(ImageFilterDeprecated, {
       apolloProvider: createMockApolloProvider({ agentQueryResolver, projectQueryResolver }),
       propsData: { filter: imageFilter },
       provide: { projectFullPath, ...provide },