@gooddata/sdk-ui-metric-component 0.0.0-stage → 11.65.0-alpha.4

package/esm/MetricComponent/hooks/useEditCallbacks.js

@@ -0,0 +1,107 @@
+// (C) 2021-2026 GoodData Corporation
+import { useMemo } from "react";
+import { isMeasureMetadataObjectDefinition } from "@gooddata/sdk-model";
+import { useEvents } from "../../shared/eventing/useEvents.js";
+import { useReloadMetrics } from "../../shared/metrics/useReloadMetrics.js";
+import { SaveNameMode } from "../Content/EditMetricContent.data.js";
+import { events } from "../EditMetric.events.js";
+import { createSaveMetricInfo } from "../metric/saveInfo.js";
+import { MetricContextMode } from "../MetricsContext/MetricsContext.js";
+import { useMetricsContext } from "../MetricsContext/useMetricsContext.js";
+import { useMetricSave } from "./useMetricSave.js";
+export function useEditCallbacks(metric, setCurrentMetric, usage, onCancel, onDelete, onSave, onMetricsChange, 
+/** Runs after the metric is persisted, with what the backend returned. Failures are swallowed. */
+onSaved) {
+    const { needMetricReload } = useReloadMetrics();
+    const { metricSavedAndClosedEvent, metricSaveFailedEvent, metricSaveAsNewFailedEvent, metricClosedWithoutSaveEvent, metricDeleteClickEvent, } = useEvents(events);
+    const { mode } = useMetricsContext();
+    const saveMetricHandler = useMetricSave();
+    return useMemo(() => {
+        function handleMetricsChange(savedMetric, serverMetric) {
+            if (onMetricsChange) {
+                onMetricsChange(savedMetric);
+            }
+            return serverMetric;
+        }
+        function handleSave(savedMetric, serverMetric, saveMode, formField, regenerateId) {
+            const resolvedMetric = keepPermissions(savedMetric, serverMetric);
+            //NOTE: In multiple metrics mode we dont want to propagate changes into current form in save as new mode
+            if (saveMode !== SaveNameMode.saveAsNew || mode === MetricContextMode.Single) {
+                setCurrentMetric(resolvedMetric);
+            }
+            return onSave?.(resolvedMetric, createSaveMetricInfo(metric, usage, saveMode, regenerateId, formField), null);
+        }
+        function handleSuccess(savedMetric, start) {
+            metricSavedAndClosedEvent(savedMetric.id, savedMetric.expression, Date.now() - start, isMeasureMetadataObjectDefinition(metric));
+        }
+        function handlerError(savedMetric, saveMode, formField, regenerateId, err) {
+            if (saveMode === SaveNameMode.saveAsNew) {
+                metricSaveAsNewFailedEvent(err);
+            }
+            else {
+                metricSaveFailedEvent(err);
+            }
+            if (onSave) {
+                onSave(savedMetric, createSaveMetricInfo(metric, usage, saveMode, regenerateId, formField), err);
+            }
+        }
+        function onSaveHandler({ metric, saveMode, formField, regenerateId }) {
+            const savedMetric = metric;
+            const startTime = Date.now();
+            return saveMetricHandler(savedMetric)
+                .then((serverMetrics) => handleMetricsChange(savedMetric, serverMetrics))
+                .then(async (serverMetric) => {
+                needMetricReload();
+                try {
+                    await onSaved?.(serverMetric);
+                }
+                catch {
+                    // The metric is saved by now, so a failing follow-up must not report
+                    // a failed save. try/catch, not `.catch`, which a sync throw escapes.
+                }
+                return handleSave(savedMetric, serverMetric, saveMode, formField, regenerateId);
+            })
+                .then(() => handleSuccess(savedMetric, startTime))
+                .catch((err) => handlerError(savedMetric, saveMode, formField, regenerateId, err));
+        }
+        function onDeleteHandler() {
+            needMetricReload();
+            if (onDelete) {
+                onDelete(metric);
+            }
+            metricDeleteClickEvent(metric.id);
+        }
+        function onCancelHandler({ cancelMode }) {
+            if (onCancel) {
+                onCancel(cancelMode);
+            }
+            metricClosedWithoutSaveEvent();
+        }
+        return { onSaveHandler, onDeleteHandler, onCancelHandler };
+    }, [
+        mode,
+        metric,
+        metricClosedWithoutSaveEvent,
+        metricDeleteClickEvent,
+        metricSaveAsNewFailedEvent,
+        metricSaveFailedEvent,
+        metricSavedAndClosedEvent,
+        needMetricReload,
+        onCancel,
+        onDelete,
+        onMetricsChange,
+        onSave,
+        onSaved,
+        saveMetricHandler,
+        setCurrentMetric,
+        usage,
+    ]);
+}
+// Create returns the new object's own permissions, but the update endpoint cannot return them at
+// all. Saving content does not change them, so on update keep the ones the metric was opened with.
+function keepPermissions(savedMetric, serverMetric) {
+    if (serverMetric.permissions || !savedMetric.permissions) {
+        return serverMetric;
+    }
+    return { ...serverMetric, permissions: savedMetric.permissions };
+}

package/esm/MetricComponent/hooks/useFocusedField.d.ts

@@ -0,0 +1,4 @@
+import { FormField } from "../Form/data.js";
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+export declare function useFocusedField(initialValueMetric: IMeasureDef, field?: FormField): [FormField, (field: FormField) => void];
+//# sourceMappingURL=useFocusedField.d.ts.map

package/esm/MetricComponent/hooks/useFocusedField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusedField.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useFocusedField.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,wBAAgB,eAAe,CAC3B,kBAAkB,EAAE,WAAW,EAC/B,KAAK,CAAC,EAAE,SAAS,GAClB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC,CAIzC"}

package/esm/MetricComponent/hooks/useFocusedField.js

@@ -0,0 +1,9 @@
+// (C) 2021-2026 GoodData Corporation
+import { useState } from "react";
+import { isMeasureMetadataObjectDefinition } from "@gooddata/sdk-model";
+import { FormField } from "../Form/data.js";
+export function useFocusedField(initialValueMetric, field) {
+    const isDefinition = isMeasureMetadataObjectDefinition(initialValueMetric);
+    const currentField = isDefinition ? FormField.title : FormField.expression;
+    return useState(field || currentField);
+}

package/esm/MetricComponent/hooks/useIdCallbacks.d.ts

@@ -0,0 +1,22 @@
+import { type MutableRefObject } from "react";
+import { type MetricIdConflicts } from "../ConflictContext/useConflictDetection.js";
+import { type IEditMetricDialogFormApi } from "../Form/EditMetricContentForm.js";
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+export declare function useIdCallbacks(idChangedData: {
+    visible: boolean;
+    conflicts: MetricIdConflicts;
+    idChanged: boolean;
+    oldId: string;
+    newId: string;
+}, setIdDialogData: (data: {
+    visible: boolean;
+    conflicts: MetricIdConflicts;
+    idChanged: boolean;
+    oldId: string;
+    newId: string;
+}) => void, comp: MutableRefObject<IEditMetricDialogFormApi | undefined>, metricToSave: IMeasureDef | undefined, defaultId: string): {
+    onSaveKeepIdClick: () => void;
+    onSaveChangeIdClick: () => void;
+    onCloseIdChange: () => void;
+};
+//# sourceMappingURL=useIdCallbacks.d.ts.map

package/esm/MetricComponent/hooks/useIdCallbacks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIdCallbacks.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useIdCallbacks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAW,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,wBAAgB,cAAc,CAC1B,aAAa,EAAE;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,EACD,eAAe,EAAE,CAAC,IAAI,EAAE;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,KAAK,IAAI,EACV,IAAI,EAAE,gBAAgB,CAAC,wBAAwB,GAAG,SAAS,CAAC,EAC5D,YAAY,EAAE,WAAW,GAAG,SAAS,EACrC,SAAS,EAAE,MAAM,GAClB;IACC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B,CA8CA"}

package/esm/MetricComponent/hooks/useIdCallbacks.js

@@ -0,0 +1,46 @@
+// (C) 2021-2026 GoodData Corporation
+import { useMemo } from "react";
+export function useIdCallbacks(idChangedData, setIdDialogData, comp, metricToSave, defaultId) {
+    return useMemo(() => {
+        const onSaveKeepIdClick = () => {
+            setIdDialogData({
+                ...idChangedData,
+                visible: false,
+                conflicts: { conflictWith: [], usableIds: [] },
+                idChanged: false,
+            });
+            //not change ids, but conflict exists
+            if (!idChangedData.idChanged && idChangedData.conflicts.conflictWith.length > 0) {
+                const newId = idChangedData.conflicts.usableIds[0];
+                if (metricToSave && comp.current) {
+                    comp.current.saveForce({ id: newId });
+                }
+                return;
+            }
+            //changed id, keep default
+            if (metricToSave && comp.current) {
+                comp.current.saveForce({ id: defaultId });
+            }
+        };
+        const onSaveChangeIdClick = () => {
+            setIdDialogData({
+                ...idChangedData,
+                visible: false,
+                conflicts: { conflictWith: [], usableIds: [] },
+                idChanged: false,
+            });
+            if (metricToSave && comp.current) {
+                comp.current.saveForce();
+            }
+        };
+        const onCloseIdChange = () => {
+            setIdDialogData({
+                ...idChangedData,
+                visible: false,
+                conflicts: { conflictWith: [], usableIds: [] },
+                idChanged: false,
+            });
+        };
+        return { onSaveKeepIdClick, onSaveChangeIdClick, onCloseIdChange };
+    }, [comp, defaultId, metricToSave, setIdDialogData, idChangedData]);
+}

package/esm/MetricComponent/hooks/useInitialValueMetric.d.ts

@@ -0,0 +1,4 @@
+import { type Dispatch, type SetStateAction } from "react";
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+export declare function useInitialValueMetric(metric: IMeasureDef): [IMeasureDef, Dispatch<SetStateAction<IMeasureDef>>];
+//# sourceMappingURL=useInitialValueMetric.d.ts.map

package/esm/MetricComponent/hooks/useInitialValueMetric.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitialValueMetric.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useInitialValueMetric.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,wBAAgB,qBAAqB,CACjC,MAAM,EAAE,WAAW,GACpB,CAAC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAUtD"}

package/esm/MetricComponent/hooks/useInitialValueMetric.js

@@ -0,0 +1,12 @@
+// (C) 2021-2026 GoodData Corporation
+import { useEffect, useState } from "react";
+import { isEqual } from "lodash-es";
+export function useInitialValueMetric(metric) {
+    const [initialValueMetric, setInitialValueMetric] = useState(metric);
+    useEffect(() => {
+        if (!isEqual(initialValueMetric, metric)) {
+            setInitialValueMetric(metric);
+        }
+    }, [initialValueMetric, metric]);
+    return [initialValueMetric, setInitialValueMetric];
+}

package/esm/MetricComponent/hooks/useInitialValues.d.ts

@@ -0,0 +1,3 @@
+import { type Dispatch, type MutableRefObject, type SetStateAction } from "react";
+export declare function useInitialValues<S>(defaultValue: S, initialValues?: S): [S, Dispatch<SetStateAction<S>>, MutableRefObject<boolean>];
+//# sourceMappingURL=useInitialValues.d.ts.map

package/esm/MetricComponent/hooks/useInitialValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitialValues.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useInitialValues.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAa,MAAM,OAAO,CAAC;AAI7F,wBAAgB,gBAAgB,CAAC,CAAC,EAC9B,YAAY,EAAE,CAAC,EACf,aAAa,CAAC,EAAE,CAAC,GAClB,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAW7D"}

package/esm/MetricComponent/hooks/useInitialValues.js

@@ -0,0 +1,13 @@
+// (C) 2021-2026 GoodData Corporation
+import { useEffect } from "react";
+import { useProp } from "../../shared/hooks/useProp.js";
+export function useInitialValues(defaultValue, initialValues) {
+    const [state, setState, initial] = useProp(initialValues || defaultValue);
+    useEffect(() => {
+        if (initialValues) {
+            setState(defaultValue);
+        }
+        // oxlint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return [state, setState, initial];
+}

package/esm/MetricComponent/hooks/useMetricContentState.d.ts

@@ -0,0 +1,38 @@
+import { type MutableRefObject } from "react";
+import { type MetricIdConflicts } from "../ConflictContext/useConflictDetection.js";
+import { SaveNameMode } from "../Content/EditMetricContent.data.js";
+import { type FormField } from "../Form/data.js";
+import { type IEditMetricDialogFormApi } from "../Form/EditMetricContentForm.js";
+import { type IMeasureDef, type IMeasureSetting } from "../metric/metricHelpers.js";
+import { type CancelData, type SaveData } from "./useEditCallbacks.js";
+export type MetricContentState = {
+    comp: MutableRefObject<IEditMetricDialogFormApi | undefined>;
+    showIdChangeConfirmDialog: {
+        visible: boolean;
+        conflicts: MetricIdConflicts;
+        idChanged: boolean;
+        oldId: string;
+        newId: string;
+    };
+    showUnsavedChangesConfirmDialog: boolean;
+    initialValueMetric: IMeasureDef;
+    initialFocusedField: FormField;
+    initialRegenerateId: boolean;
+    defaultId: string;
+    defaultPrefix: string;
+    onSaveClick: (metricToSave: IMeasureDef, force?: boolean) => Promise<void>;
+    onSaveAsClick: (metricToSave: IMeasureDef) => Promise<void>;
+    onDirtyChangedCallback: (dirty: boolean) => void;
+    onValueChangedCallback: (value: IMeasureDef, valid: boolean) => void;
+    onSaveKeepIdClick: () => void;
+    onSaveChangeIdClick: () => void;
+    onCloseIdChange: () => void;
+    onCloseCallback: (metric: Partial<IMeasureDef>, valid: boolean) => void;
+    onCancelCallback: () => void;
+    onSaveUnchangedChangesCallback: () => void;
+    onCloseUnchangedChangesCallback: () => void;
+    onCancelUnchangedChangesCallback: () => void;
+    onSettingsChangeCallback: (settings: Partial<IMeasureSetting>) => void;
+};
+export declare function useMetricContentState(metric: IMeasureDef, focusedField: FormField | undefined, regenerateId: boolean | undefined, saveMode: SaveNameMode | undefined, onSave: (value: Required<SaveData>) => Promise<void>, onCancel: (value: CancelData) => void, onDirtyChanged?: (dirty: boolean, id: string) => void, onValueChange?: (value: IMeasureDef, valid: boolean) => void, onSettingsChange?: (settings: Partial<IMeasureSetting>) => void): MetricContentState;
+//# sourceMappingURL=useMetricContentState.d.ts.map

package/esm/MetricComponent/hooks/useMetricContentState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetricContentState.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useMetricContentState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAiC,MAAM,OAAO,CAAC;AAK7E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIpF,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AASvE,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,EAAE,gBAAgB,CAAC,wBAAwB,GAAG,SAAS,CAAC,CAAC;IAC7D,yBAAyB,EAAE;QACvB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,iBAAiB,CAAC;QAC7B,SAAS,EAAE,OAAO,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,+BAA+B,EAAE,OAAO,CAAC;IACzC,kBAAkB,EAAE,WAAW,CAAC;IAChC,mBAAmB,EAAE,SAAS,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,aAAa,EAAE,CAAC,YAAY,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,sBAAsB,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,8BAA8B,EAAE,MAAM,IAAI,CAAC;IAC3C,+BAA+B,EAAE,MAAM,IAAI,CAAC;IAC5C,gCAAgC,EAAE,MAAM,IAAI,CAAC;IAC7C,wBAAwB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC;AACF,wBAAgB,qBAAqB,CACjC,MAAM,EAAE,WAAW,EACnB,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,YAAY,EAAE,OAAO,GAAG,SAAS,EACjC,QAAQ,EAAE,YAAY,GAAG,SAAS,EAClC,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,EACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,EACrC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,EACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,EAC5D,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,GAChE,kBAAkB,CAsGpB"}

package/esm/MetricComponent/hooks/useMetricContentState.js

@@ -0,0 +1,73 @@
+// (C) 2021-2026 GoodData Corporation
+import { useCallback, useRef, useState } from "react";
+import { useMetrics } from "../../shared/metrics/useMetrics.js";
+import { SaveNameMode } from "../Content/EditMetricContent.data.js";
+import { usePrefixes } from "../Form/Prefixes/usePrefixes.js";
+import { addPrefixToMeasure } from "../metric/prefixHelper.js";
+import { useDirtyChanged } from "./useDirtyChanged.js";
+import { useFocusedField } from "./useFocusedField.js";
+import { useIdCallbacks } from "./useIdCallbacks.js";
+import { useInitialValueMetric } from "./useInitialValueMetric.js";
+import { useOnCloseOrCancel } from "./useOnCloseOrCancel.js";
+import { useOnSaveUnchanged } from "./useOnSaveUnchanged.js";
+import { useSaveAsClick } from "./useSaveAsClick.js";
+import { useSaveClick } from "./useSaveClick.js";
+export function useMetricContentState(metric, focusedField, regenerateId, saveMode, onSave, onCancel, onDirtyChanged, onValueChange, onSettingsChange) {
+    const comp = useRef(undefined);
+    const [idChangeData, setChangeData] = useState({
+        visible: false,
+        conflicts: { conflictWith: [], usableIds: [] },
+        idChanged: false,
+        oldId: "",
+        newId: "",
+    });
+    const [showUnsavedChangesConfirmDialog, setShowUnsavedChangesConfirmDialog] = useState(false);
+    const [metricToSave, setMetricToSave] = useState();
+    const [dirty, setDirty] = useState(false);
+    const prefixes = usePrefixes();
+    const updatedMetric = addPrefixToMeasure(metric, prefixes?.current);
+    const [initialValueMetric, setInitialValueMetric] = useInitialValueMetric(updatedMetric);
+    const [initialFocusedField, setInitialFocusedField] = useFocusedField(initialValueMetric, focusedField);
+    const [initialSaveMode, setInitialSaveMode] = useState(saveMode || (hasRef(initialValueMetric) ? SaveNameMode.save : SaveNameMode.saveAsNew));
+    const [initialRegenerateId, setInitialRegenerateId] = useState(Boolean(regenerateId ||
+        (initialSaveMode === SaveNameMode.saveAsNew && saveMode !== SaveNameMode.saveAsNew)));
+    const [defaultId] = useState(updatedMetric.id || "");
+    const [defaultPrefix] = useState(updatedMetric.prefix || "");
+    const metrics = useMetrics();
+    const onSaveClick = useSaveClick(defaultId, setChangeData, setMetricToSave, onSave, initialSaveMode);
+    const onSaveAsClick = useSaveAsClick(defaultId, initialValueMetric, metrics.result || [], onSave, setInitialValueMetric, setInitialFocusedField, setInitialSaveMode, setInitialRegenerateId);
+    const { onSaveKeepIdClick, onSaveChangeIdClick, onCloseIdChange } = useIdCallbacks(idChangeData, setChangeData, comp, metricToSave, defaultId);
+    const onDirtyChangedCallback = useDirtyChanged(onDirtyChanged, setDirty, defaultId);
+    const { onCloseCallback, onCancelCallback } = useOnCloseOrCancel(dirty, onCancel, setMetricToSave, setShowUnsavedChangesConfirmDialog);
+    const { onSaveUnchangedChangesCallback, onCloseUnchangedChangesCallback, onCancelUnchangedChangesCallback, } = useOnSaveUnchanged(setShowUnsavedChangesConfirmDialog, comp, metricToSave, onCancel);
+    const onValueChangedCallback = useCallback((value, valid) => onValueChange?.(value, valid), [onValueChange]);
+    const onSettingsChangeCallback = useCallback((setting) => onSettingsChange?.(setting), [onSettingsChange]);
+    return {
+        comp,
+        defaultId,
+        defaultPrefix,
+        // The suggestion only runs while there is no object to name. Once the metric exists its
+        // ID is its API identifier, and following the title would replace the metric on save.
+        initialRegenerateId: initialRegenerateId && !hasRef(initialValueMetric),
+        showIdChangeConfirmDialog: idChangeData,
+        showUnsavedChangesConfirmDialog,
+        initialValueMetric,
+        initialFocusedField,
+        onSaveClick,
+        onSaveAsClick,
+        onDirtyChangedCallback,
+        onValueChangedCallback,
+        onSaveKeepIdClick,
+        onSaveChangeIdClick,
+        onCloseIdChange,
+        onSaveUnchangedChangesCallback,
+        onCloseUnchangedChangesCallback,
+        onCancelUnchangedChangesCallback,
+        onSettingsChangeCallback,
+        onCloseCallback,
+        onCancelCallback,
+    };
+}
+function hasRef(metric) {
+    return Boolean(metric.ref);
+}

package/esm/MetricComponent/hooks/useMetricDelete.d.ts

@@ -0,0 +1,3 @@
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+export declare function useMetricDelete(): (metric: IMeasureDef) => Promise<void>;
+//# sourceMappingURL=useMetricDelete.d.ts.map

package/esm/MetricComponent/hooks/useMetricDelete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetricDelete.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useMetricDelete.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,wBAAgB,eAAe,IAAI,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAWxE"}

package/esm/MetricComponent/hooks/useMetricDelete.js

@@ -0,0 +1,14 @@
+// (C) 2021-2026 GoodData Corporation
+import { useCallback } from "react";
+import { useBackendStrict, useWorkspaceStrict } from "@gooddata/sdk-ui";
+export function useMetricDelete() {
+    const backend = useBackendStrict();
+    const workspaceId = useWorkspaceStrict();
+    return useCallback((metric) => {
+        const metricToDelete = metric;
+        return deleteMetric(backend, workspaceId, metricToDelete.ref);
+    }, [backend, workspaceId]);
+}
+function deleteMetric(backend, workspaceId, metricRef) {
+    return backend.workspace(workspaceId).measures().deleteMeasure(metricRef);
+}

package/esm/MetricComponent/hooks/useMetricSave.d.ts

@@ -0,0 +1,4 @@
+import { type IMeasureMetadataObject } from "@gooddata/sdk-model";
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+export declare function useMetricSave(): (metric: IMeasureDef) => Promise<IMeasureMetadataObject>;
+//# sourceMappingURL=useMetricSave.d.ts.map

package/esm/MetricComponent/hooks/useMetricSave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetricSave.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useMetricSave.ts"],"names":[],"mappings":"AAOA,OAAO,EACH,KAAK,sBAAsB,EAG9B,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAU9D,wBAAgB,aAAa,IAAI,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,sBAAsB,CAAC,CA8BxF"}

package/esm/MetricComponent/hooks/useMetricSave.js

@@ -0,0 +1,52 @@
+// (C) 2021-2026 GoodData Corporation
+import { useCallback } from "react";
+import { defineMessages } from "react-intl";
+import { isMeasureMetadataObjectDefinition, } from "@gooddata/sdk-model";
+import { useBackendStrict, useWorkspaceStrict } from "@gooddata/sdk-ui";
+import { useCopyObjectPermissions } from "@gooddata/sdk-ui-ext";
+import { useToastMessage } from "@gooddata/sdk-ui-kit";
+import { useFeaturesAndSettings } from "../FeaturesAndSettings/index.js";
+// `defineMessages` rather than an inline `{ id }`: the locale checker only reads the former.
+const messages = defineMessages({
+    accessNotCopied: { id: "metricComponent.editMetric.accessNotCopied" },
+});
+export function useMetricSave() {
+    const backend = useBackendStrict();
+    const workspaceId = useWorkspaceStrict();
+    const { enableMetricPermissions } = useFeaturesAndSettings();
+    const copyPermissions = useCopyObjectPermissions();
+    const { addWarning } = useToastMessage();
+    const copyAccess = useCallback(async (from, to) => {
+        if (!enableMetricPermissions) {
+            return true;
+        }
+        const copied = await copyPermissions({ kind: "measure", ref: from.ref }, { kind: "measure", ref: to.ref });
+        if (!copied) {
+            addWarning(messages.accessNotCopied);
+        }
+        return copied;
+    }, [enableMetricPermissions, copyPermissions, addWarning]);
+    return useCallback((metric) => {
+        return saveMetric(backend, workspaceId, metric, enableMetricPermissions, copyAccess);
+    }, [backend, workspaceId, enableMetricPermissions, copyAccess]);
+}
+async function saveMetric(backend, workspaceId, metric, loadPermissions, copyAccess) {
+    const metricsService = backend.workspace(workspaceId).measures();
+    if (isMeasureMetadataObjectDefinition(metric)) {
+        return metricsService.createMeasure(metric, { loadPermissions });
+    }
+    const metricObject = metric;
+    const ref = metricObject.ref;
+    if (metricObject.id !== ref.identifier) {
+        // A metric's ID is its API identifier, so a new one means a new object. Its access is
+        // attached to the ID, so it is copied over first.
+        const createdMetric = await metricsService.createMeasure(metric, { loadPermissions });
+        // The original goes only once its access is on the replacement. A failed copy keeps
+        // both, so nobody loses a metric they could reach.
+        if (await copyAccess(metricObject, createdMetric)) {
+            await metricsService.deleteMeasure(metricObject.ref);
+        }
+        return createdMetric;
+    }
+    return metricsService.updateMeasure(metric);
+}

package/esm/MetricComponent/hooks/useMetricUsage.d.ts

@@ -0,0 +1,8 @@
+import { type IMeasureReferencing } from "@gooddata/sdk-backend-spi";
+import { type UseCancelablePromiseCallbacks } from "@gooddata/sdk-ui";
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+/**
+ * Hook allowing to get metric usages
+ */
+export declare function useMetricUsage(metric: IMeasureDef, cancelablePromiseCallbacks?: UseCancelablePromiseCallbacks<IMeasureReferencing, unknown>): IMeasureReferencing;
+//# sourceMappingURL=useMetricUsage.d.ts.map

package/esm/MetricComponent/hooks/useMetricUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetricUsage.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useMetricUsage.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,OAAO,EACH,KAAK,6BAA6B,EAIrC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D;;GAEG;AACH,wBAAgB,cAAc,CAC1B,MAAM,EAAE,WAAW,EACnB,0BAA0B,GAAE,6BAA6B,CAAC,mBAAmB,EAAE,OAAO,CAAM,GAC7F,mBAAmB,CAkBrB"}

package/esm/MetricComponent/hooks/useMetricUsage.js

@@ -0,0 +1,21 @@
+// (C) 2021-2026 GoodData Corporation
+import { useMemo } from "react";
+import { isMeasureMetadataObject } from "@gooddata/sdk-model";
+import { useBackendStrict, useCancelablePromise, useWorkspaceStrict, } from "@gooddata/sdk-ui";
+/**
+ * Hook allowing to get metric usages
+ */
+export function useMetricUsage(metric, cancelablePromiseCallbacks = {}) {
+    const workspaceId = useWorkspaceStrict();
+    const backend = useBackendStrict();
+    const usagePromise = useCancelablePromise({
+        promise: () => {
+            if (isMeasureMetadataObject(metric)) {
+                return backend.workspace(workspaceId).measures().getMeasureReferencingObjects(metric.ref);
+            }
+            return Promise.resolve({});
+        },
+        ...cancelablePromiseCallbacks,
+    }, [backend, workspaceId, metric]);
+    return useMemo(() => usagePromise.result || {}, [usagePromise]);
+}

package/esm/MetricComponent/hooks/useOnCloseOrCancel.d.ts

@@ -0,0 +1,7 @@
+import { type IEditMetricContentProps } from "../Content/EditMetricContent.data.js";
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+export declare function useOnCloseOrCancel(dirty: boolean, onCancel: IEditMetricContentProps["onCancel"], setMetricToSave: (metric: IMeasureDef | undefined) => void, setShowUnsavedChangesConfirmDialog: (value: boolean) => void): {
+    onCloseCallback: (metric: Partial<IMeasureDef>, valid: boolean) => void;
+    onCancelCallback: () => void;
+};
+//# sourceMappingURL=useOnCloseOrCancel.d.ts.map

package/esm/MetricComponent/hooks/useOnCloseOrCancel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnCloseOrCancel.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useOnCloseOrCancel.ts"],"names":[],"mappings":"AAQA,OAAO,EAAc,KAAK,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,wBAAgB,kBAAkB,CAC9B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,uBAAuB,CAAC,UAAU,CAAC,EAC7C,eAAe,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,EAC1D,kCAAkC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAC7D;IACC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxE,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAChC,CAuBA"}

package/esm/MetricComponent/hooks/useOnCloseOrCancel.js

@@ -0,0 +1,26 @@
+// (C) 2021-2026 GoodData Corporation
+import { useMemo } from "react";
+import { isEmpty } from "lodash-es";
+import { isMeasureMetadataObject, isMeasureMetadataObjectDefinition } from "@gooddata/sdk-model";
+import { CancelMode } from "../Content/EditMetricContent.data.js";
+export function useOnCloseOrCancel(dirty, onCancel, setMetricToSave, setShowUnsavedChangesConfirmDialog) {
+    return useMemo(() => {
+        function onCloseCallback(metric, valid) {
+            if (isEmpty(metric.expression?.trim()) || !dirty) {
+                onCancel({ cancelMode: CancelMode.Cross });
+                return;
+            }
+            if (valid && (isMeasureMetadataObjectDefinition(metric) || isMeasureMetadataObject(metric))) {
+                setMetricToSave(metric);
+            }
+            else {
+                setMetricToSave(undefined);
+            }
+            setShowUnsavedChangesConfirmDialog(true);
+        }
+        function onCancelCallback() {
+            onCancel({ cancelMode: CancelMode.Cancel });
+        }
+        return { onCloseCallback, onCancelCallback };
+    }, [dirty, onCancel, setMetricToSave, setShowUnsavedChangesConfirmDialog]);
+}

package/esm/MetricComponent/hooks/useOnSaveUnchanged.d.ts

@@ -0,0 +1,12 @@
+import { type MutableRefObject } from "react";
+import { CancelMode } from "../Content/EditMetricContent.data.js";
+import { type IEditMetricDialogFormApi } from "../Form/EditMetricContentForm.js";
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+export declare function useOnSaveUnchanged(setShowUnsavedChangesConfirmDialog: (value: boolean) => void, comp: MutableRefObject<IEditMetricDialogFormApi | undefined>, metricToSave: IMeasureDef | undefined, onCancel: (value: {
+    cancelMode: CancelMode;
+}) => void): {
+    onSaveUnchangedChangesCallback: () => void;
+    onCloseUnchangedChangesCallback: () => void;
+    onCancelUnchangedChangesCallback: () => void;
+};
+//# sourceMappingURL=useOnSaveUnchanged.d.ts.map

package/esm/MetricComponent/hooks/useOnSaveUnchanged.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnSaveUnchanged.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useOnSaveUnchanged.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAW,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,wBAAgB,kBAAkB,CAC9B,kCAAkC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,EAC5D,IAAI,EAAE,gBAAgB,CAAC,wBAAwB,GAAG,SAAS,CAAC,EAC5D,YAAY,EAAE,WAAW,GAAG,SAAS,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE;IAAE,UAAU,EAAE,UAAU,CAAA;CAAE,KAAK,IAAI,GACtD;IACC,8BAA8B,EAAE,MAAM,IAAI,CAAC;IAC3C,+BAA+B,EAAE,MAAM,IAAI,CAAC;IAC5C,gCAAgC,EAAE,MAAM,IAAI,CAAC;CAChD,CA4BA"}

package/esm/MetricComponent/hooks/useOnSaveUnchanged.js

@@ -0,0 +1,30 @@
+// (C) 2021-2026 GoodData Corporation
+import { useMemo } from "react";
+import { CancelMode } from "../Content/EditMetricContent.data.js";
+export function useOnSaveUnchanged(setShowUnsavedChangesConfirmDialog, comp, metricToSave, onCancel) {
+    return useMemo(() => {
+        function onSaveUnchangedChangesCallback() {
+            setShowUnsavedChangesConfirmDialog(false);
+            if (metricToSave && comp.current) {
+                if (metricToSave.isLocked) {
+                    comp.current.saveAs();
+                }
+                else {
+                    comp.current?.save();
+                }
+            }
+        }
+        function onCloseUnchangedChangesCallback() {
+            setShowUnsavedChangesConfirmDialog(false);
+        }
+        function onCancelUnchangedChangesCallback() {
+            setShowUnsavedChangesConfirmDialog(false);
+            onCancel({ cancelMode: CancelMode.Continue });
+        }
+        return {
+            onSaveUnchangedChangesCallback,
+            onCloseUnchangedChangesCallback,
+            onCancelUnchangedChangesCallback,
+        };
+    }, [comp, metricToSave, setShowUnsavedChangesConfirmDialog, onCancel]);
+}

package/esm/MetricComponent/hooks/useSaveAsClick.d.ts

@@ -0,0 +1,6 @@
+import { type IMeasureMetadataObject } from "@gooddata/sdk-model";
+import { type IEditMetricContentProps, SaveNameMode } from "../Content/EditMetricContent.data.js";
+import { FormField } from "../Form/data.js";
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+export declare function useSaveAsClick(defaultId: string, initialValueMetric: IMeasureDef, metrics: Array<IMeasureMetadataObject>, onSave: IEditMetricContentProps["onSave"], setInitialValueMetric: (metric: IMeasureDef) => void, setFocusedField: (filed: FormField) => void, setSaveMode: (saveMode: SaveNameMode) => void, setRegenerateId: (state: boolean) => void): (metricToSaveAs: IMeasureDef) => Promise<void>;
+//# sourceMappingURL=useSaveAsClick.d.ts.map

package/esm/MetricComponent/hooks/useSaveAsClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveAsClick.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/hooks/useSaveAsClick.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAIlE,OAAO,EAAE,KAAK,uBAAuB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAElG,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,KAAK,WAAW,EAA0B,MAAM,4BAA4B,CAAC;AAEtF,wBAAgB,cAAc,CAC1B,SAAS,EAAE,MAAM,EACjB,kBAAkB,EAAE,WAAW,EAC/B,OAAO,EAAE,KAAK,CAAC,sBAAsB,CAAC,EACtC,MAAM,EAAE,uBAAuB,CAAC,QAAQ,CAAC,EACzC,qBAAqB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,EACpD,eAAe,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,EAC3C,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,EAC7C,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAC1C,CAAC,cAAc,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAwDhD"}