@finos/legend-query-builder 4.17.89 → 4.17.90

package/lib/components/sql-playground/SQLPlaygroundEditor.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { AbstractSQLPlaygroundState } from '../../stores/sql-playground/AbstractSQLPlaygroundState.js';
+import type { SQLPlaygroundAccessorExplorerState } from '../../stores/sql-playground/SqlPlaygroundAccessorExplorerState.js';
+export interface SQLPlaygroundPanelProps {
+    playgroundState: AbstractSQLPlaygroundState;
+    advancedMode: boolean;
+    disableDragDrop?: boolean;
+    enableDarkMode?: boolean;
+    accessorExplorerState?: SQLPlaygroundAccessorExplorerState;
+    showAccessorExplorer?: boolean;
+}
+export declare const PlaygroundSQLCodeEditor: ((props: SQLPlaygroundPanelProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=SQLPlaygroundEditor.d.ts.map

package/lib/components/sql-playground/SQLPlaygroundEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLPlaygroundEditor.d.ts","sourceRoot":"","sources":["../../../src/components/sql-playground/SQLPlaygroundEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAkBH,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AAC5G,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mEAAmE,CAAC;AAK5H,MAAM,WAAW,uBAAuB;IACtC,eAAe,EAAE,0BAA0B,CAAC;IAC5C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,kCAAkC,CAAC;IAC3D,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAgBD,eAAO,MAAM,uBAAuB,WAC1B,uBAAuB;;CA0IhC,CAAC"}

package/lib/components/sql-playground/SQLPlaygroundEditor.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { observer } from 'mobx-react-lite';
+import { PanelDropZone } from '@finos/legend-art';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCommands } from '@finos/legend-application';
+import { CODE_EDITOR_LANGUAGE, CODE_EDITOR_THEME, getBaseCodeEditorOptions, } from '@finos/legend-code-editor';
+import { editor as monacoEditorAPI, languages as monacoLanguagesAPI, } from 'monaco-editor';
+import { useDrop } from 'react-dnd';
+import { isString } from '@finos/legend-shared';
+const SQL_DROP_NODE_DND_TYPE = 'SQL_DROP_NODE_DND_TYPE';
+const toCompletionItems = (labels) => labels.map((label) => ({
+    label,
+    kind: monacoLanguagesAPI.CompletionItemKind.Keyword,
+    insertTextRules: monacoLanguagesAPI.CompletionItemInsertTextRule.InsertAsSnippet,
+    insertText: `${label} `,
+}));
+export const PlaygroundSQLCodeEditor = observer((props) => {
+    const { playgroundState, disableDragDrop = false, enableDarkMode = false, } = props;
+    const codeEditorRef = useRef(null);
+    const sqlIdentifierSuggestionProviderDisposer = useRef(undefined);
+    const [editor, setEditor] = useState();
+    useEffect(() => {
+        if (!editor && codeEditorRef.current) {
+            const element = codeEditorRef.current;
+            playgroundState.setTheme(enableDarkMode ? 'dark' : 'light');
+            const newEditor = monacoEditorAPI.create(element, {
+                ...getBaseCodeEditorOptions(),
+                theme: playgroundState.theme === 'light'
+                    ? CODE_EDITOR_THEME.GITHUB_LIGHT
+                    : CODE_EDITOR_THEME.DEFAULT_DARK,
+                language: CODE_EDITOR_LANGUAGE.SQL,
+                padding: {
+                    top: 10,
+                },
+            });
+            newEditor.onDidChangeModelContent(() => {
+                const currentVal = newEditor.getValue();
+                playgroundState.setSQLText(currentVal);
+            });
+            newEditor.setModel(playgroundState.sqlEditorTextModel);
+            if (playgroundState.sqlEditorViewState) {
+                newEditor.restoreViewState(playgroundState.sqlEditorViewState);
+            }
+            newEditor.focus();
+            playgroundState.setSQLEditor(newEditor);
+            setEditor(newEditor);
+        }
+    }, [playgroundState, editor, enableDarkMode]);
+    useCommands(playgroundState);
+    if (editor) {
+        sqlIdentifierSuggestionProviderDisposer.current?.dispose();
+        sqlIdentifierSuggestionProviderDisposer.current =
+            monacoLanguagesAPI.registerCompletionItemProvider(CODE_EDITOR_LANGUAGE.SQL, {
+                triggerCharacters: [],
+                provideCompletionItems: async (model, position, context) => {
+                    let suggestions = [];
+                    if (context.triggerKind ===
+                        monacoLanguagesAPI.CompletionTriggerKind.Invoke) {
+                        const labels = playgroundState.getCodeCompletionSuggestions();
+                        suggestions = suggestions.concat(toCompletionItems(labels));
+                    }
+                    return { suggestions };
+                },
+            });
+    }
+    useEffect(() => () => {
+        if (editor) {
+            playgroundState.setSQLEditorViewState(editor.saveViewState() ?? undefined);
+            editor.dispose();
+            sqlIdentifierSuggestionProviderDisposer.current?.dispose();
+        }
+    }, [playgroundState, editor]);
+    const handleSqlEditorNodeDrop = useCallback((item) => {
+        if (isString(item.text)) {
+            if (playgroundState.sqlEditor) {
+                const currentValue = playgroundState.sqlEditorTextModel.getValue();
+                const lines = currentValue.split('\n');
+                const position = playgroundState.sqlEditor.getPosition() ?? {
+                    lineNumber: lines.length,
+                    column: lines.at(-1)?.length ?? 0,
+                };
+                playgroundState.sqlEditor.executeEdits('', [
+                    {
+                        range: {
+                            startLineNumber: position.lineNumber,
+                            startColumn: position.column,
+                            endLineNumber: position.lineNumber,
+                            endColumn: position.column,
+                        },
+                        text: item.text,
+                        forceMoveMarkers: true,
+                    },
+                ]);
+                playgroundState.setSQLText(playgroundState.sqlEditorTextModel.getValue());
+            }
+        }
+    }, [playgroundState]);
+    const [{ isDatabaseNodeDragOver }, dropConnector] = useDrop(() => ({
+        accept: [SQL_DROP_NODE_DND_TYPE],
+        drop: (item) => handleSqlEditorNodeDrop(item),
+        collect: (monitor) => ({
+            isDatabaseNodeDragOver: monitor.isOver({ shallow: true }),
+        }),
+    }), [handleSqlEditorNodeDrop]);
+    return (_jsx("div", { className: "sql-playground__code-editor", children: _jsx(PanelDropZone, { className: "sql-playground__code-editor__content", isDragOver: isDatabaseNodeDragOver, dropTargetConnector: dropConnector, disabled: disableDragDrop, children: _jsx("div", { className: "code-editor__container", children: _jsx("div", { className: "code-editor__body", ref: codeEditorRef }) }) }) }));
+});
+//# sourceMappingURL=SQLPlaygroundEditor.js.map

package/lib/components/sql-playground/SQLPlaygroundEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLPlaygroundEditor.js","sourceRoot":"","sources":["../../../src/components/sql-playground/SQLPlaygroundEditor.tsx"],"names":[],"mappings":"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"}

package/lib/components/sql-playground/SQLPlaygroundExplorer.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { type TreeData } from '@finos/legend-art';
+import { type AccessorExplorerTreeNodeData, type SQLPlaygroundAccessorExplorerState, type AccessorExplorerTreeNodeContainerProps } from '../../stores/sql-playground/SqlPlaygroundAccessorExplorerState.js';
+import { type V1_RelationTypeColumn } from '@finos/legend-graph';
+export declare const renderColumnTypeIcon: (type: V1_RelationTypeColumn) => React.ReactNode;
+export declare const AccessorExplorerTreeNodeContainer: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<AccessorExplorerTreeNodeContainerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+export declare const SQLAccessorExplorer: ((props: {
+    accessorExplorerState: SQLPlaygroundAccessorExplorerState;
+    treeData: TreeData<AccessorExplorerTreeNodeData>;
+    isReadOnly?: boolean;
+    treeNodeContainerComponent?: React.FC<AccessorExplorerTreeNodeContainerProps> | undefined;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export declare const SQLPlaygroundExplorer: ((props: {
+    accessorExplorerState: SQLPlaygroundAccessorExplorerState;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=SQLPlaygroundExplorer.d.ts.map

package/lib/components/sql-playground/SQLPlaygroundExplorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLPlaygroundExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/sql-playground/SQLPlaygroundExplorer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAcL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,KAAK,4BAA4B,EAQjC,KAAK,kCAAkC,EACvC,KAAK,sCAAsC,EAC5C,MAAM,mEAAmE,CAAC;AAC3E,OAAO,EAEL,KAAK,qBAAqB,EAK3B,MAAM,qBAAqB,CAAC;AAiC7B,eAAO,MAAM,oBAAoB,GAC/B,MAAM,qBAAqB,KAC1B,KAAK,CAAC,SAwBR,CAAC;AA0CF,eAAO,MAAM,iCAAiC,6LAgD7C,CAAC;AAEF,eAAO,MAAM,mBAAmB,WACtB;IACN,qBAAqB,EAAE,kCAAkC,CAAC;IAC1D,QAAQ,EAAE,QAAQ,CAAC,4BAA4B,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EACvB,KAAK,CAAC,EAAE,CAAC,sCAAsC,CAAC,GAChD,SAAS,CAAC;CACf;;CAkDF,CAAC;AA6CF,eAAO,MAAM,qBAAqB,WACxB;IAAE,qBAAqB,EAAE,kCAAkC,CAAA;CAAE;;CAoBtE,CAAC"}

package/lib/components/sql-playground/SQLPlaygroundExplorer.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React, { forwardRef, useRef } from 'react';
+import { TreeView, StringTypeIcon, HashtagIcon, ClockIcon, QuestionCircleIcon, ChevronDownIcon, ChevronRightIcon, compareLabelFn, AccessPointIcon, PURE_FlatDataStoreIcon, PURE_DatabaseTableIcon, PURE_IngestIcon, PanelLoadingIndicator, } from '@finos/legend-art';
+import { flowResult } from 'mobx';
+import { AccessorExplorerTreeColumnNodeData, AccessorExplorerTreeDataProductNodeData, AccessorExplorerTreeIngestNodeData, AccessorExplorerTreeAccessPointNodeData, AccessorExplorerTreeAccessPointGroupNodeData, AccessorExplorerTreeDatasetNodeData, AccessorExplorerTreeHeaderNodeData, } from '../../stores/sql-playground/SqlPlaygroundAccessorExplorerState.js';
+import { PRECISE_PRIMITIVE_TYPE, V1_PackageableType, PRIMITIVE_TYPE, V1_AccessPoint, extractElementNameFromPath, } from '@finos/legend-graph';
+import { observer } from 'mobx-react-lite';
+import { useApplicationStore } from '@finos/legend-application';
+import { useDrag } from 'react-dnd';
+const SQL_DROP_NODE_DND_TYPE = 'SQL_DROP_NODE_DND_TYPE';
+const STRING_TYPE_NAMES = new Set([
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.VARCHAR),
+]);
+const NUMERIC_TYPE_NAMES = new Set([
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.BIG_INT),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.DECIMAL),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.DOUBLE),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.FLOAT),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.INT),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.NUMERIC),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.SMALL_INT),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.TINY_INT),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.U_BIG_INT),
+]);
+const DATE_TYPE_NAMES = new Set([
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.STRICTDATE),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.STRICTTIME),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.DATETIME),
+    extractElementNameFromPath(PRECISE_PRIMITIVE_TYPE.TIMESTAMP),
+    extractElementNameFromPath(PRIMITIVE_TYPE.STRICTDATE),
+]);
+export const renderColumnTypeIcon = (type) => {
+    const rawType = type.genericType.rawType;
+    if (rawType instanceof V1_PackageableType) {
+        const typeName = extractElementNameFromPath(rawType.fullPath);
+        if (STRING_TYPE_NAMES.has(typeName)) {
+            return (_jsx(StringTypeIcon, { className: "relation-source-tree__icon relation-source-tree__icon__string" }));
+        }
+        if (NUMERIC_TYPE_NAMES.has(typeName)) {
+            return (_jsx(HashtagIcon, { className: "relation-source-tree__icon relation-source-tree__icon__number" }));
+        }
+        if (DATE_TYPE_NAMES.has(typeName)) {
+            return (_jsx(ClockIcon, { className: "relation-source-tree__icon relation-source-tree__icon__time" }));
+        }
+    }
+    return (_jsx(QuestionCircleIcon, { className: "relation-source-tree__icon relation-source-tree__icon__unknown" }));
+};
+const getAccessorNodeIcon = (node) => {
+    if (node instanceof AccessorExplorerTreeColumnNodeData) {
+        return renderColumnTypeIcon(node.column);
+    }
+    if (node instanceof AccessorExplorerTreeDataProductNodeData) {
+        return (_jsx("div", { className: "Accessor-schema-explorer__icon--schema", children: _jsx(AccessPointIcon, {}) }));
+    }
+    if (node instanceof AccessorExplorerTreeIngestNodeData) {
+        return (_jsx("div", { className: "Accessor-schema-explorer__icon--schema", children: _jsx(PURE_IngestIcon, {}) }));
+    }
+    if (node instanceof AccessorExplorerTreeAccessPointGroupNodeData) {
+        return (_jsx("div", { className: "Accessor-schema-explorer__icon--table", children: _jsx(PURE_FlatDataStoreIcon, {}) }));
+    }
+    if (node instanceof AccessorExplorerTreeAccessPointNodeData ||
+        node instanceof AccessorExplorerTreeDatasetNodeData) {
+        return (_jsx("div", { className: "Accessor-schema-explorer__icon--table", children: _jsx(PURE_DatabaseTableIcon, {}) }));
+    }
+    return null;
+};
+export const AccessorExplorerTreeNodeContainer = observer(forwardRef(function AccessorExplorerTreeNodeContainer(props, ref) {
+    const { node, level, onNodeSelect, innerProps } = props;
+    const { toggleCheckedNode } = innerProps;
+    const isExpandable = Boolean(!node.childrenIds || node.childrenIds.length) &&
+        !(node instanceof AccessorExplorerTreeColumnNodeData);
+    const nodeExpandIcon = isExpandable ? (node.isOpen ? (_jsx(ChevronDownIcon, {})) : (_jsx(ChevronRightIcon, {}))) : (_jsx("div", {}));
+    const nodeTypeIcon = getAccessorNodeIcon(node);
+    const toggleExpandNode = () => {
+        onNodeSelect?.(node);
+        if (!isExpandable) {
+            toggleCheckedNode(node);
+        }
+    };
+    return (_jsxs("div", { className: `tree-view__node__container Accessor-schema-explorer__node__container Accessor-schema-explorer__node__container--level-${Math.min(level, 6)}`, ref: ref, onClick: toggleExpandNode, children: [_jsx("div", { className: "tree-view__node__icon Accessor-schema-explorer__node__icon__group", children: _jsx("div", { className: "Accessor-schema-explorer__expand-icon", children: nodeExpandIcon }) }), nodeTypeIcon && (_jsx("div", { className: "Accessor-schema-explorer__type-icon", children: nodeTypeIcon })), _jsx("div", { className: "tree-view__node__label Accessor-schema-explorer__node__label", children: node.label })] }));
+}));
+export const SQLAccessorExplorer = observer((props) => {
+    const { treeData, accessorExplorerState, treeNodeContainerComponent } = props;
+    const applicationStore = useApplicationStore();
+    const onNodeSelect = (node) => {
+        flowResult(accessorExplorerState.onNodeSelect(node, treeData)).catch(applicationStore.alertUnhandledError);
+    };
+    const getChildNodes = (node) => accessorExplorerState
+        .getChildNodes(node, treeData)
+        ?.sort(compareLabelFn) ?? [];
+    const isPartiallySelected = (node) => {
+        if (node instanceof AccessorExplorerTreeDataProductNodeData &&
+            !node.isChecked) {
+            return (accessorExplorerState
+                .getChildNodes(node, treeData)
+                ?.some((childNode) => childNode.isChecked) ?? false);
+        }
+        return false;
+    };
+    const toggleCheckedNode = (node) => accessorExplorerState.toggleCheckedNode(node, treeData);
+    return (_jsx(TreeView, { className: "Accessor-schema-explorer", components: {
+            TreeNodeContainer: treeNodeContainerComponent ?? AccessorExplorerTreeNodeContainer,
+        }, innerProps: {
+            toggleCheckedNode,
+            isPartiallySelected,
+        }, treeData: treeData, onNodeSelect: onNodeSelect, getChildNodes: getChildNodes }));
+});
+const SQLPlaygroundAccessorExplorerTreeNodeContainer = observer((props) => {
+    const { node } = props;
+    const ref = useRef(null);
+    const isDraggable = !(node instanceof AccessorExplorerTreeHeaderNodeData) &&
+        !(node instanceof AccessorExplorerTreeAccessPointGroupNodeData);
+    const dragText = node instanceof AccessorExplorerTreeColumnNodeData
+        ? node.owner instanceof V1_AccessPoint
+            ? `${node.parentId}.${node.label}`
+            : `${node.owner.name}.${node.label}`
+        : node instanceof AccessorExplorerTreeAccessPointNodeData
+            ? `${node.dataProductPath}.${node.accessPoint.id}`
+            : node instanceof AccessorExplorerTreeDatasetNodeData
+                ? `${node.parentId}.${node.dataset.name}`
+                : node instanceof AccessorExplorerTreeDataProductNodeData
+                    ? node.id
+                    : node instanceof AccessorExplorerTreeIngestNodeData
+                        ? node.id
+                        : node.id;
+    const [, dragConnector] = useDrag(() => ({
+        type: SQL_DROP_NODE_DND_TYPE,
+        item: {
+            text: dragText,
+        },
+        canDrag: isDraggable,
+    }), [node, isDraggable]);
+    if (isDraggable) {
+        dragConnector(ref);
+    }
+    return _jsx(AccessorExplorerTreeNodeContainer, { ...props, ref: ref });
+});
+export const SQLPlaygroundExplorer = observer((props) => {
+    const { accessorExplorerState } = props;
+    return (_jsxs("div", { className: "sql-playground__explorer", children: [_jsx(PanelLoadingIndicator, { isLoading: Boolean(accessorExplorerState.isGeneratingAccessor) }), accessorExplorerState.treeData && (_jsx(SQLAccessorExplorer, { treeData: accessorExplorerState.treeData, accessorExplorerState: accessorExplorerState, treeNodeContainerComponent: SQLPlaygroundAccessorExplorerTreeNodeContainer }))] }));
+});
+//# sourceMappingURL=SQLPlaygroundExplorer.js.map

package/lib/components/sql-playground/SQLPlaygroundExplorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLPlaygroundExplorer.js","sourceRoot":"","sources":["../../../src/components/sql-playground/SQLPlaygroundExplorer.tsx"],"names":[],"mappings":"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"}

package/lib/components/sql-playground/SQLPlaygroundGrid.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const PlayGroundSQLExecutionResultGrid: ((props: {
+    result: string;
+    useAdvancedGrid?: boolean;
+    useLocalMode?: boolean;
+    enableDarkMode?: boolean;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=SQLPlaygroundGrid.d.ts.map

package/lib/components/sql-playground/SQLPlaygroundGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLPlaygroundGrid.d.ts","sourceRoot":"","sources":["../../../src/components/sql-playground/SQLPlaygroundGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AA0EH,eAAO,MAAM,gCAAgC,WACnC;IACN,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;;CAsJF,CAAC"}

package/lib/components/sql-playground/SQLPlaygroundGrid.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { observer } from 'mobx-react-lite';
+import { BlankPanelContent, clsx } from '@finos/legend-art';
+import { useCallback } from 'react';
+import { at, isString, parseCSVString, isNonNullable, isNumber, isValidURL, } from '@finos/legend-shared';
+import { DataGrid, } from '@finos/legend-lego/data-grid';
+const parseExecutionResultData = (data) => {
+    const lines = data.split('\n').filter((line) => line.trim().length);
+    if (lines.length) {
+        const columns = parseCSVString(at(lines, 0)) ?? [];
+        const rowData = lines
+            .slice(1)
+            .map((item) => {
+            const rowItems = parseCSVString(item);
+            if (!rowItems) {
+                return undefined;
+            }
+            const row = {};
+            columns.forEach((column, idx) => {
+                row[column] = rowItems[idx] ?? '';
+            });
+            return row;
+        })
+            .filter(isNonNullable);
+        return { rowData, columns };
+    }
+    return undefined;
+};
+const TDSResultCellRenderer = observer((params) => {
+    const cellValue = params.value;
+    const formattedCellValue = () => {
+        if (isNumber(cellValue)) {
+            return Intl.NumberFormat('en-US', {
+                maximumFractionDigits: 4,
+            }).format(Number(cellValue));
+        }
+        return cellValue;
+    };
+    const cellValueUrlLink = isString(cellValue) && isValidURL(cellValue) ? cellValue : undefined;
+    return (_jsx("div", { className: clsx('query-builder__result__values__table__cell'), children: cellValueUrlLink ? (_jsx("a", { href: cellValueUrlLink, target: "_blank", rel: "noreferrer", children: cellValueUrlLink })) : (_jsx("span", { children: formattedCellValue() })) }));
+});
+export const PlayGroundSQLExecutionResultGrid = observer((props) => {
+    const { result, useAdvancedGrid, useLocalMode, enableDarkMode = false, } = props;
+    const data = parseExecutionResultData(result);
+    const darkMode = enableDarkMode;
+    if (!data) {
+        return (_jsx(BlankPanelContent, { children: `Can't parse result, displaying raw form:\n${result}` }));
+    }
+    if (useAdvancedGrid) {
+        if (useLocalMode) {
+            const localcolDefs = data.columns.map((colName) => ({
+                minWidth: 150,
+                sortable: true,
+                resizable: true,
+                field: colName,
+                flex: 1,
+                enablePivot: true,
+                enableRowGroup: true,
+                enableValue: true,
+                allowedAggFuncs: ['count'],
+            }));
+            return (_jsx("div", { className: clsx('sql-playground__result__grid', {
+                    'ag-theme-balham': !darkMode,
+                    'ag-theme-balham-dark': darkMode,
+                }), children: _jsx(DataGrid, { rowData: data.rowData, gridOptions: {
+                        suppressScrollOnNewData: true,
+                        rowSelection: {
+                            mode: 'multiRow',
+                            checkboxes: false,
+                            headerCheckbox: false,
+                        },
+                        pivotPanelShow: 'always',
+                        rowGroupPanelShow: 'always',
+                        cellSelection: true,
+                    }, 
+                    // NOTE: when column definition changed, we need to force refresh the cell to make sure the cell renderer is updated
+                    // See https://stackoverflow.com/questions/56341073/how-to-refresh-an-ag-grid-when-a-change-occurs-inside-a-custom-cell-renderer-com
+                    onRowDataUpdated: (params) => {
+                        params.api.refreshCells({ force: true });
+                    }, suppressFieldDotNotation: true, suppressContextMenu: false, columnDefs: localcolDefs, sideBar: ['columns', 'filters'] }) }));
+        }
+        const colDefs = data.columns.map((colName) => ({
+            minWidth: 150,
+            sortable: true,
+            resizable: true,
+            field: colName,
+            flex: 1,
+            cellRenderer: TDSResultCellRenderer,
+            filter: true,
+        }));
+        const getContextMenuItems = useCallback((params) => [
+            'copy',
+            'copyWithHeaders',
+            {
+                name: 'Copy Row Value',
+                action: () => {
+                    params.api.copySelectedRowsToClipboard();
+                },
+            },
+        ], []);
+        return (_jsx("div", { className: clsx('sql-playground__result__grid', {
+                'ag-theme-balham': !darkMode,
+                'ag-theme-balham-dark': darkMode,
+            }), children: _jsx(DataGrid, { rowData: data.rowData, overlayNoRowsTemplate: `<div class="sql-playground__result__grid--empty">No results</div>`, gridOptions: {
+                    suppressScrollOnNewData: true,
+                    rowSelection: {
+                        mode: 'multiRow',
+                        checkboxes: false,
+                        headerCheckbox: false,
+                    },
+                    cellSelection: true,
+                }, onRowDataUpdated: (params) => {
+                    params.api.refreshCells({ force: true });
+                }, suppressFieldDotNotation: true, suppressClipboardPaste: false, suppressContextMenu: false, columnDefs: colDefs, getContextMenuItems: (params) => getContextMenuItems(params) }) }));
+    }
+    return (_jsx("div", { className: clsx('sql-playground__result__grid', {
+            'ag-theme-balham': !darkMode,
+            'ag-theme-balham-dark': darkMode,
+        }), children: _jsx(DataGrid, { rowData: data.rowData, overlayNoRowsTemplate: `<div class="sql-playground__result__grid--empty">No results</div>`, alwaysShowVerticalScroll: true, suppressFieldDotNotation: true, columnDefs: data.columns.map((column) => ({
+                minWidth: 150,
+                sortable: true,
+                resizable: true,
+                headerName: column,
+                field: column,
+                flex: 1,
+            })) }) }));
+});
+//# sourceMappingURL=SQLPlaygroundGrid.js.map

package/lib/components/sql-playground/SQLPlaygroundGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLPlaygroundGrid.js","sourceRoot":"","sources":["../../../src/components/sql-playground/SQLPlaygroundGrid.tsx"],"names":[],"mappings":"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"}

package/lib/components/sql-playground/SQLPlaygroundPanel.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type SQLPlaygroundPanelProps } from './SQLPlaygroundEditor.js';
+export declare const SQLPlaygroundEditorResultPanel: ((props: SQLPlaygroundPanelProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=SQLPlaygroundPanel.d.ts.map

package/lib/components/sql-playground/SQLPlaygroundPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLPlaygroundPanel.d.ts","sourceRoot":"","sources":["../../../src/components/sql-playground/SQLPlaygroundPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAcH,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,0BAA0B,CAAC;AAIlC,eAAO,MAAM,8BAA8B,WACjC,uBAAuB;;CAqIhC,CAAC"}

package/lib/components/sql-playground/SQLPlaygroundPanel.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { observer } from 'mobx-react-lite';
+import { CheckSquareIcon, clsx, PanelLoadingIndicator, PlayIcon, ResizablePanel, ResizablePanelGroup, ResizablePanelSplitter, SquareIcon, } from '@finos/legend-art';
+import { prettyDuration } from '@finos/legend-shared';
+import { PlaygroundSQLCodeEditor, } from './SQLPlaygroundEditor.js';
+import { PlayGroundSQLExecutionResultGrid } from './SQLPlaygroundGrid.js';
+import { SQLPlaygroundExplorer } from './SQLPlaygroundExplorer.js';
+export const SQLPlaygroundEditorResultPanel = observer((props) => {
+    const { playgroundState, advancedMode, disableDragDrop = false, enableDarkMode = false, accessorExplorerState, showAccessorExplorer = false, } = props;
+    const executeRawSQL = () => {
+        playgroundState.executeRawSQL();
+    };
+    const resultDescription = playgroundState.sqlExecutionResult
+        ? `query ran in ${prettyDuration(playgroundState.sqlExecutionResult.sqlDuration, {
+            ms: true,
+        })}`
+        : undefined;
+    const toggleLocalMode = () => {
+        playgroundState.toggleIsLocalModeEnabled();
+    };
+    return (_jsxs(ResizablePanelGroup, { orientation: "vertical", children: [showAccessorExplorer && accessorExplorerState && (_jsxs(ResizablePanel, { size: 280, minSize: 240, maxSize: 600, children: [_jsx(PanelLoadingIndicator, { isLoading: accessorExplorerState.isGeneratingAccessor }), accessorExplorerState.treeData && (_jsx(SQLPlaygroundExplorer, { accessorExplorerState: accessorExplorerState }))] })), _jsx(ResizablePanelSplitter, {}), _jsx(ResizablePanel, { children: _jsx("div", { className: "panel sql-playground__sql-editor", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", children: [_jsx(ResizablePanel, { children: _jsx(PlaygroundSQLCodeEditor, { playgroundState: playgroundState, advancedMode: advancedMode, disableDragDrop: disableDragDrop, enableDarkMode: enableDarkMode }) }), _jsx(ResizablePanelSplitter, {}), _jsxs(ResizablePanel, { size: 300, children: [_jsxs("div", { className: clsx('panel__header', {
+                                            'panel__header--dark': enableDarkMode,
+                                        }), children: [_jsxs("div", { className: "panel__header__title", children: [_jsx("div", { className: "panel__header__title__label", children: "result" }), playgroundState.executeRawSQLState.isInProgress && (_jsx("div", { className: "panel__header__title__label__status", children: "Running SQL..." })), _jsx("div", { className: "query-builder__result__analytics", children: !playgroundState.executeRawSQLState.isInProgress &&
+                                                            (resultDescription ?? '') })] }), _jsx("div", { className: !enableDarkMode ? 'light-mode' : '', children: _jsxs("div", { className: "panel__header__actions query-builder__result__header__actions", children: [advancedMode && (_jsxs("div", { className: "query-builder__result__advanced__mode", children: [_jsx("div", { className: "query-builder__result__advanced__mode__label", children: "Local Mode" }), _jsx("button", { "aria-label": "local mode", className: clsx('query-builder__result__advanced__mode__toggler__btn', {
+                                                                        'query-builder__result__advanced__mode__toggler__btn--toggled': playgroundState.isLocalModeEnabled,
+                                                                    }), onClick: toggleLocalMode, tabIndex: -1, children: playgroundState.isLocalModeEnabled ? (_jsx(CheckSquareIcon, {})) : (_jsx(SquareIcon, {})) })] })), _jsx("div", { className: "query-builder__result__execute-btn btn__dropdown-combo btn__dropdown-combo--primary", children: _jsxs("button", { className: "btn__dropdown-combo__label", onClick: executeRawSQL, disabled: playgroundState.executeRawSQLState.isInProgress, tabIndex: -1, children: [_jsx(PlayIcon, { className: "btn__dropdown-combo__label__icon" }), _jsx("div", { className: "btn__dropdown-combo__label__title", children: "Run Query" })] }) })] }) })] }), playgroundState.sqlExecutionResult !== undefined && (_jsx(PlayGroundSQLExecutionResultGrid, { result: playgroundState.sqlExecutionResult.value, useAdvancedGrid: advancedMode, useLocalMode: playgroundState.isLocalModeEnabled, enableDarkMode: enableDarkMode })), playgroundState.sqlExecutionResult === undefined && _jsx("div", {})] })] }) }) })] }));
+});
+//# sourceMappingURL=SQLPlaygroundPanel.js.map