@finos/legend-application-studio 13.0.0

package/lib/components/editor/edit-panel/uml-editor/StereotypeSelector.js

@@ -0,0 +1,58 @@
+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 } from 'react';
+import { observer } from 'mobx-react-lite';
+import { CustomSelectorInput, createFilter, TimesIcon, ArrowCircleRightIcon, } from '@finos/legend-art';
+import { useEditorStore } from '../../EditorStoreProvider.js';
+import { isStubbed_PackageableElement, } from '@finos/legend-graph';
+import { stereotypeReference_setValue } from '../../../../stores/graphModifier/DomainGraphModifierHelper.js';
+export const StereotypeSelector = observer((props) => {
+    const { stereotype, deleteStereotype, isReadOnly, darkTheme } = props;
+    const editorStore = useEditorStore();
+    // Profile
+    const profileOptions = editorStore.profileOptions.filter((p) => p.value.p_stereotypes.length);
+    const filterOption = createFilter({
+        ignoreCase: true,
+        ignoreAccents: false,
+        stringify: (option) => option.value.path,
+    });
+    const [selectedProfile, setSelectedProfile] = useState({ value: stereotype.value._OWNER, label: stereotype.value._OWNER.name });
+    const changeProfile = (val) => {
+        if (val.value.p_stereotypes.length) {
+            setSelectedProfile(val);
+            stereotypeReference_setValue(stereotype, val.value.p_stereotypes[0]);
+        }
+    };
+    const visitProfile = () => editorStore.openElement(selectedProfile.value);
+    // Stereotype
+    const stereotypeOptions = selectedProfile.value.p_stereotypes.map((st) => ({
+        label: st.value,
+        value: st,
+    }));
+    const stereotypeFilterOption = createFilter({
+        ignoreCase: true,
+        ignoreAccents: false,
+        stringify: (option) => option.label,
+    });
+    const selectedStereotype = {
+        value: stereotype.value,
+        label: stereotype.value.value,
+    };
+    const updateStereotype = (val) => stereotypeReference_setValue(stereotype, val.value);
+    return (_jsxs("div", { className: "stereotype-selector", children: [_jsxs("div", { className: `stereotype-selector__profile ${darkTheme ? 'stereotype-selector-dark-theme' : ''}`, children: [_jsx(CustomSelectorInput, { className: "stereotype-selector__profile__selector", disabled: isReadOnly, options: profileOptions, onChange: changeProfile, value: selectedProfile, placeholder: 'Choose a profile', filterOption: filterOption, darkMode: Boolean(darkTheme) }), _jsx("button", { className: `stereotype-selector__profile__visit-btn ${darkTheme ? 'stereotype-selector-dark-theme' : ''}`, disabled: isStubbed_PackageableElement(stereotype.value._OWNER), onClick: visitProfile, tabIndex: -1, title: 'Visit profile', children: _jsx(ArrowCircleRightIcon, {}) })] }), _jsx(CustomSelectorInput, { className: "stereotype-selector__stereotype", disabled: isReadOnly, options: stereotypeOptions, onChange: updateStereotype, value: selectedStereotype, placeholder: 'Choose a stereotype', filterOption: stereotypeFilterOption, darkMode: darkTheme ?? false }), !isReadOnly && (_jsx("button", { className: "uml-element-editor__remove-btn", disabled: isReadOnly, onClick: deleteStereotype, tabIndex: -1, title: 'Remove', children: _jsx(TimesIcon, {}) }))] }));
+});
+//# sourceMappingURL=StereotypeSelector.js.map

package/lib/components/editor/edit-panel/uml-editor/StereotypeSelector.js.map

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

package/lib/components/editor/edit-panel/uml-editor/TaggedValueEditor.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 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 TaggedValue } from '@finos/legend-graph';
+export declare const TaggedValueEditor: ((props: {
+    taggedValue: TaggedValue;
+    deleteValue: () => void;
+    isReadOnly: boolean;
+    darkTheme?: boolean;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=TaggedValueEditor.d.ts.map

package/lib/components/editor/edit-panel/uml-editor/TaggedValueEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaggedValueEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/uml-editor/TaggedValueEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAcH,OAAO,EACL,KAAK,WAAW,EAIjB,MAAM,qBAAqB,CAAC;AAY7B,eAAO,MAAM,iBAAiB,WACpB;IACN,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;CAmJF,CAAC"}

package/lib/components/editor/edit-panel/uml-editor/TaggedValueEditor.js

@@ -0,0 +1,69 @@
+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 } from 'react';
+import { observer } from 'mobx-react-lite';
+import { clsx, CustomSelectorInput, createFilter, MoreVerticalIcon, TimesIcon, ArrowCircleRightIcon, LongArrowAltUpIcon, } from '@finos/legend-art';
+import { useEditorStore } from '../../EditorStoreProvider.js';
+import { isStubbed_PackageableElement, } from '@finos/legend-graph';
+import { taggedValue_setValue, taggedValue_setTag, } from '../../../../stores/graphModifier/DomainGraphModifierHelper.js';
+export const TaggedValueEditor = observer((props) => {
+    const { taggedValue, deleteValue, isReadOnly, darkTheme } = props;
+    const editorStore = useEditorStore();
+    // Name
+    const changeValue = (event) => taggedValue_setValue(taggedValue, event.target.value);
+    // Profile
+    const profileOptions = editorStore.profileOptions.filter((p) => p.value.p_tags.length);
+    const profileFilterOption = createFilter({
+        ignoreCase: true,
+        ignoreAccents: false,
+        stringify: (option) => option.value.path,
+    });
+    const [selectedProfile, setSelectedProfile] = useState({
+        value: taggedValue.tag.value._OWNER,
+        label: taggedValue.tag.value._OWNER.name,
+    });
+    const changeProfile = (val) => {
+        if (val.value.p_tags.length) {
+            setSelectedProfile(val);
+            taggedValue_setTag(taggedValue, val.value.p_tags[0]);
+        }
+    };
+    const visitProfile = () => editorStore.openElement(selectedProfile.value);
+    // Tag
+    const tagOptions = selectedProfile.value.p_tags.map((tag) => ({
+        label: tag.value,
+        value: tag,
+    }));
+    const inferableTag = taggedValue.tag;
+    const tagFilterOption = createFilter({
+        ignoreCase: true,
+        ignoreAccents: false,
+        stringify: (option) => option.label,
+    });
+    const selectedTag = {
+        value: inferableTag.value,
+        label: inferableTag.value.value,
+    };
+    const changeTag = (val) => taggedValue_setTag(taggedValue, val.value);
+    // Value
+    const [isExpanded, setIsExpanded] = useState(false);
+    const toggleExpandedMode = () => setIsExpanded(!isExpanded);
+    return (_jsxs("div", { className: "tagged-value-editor", children: [_jsxs("div", { className: `tagged-value-editor__profile ${darkTheme ? 'tagged-value-editor-dark-theme' : ''}`, children: [_jsx(CustomSelectorInput, { className: "tagged-value-editor__profile__selector", disabled: isReadOnly, options: profileOptions, onChange: changeProfile, value: selectedProfile, placeholder: 'Choose a profile', filterOption: profileFilterOption, darkMode: darkTheme ?? false }), _jsx("button", { className: `tagged-value-editor__profile__visit-btn ${darkTheme ? 'tagged-value-editor-dark-theme' : ''}`, disabled: isStubbed_PackageableElement(taggedValue.tag.value._OWNER), onClick: visitProfile, tabIndex: -1, title: 'Visit profile', children: _jsx(ArrowCircleRightIcon, {}) })] }), _jsx(CustomSelectorInput, { className: "tagged-value-editor__tag", disabled: isReadOnly, options: tagOptions, onChange: changeTag, value: selectedTag, placeholder: 'Choose a tag', filterOption: tagFilterOption, darkMode: Boolean(darkTheme) }), !isReadOnly && (_jsx("button", { className: "uml-element-editor__remove-btn", disabled: isReadOnly, onClick: deleteValue, tabIndex: -1, title: 'Remove', children: _jsx(TimesIcon, {}) })), _jsxs("div", { className: clsx('tagged-value-editor__value', {
+                    'tagged-value-editor__value__expanded': isExpanded,
+                }), children: [isExpanded && (_jsx("textarea", { className: `tagged-value-editor__value__input ${darkTheme ? 'tagged-value-editor-dark-theme' : ''}`, spellCheck: false, disabled: isReadOnly, value: taggedValue.value, onChange: changeValue, placeholder: `Value` })), !isExpanded && (_jsx("input", { className: `tagged-value-editor__value__input ${darkTheme ? 'tagged-value-editor-dark-theme' : ''}`, spellCheck: false, disabled: isReadOnly, value: taggedValue.value, onChange: changeValue, placeholder: `Value` })), _jsx("button", { className: `tagged-value-editor__value__expand-btn ${darkTheme ? 'tagged-value-editor-dark-theme' : ''}`, onClick: toggleExpandedMode, tabIndex: -1, title: 'Expand/Collapse', children: isExpanded ? _jsx(LongArrowAltUpIcon, {}) : _jsx(MoreVerticalIcon, {}) })] })] }));
+});
+//# sourceMappingURL=TaggedValueEditor.js.map

package/lib/components/editor/edit-panel/uml-editor/TaggedValueEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaggedValueEditor.js","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/uml-editor/TaggedValueEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,IAAI,EACJ,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAIL,4BAA4B,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,+DAA+D,CAAC;AAQvE,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CACvC,CAAC,KAKA,EAAE,EAAE;IACH,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAClE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO;IACP,MAAM,WAAW,GAEb,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrE,UAAU;IACV,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CACtD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAC7B,CAAC;IACF,MAAM,mBAAmB,GAAG,YAAY,CAAC;QACvC,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,CAAC,MAAyC,EAAU,EAAE,CAC/D,MAAM,CAAC,KAAK,CAAC,IAAI;KACpB,CAAC,CAAC;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAEpD;QACA,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM;QACnC,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;KACzC,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,CAAC,GAAsC,EAAQ,EAAE;QACrE,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;YAC3B,kBAAkB,CAAC,GAAG,CAAC,CAAC;YACxB,kBAAkB,CAAC,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAQ,CAAC,CAAC;SAC7D;IACH,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,GAAS,EAAE,CAC9B,WAAW,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM;IACN,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC5D,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,KAAK,EAAE,GAAG;KACX,CAAC,CAAC,CAAC;IACJ,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC;IACrC,MAAM,eAAe,GAAG,YAAY,CAAC;QACnC,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,CAAC,MAAiB,EAAU,EAAE,CAAC,MAAM,CAAC,KAAK;KACvD,CAAC,CAAC;IACH,MAAM,WAAW,GAAG;QAClB,KAAK,EAAE,YAAY,CAAC,KAAK;QACzB,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK;KAChC,CAAC;IACF,MAAM,SAAS,GAAG,CAAC,GAAc,EAAQ,EAAE,CACzC,kBAAkB,CAAC,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAC7C,QAAQ;IACR,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,kBAAkB,GAAG,GAAS,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAElE,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,eACE,SAAS,EAAE,gCACT,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EACjD,EAAE,aAEF,KAAC,mBAAmB,IAClB,SAAS,EAAC,wCAAwC,EAClD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,kBAAkB,EAC/B,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,SAAS,IAAI,KAAK,GAC5B,EACF,iBACE,SAAS,EAAE,2CACT,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EACjD,EAAE,EACF,QAAQ,EAAE,4BAA4B,CACpC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAC7B,EACD,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,eAAe,YAEtB,KAAC,oBAAoB,KAAG,GACjB,IACL,EACN,KAAC,mBAAmB,IAClB,SAAS,EAAC,0BAA0B,EACpC,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,WAAW,EAClB,WAAW,EAAE,cAAc,EAC3B,YAAY,EAAE,eAAe,EAC7B,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,GAC5B,EACD,CAAC,UAAU,IAAI,CACd,iBACE,SAAS,EAAC,gCAAgC,EAC1C,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,QAAQ,YAEf,KAAC,SAAS,KAAG,GACN,CACV,EACD,eACE,SAAS,EAAE,IAAI,CAAC,4BAA4B,EAAE;oBAC5C,sCAAsC,EAAE,UAAU;iBACnD,CAAC,aAED,UAAU,IAAI,CACb,mBACE,SAAS,EAAE,qCACT,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EACjD,EAAE,EACF,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAE,OAAO,GACpB,CACH,EACA,CAAC,UAAU,IAAI,CACd,gBACE,SAAS,EAAE,qCACT,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EACjD,EAAE,EACF,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAE,OAAO,GACpB,CACH,EACD,iBACE,SAAS,EAAE,0CACT,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EACjD,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,iBAAiB,YAEvB,UAAU,CAAC,CAAC,CAAC,KAAC,kBAAkB,KAAG,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,GACpD,IACL,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/editor/edit-panel/uml-editor/UMLEditor.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 UMLEditor: (() => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=UMLEditor.d.ts.map

package/lib/components/editor/edit-panel/uml-editor/UMLEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UMLEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/uml-editor/UMLEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAWH,eAAO,MAAM,SAAS;;CAqBpB,CAAC"}

package/lib/components/editor/edit-panel/uml-editor/UMLEditor.js

@@ -0,0 +1,31 @@
+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 { UMLEditorState } from '../../../../stores/editor-state/element-editor-state/UMLEditorState.js';
+import { ClassEditor } from './ClassEditor.js';
+import { EnumerationEditor } from './EnumerationEditor.js';
+import { AssociationEditor } from './AssociationEditor.js';
+import { ProfileEditor } from './ProfileEditor.js';
+import { useEditorStore } from '../../EditorStoreProvider.js';
+import { Class, Enumeration, Association, Profile } from '@finos/legend-graph';
+export const UMLEditor = observer(() => {
+    const editorStore = useEditorStore();
+    const umlEditorState = editorStore.getCurrentEditorState(UMLEditorState);
+    const currentElement = umlEditorState.element;
+    return (_jsxs("div", { className: "uml-editor", children: [currentElement instanceof Class && (_jsx(ClassEditor, { _class: currentElement })), currentElement instanceof Enumeration && (_jsx(EnumerationEditor, { enumeration: currentElement })), currentElement instanceof Association && (_jsx(AssociationEditor, { association: currentElement })), currentElement instanceof Profile && (_jsx(ProfileEditor, { profile: currentElement }))] }));
+});
+//# sourceMappingURL=UMLEditor.js.map

package/lib/components/editor/edit-panel/uml-editor/UMLEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UMLEditor.js","sourceRoot":"","sources":["../../../../../src/components/editor/edit-panel/uml-editor/UMLEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,wEAAwE,CAAC;AACxG,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE/E,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;IACrC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,WAAW,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC;IACzE,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,YAAY,aACxB,cAAc,YAAY,KAAK,IAAI,CAClC,KAAC,WAAW,IAAC,MAAM,EAAE,cAAc,GAAI,CACxC,EACA,cAAc,YAAY,WAAW,IAAI,CACxC,KAAC,iBAAiB,IAAC,WAAW,EAAE,cAAc,GAAI,CACnD,EACA,cAAc,YAAY,WAAW,IAAI,CACxC,KAAC,iBAAiB,IAAC,WAAW,EAAE,cAAc,GAAI,CACnD,EACA,cAAc,YAAY,OAAO,IAAI,CACpC,KAAC,aAAa,IAAC,OAAO,EAAE,cAAc,GAAI,CAC3C,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/editor/side-bar/CreateNewElementModal.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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 { EditorStore } from '../../../stores/EditorStore.js';
+export declare const getElementTypeLabel: (editorStore: EditorStore, type: string | undefined) => string | undefined;
+export declare const CreateNewElementModal: (() => JSX.Element | null) & {
+    displayName: string;
+};
+//# sourceMappingURL=CreateNewElementModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateNewElementModal.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/side-bar/CreateNewElementModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAgBH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAsBlE,eAAO,MAAM,mBAAmB,gBACjB,WAAW,QAClB,MAAM,GAAG,SAAS,KACvB,MAAM,GAAG,SA+CX,CAAC;AAqTF,eAAO,MAAM,qBAAqB;;CA0GhC,CAAC"}

package/lib/components/editor/side-bar/CreateNewElementModal.js

@@ -0,0 +1,285 @@
+import { jsx as _jsx, Fragment as _Fragment, 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 { useRef } from 'react';
+import { LEGEND_STUDIO_TEST_ID } from '../../LegendStudioTestID.js';
+import { observer } from 'mobx-react-lite';
+import { NewPackageableRuntimeDriver, NewPackageableConnectionDriver, NewPureModelConnectionDriver, NewFileGenerationDriver, resolvePackageAndElementName, CONNECTION_TYPE, NewDataElementDriver, NewServiceDriver, } from '../../../stores/editor/NewElementState.js';
+import { Dialog, compareLabelFn, CustomSelectorInput } from '@finos/legend-art';
+import { prettyCONSTName } from '@finos/legend-shared';
+import { useEditorStore } from '../EditorStoreProvider.js';
+import { ELEMENT_PATH_DELIMITER, } from '@finos/legend-graph';
+import { flowResult } from 'mobx';
+import { getPackageableElementOptionalFormatter, useApplicationStore, } from '@finos/legend-application';
+import { PACKAGEABLE_ELEMENT_TYPE } from '../../../stores/shared/ModelUtil.js';
+import { EmbeddedDataType } from '../../../stores/editor-state/ExternalFormatState.js';
+export const getElementTypeLabel = (editorStore, type) => {
+    switch (type) {
+        case PACKAGEABLE_ELEMENT_TYPE.PACKAGE:
+        case PACKAGEABLE_ELEMENT_TYPE.CLASS:
+        case PACKAGEABLE_ELEMENT_TYPE.ENUMERATION:
+        case PACKAGEABLE_ELEMENT_TYPE.ASSOCIATION:
+        case PACKAGEABLE_ELEMENT_TYPE.MEASURE:
+        case PACKAGEABLE_ELEMENT_TYPE.PROFILE:
+        case PACKAGEABLE_ELEMENT_TYPE.FUNCTION:
+        case PACKAGEABLE_ELEMENT_TYPE.MAPPING:
+        case PACKAGEABLE_ELEMENT_TYPE.CONNECTION:
+        case PACKAGEABLE_ELEMENT_TYPE.RUNTIME:
+        case PACKAGEABLE_ELEMENT_TYPE.SERVICE:
+            return type.toLowerCase();
+        case PACKAGEABLE_ELEMENT_TYPE.FLAT_DATA_STORE:
+            return 'flat-data store';
+        case PACKAGEABLE_ELEMENT_TYPE.DATABASE:
+            return 'relational database';
+        case PACKAGEABLE_ELEMENT_TYPE.SERVICE_STORE:
+            return 'service store';
+        case PACKAGEABLE_ELEMENT_TYPE.FILE_GENERATION:
+            return 'file generation';
+        case PACKAGEABLE_ELEMENT_TYPE.GENERATION_SPECIFICATION:
+            return 'generation specification';
+        case PACKAGEABLE_ELEMENT_TYPE.DATA:
+            return 'data';
+        default: {
+            if (type) {
+                const extraElementTypeLabelGetters = editorStore.pluginManager
+                    .getApplicationPlugins()
+                    .flatMap((plugin) => plugin.getExtraElementTypeLabelGetters?.() ?? []);
+                for (const typeLabelGetter of extraElementTypeLabelGetters) {
+                    const label = typeLabelGetter(type);
+                    if (label) {
+                        return label;
+                    }
+                }
+                return type.toLowerCase();
+            }
+            return undefined;
+        }
+    }
+};
+const buildElementTypeOption = (type) => ({
+    label: type,
+    value: type,
+});
+const NewDataElementDriverEditor = observer(() => {
+    const editorStore = useEditorStore();
+    const newDataELementDriver = editorStore.newElementState.getNewElementDriver(NewDataElementDriver);
+    const selectedOption = newDataELementDriver.embeddedDataOption
+        ? {
+            label: prettyCONSTName(newDataELementDriver.embeddedDataOption.label),
+            value: newDataELementDriver.embeddedDataOption.value,
+        }
+        : undefined;
+    const extraOptionTypes = editorStore.pluginManager
+        .getApplicationPlugins()
+        .flatMap((plugin) => plugin.getExtraEmbeddedDataTypeOptions?.() ?? []);
+    let options = Object.values(EmbeddedDataType)
+        .filter((type) => type !== EmbeddedDataType.DATA_ELEMENT)
+        .map((typeOption) => ({
+        label: prettyCONSTName(typeOption),
+        value: typeOption,
+    }));
+    options = options.concat(extraOptionTypes);
+    const onTypeSelectionChange = (val) => {
+        if (!val) {
+            newDataELementDriver.setEmbeddedDataOption(undefined);
+        }
+        else {
+            newDataELementDriver.setEmbeddedDataOption(val);
+        }
+    };
+    return (_jsx("div", { className: "explorer__new-element-modal__driver", children: _jsx(CustomSelectorInput, { className: "explorer__new-element-modal__driver__dropdown", options: options, onChange: onTypeSelectionChange, value: selectedOption, darkMode: true }) }));
+});
+const NewRuntimeDriverEditor = observer(() => {
+    const editorStore = useEditorStore();
+    const newRuntimeDriver = editorStore.newElementState.getNewElementDriver(NewPackageableRuntimeDriver);
+    // mapping
+    const mapping = newRuntimeDriver.mapping;
+    const mappingOptions = editorStore.mappingOptions;
+    const selectedMappingOption = { label: mapping?.path ?? '', value: mapping };
+    const onMappingSelectionChange = (val) => {
+        if (val.value !== mapping) {
+            newRuntimeDriver.setMapping(val.value);
+        }
+    };
+    if (!mapping) {
+        // TODO: show warning
+        return _jsx("div", { children: "no mapping found" });
+    }
+    return (_jsx("div", { className: "explorer__new-element-modal__driver", children: _jsx(CustomSelectorInput, { className: "explorer__new-element-modal__driver__dropdown", options: mappingOptions, onChange: onMappingSelectionChange, value: selectedMappingOption, darkMode: true }) }));
+});
+const NewPureModelConnectionDriverEditor = observer((props) => {
+    const { newConnectionDriver, newConnectionValueDriver } = props;
+    const editorStore = useEditorStore();
+    // store
+    const store = newConnectionDriver.store;
+    let storeOptions = [
+        { label: 'ModelStore', value: undefined },
+    ];
+    storeOptions = storeOptions.concat(editorStore.storeOptions.slice().sort(compareLabelFn));
+    const selectedStoreOption = {
+        label: store?.path ?? 'ModelStore',
+        value: store,
+    };
+    const onStoreSelectionChange = (val) => newConnectionDriver.setStore(val.value);
+    // class
+    const _class = newConnectionValueDriver.class;
+    const classOptions = editorStore.classOptions.slice().sort(compareLabelFn);
+    const selectedClassOption = _class
+        ? { label: _class.path, value: _class }
+        : null;
+    const onClassSelectionChange = (val) => {
+        if (val) {
+            newConnectionValueDriver.setClass(val.value);
+        }
+    };
+    if (!_class) {
+        // TODO: show warning
+        return _jsx("div", { children: "no class found" });
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "explorer__new-element-modal__driver", children: _jsx(CustomSelectorInput, { className: "explorer__new-element-modal__driver__dropdown", options: storeOptions, onChange: onStoreSelectionChange, value: selectedStoreOption, darkMode: true }) }), _jsx("div", { className: "explorer__new-element-modal__driver", children: _jsx(CustomSelectorInput, { className: "sub-panel__content__form__section__dropdown panel__content__form__section__dropdown", options: classOptions, onChange: onClassSelectionChange, value: selectedClassOption, darkMode: true, formatOptionLabel: getPackageableElementOptionalFormatter({
+                        darkMode: true,
+                    }) }) })] }));
+});
+const NewConnectionValueDriverEditor = observer(() => {
+    const editorStore = useEditorStore();
+    const newConnectionDriver = editorStore.newElementState.getNewElementDriver(NewPackageableConnectionDriver);
+    const newConnectionValueDriver = newConnectionDriver.newConnectionValueDriver;
+    if (newConnectionValueDriver instanceof NewPureModelConnectionDriver) {
+        return (_jsx(NewPureModelConnectionDriverEditor, { newConnectionDriver: newConnectionDriver, newConnectionValueDriver: newConnectionValueDriver }));
+    }
+    return null;
+});
+const NewConnectionDriverEditor = observer(() => {
+    const editorStore = useEditorStore();
+    const newConnectionDriver = editorStore.newElementState.getNewElementDriver(NewPackageableConnectionDriver);
+    // type
+    const currentConnectionType = newConnectionDriver.geDriverConnectionType();
+    const currentConnectionTypeOption = {
+        label: prettyCONSTName(currentConnectionType),
+        value: currentConnectionType,
+    };
+    const connectionOptions = Object.values(CONNECTION_TYPE).map((e) => ({
+        label: prettyCONSTName(e),
+        value: e,
+    }));
+    const onConnectionChange = (val) => {
+        if (val?.value && currentConnectionTypeOption.value !== val.value) {
+            newConnectionDriver.changeConnectionState(val.value);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "explorer__new-element-modal__driver", children: _jsx(CustomSelectorInput, { className: "explorer__new-element-modal__driver__dropdown", options: connectionOptions, onChange: onConnectionChange, value: currentConnectionTypeOption, darkMode: true }) }), _jsx(NewConnectionValueDriverEditor, {})] }));
+});
+const NewServiceDriverEditor = observer(() => {
+    const editorStore = useEditorStore();
+    const newServiceDriver = editorStore.newElementState.getNewElementDriver(NewServiceDriver);
+    // mapping
+    const currentMappingOption = newServiceDriver.mappingOption;
+    const mappingOptions = editorStore.mappingOptions;
+    const onMappingChange = (val) => {
+        if (!val) {
+            newServiceDriver.setMappingOption(undefined);
+        }
+        else {
+            newServiceDriver.setMappingOption(val);
+        }
+    };
+    return (_jsx("div", { className: "explorer__new-element-modal__driver", children: _jsx(CustomSelectorInput, { className: "explorer__new-element-modal__driver__dropdown", options: mappingOptions, onChange: onMappingChange, value: currentMappingOption, darkMode: true }) }));
+});
+const NewFileGenerationDriverEditor = observer(() => {
+    const editorStore = useEditorStore();
+    const newConnectionDriver = editorStore.newElementState.getNewElementDriver(NewFileGenerationDriver);
+    const options = editorStore.graphState.graphGenerationState
+        .fileGenerationConfigurationOptions;
+    const onTypeSelectionChange = (val) => {
+        if (!val) {
+            newConnectionDriver.setTypeOption(undefined);
+        }
+        else {
+            newConnectionDriver.setTypeOption(val);
+        }
+    };
+    return (_jsx("div", { className: "explorer__new-element-modal__driver", children: _jsx(CustomSelectorInput, { className: "sub-panel__content__form__section__dropdown explorer__new-element-modal__driver__dropdown", options: options, onChange: onTypeSelectionChange, value: newConnectionDriver.typeOption }) }));
+});
+const renderNewElementDriver = (type, editorStore) => {
+    switch (type) {
+        case PACKAGEABLE_ELEMENT_TYPE.RUNTIME:
+            return _jsx(NewRuntimeDriverEditor, {});
+        case PACKAGEABLE_ELEMENT_TYPE.CONNECTION:
+            return _jsx(NewConnectionDriverEditor, {});
+        case PACKAGEABLE_ELEMENT_TYPE.FILE_GENERATION:
+            return _jsx(NewFileGenerationDriverEditor, {});
+        case PACKAGEABLE_ELEMENT_TYPE.DATA:
+            return _jsx(NewDataElementDriverEditor, {});
+        case PACKAGEABLE_ELEMENT_TYPE.SERVICE:
+            return _jsx(NewServiceDriverEditor, {});
+        default: {
+            const extraNewElementDriverEditorCreators = editorStore.pluginManager
+                .getApplicationPlugins()
+                .flatMap((plugin) => plugin.getExtraNewElementDriverEditorRenderers?.() ?? []);
+            for (const creator of extraNewElementDriverEditorCreators) {
+                const editor = creator(type);
+                if (editor) {
+                    return editor;
+                }
+            }
+            return null;
+        }
+    }
+};
+// TODO: investigate the potential approach of VSCode to have inline input in the tree to create element quickly
+export const CreateNewElementModal = observer(() => {
+    const editorStore = useEditorStore();
+    const applicationStore = useApplicationStore();
+    const newElementState = editorStore.newElementState;
+    const selectedPackage = newElementState.selectedPackage;
+    // Name
+    const name = newElementState.name;
+    const handleNameChange = (event) => newElementState.setName(event.target.value);
+    const elementNameInputRef = useRef(null);
+    // Type
+    const typeOptions = [PACKAGEABLE_ELEMENT_TYPE.PACKAGE]
+        .concat(editorStore.getSupportedElementTypes())
+        .filter(
+    // NOTE: we can only create package in root
+    (type) => selectedPackage !== editorStore.graphManagerState.graph.root ||
+        type === PACKAGEABLE_ELEMENT_TYPE.PACKAGE)
+        .map(buildElementTypeOption);
+    const selectedTypeOption = buildElementTypeOption(newElementState.type);
+    const handleTypeChange = (val) => newElementState.setElementType(val.value);
+    // Submit button
+    const closeModal = () => newElementState.closeModal();
+    const [packagePath, elementName] = resolvePackageAndElementName(selectedPackage, selectedPackage === editorStore.graphManagerState.graph.root, name);
+    const resolvedPackage = editorStore.graphManagerState.graph.getNullablePackage(packagePath);
+    const needsToOverride = Boolean(resolvedPackage?.children.find((child) => child.name === elementName));
+    const isDisabled = !name || needsToOverride || !newElementState.isValid;
+    const save = applicationStore.guardUnhandledError(() => flowResult(newElementState.save()));
+    const handleEnter = () => {
+        newElementState.setName('');
+        elementNameInputRef.current?.focus();
+    };
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        save();
+    };
+    if (!newElementState.showModal) {
+        return null;
+    }
+    return (_jsx(Dialog, { open: newElementState.showModal, onClose: closeModal, TransitionProps: {
+            onEnter: handleEnter,
+        }, classes: { container: 'search-modal__container' }, PaperProps: { classes: { root: 'search-modal__inner-container' } }, children: _jsxs("form", { "data-testid": LEGEND_STUDIO_TEST_ID.NEW_ELEMENT_MODAL, onSubmit: handleSubmit, className: "modal modal--dark search-modal", children: [_jsxs("div", { className: "modal__title", children: ["Create a New", ' ', getElementTypeLabel(editorStore, newElementState.type) ?? 'element'] }), _jsxs("div", { children: [newElementState.showType && (_jsx(CustomSelectorInput, { options: typeOptions, disabled: typeOptions.length === 1, onChange: handleTypeChange, value: selectedTypeOption, isClearable: false })), _jsx("input", { className: "input--dark explorer__new-element-modal__name-input", ref: elementNameInputRef, spellCheck: false, value: name, onChange: handleNameChange, placeholder: `Enter a name, use ${ELEMENT_PATH_DELIMITER} to create new package(s) for the ${getElementTypeLabel(editorStore, newElementState.type) ??
+                                'element'}` }), renderNewElementDriver(newElementState.type, editorStore)] }), _jsxs("div", { className: "search-modal__actions", children: [_jsx("button", { type: "button", className: "btn btn--dark", onClick: closeModal, children: "Cancel" }), _jsx("button", { className: "btn btn--dark", disabled: isDisabled, children: "Create" })] })] }) }));
+});
+//# sourceMappingURL=CreateNewElementModal.js.map

package/lib/components/editor/side-bar/CreateNewElementModal.js.map

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

package/lib/components/editor/side-bar/Explorer.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 Explorer: (() => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=Explorer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Explorer.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/side-bar/Explorer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AA8uBH,eAAO,MAAM,QAAQ;;CAqJnB,CAAC"}