@finos/legend-extension-dsl-data-space-studio 0.1.340 → 0.1.342

package/lib/components/DataSpaceGeneralEditor/DataSpaceDefaultExecutionContextSection.js

@@ -1,138 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { clsx, CustomSelectorInput, ErrorIcon, ExclamationTriangleIcon, LongArrowRightIcon, PanelDropZone, PanelFormSection, PencilIcon, PURE_MappingIcon, PURE_RuntimeIcon, XIcon, } from '@finos/legend-art';
-import { observer } from 'mobx-react-lite';
-import { dataSpace_setDefaultExecutionContext, dataSpace_setExecutionContextDefaultRuntime, dataSpace_setExecutionContextMapping, } from '../../stores/studio/DSL_DataSpace_GraphModifierHelper.js';
-import { CORE_DND_TYPE, useEditorStore, } from '@finos/legend-application-studio';
-import { DataSpaceEditorState } from '../../stores/DataSpaceEditorState.js';
-import { validate_PureExecutionMapping, Mapping, PackageableElementExplicitReference, PackageableRuntime, } from '@finos/legend-graph';
-import { useCallback } from 'react';
-import { useDrop } from 'react-dnd';
-import { buildElementOption, } from '@finos/legend-lego/graph-editor';
-import { guaranteeNonNullable } from '@finos/legend-shared';
-import { RenameModal, NewExecutionContextModal, } from '../DataSpaceExecutionContextEditor.js';
-export const DataSpaceDefaultExecutionContextSection = observer(() => {
-    const editorStore = useEditorStore();
-    const applicationStore = editorStore.applicationStore;
-    const dataSpaceState = editorStore.tabManagerState.getCurrentEditorState(DataSpaceEditorState);
-    const dataSpace = dataSpaceState.dataSpace;
-    const executionContext = dataSpace.defaultExecutionContext;
-    const executionContextState = dataSpaceState.executionContextState;
-    // Mapping
-    // TODO: this is not generic error handling, as there could be other problems
-    // with mapping, we need to genericize this
-    const isMappingEmpty = validate_PureExecutionMapping(executionContext.mapping.value);
-    const mapping = executionContext.mapping.value;
-    const mappingOptions = editorStore.graphManagerState.usableMappings.map(buildElementOption);
-    const noMappingLabel = (_jsxs("div", { className: "service-execution-editor__configuration__mapping-option--empty", title: isMappingEmpty?.messages.join('\n') ?? '', children: [_jsx("div", { className: "service-execution-editor__configuration__mapping-option--empty__label", children: "(none)" }), _jsx(ErrorIcon, {})] }));
-    const selectedMappingOption = {
-        value: mapping,
-        label: isMappingEmpty ? noMappingLabel : mapping.path,
-    };
-    const onMappingSelectionChange = (val) => {
-        if (val.value !== mapping) {
-            dataSpace_setExecutionContextMapping(executionContext, PackageableElementExplicitReference.create(val.value));
-            executionContextState.autoSelectRuntimeOnMappingChange(val.value);
-        }
-    };
-    const visitMapping = () => editorStore.graphEditorMode.openElement(mapping);
-    // Runtime
-    const defaultRuntime = executionContext.defaultRuntime;
-    // NOTE: for now, only include runtime associated with the mapping
-    // TODO?: Should we bring the runtime compatibility check from query to here?
-    const runtimes = editorStore.graphManagerState.graph.runtimes.filter((rt) => rt.runtimeValue.mappings.map((m) => m.value).includes(mapping));
-    const runtimeOptions = runtimes.map((rt) => ({
-        label: rt.path,
-        value: PackageableElementExplicitReference.create(rt),
-    }));
-    const runtimePointerWarning = !runtimes.includes(defaultRuntime.value) // if the runtime does not belong to the chosen mapping
-        ? `runtime is not associated with specified mapping '${mapping.path}'`
-        : undefined;
-    const selectedRuntimeOption = {
-        value: defaultRuntime,
-        label: (_jsxs("div", { className: "service-execution-editor__configuration__runtime-option__pointer", title: undefined, children: [_jsx("div", { className: clsx('service-execution-editor__configuration__runtime-option__pointer__label', {
-                        'service-execution-editor__configuration__runtime-option__pointer__label--with-warning': Boolean(runtimePointerWarning),
-                    }), children: defaultRuntime.value.path }), runtimePointerWarning && (_jsx("div", { className: "service-execution-editor__configuration__runtime-option__pointer__warning", title: runtimePointerWarning, children: _jsx(ExclamationTriangleIcon, {}) }))] })),
-    };
-    const onRuntimeSelectionChange = (val) => {
-        if (val.value?.value !== defaultRuntime.value && val.value !== undefined) {
-            dataSpace_setExecutionContextDefaultRuntime(executionContext, val.value);
-        }
-    };
-    const visitRuntime = () => {
-        editorStore.graphEditorMode.openElement(defaultRuntime.value);
-    };
-    // DnD
-    const handleMappingOrRuntimeDrop = useCallback((item) => {
-        const element = item.data.packageableElement;
-        if (!dataSpaceState.isReadOnly) {
-            if (element instanceof Mapping) {
-                dataSpace_setExecutionContextMapping(executionContext, PackageableElementExplicitReference.create(element));
-                executionContextState.autoSelectRuntimeOnMappingChange(element);
-            }
-            else if (element instanceof PackageableRuntime &&
-                element.runtimeValue.mappings.map((m) => m.value).includes(mapping)) {
-                dataSpace_setExecutionContextDefaultRuntime(executionContext, PackageableElementExplicitReference.create(element));
-            }
-        }
-    }, [
-        dataSpaceState.isReadOnly,
-        mapping,
-        executionContextState,
-        executionContext,
-    ]);
-    const [{ isMappingOrRuntimeDragOver }, dropConnector] = useDrop(() => ({
-        accept: [
-            CORE_DND_TYPE.PROJECT_EXPLORER_MAPPING,
-            CORE_DND_TYPE.PROJECT_EXPLORER_RUNTIME,
-        ],
-        drop: (item) => handleMappingOrRuntimeDrop(item),
-        collect: (monitor) => ({
-            isMappingOrRuntimeDragOver: monitor.isOver({ shallow: true }),
-        }),
-    }), [handleMappingOrRuntimeDrop]);
-    //multiple execution contexts
-    const addExecutionKey = () => {
-        executionContextState.setNewExecutionContextModal(true);
-    };
-    const buildExecutionContextOption = (context) => ({
-        label: context.name,
-        value: context,
-    });
-    const executionContextOptions = dataSpace.executionContexts.map(buildExecutionContextOption);
-    const onExecutionContextChange = (option) => {
-        if (option.value !== executionContext) {
-            dataSpace_setDefaultExecutionContext(dataSpace, option.value);
-            executionContextState.setSelectedExecutionContext(option.value);
-        }
-    };
-    const activeExecutionContext = buildExecutionContextOption(executionContext);
-    const deleteExecutionContext = () => {
-        executionContextState.removeExecutionContext(executionContext);
-        if (dataSpace.executionContexts.length > 0 &&
-            dataSpace.executionContexts[0]) {
-            dataSpace_setDefaultExecutionContext(dataSpace, dataSpace.executionContexts[0]);
-        }
-    };
-    return (_jsxs(PanelFormSection, { children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Execution Context" }), _jsx("div", { className: "panel__content__form__section__header__prompt", children: "Define the mapping and runtime for this Data Product." }), dataSpace.executionContexts.length > 1 && (_jsxs("div", { className: "service-execution-editor__configuration__item", children: [_jsx(CustomSelectorInput, { className: "panel__content__form__section__dropdown service-execution-editor__configuration__item__dropdown", disabled: dataSpaceState.isReadOnly, options: executionContextOptions, onChange: onExecutionContextChange, value: activeExecutionContext, darkMode: !applicationStore.layoutService
-                            .TEMPORARY__isLightColorThemeEnabled }), _jsx("button", { className: "btn--dark btn--sm service-execution-editor__configuration__item__btn", onClick: () => executionContextState.setExecutionContextToRename(activeExecutionContext.value), tabIndex: -1, title: "Edit Execution Context", children: _jsx(PencilIcon, {}) }), _jsx("button", { className: "btn--dark btn--sm service-execution-editor__configuration__item__btn", onClick: deleteExecutionContext, tabIndex: -1, title: "Delete Execution Context", children: _jsx(XIcon, {}) })] })), executionContextState.newExecutionContextModal && (_jsx(NewExecutionContextModal, { executionState: executionContextState, isReadOnly: dataSpaceState.isReadOnly })), executionContextState.executionContextToRename && (_jsx(RenameModal, { val: executionContextState.executionContextToRename.name, isReadOnly: dataSpaceState.isReadOnly, showModal: true, closeModal: () => executionContextState.setExecutionContextToRename(undefined), setValue: (val) => executionContextState.renameExecutionContext(guaranteeNonNullable(executionContextState.executionContextToRename), val), executionContext: executionContextState.executionContextToRename })), _jsx(PanelDropZone, { dropTargetConnector: dropConnector, isDragOver: isMappingOrRuntimeDragOver && !dataSpaceState.isReadOnly, children: _jsxs("div", { className: "service-execution-editor__configuration__items", children: [_jsxs("div", { className: "service-execution-editor__configuration__item", children: [_jsx("div", { className: "btn--sm service-execution-editor__configuration__item__label", children: _jsx(PURE_MappingIcon, {}) }), _jsx(CustomSelectorInput, { className: "panel__content__form__section__dropdown service-execution-editor__configuration__item__dropdown", disabled: dataSpaceState.isReadOnly, options: mappingOptions, onChange: onMappingSelectionChange, value: selectedMappingOption, darkMode: !applicationStore.layoutService
-                                        .TEMPORARY__isLightColorThemeEnabled, hasError: Boolean(isMappingEmpty) }), _jsx("button", { className: "btn--dark btn--sm service-execution-editor__configuration__item__btn", onClick: visitMapping, tabIndex: -1, title: "See mapping", disabled: Boolean(isMappingEmpty), children: _jsx(LongArrowRightIcon, {}) })] }), _jsxs("div", { className: "service-execution-editor__configuration__item", children: [_jsx("div", { className: "btn--sm service-execution-editor__configuration__item__label", children: _jsx(PURE_RuntimeIcon, {}) }), _jsx(CustomSelectorInput, { className: "panel__content__form__section__dropdown service-execution-editor__configuration__item__dropdown", disabled: dataSpaceState.isReadOnly, options: runtimeOptions, onChange: onRuntimeSelectionChange, value: selectedRuntimeOption, darkMode: !applicationStore.layoutService
-                                        .TEMPORARY__isLightColorThemeEnabled }), _jsx("button", { className: "btn--sm btn--dark service-execution-editor__configuration__item__btn", onClick: visitRuntime, tabIndex: -1, title: "See runtime", disabled: Boolean(runtimePointerWarning), children: _jsx(LongArrowRightIcon, {}) })] })] }) }), _jsx("div", { className: "panel__content__form__section__list__new-item__add", children: _jsx("button", { className: "panel__content__form__section__list__new-item__add-btn btn btn--dark", 
-                    // disabled={isReadOnly}
-                    onClick: addExecutionKey, tabIndex: -1, children: "Add Value" }) })] }));
-});
-//# sourceMappingURL=DataSpaceDefaultExecutionContextSection.js.map

package/lib/components/DataSpaceGeneralEditor/DataSpaceDefaultExecutionContextSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSpaceDefaultExecutionContextSection.js","sourceRoot":"","sources":["../../../src/components/DataSpaceGeneralEditor/DataSpaceDefaultExecutionContextSection.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,IAAI,EACJ,mBAAmB,EACnB,SAAS,EACT,uBAAuB,EACvB,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,oCAAoC,EACpC,2CAA2C,EAC3C,oCAAoC,GACrC,MAAM,0DAA0D,CAAC;AAClE,OAAO,EACL,aAAa,EAEb,cAAc,GAEf,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EACL,6BAA6B,EAC7B,OAAO,EACP,mCAAmC,EACnC,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,kBAAkB,GAEnB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EACL,WAAW,EACX,wBAAwB,GACzB,MAAM,uCAAuC,CAAC;AAG/C,MAAM,CAAC,MAAM,uCAAuC,GAAG,QAAQ,CAAC,GAAG,EAAE;IACnE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,CAAC;IAEtD,MAAM,cAAc,GAClB,WAAW,CAAC,eAAe,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC;IAC3C,MAAM,gBAAgB,GAAG,SAAS,CAAC,uBAAuB,CAAC;IAE3D,MAAM,qBAAqB,GAAG,cAAc,CAAC,qBAAqB,CAAC;IAEnE,UAAU;IACV,6EAA6E;IAC7E,2CAA2C;IAC3C,MAAM,cAAc,GAAG,6BAA6B,CAClD,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAC/B,CAAC;IACF,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;IAC/C,MAAM,cAAc,GAClB,WAAW,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACvE,MAAM,cAAc,GAAG,CACrB,eACE,SAAS,EAAC,gEAAgE,EAC1E,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,aAEhD,cAAK,SAAS,EAAC,uEAAuE,uBAEhF,EACN,KAAC,SAAS,KAAG,IACT,CACP,CAAC;IACF,MAAM,qBAAqB,GAAG;QAC5B,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI;KACjB,CAAC;IACvC,MAAM,wBAAwB,GAAG,CAC/B,GAAsC,EAChC,EAAE;QACR,IAAI,GAAG,CAAC,KAAK,KAAK,OAAO,EAAE,CAAC;YAC1B,oCAAoC,CAClC,gBAAgB,EAChB,mCAAmC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CACtD,CAAC;YACF,qBAAqB,CAAC,gCAAgC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,GAAS,EAAE,CAC9B,WAAW,CAAC,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEnD,UAAU;IACV,MAAM,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC;IACvD,kEAAkE;IAClE,6EAA6E;IAC7E,MAAM,QAAQ,GAAG,WAAW,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAC1E,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC/D,CAAC;IACF,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3C,KAAK,EAAE,EAAE,CAAC,IAAI;QACd,KAAK,EAAE,mCAAmC,CAAC,MAAM,CAAC,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IACJ,MAAM,qBAAqB,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,uDAAuD;QAC5H,CAAC,CAAC,qDAAqD,OAAO,CAAC,IAAI,GAAG;QACtE,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,qBAAqB,GAAG;QAC5B,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,CACL,eACE,SAAS,EAAC,kEAAkE,EAC5E,KAAK,EAAE,SAAS,aAEhB,cACE,SAAS,EAAE,IAAI,CACb,yEAAyE,EACzE;wBACE,uFAAuF,EACrF,OAAO,CAAC,qBAAqB,CAAC;qBACjC,CACF,YAEA,cAAc,CAAC,KAAK,CAAC,IAAI,GACtB,EACL,qBAAqB,IAAI,CACxB,cACE,SAAS,EAAC,2EAA2E,EACrF,KAAK,EAAE,qBAAqB,YAE5B,KAAC,uBAAuB,KAAG,GACvB,CACP,IACG,CACP;KAID,CAAC;IACH,MAAM,wBAAwB,GAAG,CAAC,GAGjC,EAAQ,EAAE;QACT,IAAI,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,cAAc,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YACzE,2CAA2C,CAAC,gBAAgB,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,GAAS,EAAE;QAC9B,WAAW,CAAC,eAAe,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM;IACN,MAAM,0BAA0B,GAAG,WAAW,CAC5C,CAAC,IAAgC,EAAQ,EAAE;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;QAC7C,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;YAC/B,IAAI,OAAO,YAAY,OAAO,EAAE,CAAC;gBAC/B,oCAAoC,CAClC,gBAAgB,EAChB,mCAAmC,CAAC,MAAM,CAAC,OAAO,CAAC,CACpD,CAAC;gBACF,qBAAqB,CAAC,gCAAgC,CAAC,OAAO,CAAC,CAAC;YAClE,CAAC;iBAAM,IACL,OAAO,YAAY,kBAAkB;gBACrC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EACnE,CAAC;gBACD,2CAA2C,CACzC,gBAAgB,EAChB,mCAAmC,CAAC,MAAM,CAAC,OAAO,CAAC,CACpD,CAAC;YACJ,CAAC;QACH,CAAC;IACH,CAAC,EACD;QACE,cAAc,CAAC,UAAU;QACzB,OAAO;QACP,qBAAqB;QACrB,gBAAgB;KACjB,CACF,CAAC;IACF,MAAM,CAAC,EAAE,0BAA0B,EAAE,EAAE,aAAa,CAAC,GAAG,OAAO,CAK7D,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,aAAa,CAAC,wBAAwB;YACtC,aAAa,CAAC,wBAAwB;SACvC;QACD,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,0BAA0B,CAAC,IAAI,CAAC;QAChD,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACrB,0BAA0B,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;SAC9D,CAAC;KACH,CAAC,EACF,CAAC,0BAA0B,CAAC,CAC7B,CAAC;IAEF,6BAA6B;IAC7B,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,qBAAqB,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC,CAAC;IAKF,MAAM,2BAA2B,GAAG,CAClC,OAAkC,EACV,EAAE,CAAC,CAAC;QAC5B,KAAK,EAAE,OAAO,CAAC,IAAI;QACnB,KAAK,EAAE,OAAO;KACf,CAAC,CAAC;IACH,MAAM,uBAAuB,GAAG,SAAS,CAAC,iBAAiB,CAAC,GAAG,CAC7D,2BAA2B,CAC5B,CAAC;IACF,MAAM,wBAAwB,GAAG,CAAC,MAA8B,EAAE,EAAE;QAClE,IAAI,MAAM,CAAC,KAAK,KAAK,gBAAgB,EAAE,CAAC;YACtC,oCAAoC,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;YAC9D,qBAAqB,CAAC,2BAA2B,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,2BAA2B,CAAC,gBAAgB,CAAC,CAAC;IAC7E,MAAM,sBAAsB,GAAG,GAAS,EAAE;QACxC,qBAAqB,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;QAC/D,IACE,SAAS,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC;YACtC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAC9B,CAAC;YACD,oCAAoC,CAClC,SAAS,EACT,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAC/B,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,gBAAgB,eACf,cAAK,SAAS,EAAC,8CAA8C,kCAEvD,EACN,cAAK,SAAS,EAAC,+CAA+C,sEAExD,EACL,SAAS,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,CACzC,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,mBAAmB,IAClB,SAAS,EAAC,iGAAiG,EAC3G,QAAQ,EAAE,cAAc,CAAC,UAAU,EACnC,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAE,wBAAwB,EAClC,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EACN,CAAC,gBAAgB,CAAC,aAAa;6BAC5B,mCAAmC,GAExC,EACF,iBACE,SAAS,EAAC,sEAAsE,EAChF,OAAO,EAAE,GAAG,EAAE,CACZ,qBAAqB,CAAC,2BAA2B,CAC/C,sBAAsB,CAAC,KAAK,CAC7B,EAEH,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAC,wBAAwB,YAE9B,KAAC,UAAU,KAAG,GACP,EACT,iBACE,SAAS,EAAC,sEAAsE,EAChF,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAC,0BAA0B,YAEhC,KAAC,KAAK,KAAG,GACF,IACL,CACP,EACA,qBAAqB,CAAC,wBAAwB,IAAI,CACjD,KAAC,wBAAwB,IACvB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,cAAc,CAAC,UAAU,GACrC,CACH,EACA,qBAAqB,CAAC,wBAAwB,IAAI,CACjD,KAAC,WAAW,IACV,GAAG,EAAE,qBAAqB,CAAC,wBAAwB,CAAC,IAAI,EACxD,UAAU,EAAE,cAAc,CAAC,UAAU,EACrC,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,GAAS,EAAE,CACrB,qBAAqB,CAAC,2BAA2B,CAAC,SAAS,CAAC,EAE9D,QAAQ,EAAE,CAAC,GAAW,EAAQ,EAAE,CAC9B,qBAAqB,CAAC,sBAAsB,CAC1C,oBAAoB,CAClB,qBAAqB,CAAC,wBAAwB,CAC/C,EACD,GAAG,CACJ,EAEH,gBAAgB,EAAE,qBAAqB,CAAC,wBAAwB,GAChE,CACH,EAED,KAAC,aAAa,IACZ,mBAAmB,EAAE,aAAa,EAClC,UAAU,EAAE,0BAA0B,IAAI,CAAC,cAAc,CAAC,UAAU,YAEpE,eAAK,SAAS,EAAC,gDAAgD,aAC7D,eAAK,SAAS,EAAC,+CAA+C,aAC5D,cAAK,SAAS,EAAC,8DAA8D,YAC3E,KAAC,gBAAgB,KAAG,GAChB,EACN,KAAC,mBAAmB,IAClB,SAAS,EAAC,iGAAiG,EAC3G,QAAQ,EAAE,cAAc,CAAC,UAAU,EACnC,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,wBAAwB,EAClC,KAAK,EAAE,qBAAqB,EAC5B,QAAQ,EACN,CAAC,gBAAgB,CAAC,aAAa;yCAC5B,mCAAmC,EAExC,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,GACjC,EACF,iBACE,SAAS,EAAC,sEAAsE,EAChF,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,YAEjC,KAAC,kBAAkB,KAAG,GACf,IACL,EACN,eAAK,SAAS,EAAC,+CAA+C,aAC5D,cAAK,SAAS,EAAC,8DAA8D,YAC3E,KAAC,gBAAgB,KAAG,GAChB,EACN,KAAC,mBAAmB,IAClB,SAAS,EAAC,iGAAiG,EAC3G,QAAQ,EAAE,cAAc,CAAC,UAAU,EACnC,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,wBAAwB,EAClC,KAAK,EAAE,qBAAqB,EAC5B,QAAQ,EACN,CAAC,gBAAgB,CAAC,aAAa;yCAC5B,mCAAmC,GAExC,EACF,iBACE,SAAS,EAAC,sEAAsE,EAChF,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,OAAO,CAAC,qBAAqB,CAAC,YAExC,KAAC,kBAAkB,KAAG,GACf,IACL,IACF,GACQ,EAChB,cAAK,SAAS,EAAC,oDAAoD,YACjE,iBACE,SAAS,EAAC,sEAAsE;oBAChF,wBAAwB;oBACxB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,CAAC,0BAGL,GACL,IACW,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/components/DataSpaceGeneralEditor/DataSpaceDefaultExecutionContextSection.tsx

@@ -1,393 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {
-  clsx,
-  CustomSelectorInput,
-  ErrorIcon,
-  ExclamationTriangleIcon,
-  LongArrowRightIcon,
-  PanelDropZone,
-  PanelFormSection,
-  PencilIcon,
-  PURE_MappingIcon,
-  PURE_RuntimeIcon,
-  XIcon,
-} from '@finos/legend-art';
-import type { DataSpaceExecutionContext } from '@finos/legend-extension-dsl-data-space/graph';
-import { observer } from 'mobx-react-lite';
-import {
-  dataSpace_setDefaultExecutionContext,
-  dataSpace_setExecutionContextDefaultRuntime,
-  dataSpace_setExecutionContextMapping,
-} from '../../stores/studio/DSL_DataSpace_GraphModifierHelper.js';
-import {
-  CORE_DND_TYPE,
-  type ElementDragSource,
-  useEditorStore,
-  type UMLEditorElementDropTarget,
-} from '@finos/legend-application-studio';
-import { DataSpaceEditorState } from '../../stores/DataSpaceEditorState.js';
-import {
-  validate_PureExecutionMapping,
-  Mapping,
-  PackageableElementExplicitReference,
-  PackageableRuntime,
-} from '@finos/legend-graph';
-import { useCallback } from 'react';
-import { useDrop } from 'react-dnd';
-import {
-  buildElementOption,
-  type PackageableElementOption,
-} from '@finos/legend-lego/graph-editor';
-import { guaranteeNonNullable } from '@finos/legend-shared';
-import {
-  RenameModal,
-  NewExecutionContextModal,
-} from '../DataSpaceExecutionContextEditor.js';
-import type { PropsValue } from 'react-select';
-
-export const DataSpaceDefaultExecutionContextSection = observer(() => {
-  const editorStore = useEditorStore();
-  const applicationStore = editorStore.applicationStore;
-
-  const dataSpaceState =
-    editorStore.tabManagerState.getCurrentEditorState(DataSpaceEditorState);
-  const dataSpace = dataSpaceState.dataSpace;
-  const executionContext = dataSpace.defaultExecutionContext;
-
-  const executionContextState = dataSpaceState.executionContextState;
-
-  // Mapping
-  // TODO: this is not generic error handling, as there could be other problems
-  // with mapping, we need to genericize this
-  const isMappingEmpty = validate_PureExecutionMapping(
-    executionContext.mapping.value,
-  );
-  const mapping = executionContext.mapping.value;
-  const mappingOptions =
-    editorStore.graphManagerState.usableMappings.map(buildElementOption);
-  const noMappingLabel = (
-    <div
-      className="service-execution-editor__configuration__mapping-option--empty"
-      title={isMappingEmpty?.messages.join('\n') ?? ''}
-    >
-      <div className="service-execution-editor__configuration__mapping-option--empty__label">
-        (none)
-      </div>
-      <ErrorIcon />
-    </div>
-  );
-  const selectedMappingOption = {
-    value: mapping,
-    label: isMappingEmpty ? noMappingLabel : mapping.path,
-  } as PackageableElementOption<Mapping>;
-  const onMappingSelectionChange = (
-    val: PackageableElementOption<Mapping>,
-  ): void => {
-    if (val.value !== mapping) {
-      dataSpace_setExecutionContextMapping(
-        executionContext,
-        PackageableElementExplicitReference.create(val.value),
-      );
-      executionContextState.autoSelectRuntimeOnMappingChange(val.value);
-    }
-  };
-  const visitMapping = (): void =>
-    editorStore.graphEditorMode.openElement(mapping);
-
-  // Runtime
-  const defaultRuntime = executionContext.defaultRuntime;
-  // NOTE: for now, only include runtime associated with the mapping
-  // TODO?: Should we bring the runtime compatibility check from query to here?
-  const runtimes = editorStore.graphManagerState.graph.runtimes.filter((rt) =>
-    rt.runtimeValue.mappings.map((m) => m.value).includes(mapping),
-  );
-  const runtimeOptions = runtimes.map((rt) => ({
-    label: rt.path,
-    value: PackageableElementExplicitReference.create(rt),
-  }));
-  const runtimePointerWarning = !runtimes.includes(defaultRuntime.value) // if the runtime does not belong to the chosen mapping
-    ? `runtime is not associated with specified mapping '${mapping.path}'`
-    : undefined;
-  const selectedRuntimeOption = {
-    value: defaultRuntime,
-    label: (
-      <div
-        className="service-execution-editor__configuration__runtime-option__pointer"
-        title={undefined}
-      >
-        <div
-          className={clsx(
-            'service-execution-editor__configuration__runtime-option__pointer__label',
-            {
-              'service-execution-editor__configuration__runtime-option__pointer__label--with-warning':
-                Boolean(runtimePointerWarning),
-            },
-          )}
-        >
-          {defaultRuntime.value.path}
-        </div>
-        {runtimePointerWarning && (
-          <div
-            className="service-execution-editor__configuration__runtime-option__pointer__warning"
-            title={runtimePointerWarning}
-          >
-            <ExclamationTriangleIcon />
-          </div>
-        )}
-      </div>
-    ),
-  } as unknown as PropsValue<{
-    label: string;
-    value: PackageableElementExplicitReference<PackageableRuntime>;
-  }>;
-  const onRuntimeSelectionChange = (val: {
-    label: string | React.ReactNode;
-    value: PackageableElementExplicitReference<PackageableRuntime> | undefined;
-  }): void => {
-    if (val.value?.value !== defaultRuntime.value && val.value !== undefined) {
-      dataSpace_setExecutionContextDefaultRuntime(executionContext, val.value);
-    }
-  };
-  const visitRuntime = (): void => {
-    editorStore.graphEditorMode.openElement(defaultRuntime.value);
-  };
-
-  // DnD
-  const handleMappingOrRuntimeDrop = useCallback(
-    (item: UMLEditorElementDropTarget): void => {
-      const element = item.data.packageableElement;
-      if (!dataSpaceState.isReadOnly) {
-        if (element instanceof Mapping) {
-          dataSpace_setExecutionContextMapping(
-            executionContext,
-            PackageableElementExplicitReference.create(element),
-          );
-          executionContextState.autoSelectRuntimeOnMappingChange(element);
-        } else if (
-          element instanceof PackageableRuntime &&
-          element.runtimeValue.mappings.map((m) => m.value).includes(mapping)
-        ) {
-          dataSpace_setExecutionContextDefaultRuntime(
-            executionContext,
-            PackageableElementExplicitReference.create(element),
-          );
-        }
-      }
-    },
-    [
-      dataSpaceState.isReadOnly,
-      mapping,
-      executionContextState,
-      executionContext,
-    ],
-  );
-  const [{ isMappingOrRuntimeDragOver }, dropConnector] = useDrop<
-    ElementDragSource,
-    void,
-    { isMappingOrRuntimeDragOver: boolean }
-  >(
-    () => ({
-      accept: [
-        CORE_DND_TYPE.PROJECT_EXPLORER_MAPPING,
-        CORE_DND_TYPE.PROJECT_EXPLORER_RUNTIME,
-      ],
-      drop: (item) => handleMappingOrRuntimeDrop(item),
-      collect: (monitor) => ({
-        isMappingOrRuntimeDragOver: monitor.isOver({ shallow: true }),
-      }),
-    }),
-    [handleMappingOrRuntimeDrop],
-  );
-
-  //multiple execution contexts
-  const addExecutionKey = (): void => {
-    executionContextState.setNewExecutionContextModal(true);
-  };
-  type ExecutionContextOption = {
-    label: string;
-    value: DataSpaceExecutionContext;
-  };
-  const buildExecutionContextOption = (
-    context: DataSpaceExecutionContext,
-  ): ExecutionContextOption => ({
-    label: context.name,
-    value: context,
-  });
-  const executionContextOptions = dataSpace.executionContexts.map(
-    buildExecutionContextOption,
-  );
-  const onExecutionContextChange = (option: ExecutionContextOption) => {
-    if (option.value !== executionContext) {
-      dataSpace_setDefaultExecutionContext(dataSpace, option.value);
-      executionContextState.setSelectedExecutionContext(option.value);
-    }
-  };
-  const activeExecutionContext = buildExecutionContextOption(executionContext);
-  const deleteExecutionContext = (): void => {
-    executionContextState.removeExecutionContext(executionContext);
-    if (
-      dataSpace.executionContexts.length > 0 &&
-      dataSpace.executionContexts[0]
-    ) {
-      dataSpace_setDefaultExecutionContext(
-        dataSpace,
-        dataSpace.executionContexts[0],
-      );
-    }
-  };
-
-  return (
-    <PanelFormSection>
-      <div className="panel__content__form__section__header__label">
-        Execution Context
-      </div>
-      <div className="panel__content__form__section__header__prompt">
-        Define the mapping and runtime for this Data Product.
-      </div>
-      {dataSpace.executionContexts.length > 1 && (
-        <div className="service-execution-editor__configuration__item">
-          <CustomSelectorInput
-            className="panel__content__form__section__dropdown service-execution-editor__configuration__item__dropdown"
-            disabled={dataSpaceState.isReadOnly}
-            options={executionContextOptions}
-            onChange={onExecutionContextChange}
-            value={activeExecutionContext}
-            darkMode={
-              !applicationStore.layoutService
-                .TEMPORARY__isLightColorThemeEnabled
-            }
-          />
-          <button
-            className="btn--dark btn--sm service-execution-editor__configuration__item__btn"
-            onClick={() =>
-              executionContextState.setExecutionContextToRename(
-                activeExecutionContext.value,
-              )
-            }
-            tabIndex={-1}
-            title="Edit Execution Context"
-          >
-            <PencilIcon />
-          </button>
-          <button
-            className="btn--dark btn--sm service-execution-editor__configuration__item__btn"
-            onClick={deleteExecutionContext}
-            tabIndex={-1}
-            title="Delete Execution Context"
-          >
-            <XIcon />
-          </button>
-        </div>
-      )}
-      {executionContextState.newExecutionContextModal && (
-        <NewExecutionContextModal
-          executionState={executionContextState}
-          isReadOnly={dataSpaceState.isReadOnly}
-        />
-      )}
-      {executionContextState.executionContextToRename && (
-        <RenameModal
-          val={executionContextState.executionContextToRename.name}
-          isReadOnly={dataSpaceState.isReadOnly}
-          showModal={true}
-          closeModal={(): void =>
-            executionContextState.setExecutionContextToRename(undefined)
-          }
-          setValue={(val: string): void =>
-            executionContextState.renameExecutionContext(
-              guaranteeNonNullable(
-                executionContextState.executionContextToRename,
-              ),
-              val,
-            )
-          }
-          executionContext={executionContextState.executionContextToRename}
-        />
-      )}
-
-      <PanelDropZone
-        dropTargetConnector={dropConnector}
-        isDragOver={isMappingOrRuntimeDragOver && !dataSpaceState.isReadOnly}
-      >
-        <div className="service-execution-editor__configuration__items">
-          <div className="service-execution-editor__configuration__item">
-            <div className="btn--sm service-execution-editor__configuration__item__label">
-              <PURE_MappingIcon />
-            </div>
-            <CustomSelectorInput
-              className="panel__content__form__section__dropdown service-execution-editor__configuration__item__dropdown"
-              disabled={dataSpaceState.isReadOnly}
-              options={mappingOptions}
-              onChange={onMappingSelectionChange}
-              value={selectedMappingOption}
-              darkMode={
-                !applicationStore.layoutService
-                  .TEMPORARY__isLightColorThemeEnabled
-              }
-              hasError={Boolean(isMappingEmpty)}
-            />
-            <button
-              className="btn--dark btn--sm service-execution-editor__configuration__item__btn"
-              onClick={visitMapping}
-              tabIndex={-1}
-              title="See mapping"
-              disabled={Boolean(isMappingEmpty)}
-            >
-              <LongArrowRightIcon />
-            </button>
-          </div>
-          <div className="service-execution-editor__configuration__item">
-            <div className="btn--sm service-execution-editor__configuration__item__label">
-              <PURE_RuntimeIcon />
-            </div>
-            <CustomSelectorInput
-              className="panel__content__form__section__dropdown service-execution-editor__configuration__item__dropdown"
-              disabled={dataSpaceState.isReadOnly}
-              options={runtimeOptions}
-              onChange={onRuntimeSelectionChange}
-              value={selectedRuntimeOption}
-              darkMode={
-                !applicationStore.layoutService
-                  .TEMPORARY__isLightColorThemeEnabled
-              }
-            />
-            <button
-              className="btn--sm btn--dark service-execution-editor__configuration__item__btn"
-              onClick={visitRuntime}
-              tabIndex={-1}
-              title="See runtime"
-              disabled={Boolean(runtimePointerWarning)}
-            >
-              <LongArrowRightIcon />
-            </button>
-          </div>
-        </div>
-      </PanelDropZone>
-      <div className="panel__content__form__section__list__new-item__add">
-        <button
-          className="panel__content__form__section__list__new-item__add-btn btn btn--dark"
-          // disabled={isReadOnly}
-          onClick={addExecutionKey}
-          tabIndex={-1}
-        >
-          Add Value
-        </button>
-      </div>
-    </PanelFormSection>
-  );
-});