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

package/esm/MaqlEditor/sql/utils.d.ts

@@ -0,0 +1,4 @@
+import { TextDocument } from "vscode-languageserver-textdocument";
+import { type IReadOnlyModel, type Range } from "../monaco/MonacoEditor.js";
+export declare function createDocument(model: IReadOnlyModel, range?: Range): TextDocument;
+//# sourceMappingURL=utils.d.ts.map

package/esm/MaqlEditor/sql/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/sql/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAG5E,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,YAAY,CAOjF"}

package/esm/MaqlEditor/sql/utils.js

@@ -0,0 +1,6 @@
+// (C) 2021-2026 GoodData Corporation
+import { TextDocument } from "vscode-languageserver-textdocument";
+const MODEL_URI = "inmemory://model.sql";
+export function createDocument(model, range) {
+    return TextDocument.create(MODEL_URI, model.getLanguageId(), model.getVersionId(), range ? model.getValueInRange(range) : model.getValue());
+}

package/esm/MaqlEditor/statusBar/SuggestionStatusBar.d.ts

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from "react";
+import { type IStandaloneCodeEditor } from "../monaco/MonacoEditor.js";
+type StatusBarProps = {
+    where: HTMLElement | null;
+};
+export declare function StatusBar({ where, children }: PropsWithChildren<StatusBarProps>): import("react").ReactPortal | null;
+export declare function onSuggestionElement(editor: IStandaloneCodeEditor, setSuggestionsElement: (el: HTMLElement | null) => void): void;
+export {};
+//# sourceMappingURL=SuggestionStatusBar.d.ts.map

package/esm/MaqlEditor/statusBar/SuggestionStatusBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionStatusBar.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/statusBar/SuggestionStatusBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,KAAK,qBAAqB,EAA6B,MAAM,2BAA2B,CAAC;AAGlG,KAAK,cAAc,GAAG;IAClB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AAoBF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,cAAc,CAAC,sCAa/E;AAED,wBAAgB,mBAAmB,CAC/B,MAAM,EAAE,qBAAqB,EAC7B,qBAAqB,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,GACxD,IAAI,CAQN"}

package/esm/MaqlEditor/statusBar/SuggestionStatusBar.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2021-2026 GoodData Corporation
+import { Children } from "react";
+import { createPortal } from "react-dom";
+import { makeStyles } from "../theme/styles.js";
+const useStyles = makeStyles()((theme) => ({
+    statusBar: {
+        width: "100%",
+        position: "relative",
+        fontFamily: theme.globals.font,
+        borderLeft: theme.statusBar.borders.default,
+        borderTop: theme.statusBar.borders.default,
+        background: theme.statusBar.colors.background,
+    },
+    content: {
+        padding: "10px",
+        fontSize: "12px",
+        lineHeight: "16px",
+        borderRadius: "5px",
+        color: theme.statusBar.colors.color,
+    },
+}));
+export function StatusBar({ where, children }) {
+    const childrenArray = Children.toArray(children);
+    const { classes } = useStyles();
+    if (where && childrenArray.length > 0) {
+        return createPortal(_jsx("div", { className: classes.statusBar, "data-testid": "status-bar", children: _jsx("div", { className: classes.content, children: children }) }), where);
+    }
+    return null;
+}
+export function onSuggestionElement(editor, setSuggestionsElement) {
+    const suggestionWidget = editor.getContribution("editor.contrib.suggestController");
+    const widget = suggestionWidget?.widget;
+    if (widget) {
+        widget.value.onDidShow(() => setSuggestionsElement(widget.value.element.domNode));
+        widget.value.onDidHide(() => setSuggestionsElement(null));
+    }
+}

package/esm/MaqlEditor/theme/default.d.ts

@@ -0,0 +1,209 @@
+/**
+ * @internal
+ */
+export declare function createDefaultTheme(): {
+    globals: {
+        font: string;
+        colors: {
+            font: string;
+            shadow: string;
+            errorLight: string;
+            errorFull: string;
+            border: string;
+        };
+    };
+    content: {
+        colors: {
+            line: string;
+            lineNumber: string;
+            activeLineNumber: string;
+            slider: string;
+            sliderHover: string;
+            bracketMatch: string;
+        };
+        borders: {
+            size: number;
+        };
+    };
+    suggestion: {
+        font: string;
+        colors: {
+            line: string;
+            active: string;
+            background: string;
+            selectedBackground: string;
+            highlightedBackground: string;
+        };
+        item: {
+            fontSize: number;
+        };
+        label: {
+            fontSize: number;
+        };
+        borders: {
+            default: string;
+        };
+        shadow: string;
+    };
+    detail: {
+        colors: {
+            border: string;
+            background: string;
+            header: string;
+        };
+        header: {
+            size: number;
+            fontSize: number;
+            lineHeight: number;
+            close: {
+                font: string;
+                size: number;
+            };
+        };
+        padding: number;
+        closeSize: string;
+    };
+    statusBar: {
+        colors: {
+            color: string;
+            background: string;
+        };
+        borders: {
+            size: number;
+            default: string;
+        };
+    };
+    errorsBar: {
+        font: string;
+        sizes: {
+            headerFontSize: number;
+            bodyFontSize: number;
+            lineHeight: number;
+        };
+        colors: {
+            font: string;
+            error: string;
+            headBackground: string;
+            bodyBackground: string;
+            body: string;
+        };
+        border: {
+            topWidth: number;
+        };
+        left: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    tooltip: {
+        colors: {
+            background: string;
+            hover: string;
+            line: string;
+        };
+        borders: {
+            size: number;
+            default: string;
+        };
+        borderRadius: string;
+    };
+    hoverBar: {
+        font: string;
+        sizes: {
+            font: number;
+            borderRadius: number;
+            borderRadiusInner: number;
+        };
+        colors: {
+            background: string;
+            errorBackground: string;
+            errorText: string;
+        };
+        border: string;
+        boxShadow: string;
+        margin: number;
+        padding: string;
+    };
+    hoverMetric: {
+        lineHeight: number;
+        padding: number;
+        space: number;
+        tooltip: {
+            normal: {
+                minWidth: number;
+                maxWidth: number;
+                maxHeight: number;
+            };
+            expanded: {
+                minWidth: number;
+                maxWidth: number;
+                maxHeight: number;
+                maxHeightDescription: number;
+            };
+        };
+        title: {
+            bottomSpace: number;
+            fontSize: number;
+        };
+        description: {
+            fontSize: number;
+        };
+        readMore: {
+            paddingText: number;
+        };
+        colors: {
+            color: string;
+            hover: string;
+            border: string;
+            link: string;
+        };
+    };
+    decorator: {
+        paddingTop: string;
+        paddingBottom: string;
+        fontWeight: string;
+        borderRadius: string;
+    };
+    doc: {
+        font: string;
+        colors: {
+            main: string;
+        };
+        h1: {
+            fontSize: number;
+            lineHeight: number;
+        };
+        h1p: {
+            fontSize: number;
+            lineHeight: number;
+            color: string;
+        };
+        h2: {
+            fontSize: number;
+            lineHeight: number;
+        };
+        h3: {
+            fontSize: number;
+            lineHeight: number;
+            color: string;
+        };
+        p: {
+            fontSize: number;
+            lineHeight: number;
+            color: string;
+        };
+        code: {
+            font: string;
+            fontSize: number;
+            lineHeight: number;
+            color: string;
+        };
+        smallPadding: number;
+        bigPadding: number;
+    };
+};
+/**
+ * @internal
+ */
+export type MaqlEditorDefaultTheme = ReturnType<typeof createDefaultTheme>;
+export declare function defaultTheme(): MaqlEditorDefaultTheme;
+//# sourceMappingURL=default.d.ts.map

package/esm/MaqlEditor/theme/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/MaqlEditor/theme/default.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,kBAAkB;;;;YAWtB,IAAI;YACJ,MAAM;YACN,UAAU;YACV,SAAS;YACT,MAAM;;;;;YAMN,IAAI;YACJ,UAAU;YACV,gBAAgB;YAChB,MAAM;YACN,WAAW;YACX,YAAY;;;YAGZ,IAAI;;;;;;YAOJ,IAAI;YACJ,MAAM;YACN,UAAU;YACV,kBAAkB;YAClB,qBAAqB;;;YAGrB,QAAQ;;;YAGR,QAAQ;;;YAGR,OAAO;;;;;;YAOP,MAAM;YACN,UAAU;YACV,MAAM;;;YAGN,IAAI;YACJ,QAAQ;YACR,UAAU;YACV,KAAK;gBACD,IAAI;gBACJ,IAAI;;;;;;;;YASR,KAAK;YACL,UAAU;;;YAGV,IAAI;YACJ,OAAO;;;;;;YAOP,cAAc;YACd,YAAY;YACZ,UAAU;;;YAGV,IAAI;YACJ,KAAK;YACL,cAAc;YACd,cAAc;YACd,IAAI;;;YAGJ,QAAQ;;;;;;;;YA2BR,UAAU;YACV,KAAK;YACL,IAAI;;;YAGJ,IAAI;YACJ,OAAO;;;;;;;YAvBP,IAAI;YACJ,YAAY;YACZ,iBAAiB;;;YAGjB,UAAU;YACV,eAAe;YACf,SAAS;;;;;;;;;;;;YAiCT,MAAM;gBACF,QAAQ;gBACR,QAAQ;gBACR,SAAS;;YAEb,QAAQ;gBACJ,QAAQ;gBACR,QAAQ;gBACR,SAAS;gBACT,oBAAoB;;;;YAIxB,WAAW;YACX,QAAQ;;;YAGR,QAAQ;;;YAGR,WAAW;;;YAGX,KAAK;YACL,KAAK;YACL,MAAM;YACN,IAAI;;;;;;;;;;;;YAOJ,IAAI;;;YAGJ,QAAQ;YACR,UAAU;;;YAGV,QAAQ;YACR,UAAU;YACV,KAAK;;;YAGL,QAAQ;YACR,UAAU;;;YAGV,QAAQ;YACR,UAAU;YACV,KAAK;;;YAGL,QAAQ;YACR,UAAU;YACV,KAAK;;;YAGL,IAAI;YACJ,QAAQ;YACR,UAAU;YACV,KAAK;;;;;EAmBhB;AAED;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAC3E,wBAAgB,YAAY,IAAI,sBAAsB,CAErD"}

package/esm/MaqlEditor/theme/default.js

@@ -0,0 +1,226 @@
+// (C) 2021-2026 GoodData Corporation
+/**
+ * @internal
+ */
+export function createDefaultTheme() {
+    const fonts = {
+        main: `gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif`,
+        indigo: `"Indigo", sans-serif`,
+        suggestion: `"Courier", "Courier New", sans-serif`,
+        code: `"Courier", "Courier New", sans-serif`,
+    };
+    const globals = {
+        font: fonts.main,
+        colors: {
+            font: "#464e56",
+            shadow: "rgba(20, 56, 93, 0.15)",
+            errorLight: "#FCEDEC",
+            errorFull: "#E54D40",
+            border: "#CCD8E2",
+        },
+    };
+    const content = {
+        colors: {
+            line: "#e3eaf0",
+            lineNumber: "#94a1ad",
+            activeLineNumber: "#6a737d",
+            slider: "rgba(176, 190, 202, 0.3)",
+            sliderHover: "rgba(176, 190, 202, 0.9)",
+            bracketMatch: "rgba(254, 244, 186, 1.0)",
+        },
+        borders: {
+            size: 1,
+        },
+    };
+    const suggestion = {
+        font: fonts.suggestion,
+        colors: {
+            line: content.colors.line,
+            active: "#6a737d",
+            background: "#ffffff",
+            selectedBackground: "#ebeff4",
+            highlightedBackground: "#fef8d3",
+        },
+        item: {
+            fontSize: 13,
+        },
+        label: {
+            fontSize: 12,
+        },
+        borders: {
+            default: `1px solid ${content.colors.line}`,
+        },
+        shadow: `0 1px 20px ${globals.colors.shadow}`,
+    };
+    const detail = {
+        colors: {
+            border: content.colors.line,
+            background: "#ffffff",
+            header: "#94a1ad",
+        },
+        header: {
+            size: 40,
+            fontSize: 12,
+            lineHeight: 18,
+            close: {
+                font: fonts.indigo,
+                size: 11,
+            },
+        },
+        padding: 15,
+        closeSize: "11px",
+    };
+    const statusBar = {
+        colors: {
+            color: "#94a1ad",
+            background: "#ffffff",
+        },
+        borders: {
+            size: 1,
+            default: `1px solid ${content.colors.line}`,
+        },
+    };
+    const errorsBar = {
+        font: fonts.main,
+        sizes: {
+            headerFontSize: 12,
+            bodyFontSize: 14,
+            lineHeight: 18,
+        },
+        colors: {
+            font: "#687581",
+            error: globals.colors.errorLight,
+            headBackground: "#ffffff",
+            bodyBackground: globals.colors.errorLight,
+            body: globals.colors.errorFull,
+        },
+        border: {
+            topWidth: 2,
+        },
+        left: 67,
+        paddingVertical: 10,
+        paddingHorizontal: 15,
+    };
+    const hoverBar = {
+        font: fonts.main,
+        sizes: {
+            font: 13,
+            borderRadius: 4,
+            borderRadiusInner: 3,
+        },
+        colors: {
+            background: "#FFFFFF",
+            errorBackground: "rgba(229, 77, 66, 0.1)",
+            errorText: globals.colors.errorFull,
+        },
+        border: `1px solid ${globals.colors.border}`,
+        boxShadow: `0 1px 9px ${globals.colors.shadow}`,
+        margin: 10,
+        padding: "4px 8px",
+    };
+    const tooltip = {
+        colors: {
+            background: "#ffffff",
+            hover: "#129CC6",
+            line: content.colors.line,
+        },
+        borders: {
+            size: 1,
+            default: `1px solid ${content.colors.line}`,
+        },
+        borderRadius: "5px",
+    };
+    const decorator = {
+        paddingTop: "0",
+        paddingBottom: "2px",
+        fontWeight: "normal",
+        borderRadius: "5px",
+    };
+    const hoverMetric = {
+        lineHeight: 18,
+        padding: 15,
+        space: 10,
+        tooltip: {
+            normal: {
+                minWidth: 250,
+                maxWidth: 450,
+                maxHeight: 200,
+            },
+            expanded: {
+                minWidth: 450,
+                maxWidth: 700,
+                maxHeight: 600,
+                maxHeightDescription: 150,
+            },
+        },
+        title: {
+            bottomSpace: 5,
+            fontSize: 14,
+        },
+        description: {
+            fontSize: 12,
+        },
+        readMore: {
+            paddingText: 5,
+        },
+        colors: {
+            color: "#94a1ad",
+            hover: "rgba(0,166,125,0.07)",
+            border: content.colors.line,
+            link: "#464E56",
+        },
+    };
+    const doc = {
+        font: fonts.main,
+        colors: {
+            main: "#000000",
+        },
+        h1: {
+            fontSize: 17,
+            lineHeight: 23,
+        },
+        h1p: {
+            fontSize: 14,
+            lineHeight: 21,
+            color: "#464e56",
+        },
+        h2: {
+            fontSize: 14,
+            lineHeight: 21,
+        },
+        h3: {
+            fontSize: 11,
+            lineHeight: 18,
+            color: "#94a1ad",
+        },
+        p: {
+            fontSize: 12,
+            lineHeight: 18,
+            color: "#464e56",
+        },
+        code: {
+            font: fonts.code,
+            fontSize: 12,
+            lineHeight: 18,
+            color: "#464e56",
+        },
+        smallPadding: 10,
+        bigPadding: 15,
+    };
+    return {
+        globals,
+        content,
+        suggestion,
+        detail,
+        statusBar,
+        errorsBar,
+        tooltip,
+        hoverBar,
+        hoverMetric,
+        decorator,
+        doc,
+    };
+}
+export function defaultTheme() {
+    return createDefaultTheme();
+}