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

package/esm/presentation/automations/alerting/state/useAlertingDialogFieldProps.js

@@ -0,0 +1,234 @@
+// (C) 2026 GoodData Corporation
+import { useAlertingDialogContext } from "../../contexts/AlertingDialogContext.js";
+import { useAutomationsContext } from "../../contexts/AutomationsContext.js";
+import { useAlertThreshold } from "../hooks/useAlertThreshold.js";
+import { getValueSuffix } from "../utils/getters.js";
+import { useAlertActions } from "./AlertActionsContext.js";
+import { useAlertData } from "./AlertDataContext.js";
+import { useAlertDraft } from "./AlertDraftContext.js";
+import { useAlertDialogValidity } from "./useAlertDialogValidity.js";
+import { useAlertSelectedValues } from "./useAlertSelectedValues.js";
+const OVERLAY_POSITION_TYPE = "sameAsTarget";
+const CLOSE_ON_PARENT_SCROLL = true;
+/**
+ * The exact props the default alerting dialog renders its measure field with.
+ *
+ * Throws outside the alerting dialog's state providers.
+ *
+ * @alpha
+ */
+export function useAlertingDialogMeasureProps() {
+    const { supportedMeasures } = useAlertData();
+    const { onMeasureChange } = useAlertActions();
+    const { selectedMeasure } = useAlertSelectedValues();
+    const { canChangeMeasure } = useAlertDialogValidity();
+    return {
+        id: "alert.measure",
+        selectedMeasure,
+        onMeasureChange,
+        measures: supportedMeasures,
+        disabled: !canChangeMeasure,
+        overlayPositionType: OVERLAY_POSITION_TYPE,
+        closeOnParentScroll: CLOSE_ON_PARENT_SCROLL,
+    };
+}
+/**
+ * The exact props the default alerting dialog renders its attribute field with.
+ *
+ * Throws outside the alerting dialog's state providers.
+ *
+ * @alpha
+ */
+export function useAlertingDialogAttributeProps() {
+    const { catalogAttributes, catalogDateDatasets } = useAutomationsContext();
+    const { supportedAttributes, getAttributeValues, isResultLoading } = useAlertData();
+    const { onAttributeChange } = useAlertActions();
+    const { selectedAttribute, selectedValue } = useAlertSelectedValues();
+    const { canChangeMeasure } = useAlertDialogValidity();
+    return {
+        id: "alert.attribute",
+        disabled: !canChangeMeasure,
+        selectedAttribute,
+        selectedValue,
+        onAttributeChange,
+        attributes: supportedAttributes,
+        catalogAttributes,
+        catalogDateDatasets,
+        getAttributeValues,
+        isResultLoading,
+        showLabel: false,
+        closeOnParentScroll: CLOSE_ON_PARENT_SCROLL,
+    };
+}
+/**
+ * The exact props the default alerting dialog renders its comparison-operator field with.
+ *
+ * `enableAnomalyDetectionAlert` is the conjunction of the `enableAnomalyDetectionAlert` and
+ * `canUseAiAssistant` features.
+ *
+ * Throws outside the alerting dialog's state providers.
+ *
+ * @alpha
+ */
+export function useAlertingDialogComparisonOperatorProps() {
+    const { features: { enableAnomalyDetectionAlert, canUseAiAssistant }, } = useAutomationsContext();
+    const { onAnomalyDetectionChange, onComparisonOperatorChange, onRelativeOperatorChange } = useAlertActions();
+    const { selectedMeasure, selectedComparisonOperator, selectedRelativeOperator, selectedAiOperator } = useAlertSelectedValues();
+    return {
+        id: "alert.condition",
+        measure: selectedMeasure,
+        enableAnomalyDetectionAlert: enableAnomalyDetectionAlert && canUseAiAssistant,
+        selectedComparisonOperator,
+        selectedRelativeOperator,
+        selectedAiOperator,
+        onAnomalyDetectionChange,
+        onComparisonOperatorChange,
+        onRelativeOperatorChange,
+        overlayPositionType: OVERLAY_POSITION_TYPE,
+        closeOnParentScroll: CLOSE_ON_PARENT_SCROLL,
+    };
+}
+/**
+ * The exact props the default alerting dialog renders its threshold field with.
+ *
+ * Owns the field's state: its effect auto-computes the threshold of a new alert from the measure's
+ * current value and clears it for a relative operator, writing the draft. **Call it once per
+ * dialog** — through {@link AlertingDialogThreshold}, which is that mount in the default dialog and
+ * in a shell of blocks, or directly, never both. Throws outside the alerting dialog's state
+ * providers.
+ *
+ * @alpha
+ */
+export function useAlertingDialogThresholdProps() {
+    const { alertToEdit } = useAlertingDialogContext();
+    const { editedAutomation } = useAlertDraft();
+    const { setEditedAutomation } = useAlertActions();
+    const { getMetricValue } = useAlertData();
+    const { selectedRelativeOperator, selectedMeasure, selectedAttribute, selectedValue } = useAlertSelectedValues();
+    const { value, onChange, onBlur, thresholdErrorMessage } = useAlertThreshold({
+        setEditedAutomation,
+        editedAutomation,
+        getMetricValue,
+        isNewAlert: !alertToEdit,
+        selectedRelativeOperator,
+        selectedMeasure,
+        selectedAttribute,
+        selectedValue,
+    });
+    return {
+        id: "alert.value",
+        value,
+        onChange,
+        onBlur,
+        suffix: getValueSuffix(editedAutomation?.alert),
+        errorMessage: thresholdErrorMessage,
+    };
+}
+/**
+ * The exact props the default alerting dialog renders its comparison-period field with.
+ *
+ * `onComparisonChange` closes over the selected measure (and relative operator), so it takes only
+ * the field's value.
+ *
+ * Throws outside the alerting dialog's state providers.
+ *
+ * @alpha
+ */
+export function useAlertingDialogComparisonPeriodProps() {
+    const { editedAutomation } = useAlertDraft();
+    const { onComparisonTypeChange } = useAlertActions();
+    const { selectedMeasure, selectedRelativeOperator, selectedComparator } = useAlertSelectedValues();
+    return {
+        id: "alert.comparison",
+        alert: editedAutomation,
+        measure: selectedMeasure,
+        selectedComparison: selectedComparator?.comparator,
+        selectedGranularity: selectedComparator?.granularity,
+        onComparisonChange: (comparisonType, granularity) => {
+            onComparisonTypeChange(selectedMeasure, selectedRelativeOperator, comparisonType, granularity);
+        },
+        overlayPositionType: OVERLAY_POSITION_TYPE,
+        closeOnParentScroll: CLOSE_ON_PARENT_SCROLL,
+    };
+}
+/**
+ * The exact props the default alerting dialog renders its sensitivity field with.
+ *
+ * Throws outside the alerting dialog's state providers.
+ *
+ * @alpha
+ */
+export function useAlertingDialogSensitivityProps() {
+    const { onSensitivityChange } = useAlertActions();
+    const { selectedSensitivity } = useAlertSelectedValues();
+    return {
+        id: "alert.sensitivity",
+        selectedSensitivity,
+        onSensitivityChange,
+        overlayPositionType: OVERLAY_POSITION_TYPE,
+        closeOnParentScroll: CLOSE_ON_PARENT_SCROLL,
+    };
+}
+/**
+ * The exact props the default alerting dialog renders its granularity field with.
+ *
+ * `onGranularityChange` closes over the selected measure (and relative operator), so it takes only
+ * the field's value.
+ *
+ * Throws outside the alerting dialog's state providers.
+ *
+ * @alpha
+ */
+export function useAlertingDialogGranularityProps() {
+    const { allowHourlyRecurrence } = useAutomationsContext();
+    const { onGranularityChange } = useAlertActions();
+    const { selectedMeasure, selectedGranularity } = useAlertSelectedValues();
+    return {
+        id: "alert.granularity",
+        allowHourlyRecurrence,
+        selectedGranularity,
+        onGranularityChange: (granularity) => {
+            onGranularityChange(selectedMeasure, granularity);
+        },
+        overlayPositionType: OVERLAY_POSITION_TYPE,
+        closeOnParentScroll: CLOSE_ON_PARENT_SCROLL,
+    };
+}
+/**
+ * The exact props the default alerting dialog renders its trigger-mode field with.
+ *
+ * Throws outside the alerting dialog's state providers.
+ *
+ * @alpha
+ */
+export function useAlertingDialogTriggerModeProps() {
+    const { features: { enableAlertOncePerInterval }, } = useAutomationsContext();
+    const { editedAutomation } = useAlertDraft();
+    const { onTriggerModeChange } = useAlertActions();
+    return {
+        id: "alert.trigger",
+        selectedTriggerMode: editedAutomation?.alert?.trigger.mode ?? "ALWAYS",
+        onTriggerModeChange,
+        overlayPositionType: OVERLAY_POSITION_TYPE,
+        closeOnParentScroll: CLOSE_ON_PARENT_SCROLL,
+        enableAlertOncePerInterval,
+    };
+}
+/**
+ * The exact props the default alerting dialog renders its trigger-interval field with.
+ *
+ * Throws outside the alerting dialog's state providers.
+ *
+ * @alpha
+ */
+export function useAlertingDialogTriggerIntervalProps() {
+    const { editedAutomation } = useAlertDraft();
+    const { onTriggerIntervalChange } = useAlertActions();
+    return {
+        id: "alert.interval",
+        selectedTriggerInterval: editedAutomation?.alert?.trigger.interval ?? "DAY",
+        onTriggerIntervalChange,
+        overlayPositionType: OVERLAY_POSITION_TYPE,
+        closeOnParentScroll: CLOSE_ON_PARENT_SCROLL,
+    };
+}

package/esm/presentation/automations/alerting/state/useAlertingDialogRegionProps.d.ts

@@ -4,7 +4,7 @@ import { type AlertingDialogHeaderDefaultProps, type IAlertingDialogFiltersProps
 /**
  * Inputs of {@link useAlertingDialogHeaderProps} that come from the dialog rather than its state.
  *
- * @internal
+ * @alpha
  */
 export interface IUseAlertingDialogHeaderPropsInput {
     /**
@@ -21,7 +21,7 @@ export interface IUseAlertingDialogHeaderPropsInput {
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export declare function useAlertingDialogHeaderProps({ onCancel, ref }: IUseAlertingDialogHeaderPropsInput): AlertingDialogHeaderDefaultProps;
 /**
@@ -29,7 +29,7 @@ export declare function useAlertingDialogHeaderProps({ onCancel, ref }: IUseAler
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export declare function useAlertingDialogFiltersProps(): IAlertingDialogFiltersProps;
 /**
@@ -37,7 +37,7 @@ export declare function useAlertingDialogFiltersProps(): IAlertingDialogFiltersP
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export declare function useAlertingDialogDestinationProps(): IAutomationDialogDestinationProps;
 /**
@@ -45,13 +45,13 @@ export declare function useAlertingDialogDestinationProps(): IAutomationDialogDe
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export declare function useAlertingDialogRecipientsProps(): IAutomationDialogRecipientsProps;
 /**
  * Inputs of {@link useAlertingDialogActionBarProps} that come from the dialog rather than its state.
  *
- * @internal
+ * @alpha
  */
 export interface IUseAlertingDialogActionBarPropsInput {
     /**
@@ -59,7 +59,7 @@ export interface IUseAlertingDialogActionBarPropsInput {
      */
     onCancel?: () => void;
     /**
-     * Submits the automation; the dialog's single submit path (see `useAlertSubmit`).
+     * Submits the automation; the dialog's single submit path (see {@link useAlertSubmit}).
      */
     onSubmit: () => void;
     /**
@@ -76,7 +76,7 @@ export interface IUseAlertingDialogActionBarPropsInput {
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export declare function useAlertingDialogActionBarProps({ onCancel, onSubmit, isSaving, onDelete }: IUseAlertingDialogActionBarPropsInput): IAutomationDialogActionBarProps;
 //# sourceMappingURL=useAlertingDialogRegionProps.d.ts.map

package/esm/presentation/automations/alerting/state/useAlertingDialogRegionProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAlertingDialogRegionProps.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/state/useAlertingDialogRegionProps.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAQ1C,OAAO,EACH,KAAK,+BAA+B,EACpC,KAAK,iCAAiC,EACtC,KAAK,gCAAgC,EACxC,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,KAAK,gCAAgC,EAAE,KAAK,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAStG;;;;GAIG;AACH,MAAM,WAAW,kCAAkC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC/B;AAED;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAAC,EACzC,QAAQ,EACR,GAAG,EACN,EAAE,kCAAkC,GAAG,gCAAgC,CAkCvE;AAED;;;;;;GAMG;AACH,wBAAgB,6BAA6B,IAAI,2BAA2B,CAwB3E;AAED;;;;;;GAMG;AACH,wBAAgB,iCAAiC,IAAI,iCAAiC,CAUrF;AAED;;;;;;GAMG;AACH,wBAAgB,gCAAgC,IAAI,gCAAgC,CAqBnF;AAED;;;;GAIG;AACH,MAAM,WAAW,qCAAqC;IAClD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAAC,EAC5C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACX,EAAE,qCAAqC,GAAG,+BAA+B,CAmCzE"}
+{"version":3,"file":"useAlertingDialogRegionProps.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/state/useAlertingDialogRegionProps.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAQ1C,OAAO,EACH,KAAK,+BAA+B,EACpC,KAAK,iCAAiC,EACtC,KAAK,gCAAgC,EACxC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,gCAAgC,EAAE,KAAK,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAWtG;;;;GAIG;AACH,MAAM,WAAW,kCAAkC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC/B;AAED;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAAC,EACzC,QAAQ,EACR,GAAG,EACN,EAAE,kCAAkC,GAAG,gCAAgC,CAkCvE;AAED;;;;;;GAMG;AACH,wBAAgB,6BAA6B,IAAI,2BAA2B,CAwB3E;AAED;;;;;;GAMG;AACH,wBAAgB,iCAAiC,IAAI,iCAAiC,CAUrF;AAED;;;;;;GAMG;AACH,wBAAgB,gCAAgC,IAAI,gCAAgC,CAqBnF;AAED;;;;GAIG;AACH,MAAM,WAAW,qCAAqC;IAClD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAAC,EAC5C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACX,EAAE,qCAAqC,GAAG,+BAA+B,CAmCzE"}

package/esm/presentation/automations/alerting/state/useAlertingDialogRegionProps.js

@@ -5,8 +5,8 @@ import { defineMessage, useIntl } from "react-intl";
 import { UiIcon } from "@gooddata/sdk-ui-kit";
 import { useAlertingDialogContext } from "../../contexts/AlertingDialogContext.js";
 import { useAutomationsContext } from "../../contexts/AutomationsContext.js";
-import { isAnomalyDetection } from "../DefaultAlertingDialog/utils/guards.js";
-import { isMobileView } from "../DefaultAlertingDialog/utils/responsive.js";
+import { isAnomalyDetection } from "../utils/guards.js";
+import { isMobileView } from "../utils/responsive.js";
 import { useAlertActions } from "./AlertActionsContext.js";
 import { useAlertData } from "./AlertDataContext.js";
 import { useAlertDraft } from "./AlertDraftContext.js";
@@ -18,7 +18,7 @@ import { useAlertSelectedValues } from "./useAlertSelectedValues.js";
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export function useAlertingDialogHeaderProps({ onCancel, ref, }) {
     const intl = useIntl();
@@ -48,7 +48,7 @@ export function useAlertingDialogHeaderProps({ onCancel, ref, }) {
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export function useAlertingDialogFiltersProps() {
     const { editedAutomation } = useAlertDraft();
@@ -70,7 +70,7 @@ export function useAlertingDialogFiltersProps() {
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export function useAlertingDialogDestinationProps() {
     const { notificationChannels } = useAlertingDialogContext();
@@ -87,7 +87,7 @@ export function useAlertingDialogDestinationProps() {
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export function useAlertingDialogRecipientsProps() {
     const { maxAutomationsRecipients, externalRecipient: externalRecipientOverride } = useAutomationsContext();
@@ -114,7 +114,7 @@ export function useAlertingDialogRecipientsProps() {
  *
  * Throws outside the alerting dialog's state providers.
  *
- * @internal
+ * @alpha
  */
 export function useAlertingDialogActionBarProps({ onCancel, onSubmit, isSaving, onDelete, }) {
     const intl = useIntl();