@finos/legend-application-studio 27.1.1 → 27.1.2

package/tsconfig.json

@@ -95,6 +95,7 @@
     "./src/stores/editor/editor-state/element-editor-state/UMLEditorState.ts",
     "./src/stores/editor/editor-state/element-editor-state/connection/ConnectionEditorState.ts",
     "./src/stores/editor/editor-state/element-editor-state/connection/DatabaseBuilderState.ts",
+    "./src/stores/editor/editor-state/element-editor-state/connection/DatabaseBuilderWizardState.ts",
     "./src/stores/editor/editor-state/element-editor-state/connection/PostProcessorEditorState.ts",
     "./src/stores/editor/editor-state/element-editor-state/data/DataEditorState.ts",
     "./src/stores/editor/editor-state/element-editor-state/data/EmbeddedDataState.ts",
@@ -192,8 +193,9 @@
     "./src/components/editor/editor-group/RuntimeEditor.tsx",
     "./src/components/editor/editor-group/UnsupportedElementEditor.tsx",
     "./src/components/editor/editor-group/connection-editor/ConnectionEditor.tsx",
-    "./src/components/editor/editor-group/connection-editor/DatabaseBuilder.tsx",
+    "./src/components/editor/editor-group/connection-editor/DatabaseBuilderWizard.tsx",
     "./src/components/editor/editor-group/connection-editor/DatabaseEditorHelper.tsx",
+    "./src/components/editor/editor-group/connection-editor/DatabaseSchemaExplorer.tsx",
     "./src/components/editor/editor-group/connection-editor/FlatDataConnectionEditor.tsx",
     "./src/components/editor/editor-group/connection-editor/RelationalDatabaseConnectionEditor.tsx",
     "./src/components/editor/editor-group/connection-editor/post-processor-editor/MapperPostProcessorEditor.tsx",

package/lib/components/editor/editor-group/connection-editor/DatabaseBuilder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatabaseBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/editor-group/connection-editor/DatabaseBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAiCH,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAK7B,MAAM,gGAAgG,CAAC;AAmIxG,eAAO,MAAM,uBAAuB,WAC1B;IACN,QAAQ,EAAE,uBAAuB,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,oBAAoB,CAAC;CAC5C;;CAmDF,CAAC;AAEF,eAAO,MAAM,eAAe,WAClB;IACN,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;CACrB;;CAqJF,CAAC"}

package/lib/components/editor/editor-group/connection-editor/DatabaseBuilder.js

@@ -1,133 +0,0 @@
-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 { Dialog, ResizablePanelGroup, ResizablePanel, ResizablePanelSplitter, PanelLoadingIndicator, TreeView, PURE_DatabaseSchemaIcon, PURE_DatabaseTableIcon, CircleIcon, ChevronDownIcon, ChevronRightIcon, CheckCircleIcon, EmptyCircleIcon, PanelContent, Modal, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalHeaderActions, TimesIcon, ModalFooterButton, BlankPanelContent, KeyIcon, PanelHeader, Panel, } from '@finos/legend-art';
-import { useEffect } from 'react';
-import { ColumnDatabaseBuilderTreeNodeData, SchemaDatabaseBuilderTreeNodeData, TableDatabaseBuilderTreeNodeData, } from '../../../../stores/editor/editor-state/element-editor-state/connection/DatabaseBuilderState.js';
-import { noop } from '@finos/legend-shared';
-import { useApplicationStore, useConditionedApplicationNavigationContext, } from '@finos/legend-application';
-import { renderColumnTypeIcon } from './DatabaseEditorHelper.js';
-import { flowResult } from 'mobx';
-import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../__lib__/LegendStudioApplicationNavigationContext.js';
-import { CODE_EDITOR_LANGUAGE, CodeEditor, } from '@finos/legend-lego/code-editor';
-import { stringifyDataType } from '@finos/legend-graph';
-const getDatabaseSchemaNodeIcon = (node) => {
-    if (node instanceof SchemaDatabaseBuilderTreeNodeData) {
-        return (_jsx("div", { className: "database-builder-tree__icon--schema", children: _jsx(PURE_DatabaseSchemaIcon, {}) }));
-    }
-    else if (node instanceof TableDatabaseBuilderTreeNodeData) {
-        return (_jsx("div", { className: "database-builder-tree__icon--table", children: _jsx(PURE_DatabaseTableIcon, {}) }));
-    }
-    else if (node instanceof ColumnDatabaseBuilderTreeNodeData) {
-        return renderColumnTypeIcon(node.column.type);
-    }
-    return null;
-};
-const DatabaseBuilderTreeNodeContainer = observer((props) => {
-    const { node, level, stepPaddingInRem, onNodeSelect, innerProps } = props;
-    const { toggleCheckedNode, isPartiallySelected } = innerProps;
-    const isExpandable = Boolean(!node.childrenIds || node.childrenIds.length) &&
-        !(node instanceof ColumnDatabaseBuilderTreeNodeData);
-    const nodeExpandIcon = isExpandable ? (node.isOpen ? (_jsx(ChevronDownIcon, {})) : (_jsx(ChevronRightIcon, {}))) : (_jsx("div", {}));
-    const nodeTypeIcon = getDatabaseSchemaNodeIcon(node);
-    const toggleExpandNode = () => {
-        onNodeSelect?.(node);
-        if (!isExpandable) {
-            toggleCheckedNode(node);
-        }
-    };
-    const isPrimaryKeyColumn = node instanceof ColumnDatabaseBuilderTreeNodeData &&
-        node.owner.primaryKey.includes(node.column);
-    const renderCheckedIcon = (_node) => {
-        if (_node instanceof ColumnDatabaseBuilderTreeNodeData) {
-            return null;
-        }
-        else if (isPartiallySelected(_node)) {
-            return _jsx(CircleIcon, {});
-        }
-        else if (_node.isChecked) {
-            return _jsx(CheckCircleIcon, {});
-        }
-        return _jsx(EmptyCircleIcon, {});
-    };
-    return (_jsxs("div", { className: "tree-view__node__container", style: {
-            paddingLeft: `${level * (stepPaddingInRem ?? 1)}rem`,
-            display: 'flex',
-        }, onClick: toggleExpandNode, children: [_jsxs("div", { className: "tree-view__node__icon database-builder-tree__node__icon__group", children: [_jsx("div", { className: "database-builder-tree__expand-icon", children: nodeExpandIcon }), _jsx("div", { className: "database-builder-tree__checker-icon", onClick: (event) => {
-                            event.stopPropagation();
-                            toggleCheckedNode(node);
-                        }, children: renderCheckedIcon(node) }), _jsx("div", { className: "database-builder-tree__type-icon", children: nodeTypeIcon })] }), _jsxs("div", { className: "tree-view__node__label database-builder-tree__node__label", children: [node.label, node instanceof ColumnDatabaseBuilderTreeNodeData && (_jsx("div", { className: "database-builder-tree__node__type", children: _jsx("div", { className: "database-builder-tree__node__type__label", children: stringifyDataType(node.column.type) }) })), isPrimaryKeyColumn && (_jsx("div", { className: "database-builder-tree__node__pk", title: "Primary Key", children: _jsx(KeyIcon, {}) }))] })] }));
-});
-export const DatabaseBuilderExplorer = observer((props) => {
-    const { treeData, databaseBuilderState } = props;
-    const applicationStore = useApplicationStore();
-    const onNodeSelect = (node) => {
-        flowResult(databaseBuilderState.onNodeSelect(node, treeData)).catch(applicationStore.alertUnhandledError);
-    };
-    const getChildNodes = (node) => databaseBuilderState
-        .getChildNodes(node, treeData)
-        ?.sort((a, b) => a.label.localeCompare(b.label)) ?? [];
-    const isPartiallySelected = (node) => {
-        if (node instanceof SchemaDatabaseBuilderTreeNodeData &&
-            !node.isChecked) {
-            return Boolean(databaseBuilderState
-                .getChildNodes(node, treeData)
-                ?.find((childNode) => childNode.isChecked === true));
-        }
-        return false;
-    };
-    const toggleCheckedNode = (node) => databaseBuilderState.toggleCheckedNode(node, treeData);
-    return (_jsx(TreeView, { className: "database-builder-tree", components: {
-            TreeNodeContainer: DatabaseBuilderTreeNodeContainer,
-        }, innerProps: {
-            toggleCheckedNode,
-            isPartiallySelected,
-        }, treeData: treeData, onNodeSelect: onNodeSelect, getChildNodes: getChildNodes }));
-});
-export const DatabaseBuilder = observer((props) => {
-    const { databaseBuilderState, isReadOnly } = props;
-    const applicationStore = useApplicationStore();
-    const preview = applicationStore.guardUnhandledError(() => flowResult(databaseBuilderState.previewDatabaseModel()));
-    const saveOrUpdateDatabase = applicationStore.guardUnhandledError(() => flowResult(databaseBuilderState.createOrUpdateDatabase()));
-    const closeModal = () => {
-        databaseBuilderState.setShowModal(false);
-        databaseBuilderState.editorStore.explorerTreeState.setDatabaseBuilderState(undefined);
-    };
-    const isExecutingAction = databaseBuilderState.isBuildingDatabase ||
-        databaseBuilderState.isSavingDatabase;
-    const changeValue = (event) => {
-        if (!databaseBuilderState.currentDatabase) {
-            const stringValue = event.target.value;
-            const updatedValue = stringValue ? stringValue : undefined;
-            databaseBuilderState.setTargetDatabasePath(updatedValue ?? '');
-        }
-    };
-    useEffect(() => {
-        flowResult(databaseBuilderState.fetchDatabaseMetadata()).catch(applicationStore.alertUnhandledError);
-    }, [databaseBuilderState, applicationStore]);
-    useConditionedApplicationNavigationContext(LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY.DATABASE_BUILDER, databaseBuilderState.showModal);
-    return (_jsx(Dialog, { open: databaseBuilderState.showModal, onClose: noop, classes: { container: 'search-modal__container' }, PaperProps: {
-            classes: {
-                root: 'search-modal__inner-container database-builder__container',
-            },
-        }, children: _jsxs(Modal, { darkMode: true, className: "database-builder", children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { title: "Database Builder" }), _jsx(ModalHeaderActions, { children: _jsx("button", { className: "modal__header__action", tabIndex: -1, onClick: closeModal, children: _jsx(TimesIcon, {}) }) })] }), _jsxs(ModalBody, { className: "database-builder__content", children: [_jsx(PanelLoadingIndicator, { isLoading: isExecutingAction }), _jsxs(ResizablePanelGroup, { orientation: "vertical", children: [_jsx(ResizablePanel, { size: 450, children: _jsxs("div", { className: "database-builder__config", children: [_jsx(PanelHeader, { title: "schema explorer" }), _jsx(PanelContent, { className: "database-builder__config__content", children: databaseBuilderState.treeData && (_jsx(DatabaseBuilderExplorer, { treeData: databaseBuilderState.treeData, isReadOnly: false, databaseBuilderState: databaseBuilderState })) })] }) }), _jsx(ResizablePanelSplitter, {}), _jsx(ResizablePanel, { children: _jsxs(Panel, { className: "database-builder__model", children: [_jsx(PanelHeader, { title: "database model" }), _jsx(PanelContent, { children: _jsxs("div", { className: "database-builder__modeller", children: [_jsxs("div", { className: "panel__content__form__section database-builder__modeller__path", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Target Database Path" }), _jsx("input", { className: "panel__content__form__section__input", spellCheck: false, disabled: isReadOnly ||
-                                                                        Boolean(databaseBuilderState.currentDatabase), value: databaseBuilderState.currentDatabase?.path ??
-                                                                        databaseBuilderState.targetDatabasePath, onChange: changeValue })] }), _jsxs("div", { className: "database-builder__modeller__preview", children: [databaseBuilderState.databaseGrammarCode && (_jsx(CodeEditor, { language: CODE_EDITOR_LANGUAGE.PURE, inputValue: databaseBuilderState.databaseGrammarCode, isReadOnly: true })), !databaseBuilderState.databaseGrammarCode && (_jsx(BlankPanelContent, { children: "No database preview" }))] })] }) })] }) })] })] }), _jsxs(ModalFooter, { children: [_jsx(ModalFooterButton, { className: "database-builder__action--btn", disabled: isReadOnly || isExecutingAction, onClick: preview, title: "Preview database model...", children: "Preview" }), _jsx(ModalFooterButton, { className: "database-builder__action--btn", disabled: isReadOnly || isExecutingAction, onClick: saveOrUpdateDatabase, children: databaseBuilderState.currentDatabase
-                                ? 'Update Database'
-                                : 'Build Database' })] })] }) }));
-});
-//# sourceMappingURL=DatabaseBuilder.js.map

package/lib/components/editor/editor-group/connection-editor/DatabaseBuilder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatabaseBuilder.js","sourceRoot":"","sources":["../../../../../src/components/editor/editor-group/connection-editor/DatabaseBuilder.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,MAAM,EAEN,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,QAAQ,EACR,uBAAuB,EACvB,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAIL,iCAAiC,EACjC,iCAAiC,EACjC,gCAAgC,GACjC,MAAM,gGAAgG,CAAC;AACxG,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EACL,mBAAmB,EACnB,0CAA0C,GAC3C,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,gDAAgD,EAAE,MAAM,iEAAiE,CAAC;AACnI,OAAO,EACL,oBAAoB,EACpB,UAAU,GACX,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,yBAAyB,GAAG,CAChC,IAAiC,EAChB,EAAE;IACnB,IAAI,IAAI,YAAY,iCAAiC,EAAE;QACrD,OAAO,CACL,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,uBAAuB,KAAG,GACvB,CACP,CAAC;KACH;SAAM,IAAI,IAAI,YAAY,gCAAgC,EAAE;QAC3D,OAAO,CACL,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,sBAAsB,KAAG,GACtB,CACP,CAAC;KACH;SAAM,IAAI,IAAI,YAAY,iCAAiC,EAAE;QAC5D,OAAO,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;KAC/C;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAAG,QAAQ,CAC/C,CACE,KAMC,EACD,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,GAAG,UAAU,CAAC;IAC9D,MAAM,YAAY,GAChB,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;QACrD,CAAC,CAAC,IAAI,YAAY,iCAAiC,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,CACpC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACZ,KAAC,eAAe,KAAG,CACpB,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,KAAG,CACrB,CACF,CAAC,CAAC,CAAC,CACF,eAAO,CACR,CAAC;IACF,MAAM,YAAY,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,YAAY,EAAE;YACjB,iBAAiB,CAAC,IAAI,CAAC,CAAC;SACzB;IACH,CAAC,CAAC;IACF,MAAM,kBAAkB,GACtB,IAAI,YAAY,iCAAiC;QACjD,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAE9C,MAAM,iBAAiB,GAAG,CACxB,KAAkC,EACjB,EAAE;QACnB,IAAI,KAAK,YAAY,iCAAiC,EAAE;YACtD,OAAO,IAAI,CAAC;SACb;aAAM,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE;YACrC,OAAO,KAAC,UAAU,KAAG,CAAC;SACvB;aAAM,IAAI,KAAK,CAAC,SAAS,EAAE;YAC1B,OAAO,KAAC,eAAe,KAAG,CAAC;SAC5B;QACD,OAAO,KAAC,eAAe,KAAG,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;YACL,WAAW,EAAE,GAAG,KAAK,GAAG,CAAC,gBAAgB,IAAI,CAAC,CAAC,KAAK;YACpD,OAAO,EAAE,MAAM;SAChB,EACD,OAAO,EAAE,gBAAgB,aAEzB,eAAK,SAAS,EAAC,gEAAgE,aAC7E,cAAK,SAAS,EAAC,oCAAoC,YAChD,cAAc,GACX,EACN,cACE,SAAS,EAAC,qCAAqC,EAC/C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;4BACjB,KAAK,CAAC,eAAe,EAAE,CAAC;4BACxB,iBAAiB,CAAC,IAAI,CAAC,CAAC;wBAC1B,CAAC,YAEA,iBAAiB,CAAC,IAAI,CAAC,GACpB,EACN,cAAK,SAAS,EAAC,kCAAkC,YAAE,YAAY,GAAO,IAClE,EACN,eAAK,SAAS,EAAC,2DAA2D,aACvE,IAAI,CAAC,KAAK,EACV,IAAI,YAAY,iCAAiC,IAAI,CACpD,cAAK,SAAS,EAAC,mCAAmC,YAChD,cAAK,SAAS,EAAC,0CAA0C,YACtD,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAChC,GACF,CACP,EACA,kBAAkB,IAAI,CACrB,cACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,aAAa,YAEnB,KAAC,OAAO,KAAG,GACP,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAC7C,CAAC,KAIA,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,YAAY,GAAG,CAAC,IAAiC,EAAQ,EAAE;QAC/D,UAAU,CAAC,oBAAoB,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CACjE,gBAAgB,CAAC,mBAAmB,CACrC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACpB,IAAiC,EACF,EAAE,CACjC,oBAAoB;SACjB,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC;QAC9B,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;IAE3D,MAAM,mBAAmB,GAAG,CAC1B,IAAiC,EACxB,EAAE;QACX,IACE,IAAI,YAAY,iCAAiC;YACjD,CAAC,IAAI,CAAC,SAAS,EACf;YACA,OAAO,OAAO,CACZ,oBAAoB;iBACjB,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC;gBAC9B,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,SAAS,KAAK,IAAI,CAAC,CACtD,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAiC,EAAQ,EAAE,CACpE,oBAAoB,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,uBAAuB,EACjC,UAAU,EAAE;YACV,iBAAiB,EAAE,gCAAgC;SACpD,EACD,UAAU,EAAE;YACV,iBAAiB;YACjB,mBAAmB;SACpB,EACD,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CACrC,CAAC,KAGA,EAAE,EAAE;IACH,MAAM,EAAE,oBAAoB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,OAAO,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG,EAAE,CACxD,UAAU,CAAC,oBAAoB,CAAC,oBAAoB,EAAE,CAAC,CACxD,CAAC;IACF,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG,EAAE,CACrE,UAAU,CAAC,oBAAoB,CAAC,sBAAsB,EAAE,CAAC,CAC1D,CAAC;IACF,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,oBAAoB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACzC,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,uBAAuB,CACxE,SAAS,CACV,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,iBAAiB,GACrB,oBAAoB,CAAC,kBAAkB;QACvC,oBAAoB,CAAC,gBAAgB,CAAC;IAExC,MAAM,WAAW,GAA+C,CAAC,KAAK,EAAE,EAAE;QACxE,IAAI,CAAC,oBAAoB,CAAC,eAAe,EAAE;YACzC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YACvC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;YAC3D,oBAAoB,CAAC,qBAAqB,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;SAChE;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,oBAAoB,CAAC,qBAAqB,EAAE,CAAC,CAAC,KAAK,CAC5D,gBAAgB,CAAC,mBAAmB,CACrC,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE7C,0CAA0C,CACxC,gDAAgD,CAAC,gBAAgB,EACjE,oBAAoB,CAAC,SAAS,CAC/B,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,oBAAoB,CAAC,SAAS,EACpC,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,EAAE,SAAS,EAAE,yBAAyB,EAAE,EACjD,UAAU,EAAE;YACV,OAAO,EAAE;gBACP,IAAI,EAAE,2DAA2D;aAClE;SACF,YAED,MAAC,KAAK,IAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAC,kBAAkB,aACjD,MAAC,WAAW,eACV,KAAC,UAAU,IAAC,KAAK,EAAC,kBAAkB,GAAG,EACvC,KAAC,kBAAkB,cACjB,iBACE,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,UAAU,YAEnB,KAAC,SAAS,KAAG,GACN,GACU,IACT,EACd,MAAC,SAAS,IAAC,SAAS,EAAC,2BAA2B,aAC9C,KAAC,qBAAqB,IAAC,SAAS,EAAE,iBAAiB,GAAI,EACvD,MAAC,mBAAmB,IAAC,WAAW,EAAC,UAAU,aACzC,KAAC,cAAc,IAAC,IAAI,EAAE,GAAG,YACvB,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,WAAW,IAAC,KAAK,EAAC,iBAAiB,GAAG,EACvC,KAAC,YAAY,IAAC,SAAS,EAAC,mCAAmC,YACxD,oBAAoB,CAAC,QAAQ,IAAI,CAChC,KAAC,uBAAuB,IACtB,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,EACvC,UAAU,EAAE,KAAK,EACjB,oBAAoB,EAAE,oBAAoB,GAC1C,CACH,GACY,IACX,GACS,EACjB,KAAC,sBAAsB,KAAG,EAC1B,KAAC,cAAc,cACb,MAAC,KAAK,IAAC,SAAS,EAAC,yBAAyB,aACxC,KAAC,WAAW,IAAC,KAAK,EAAC,gBAAgB,GAAG,EAEtC,KAAC,YAAY,cACX,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,gEAAgE,aAC7E,cAAK,SAAS,EAAC,8CAA8C,qCAEvD,EACN,gBACE,SAAS,EAAC,sCAAsC,EAChD,UAAU,EAAE,KAAK,EACjB,QAAQ,EACN,UAAU;wEACV,OAAO,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAE/C,KAAK,EACH,oBAAoB,CAAC,eAAe,EAAE,IAAI;wEAC1C,oBAAoB,CAAC,kBAAkB,EAEzC,QAAQ,EAAE,WAAW,GACrB,IACE,EACN,eAAK,SAAS,EAAC,qCAAqC,aACjD,oBAAoB,CAAC,mBAAmB,IAAI,CAC3C,KAAC,UAAU,IACT,QAAQ,EAAE,oBAAoB,CAAC,IAAI,EACnC,UAAU,EACR,oBAAoB,CAAC,mBAAmB,EAE1C,UAAU,EAAE,IAAI,GAChB,CACH,EACA,CAAC,oBAAoB,CAAC,mBAAmB,IAAI,CAC5C,KAAC,iBAAiB,sCAEE,CACrB,IACG,IACF,GACO,IACT,GACO,IACG,IACZ,EACZ,MAAC,WAAW,eACV,KAAC,iBAAiB,IAChB,SAAS,EAAC,+BAA+B,EACzC,QAAQ,EAAE,UAAU,IAAI,iBAAiB,EACzC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,2BAA2B,wBAGf,EACpB,KAAC,iBAAiB,IAChB,SAAS,EAAC,+BAA+B,EACzC,QAAQ,EAAE,UAAU,IAAI,iBAAiB,EACzC,OAAO,EAAE,oBAAoB,YAE5B,oBAAoB,CAAC,eAAe;gCACnC,CAAC,CAAC,iBAAiB;gCACnB,CAAC,CAAC,gBAAgB,GACF,IACR,IACR,GACD,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/src/components/editor/editor-group/connection-editor/DatabaseBuilder.tsx

@@ -1,397 +0,0 @@
-/**
- * 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 {
-  Dialog,
-  type TreeNodeContainerProps,
-  ResizablePanelGroup,
-  ResizablePanel,
-  ResizablePanelSplitter,
-  PanelLoadingIndicator,
-  TreeView,
-  PURE_DatabaseSchemaIcon,
-  PURE_DatabaseTableIcon,
-  CircleIcon,
-  ChevronDownIcon,
-  ChevronRightIcon,
-  CheckCircleIcon,
-  EmptyCircleIcon,
-  PanelContent,
-  Modal,
-  ModalHeader,
-  ModalBody,
-  ModalFooter,
-  ModalTitle,
-  ModalHeaderActions,
-  TimesIcon,
-  ModalFooterButton,
-  BlankPanelContent,
-  KeyIcon,
-  PanelHeader,
-  Panel,
-} from '@finos/legend-art';
-import { useEffect } from 'react';
-import {
-  type DatabaseBuilderState,
-  type DatabaseBuilderTreeData,
-  type DatabaseBuilderTreeNodeData,
-  ColumnDatabaseBuilderTreeNodeData,
-  SchemaDatabaseBuilderTreeNodeData,
-  TableDatabaseBuilderTreeNodeData,
-} from '../../../../stores/editor/editor-state/element-editor-state/connection/DatabaseBuilderState.js';
-import { noop } from '@finos/legend-shared';
-import {
-  useApplicationStore,
-  useConditionedApplicationNavigationContext,
-} from '@finos/legend-application';
-import { renderColumnTypeIcon } from './DatabaseEditorHelper.js';
-import { flowResult } from 'mobx';
-import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../__lib__/LegendStudioApplicationNavigationContext.js';
-import {
-  CODE_EDITOR_LANGUAGE,
-  CodeEditor,
-} from '@finos/legend-lego/code-editor';
-import { stringifyDataType } from '@finos/legend-graph';
-
-const getDatabaseSchemaNodeIcon = (
-  node: DatabaseBuilderTreeNodeData,
-): React.ReactNode => {
-  if (node instanceof SchemaDatabaseBuilderTreeNodeData) {
-    return (
-      <div className="database-builder-tree__icon--schema">
-        <PURE_DatabaseSchemaIcon />
-      </div>
-    );
-  } else if (node instanceof TableDatabaseBuilderTreeNodeData) {
-    return (
-      <div className="database-builder-tree__icon--table">
-        <PURE_DatabaseTableIcon />
-      </div>
-    );
-  } else if (node instanceof ColumnDatabaseBuilderTreeNodeData) {
-    return renderColumnTypeIcon(node.column.type);
-  }
-  return null;
-};
-
-const DatabaseBuilderTreeNodeContainer = observer(
-  (
-    props: TreeNodeContainerProps<
-      DatabaseBuilderTreeNodeData,
-      {
-        toggleCheckedNode: (node: DatabaseBuilderTreeNodeData) => void;
-        isPartiallySelected: (node: DatabaseBuilderTreeNodeData) => boolean;
-      }
-    >,
-  ) => {
-    const { node, level, stepPaddingInRem, onNodeSelect, innerProps } = props;
-    const { toggleCheckedNode, isPartiallySelected } = innerProps;
-    const isExpandable =
-      Boolean(!node.childrenIds || node.childrenIds.length) &&
-      !(node instanceof ColumnDatabaseBuilderTreeNodeData);
-    const nodeExpandIcon = isExpandable ? (
-      node.isOpen ? (
-        <ChevronDownIcon />
-      ) : (
-        <ChevronRightIcon />
-      )
-    ) : (
-      <div />
-    );
-    const nodeTypeIcon = getDatabaseSchemaNodeIcon(node);
-    const toggleExpandNode = (): void => {
-      onNodeSelect?.(node);
-      if (!isExpandable) {
-        toggleCheckedNode(node);
-      }
-    };
-    const isPrimaryKeyColumn =
-      node instanceof ColumnDatabaseBuilderTreeNodeData &&
-      node.owner.primaryKey.includes(node.column);
-
-    const renderCheckedIcon = (
-      _node: DatabaseBuilderTreeNodeData,
-    ): React.ReactNode => {
-      if (_node instanceof ColumnDatabaseBuilderTreeNodeData) {
-        return null;
-      } else if (isPartiallySelected(_node)) {
-        return <CircleIcon />;
-      } else if (_node.isChecked) {
-        return <CheckCircleIcon />;
-      }
-      return <EmptyCircleIcon />;
-    };
-
-    return (
-      <div
-        className="tree-view__node__container"
-        style={{
-          paddingLeft: `${level * (stepPaddingInRem ?? 1)}rem`,
-          display: 'flex',
-        }}
-        onClick={toggleExpandNode}
-      >
-        <div className="tree-view__node__icon database-builder-tree__node__icon__group">
-          <div className="database-builder-tree__expand-icon">
-            {nodeExpandIcon}
-          </div>
-          <div
-            className="database-builder-tree__checker-icon"
-            onClick={(event) => {
-              event.stopPropagation();
-              toggleCheckedNode(node);
-            }}
-          >
-            {renderCheckedIcon(node)}
-          </div>
-          <div className="database-builder-tree__type-icon">{nodeTypeIcon}</div>
-        </div>
-        <div className="tree-view__node__label database-builder-tree__node__label">
-          {node.label}
-          {node instanceof ColumnDatabaseBuilderTreeNodeData && (
-            <div className="database-builder-tree__node__type">
-              <div className="database-builder-tree__node__type__label">
-                {stringifyDataType(node.column.type)}
-              </div>
-            </div>
-          )}
-          {isPrimaryKeyColumn && (
-            <div
-              className="database-builder-tree__node__pk"
-              title="Primary Key"
-            >
-              <KeyIcon />
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  },
-);
-
-export const DatabaseBuilderExplorer = observer(
-  (props: {
-    treeData: DatabaseBuilderTreeData;
-    isReadOnly: boolean;
-    databaseBuilderState: DatabaseBuilderState;
-  }) => {
-    const { treeData, databaseBuilderState } = props;
-    const applicationStore = useApplicationStore();
-    const onNodeSelect = (node: DatabaseBuilderTreeNodeData): void => {
-      flowResult(databaseBuilderState.onNodeSelect(node, treeData)).catch(
-        applicationStore.alertUnhandledError,
-      );
-    };
-
-    const getChildNodes = (
-      node: DatabaseBuilderTreeNodeData,
-    ): DatabaseBuilderTreeNodeData[] =>
-      databaseBuilderState
-        .getChildNodes(node, treeData)
-        ?.sort((a, b) => a.label.localeCompare(b.label)) ?? [];
-
-    const isPartiallySelected = (
-      node: DatabaseBuilderTreeNodeData,
-    ): boolean => {
-      if (
-        node instanceof SchemaDatabaseBuilderTreeNodeData &&
-        !node.isChecked
-      ) {
-        return Boolean(
-          databaseBuilderState
-            .getChildNodes(node, treeData)
-            ?.find((childNode) => childNode.isChecked === true),
-        );
-      }
-      return false;
-    };
-
-    const toggleCheckedNode = (node: DatabaseBuilderTreeNodeData): void =>
-      databaseBuilderState.toggleCheckedNode(node, treeData);
-
-    return (
-      <TreeView
-        className="database-builder-tree"
-        components={{
-          TreeNodeContainer: DatabaseBuilderTreeNodeContainer,
-        }}
-        innerProps={{
-          toggleCheckedNode,
-          isPartiallySelected,
-        }}
-        treeData={treeData}
-        onNodeSelect={onNodeSelect}
-        getChildNodes={getChildNodes}
-      />
-    );
-  },
-);
-
-export const DatabaseBuilder = observer(
-  (props: {
-    databaseBuilderState: DatabaseBuilderState;
-    isReadOnly: boolean;
-  }) => {
-    const { databaseBuilderState, isReadOnly } = props;
-    const applicationStore = useApplicationStore();
-    const preview = applicationStore.guardUnhandledError(() =>
-      flowResult(databaseBuilderState.previewDatabaseModel()),
-    );
-    const saveOrUpdateDatabase = applicationStore.guardUnhandledError(() =>
-      flowResult(databaseBuilderState.createOrUpdateDatabase()),
-    );
-    const closeModal = (): void => {
-      databaseBuilderState.setShowModal(false);
-      databaseBuilderState.editorStore.explorerTreeState.setDatabaseBuilderState(
-        undefined,
-      );
-    };
-    const isExecutingAction =
-      databaseBuilderState.isBuildingDatabase ||
-      databaseBuilderState.isSavingDatabase;
-
-    const changeValue: React.ChangeEventHandler<HTMLInputElement> = (event) => {
-      if (!databaseBuilderState.currentDatabase) {
-        const stringValue = event.target.value;
-        const updatedValue = stringValue ? stringValue : undefined;
-        databaseBuilderState.setTargetDatabasePath(updatedValue ?? '');
-      }
-    };
-
-    useEffect(() => {
-      flowResult(databaseBuilderState.fetchDatabaseMetadata()).catch(
-        applicationStore.alertUnhandledError,
-      );
-    }, [databaseBuilderState, applicationStore]);
-
-    useConditionedApplicationNavigationContext(
-      LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY.DATABASE_BUILDER,
-      databaseBuilderState.showModal,
-    );
-
-    return (
-      <Dialog
-        open={databaseBuilderState.showModal}
-        onClose={noop} // disallow closing dialog by using Esc key or clicking on the backdrop
-        classes={{ container: 'search-modal__container' }}
-        PaperProps={{
-          classes: {
-            root: 'search-modal__inner-container database-builder__container',
-          },
-        }}
-      >
-        <Modal darkMode={true} className="database-builder">
-          <ModalHeader>
-            <ModalTitle title="Database Builder" />
-            <ModalHeaderActions>
-              <button
-                className="modal__header__action"
-                tabIndex={-1}
-                onClick={closeModal}
-              >
-                <TimesIcon />
-              </button>
-            </ModalHeaderActions>
-          </ModalHeader>
-          <ModalBody className="database-builder__content">
-            <PanelLoadingIndicator isLoading={isExecutingAction} />
-            <ResizablePanelGroup orientation="vertical">
-              <ResizablePanel size={450}>
-                <div className="database-builder__config">
-                  <PanelHeader title="schema explorer" />
-                  <PanelContent className="database-builder__config__content">
-                    {databaseBuilderState.treeData && (
-                      <DatabaseBuilderExplorer
-                        treeData={databaseBuilderState.treeData}
-                        isReadOnly={false}
-                        databaseBuilderState={databaseBuilderState}
-                      />
-                    )}
-                  </PanelContent>
-                </div>
-              </ResizablePanel>
-              <ResizablePanelSplitter />
-              <ResizablePanel>
-                <Panel className="database-builder__model">
-                  <PanelHeader title="database model" />
-
-                  <PanelContent>
-                    <div className="database-builder__modeller">
-                      <div className="panel__content__form__section database-builder__modeller__path">
-                        <div className="panel__content__form__section__header__label">
-                          Target Database Path
-                        </div>
-                        <input
-                          className="panel__content__form__section__input"
-                          spellCheck={false}
-                          disabled={
-                            isReadOnly ||
-                            Boolean(databaseBuilderState.currentDatabase)
-                          }
-                          value={
-                            databaseBuilderState.currentDatabase?.path ??
-                            databaseBuilderState.targetDatabasePath
-                          }
-                          onChange={changeValue}
-                        />
-                      </div>
-                      <div className="database-builder__modeller__preview">
-                        {databaseBuilderState.databaseGrammarCode && (
-                          <CodeEditor
-                            language={CODE_EDITOR_LANGUAGE.PURE}
-                            inputValue={
-                              databaseBuilderState.databaseGrammarCode
-                            }
-                            isReadOnly={true}
-                          />
-                        )}
-                        {!databaseBuilderState.databaseGrammarCode && (
-                          <BlankPanelContent>
-                            No database preview
-                          </BlankPanelContent>
-                        )}
-                      </div>
-                    </div>
-                  </PanelContent>
-                </Panel>
-              </ResizablePanel>
-            </ResizablePanelGroup>
-          </ModalBody>
-          <ModalFooter>
-            <ModalFooterButton
-              className="database-builder__action--btn"
-              disabled={isReadOnly || isExecutingAction}
-              onClick={preview}
-              title="Preview database model..."
-            >
-              Preview
-            </ModalFooterButton>
-            <ModalFooterButton
-              className="database-builder__action--btn"
-              disabled={isReadOnly || isExecutingAction}
-              onClick={saveOrUpdateDatabase}
-            >
-              {databaseBuilderState.currentDatabase
-                ? 'Update Database'
-                : 'Build Database'}
-            </ModalFooterButton>
-          </ModalFooter>
-        </Modal>
-      </Dialog>
-    );
-  },
-);