Update policy type filtering

- make "All policies" option first

Changelog: changed

EE: true

ee/app/assets/javascripts/threat_monitoring/components/constants.js

@@ -52,6 +52,10 @@ export const POLICY_TYPE_COMPONENT_OPTIONS = {
 };
 
 export const POLICY_TYPE_OPTIONS = {
+  ALL: {
+    value: '',
+    text: s__('SecurityOrchestration|All policies'),
+  },
   POLICY_TYPE_NETWORK: {
     value: 'POLICY_TYPE_NETWORK',
     text: s__('SecurityOrchestration|Network'),
@@ -64,10 +68,6 @@ export const POLICY_TYPE_OPTIONS = {
     value: 'POLICY_TYPE_SCAN_RESULT',
     text: s__('SecurityOrchestration|Scan result'),
   },
-  ALL: {
-    value: '',
-    text: s__('SecurityOrchestration|All policies'),
-  },
 };
 
 export const POLICIES_LIST_CONTAINER_CLASS = '.js-security-policies-container-wrapper';

ee/spec/frontend/threat_monitoring/components/policy_type_filter_spec.js

+import { GlDropdownItem } from '@gitlab/ui';
 import { POLICY_TYPE_OPTIONS } from 'ee/threat_monitoring/components/constants';
 import PolicyTypeFilter from 'ee/threat_monitoring/components/policy_type_filter.vue';
 import { mountExtended } from 'helpers/vue_test_utils_helper';
@@ -30,6 +31,14 @@ describe('PolicyTypeFilter component', () => {
     expect(findToggle().text()).toBe(expectedToggleText);
   });
 
+  it('displays the "All policies" option first', () => {
+    createWrapper();
+
+    expect(wrapper.findAllComponents(GlDropdownItem).at(0).text()).toBe(
+      POLICY_TYPE_OPTIONS.ALL.text,
+    );
+  });
+
   it('emits an event when an option is selected', () => {
     createWrapper();