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

package/esm/MaqlEditor/hooks/useMountCallback.d.ts

@@ -0,0 +1,13 @@
+import { type MutableRefObject } from "react";
+import { type IDisposable, type IStandaloneCodeEditor, type Monaco } from "../monaco/MonacoEditor.js";
+import "../monaco/monacoContributions.js";
+export type UseMountHandlers = {
+    onEditorMount?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+};
+type UseMountCallbacks = {
+    setCodeEditor?: (editor: IStandaloneCodeEditor) => void;
+    afterStart?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+};
+export declare function useMountCallback({ setCodeEditor, afterStart }: UseMountCallbacks, { onEditorMount }: UseMountHandlers): [(editor: IStandaloneCodeEditor, monaco: Monaco) => void, MutableRefObject<IDisposable[]>];
+export {};
+//# sourceMappingURL=useMountCallback.d.ts.map

package/esm/MaqlEditor/hooks/useMountCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMountCallback.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/hooks/useMountCallback.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAuB,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAItG,OAAO,kCAAkC,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG;IAC3B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3E,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACrB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,wBAAgB,gBAAgB,CAC5B,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,iBAAiB,EAChD,EAAE,aAAa,EAAE,EAAE,gBAAgB,GACpC,CAAC,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,EAAE,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,CA0B5F"}

package/esm/MaqlEditor/hooks/useMountCallback.js

@@ -0,0 +1,26 @@
+// (C) 2021-2026 GoodData Corporation
+import { useCallback, useRef } from "react";
+// All monaco editor contributions, WITHOUT the ~80 basic languages and the css/html/json/TS
+// language-feature services that `editor.main.js` would also drag in (~10 MB+). The MAQL editor
+// registers its own "maql" language and tokens provider, so it needs no built-in language.
+import "../monaco/monacoContributions.js";
+export function useMountCallback({ setCodeEditor, afterStart }, { onEditorMount }) {
+    const disposable = useRef([]);
+    const callback = useCallback((editor, monaco) => {
+        disposable.current.forEach((item) => item.dispose());
+        disposable.current = [];
+        if (onEditorMount) {
+            onEditorMount(editor, monaco);
+        }
+        editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyI, () => {
+            editor.trigger("", "editor.action.triggerSuggest", "");
+        });
+        if (afterStart) {
+            afterStart(editor, monaco);
+        }
+        if (setCodeEditor) {
+            setCodeEditor(editor);
+        }
+    }, [disposable, onEditorMount, afterStart, setCodeEditor]);
+    return [callback, disposable];
+}

package/esm/MaqlEditor/hooks/useUpdateCallback.d.ts

@@ -0,0 +1,19 @@
+import { type MutableRefObject } from "react";
+import { type IDisposable, type IStandaloneCodeEditor, type Monaco } from "../monaco/MonacoEditor.js";
+export type UseUpdateHandlers = {
+    onFocus?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+    onBlur?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+    onChange?: (editor: IStandaloneCodeEditor, monaco: Monaco, value: string) => void;
+    onValid?: (editor: IStandaloneCodeEditor, monaco: Monaco, valid: boolean) => void;
+    onEditorUpdate?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+};
+type UseUpdateCallbacks = {
+    getValue: (editor: IStandaloneCodeEditor) => string;
+    getValid: (editor: IStandaloneCodeEditor, monaco: Monaco) => boolean;
+    afterFocus?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+    afterChange?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+    afterValidate?: (editor: IStandaloneCodeEditor, monaco: Monaco, valid: boolean) => void;
+};
+export declare function useUpdateCallback({ afterFocus, afterValidate, afterChange, getValid, getValue }: UseUpdateCallbacks, { onFocus, onBlur, onChange, onValid, onEditorUpdate }: UseUpdateHandlers): [(editor: IStandaloneCodeEditor, monaco: Monaco) => void, MutableRefObject<IDisposable[]>];
+export {};
+//# sourceMappingURL=useUpdateCallback.d.ts.map

package/esm/MaqlEditor/hooks/useUpdateCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateCallback.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/hooks/useUpdateCallback.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAuB,MAAM,OAAO,CAAC;AAEnE,OAAO,EACH,KAAK,WAAW,EAEhB,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACd,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,MAAM,CAAC;IACpD,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACrE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3F,CAAC;AAEF,wBAAgB,iBAAiB,CAC7B,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,EAClF,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,iBAAiB,GAC1E,CAAC,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,EAAE,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,CA0E5F"}

package/esm/MaqlEditor/hooks/useUpdateCallback.js

@@ -0,0 +1,63 @@
+// (C) 2021-2026 GoodData Corporation
+import { useCallback, useRef } from "react";
+export function useUpdateCallback({ afterFocus, afterValidate, afterChange, getValid, getValue }, { onFocus, onBlur, onChange, onValid, onEditorUpdate }) {
+    const disposable = useRef([]);
+    const callback = useCallback((editor, monaco) => {
+        disposable.current.forEach((item) => item.dispose());
+        disposable.current = [];
+        if (onEditorUpdate) {
+            onEditorUpdate(editor, monaco);
+        }
+        const onDidChangeModelContentDisposable = editor.onDidChangeModelContent(() => {
+            if (afterChange) {
+                afterChange(editor, monaco);
+            }
+            if (onChange) {
+                onChange(editor, monaco, getValue(editor));
+            }
+        });
+        disposable.current.push(onDidChangeModelContentDisposable);
+        const onDidChangeMarkersDisposable = monaco.editor.onDidChangeMarkers(() => {
+            const valid = getValid(editor, monaco);
+            if (valid) {
+                //NOTE: Close invalid markers but do not focus editor
+                const markers = editor.getContribution("editor.contrib.markerController");
+                if (markers) {
+                    markers.close(false);
+                }
+                if (afterValidate) {
+                    afterValidate(editor, monaco, valid);
+                }
+            }
+            if (onValid) {
+                onValid(editor, monaco, valid);
+            }
+        });
+        disposable.current.push(onDidChangeMarkersDisposable);
+        disposable.current.push(editor.onDidFocusEditorWidget(() => {
+            if (afterFocus) {
+                afterFocus(editor, monaco);
+            }
+            if (onFocus) {
+                onFocus(editor, monaco);
+            }
+        }));
+        disposable.current.push(editor.onDidBlurEditorText(() => {
+            if (onBlur) {
+                onBlur(editor, monaco);
+            }
+        }));
+    }, [
+        afterChange,
+        onChange,
+        getValue,
+        getValid,
+        onValid,
+        afterValidate,
+        afterFocus,
+        onFocus,
+        onBlur,
+        onEditorUpdate,
+    ]);
+    return [callback, disposable];
+}

package/esm/MaqlEditor/hooks/useValueCallbacks.d.ts

@@ -0,0 +1,6 @@
+import { type IStandaloneCodeEditor, type Monaco } from "../monaco/MonacoEditor.js";
+export declare function useValueCallbacks(): {
+    getValid: (editor: IStandaloneCodeEditor, monaco: Monaco) => boolean;
+    getValue: (editor: IStandaloneCodeEditor) => string;
+};
+//# sourceMappingURL=useValueCallbacks.d.ts.map

package/esm/MaqlEditor/hooks/useValueCallbacks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValueCallbacks.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/hooks/useValueCallbacks.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEpF,wBAAgB,iBAAiB,IAAI;IACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACrE,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,MAAM,CAAC;CACvD,CAaA"}

package/esm/MaqlEditor/hooks/useValueCallbacks.js

@@ -0,0 +1,14 @@
+// (C) 2021-2026 GoodData Corporation
+import { useCallback } from "react";
+export function useValueCallbacks() {
+    const getValue = useCallback((editor) => editor.getValue(), []);
+    const getValid = useCallback((editor, monaco) => {
+        const model = editor.getModel();
+        const markers = monaco.editor.getModelMarkers({ owner: "default", resource: model?.uri });
+        return markers.filter((marker) => marker.severity === monaco.MarkerSeverity.Error).length === 0;
+    }, []);
+    return {
+        getValid,
+        getValue,
+    };
+}

package/esm/MaqlEditor/languageService/LanguageServiceContext.d.ts

@@ -0,0 +1,13 @@
+import { type PropsWithChildren } from "react";
+import { MaqlLanguageService } from "@gooddata/sdk-maql-language-server";
+export declare const LanguageServiceContext: import("react").Context<MaqlLanguageService | undefined>;
+export interface ILanguageServiceProviderProps {
+    /**
+     * Resolved value of the enableComputedAttributes workspace setting. When false, the language
+     * service does not request computed attributes from the catalog (the backend refuses the
+     * listing when the setting is off). Leave undefined when the host does not know the setting.
+     */
+    enableComputedAttributes?: boolean;
+}
+export declare function LanguageServiceProvider({ children, enableComputedAttributes, }: PropsWithChildren<ILanguageServiceProviderProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LanguageServiceContext.d.ts.map

package/esm/MaqlEditor/languageService/LanguageServiceContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageServiceContext.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/languageService/LanguageServiceContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAsC,MAAM,OAAO,CAAC;AAEnF,OAAO,EAAE,mBAAmB,EAAmB,MAAM,oCAAoC,CAAC;AAK1F,eAAO,MAAM,sBAAsB,0DAA4D,CAAC;AAEhG,MAAM,WAAW,6BAA6B;IAC1C;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,uBAAuB,CAAC,EACpC,QAAQ,EACR,wBAAwB,GAC3B,EAAE,iBAAiB,CAAC,6BAA6B,CAAC,2CAkBlD"}

package/esm/MaqlEditor/languageService/LanguageServiceContext.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2021-2026 GoodData Corporation
+import { createContext, useEffect, useState } from "react";
+import { MaqlLanguageService, MetadataService } from "@gooddata/sdk-maql-language-server";
+import { useBackendStrict, useWorkspaceStrict } from "@gooddata/sdk-ui";
+import { useReloadMetrics } from "../../shared/metrics/useReloadMetrics.js";
+export const LanguageServiceContext = createContext(undefined);
+export function LanguageServiceProvider({ children, enableComputedAttributes, }) {
+    const [languageServiceData, setLanguageService] = useState();
+    const { metricReloadRequest } = useReloadMetrics();
+    const backend = useBackendStrict();
+    const workspaceId = useWorkspaceStrict();
+    useEffect(() => {
+        const metadataService = MetadataService.withBackend(workspaceId, backend, {
+            enableComputedAttributes,
+        });
+        setLanguageService(new MaqlLanguageService(undefined, metadataService));
+    }, [backend, workspaceId, metricReloadRequest, enableComputedAttributes]);
+    return (_jsx(LanguageServiceContext.Provider, { value: languageServiceData, children: children }));
+}

package/esm/MaqlEditor/maql/MaqlEditor.d.ts

@@ -0,0 +1,30 @@
+import { type Ref } from "react";
+import { type IMetadataObject } from "@gooddata/sdk-model";
+import { type IStandaloneCodeEditor, type Monaco } from "../monaco/MonacoEditor.js";
+import { type IMaqlEditorIcons } from "../monaco/MonacoEditor.styles.js";
+import { type DefaultTheme } from "../theme/default.js";
+export interface IMaqlEditorApi {
+    autoformat: () => void;
+    getValue: () => string;
+    getValid: () => boolean;
+}
+export interface IMaqlEditorProps {
+    cssTheme?: DefaultTheme;
+    autofocus?: boolean;
+    autohint?: boolean;
+    decorators?: boolean;
+    defaultValue?: string;
+    readonly?: boolean;
+    inline?: boolean;
+    icons?: IMaqlEditorIcons;
+    onFocus?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+    onBlur?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+    onEditorMount?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+    onEditorUpdate?: (editor: IStandaloneCodeEditor, monaco: Monaco) => void;
+    onChange?: (editor: IStandaloneCodeEditor, monaco: Monaco, value: string) => void;
+    onValid?: (editor: IStandaloneCodeEditor, monaco: Monaco, valid: boolean) => void;
+    onMetricOpen?: (editor: IStandaloneCodeEditor, object: IMetadataObject) => void;
+    ref?: Ref<IMaqlEditorApi | null>;
+}
+export declare const MaqlEditor: import("react").ForwardRefExoticComponent<Omit<IMaqlEditorProps, "ref"> & import("react").RefAttributes<IMaqlEditorApi>>;
+//# sourceMappingURL=MaqlEditor.d.ts.map

package/esm/MaqlEditor/maql/MaqlEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaqlEditor.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/maql/MaqlEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAA8D,MAAM,OAAO,CAAC;AAO7F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAgB,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGzE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQxD,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAChF,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,0HAiFrB,CAAC"}

package/esm/MaqlEditor/maql/MaqlEditor.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2021-2026 GoodData Corporation
+import { forwardRef, useImperativeHandle, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
+import * as monaco from "monaco-editor/editor/editor.api.js";
+import { FormattedMessage } from "react-intl";
+import { useCodeTheme } from "../hooks/useCodeTheme.js";
+import { MonacoEditor } from "../monaco/MonacoEditor.js";
+//more info in README.md
+import { StatusBar } from "../statusBar/SuggestionStatusBar.js";
+import { ThemeProvider } from "../theme/theme.js";
+import { LANGUAGE } from "./constants.js";
+import { useLanguageConfiguration } from "./hooks/useLanguageConfiguration.js";
+import { useMonaco } from "./hooks/useMonaco.js";
+import { MaqlEditorClass, MaqlEditorTestClass, MaqlStyles } from "./MaqlEditor.styles.js";
+export const MaqlEditor = forwardRef(function MaqlEditor({ readonly = false, inline = false, autofocus = false, decorators = true, autohint = false, defaultValue = "", cssTheme, icons, onFocus, onBlur, onEditorMount, onEditorUpdate, onMetricOpen, onValid, onChange, }, ref) {
+    const [suggestionData, setSuggestionData] = useState([
+        null,
+        null,
+    ]);
+    const [suggestionList, suggestionElement] = suggestionData;
+    const [theme, themeData] = useCodeTheme();
+    const handlers = useMemo(() => ({
+        onFocus,
+        onBlur,
+        onEditorMount,
+        onEditorUpdate,
+        onValid,
+        onChange,
+        onOpen: onMetricOpen,
+        onList: (list, el) => setSuggestionData([list, el]),
+    }), [onBlur, onChange, onEditorMount, onEditorUpdate, onFocus, onValid, onMetricOpen]);
+    const { onMount, onUpdate, autoformat, getValue, getValid } = useMonaco(LANGUAGE, autohint, decorators, handlers);
+    const languageConfiguration = useLanguageConfiguration();
+    const editor = useRef(null);
+    useImperativeHandle(ref, () => ({
+        autoformat: () => editor.current && autoformat(editor.current, monaco),
+        getValid: () => (editor.current ? getValid(editor.current, monaco) : false),
+        getValue: () => (editor.current ? getValue(editor.current) : ""),
+    }));
+    return (_jsxs(ThemeProvider, { theme: cssTheme, children: [_jsx(MaqlStyles, {}), _jsx(MonacoEditor, { inline: inline, readonly: readonly, autofocus: autofocus, className: classNames(MaqlEditorClass, MaqlEditorTestClass), defaultValue: defaultValue, language: LANGUAGE, languageConfiguration: languageConfiguration, themeName: theme, themeData: themeData, onEditorMount: onMount, onEditorUpdate: onUpdate, icons: icons, ref: editor }), _jsx(StatusBar, { where: suggestionElement, children: suggestionList && suggestionList.isIncomplete && (_jsx(FormattedMessage, { id: "metricEditor.status.lotsOfItemsInSuggestionResults" })) })] }));
+});

package/esm/MaqlEditor/maql/MaqlEditor.styles.d.ts

@@ -0,0 +1,8 @@
+export declare function MaqlStyles(): import("react/jsx-runtime").JSX.Element;
+export declare const MaqlEditorClass = "maql-editor";
+export declare const MaqlEditorTestClass = "s-maql_editor";
+export declare const MaqlTooltip = "maql-metric-tooltip";
+export declare const MaqlTooltipEditorClass = "maql-metric-tooltip-editor-content";
+export declare const PencilIcon = "gd-icon-pencil";
+export declare function TooltipMaqlStyles(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MaqlEditor.styles.d.ts.map

package/esm/MaqlEditor/maql/MaqlEditor.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaqlEditor.styles.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/maql/MaqlEditor.styles.tsx"],"names":[],"mappings":"AAWA,wBAAgB,UAAU,4CAIzB;AAqHD,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAC7C,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,WAAW,wBAAwB,CAAC;AACjD,eAAO,MAAM,sBAAsB,uCAAuC,CAAC;AAC3E,eAAO,MAAM,UAAU,mBAAmB,CAAC;AAE3C,wBAAgB,iBAAiB,4CAIhC"}

package/esm/MaqlEditor/maql/MaqlEditor.styles.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2021-2026 GoodData Corporation
+import { useMemo } from "react";
+import { GlobalStyles } from "tss-react";
+import { ExpandedClass } from "../components/ExpandableTooltip.js";
+import { makeStyles } from "../theme/styles.js";
+const useStyles = makeStyles()(() => ({}));
+export function MaqlStyles() {
+    const styles = useMaqlStyles();
+    return _jsx(GlobalStyles, { styles: styles });
+}
+function useMaqlStyles() {
+    const { theme } = useStyles();
+    return useMemo(() => {
+        const h1 = {
+            fontFamily: theme.doc.font,
+            fontSize: `${theme.doc.h1.fontSize}px`,
+            lineHeight: `${theme.doc.h1.lineHeight}px`,
+            fontWeight: "bold",
+            color: theme.doc.colors.main,
+            margin: `${theme.doc.bigPadding}px 0`,
+        };
+        const h2 = {
+            fontFamily: theme.doc.font,
+            fontSize: `${theme.doc.h2.fontSize}px`,
+            lineHeight: `${theme.doc.h2.lineHeight}px`,
+            fontWeight: "bold",
+            color: theme.doc.colors.main,
+            margin: `${theme.doc.smallPadding}px 0`,
+        };
+        const h3 = {
+            fontFamily: theme.doc.font,
+            fontSize: `${theme.doc.h3.fontSize}px`,
+            lineHeight: `${theme.doc.h3.lineHeight}px`,
+            fontWeight: "bold",
+            color: theme.doc.h3.color,
+            margin: `${theme.doc.bigPadding}px 0 ${theme.doc.smallPadding}px 0`,
+            textTransform: "uppercase",
+        };
+        const h1p = {
+            fontFamily: theme.doc.font,
+            fontSize: `${theme.doc.h1p.fontSize}px`,
+            lineHeight: `${theme.doc.h1p.lineHeight}px`,
+            color: theme.doc.h1p.color,
+            margin: `${theme.doc.bigPadding}px 0`,
+        };
+        const p = {
+            fontFamily: theme.doc.font,
+            fontSize: `${theme.doc.p.fontSize}px`,
+            lineHeight: `${theme.doc.p.lineHeight}px`,
+            color: theme.doc.p.color,
+            margin: `${theme.doc.smallPadding}px 0`,
+        };
+        const code = {
+            fontFamily: theme.doc.code.font,
+            fontSize: `${theme.doc.code.fontSize}px`,
+            lineHeight: `${theme.doc.code.lineHeight}px`,
+            color: theme.doc.code.color,
+            ".mkt1": {
+                paddingBottom: "5px",
+                color: theme.doc.code.color,
+            },
+        };
+        const img = {
+            maxWidth: "100%",
+        };
+        function h1pSelector(start) {
+            const selectors = [];
+            let parent = start;
+            let i = 4;
+            while (i >= 0) {
+                selectors.push(`${parent} + :is(p, ul)`);
+                parent = `${parent} + :is(p, ul)`;
+                i--;
+            }
+            return selectors.join(", ");
+        }
+        return {
+            ".monaco-editor.vs": {
+                ".suggest-details .docs": {
+                    fontFamily: theme.doc.font,
+                    "& > div": {
+                        padding: "0 !important",
+                    },
+                    h1: h1,
+                    h2: h2,
+                    h3: h3,
+                    "p, ul": p,
+                    ".code": code,
+                    img: img,
+                    [h1pSelector("h1")]: h1p,
+                },
+            },
+        };
+    }, [
+        theme.doc.bigPadding,
+        theme.doc.code.color,
+        theme.doc.code.font,
+        theme.doc.code.fontSize,
+        theme.doc.code.lineHeight,
+        theme.doc.colors.main,
+        theme.doc.font,
+        theme.doc.h1.fontSize,
+        theme.doc.h1.lineHeight,
+        theme.doc.h1p.color,
+        theme.doc.h1p.fontSize,
+        theme.doc.h1p.lineHeight,
+        theme.doc.h2.fontSize,
+        theme.doc.h2.lineHeight,
+        theme.doc.h3.color,
+        theme.doc.h3.fontSize,
+        theme.doc.h3.lineHeight,
+        theme.doc.p.color,
+        theme.doc.p.fontSize,
+        theme.doc.p.lineHeight,
+        theme.doc.smallPadding,
+    ]);
+}
+export const MaqlEditorClass = "maql-editor";
+export const MaqlEditorTestClass = "s-maql_editor";
+export const MaqlTooltip = "maql-metric-tooltip";
+export const MaqlTooltipEditorClass = "maql-metric-tooltip-editor-content";
+export const PencilIcon = "gd-icon-pencil";
+export function TooltipMaqlStyles() {
+    const styles = useTooltipMaqlStyles();
+    return _jsx(GlobalStyles, { styles: styles });
+}
+function useTooltipMaqlStyles() {
+    const { theme } = useStyles();
+    return useMemo(() => {
+        const { normal, expanded } = theme.hoverMetric.tooltip;
+        return {
+            [`.${MaqlTooltip}`]: {
+                minWidth: normal.minWidth,
+                maxWidth: normal.maxWidth,
+                maxHeight: normal.maxHeight,
+            },
+            [`.${MaqlTooltip} .${PencilIcon}`]: {
+                fontSize: 14,
+            },
+            [`.${MaqlTooltip} .${MaqlTooltipEditorClass}`]: {
+                maxWidth: normal.maxWidth,
+            },
+            [`.${ExpandedClass} .${MaqlTooltip}`]: {
+                minWidth: expanded.minWidth,
+                maxWidth: expanded.maxWidth,
+                maxHeight: expanded.maxHeight,
+            },
+            [`.${ExpandedClass} .${MaqlTooltip} .${MaqlTooltipEditorClass}`]: {
+                maxWidth: expanded.maxWidth,
+            },
+        };
+    }, [theme.hoverMetric.tooltip]);
+}

package/esm/MaqlEditor/maql/MaqlEditor.tooltip.d.ts

@@ -0,0 +1,36 @@
+import { type MutableRefObject } from "react";
+import { type IntlShape } from "react-intl";
+import { type IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+import { type ObjectContent } from "@gooddata/sdk-maql-language-server";
+import { type IRootRef } from "../components/ExpandableTooltip.js";
+export interface IMaqlEditorTooltipProps {
+    content: ObjectContent;
+    backend: IAnalyticalBackend;
+    workspaceId: string;
+    intl: IntlShape;
+}
+export interface IMaqlEditorTooltipContentProps {
+    content: ObjectContent;
+}
+export type MaqlTooltipSettings = {
+    content: ObjectContent;
+    workspaceId: string;
+    elements: Array<HTMLElement>;
+    /**
+     * Stable owner of the tooltip for outside-click attribution — the editor's container node.
+     * See IExpandableTooltipSettings.anchor.
+     */
+    anchor?: HTMLElement;
+    backend: IAnalyticalBackend;
+    intl: IntlShape;
+    readOnly?: boolean;
+    cachedPositions?: Array<{
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    } | undefined>;
+};
+export declare function renderMaqlTooltip(ref: MutableRefObject<IRootRef | null>, { content, backend, workspaceId, intl, elements, anchor, readOnly, cachedPositions }: MaqlTooltipSettings, onOpen?: () => void, onDestroy?: () => void): void;
+export declare function destroyMaqlTooltip(ref: MutableRefObject<IRootRef | null>): void;
+//# sourceMappingURL=MaqlEditor.tooltip.d.ts.map

package/esm/MaqlEditor/maql/MaqlEditor.tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaqlEditor.tooltip.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/maql/MaqlEditor.tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAwC,MAAM,OAAO,CAAC;AAGpF,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAGxE,OAAO,EAAE,KAAK,QAAQ,EAAiC,MAAM,oCAAoC,CAAC;AAqJlG,MAAM,WAAW,uBAAuB;IACpC,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;CACnB;AAkBD,MAAM,WAAW,8BAA8B;IAC3C,OAAO,EAAE,aAAa,CAAC;CAC1B;AA2FD,MAAM,MAAM,mBAAmB,GAAG;IAC9B,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CACjB;QACI,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,GACD,SAAS,CACd,CAAC;CACL,CAAC;AACF,wBAAgB,iBAAiB,CAC7B,GAAG,EAAE,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,EACtC,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,mBAAmB,EACzG,MAAM,CAAC,EAAE,MAAM,IAAI,EACnB,SAAS,CAAC,EAAE,MAAM,IAAI,GACvB,IAAI,CA0BN;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,CAE/E"}