[RAM] [Rule Form V2] Add full-page create/edit form behind feature flag to Stack Management

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

@@ -19,3 +19,7 @@ export type { AlertsSearchBarProps } from './src/alerts_search_bar/types';
 export * from './src/alert_fields_table';
 
 export * from './src/rule_type_modal';
+export * from './src/rule_form';
+
+export * from './src/common/helpers/parse_duration';
+export * from './src/common/helpers/rule_circuit_breaker_error_message';

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

@@ -23,7 +23,7 @@ import {
   EuiSelectableOption,
 } from '@elastic/eui';
 import type { ActionVariable } from '@kbn/alerting-types';
-import './add_message_variables.scss';
+// import './add_message_variables.scss';
 import { TruncatedText } from './truncated_text';
 import * as i18n from './translations';
 

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

@@ -9,3 +9,10 @@
 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 enum TIME_UNITS {
+  SECOND = 's',
+  MINUTE = 'm',
+  HOUR = 'h',
+  DAY = 'd',
+}

packages/kbn-alerts-ui-shared/src/common/helpers/get_time_options.test.ts

@@ -0,0 +1,43 @@
+/*
+ * 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 { getTimeOptions, getTimeFieldOptions } from './get_time_options';
+
+describe('get_time_options', () => {
+  test('if getTimeOptions return single unit time options', () => {
+    const timeUnitValue = getTimeOptions(1);
+    expect(timeUnitValue).toMatchObject([
+      { text: 'second', value: 's' },
+      { text: 'minute', value: 'm' },
+      { text: 'hour', value: 'h' },
+      { text: 'day', value: 'd' },
+    ]);
+  });
+
+  test('if getTimeOptions return multiple unit time options', () => {
+    const timeUnitValue = getTimeOptions(10);
+    expect(timeUnitValue).toMatchObject([
+      { text: 'seconds', value: 's' },
+      { text: 'minutes', value: 'm' },
+      { text: 'hours', value: 'h' },
+      { text: 'days', value: 'd' },
+    ]);
+  });
+
+  test('if getTimeFieldOptions return only date type fields', () => {
+    const timeOnlyTypeFields = getTimeFieldOptions([
+      { type: 'date', name: 'order_date' },
+      { type: 'date_nanos', name: 'order_date_nanos' },
+      { type: 'number', name: 'sum' },
+    ]);
+    expect(timeOnlyTypeFields).toMatchObject([
+      { text: 'order_date', value: 'order_date' },
+      { text: 'order_date_nanos', value: 'order_date_nanos' },
+    ]);
+  });
+});

packages/kbn-alerts-ui-shared/src/common/helpers/get_time_options.ts

@@ -0,0 +1,38 @@
+/*
+ * 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 { getTimeUnitLabel } from './get_time_unit_label';
+import { TIME_UNITS } from '../constants';
+
+export const getTimeOptions = (unitSize: number) =>
+  Object.entries(TIME_UNITS).map(([_key, value]) => {
+    return {
+      text: getTimeUnitLabel(value, unitSize.toString()),
+      value,
+    };
+  });
+
+interface TimeFieldOptions {
+  text: string;
+  value: string;
+}
+
+export const getTimeFieldOptions = (
+  fields: Array<{ type: string; name: string }>
+): TimeFieldOptions[] => {
+  const options: TimeFieldOptions[] = [];
+
+  fields.forEach((field: { type: string; name: string }) => {
+    if (field.type === 'date' || field.type === 'date_nanos') {
+      options.push({
+        text: field.name,
+        value: field.name,
+      });
+    }
+  });
+  return options;
+};

packages/kbn-alerts-ui-shared/src/common/helpers/get_time_unit_label.ts

@@ -0,0 +1,35 @@
+/*
+ * 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';
+import { TIME_UNITS } from '../constants';
+
+export function getTimeUnitLabel(timeUnit = TIME_UNITS.SECOND, timeValue = '0') {
+  switch (timeUnit) {
+    case TIME_UNITS.SECOND:
+      return i18n.translate('alertsUIShared.timeUnits.secondLabel', {
+        defaultMessage: '{timeValue, plural, one {second} other {seconds}}',
+        values: { timeValue },
+      });
+    case TIME_UNITS.MINUTE:
+      return i18n.translate('alertsUIShared.timeUnits.minuteLabel', {
+        defaultMessage: '{timeValue, plural, one {minute} other {minutes}}',
+        values: { timeValue },
+      });
+    case TIME_UNITS.HOUR:
+      return i18n.translate('alertsUIShared.timeUnits.hourLabel', {
+        defaultMessage: '{timeValue, plural, one {hour} other {hours}}',
+        values: { timeValue },
+      });
+    case TIME_UNITS.DAY:
+      return i18n.translate('alertsUIShared.timeUnits.dayLabel', {
+        defaultMessage: '{timeValue, plural, one {day} other {days}}',
+        values: { timeValue },
+      });
+  }
+}

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

@@ -0,0 +1,12 @@
+/*
+ * 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 './parse_duration';
+export * from './get_time_options';
+export * from './get_time_unit_label';
+export * from './rule_circuit_breaker_error_message';

packages/kbn-alerts-ui-shared/src/common/helpers/parse_duration.test.ts

@@ -0,0 +1,207 @@
+/*
+ * 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 {
+  parseDuration,
+  formatDuration,
+  getDurationNumberInItsUnit,
+  getDurationUnitValue,
+  convertDurationToFrequency,
+} from './parse_duration';
+
+test('parses seconds', () => {
+  const result = parseDuration('10s');
+  expect(result).toEqual(10000);
+});
+
+test('parses minutes', () => {
+  const result = parseDuration('10m');
+  expect(result).toEqual(600000);
+});
+
+test('parses hours', () => {
+  const result = parseDuration('10h');
+  expect(result).toEqual(36000000);
+});
+
+test('parses days', () => {
+  const result = parseDuration('10d');
+  expect(result).toEqual(864000000);
+});
+
+test('throws error when the format is invalid', () => {
+  expect(() => parseDuration('10x')).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid duration \\"10x\\". Durations must be of the form {number}x. Example: 5s, 5m, 5h or 5d\\""`
+  );
+});
+
+test('throws error when suffix is missing', () => {
+  expect(() => parseDuration('1000')).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid duration \\"1000\\". Durations must be of the form {number}x. Example: 5s, 5m, 5h or 5d\\""`
+  );
+});
+
+test('formats single second', () => {
+  const result = formatDuration('1s');
+  expect(result).toEqual('1 sec');
+});
+
+test('formats single second with full unit', () => {
+  const result = formatDuration('1s', true);
+  expect(result).toEqual('1 second');
+});
+
+test('formats seconds', () => {
+  const result = formatDuration('10s');
+  expect(result).toEqual('10 sec');
+});
+
+test('formats seconds with full unit', () => {
+  const result = formatDuration('10s', true);
+  expect(result).toEqual('10 seconds');
+});
+
+test('formats single minute', () => {
+  const result = formatDuration('1m');
+  expect(result).toEqual('1 min');
+});
+
+test('formats single minute with full unit', () => {
+  const result = formatDuration('1m', true);
+  expect(result).toEqual('1 minute');
+});
+
+test('formats minutes', () => {
+  const result = formatDuration('10m');
+  expect(result).toEqual('10 min');
+});
+
+test('formats minutes with full unit', () => {
+  const result = formatDuration('10m', true);
+  expect(result).toEqual('10 minutes');
+});
+
+test('formats single hour', () => {
+  const result = formatDuration('1h');
+  expect(result).toEqual('1 hr');
+});
+
+test('formats single hour with full unit', () => {
+  const result = formatDuration('1h', true);
+  expect(result).toEqual('1 hour');
+});
+
+test('formats hours', () => {
+  const result = formatDuration('10h');
+  expect(result).toEqual('10 hr');
+});
+
+test('formats hours with full unit', () => {
+  const result = formatDuration('10h', true);
+  expect(result).toEqual('10 hours');
+});
+
+test('formats single day', () => {
+  const result = formatDuration('1d');
+  expect(result).toEqual('1 day');
+});
+
+test('formats single day with full unit', () => {
+  const result = formatDuration('1d', true);
+  expect(result).toEqual('1 day');
+});
+
+test('formats days', () => {
+  const result = formatDuration('10d');
+  expect(result).toEqual('10 days');
+});
+
+test('formats days with full unit', () => {
+  const result = formatDuration('10d', true);
+  expect(result).toEqual('10 days');
+});
+
+test('format throws error when the format is invalid', () => {
+  expect(() => formatDuration('10x')).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid duration \\"10x\\". Durations must be of the form {number}x. Example: 5s, 5m, 5h or 5d\\""`
+  );
+});
+
+test('format throws error when suffix is missing', () => {
+  expect(() => formatDuration('1000')).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid duration \\"1000\\". Durations must be of the form {number}x. Example: 5s, 5m, 5h or 5d\\""`
+  );
+});
+
+test('throws error when 0 based', () => {
+  expect(() => parseDuration('0s')).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid duration \\"0s\\". Durations must be of the form {number}x. Example: 5s, 5m, 5h or 5d\\""`
+  );
+  expect(() => parseDuration('0m')).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid duration \\"0m\\". Durations must be of the form {number}x. Example: 5s, 5m, 5h or 5d\\""`
+  );
+  expect(() => parseDuration('0h')).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid duration \\"0h\\". Durations must be of the form {number}x. Example: 5s, 5m, 5h or 5d\\""`
+  );
+  expect(() => parseDuration('0d')).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid duration \\"0d\\". Durations must be of the form {number}x. Example: 5s, 5m, 5h or 5d\\""`
+  );
+});
+
+test('getDurationNumberInItsUnit days', () => {
+  const result = getDurationNumberInItsUnit('10d');
+  expect(result).toEqual(10);
+});
+
+test('getDurationNumberInItsUnit minutes', () => {
+  const result = getDurationNumberInItsUnit('1m');
+  expect(result).toEqual(1);
+});
+
+test('getDurationNumberInItsUnit seconds', () => {
+  const result = getDurationNumberInItsUnit('123s');
+  expect(result).toEqual(123);
+});
+
+test('getDurationUnitValue minutes', () => {
+  const result = getDurationUnitValue('1m');
+  expect(result).toEqual('m');
+});
+
+test('getDurationUnitValue days', () => {
+  const result = getDurationUnitValue('23d');
+  expect(result).toEqual('d');
+});
+
+test('getDurationUnitValue hours', () => {
+  const result = getDurationUnitValue('100h');
+  expect(result).toEqual('h');
+});
+
+test('convertDurationToFrequency converts duration', () => {
+  let result = convertDurationToFrequency('1m');
+  expect(result).toEqual(1);
+  result = convertDurationToFrequency('5m');
+  expect(result).toEqual(0.2);
+  result = convertDurationToFrequency('10s');
+  expect(result).toEqual(6);
+  result = convertDurationToFrequency('1s');
+  expect(result).toEqual(60);
+});
+
+test('convertDurationToFrequency throws when duration is invalid', () => {
+  expect(() => convertDurationToFrequency('0d')).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid duration \\"0d\\". Durations must be of the form {number}x. Example: 5s, 5m, 5h or 5d\\""`
+  );
+});
+
+test('convertDurationToFrequency throws when denomination is 0', () => {
+  expect(() => convertDurationToFrequency('1s', 0)).toThrowErrorMatchingInlineSnapshot(
+    `"Invalid denomination value: value cannot be 0"`
+  );
+});