@finos/legend-application-studio 13.0.0

package/lib/components/editor/side-bar/testable/GlobalTestRunner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalTestRunner.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/side-bar/testable/GlobalTestRunner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AA+BH,OAAO,EAEL,KAAK,qBAAqB,EAE1B,eAAe,EAQhB,MAAM,oEAAoE,CAAC;AAM5E,eAAO,MAAM,qBAAqB,mBAChB,eAAe,KAC9B,MAAM,SAgDR,CAAC;AAwOF,eAAO,MAAM,gBAAgB,WACnB;IAAE,qBAAqB,EAAE,qBAAqB,CAAA;CAAE;;CAgHzD,CAAC"}

package/lib/components/editor/side-bar/testable/GlobalTestRunner.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { EDITOR_LANGUAGE } from '@finos/legend-application';
+import { clsx, PanelLoadingIndicator, PlayIcon, TreeView, ChevronDownIcon, ChevronRightIcon, RefreshIcon, TimesCircleIcon, CheckCircleIcon, ContextMenu, MenuContent, MenuContentItem, Dialog, WarningIcon, CircleNotchIcon, EmptyCircleIcon, } from '@finos/legend-art';
+import { AssertFail, EqualToJsonAssertFail, TestError, } from '@finos/legend-graph';
+import { isNonNullable } from '@finos/legend-shared';
+import { observer } from 'mobx-react-lite';
+import { forwardRef, useEffect } from 'react';
+import { TESTABLE_RESULT, AtomicTestTreeNodeData, AssertionTestTreeNodeData, TestableTreeNodeData, TestSuiteTreeNodeData, getNodeTestableResult, getAtomicTest_TestResult, getAssertionStatus, } from '../../../../stores/sidebar-state/testable/GlobalTestRunnerState.js';
+import { LEGEND_STUDIO_TEST_ID } from '../../../LegendStudioTestID.js';
+import { TextDiffView } from '../../../shared/DiffView.js';
+import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
+import { useEditorStore } from '../../EditorStoreProvider.js';
+export const getTestableResultIcon = (testableResult) => {
+    switch (testableResult) {
+        case TESTABLE_RESULT.PASSED:
+            return (_jsx("div", { title: "Test passed", className: "global-test-runner__item__link__content__status__indicator global-test-runner__item__link__content__status__indicator--succeeded", children: _jsx(CheckCircleIcon, {}) }));
+        case TESTABLE_RESULT.IN_PROGRESS:
+            return (_jsx("div", { title: "Test is running", className: "global-test-runner__item__link__content__status__indicator workflow-manager__item__link__content__status__indicator--in-progress", children: _jsx(CircleNotchIcon, {}) }));
+        case TESTABLE_RESULT.FAILED:
+            return (_jsx("div", { title: "Test Failed", className: "global-test-runner__item__link__content__status__indicator global-test-runner__item__link__content__status__indicator--failed", children: _jsx(TimesCircleIcon, {}) }));
+        case TESTABLE_RESULT.ERROR:
+            return (_jsx("div", { title: "Test has an error", className: "global-test-runner__item__link__content__status__indicator global-test-runner__item__link__content__status__indicator--failed", children: _jsx(WarningIcon, {}) }));
+        default:
+            return (_jsx("div", { title: "Test did not run", className: "global-test-runner__item__link__content__status__indicator global-test-runner__item__link__content__status__indicator--unknown", children: _jsx(EmptyCircleIcon, {}) }));
+    }
+};
+const getOptionalError = (node, testableState) => {
+    if (node instanceof AtomicTestTreeNodeData) {
+        const result = getAtomicTest_TestResult(node.atomicTest, testableState.results);
+        if (result instanceof TestError) {
+            return result;
+        }
+    }
+    else if (node instanceof AssertionTestTreeNodeData) {
+        const status = getAssertionStatus(node.assertion, testableState.results);
+        if (status instanceof AssertFail) {
+            return status;
+        }
+    }
+    return undefined;
+};
+const TestFailViewer = observer((props) => {
+    const { globalTestRunnerState, failure } = props;
+    const id = failure instanceof TestError
+        ? failure.atomicTestId.atomicTest.id
+        : failure.assertion.id;
+    const closeLogViewer = () => globalTestRunnerState.setFailureViewing(undefined);
+    return (_jsx(Dialog, { open: Boolean(failure), onClose: closeLogViewer, classes: {
+            root: 'editor-modal__root-container',
+            container: 'editor-modal__container',
+            paper: 'editor-modal__content',
+        }, children: _jsxs("div", { className: "modal modal--dark editor-modal", children: [_jsx(PanelLoadingIndicator, { isLoading: globalTestRunnerState.isDispatchingAction }), _jsx("div", { className: "modal__header", children: _jsx("div", { className: "modal__title", children: id }) }), _jsxs("div", { className: "modal__body", children: [failure instanceof TestError && (_jsx(StudioTextInputEditor, { inputValue: failure.error, isReadOnly: true, language: EDITOR_LANGUAGE.TEXT, showMiniMap: true })), failure instanceof EqualToJsonAssertFail && (_jsx(TextDiffView, { language: EDITOR_LANGUAGE.JSON, from: failure.expected, to: failure.actual })), failure instanceof AssertFail &&
+                            !(failure instanceof EqualToJsonAssertFail) && (_jsx(StudioTextInputEditor, { inputValue: failure.message ?? '', isReadOnly: true, language: EDITOR_LANGUAGE.TEXT }))] }), _jsx("div", { className: "modal__footer", children: _jsx("button", { className: "btn modal__footer__close-btn", onClick: closeLogViewer, children: "Close" }) })] }) }));
+});
+const TestableExplorerContextMenu = observer(forwardRef(function TestableExplorerContextMenu(props, ref) {
+    const { node, error, globalTestRunnerState, testableState } = props;
+    const runTest = () => {
+        testableState.run(node);
+    };
+    const viewError = () => globalTestRunnerState.setFailureViewing(error);
+    return (_jsxs(MenuContent, { "data-testid": LEGEND_STUDIO_TEST_ID.EXPLORER_CONTEXT_MENU, children: [_jsx(MenuContentItem, { disabled: globalTestRunnerState.isDispatchingAction, onClick: runTest, children: "Run" }), error && (_jsx(MenuContentItem, { onClick: viewError, children: error instanceof TestError ? 'View Error' : 'View assert fail' }))] }));
+}));
+const TestableTreeNodeContainer = (props) => {
+    const { node, level, stepPaddingInRem, onNodeSelect } = props;
+    const { treeData, testableState, globalTestRunnerState } = props.innerProps;
+    const results = testableState.results;
+    const expandIcon = node instanceof AssertionTestTreeNodeData ? (_jsx("div", {})) : node.isOpen ? (_jsx(ChevronDownIcon, {})) : (_jsx(ChevronRightIcon, {}));
+    const nodeIcon = node instanceof TestableTreeNodeData ? node.testableMetadata.icon : null;
+    const resultIcon = getTestableResultIcon(getNodeTestableResult(node, testableState.globalTestRunnerState.isRunningTests.isInProgress, results));
+    const optionalError = getOptionalError(node, testableState);
+    // );
+    const selectNode = (event) => onNodeSelect?.(node);
+    return (_jsx(ContextMenu, { content: _jsx(TestableExplorerContextMenu, { globalTestRunnerState: globalTestRunnerState, testableState: testableState, treeData: treeData, node: node, error: optionalError }), menuProps: { elevation: 7 }, children: _jsxs("div", { className: clsx('tree-view__node__container global-test-runner__explorer__testable-tree__node__container'), onClick: selectNode, style: {
+                paddingLeft: `${level * (stepPaddingInRem ?? 1)}rem`,
+                display: 'flex',
+            }, children: [_jsxs("div", { className: "tree-view__node__icon global-test-runner__explorer__testable-tree__node__icon", children: [_jsx("div", { className: "global-test-runner__explorer__testable-tree__node__icon__expand", children: expandIcon }), _jsx("div", { className: "global-test-runner__explorer__testable-tree__node__icon__type", children: resultIcon }), nodeIcon && (_jsx("div", { className: "global-test-runner__explorer__testable-tree__node__result__icon__type", children: nodeIcon }))] }), node instanceof TestableTreeNodeData && (_jsx("div", { className: "global-test-runner__item__link__content", children: _jsx("span", { className: "global-test-runner__item__link__content__id", children: node.testableMetadata.name }) })), node instanceof TestSuiteTreeNodeData && (_jsx("div", { className: "global-test-runner__item__link__content", children: _jsx("span", { className: "global-test-runner__item__link__content__id", children: node.label }) })), node instanceof AtomicTestTreeNodeData && (_jsx("div", { className: "global-test-runner__item__link__content", children: _jsx("span", { className: "global-test-runner__item__link__content__id", children: node.label }) })), node instanceof AssertionTestTreeNodeData && (_jsx("div", { className: "global-test-runner__item__link__content", children: _jsx("span", { className: "global-test-runner__item__link__content__id", children: node.label }) }))] }) }));
+};
+// TODO:
+// - Handle Multi Execution Test Results
+// - Add `Visit Test` to open test editors when Testable Editors are complete
+export const GlobalTestRunner = observer((props) => {
+    const editorStore = useEditorStore();
+    const globalTestRunnerState = props.globalTestRunnerState;
+    const isDispatchingAction = globalTestRunnerState.isDispatchingAction;
+    const renderTestables = () => (_jsx(_Fragment, { children: (globalTestRunnerState.testableStates ?? []).map((testableState) => {
+            const onNodeSelect = (node) => {
+                testableState.onTreeNodeSelect(node, testableState.treeData);
+            };
+            const getChildNodes = (node) => {
+                if (node.childrenIds) {
+                    return node.childrenIds
+                        .map((id) => testableState.treeData.nodes.get(id))
+                        .filter(isNonNullable);
+                }
+                return [];
+            };
+            return (_jsx(TreeView, { components: {
+                    TreeNodeContainer: TestableTreeNodeContainer,
+                }, treeData: testableState.treeData, onNodeSelect: onNodeSelect, getChildNodes: getChildNodes, innerProps: {
+                    globalTestRunnerState,
+                    testableState,
+                    treeData: testableState.treeData,
+                } }, testableState.uuid));
+        }) }));
+    useEffect(() => {
+        editorStore.globalTestRunnerState.init();
+    }, [editorStore.globalTestRunnerState]);
+    const runAllTests = () => globalTestRunnerState.runAllTests(undefined);
+    const reset = () => globalTestRunnerState.init(true);
+    return (_jsxs("div", { "data-testid": LEGEND_STUDIO_TEST_ID.GLOBAL_TEST_RUNNER, className: "panel global-test-runner", children: [_jsxs("div", { className: "panel__header side-bar__header", children: [_jsx("div", { className: "panel__header__title global-test-runner__header__title", children: _jsx("div", { className: "panel__header__title__content side-bar__header__title__content", children: "GLOBAL TEST RUNNER" }) }), _jsxs("div", { className: "panel__header__actions side-bar__header__actions", children: [_jsx("button", { className: clsx('panel__header__action side-bar__header__action global-test-runner__refresh-btn', {
+                                    'global-test-runner__refresh-btn--loading': isDispatchingAction,
+                                }), disabled: isDispatchingAction, onClick: reset, tabIndex: -1, title: "Run All Tests", children: _jsx(RefreshIcon, {}) }), _jsx("button", { className: "panel__header__action side-bar__header__action global-test-runner__refresh-btn", disabled: isDispatchingAction, onClick: runAllTests, tabIndex: -1, title: "Run All Tests", children: _jsx(PlayIcon, {}) })] })] }), _jsxs("div", { className: "panel__content side-bar__content", children: [_jsx(PanelLoadingIndicator, { isLoading: isDispatchingAction }), _jsxs("div", { className: "panel side-bar__panel", children: [_jsxs("div", { className: "panel__header", children: [_jsx("div", { className: "panel__header__title", children: _jsx("div", { className: "panel__header__title__content", children: "TESTABLES" }) }), _jsx("div", { className: "side-bar__panel__header__changes-count", "data-testid": LEGEND_STUDIO_TEST_ID.SIDEBAR_PANEL_HEADER__CHANGES_COUNT })] }), _jsx("div", { className: "panel__content", children: renderTestables() }), globalTestRunnerState.failureViewing && (_jsx(TestFailViewer, { globalTestRunnerState: globalTestRunnerState, failure: globalTestRunnerState.failureViewing }))] })] })] }));
+});
+//# sourceMappingURL=GlobalTestRunner.js.map

package/lib/components/editor/side-bar/testable/GlobalTestRunner.js.map

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

package/lib/components/project-viewer/ProjectViewer.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+export declare const ProjectViewer: import("react").FC<{}>;
+//# sourceMappingURL=ProjectViewer.d.ts.map

package/lib/components/project-viewer/ProjectViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectViewer.d.ts","sourceRoot":"","sources":["../../../src/components/project-viewer/ProjectViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAuOH,eAAO,MAAM,aAAa,wBAgHzB,CAAC"}

package/lib/components/project-viewer/ProjectViewer.js

@@ -0,0 +1,166 @@
+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 { useEffect, Fragment } from 'react';
+import { observer } from 'mobx-react-lite';
+import { DndProvider } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+import { useResizeDetector } from 'react-resize-detector';
+import { EditPanel } from '../editor/edit-panel/EditPanel.js';
+import { GrammarTextEditor } from '../editor/edit-panel/GrammarTextEditor.js';
+import { useParams } from 'react-router';
+import { Link } from 'react-router-dom';
+import { LEGEND_STUDIO_TEST_ID } from '../LegendStudioTestID.js';
+import { ACTIVITY_MODE, LEGEND_STUDIO_HOTKEY, LEGEND_STUDIO_HOTKEY_MAP, } from '../../stores/EditorConfig.js';
+import { clsx, ResizablePanel, ResizablePanelGroup, ResizablePanelSplitter, getControlledResizablePanelProps, RepoIcon, CodeBranchIcon, HackerIcon, WrenchIcon, FileTrayIcon, AssistantIcon, } from '@finos/legend-art';
+import { isNonNullable } from '@finos/legend-shared';
+import { GlobalHotKeys } from 'react-hotkeys';
+import { useProjectViewerStore, withProjectViewerStore, } from './ProjectViewerStoreProvider.js';
+import { generateSetupRoute, } from '../../stores/LegendStudioRouter.js';
+import { ProjectSearchCommand } from '../editor/command-center/ProjectSearchCommand.js';
+import { flowResult } from 'mobx';
+import { useEditorStore, withEditorStore, } from '../editor/EditorStoreProvider.js';
+import { useApplicationStore } from '@finos/legend-application';
+import { ActivityBarMenu, } from '../editor/ActivityBar.js';
+import { Explorer } from '../editor/side-bar/Explorer.js';
+import { ProjectOverview } from '../editor/side-bar/ProjectOverview.js';
+import { WorkflowManager } from '../editor/side-bar/WorkflowManager.js';
+import { useLegendStudioApplicationStore } from '../LegendStudioBaseStoreProvider.js';
+const ProjectViewerStatusBar = observer(() => {
+    const params = useParams();
+    const viewerStore = useProjectViewerStore();
+    const editorStore = useEditorStore();
+    const applicationStore = useLegendStudioApplicationStore();
+    const latestVersion = viewerStore.onLatestVersion;
+    const currentRevision = viewerStore.onCurrentRevision;
+    const extraSDLCInfo = params.revisionId ?? params.versionId ?? 'HEAD';
+    const projectId = params.projectId;
+    const currentProject = editorStore.sdlcState.currentProject;
+    const versionBehindProjectHead = viewerStore.currentRevision &&
+        viewerStore.version &&
+        params.versionId &&
+        viewerStore.currentRevision.id !== viewerStore.version.revisionId;
+    const description = `${latestVersion
+        ? versionBehindProjectHead
+            ? 'latest behind project'
+            : 'latest'
+        : currentRevision
+            ? 'current'
+            : ''}`;
+    const handleTextModeClick = applicationStore.guardUnhandledError(() => flowResult(editorStore.toggleTextMode()));
+    const toggleAssistant = () => applicationStore.assistantService.toggleAssistant();
+    return (_jsxs("div", { "data-testid": LEGEND_STUDIO_TEST_ID.STATUS_BAR, className: "editor__status-bar project-viewer__status-bar", children: [_jsx("div", { className: "editor__status-bar__left", children: currentProject && (_jsxs("div", { className: "editor__status-bar__workspace", children: [_jsx("div", { className: "editor__status-bar__workspace__icon", children: _jsx(CodeBranchIcon, {}) }), _jsx("div", { className: "editor__status-bar__workspace__project", children: _jsx(Link, { to: generateSetupRoute(projectId), children: currentProject.name }) }), "/", _jsx("div", { className: "editor__status-bar__workspace__workspace", children: extraSDLCInfo }), description && (_jsxs("div", { className: "editor__status-bar__workspace__workspace", children: ["(", description, ")"] }))] })) }), _jsxs("div", { className: "editor__status-bar__right", children: [_jsx("button", { className: clsx('editor__status-bar__action editor__status-bar__action__toggler', {
+                            'editor__status-bar__action__toggler--active': editorStore.isInGrammarTextMode,
+                        }), onClick: handleTextModeClick, tabIndex: -1, title: 'Toggle text mode (F8)', children: _jsx(HackerIcon, {}) }), _jsx("button", { className: clsx('editor__status-bar__action editor__status-bar__action__toggler', {
+                            'editor__status-bar__action__toggler--active': !applicationStore.assistantService.isHidden,
+                        }), onClick: toggleAssistant, tabIndex: -1, title: "Toggle assistant", children: _jsx(AssistantIcon, {}) })] })] }));
+});
+const ProjectViewerSideBar = observer(() => {
+    const viewerStore = useProjectViewerStore();
+    const editorStore = viewerStore.editorStore;
+    const renderSideBar = () => {
+        switch (editorStore.activeActivity) {
+            case ACTIVITY_MODE.EXPLORER:
+                return _jsx(Explorer, {});
+            case ACTIVITY_MODE.PROJECT_OVERVIEW:
+                return _jsx(ProjectOverview, {});
+            case ACTIVITY_MODE.WORKFLOW_MANAGER:
+                return viewerStore.workflowManagerState ? (_jsx(WorkflowManager, { workflowManagerState: viewerStore.workflowManagerState })) : null;
+            default:
+                return null;
+        }
+    };
+    return (_jsx("div", { className: "side-bar", children: _jsx("div", { className: "side-bar__view", children: renderSideBar() }) }));
+});
+const ProjectViewerActivityBar = observer(() => {
+    const viewerStore = useProjectViewerStore();
+    const editorStore = viewerStore.editorStore;
+    const changeActivity = (activity) => () => editorStore.setActiveActivity(activity);
+    // tabs
+    const activities = [
+        {
+            mode: ACTIVITY_MODE.EXPLORER,
+            title: 'Explorer (Ctrl + Shift + X)',
+            icon: _jsx(FileTrayIcon, {}),
+        },
+        !editorStore.isInConflictResolutionMode && {
+            mode: ACTIVITY_MODE.PROJECT_OVERVIEW,
+            title: 'Project',
+            icon: (_jsx("div", { className: "activity-bar__project-overview-icon", children: _jsx(RepoIcon, {}) })),
+        },
+        viewerStore.workflowManagerState && {
+            mode: ACTIVITY_MODE.WORKFLOW_MANAGER,
+            title: 'WORKFLOW MANAGER',
+            icon: _jsx(WrenchIcon, {}),
+        },
+    ].filter((activity) => Boolean(activity));
+    return (_jsxs("div", { className: "activity-bar", children: [_jsx(ActivityBarMenu, {}), _jsx("div", { className: "activity-bar__items", children: activities.map((activity) => (_jsx("button", { className: clsx('activity-bar__item', {
+                        'activity-bar__item--active': editorStore.sideBarDisplayState.isOpen &&
+                            editorStore.activeActivity === activity.mode,
+                    }), onClick: changeActivity(activity.mode), tabIndex: -1, title: `${activity.title}${activity.info ? ` - ${activity.info}` : ''}`, children: activity.icon }, activity.mode))) })] }));
+});
+export const ProjectViewer = withEditorStore(withProjectViewerStore(observer(() => {
+    const params = useParams();
+    const viewerStore = useProjectViewerStore();
+    const editorStore = useEditorStore();
+    const applicationStore = useApplicationStore();
+    const allowOpeningElement = editorStore.sdlcState.currentProject &&
+        editorStore.graphManagerState.graphBuildState.hasSucceeded;
+    const resizeSideBar = (handleProps) => editorStore.sideBarDisplayState.setSize(handleProps.domElement.getBoundingClientRect()
+        .width);
+    // Extensions
+    const extraEditorExtensionComponents = editorStore.pluginManager
+        .getApplicationPlugins()
+        .flatMap((plugin) => plugin.getExtraEditorExtensionComponentRendererConfigurations?.() ??
+        [])
+        .filter(isNonNullable)
+        .map((config) => (_jsx(Fragment, { children: config.renderer(editorStore) }, config.key)));
+    // Resize
+    const { ref, width, height } = useResizeDetector();
+    // Hotkeys
+    const keyMap = {
+        [LEGEND_STUDIO_HOTKEY.OPEN_ELEMENT]: [
+            LEGEND_STUDIO_HOTKEY_MAP.OPEN_ELEMENT,
+        ],
+        [LEGEND_STUDIO_HOTKEY.TOGGLE_TEXT_MODE]: [
+            LEGEND_STUDIO_HOTKEY_MAP.TOGGLE_TEXT_MODE,
+        ],
+    };
+    const handlers = {
+        [LEGEND_STUDIO_HOTKEY.OPEN_ELEMENT]: editorStore.createGlobalHotKeyAction(() => editorStore.searchElementCommandState.open()),
+        [LEGEND_STUDIO_HOTKEY.TOGGLE_TEXT_MODE]: editorStore.createGlobalHotKeyAction(() => {
+            flowResult(editorStore.toggleTextMode()).catch(applicationStore.alertUnhandledError);
+        }),
+    };
+    useEffect(() => {
+        if (ref.current) {
+            editorStore.auxPanelDisplayState.setMaxSize(ref.current.offsetHeight);
+        }
+    }, [ref, editorStore, width, height]);
+    useEffect(() => {
+        viewerStore.internalizeEntityPath(params);
+    }, [viewerStore, params]);
+    // NOTE: since we internalize the entity path in the route, we should not re-initialize the graph
+    // on the second call when we remove entity path from the route
+    useEffect(() => {
+        flowResult(viewerStore.initialize(params)).catch(applicationStore.alertUnhandledError);
+    }, [applicationStore, viewerStore, params]);
+    return (_jsx(DndProvider, { backend: HTML5Backend, children: _jsx("div", { className: "app__page", children: _jsx("div", { className: "editor viewer", children: _jsxs(GlobalHotKeys, { keyMap: keyMap, handlers: handlers, children: [_jsxs("div", { className: "editor__body", children: [_jsx(ProjectViewerActivityBar, {}), _jsx("div", { ref: ref, className: "editor__content-container", children: _jsx("div", { className: "editor__content", children: _jsxs(ResizablePanelGroup, { orientation: "vertical", children: [_jsx(ResizablePanel, { ...getControlledResizablePanelProps(editorStore.sideBarDisplayState.size === 0, {
+                                                        onStopResize: resizeSideBar,
+                                                        size: editorStore.sideBarDisplayState.size,
+                                                    }), direction: 1, children: _jsx(ProjectViewerSideBar, {}) }), _jsx(ResizablePanelSplitter, {}), _jsxs(ResizablePanel, { minSize: 300, children: [editorStore.isInFormMode && _jsx(EditPanel, {}), editorStore.isInGrammarTextMode && (_jsx(GrammarTextEditor, {}))] })] }) }) })] }), _jsx(ProjectViewerStatusBar, {}), extraEditorExtensionComponents, allowOpeningElement && _jsx(ProjectSearchCommand, {})] }) }) }) }));
+})));
+//# sourceMappingURL=ProjectViewer.js.map

package/lib/components/project-viewer/ProjectViewer.js.map

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

package/lib/components/project-viewer/ProjectViewerStoreProvider.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+import { ProjectViewerStore } from '../../stores/project-viewer/ProjectViewerStore.js';
+export declare const ProjectViewerStoreProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useProjectViewerStore: () => ProjectViewerStore;
+export declare const withProjectViewerStore: (WrappedComponent: React.FC) => React.FC;
+//# sourceMappingURL=ProjectViewerStoreProvider.d.ts.map

package/lib/components/project-viewer/ProjectViewerStoreProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectViewerStoreProvider.d.ts","sourceRoot":"","sources":["../../../src/components/project-viewer/ProjectViewerStoreProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAIH,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AAUvF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAUA,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAO,kBAItC,CAAC;AAEJ,eAAO,MAAM,sBAAsB,qBAAsB,MAAM,EAAE,KAAG,MAAM,EAOvE,CAAC"}

package/lib/components/project-viewer/ProjectViewerStoreProvider.js

@@ -0,0 +1,36 @@
+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 { useContext, createContext } from 'react';
+import { useLocalObservable } from 'mobx-react-lite';
+import { ProjectViewerStore } from '../../stores/project-viewer/ProjectViewerStore.js';
+import { EDITOR_MODE } from '../../stores/EditorConfig.js';
+import { guaranteeNonNullable } from '@finos/legend-shared';
+import { useEditorStore } from '../editor/EditorStoreProvider.js';
+import { ProjectViewerEditorMode } from '../../stores/project-viewer/ProjectViewerEditorMode.js';
+const ProjectViewerStoreContext = createContext(undefined);
+export const ProjectViewerStoreProvider = ({ children }) => {
+    const editorStore = useEditorStore();
+    editorStore.setMode(EDITOR_MODE.VIEWER);
+    const store = useLocalObservable(() => new ProjectViewerStore(editorStore));
+    editorStore.setEditorMode(new ProjectViewerEditorMode(store));
+    return (_jsx(ProjectViewerStoreContext.Provider, { value: store, children: children }));
+};
+export const useProjectViewerStore = () => guaranteeNonNullable(useContext(ProjectViewerStoreContext), `Can't find project viewer store in context`);
+export const withProjectViewerStore = (WrappedComponent) => function WithProjectViewerStore() {
+    return (_jsx(ProjectViewerStoreProvider, { children: _jsx(WrappedComponent, {}) }));
+};
+//# sourceMappingURL=ProjectViewerStoreProvider.js.map

package/lib/components/project-viewer/ProjectViewerStoreProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectViewerStoreProvider.js","sourceRoot":"","sources":["../../../src/components/project-viewer/ProjectViewerStoreProvider.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wDAAwD,CAAC;AAEjG,MAAM,yBAAyB,GAAG,aAAa,CAC7C,SAAS,CACV,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAElC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,EAAE,CAAC,IAAI,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5E,WAAW,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,OAAO,CACL,KAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC7C,QAAQ,GAC0B,CACtC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAuB,EAAE,CAC5D,oBAAoB,CAClB,UAAU,CAAC,yBAAyB,CAAC,EACrC,4CAA4C,CAC7C,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,gBAA0B,EAAY,EAAE,CAC7E,SAAS,sBAAsB;IAC7B,OAAO,CACL,KAAC,0BAA0B,cACzB,KAAC,gBAAgB,KAAG,GACO,CAC9B,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/DiffView.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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+import { EDITOR_LANGUAGE } from '@finos/legend-application';
+export declare const TextDiffView: ((props: {
+    language: EDITOR_LANGUAGE;
+    from?: string | undefined;
+    to?: string | undefined;
+}) => JSX.Element) & {
+    displayName: string;
+};
+export declare const JsonDiffView: ((props: {
+    from?: unknown;
+    to?: unknown;
+    /**
+     * Use lossless algorithm while parsing/stringifying JSON-like value
+     */
+    lossless?: boolean;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=DiffView.d.ts.map

package/lib/components/shared/DiffView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffView.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DiffView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAMH,OAAO,EAEL,eAAe,EAGhB,MAAM,2BAA2B,CAAC;AAenC,eAAO,MAAM,YAAY,WACf;IACN,QAAQ,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzB;;CAyEF,CAAC;AAaF,eAAO,MAAM,YAAY,WACf;IACN,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;CAWF,CAAC"}

package/lib/components/shared/DiffView.js

@@ -0,0 +1,94 @@
+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 { useEffect, useState, useRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { editor as monacoEditorAPI, KeyCode } from 'monaco-editor';
+import { useResizeDetector } from 'react-resize-detector';
+import { EDITOR_THEME, EDITOR_LANGUAGE, TAB_SIZE, useApplicationStore, } from '@finos/legend-application';
+import { disposeDiffEditor, disableEditorHotKeys, baseTextEditorSettings, } from '@finos/legend-art';
+import { isString, losslessStringify, tryToFormatJSONString, tryToFormatLosslessJSONString, } from '@finos/legend-shared';
+import { flowResult } from 'mobx';
+import { useEditorStore } from '../editor/EditorStoreProvider.js';
+export const TextDiffView = observer((props) => {
+    const { from, to, language } = props;
+    const editorStore = useEditorStore();
+    const applicationStore = useApplicationStore();
+    const [editor, setEditor] = useState();
+    const editorRef = useRef(null);
+    const originalText = from ?? '';
+    const modifiedText = to ?? '';
+    const { ref, width, height } = useResizeDetector();
+    useEffect(() => {
+        if (width !== undefined && height !== undefined) {
+            editor?.layout({ width, height });
+        }
+    }, [editor, width, height]);
+    useEffect(() => {
+        if (!editor && editorRef.current) {
+            const element = editorRef.current;
+            const _editor = monacoEditorAPI.createDiffEditor(element, {
+                ...baseTextEditorSettings,
+                theme: EDITOR_THEME.LEGEND,
+                readOnly: true,
+            });
+            _editor.getOriginalEditor().onKeyDown((event) => {
+                if (event.keyCode === KeyCode.F8) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    flowResult(editorStore.toggleTextMode()).catch(applicationStore.alertUnhandledError);
+                }
+            });
+            _editor.getModifiedEditor().onKeyDown((event) => {
+                if (event.keyCode === KeyCode.F8) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    flowResult(editorStore.toggleTextMode()).catch(applicationStore.alertUnhandledError);
+                }
+            });
+            disableEditorHotKeys(_editor);
+            setEditor(_editor);
+        }
+    }, [applicationStore, editorStore, editor]);
+    if (editor) {
+        const originalModel = monacoEditorAPI.createModel(originalText, language);
+        const modifiedModel = monacoEditorAPI.createModel(modifiedText, language);
+        editor.setModel({
+            original: originalModel,
+            modified: modifiedModel,
+        });
+    }
+    useEffect(() => () => {
+        if (editor) {
+            disposeDiffEditor(editor);
+        }
+    }, [editor]); // dispose editor
+    return (_jsx("div", { ref: ref, className: "text-editor__container", children: _jsx("div", { className: "text-editor__body", ref: editorRef }) }));
+});
+const formatJSONLikeValue = (value, lossless) => value
+    ? isString(value)
+        ? lossless
+            ? tryToFormatLosslessJSONString(value)
+            : tryToFormatJSONString(value)
+        : lossless
+            ? losslessStringify(value, undefined, TAB_SIZE)
+            : JSON.stringify(value, undefined, TAB_SIZE)
+    : '';
+export const JsonDiffView = observer((props) => {
+    const { from, to, lossless } = props;
+    return (_jsx(TextDiffView, { language: EDITOR_LANGUAGE.JSON, from: formatJSONLikeValue(from, Boolean(lossless)), to: formatJSONLikeValue(to, Boolean(lossless)) }));
+});
+//# sourceMappingURL=DiffView.js.map

package/lib/components/shared/DiffView.js.map

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

package/lib/components/shared/ElementIconUtils.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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 { EditorStore } from '../../stores/EditorStore.js';
+import { type PackageableElement, type Type } from '@finos/legend-graph';
+export declare const getClassPropertyIcon: (type: Type) => React.ReactNode;
+export declare const getElementTypeIcon: (editorStore: EditorStore, type: string | undefined) => React.ReactNode;
+export declare const getElementIcon: (editorStore: EditorStore, element: PackageableElement | undefined) => React.ReactNode;
+//# sourceMappingURL=ElementIconUtils.d.ts.map

package/lib/components/shared/ElementIconUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementIconUtils.d.ts","sourceRoot":"","sources":["../../../src/components/shared/ElementIconUtils.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,IAAI,EAMV,MAAM,qBAAqB,CAAC;AAwB7B,eAAO,MAAM,oBAAoB,SAAU,IAAI,KAAG,MAAM,SAavD,CAAC;AAEF,eAAO,MAAM,kBAAkB,gBAChB,WAAW,QAClB,MAAM,GAAG,SAAS,KACvB,MAAM,SA0DR,CAAC;AAEF,eAAO,MAAM,cAAc,gBACZ,WAAW,WACf,kBAAkB,GAAG,SAAS,KACtC,MAAM,SAQN,CAAC"}