[RAM] [Rule Form V2] Add new rule type selection modal

packages/kbn-alerts-ui-shared/index.ts

@@ -17,3 +17,5 @@ export { AlertsSearchBar } from './src/alerts_search_bar';
 export type { AlertsSearchBarProps } from './src/alerts_search_bar/types';
 
 export * from './src/alert_fields_table';
+
+export * from './src/rule_type_modal';

packages/kbn-alerts-ui-shared/src/alerts_search_bar/apis/index.ts

@@ -9,4 +9,3 @@
 export * from './fetch_aad_fields';
 export * from './fetch_alert_fields';
 export * from './fetch_alert_index_names';
-export * from './fetch_rule_types';

packages/kbn-alerts-ui-shared/src/alerts_search_bar/constants.ts

@@ -10,6 +10,4 @@ import type { DataView, DataViewField } from '@kbn/data-views-plugin/common';
 
 export const NO_INDEX_PATTERNS: DataView[] = [];
 export const EMPTY_AAD_FIELDS: DataViewField[] = [];
-export const ALERTS_FEATURE_ID = 'alerts';
-export const BASE_ALERTING_API_PATH = '/api/alerting';
-export const BASE_RAC_ALERTS_API_PATH = '/internal/rac/alerts';
+export * from '../common/constants';

packages/kbn-alerts-ui-shared/src/alerts_search_bar/hooks/index.ts

@@ -7,5 +7,4 @@
  */
 
 export * from './use_alert_data_view';
-export * from './use_load_rule_types_query';
 export * from './use_rule_aad_fields';

packages/kbn-alerts-ui-shared/src/alerts_search_bar/index.tsx

@@ -13,9 +13,9 @@ import { AlertConsumers } from '@kbn/rule-data-utils';
 import { NO_INDEX_PATTERNS } from './constants';
 import { SEARCH_BAR_PLACEHOLDER } from './translations';
 import type { AlertsSearchBarProps, QueryLanguageType } from './types';
+import { useLoadRuleTypesQuery } from '../common/hooks/use_load_rule_types_query';
 import { useAlertDataView } from './hooks/use_alert_data_view';
 import { useRuleAADFields } from './hooks/use_rule_aad_fields';
-import { useLoadRuleTypesQuery } from './hooks/use_load_rule_types_query';
 
 const SA_ALERTS = { type: 'alerts', fields: {} } as SuggestionsAbstraction;
 

packages/kbn-alerts-ui-shared/src/common/constants.ts

@@ -0,0 +1,11 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+export const ALERTS_FEATURE_ID = 'alerts';
+export const BASE_ALERTING_API_PATH = '/api/alerting';
+export const BASE_RAC_ALERTS_API_PATH = '/internal/rac/alerts';

packages/kbn-alerts-ui-shared/src/common/hooks/index.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+export * from './use_load_rule_types_query';

packages/kbn-alerts-ui-shared/src/common/hooks/use_load_rule_types_query.ts

@@ -0,0 +1,118 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { keyBy } from 'lodash';
+import { i18n } from '@kbn/i18n';
+import { useMemo } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import type { HttpStart } from '@kbn/core-http-browser';
+import type { ToastsStart } from '@kbn/core-notifications-browser';
+import type { RuleType } from '@kbn/triggers-actions-ui-types';
+import { ALERTS_FEATURE_ID } from '../constants';
+import { fetchRuleTypes } from '../apis/fetch_rule_types';
+import { RuleTypeIndexWithDescriptions, RuleTypeWithDescription } from '../types';
+
+export interface UseRuleTypesProps {
+  http: HttpStart;
+  toasts: ToastsStart;
+  filteredRuleTypes: string[];
+  registeredRuleTypes?: Array<{ id: string; description: string }>;
+  enabled?: boolean;
+}
+
+const getFilteredIndex = (
+  data: Array<RuleType<string, string>>,
+  filteredRuleTypes: string[],
+  registeredRuleTypes: UseRuleTypesProps['registeredRuleTypes']
+) => {
+  const index: RuleTypeIndexWithDescriptions = new Map();
+  const registeredRuleTypesDictionary = registeredRuleTypes ? keyBy(registeredRuleTypes, 'id') : {};
+  for (const ruleType of data) {
+    const ruleTypeRecord: RuleType<string, string> & { description?: string } = { ...ruleType };
+    if (!registeredRuleTypes) {
+      // If rule type registry is not provided, don't use it for filtering
+      index.set(ruleType.id, ruleTypeRecord);
+    } else if (registeredRuleTypesDictionary[ruleType.id]) {
+      // Filter out unregistered rule types, and add descriptions to registered rule types
+      ruleTypeRecord.description = registeredRuleTypesDictionary[ruleType.id].description;
+      index.set(ruleType.id, ruleTypeRecord);
+    }
+  }
+  let filteredIndex = index;
+  if (filteredRuleTypes?.length) {
+    filteredIndex = new Map(
+      [...index].filter(([k, v]) => {
+        return filteredRuleTypes.includes(v.id);
+      })
+    );
+  }
+  return filteredIndex;
+};
+
+export const useLoadRuleTypesQuery = ({
+  http,
+  toasts,
+  filteredRuleTypes,
+  registeredRuleTypes,
+  enabled = true,
+}: UseRuleTypesProps) => {
+  const queryFn = () => {
+    return fetchRuleTypes({ http });
+  };
+
+  const onErrorFn = (error: Error) => {
+    if (error) {
+      toasts.addDanger(
+        i18n.translate('alertsUIShared.hooks.useLoadRuleTypesQuery.unableToLoadRuleTypesMessage', {
+          defaultMessage: 'Unable to load rule types',
+        })
+      );
+    }
+  };
+  const { data, isSuccess, isFetching, isInitialLoading, isLoading, error } = useQuery({
+    queryKey: ['loadRuleTypes'],
+    queryFn,
+    onError: onErrorFn,
+    refetchOnWindowFocus: false,
+    // Leveraging TanStack Query's caching system to avoid duplicated requests as
+    // other state-sharing solutions turned out to be overly complex and less readable
+    staleTime: 60 * 1000,
+    enabled,
+  });
+
+  const filteredIndex = useMemo(
+    () =>
+      data
+        ? getFilteredIndex(data, filteredRuleTypes, registeredRuleTypes)
+        : new Map<string, RuleTypeWithDescription>(),
+    [data, filteredRuleTypes, registeredRuleTypes]
+  );
+
+  const hasAnyAuthorizedRuleType = filteredIndex.size > 0;
+  const authorizedRuleTypes = useMemo(() => [...filteredIndex.values()], [filteredIndex]);
+  const authorizedToCreateAnyRules = authorizedRuleTypes.some(
+    (ruleType) => ruleType.authorizedConsumers[ALERTS_FEATURE_ID]?.all
+  );
+  const authorizedToReadAnyRules =
+    authorizedToCreateAnyRules ||
+    authorizedRuleTypes.some((ruleType) => ruleType.authorizedConsumers[ALERTS_FEATURE_ID]?.read);
+
+  return {
+    ruleTypesState: {
+      initialLoad: isLoading || isInitialLoading,
+      isLoading: isLoading || isFetching,
+      data: filteredIndex,
+      error,
+    },
+    hasAnyAuthorizedRuleType,
+    authorizedRuleTypes,
+    authorizedToReadAnyRules,
+    authorizedToCreateAnyRules,
+    isSuccess,
+  };
+};

packages/kbn-alerts-ui-shared/src/common/i18n.ts

@@ -0,0 +1,45 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { i18n } from '@kbn/i18n';
+
+export const PRODUCER_DISPLAY_NAMES = {
+  apm: i18n.translate('alertsUIShared.producerDisplayNames.apm', {
+    defaultMessage: 'APM and User Experience',
+  }),
+  uptime: i18n.translate('alertsUIShared.producerDisplayNames.uptime', {
+    defaultMessage: 'Synthetics and Uptime',
+  }),
+  stackAlerts: i18n.translate('alertsUIShared.producerDisplayNames.stackAlerts', {
+    defaultMessage: 'Stack Alerts',
+  }),
+  metrics: i18n.translate('alertsUIShared.producerDisplayNames.metrics', {
+    defaultMessage: 'Metrics',
+  }),
+  logs: i18n.translate('alertsUIShared.producerDisplayNames.logs', {
+    defaultMessage: 'Logs',
+  }),
+  siem: i18n.translate('alertsUIShared.producerDisplayNames.siem', {
+    defaultMessage: 'Security',
+  }),
+  observability: i18n.translate('alertsUIShared.producerDisplayNames.observability', {
+    defaultMessage: 'Observability',
+  }),
+  ml: i18n.translate('alertsUIShared.producerDisplayNames.ml', {
+    defaultMessage: 'Machine Learning',
+  }),
+  slo: i18n.translate('alertsUIShared.producerDisplayNames.slo', {
+    defaultMessage: 'SLOs',
+  }),
+  infrastructure: i18n.translate('alertsUIShared.producerDisplayNames.infrastructure', {
+    defaultMessage: 'Infrastructure',
+  }),
+  monitoring: i18n.translate('alertsUIShared.producerDisplayNames.monitoring', {
+    defaultMessage: 'Stack Monitoring',
+  }),
+};

packages/kbn-alerts-ui-shared/src/common/types.ts

@@ -0,0 +1,13 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { RuleType } from '@kbn/triggers-actions-ui-types';
+
+export type RuleTypeWithDescription = RuleType<string, string> & { description?: string };
+
+export type RuleTypeIndexWithDescriptions = Map<string, RuleTypeWithDescription>;