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

package/esm/MetricComponent/Form/OtherMetrics/OtherMetricsContext.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2021-2026 GoodData Corporation
+import { createContext, useMemo } from "react";
+import { useMetrics } from "../../../shared/metrics/useMetrics.js";
+import { addPrefixToId } from "../../metric/prefixHelper.js";
+export const OtherMetricsContext = createContext({
+    otherMetrics: [],
+    loading: false,
+});
+export function OtherMetricsProvider({ defaultId, defaultPrefix, children, }) {
+    const otherMetrics = useItemsForExistenceChecking(defaultPrefix, defaultId);
+    return _jsx(OtherMetricsContext.Provider, { value: otherMetrics, children: children });
+}
+function useItemsForExistenceChecking(defaultPrefix, defaultId) {
+    const metricsResult = useMetrics();
+    return useMemo(() => {
+        const otherItemsList = metricsResult.result || [];
+        return {
+            otherMetrics: otherItemsList.filter((value) => value.id !== addPrefixToId(defaultPrefix, defaultId)),
+            loading: metricsResult.status === "loading",
+        };
+    }, [defaultId, defaultPrefix, metricsResult]);
+}

package/esm/MetricComponent/Form/OtherMetrics/useOtherMetrics.d.ts

@@ -0,0 +1,3 @@
+import { type IOtherMetrics } from "./OtherMetricsContext.js";
+export declare function useOtherMetrics(): IOtherMetrics;
+//# sourceMappingURL=useOtherMetrics.d.ts.map

package/esm/MetricComponent/Form/OtherMetrics/useOtherMetrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOtherMetrics.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/OtherMetrics/useOtherMetrics.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,0BAA0B,CAAC;AAEnF,wBAAgB,eAAe,IAAI,aAAa,CAE/C"}

package/esm/MetricComponent/Form/OtherMetrics/useOtherMetrics.js

@@ -0,0 +1,6 @@
+// (C) 2021-2026 GoodData Corporation
+import { useContext } from "react";
+import { OtherMetricsContext } from "./OtherMetricsContext.js";
+export function useOtherMetrics() {
+    return useContext(OtherMetricsContext);
+}

package/esm/MetricComponent/Form/PartHeader/PartHeader.d.ts

@@ -0,0 +1,20 @@
+import { type ReactElement } from "react";
+interface IDropdownItem {
+    type: "separator" | "link";
+    tooltip?: string;
+    tooltipMac?: string;
+    title?: string;
+    onClick?: () => void;
+}
+export interface IPartHeader {
+    TitleContent: ReactElement;
+    TitleTooltip?: ReactElement;
+    className?: string;
+    buttons?: Array<ReactElement | false | undefined>;
+    dropdown?: Array<IDropdownItem>;
+    after?: ReactElement | false | undefined;
+}
+export declare function PartDivider(): import("react/jsx-runtime").JSX.Element;
+export declare function PartHeader({ TitleContent, TitleTooltip, buttons, dropdown, after, className, }: IPartHeader): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PartHeader.d.ts.map

package/esm/MetricComponent/Form/PartHeader/PartHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartHeader.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/PartHeader/PartHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAiF1C,UAAU,aAAa;IACnB,IAAI,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAMD,MAAM,WAAW,WAAW;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC;CAC5C;AAED,wBAAgB,WAAW,4CAI1B;AAED,wBAAgB,UAAU,CAAC,EACvB,YAAY,EACZ,YAAY,EACZ,OAAY,EACZ,QAAa,EACb,KAAK,EACL,SAAS,GACZ,EAAE,WAAW,2CA2Fb"}

package/esm/MetricComponent/Form/PartHeader/PartHeader.js

@@ -0,0 +1,90 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bubble, BubbleHoverTrigger, Dropdown, DropdownList, IconQuestionMark, Separator, SingleSelectListItem, } from "@gooddata/sdk-ui-kit";
+import { isMac } from "../../../shared/platform.js";
+import { makeStyles } from "../../../shared/theme/index.js";
+const useStyles = makeStyles()((theme) => ({
+    root: {
+        display: "flex",
+        flex: "1 1 auto",
+    },
+    header: {
+        fontSize: "11px",
+        lineHeight: "11px",
+        display: "flex",
+        alignItems: "center",
+        gap: "5px",
+        margin: "10px 20px",
+        color: theme.globals.colors.placeholder,
+        "svg path": {
+            fill: theme.globals.colors.dropdownButton,
+        },
+    },
+    title: {
+        fontWeight: "bold",
+        textTransform: "uppercase",
+    },
+    help: {
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+    },
+    toolbar: {
+        flex: "1 1 auto",
+        display: "flex",
+        justifyContent: "flex-end",
+        marginRight: 20,
+    },
+    after: {
+        display: "flex",
+    },
+    afterLine: {
+        margin: 8,
+        borderLeft: `1px solid ${theme.globals.colors.line}`,
+    },
+    dropdownRoot: {
+        marginRight: -20,
+        "> div": {
+            height: "100%",
+        },
+    },
+    dropdownButton: {
+        border: "none",
+        outline: "none",
+        background: "transparent",
+        color: theme.globals.colors.defaultGreyedText,
+        fontSize: 18,
+        width: theme.globals.metricList.itemSize,
+        height: "100%",
+        fontFamily: theme.globals.font,
+        fontWeight: 700,
+        "&:hover, &.is-open": {
+            color: theme.globals.colors.defaultText,
+            background: theme.globals.colors.dropdownButtonMoreHover,
+        },
+    },
+    dropdownList: {},
+}));
+const getItemHeight = (item) => {
+    return item.type === "separator" ? 10 : 28;
+};
+export function PartDivider() {
+    const { classes, cx } = useStyles();
+    return _jsx("div", { className: cx(classes.afterLine) });
+}
+export function PartHeader({ TitleContent, TitleTooltip, buttons = [], dropdown = [], after, className, }) {
+    const { classes, cx } = useStyles();
+    return (_jsxs("div", { className: cx(classes.root, className), children: [_jsxs("div", { className: cx(classes.header), children: [_jsx("div", { className: cx(classes.title), children: TitleContent }), TitleTooltip && (_jsxs(BubbleHoverTrigger, { showDelay: 500, className: cx(classes.help), children: [_jsx(IconQuestionMark, {}), _jsx(Bubble, { className: "bubble-primary", alignPoints: [{ align: "bc tc" }], children: TitleTooltip })] }))] }), _jsxs("div", { className: cx(classes.toolbar), children: [buttons, dropdown.length > 0 && (_jsx(Dropdown, { enableEventPropagation: true, className: classes.dropdownRoot, alignPoints: [{ align: "br tr" }, { align: "tr br" }], renderBody: ({ closeDropdown, isMobile }) => (_jsx(DropdownList, { height: dropdown.reduce((accumulator, item) => accumulator + getItemHeight(item), 0), itemHeightGetter: (index) => getItemHeight(dropdown[index]), items: dropdown, isMobile: isMobile, className: classes.dropdownList, renderItem: ({ item }) => (_jsx(_Fragment, { children: item.type === "separator" ? (_jsx(Separator, {})) : (_jsxs(BubbleHoverTrigger, { showDelay: 500, children: [_jsx(SingleSelectListItem, { title: item.title, onClick: (e) => {
+                                                if (item.onClick) {
+                                                    item.onClick();
+                                                }
+                                                closeDropdown();
+                                                e.stopPropagation();
+                                            }, isSelected: false }), Boolean(item.tooltip) && (_jsx(Bubble, { className: "bubble-primary", alignPoints: [{ align: "bc tc" }], children: isMac()
+                                                ? item.tooltipMac || item.tooltip
+                                                : item.tooltip }))] })) })) })), renderButton: ({ toggleDropdown, isOpen }) => (_jsx("button", { type: "button", className: cx(classes.dropdownButton, "s-part_header_dropdown", [
+                                { "is-open": isOpen },
+                            ]), onClick: (e) => {
+                                toggleDropdown();
+                                e.stopPropagation();
+                            }, children: "\u22EF" })) })), Boolean(after) && (_jsxs("div", { className: cx(classes.after), children: [_jsx(PartDivider, {}), after] }))] })] }));
+}

package/esm/MetricComponent/Form/PartHeader/PartHeaderButton.d.ts

@@ -0,0 +1,16 @@
+import { type ReactElement } from "react";
+export declare function PartHeaderButton({ onClick, disabled, iconLeft, elementIconLeft, iconRight, value, tooltip, tooltipMac, disabledTooltip, disabledTooltipMac, sClassName, className, }: {
+    iconLeft?: string;
+    elementIconLeft?: ReactElement;
+    iconRight?: string;
+    value?: string;
+    tooltip?: string;
+    tooltipMac?: string;
+    disabledTooltip?: string;
+    disabledTooltipMac?: string;
+    sClassName?: string;
+    className?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PartHeaderButton.d.ts.map

package/esm/MetricComponent/Form/PartHeader/PartHeaderButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartHeaderButton.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/PartHeader/PartHeaderButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA8B1C,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,SAAS,GACZ,EAAE;IACC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,2CAwCA"}

package/esm/MetricComponent/Form/PartHeader/PartHeaderButton.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
+import { isMac } from "../../../shared/platform.js";
+import { makeStyles } from "../../../shared/theme/index.js";
+const useStyles = makeStyles()(() => {
+    return {
+        button: {
+            outline: "none",
+            border: "none",
+            boxShadow: "none !important",
+            display: "inline-flex",
+            alignItems: "center",
+            height: "100%",
+            fontSize: "12px",
+            ".gd-button-text": {
+                textDecoration: "underline !important",
+            },
+            ".gd-button-icon": {
+                display: "flex",
+                fontSize: "16px",
+                width: 18,
+            },
+        },
+    };
+});
+export function PartHeaderButton({ onClick, disabled, iconLeft, elementIconLeft, iconRight, value, tooltip, tooltipMac, disabledTooltip, disabledTooltipMac, sClassName, className, }) {
+    const { classes, cx } = useStyles();
+    return (_jsxs(BubbleHoverTrigger, { showDelay: 500, children: [_jsxs("button", { title: "", className: cx("gd-button-link-dimmed", "gd-button", classes.button, className, sClassName, disabled && "disabled"), type: "button", tabIndex: -1, onClick: () => !disabled && onClick?.(), children: [iconLeft && _jsx("span", { className: cx("gd-button-icon", iconLeft), role: "button-icon" }), !!elementIconLeft && (_jsx("span", { className: cx("gd-button-icon"), role: "button-icon", children: elementIconLeft })), value && _jsx("span", { className: "gd-button-text", children: value }), iconRight && _jsx("span", { className: cx("gd-button-icon", iconRight), role: "button-icon" })] }), !disabled && Boolean(tooltip) && (_jsx(Bubble, { className: "bubble-primary", alignPoints: [{ align: "bc tr" }], children: isMac() ? tooltipMac || tooltip : tooltip })), disabled && Boolean(disabledTooltip) && (_jsx(Bubble, { className: "bubble-primary", alignPoints: [{ align: "bc tr" }], children: isMac() ? disabledTooltipMac || disabledTooltip : disabledTooltip }))] }));
+}

package/esm/MetricComponent/Form/Prefixes/PrefixesContext.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement, type ReactNode } from "react";
+export interface IPrefixes {
+    current: string | undefined;
+    parents: string[];
+}
+export declare const PrefixesContext: import("react").Context<IPrefixes>;
+export declare function PrefixesProvider({ current, parents, children, }: {
+    current: string | undefined;
+    parents: string[];
+    children: ReactNode;
+}): ReactElement;
+//# sourceMappingURL=PrefixesContext.d.ts.map

package/esm/MetricComponent/Form/Prefixes/PrefixesContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrefixesContext.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/Prefixes/PrefixesContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAC;AAEzE,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,oCAG1B,CAAC;AAEH,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,QAAQ,GACX,EAAE;IACC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACvB,GAAG,YAAY,CAEf"}

package/esm/MetricComponent/Form/Prefixes/PrefixesContext.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2023-2026 GoodData Corporation
+import { createContext } from "react";
+export const PrefixesContext = createContext({
+    parents: [],
+    current: undefined,
+});
+export function PrefixesProvider({ current, parents, children, }) {
+    return _jsx(PrefixesContext.Provider, { value: { current, parents }, children: children });
+}

package/esm/MetricComponent/Form/Prefixes/usePrefixes.d.ts

@@ -0,0 +1,3 @@
+import { type IPrefixes } from "./PrefixesContext.js";
+export declare function usePrefixes(): IPrefixes;
+//# sourceMappingURL=usePrefixes.d.ts.map

package/esm/MetricComponent/Form/Prefixes/usePrefixes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrefixes.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/Prefixes/usePrefixes.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,sBAAsB,CAAC;AAEvE,wBAAgB,WAAW,IAAI,SAAS,CAEvC"}

package/esm/MetricComponent/Form/Prefixes/usePrefixes.js

@@ -0,0 +1,6 @@
+// (C) 2023-2026 GoodData Corporation
+import { useContext } from "react";
+import { PrefixesContext } from "./PrefixesContext.js";
+export function usePrefixes() {
+    return useContext(PrefixesContext);
+}

package/esm/MetricComponent/Form/TestingFormProvider.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement } from "react";
+import { type IMeasureDef } from "../metric/metricHelpers.js";
+export declare function TestFormProvider({ children, metric, canManageProject, locked, onValueChange, }: {
+    children: ReactElement;
+    metric?: IMeasureDef;
+    canManageProject?: boolean;
+    locked?: boolean;
+    onValueChange?: (metric: IMeasureDef, valid: boolean) => void;
+}): ReactElement;
+//# sourceMappingURL=TestingFormProvider.d.ts.map

package/esm/MetricComponent/Form/TestingFormProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestingFormProvider.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/Form/TestingFormProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9D,wBAAgB,gBAAgB,CAAC,EAC7B,QAAQ,EACR,MAAoB,EACpB,gBAAuB,EACvB,MAAc,EACd,aAAa,GAChB,EAAE;IACC,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACjE,GAAG,YAAY,CAef"}

package/esm/MetricComponent/Form/TestingFormProvider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormProvider } from "../../shared/Form/Form.js";
+import { emptyMetric } from "../metric/emptyMetric.js";
+const FormComponent = FormProvider;
+export function TestFormProvider({ children, metric = emptyMetric, canManageProject = true, locked = false, onValueChange, }) {
+    return (_jsx(FormComponent, { data: metric, writeable: canManageProject, editable: canManageProject, locked: locked, onClose: () => { }, onSave: () => Promise.resolve(), onSaveAs: () => Promise.resolve(), onValueChange: onValueChange, children: children }));
+}

package/esm/MetricComponent/Form/attribute.d.ts

@@ -0,0 +1,3 @@
+import { type IAttribute, type ICatalogAttribute } from "@gooddata/sdk-model";
+export declare function createAttribute(attr: ICatalogAttribute): IAttribute;
+//# sourceMappingURL=attribute.d.ts.map

package/esm/MetricComponent/Form/attribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/Form/attribute.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAgB,MAAM,qBAAqB,CAAC;AAE5F,wBAAgB,eAAe,CAAC,IAAI,EAAE,iBAAiB,GAAG,UAAU,CAMnE"}

package/esm/MetricComponent/Form/attribute.js

@@ -0,0 +1,9 @@
+// (C) 2022-2026 GoodData Corporation
+import { newAttribute } from "@gooddata/sdk-model";
+export function createAttribute(attr) {
+    return newAttribute(attr.attribute.ref, (m) => {
+        m.displayForm(attr.defaultDisplayForm.ref);
+        m.defaultLocalId();
+        return m;
+    });
+}

package/esm/MetricComponent/Form/data.d.ts

@@ -0,0 +1,23 @@
+import { type MetricType } from "@gooddata/sdk-model";
+import { type EmptyMetricWidthId } from "../metric/emptyMetric.js";
+import { type IMeasureDefWithMaqlField } from "./maqlFieldFunctions.js";
+export declare enum FormField {
+    id = "id",
+    title = "title",
+    description = "description",
+    expression = "expression",
+    format = "format",
+    metricType = "metricType",
+    prefix = "prefix",
+    tags = "tags"
+}
+export type ValidationSpecialInfo = {
+    isMaqlEmpty: boolean;
+    isEmpty: boolean;
+};
+export type FormMetric = Omit<EmptyMetricWidthId, "expression" | "format"> & Pick<IMeasureDefWithMaqlField, "expression"> & {
+    prefix?: string;
+    metricType?: MetricType;
+    format?: string | null;
+};
+//# sourceMappingURL=data.d.ts.map

package/esm/MetricComponent/Form/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/MetricComponent/Form/data.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAExE,oBAAY,SAAS;IACjB,EAAE,OAAO;IACT,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,IAAI,SAAS;CAChB;AAED,MAAM,MAAM,qBAAqB,GAAG;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,YAAY,GAAG,QAAQ,CAAC,GACtE,IAAI,CAAC,wBAAwB,EAAE,YAAY,CAAC,GAAG;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC"}

package/esm/MetricComponent/Form/data.js

@@ -0,0 +1,12 @@
+// (C) 2022-2026 GoodData Corporation
+export var FormField;
+(function (FormField) {
+    FormField["id"] = "id";
+    FormField["title"] = "title";
+    FormField["description"] = "description";
+    FormField["expression"] = "expression";
+    FormField["format"] = "format";
+    FormField["metricType"] = "metricType";
+    FormField["prefix"] = "prefix";
+    FormField["tags"] = "tags";
+})(FormField || (FormField = {}));

package/esm/MetricComponent/Form/hooks/useCatalog.d.ts

@@ -0,0 +1,9 @@
+import { type DependencyList } from "react";
+import { type ICatalogAttribute } from "@gooddata/sdk-model";
+import { type UseCancelablePromiseState } from "@gooddata/sdk-ui";
+import { type IMeasureDef } from "../../metric/metricHelpers.js";
+export declare function useCatalog(measure: IMeasureDef, selected?: ICatalogAttribute[], deps?: DependencyList): UseCancelablePromiseState<{
+    available: ICatalogAttribute[];
+    all: ICatalogAttribute[];
+}, Error>;
+//# sourceMappingURL=useCatalog.d.ts.map

package/esm/MetricComponent/Form/hooks/useCatalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCatalog.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/hooks/useCatalog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EACH,KAAK,yBAAyB,EAIjC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAKjE,wBAAgB,UAAU,CACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,GAAE,iBAAiB,EAAO,EAClC,IAAI,CAAC,EAAE,cAAc,GACtB,yBAAyB,CAAC;IAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAAC,GAAG,EAAE,iBAAiB,EAAE,CAAA;CAAE,EAAE,KAAK,CAAC,CAgChG"}

package/esm/MetricComponent/Form/hooks/useCatalog.js

@@ -0,0 +1,72 @@
+// (C) 2022-2026 GoodData Corporation
+import { useBackendStrict, useCancelablePromise, useWorkspaceStrict, } from "@gooddata/sdk-ui";
+import { transformToMetricDefinition } from "../../metric/transformer.js";
+import { createAttribute } from "../attribute.js";
+import { createInlineMeasure } from "../inlineMeasure.js";
+export function useCatalog(measure, selected = [], deps) {
+    const backend = useBackendStrict();
+    const workspaceId = useWorkspaceStrict();
+    const attributes = useAttributes(backend, workspaceId, deps);
+    const available = useAvailableAttributes(attributes.result, measure, selected, deps);
+    const status = getStatus(attributes, available);
+    const error = attributes.error || available.error || undefined;
+    switch (status) {
+        case "error":
+            return {
+                status,
+                error,
+                result: undefined,
+            };
+        case "success":
+            return {
+                status,
+                error: undefined,
+                result: {
+                    available: available.result?.availableAttributes() ?? [],
+                    all: attributes.result?.attributes() ?? [],
+                },
+            };
+        default:
+            return {
+                status,
+                error: undefined,
+                result: undefined,
+            };
+    }
+}
+function useAttributes(backend, workspaceId, deps) {
+    return useCancelablePromise({
+        promise: () => {
+            return backend.workspace(workspaceId).catalog().forTypes(["attribute"]).load();
+        },
+    }, [backend, workspaceId, ...(deps || [])]);
+}
+function useAvailableAttributes(catalog, measure, selected, deps) {
+    const metric = transformToMetricDefinition(measure);
+    return useCancelablePromise({
+        promise: () => {
+            const inline = createInlineMeasure(metric);
+            const attrs = selected.map(createAttribute);
+            return catalog
+                ? catalog
+                    .availableItems()
+                    .forItems(inline ? [inline, ...attrs] : attrs)
+                    .load()
+                : Promise.resolve(undefined);
+        },
+    }, [catalog, selected, ...(deps || [])]);
+}
+function getStatus(...args) {
+    const status = args.map((arg) => arg.status);
+    const data = args.every((arg) => !!arg.result);
+    if (status.includes("error")) {
+        return "error";
+    }
+    if (status.includes("pending")) {
+        return "pending";
+    }
+    if (status.includes("loading") || !data) {
+        return "loading";
+    }
+    return "success";
+}

package/esm/MetricComponent/Form/hooks/useExecute.d.ts

@@ -0,0 +1,14 @@
+import { type DependencyList } from "react";
+import { type ICatalogAttribute, type IMeasure } from "@gooddata/sdk-model";
+import { type AttributesOrPlaceholders, type NullableFiltersOrPlaceholders } from "@gooddata/sdk-ui";
+import { type IMeasureDef } from "../../metric/metricHelpers.js";
+export declare function useExecute(measure?: IMeasureDef | null, { attributes, limit, ranking, }?: {
+    attributes?: Array<ICatalogAttribute>;
+    limit?: 10 | 100 | 1000 | 10000;
+    ranking?: "top" | "bottom";
+}, deps?: DependencyList): {
+    measures: IMeasure[];
+    rows: AttributesOrPlaceholders;
+    filters: NullableFiltersOrPlaceholders;
+} | null;
+//# sourceMappingURL=useExecute.d.ts.map

package/esm/MetricComponent/Form/hooks/useExecute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExecute.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/hooks/useExecute.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAoB,MAAM,qBAAqB,CAAC;AAC9F,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAErG,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAKjE,wBAAgB,UAAU,CACtB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,EAC5B,EACI,UAAU,EACV,KAAK,EACL,OAAO,GACV,GAAE;IACC,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACzB,EACN,IAAI,CAAC,EAAE,cAAc,GACtB;IACC,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,IAAI,EAAE,wBAAwB,CAAC;IAC/B,OAAO,EAAE,6BAA6B,CAAC;CAC1C,GAAG,IAAI,CA6BP"}

package/esm/MetricComponent/Form/hooks/useExecute.js

@@ -0,0 +1,26 @@
+// (C) 2021-2026 GoodData Corporation
+import { useMemo } from "react";
+import { useIntl } from "react-intl";
+import { newRankingFilter } from "@gooddata/sdk-model";
+import { transformToMetricDefinition } from "../../metric/transformer.js";
+import { createAttribute } from "../attribute.js";
+import { createInlineMeasure } from "../inlineMeasure.js";
+export function useExecute(measure, { attributes, limit, ranking, } = {}, deps) {
+    const intl = useIntl();
+    const metric = measure ? transformToMetricDefinition(measure) : null;
+    return useMemo(() => {
+        const inline = metric &&
+            createInlineMeasure(metric, intl.formatMessage({ id: "metricComponent.editMetricForm.namePlaceholder" }));
+        const filter = inline &&
+            ranking &&
+            newRankingFilter(inline.measure.localIdentifier, ranking === "bottom" ? "BOTTOM" : "TOP", limit || 10);
+        return inline
+            ? {
+                measures: [inline],
+                filters: filter ? [filter] : [],
+                rows: (attributes || []).map(createAttribute),
+            }
+            : null;
+        // oxlint-disable-next-line react-hooks/exhaustive-deps
+    }, [...(deps || []), attributes, ranking, limit, intl]);
+}

package/esm/MetricComponent/Form/hooks/useExplain.d.ts

@@ -0,0 +1,10 @@
+import { type DependencyList } from "react";
+import { type ICatalogAttribute } from "@gooddata/sdk-model";
+import { type UseCancelablePromiseState } from "@gooddata/sdk-ui";
+import { type IMeasureDef } from "../../metric/metricHelpers.js";
+export declare function useExplain(measure?: IMeasureDef | null, { attributes, }?: {
+    attributes?: Array<ICatalogAttribute>;
+}, deps?: DependencyList): Omit<UseCancelablePromiseState<string, Error>, "result"> & {
+    sql: string;
+};
+//# sourceMappingURL=useExplain.d.ts.map

package/esm/MetricComponent/Form/hooks/useExplain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExplain.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/hooks/useExplain.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EACH,KAAK,yBAAyB,EAIjC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAKjE,wBAAgB,UAAU,CACtB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,EAC5B,EACI,UAAU,GACb,GAAE;IACC,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;CACpC,EACN,IAAI,CAAC,EAAE,cAAc,GACtB,IAAI,CAAC,yBAAyB,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CA0B5E"}

package/esm/MetricComponent/Form/hooks/useExplain.js

@@ -0,0 +1,50 @@
+// (C) 2021-2026 GoodData Corporation
+import { useIntl } from "react-intl";
+import { useBackendStrict, useCancelablePromise, useWorkspaceStrict, } from "@gooddata/sdk-ui";
+import { transformToMetricDefinition } from "../../metric/transformer.js";
+import { createAttribute } from "../attribute.js";
+import { createInlineMeasure } from "../inlineMeasure.js";
+export function useExplain(measure, { attributes, } = {}, deps) {
+    const backend = useBackendStrict();
+    const workspaceId = useWorkspaceStrict();
+    const intl = useIntl();
+    const { status, result, error } = useCancelablePromise({
+        promise: () => measure ? callSqlExplain(backend, workspaceId, measure, attributes) : Promise.resolve(),
+    }, [...(deps || []), attributes]);
+    if (!result && status === "success") {
+        return {
+            status: "error",
+            sql: "",
+            error: new Error(intl.formatMessage({ id: "metricComponent.editMetric.metric.sql.error" })),
+        };
+    }
+    return {
+        status,
+        error,
+        sql: result || "",
+    };
+}
+function callSqlExplain(backend, workspaceId, measure, attributes) {
+    const metric = transformToMetricDefinition(measure);
+    const inline = createInlineMeasure(metric);
+    //Can not call for not existing metric
+    if (!inline) {
+        return Promise.resolve();
+    }
+    return backend
+        .workspace(workspaceId)
+        .execution()
+        .forDefinition({
+        workspace: workspaceId,
+        measures: inline ? [inline] : [],
+        filters: [],
+        dimensions: [],
+        sortBy: [],
+        buckets: [],
+        attributes: (attributes || []).map(createAttribute),
+        postProcessing: {},
+        executionConfig: {},
+    })
+        .explain({ explainType: "SQL" })
+        .data();
+}

package/esm/MetricComponent/Form/hooks/useInvalidFocus.d.ts

@@ -0,0 +1,5 @@
+import { type ValidationInfo } from "../../../shared/Form/hooks/useFormStatusInternal.js";
+import { type IMeasureDef } from "../../metric/metricHelpers.js";
+import { type ValidationSpecialInfo } from "../data.js";
+export declare function useInvalidFocus(): (validation: ValidationInfo<IMeasureDef, ValidationSpecialInfo>) => keyof IMeasureDef | null;
+//# sourceMappingURL=useInvalidFocus.d.ts.map

package/esm/MetricComponent/Form/hooks/useInvalidFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInvalidFocus.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/hooks/useInvalidFocus.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEnE,wBAAgB,eAAe,IAAI,CAC/B,UAAU,EAAE,cAAc,CAAC,WAAW,EAAE,qBAAqB,CAAC,KAC7D,MAAM,WAAW,GAAG,IAAI,CAkB5B"}

package/esm/MetricComponent/Form/hooks/useInvalidFocus.js

@@ -0,0 +1,20 @@
+// (C) 2022-2026 GoodData Corporation
+import { useCallback } from "react";
+import { FormField } from "../data.js";
+export function useInvalidFocus() {
+    return useCallback((validation) => {
+        const { fields, specials } = validation;
+        const { isMaqlEmpty } = specials || {};
+        const invalidFields = Object.keys(fields);
+        if (fields[FormField.expression] && !isMaqlEmpty) {
+            return FormField.expression;
+        }
+        if (fields[FormField.title]) {
+            return FormField.title;
+        }
+        if (invalidFields.length > 0) {
+            return invalidFields[0];
+        }
+        return null;
+    }, []);
+}

package/esm/MetricComponent/Form/hooks/useMetricFormField.d.ts

@@ -0,0 +1,10 @@
+import { type FormStatus } from "../../../shared/Form/hooks/useFormStatusInternal.js";
+import { type FieldStatus } from "../../../shared/Form/useFormField.js";
+import { type IMeasureDef } from "../../metric/metricHelpers.js";
+import { type FormMetric, type ValidationSpecialInfo } from "../data.js";
+type MetricFormField<T extends keyof FormMetric> = FieldStatus<FormMetric, FormMetric[T]> & FormStatus<FormMetric, ValidationSpecialInfo> & {
+    defaultValues: IMeasureDef;
+};
+export declare function useMetricFormField<T extends keyof FormMetric>(field: T): MetricFormField<T>;
+export {};
+//# sourceMappingURL=useMetricFormField.d.ts.map

package/esm/MetricComponent/Form/hooks/useMetricFormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetricFormField.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/hooks/useMetricFormField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qDAAqD,CAAC;AAEtF,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,sCAAsC,CAAC;AAGtF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEzE,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,UAAU,IAAI,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,GACrF,UAAU,CAAC,UAAU,EAAE,qBAAqB,CAAC,GAAG;IAAE,aAAa,EAAE,WAAW,CAAA;CAAE,CAAC;AAEnF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,UAAU,EAAE,KAAK,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAW3F"}

package/esm/MetricComponent/Form/hooks/useMetricFormField.js

@@ -0,0 +1,16 @@
+// (C) 2022-2026 GoodData Corporation
+import { useFormDefaults } from "../../../shared/Form/useFormDefaults.js";
+import { useFormField } from "../../../shared/Form/useFormField.js";
+import { useFormStatus } from "../../../shared/Form/useFormStatus.js";
+import { emptyMetricWithId } from "../../metric/emptyMetric.js";
+export function useMetricFormField(field) {
+    const defaultValue = emptyMetricWithId[field];
+    const defaultValues = useFormDefaults();
+    const formStatus = useFormStatus();
+    const fieldStatus = useFormField(field, { defaultValue });
+    return {
+        ...formStatus,
+        ...fieldStatus,
+        defaultValues,
+    };
+}

package/esm/MetricComponent/Form/hooks/useMetricFormStatus.d.ts

@@ -0,0 +1,5 @@
+import { type FormStatus } from "../../../shared/Form/hooks/useFormStatusInternal.js";
+import { type IMeasureDef } from "../../metric/metricHelpers.js";
+import { type ValidationSpecialInfo } from "../data.js";
+export declare function useMetricFormStatus(): FormStatus<IMeasureDef, ValidationSpecialInfo>;
+//# sourceMappingURL=useMetricFormStatus.d.ts.map

package/esm/MetricComponent/Form/hooks/useMetricFormStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetricFormStatus.d.ts","sourceRoot":"","sources":["../../../../src/MetricComponent/Form/hooks/useMetricFormStatus.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qDAAqD,CAAC;AAEtF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,wBAAgB,mBAAmB,IAAI,UAAU,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAEpF"}