@finos/legend-application-studio 13.0.0

package/lib/components/editor/edit-panel/mapping-editor/MappingTestsExplorer.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 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 { type MappingTestState } from '../../../../stores/editor-state/element-editor-state/mapping/MappingTestState.js';
+export declare const MappingTestExplorerContextMenu: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<{
+    mappingTestState?: MappingTestState;
+    showCreateNewTestModal?: () => void;
+    isReadOnly: boolean;
+} & import("react").RefAttributes<HTMLDivElement>, "isReadOnly" | "key" | "mappingTestState" | "showCreateNewTestModal"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const MappingTestStatusIndicator: React.FC<{
+    testState: MappingTestState;
+}>;
+export declare const MappingTestExplorer: ((props: {
+    testState: MappingTestState;
+    isReadOnly: boolean;
+}) => JSX.Element) & {
+    displayName: string;
+};
+export declare const MappingTestsExplorer: ((props: {
+    isReadOnly: boolean;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=MappingTestsExplorer.d.ts.map

package/lib/components/editor/edit-panel/mapping-editor/MappingTestsExplorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MappingTestsExplorer.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/mapping-editor/MappingTestsExplorer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAKH,OAAO,EACL,KAAK,gBAAgB,EAGtB,MAAM,kFAAkF,CAAC;AAiC1F,eAAO,MAAM,8BAA8B;uBAIlB,gBAAgB;6BACV,MAAM,IAAI;gBACvB,OAAO;0KA0FxB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC;IAChD,SAAS,EAAE,gBAAgB,CAAC;CAC7B,CA0DA,CAAC;AAEF,eAAO,MAAM,mBAAmB,WACtB;IAAE,SAAS,EAAE,gBAAgB,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE;;CA2E7D,CAAC;AAEF,eAAO,MAAM,oBAAoB,WACvB;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE;;CAoNhC,CAAC"}

package/lib/components/editor/edit-panel/mapping-editor/MappingTestsExplorer.js

@@ -0,0 +1,157 @@
+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 { useState, useCallback, forwardRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useDrop } from 'react-dnd';
+import { MAPPING_TEST_EDITOR_TAB_TYPE, TEST_RESULT, } from '../../../../stores/editor-state/element-editor-state/mapping/MappingTestState.js';
+import { MappingEditorState } from '../../../../stores/editor-state/element-editor-state/mapping/MappingEditorState.js';
+import { clsx, ContextMenu, ProgressBar, VerticalAlignBottomIcon, AddIcon, PlayIcon, EmptyCircleIcon, TimesCircleIcon, CheckCircleIcon, CircleNotchIcon, PlusIcon, EmptyStopCircleIcon, ExclamationCircleIcon, } from '@finos/legend-art';
+import { CORE_DND_TYPE, } from '../../../../stores/shared/DnDUtil.js';
+import { ClassMappingSelectorModal } from './MappingExecutionBuilder.js';
+import { flowResult } from 'mobx';
+import { Randomizer } from '@finos/legend-shared';
+import { useEditorStore } from '../../EditorStoreProvider.js';
+import { useApplicationStore } from '@finos/legend-application';
+import { SetImplementation } from '@finos/legend-graph';
+const addTestPromps = [
+    `Let's add some test!`,
+    `"A test a day keeps the QA away"`,
+];
+export const MappingTestExplorerContextMenu = observer(forwardRef(function MappingTestExplorerContextMenu(props, ref) {
+    const { mappingTestState, isReadOnly, showCreateNewTestModal } = props;
+    const applicationStore = useApplicationStore();
+    const runMappingTest = () => {
+        if (mappingTestState) {
+            flowResult(mappingTestState.runTest()).catch(applicationStore.alertUnhandledError);
+        }
+    };
+    const removeMappingTest = () => {
+        if (mappingTestState) {
+            flowResult(mappingTestState.mappingEditorState.deleteTest(mappingTestState.test)).catch(applicationStore.alertUnhandledError);
+        }
+    };
+    const toggleSkipTest = () => mappingTestState?.toggleSkipTest();
+    const viewTestResult = () => {
+        if (mappingTestState) {
+            mappingTestState.mappingEditorState.openTest(mappingTestState.test, MAPPING_TEST_EDITOR_TAB_TYPE.RESULT);
+        }
+    };
+    const editTest = () => {
+        if (mappingTestState) {
+            mappingTestState.mappingEditorState.openTest(mappingTestState.test, MAPPING_TEST_EDITOR_TAB_TYPE.SETUP);
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: "mapping-test-explorer__context-menu", children: [mappingTestState && (_jsx("div", { className: "mapping-test-explorer__context-menu__item", onClick: runMappingTest, children: "Run" })), mappingTestState && mappingTestState.result !== TEST_RESULT.NONE && (_jsx("div", { className: "mapping-test-explorer__context-menu__item", onClick: viewTestResult, children: "View Result" })), mappingTestState && (_jsx("div", { className: "mapping-test-explorer__context-menu__item", onClick: editTest, children: "Edit" })), mappingTestState && (_jsx("div", { className: "mapping-test-explorer__context-menu__item", onClick: toggleSkipTest, children: mappingTestState.isSkipped ? 'Unskip' : 'Skip' })), !isReadOnly && mappingTestState && (_jsx("div", { className: "mapping-test-explorer__context-menu__item", onClick: removeMappingTest, children: "Delete" })), !isReadOnly && !mappingTestState && (_jsx("div", { className: "mapping-test-explorer__context-menu__item", onClick: showCreateNewTestModal, children: "Create new test" }))] }));
+}));
+export const MappingTestStatusIndicator = (props) => {
+    const { testState } = props;
+    if (testState.isSkipped) {
+        return (_jsx("div", { title: "Test is skipped", className: "mapping-test-status-indicator mapping-test-status-indicator--skipped", children: _jsx(EmptyStopCircleIcon, {}) }));
+    }
+    if (testState.isRunningTest) {
+        return (_jsx("div", { title: "Test is running", className: "mapping-test-status-indicator mapping-test-status-indicator--in-progress", children: _jsx(CircleNotchIcon, {}) }));
+    }
+    return (_jsxs(_Fragment, { children: [testState.result === TEST_RESULT.NONE && (_jsx("div", { title: "Test did not run", className: "mapping-test-status-indicator mapping-test-status-indicator--none", children: _jsx(EmptyCircleIcon, {}) })), testState.result === TEST_RESULT.ERROR && (_jsx("div", { title: "Test failed due to error", className: "mapping-test-status-indicator mapping-test-status-indicator--error", children: _jsx(TimesCircleIcon, {}) })), testState.result === TEST_RESULT.FAILED && (_jsx("div", { title: "Test failed assertion", className: "mapping-test-status-indicator mapping-test-status-indicator--failed", children: _jsx(ExclamationCircleIcon, {}) })), testState.result === TEST_RESULT.PASSED && (_jsx("div", { title: "Test passed", className: "mapping-test-status-indicator mapping-test-status-indicator--passed", children: _jsx(CheckCircleIcon, {}) }))] }));
+};
+export const MappingTestExplorer = observer((props) => {
+    const { isReadOnly, testState } = props;
+    const editorStore = useEditorStore();
+    const applicationStore = useApplicationStore();
+    const mappingEditorState = editorStore.getCurrentEditorState(MappingEditorState);
+    const openTest = applicationStore.guardUnhandledError(() => flowResult(mappingEditorState.openTest(testState.test)));
+    const runTest = applicationStore.guardUnhandledError(() => flowResult(testState.runTest()));
+    const [isSelectedFromContextMenu, setIsSelectedFromContextMenu] = useState(false);
+    const onContextMenuOpen = () => setIsSelectedFromContextMenu(true);
+    const onContextMenuClose = () => setIsSelectedFromContextMenu(false);
+    const isActive = mappingEditorState.currentTabState === testState;
+    return (_jsx(ContextMenu, { content: _jsx(MappingTestExplorerContextMenu, { mappingTestState: testState, isReadOnly: isReadOnly }), menuProps: { elevation: 7 }, onOpen: onContextMenuOpen, onClose: onContextMenuClose, children: _jsxs("div", { className: clsx('mapping-test-explorer__item', {
+                'mapping-explorer__item--selected-from-context-menu': !isActive && isSelectedFromContextMenu,
+            }, { 'mapping-test-explorer__item--active': isActive }), children: [_jsxs("button", { className: "mapping-test-explorer__item__label", onClick: openTest, tabIndex: -1, children: [_jsx("div", { className: "mapping-test-explorer__item__label__icon mapping-test-explorer__test-result-indicator__container", children: _jsx(MappingTestStatusIndicator, { testState: testState }) }), _jsx("div", { className: "mapping-test-explorer__item__label__text", children: testState.test.name }), testState.result !== TEST_RESULT.NONE && (_jsxs("div", { className: "mapping-test-explorer__item__run-time", children: [testState.runTime, "ms"] }))] }), _jsx("div", { className: "mapping-test-explorer__item__actions", children: _jsx("button", { className: "mapping-test-explorer__item__action mapping-test-explorer__run-test-btn", onClick: runTest, disabled: testState.isRunningTest ||
+                            testState.mappingEditorState.isRunningAllTests, tabIndex: -1, title: `Run ${testState.test.name}`, children: _jsx(PlayIcon, {}) }) })] }) }));
+});
+export const MappingTestsExplorer = observer((props) => {
+    const { isReadOnly } = props;
+    const editorStore = useEditorStore();
+    const applicationStore = useApplicationStore();
+    const mappingEditorState = editorStore.getCurrentEditorState(MappingEditorState);
+    const runAllTests = applicationStore.guardUnhandledError(() => flowResult(mappingEditorState.runTests()));
+    // all test run report summary
+    const numberOfTests = mappingEditorState.mappingTestStates.length;
+    const numberOfTestsPassed = mappingEditorState.mappingTestStates.filter((testState) => testState.result === TEST_RESULT.PASSED).length;
+    const numberOfTestsFailed = mappingEditorState.mappingTestStates.filter((testState) => testState.result === TEST_RESULT.FAILED ||
+        testState.result === TEST_RESULT.ERROR).length;
+    const numberOfTestSkipped = mappingEditorState.mappingTestStates.filter((testState) => testState.isSkipped).length;
+    const percentageTestRun = Math.floor((mappingEditorState.mappingTestStates.filter((testState) => testState.result !== TEST_RESULT.NONE).length /
+        numberOfTests) *
+        100);
+    let testReportSummary = '';
+    switch (mappingEditorState.testSuiteResult) {
+        case TEST_RESULT.NONE:
+            testReportSummary = mappingEditorState.isRunningAllTests
+                ? `Running ${numberOfTests} tests...`
+                : 'No tests run!';
+            break;
+        case TEST_RESULT.FAILED:
+            testReportSummary = `${numberOfTestsFailed} of ${numberOfTests} failed`;
+            break;
+        case TEST_RESULT.PASSED:
+            testReportSummary =
+                numberOfTestsPassed === numberOfTests
+                    ? `All ${numberOfTests} passed`
+                    : `${numberOfTestsPassed} of ${numberOfTests} passed`;
+            break;
+        default:
+            break;
+    }
+    // Drag and Drop
+    const handleDrop = useCallback((item) => {
+        if (isReadOnly) {
+            return;
+        }
+        if (item.data instanceof SetImplementation) {
+            flowResult(mappingEditorState.createNewTest(item.data)).catch(applicationStore.alertUnhandledError);
+        }
+    }, [applicationStore.alertUnhandledError, isReadOnly, mappingEditorState]);
+    const [{ isDragOver }, dropRef] = useDrop(() => ({
+        accept: CORE_DND_TYPE.MAPPING_EXPLORER_CLASS_MAPPING,
+        drop: (item) => handleDrop(item),
+        collect: (monitor) => ({
+            isDragOver: monitor.isOver({ shallow: true }),
+        }),
+    }), [handleDrop]);
+    // Class mapping selector
+    const [openClassMappingSelectorModal, setOpenClassMappingSelectorModal] = useState(false);
+    const showClassMappingSelectorModal = () => setOpenClassMappingSelectorModal(true);
+    const hideClassMappingSelectorModal = () => setOpenClassMappingSelectorModal(false);
+    const changeClassMapping = useCallback((setImplementation) => {
+        if (setImplementation) {
+            flowResult(mappingEditorState.createNewTest(setImplementation)).catch(applicationStore.alertUnhandledError);
+            hideClassMappingSelectorModal();
+        }
+    }, [applicationStore, mappingEditorState]);
+    return (_jsxs("div", { className: "panel mapping-test-explorer", children: [_jsxs("div", { className: "panel__header", title: testReportSummary, children: [_jsxs("div", { className: "mapping-test-explorer__header__info", children: [_jsx("div", { className: "panel__header__title", children: _jsxs("div", { className: "panel__header__title__content mapping-test-explorer__header__report", children: [_jsxs("div", { className: "mapping-test-explorer__header__report__overview", children: [_jsxs("div", { className: "mapping-test-explorer__header__report__overview__stat mapping-test-explorer__header__report__overview__stat--total", children: [numberOfTests, " total"] }), _jsxs("div", { className: "mapping-test-explorer__header__report__overview__stat mapping-test-explorer__header__report__overview__stat--passed", children: [numberOfTestsPassed, " passed"] }), _jsxs("div", { className: "mapping-test-explorer__header__report__overview__stat mapping-test-explorer__header__report__overview__stat--failed", children: [numberOfTestsFailed, " failed"] }), Boolean(numberOfTestSkipped) && (_jsxs("div", { className: "mapping-test-explorer__header__report__overview__stat mapping-test-explorer__header__report__overview__stat--skipped", children: [numberOfTestSkipped, " skipped"] }))] }), mappingEditorState.testSuiteResult !== TEST_RESULT.NONE && (_jsxs("div", { className: "mapping-test-explorer__header__report__time", children: [mappingEditorState.allTestRunTime, "ms"] }))] }) }), _jsxs("div", { className: "panel__header__actions", children: [_jsx("button", { className: "panel__header__action", onClick: showClassMappingSelectorModal, disabled: isReadOnly, tabIndex: -1, title: "Add Test", children: _jsx(PlusIcon, {}) }), _jsx("button", { className: "panel__header__action", onClick: runAllTests, disabled: !mappingEditorState.mappingTestStates.length ||
+                                            mappingEditorState.isRunningAllTests, tabIndex: -1, title: "Run All Tests", children: _jsx(PlayIcon, {}) })] })] }), _jsx("div", { className: "mapping-test-explorer__header__status", children: _jsx(ProgressBar, { className: `mapping-test-explorer__header__progress-bar mapping-test-explorer__header__progress-bar--${mappingEditorState.testSuiteResult.toLowerCase()}`, classes: {
+                                bar: `mapping-test-explorer__header__progress-bar__bar mapping-test-explorer__header__progress-bar__bar--${mappingEditorState.testSuiteResult.toLowerCase()}`,
+                            }, variant: "determinate", value: percentageTestRun }) })] }), _jsx(ContextMenu, { className: "panel__content", disabled: isReadOnly, content: _jsx(MappingTestExplorerContextMenu, { isReadOnly: isReadOnly, showCreateNewTestModal: showClassMappingSelectorModal }), menuProps: { elevation: 7 }, children: _jsxs("div", { ref: dropRef, className: clsx('mapping-test-explorer__content', {
+                        'mapping-test-explorer__content--dnd-over': isDragOver && !isReadOnly,
+                    }), children: [Boolean(mappingEditorState.mappingTestStates.length) &&
+                            mappingEditorState.mappingTestStates
+                                .slice()
+                                .map((testState) => (_jsx(MappingTestExplorer, { testState: testState, isReadOnly: isReadOnly }, testState.test._UUID))), !isReadOnly && !mappingEditorState.mappingTestStates.length && (_jsxs("div", { className: "mapping-test-explorer__content mapping-test-explorer__content__adder", onClick: showClassMappingSelectorModal, children: [_jsx("div", { className: "mapping-test-explorer__content__adder__text", children: new Randomizer().getRandomItemInCollection(addTestPromps) ??
+                                        addTestPromps[0] }), _jsxs("div", { className: "mapping-test-explorer__content__adder__action", children: [_jsx(VerticalAlignBottomIcon, { className: "mapping-test-explorer__content__adder__action__dnd-icon" }), _jsx(AddIcon, { className: "mapping-test-explorer__content__adder__action__add-icon" })] })] }))] }) }), openClassMappingSelectorModal && (_jsx(ClassMappingSelectorModal, { mappingEditorState: mappingEditorState, hideClassMappingSelectorModal: hideClassMappingSelectorModal, changeClassMapping: changeClassMapping }))] }));
+});
+//# sourceMappingURL=MappingTestsExplorer.js.map

package/lib/components/editor/edit-panel/mapping-editor/MappingTestsExplorer.js.map

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

package/lib/components/editor/edit-panel/mapping-editor/NewMappingElementModal.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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+export declare const NewMappingElementModal: (() => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=NewMappingElementModal.d.ts.map

package/lib/components/editor/edit-panel/mapping-editor/NewMappingElementModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewMappingElementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/mapping-editor/NewMappingElementModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AA0CH,eAAO,MAAM,sBAAsB;;CA8NjC,CAAC"}

package/lib/components/editor/edit-panel/mapping-editor/NewMappingElementModal.js

@@ -0,0 +1,152 @@
+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 { useState, useRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Dialog, CustomSelectorInput, createFilter, compareLabelFn, } from '@finos/legend-art';
+import { createClassMapping, createEnumerationMapping, getAllMappingElements, MappingEditorState, } from '../../../../stores/editor-state/element-editor-state/mapping/MappingEditorState.js';
+import { guaranteeNonNullable, UnsupportedOperationError, } from '@finos/legend-shared';
+import { useEditorStore } from '../../EditorStoreProvider.js';
+import { PRIMITIVE_TYPE, fromElementPathToMappingElementId, Class, Enumeration, Association, } from '@finos/legend-graph';
+import { BASIC_SET_IMPLEMENTATION_TYPE } from '../../../../stores/shared/ModelUtil.js';
+import { getPackageableElementOptionalFormatter, } from '@finos/legend-application';
+export const NewMappingElementModal = observer(() => {
+    const editorStore = useEditorStore();
+    const mappingEditorState = editorStore.getCurrentEditorState(MappingEditorState);
+    const spec = mappingEditorState.newMappingElementSpec;
+    // ID
+    const mappingIdInputRef = useRef(null);
+    const [id, setId] = useState('');
+    const handleIdChange = (event) => setId(event.target.value);
+    const mapping = mappingEditorState.mapping;
+    const mappingIds = getAllMappingElements(mapping).map((mappingElement) => mappingElement.id.value);
+    const isMappingIdUnique = !mappingIds.includes(id);
+    const showId = spec?.target &&
+        mappingIds.includes(fromElementPathToMappingElementId(spec.target.path));
+    // Target
+    const targetSelectorRef = useRef(null);
+    const options = [
+        ...editorStore.enumerationOptions,
+        ...editorStore.associationOptions,
+        ...editorStore.classOptions,
+    ].sort(compareLabelFn);
+    const filterOption = createFilter({
+        ignoreCase: true,
+        ignoreAccents: false,
+        stringify: (option) => option.value.path,
+    });
+    const selectedOption = spec?.target
+        ? { label: spec.target.name, value: spec.target.path }
+        : null;
+    const handleTargetChange = (val) => {
+        mappingEditorState.createMappingElement({
+            target: val?.value,
+            showTarget: true,
+            openInAdjacentTab: Boolean(spec?.openInAdjacentTab),
+        });
+        const suggestedId = val?.value
+            ? fromElementPathToMappingElementId(val.value.path)
+            : '';
+        setId(suggestedId && !mappingIds.includes(suggestedId) ? suggestedId : '');
+    };
+    // Class Mapping Type
+    const classMappingTypeSelectorRef = useRef(null);
+    const classMappingTypeOptions = [
+        { value: BASIC_SET_IMPLEMENTATION_TYPE.INSTANCE, label: 'Instance' },
+        { value: BASIC_SET_IMPLEMENTATION_TYPE.OPERATION, label: 'Operation' },
+    ];
+    const initialClassMappingType = guaranteeNonNullable(classMappingTypeOptions[0]);
+    const [classMappingType, setClassMappingType] = useState(initialClassMappingType);
+    const changeClassMappingType = (val) => setClassMappingType(val);
+    // Dialog actions
+    const handleClose = () => mappingEditorState.setNewMappingElementSpec(undefined);
+    const handleEnter = () => {
+        if (spec) {
+            const suggestedId = spec.target
+                ? fromElementPathToMappingElementId(spec.target.path)
+                : '';
+            setId(suggestedId && !mappingIds.includes(suggestedId) ? suggestedId : '');
+            setClassMappingType(initialClassMappingType);
+            // Set the focus properly depending on which input elements are shown
+            if (spec.showTarget) {
+                targetSelectorRef.current?.focus();
+            }
+            else {
+                if (showId) {
+                    mappingIdInputRef.current?.focus();
+                }
+                else if (spec.target instanceof Class) {
+                    classMappingTypeSelectorRef.current?.focus();
+                }
+            }
+        }
+    };
+    // Submit button
+    const disableCreateButton = !spec ||
+        !spec.target ||
+        !isMappingIdUnique ||
+        !id ||
+        (spec.target instanceof Class && !classMappingType);
+    const handleSubmit = () => {
+        if (spec) {
+            if (id && spec.target) {
+                let newMappingElement = undefined;
+                if (spec.target instanceof Class) {
+                    if (classMappingType?.value) {
+                        newMappingElement = createClassMapping(mapping, id, spec.target, classMappingType.value, editorStore);
+                    }
+                }
+                else if (spec.target instanceof Enumeration) {
+                    newMappingElement = createEnumerationMapping(mapping, id, spec.target, editorStore.graphManagerState.graph.getPrimitiveType(PRIMITIVE_TYPE.STRING));
+                }
+                else if (spec.target instanceof Association) {
+                    throw new UnsupportedOperationError();
+                }
+                if (spec.postSubmitAction) {
+                    spec.postSubmitAction(newMappingElement);
+                }
+                if (newMappingElement) {
+                    mappingEditorState.openMappingElement(newMappingElement, spec.openInAdjacentTab);
+                }
+            }
+            handleClose();
+        }
+    };
+    const onSubmit = (event) => {
+        event.preventDefault();
+        handleSubmit();
+    };
+    // Title
+    const titleText = spec
+        ? spec.showTarget
+            ? 'Create New Mapping Element'
+            : `Create New ${spec.target instanceof Class
+                ? 'Class'
+                : spec.target instanceof Enumeration
+                    ? 'Enumeration'
+                    : 'Association'} Mapping ${spec.target ? `for ${spec.target.name}` : ''}`
+        : undefined;
+    return (_jsxs(Dialog, { open: Boolean(spec), onClose: handleClose, TransitionProps: {
+            onEnter: handleEnter,
+        }, classes: {
+            container: 'search-modal__container',
+        }, PaperProps: {
+            classes: {
+                root: 'search-modal__inner-container',
+            },
+        }, children: [spec && (_jsxs("form", { onSubmit: onSubmit, className: "modal search-modal new-mapping-element-modal", children: [titleText && _jsx("div", { className: "modal__title", children: titleText }), spec.showTarget && (_jsx(CustomSelectorInput, { ref: targetSelectorRef, options: options, filterOption: filterOption, onChange: handleTargetChange, value: selectedOption, formatOptionLabel: getPackageableElementOptionalFormatter(), placeholder: "Choose a target", isClearable: true })), showId && (_jsxs("div", { children: ["Default ID could not be used, please specify one:", _jsx("input", { className: "input new-mapping-element-modal__id-input", ref: mappingIdInputRef, spellCheck: false, value: id, onChange: handleIdChange, placeholder: "Mapping element ID" })] })), spec.target instanceof Class && (_jsx(CustomSelectorInput, { ref: classMappingTypeSelectorRef, options: classMappingTypeOptions, onChange: changeClassMappingType, value: classMappingType, placeholder: "Choose a class mapping type" })), _jsx("div", { className: "search-modal__actions", children: _jsx("button", { className: "btn btn--primary", disabled: disableCreateButton, color: "primary", children: "Create" }) })] })), !spec && _jsx("div", {})] }));
+});
+//# sourceMappingURL=NewMappingElementModal.js.map

package/lib/components/editor/edit-panel/mapping-editor/NewMappingElementModal.js.map

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

package/lib/components/editor/edit-panel/mapping-editor/OperationSetImplementationEditor.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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+import { OperationSetImplementation } from '@finos/legend-graph';
+export declare const OperationSetImplementationEditor: ((props: {
+    setImplementation: OperationSetImplementation;
+    isReadOnly: boolean;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=OperationSetImplementationEditor.d.ts.map

package/lib/components/editor/edit-panel/mapping-editor/OperationSetImplementationEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationSetImplementationEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/mapping-editor/OperationSetImplementationEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAwBH,OAAO,EACL,0BAA0B,EAY3B,MAAM,qBAAqB,CAAC;AAa7B,eAAO,MAAM,gCAAgC,WACnC;IACN,iBAAiB,EAAE,0BAA0B,CAAC;IAC9C,UAAU,EAAE,OAAO,CAAC;CACrB;;CAoMF,CAAC"}

package/lib/components/editor/edit-panel/mapping-editor/OperationSetImplementationEditor.js

@@ -0,0 +1,100 @@
+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, useCallback } from 'react';
+import { observer } from 'mobx-react-lite';
+import { MappingEditorState } from '../../../../stores/editor-state/element-editor-state/mapping/MappingEditorState.js';
+import { clsx, CustomSelectorInput, createFilter, TimesIcon, ArrowCircleRightIcon, PlusIcon, } from '@finos/legend-art';
+import { CORE_DND_TYPE, } from '../../../../stores/shared/DnDUtil.js';
+import { useDrop } from 'react-dnd';
+import { noop } from '@finos/legend-shared';
+import { MappingElementDecorator, MappingElementDecorationCleaner, } from '../../../../stores/editor-state/element-editor-state/mapping/MappingElementDecorator.js';
+import { OperationSetImplementation, OperationType, SetImplementation, SetImplementationContainer, InferableMappingElementIdExplicitValue, PackageableElementExplicitReference, SetImplementationExplicitReference, InferableMappingElementRootExplicitValue, getClassMappingsByClass, getAllChildSetImplementations, stub_Mapping, stub_Class, } from '@finos/legend-graph';
+import { useEditorStore } from '../../EditorStoreProvider.js';
+import { operationMapping_addParameter, operationMapping_changeParameter, operationMapping_deleteParameter, } from '../../../../stores/graphModifier/DSLMapping_GraphModifierHelper.js';
+export const OperationSetImplementationEditor = observer((props) => {
+    const { setImplementation, isReadOnly } = props;
+    const editorStore = useEditorStore();
+    const mappingEditorState = editorStore.getCurrentEditorState(MappingEditorState);
+    const mapping = mappingEditorState.mapping;
+    // Parameters
+    const setImplementationOptions = getClassMappingsByClass(mapping, setImplementation.class.value)
+        .filter((si) => 
+    // filter out the current set impl
+    si.id.value !== setImplementation.id.value &&
+        // filter out set impls already included through a container or the actual container itself
+        !getAllChildSetImplementations(setImplementation).includes(si))
+        .map((si) => ({ value: si, label: si.id.value }));
+    const filterOption = createFilter({
+        stringify: (option) => option.label,
+    });
+    const addParameter = () => operationMapping_addParameter(setImplementation, new SetImplementationContainer(SetImplementationExplicitReference.create(new OperationSetImplementation(InferableMappingElementIdExplicitValue.create('', ''), stub_Mapping(), PackageableElementExplicitReference.create(stub_Class()), InferableMappingElementRootExplicitValue.create(false), OperationType.STORE_UNION))));
+    const deleteParameter = (val) => () => operationMapping_deleteParameter(setImplementation, val);
+    const changeParamater = (val) => (option) => {
+        const setImpl = option?.value;
+        if (setImpl) {
+            operationMapping_changeParameter(setImplementation, val, new SetImplementationContainer(SetImplementationExplicitReference.create(setImpl)));
+        }
+    };
+    // Drag and Drop
+    const handleDrop = useCallback((item) => {
+        const mappingElement = item.data;
+        if (mappingElement instanceof SetImplementation &&
+            setImplementation.operation !== OperationType.INHERITANCE &&
+            mappingElement.class.value === setImplementation.class.value &&
+            !setImplementation.parameters.find((param) => param.setImplementation.value === mappingElement) &&
+            mappingElement !== setImplementation) {
+            operationMapping_addParameter(setImplementation, new SetImplementationContainer(SetImplementationExplicitReference.create(mappingElement)));
+        }
+    }, [setImplementation]);
+    const [{ isDragOver }, dropRef] = useDrop(() => ({
+        accept: CORE_DND_TYPE.MAPPING_EXPLORER_CLASS_MAPPING,
+        drop: (item) => handleDrop(item),
+        collect: (monitor) => ({
+            isDragOver: monitor.isOver({ shallow: true }),
+        }),
+    }), [handleDrop]);
+    // actions
+    const visit = (param) => () => {
+        const parent = param.setImplementation.value._PARENT;
+        // TODO: think more about this flow. Right now we open the mapping element in the parent mapping
+        if (parent !== mappingEditorState.element) {
+            editorStore.openElement(parent);
+            editorStore
+                .getCurrentEditorState(MappingEditorState)
+                .openMappingElement(param.setImplementation.value, false);
+        }
+        else {
+            mappingEditorState.openMappingElement(param.setImplementation.value, true);
+        }
+    };
+    useEffect(() => {
+        if (!isReadOnly) {
+            setImplementation.accept_SetImplementationVisitor(new MappingElementDecorator(editorStore));
+        }
+        return isReadOnly
+            ? noop()
+            : () => setImplementation.accept_SetImplementationVisitor(new MappingElementDecorationCleaner(editorStore));
+    }, [setImplementation, isReadOnly, editorStore]);
+    return (_jsx("div", { className: "mapping-element-editor__content", children: _jsxs("div", { className: "panel", children: [_jsxs("div", { className: "panel__header", children: [_jsx("div", { className: "panel__header__title", children: _jsx("div", { className: "panel__header__title__content", children: "PARAMETERS" }) }), _jsx("div", { className: "panel__header__actions", children: _jsx("button", { className: "panel__header__action", disabled: isReadOnly ||
+                                    setImplementation.operation === OperationType.INHERITANCE, onClick: addParameter, tabIndex: -1, title: 'Add parameter', children: _jsx(PlusIcon, {}) }) })] }), _jsx("div", { ref: dropRef, className: clsx('panel__content', {
+                        'operation-mapping-editor__parameters--dnd-over': isDragOver && !isReadOnly,
+                    }), children: setImplementation.parameters.map((param) => (_jsxs("div", { className: "operation-mapping-editor__parameter", children: [_jsx("div", { className: "operation-mapping-editor__parameter__selector", children: _jsx(CustomSelectorInput, { options: setImplementationOptions, disabled: isReadOnly, onChange: changeParamater(param), filterOption: filterOption, value: {
+                                        value: param,
+                                        label: param.setImplementation.value.id.value,
+                                    }, placeholder: `Select parameter ID` }) }), _jsx("button", { className: "operation-mapping-editor__parameter__visit-btn", onClick: visit(param), tabIndex: -1, title: 'Visit mapping element', children: _jsx(ArrowCircleRightIcon, {}) }), !isReadOnly && (_jsx("button", { className: "operation-mapping-editor__parameter__remove-btn", disabled: isReadOnly, onClick: deleteParameter(param), tabIndex: -1, title: 'Remove', children: _jsx(TimesIcon, {}) }))] }, param._UUID))) })] }) }));
+});
+//# sourceMappingURL=OperationSetImplementationEditor.js.map

package/lib/components/editor/edit-panel/mapping-editor/OperationSetImplementationEditor.js.map

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

package/lib/components/editor/edit-panel/mapping-editor/PropertyMappingsEditor.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 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 type { InstanceSetImplementationState } from '../../../../stores/editor-state/element-editor-state/mapping/MappingElementState.js';
+import { type Property, type Type, SetImplementation } from '@finos/legend-graph';
+export declare const getExpectedReturnType: (targetSetImplementation: SetImplementation | undefined) => Type | undefined;
+export declare const PropertyMappingsEditor: ((props: {
+    property: Property;
+    instanceSetImplementationState: InstanceSetImplementationState;
+    isReadOnly: boolean;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=PropertyMappingsEditor.d.ts.map

package/lib/components/editor/edit-panel/mapping-editor/PropertyMappingsEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyMappingsEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/mapping-editor/PropertyMappingsEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAUH,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,qFAAqF,CAAC;AAkB1I,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,IAAI,EAGT,iBAAiB,EAKlB,MAAM,qBAAqB,CAAC;AAa7B,eAAO,MAAM,qBAAqB,4BACP,iBAAiB,GAAG,SAAS,KACrD,IAAI,GAAG,SAQT,CAAC;AAEF,eAAO,MAAM,sBAAsB,WACzB;IACN,QAAQ,EAAE,QAAQ,CAAC;IACnB,8BAA8B,EAAE,8BAA8B,CAAC;IAC/D,UAAU,EAAE,OAAO,CAAC;CACrB;;CA4QF,CAAC"}