@gooddata/sdk-ui-dashboard 11.55.0-alpha.1 → 11.55.0-alpha.2

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogComparisonOperator.d.ts

@@ -0,0 +1,13 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogComparisonOperatorProps } from "../types.js";
+/**
+ * Default render of the alerting dialog's comparison-operator field: the dropdown selecting the
+ * condition's operator (fixed threshold, change, difference, anomaly detection); renders nothing
+ * without a measure. Props-driven — the bare control without its label; reads no dialog context
+ * (only `useIntl`). The default dialog and {@link AlertingDialogComparisonOperator} render it with
+ * {@link useAlertingDialogComparisonOperatorProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export declare function DefaultAlertingDialogComparisonOperator(props: IAlertingDialogComparisonOperatorProps): ReactElement | null;
+//# sourceMappingURL=DefaultAlertingDialogComparisonOperator.d.ts.map

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogComparisonOperator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultAlertingDialogComparisonOperator.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogComparisonOperator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,YAAY,EAAU,MAAM,OAAO,CAAC;AAazE,OAAO,EAAE,KAAK,sCAAsC,EAAE,MAAM,aAAa,CAAC;AAiB1E;;;;;;;;GAQG;AACH,wBAAgB,uCAAuC,CACnD,KAAK,EAAE,sCAAsC,GAC9C,YAAY,GAAG,IAAI,CA6MrB"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/{components/AlertComparisonOperatorSelect.js → DefaultAlertingDialogComparisonOperator.js}

@@ -4,10 +4,19 @@ import { useRef } from "react";
 import cx from "classnames";
 import { FormattedMessage, useIntl } from "react-intl";
 import { AI_OPERATOR, AI_OPERATORS } from "@gooddata/sdk-ui-ext";
-import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox, } from "@gooddata/sdk-ui-kit";
-import { OPERATORS } from "../constants.js";
-import { useOperators } from "../hooks/useOperators.js";
-export function AlertComparisonOperatorSelect(props) {
+import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox } from "@gooddata/sdk-ui-kit";
+import { OPERATORS } from "./constants.js";
+import { useOperators } from "./hooks/useOperators.js";
+/**
+ * Default render of the alerting dialog's comparison-operator field: the dropdown selecting the
+ * condition's operator (fixed threshold, change, difference, anomaly detection); renders nothing
+ * without a measure. Props-driven — the bare control without its label; reads no dialog context
+ * (only `useIntl`). The default dialog and {@link AlertingDialogComparisonOperator} render it with
+ * {@link useAlertingDialogComparisonOperatorProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export function DefaultAlertingDialogComparisonOperator(props) {
     const { measure, selectedComparisonOperator, onComparisonOperatorChange, selectedRelativeOperator, onRelativeOperatorChange, selectedAiOperator, onAnomalyDetectionChange, overlayPositionType, id, closeOnParentScroll, enableAnomalyDetectionAlert, } = props;
     const selectedComparisonItem = selectedComparisonOperator
         ? OPERATORS.find((option) => option.id === selectedComparisonOperator)

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogComparisonPeriod.d.ts

@@ -0,0 +1,14 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogComparisonPeriodProps } from "../types.js";
+/**
+ * Default render of the alerting dialog's comparison-period field: the dropdown selecting the
+ * period a change or difference condition compares against; static text with a single comparator,
+ * nothing for other condition types. Props-driven — the bare control without its label; reads no
+ * dialog context (only `useIntl`). The default dialog and {@link AlertingDialogComparisonPeriod}
+ * render it with {@link useAlertingDialogComparisonPeriodProps} inside
+ * {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export declare function DefaultAlertingDialogComparisonPeriod({ alert, measure, overlayPositionType, selectedComparison, selectedGranularity, onComparisonChange, id, closeOnParentScroll }: IAlertingDialogComparisonPeriodProps): ReactElement | null;
+//# sourceMappingURL=DefaultAlertingDialogComparisonPeriod.d.ts.map

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogComparisonPeriod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultAlertingDialogComparisonPeriod.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogComparisonPeriod.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,YAAY,EAAW,MAAM,OAAO,CAAC;AAQ1E,OAAO,EAGH,KAAK,oCAAoC,EAC5C,MAAM,aAAa,CAAC;AAIrB;;;;;;;;;GASG;AACH,wBAAgB,qCAAqC,CAAC,EAClD,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,EAAE,EACF,mBAAmB,EACtB,EAAE,oCAAoC,GAAG,YAAY,GAAG,IAAI,CAqK5D"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/{components/AlertComparisonPeriodSelect.js → DefaultAlertingDialogComparisonPeriod.js}

@@ -3,12 +3,22 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import cx from "classnames";
 import { useIntl } from "react-intl";
-import { DateGranularity, } from "@gooddata/sdk-model";
-import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox, } from "@gooddata/sdk-ui-kit";
-import { AlertMetricComparatorType } from "../../types.js";
-import { translateGranularity } from "../../utils/granularity.js";
-import { isChangeOrDifferenceOperator } from "../../utils/guards.js";
-export function AlertComparisonPeriodSelect({ alert, measure, overlayPositionType, selectedComparison, selectedGranularity, onComparisonChange, id, closeOnParentScroll, }) {
+import { DateGranularity } from "@gooddata/sdk-model";
+import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox } from "@gooddata/sdk-ui-kit";
+import { AlertMetricComparatorType, } from "../types.js";
+import { translateGranularity } from "../utils/granularity.js";
+import { isChangeOrDifferenceOperator } from "../utils/guards.js";
+/**
+ * Default render of the alerting dialog's comparison-period field: the dropdown selecting the
+ * period a change or difference condition compares against; static text with a single comparator,
+ * nothing for other condition types. Props-driven — the bare control without its label; reads no
+ * dialog context (only `useIntl`). The default dialog and {@link AlertingDialogComparisonPeriod}
+ * render it with {@link useAlertingDialogComparisonPeriodProps} inside
+ * {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export function DefaultAlertingDialogComparisonPeriod({ alert, measure, overlayPositionType, selectedComparison, selectedGranularity, onComparisonChange, id, closeOnParentScroll, }) {
     const intl = useIntl();
     const selectedOperator = useMemo(() => {
         return measure?.comparators.find((a) => a.comparator === selectedComparison &&

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogDestination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultAlertingDialogDestination.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogDestination.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAQrF;;;;;;;GAOG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,oBAAoB,EACpB,6BAA6B,EAC7B,QAAQ,EACX,EAAE,iCAAiC,2CAanC"}
+{"version":3,"file":"DefaultAlertingDialogDestination.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogDestination.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAOrF;;;;;;;GAOG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,oBAAoB,EACpB,6BAA6B,EAC7B,QAAQ,EACX,EAAE,iCAAiC,2CAgBnC"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogDestination.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
 import { FormattedMessage } from "react-intl";
+import { AutomationDialogFormField } from "../../shared/slots/AutomationDialogFormField.js";
 import { AlertDestinationSelect } from "./components/AlertDestinationSelect.js";
-import { FormField } from "./FormField.js";
 const OVERLAY_POSITION_TYPE = "sameAsTarget";
 const CLOSE_ON_PARENT_SCROLL = true;
 /**
@@ -14,5 +14,5 @@ const CLOSE_ON_PARENT_SCROLL = true;
  * @alpha
  */
 export function DefaultAlertingDialogDestination({ notificationChannels, selectedNotificationChannelId, onChange, }) {
-    return (_jsx(FormField, { label: _jsx(FormattedMessage, { id: "insightAlert.config.action" }), htmlFor: "alert.destination", children: _jsx(AlertDestinationSelect, { id: "alert.destination", selectedDestination: selectedNotificationChannelId, onDestinationChange: onChange, destinations: notificationChannels, overlayPositionType: OVERLAY_POSITION_TYPE, closeOnParentScroll: CLOSE_ON_PARENT_SCROLL }) }));
+    return (_jsx(AutomationDialogFormField, { label: _jsx(FormattedMessage, { id: "insightAlert.config.action" }), htmlFor: "alert.destination", children: _jsx(AlertDestinationSelect, { id: "alert.destination", selectedDestination: selectedNotificationChannelId, onDestinationChange: onChange, destinations: notificationChannels, overlayPositionType: OVERLAY_POSITION_TYPE, closeOnParentScroll: CLOSE_ON_PARENT_SCROLL }) }));
 }

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogGranularity.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogGranularityProps } from "../types.js";
+/**
+ * Default render of the alerting dialog's granularity field: the dropdown selecting the
+ * anomaly-detection granularity. Props-driven — the bare control without its label; reads no
+ * dialog context (only `useIntl`). The default dialog and {@link AlertingDialogGranularity} render
+ * it with {@link useAlertingDialogGranularityProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export declare function DefaultAlertingDialogGranularity({ id, allowHourlyRecurrence, selectedGranularity, onGranularityChange, overlayPositionType, closeOnParentScroll }: IAlertingDialogGranularityProps): ReactElement;
+//# sourceMappingURL=DefaultAlertingDialogGranularity.d.ts.map

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogGranularity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultAlertingDialogGranularity.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogGranularity.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAcjE,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAkCnE;;;;;;;GAOG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,EAAE,EACF,qBAAqB,EACrB,mBAA4B,EAC5B,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACtB,EAAE,+BAA+B,GAAG,YAAY,CA6EhD"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/{components/AlertGranularitySelect.js → DefaultAlertingDialogGranularity.js}

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import cx from "classnames";
 import { useIntl } from "react-intl";
 import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox, } from "@gooddata/sdk-ui-kit";
-import { messages } from "../messages.js";
+import { messages } from "./messages.js";
 const options = [
     {
         title: messages.alertGranularityHour.id,
@@ -29,7 +29,15 @@ const options = [
         id: "YEAR",
     },
 ];
-export function AlertGranularitySelect({ id, allowHourlyRecurrence, selectedGranularity = "WEEK", onGranularityChange, overlayPositionType, closeOnParentScroll, }) {
+/**
+ * Default render of the alerting dialog's granularity field: the dropdown selecting the
+ * anomaly-detection granularity. Props-driven — the bare control without its label; reads no
+ * dialog context (only `useIntl`). The default dialog and {@link AlertingDialogGranularity} render
+ * it with {@link useAlertingDialogGranularityProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export function DefaultAlertingDialogGranularity({ id, allowHourlyRecurrence, selectedGranularity = "WEEK", onGranularityChange, overlayPositionType, closeOnParentScroll, }) {
     const usableOptions = options.filter((o) => {
         if (!allowHourlyRecurrence) {
             return o.id !== "HOUR";

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogMeasure.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogMeasureProps } from "../types.js";
+/**
+ * Default render of the alerting dialog's measure field: the dropdown selecting the measure the
+ * condition targets. Props-driven — the bare control without its label; reads no dialog context
+ * (only `useIntl`). The default dialog and {@link AlertingDialogMeasure} render it with
+ * {@link useAlertingDialogMeasureProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export declare function DefaultAlertingDialogMeasure({ id, disabled, selectedMeasure, onMeasureChange, measures, overlayPositionType, closeOnParentScroll }: IAlertingDialogMeasureProps): ReactElement;
+//# sourceMappingURL=DefaultAlertingDialogMeasure.d.ts.map

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogMeasure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultAlertingDialogMeasure.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogMeasure.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,YAAY,EAAU,MAAM,OAAO,CAAC;AAOzE,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAK/D;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAAC,EACzC,EAAE,EACF,QAAQ,EACR,eAAe,EACf,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,mBAAmB,EACtB,EAAE,2BAA2B,GAAG,YAAY,CA8E5C"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/{components/AlertMeasureSelect.js → DefaultAlertingDialogMeasure.js}

@@ -3,10 +3,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import cx from "classnames";
 import { useIntl } from "react-intl";
-import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox, } from "@gooddata/sdk-ui-kit";
-import { getMeasureTitle } from "../../utils/getters.js";
+import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox } from "@gooddata/sdk-ui-kit";
+import { getMeasureTitle } from "../utils/getters.js";
 const measureIcon = _jsx("div", { className: "gd-alert-measure-select__icon gd-icon-metric" });
-export function AlertMeasureSelect({ id, disabled, selectedMeasure, onMeasureChange, measures, overlayPositionType, closeOnParentScroll, }) {
+/**
+ * Default render of the alerting dialog's measure field: the dropdown selecting the measure the
+ * condition targets. Props-driven — the bare control without its label; reads no dialog context
+ * (only `useIntl`). The default dialog and {@link AlertingDialogMeasure} render it with
+ * {@link useAlertingDialogMeasureProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export function DefaultAlertingDialogMeasure({ id, disabled, selectedMeasure, onMeasureChange, measures, overlayPositionType, closeOnParentScroll, }) {
     const intl = useIntl();
     const ref = useRef(null);
     const selectedMeasureTitle = selectedMeasure

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogRecipients.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultAlertingDialogRecipients.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogRecipients.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,gCAAgC,EAAE,MAAM,6BAA6B,CAAC;AAIpF;;;;;;;GAOG;AACH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,gCAAgC,2CAUtF"}
+{"version":3,"file":"DefaultAlertingDialogRecipients.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogRecipients.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gCAAgC,EAAE,MAAM,6BAA6B,CAAC;AAEpF;;;;;;;GAOG;AACH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,gCAAgC,2CAUtF"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogRecipients.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
 import { FormattedMessage } from "react-intl";
 import { RecipientsSelect } from "../../scheduledEmail/DefaultScheduledEmailDialog/components/RecipientsSelect/RecipientsSelect.js";
-import { FormField } from "./FormField.js";
+import { AutomationDialogFormField } from "../../shared/slots/AutomationDialogFormField.js";
 /**
  * Default render of the alerting dialog's recipients region: the recipients select in a form-field
  * row; the row carries the label, so the select's own label is off. Props-driven — reads no context.
@@ -12,5 +12,5 @@ import { FormField } from "./FormField.js";
  * @alpha
  */
 export function DefaultAlertingDialogRecipients(props) {
-    return (_jsx(FormField, { label: _jsx(FormattedMessage, { id: "insightAlert.config.recipients" }), htmlFor: "alert.recipients", fullWidth: true, children: _jsx(RecipientsSelect, { id: "alert.recipients", showLabel: false, ...props }) }));
+    return (_jsx(AutomationDialogFormField, { label: _jsx(FormattedMessage, { id: "insightAlert.config.recipients" }), htmlFor: "alert.recipients", fullWidth: true, children: _jsx(RecipientsSelect, { id: "alert.recipients", showLabel: false, ...props }) }));
 }

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogSensitivity.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogSensitivityProps } from "../types.js";
+/**
+ * Default render of the alerting dialog's sensitivity field: the dropdown selecting the
+ * anomaly-detection sensitivity. Props-driven — the bare control without its label; reads no
+ * dialog context (only `useIntl`). The default dialog and {@link AlertingDialogSensitivity} render
+ * it with {@link useAlertingDialogSensitivityProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export declare function DefaultAlertingDialogSensitivity({ id, selectedSensitivity, onSensitivityChange, overlayPositionType, closeOnParentScroll }: IAlertingDialogSensitivityProps): ReactElement;
+//# sourceMappingURL=DefaultAlertingDialogSensitivity.d.ts.map

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogSensitivity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultAlertingDialogSensitivity.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogSensitivity.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAcjE,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAsBnE;;;;;;;GAOG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,EAAE,EACF,mBAA8B,EAC9B,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACtB,EAAE,+BAA+B,GAAG,YAAY,CAuEhD"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/{components/AlertSensitivitySelect.js → DefaultAlertingDialogSensitivity.js}

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import cx from "classnames";
 import { useIntl } from "react-intl";
 import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox, } from "@gooddata/sdk-ui-kit";
-import { messages } from "../messages.js";
+import { messages } from "./messages.js";
 const options = [
     {
         title: messages.alertSensitivityLow.id,
@@ -17,7 +17,15 @@ const options = [
         id: "HIGH",
     },
 ];
-export function AlertSensitivitySelect({ id, selectedSensitivity = "MEDIUM", onSensitivityChange, overlayPositionType, closeOnParentScroll, }) {
+/**
+ * Default render of the alerting dialog's sensitivity field: the dropdown selecting the
+ * anomaly-detection sensitivity. Props-driven — the bare control without its label; reads no
+ * dialog context (only `useIntl`). The default dialog and {@link AlertingDialogSensitivity} render
+ * it with {@link useAlertingDialogSensitivityProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export function DefaultAlertingDialogSensitivity({ id, selectedSensitivity = "MEDIUM", onSensitivityChange, overlayPositionType, closeOnParentScroll, }) {
     const selectedOption = options.find((o) => o.id === selectedSensitivity);
     const intl = useIntl();
     return (_jsx("div", { className: "gd-alert-sensitivity-select", children: _jsx(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, autofocusOnOpen: true, renderButton: ({ isOpen, toggleDropdown, buttonRef, dropdownId }) => {

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogThreshold.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogThresholdProps } from "../types.js";
+/**
+ * Default render of the alerting dialog's threshold field: the numeric input for the threshold,
+ * with its unit suffix and validation message. Props-driven — the bare control without its label;
+ * reads no dialog context (only `useIntl`). The default dialog and {@link AlertingDialogThreshold}
+ * render it with {@link useAlertingDialogThresholdProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export declare function DefaultAlertingDialogThreshold({ id, value, onChange, onBlur, suffix, errorMessage }: IAlertingDialogThresholdProps): ReactElement;
+//# sourceMappingURL=DefaultAlertingDialogThreshold.d.ts.map

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogThreshold.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultAlertingDialogThreshold.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogThreshold.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAEjE;;;;;;;GAOG;AACH,wBAAgB,8BAA8B,CAAC,EAC3C,EAAE,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACf,EAAE,6BAA6B,GAAG,YAAY,CAmC9C"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/{components/AlertThresholdInput.js → DefaultAlertingDialogThreshold.js}

@@ -1,7 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useIntl } from "react-intl";
 import { Input } from "@gooddata/sdk-ui-kit";
-export function AlertThresholdInput({ id, value, onChange, onBlur, suffix, errorMessage, }) {
+/**
+ * Default render of the alerting dialog's threshold field: the numeric input for the threshold,
+ * with its unit suffix and validation message. Props-driven — the bare control without its label;
+ * reads no dialog context (only `useIntl`). The default dialog and {@link AlertingDialogThreshold}
+ * render it with {@link useAlertingDialogThresholdProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export function DefaultAlertingDialogThreshold({ id, value, onChange, onBlur, suffix, errorMessage, }) {
     const intl = useIntl();
     const hasError = !!errorMessage;
     const errorId = `${id}-error`;

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogTriggerInterval.d.ts

@@ -0,0 +1,13 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogTriggerIntervalProps } from "../types.js";
+/**
+ * Default render of the alerting dialog's trigger-interval field: the dropdown selecting the
+ * interval of a once-per-interval trigger. Props-driven — the bare control without its label;
+ * reads no dialog context (only `useIntl`). The default dialog and
+ * {@link AlertingDialogTriggerInterval} render it with {@link useAlertingDialogTriggerIntervalProps}
+ * inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export declare function DefaultAlertingDialogTriggerInterval({ id, selectedTriggerInterval, onTriggerIntervalChange, overlayPositionType, closeOnParentScroll }: IAlertingDialogTriggerIntervalProps): ReactElement;
+//# sourceMappingURL=DefaultAlertingDialogTriggerInterval.d.ts.map

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogTriggerInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultAlertingDialogTriggerInterval.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogTriggerInterval.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAcjE,OAAO,EAAE,KAAK,mCAAmC,EAAE,MAAM,aAAa,CAAC;AA8BvE;;;;;;;;GAQG;AACH,wBAAgB,oCAAoC,CAAC,EACjD,EAAE,EACF,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACtB,EAAE,mCAAmC,GAAG,YAAY,CAqEpD"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/{components/AlertTriggerIntervalSelect.js → DefaultAlertingDialogTriggerInterval.js}

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import cx from "classnames";
 import { useIntl } from "react-intl";
 import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox, } from "@gooddata/sdk-ui-kit";
-import { messages } from "../messages.js";
+import { messages } from "./messages.js";
 const options = [
     {
         title: messages.alertTriggerIntervalDay.id,
@@ -25,7 +25,16 @@ const options = [
         id: "YEAR",
     },
 ];
-export function AlertTriggerIntervalSelect({ id, selectedTriggerInterval, onTriggerIntervalChange, overlayPositionType, closeOnParentScroll, }) {
+/**
+ * Default render of the alerting dialog's trigger-interval field: the dropdown selecting the
+ * interval of a once-per-interval trigger. Props-driven — the bare control without its label;
+ * reads no dialog context (only `useIntl`). The default dialog and
+ * {@link AlertingDialogTriggerInterval} render it with {@link useAlertingDialogTriggerIntervalProps}
+ * inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export function DefaultAlertingDialogTriggerInterval({ id, selectedTriggerInterval, onTriggerIntervalChange, overlayPositionType, closeOnParentScroll, }) {
     const selectedOption = options.find((o) => o.id === selectedTriggerInterval);
     const intl = useIntl();
     return (_jsx("div", { className: "gd-alert-trigger-interval-select", children: _jsx(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, autofocusOnOpen: true, renderButton: ({ isOpen, toggleDropdown, buttonRef, dropdownId }) => {

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogTriggerMode.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogTriggerModeProps } from "../types.js";
+/**
+ * Default render of the alerting dialog's trigger-mode field: the dropdown selecting when the
+ * alert fires. Props-driven — the bare control without its label; reads no dialog context (only
+ * `useIntl`). The default dialog and {@link AlertingDialogTriggerMode} render it with
+ * {@link useAlertingDialogTriggerModeProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export declare function DefaultAlertingDialogTriggerMode({ id, selectedTriggerMode, onTriggerModeChange, overlayPositionType, closeOnParentScroll, enableAlertOncePerInterval }: IAlertingDialogTriggerModeProps): ReactElement;
+//# sourceMappingURL=DefaultAlertingDialogTriggerMode.d.ts.map

package/esm/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogTriggerMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultAlertingDialogTriggerMode.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/DefaultAlertingDialog/DefaultAlertingDialogTriggerMode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAcjE,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAsBnE;;;;;;;GAOG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,EAAE,EACF,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,0BAA0B,EAC7B,EAAE,+BAA+B,GAAG,YAAY,CAsEhD"}

package/esm/presentation/automations/alerting/DefaultAlertingDialog/{components/AlertTriggerModeSelect.js → DefaultAlertingDialogTriggerMode.js}

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import cx from "classnames";
 import { useIntl } from "react-intl";
 import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox, } from "@gooddata/sdk-ui-kit";
-import { messages } from "../messages.js";
+import { messages } from "./messages.js";
 const options = [
     {
         title: messages.alertTriggerModeAlways.id,
@@ -17,7 +17,15 @@ const options = [
         id: "ONCE_PER_INTERVAL",
     },
 ];
-export function AlertTriggerModeSelect({ id, selectedTriggerMode, onTriggerModeChange, overlayPositionType, closeOnParentScroll, enableAlertOncePerInterval, }) {
+/**
+ * Default render of the alerting dialog's trigger-mode field: the dropdown selecting when the
+ * alert fires. Props-driven — the bare control without its label; reads no dialog context (only
+ * `useIntl`). The default dialog and {@link AlertingDialogTriggerMode} render it with
+ * {@link useAlertingDialogTriggerModeProps} inside {@link AutomationDialogFormField}.
+ *
+ * @alpha
+ */
+export function DefaultAlertingDialogTriggerMode({ id, selectedTriggerMode, onTriggerModeChange, overlayPositionType, closeOnParentScroll, enableAlertOncePerInterval, }) {
     const selectedOption = options.find((o) => o.id === selectedTriggerMode);
     const intl = useIntl();
     return (_jsx("div", { className: "gd-alert-trigger-mode-select", children: _jsx(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, autofocusOnOpen: true, renderButton: ({ isOpen, toggleDropdown, buttonRef, dropdownId }) => {

package/esm/presentation/automations/alerting/blocks/AlertingDialogAttribute.d.ts

@@ -0,0 +1,16 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogAttributeProps } from "../types.js";
+/**
+ * The alerting dialog's attribute field ("For": the attribute value the condition is sliced by),
+ * connected to the dialog's state and rendered as a labelled form row.
+ *
+ * Renders {@link DefaultAlertingDialogAttribute} inside {@link AutomationDialogFormField} with the
+ * props of {@link useAlertingDialogAttributeProps}; every prop passed here replaces the hook's
+ * value for that prop wholesale. Renders nothing when the insight has no non-date attribute (there
+ * is nothing to slice by; the gate reads the `attributes` prop, so an override is honoured), and
+ * nothing while `useAlertingDialogContext().isLoading` is true.
+ *
+ * @alpha
+ */
+export declare function AlertingDialogAttribute(overrides: Partial<IAlertingDialogAttributeProps>): ReactElement;
+//# sourceMappingURL=AlertingDialogAttribute.d.ts.map

package/esm/presentation/automations/alerting/blocks/AlertingDialogAttribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertingDialogAttribute.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/blocks/AlertingDialogAttribute.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAIjE;;;;;;;;;;;GAWG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,OAAO,CAAC,6BAA6B,CAAC,GAAG,YAAY,CAMvG"}

package/esm/presentation/automations/alerting/blocks/AlertingDialogAttribute.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import { AutomationDialogFormField } from "../../shared/slots/AutomationDialogFormField.js";
+import { DefaultAlertingDialogAttribute } from "../DefaultAlertingDialog/DefaultAlertingDialogAttribute.js";
+import { useAlertingDialogAttributeProps } from "../state/useAlertingDialogFieldProps.js";
+import { WhenAlertingDialogLoaded } from "./WhenAlertingDialogLoaded.js";
+/**
+ * The alerting dialog's attribute field ("For": the attribute value the condition is sliced by),
+ * connected to the dialog's state and rendered as a labelled form row.
+ *
+ * Renders {@link DefaultAlertingDialogAttribute} inside {@link AutomationDialogFormField} with the
+ * props of {@link useAlertingDialogAttributeProps}; every prop passed here replaces the hook's
+ * value for that prop wholesale. Renders nothing when the insight has no non-date attribute (there
+ * is nothing to slice by; the gate reads the `attributes` prop, so an override is honoured), and
+ * nothing while `useAlertingDialogContext().isLoading` is true.
+ *
+ * @alpha
+ */
+export function AlertingDialogAttribute(overrides) {
+    return (_jsx(WhenAlertingDialogLoaded, { children: _jsx(ConnectedAlertingDialogAttribute, { ...overrides }) }));
+}
+function ConnectedAlertingDialogAttribute(overrides) {
+    const props = { ...useAlertingDialogAttributeProps(), ...overrides };
+    if (!props.attributes.some((attribute) => attribute.type === "attribute")) {
+        return null;
+    }
+    return (_jsx(AutomationDialogFormField, { label: _jsx(FormattedMessage, { id: "insightAlert.config.for" }), htmlFor: props.id, children: _jsx(DefaultAlertingDialogAttribute, { ...props }) }));
+}

package/esm/presentation/automations/alerting/blocks/AlertingDialogComparisonOperator.d.ts

@@ -0,0 +1,22 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogComparisonOperatorProps } from "../types.js";
+/**
+ * The alerting dialog's condition field ("Condition": the operator — fixed threshold, change,
+ * difference or anomaly detection), connected to the dialog's state and rendered as a labelled
+ * form row.
+ *
+ * Renders {@link DefaultAlertingDialogComparisonOperator} inside {@link AutomationDialogFormField}
+ * with the props of {@link useAlertingDialogComparisonOperatorProps}; every prop passed here
+ * replaces the hook's value for that prop wholesale. Pass `enableAnomalyDetectionAlert={false}` to
+ * hide the anomaly-detection options. Renders nothing while
+ * `useAlertingDialogContext().isLoading` is true.
+ *
+ * @example
+ * ```tsx
+ * <AlertingDialogComparisonOperator enableAnomalyDetectionAlert={false} />
+ * ```
+ *
+ * @alpha
+ */
+export declare function AlertingDialogComparisonOperator(overrides: Partial<IAlertingDialogComparisonOperatorProps>): ReactElement;
+//# sourceMappingURL=AlertingDialogComparisonOperator.d.ts.map

package/esm/presentation/automations/alerting/blocks/AlertingDialogComparisonOperator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertingDialogComparisonOperator.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/blocks/AlertingDialogComparisonOperator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,KAAK,sCAAsC,EAAE,MAAM,aAAa,CAAC;AAI1E;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gCAAgC,CAC5C,SAAS,EAAE,OAAO,CAAC,sCAAsC,CAAC,GAC3D,YAAY,CAMd"}

package/esm/presentation/automations/alerting/blocks/AlertingDialogComparisonOperator.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import { AutomationDialogFormField } from "../../shared/slots/AutomationDialogFormField.js";
+import { DefaultAlertingDialogComparisonOperator } from "../DefaultAlertingDialog/DefaultAlertingDialogComparisonOperator.js";
+import { useAlertingDialogComparisonOperatorProps } from "../state/useAlertingDialogFieldProps.js";
+import { WhenAlertingDialogLoaded } from "./WhenAlertingDialogLoaded.js";
+/**
+ * The alerting dialog's condition field ("Condition": the operator — fixed threshold, change,
+ * difference or anomaly detection), connected to the dialog's state and rendered as a labelled
+ * form row.
+ *
+ * Renders {@link DefaultAlertingDialogComparisonOperator} inside {@link AutomationDialogFormField}
+ * with the props of {@link useAlertingDialogComparisonOperatorProps}; every prop passed here
+ * replaces the hook's value for that prop wholesale. Pass `enableAnomalyDetectionAlert={false}` to
+ * hide the anomaly-detection options. Renders nothing while
+ * `useAlertingDialogContext().isLoading` is true.
+ *
+ * @example
+ * ```tsx
+ * <AlertingDialogComparisonOperator enableAnomalyDetectionAlert={false} />
+ * ```
+ *
+ * @alpha
+ */
+export function AlertingDialogComparisonOperator(overrides) {
+    return (_jsx(WhenAlertingDialogLoaded, { children: _jsx(ConnectedAlertingDialogComparisonOperator, { ...overrides }) }));
+}
+function ConnectedAlertingDialogComparisonOperator(overrides) {
+    const props = { ...useAlertingDialogComparisonOperatorProps(), ...overrides };
+    return (_jsx(AutomationDialogFormField, { label: _jsx(FormattedMessage, { id: "insightAlert.config.condition" }), htmlFor: props.id, children: _jsx(DefaultAlertingDialogComparisonOperator, { ...props }) }));
+}

package/esm/presentation/automations/alerting/blocks/AlertingDialogComparisonPeriod.d.ts

@@ -0,0 +1,18 @@
+import { type ReactElement } from "react";
+import { type IAlertingDialogComparisonPeriodProps } from "../types.js";
+/**
+ * The alerting dialog's comparison-period field ("Compared to": the period a change or difference
+ * condition compares against), connected to the dialog's state and rendered as a labelled form
+ * row.
+ *
+ * Renders {@link DefaultAlertingDialogComparisonPeriod} inside {@link AutomationDialogFormField}
+ * with the props of {@link useAlertingDialogComparisonPeriodProps}; every prop passed here
+ * replaces the hook's value for that prop wholesale. Renders nothing unless the `alert` prop's
+ * condition is a change or difference (only those have a comparison period; the gate reads the
+ * prop, so an override is honoured), and nothing while `useAlertingDialogContext().isLoading` is
+ * true.
+ *
+ * @alpha
+ */
+export declare function AlertingDialogComparisonPeriod(overrides: Partial<IAlertingDialogComparisonPeriodProps>): ReactElement;
+//# sourceMappingURL=AlertingDialogComparisonPeriod.d.ts.map

package/esm/presentation/automations/alerting/blocks/AlertingDialogComparisonPeriod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertingDialogComparisonPeriod.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/blocks/AlertingDialogComparisonPeriod.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,KAAK,oCAAoC,EAAE,MAAM,aAAa,CAAC;AAKxE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,8BAA8B,CAC1C,SAAS,EAAE,OAAO,CAAC,oCAAoC,CAAC,GACzD,YAAY,CAMd"}

package/esm/presentation/automations/alerting/blocks/AlertingDialogComparisonPeriod.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import { AutomationDialogFormField } from "../../shared/slots/AutomationDialogFormField.js";
+import { DefaultAlertingDialogComparisonPeriod } from "../DefaultAlertingDialog/DefaultAlertingDialogComparisonPeriod.js";
+import { useAlertingDialogComparisonPeriodProps } from "../state/useAlertingDialogFieldProps.js";
+import { isChangeOrDifferenceOperator } from "../utils/guards.js";
+import { WhenAlertingDialogLoaded } from "./WhenAlertingDialogLoaded.js";
+/**
+ * The alerting dialog's comparison-period field ("Compared to": the period a change or difference
+ * condition compares against), connected to the dialog's state and rendered as a labelled form
+ * row.
+ *
+ * Renders {@link DefaultAlertingDialogComparisonPeriod} inside {@link AutomationDialogFormField}
+ * with the props of {@link useAlertingDialogComparisonPeriodProps}; every prop passed here
+ * replaces the hook's value for that prop wholesale. Renders nothing unless the `alert` prop's
+ * condition is a change or difference (only those have a comparison period; the gate reads the
+ * prop, so an override is honoured), and nothing while `useAlertingDialogContext().isLoading` is
+ * true.
+ *
+ * @alpha
+ */
+export function AlertingDialogComparisonPeriod(overrides) {
+    return (_jsx(WhenAlertingDialogLoaded, { children: _jsx(ConnectedAlertingDialogComparisonPeriod, { ...overrides }) }));
+}
+function ConnectedAlertingDialogComparisonPeriod(overrides) {
+    const props = { ...useAlertingDialogComparisonPeriodProps(), ...overrides };
+    if (!props.alert || !isChangeOrDifferenceOperator(props.alert.alert)) {
+        return null;
+    }
+    return (_jsx(AutomationDialogFormField, { label: _jsx(FormattedMessage, { id: "insightAlert.config.comparison" }), htmlFor: props.id, children: _jsx(DefaultAlertingDialogComparisonPeriod, { ...props }) }));
+}

package/esm/presentation/automations/alerting/blocks/AlertingDialogFieldLabelWithTooltip.d.ts

@@ -0,0 +1,11 @@
+import { type MessageDescriptor } from "react-intl";
+/**
+ * A form-row label with a "?" tooltip after it; the Granularity and TriggerInterval blocks use it.
+ *
+ * @internal
+ */
+export declare function AlertingDialogFieldLabelWithTooltip({ label, tooltip }: {
+    label: MessageDescriptor;
+    tooltip: MessageDescriptor;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AlertingDialogFieldLabelWithTooltip.d.ts.map

package/esm/presentation/automations/alerting/blocks/AlertingDialogFieldLabelWithTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertingDialogFieldLabelWithTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/blocks/AlertingDialogFieldLabelWithTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAI/E;;;;GAIG;AACH,wBAAgB,mCAAmC,CAAC,EAChD,KAAK,EACL,OAAO,EACV,EAAE;IACC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,iBAAiB,CAAC;CAC9B,2CAuBA"}

package/esm/presentation/automations/alerting/blocks/AlertingDialogFieldLabelWithTooltip.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { FormattedMessage, useIntl } from "react-intl";
+import { UiIconButton, UiTooltip } from "@gooddata/sdk-ui-kit";
+/**
+ * A form-row label with a "?" tooltip after it; the Granularity and TriggerInterval blocks use it.
+ *
+ * @internal
+ */
+export function AlertingDialogFieldLabelWithTooltip({ label, tooltip, }) {
+    const intl = useIntl();
+    return (_jsxs("div", { className: "gd-dashboard-alerting-dialog-form-field__content-container-tooltip", children: [
+            _jsx(FormattedMessage, { ...label }), _jsx(UiTooltip, { anchor: _jsx(UiIconButton, { icon: "question", variant: "tertiary", size: "xsmall", accessibilityConfig: { ariaLabel: intl.formatMessage(label) } }), content: _jsx(FormattedMessage, { ...tooltip }), arrowPlacement: "left", optimalPlacement: true, offset: 10, width: 280, triggerBy: ["hover", "click"] })
+        ] }));
+}