@finos/legend-application-studio 26.0.2 → 26.0.3

package/src/components/editor/editor-group/INTERNAL__UnknownFunctionActivatorEdtior.tsx

@@ -0,0 +1,129 @@
+/**
+ * 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 { useEditorStore } from '../EditorStoreProvider.js';
+import { INTERNAL__UnknownFunctionActivatorEdtiorState } from '../../../stores/editor/editor-state/element-editor-state/INTERNAL__UnknownFunctionActivatorEditorState.js';
+import { BlankPanelContent, Panel } from '@finos/legend-art';
+import { useApplicationStore } from '@finos/legend-application';
+import { flowResult } from 'mobx';
+import { ProtocolValueBuilder } from './ProtocolValueBuilder.js';
+import {
+  extractAnnotatedElementDocumentation,
+  generateFunctionPrettyName,
+  getClassProperty,
+} from '@finos/legend-graph';
+import { returnUndefOnError } from '@finos/legend-shared';
+
+export const INTERNAL__UnknownFunctionActivatorEdtior = observer(() => {
+  const editorStore = useEditorStore();
+  const applicationStore = useApplicationStore();
+  const editorState = editorStore.tabManagerState.getCurrentEditorState(
+    INTERNAL__UnknownFunctionActivatorEdtiorState,
+  );
+  const validate = (): void => {
+    flowResult(editorState.validate()).catch(
+      applicationStore.alertUnhandledError,
+    );
+  };
+  const publishToSandbox = (): void => {
+    flowResult(editorState.publishToSandbox()).catch(
+      applicationStore.alertUnhandledError,
+    );
+  };
+
+  // function
+  const valueBuilderState = editorState.protocolValueBuilderState;
+  const functionFieldProperty = valueBuilderState
+    ? returnUndefOnError(() =>
+        getClassProperty(valueBuilderState.type, 'function'),
+      )
+    : undefined;
+  const functionFieldDocumentation = functionFieldProperty
+    ? extractAnnotatedElementDocumentation(functionFieldProperty)
+    : undefined;
+
+  return (
+    <div className="function-activator-editor">
+      <Panel>
+        <div className="panel__header">
+          <div className="panel__header__title">
+            <div className="panel__header__title__label">
+              function activator
+            </div>
+          </div>
+        </div>
+        <div className="panel__content">
+          <div className="function-activator-editor__content">
+            {valueBuilderState && (
+              <>
+                <div className="panel__content__form">
+                  <div className="panel__content__form__section">
+                    <div className="panel__content__form__section__header__label">
+                      Function
+                    </div>
+                    {functionFieldDocumentation && (
+                      <div className="panel__content__form__section__header__prompt">
+                        {functionFieldDocumentation}
+                      </div>
+                    )}
+                    <input
+                      className="panel__content__form__section__input"
+                      spellCheck={false}
+                      disabled={true}
+                      value={generateFunctionPrettyName(
+                        editorState.activator.function.value,
+                        {
+                          fullPath: true,
+                          spacing: false,
+                        },
+                      )}
+                    />
+                  </div>
+                  <div className="panel__content__form__section">
+                    <div className="panel__content__form__section__divider"></div>
+                  </div>
+                </div>
+                <ProtocolValueBuilder builderState={valueBuilderState} />
+              </>
+            )}
+            {!valueBuilderState && (
+              <BlankPanelContent>{`Can't display function activator in form mode`}</BlankPanelContent>
+            )}
+          </div>
+          <div className="function-activator-editor__footer">
+            <button
+              className="function-activator-editor__footer__action btn--dark"
+              onClick={validate}
+              disabled={editorState.validateState.isInProgress}
+              tabIndex={-1}
+            >
+              Validate
+            </button>
+            <button
+              className="function-activator-editor__footer__action btn--dark"
+              onClick={publishToSandbox}
+              disabled={editorState.publishToSandboxState.isInProgress}
+              tabIndex={-1}
+            >
+              Publish to Sandbox
+            </button>
+          </div>
+        </div>
+      </Panel>
+    </div>
+  );
+});

package/src/components/editor/editor-group/ModelImporter.tsx

@@ -177,7 +177,7 @@ export const ModelImporter = observer(() => {
             <TruckLoadingIcon />
           </div>
           <div className="model-loader__header__configs__edit-mode__label">
-            current entities
+            Load from Graph
           </div>
         </div>
       );

package/src/components/editor/editor-group/ProtocolValueBuilder.tsx

@@ -0,0 +1,225 @@
+/**
+ * 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 { extractAnnotatedElementDocumentation } from '@finos/legend-graph';
+import {
+  BlankPanelContent,
+  TreeView,
+  type TreeNodeContainerProps,
+  type TreeNodeViewProps,
+  clsx,
+  TimesIcon,
+} from '@finos/legend-art';
+import { isNonNullable, noop, prettyCONSTName } from '@finos/legend-shared';
+import {
+  UnsupportedFieldNode,
+  type ProtocolValueBuilderState,
+  type ProtocolValueFieldNode,
+  StringFieldNode,
+  OptionalStringFieldNode,
+} from '../../../stores/editor/editor-state/element-editor-state/ProtocolValueBuilderState.js';
+
+const UnsupportedFieldEditor = observer(
+  (
+    props: TreeNodeContainerProps<
+      UnsupportedFieldNode,
+      { builderState: ProtocolValueBuilderState }
+    >,
+  ) => {
+    const { node } = props;
+    const property = node.property;
+    const documentation = extractAnnotatedElementDocumentation(property);
+
+    return (
+      <div className="panel__content__form__section">
+        <div className="panel__content__form__section__header__label">
+          {prettyCONSTName(property.name)}
+        </div>
+        {documentation && (
+          <div className="panel__content__form__section__header__prompt">
+            {documentation}
+          </div>
+        )}
+        <div>unsupported</div>
+      </div>
+    );
+  },
+);
+
+const StringFieldEditor = observer(
+  (
+    props: TreeNodeContainerProps<
+      StringFieldNode,
+      { builderState: ProtocolValueBuilderState }
+    >,
+  ) => {
+    const { node } = props;
+    const property = node.property;
+    const documentation = extractAnnotatedElementDocumentation(property);
+
+    return (
+      <div className="panel__content__form__section">
+        <div className="panel__content__form__section__header__label">
+          {prettyCONSTName(property.name)}
+        </div>
+        {documentation && (
+          <div className="panel__content__form__section__header__prompt">
+            {documentation}
+          </div>
+        )}
+        <input
+          className="panel__content__form__section__input"
+          spellCheck={false}
+          value={node.value}
+          onChange={(event) => node.setValue(event.target.value)}
+        />
+      </div>
+    );
+  },
+);
+
+const OptionalStringFieldEditor = observer(
+  (
+    props: TreeNodeContainerProps<
+      OptionalStringFieldNode,
+      { builderState: ProtocolValueBuilderState }
+    >,
+  ) => {
+    const { node } = props;
+    const property = node.property;
+    const documentation = extractAnnotatedElementDocumentation(property);
+
+    return (
+      <div className="panel__content__form__section">
+        <div className="panel__content__form__section__header__label">
+          {prettyCONSTName(property.name)}
+        </div>
+        {documentation && (
+          <div className="panel__content__form__section__header__prompt">
+            {documentation}
+          </div>
+        )}
+        <div className="panel__content__form__section__input__container">
+          <input
+            className="panel__content__form__section__input"
+            spellCheck={false}
+            value={node.value ?? ''}
+            placeholder={node.value === undefined ? '(empty)' : undefined}
+            onChange={(event) => node.setValue(event.target.value)}
+          />
+          <button
+            className="panel__content__form__section__input__reset-btn"
+            tabIndex={-1}
+            onClick={() => node.setValue(undefined)}
+            title="Reset"
+          >
+            <TimesIcon />
+          </button>
+        </div>
+      </div>
+    );
+  },
+);
+
+const ProtocolValueFieldEditor = observer(
+  (
+    props: TreeNodeContainerProps<
+      ProtocolValueFieldNode,
+      { builderState: ProtocolValueBuilderState }
+    >,
+  ) => {
+    const { node } = props;
+
+    if (node instanceof UnsupportedFieldNode) {
+      return <UnsupportedFieldEditor {...props} node={node} />;
+    } else if (node instanceof StringFieldNode) {
+      return <StringFieldEditor {...props} node={node} />;
+    } else if (node instanceof OptionalStringFieldNode) {
+      return <OptionalStringFieldEditor {...props} node={node} />;
+    }
+    return null;
+  },
+);
+
+const ProtocolValueNodeView = observer(
+  (
+    props: TreeNodeViewProps<
+      ProtocolValueFieldNode,
+      {
+        builderState: ProtocolValueBuilderState;
+      }
+    >,
+  ) => {
+    const { node, level, getChildNodes, classPrefix } = props;
+    const childNodes = getChildNodes(node);
+    if (!childNodes.length) {
+      return <ProtocolValueFieldEditor {...props} />;
+    }
+    return (
+      <div
+        className={clsx('tree-view__node__block panel__content__form', {
+          [`${classPrefix}__tree-view__node__block`]: classPrefix,
+        })}
+      >
+        <ProtocolValueFieldEditor {...props} level={level + 1} />
+        {node.isOpen &&
+          childNodes.map((childNode) => (
+            <ProtocolValueNodeView {...props} key={childNode.id} />
+          ))}
+      </div>
+    );
+  },
+);
+
+export const ProtocolValueBuilder = observer(
+  (props: { builderState: ProtocolValueBuilderState }) => {
+    const { builderState } = props;
+    const treeData = builderState.treeData;
+    const getChildNodes = (
+      node: ProtocolValueFieldNode,
+    ): ProtocolValueFieldNode[] => {
+      if (!node.childrenIds.length || !treeData) {
+        return [];
+      }
+      return node.childrenIds
+        .map((childId) => treeData.nodes.get(childId))
+        .filter(isNonNullable);
+    };
+
+    if (!treeData) {
+      return (
+        // TODO: show a JSON editor
+        <BlankPanelContent>{`Can't display form editor`}</BlankPanelContent>
+      );
+    }
+    return (
+      <TreeView
+        className="protocol-value-builder panel__content__form"
+        components={{
+          TreeNodeContainer: ProtocolValueFieldEditor,
+          TreeNodeView: ProtocolValueNodeView,
+        }}
+        treeData={treeData}
+        onNodeSelect={noop()}
+        getChildNodes={getChildNodes}
+        innerProps={{
+          builderState,
+        }}
+      />
+    );
+  },
+);

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

@@ -1369,7 +1369,7 @@ const PostProcessorRelationalConnectionEditor = observer(
                     <BlankPanelContent>
                       {!postProcessors.length
                         ? 'Add a post-processor'
-                        : 'Select a post-processor to view'}
+                        : 'Choose a post-processor to view'}
                     </BlankPanelContent>
                   )}
                 </ResizablePanel>
@@ -1552,6 +1552,7 @@ const renderAuthenticationStrategyEditor = (
     return null;
   }
 };
+
 const RelationalConnectionGeneralEditor = observer(
   (props: {
     connectionValueState: RelationalDatabaseConnectionValueState;
@@ -1635,6 +1636,30 @@ const RelationalConnectionGeneralEditor = observer(
       }
     };
 
+    // HACKY:
+    if (connection.localMode) {
+      return (
+        <div className="relational-connection-editor">
+          <Panel>
+            <PanelHeader title="general"></PanelHeader>
+            <PanelContent className="relational-connection-editor__general">
+              <PanelFormSection>
+                <div className="panel__content__form__section__header__label">
+                  Database type
+                </div>
+                <CustomSelectorInput
+                  options={typeOptions}
+                  onChange={onTypeChange}
+                  value={selectedType}
+                  darkMode={true}
+                />
+              </PanelFormSection>
+            </PanelContent>
+          </Panel>
+        </div>
+      );
+    }
+
     return (
       <div className="relational-connection-editor">
         <ResizablePanelGroup orientation="horizontal">

package/src/components/editor/editor-group/connection-editor/post-processor-editor/MapperPostProcessorEditor.tsx

@@ -226,7 +226,7 @@ export const MapperPostProcessorEditor = observer(
                     <BlankPanelContent>
                       {!mappers.length
                         ? 'Add a mapper'
-                        : 'Select a mapper to view'}
+                        : 'Choose a mapper to view'}
                     </BlankPanelContent>
                   )}
                   {selectedMapper && (

package/src/components/editor/editor-group/element-generation-editor/FileGenerationEditor.tsx

@@ -318,10 +318,7 @@ const GenerationStringPropertyEditor = observer(
   (props: {
     property: GenerationProperty;
     isReadOnly: boolean;
-    update: (
-      AbstractGenerationProperty: GenerationProperty,
-      newValue: PlainObject,
-    ) => void;
+    update: (property: GenerationProperty, newValue: PlainObject) => void;
     getConfigValue: (name: string) => unknown | undefined;
   }) => {
     const { property, getConfigValue, isReadOnly, update } = props;
@@ -356,10 +353,7 @@ const GenerationIntegerPropertyEditor = observer(
   (props: {
     property: GenerationProperty;
     isReadOnly: boolean;
-    update: (
-      AbstractGenerationProperty: GenerationProperty,
-      newValue: PlainObject,
-    ) => void;
+    update: (property: GenerationProperty, newValue: PlainObject) => void;
     getConfigValue: (name: string) => unknown | undefined;
   }) => {
     const { property, getConfigValue, isReadOnly, update } = props;
@@ -395,10 +389,7 @@ const GenerationBooleanPropertyEditor = observer(
   (props: {
     property: GenerationProperty;
     isReadOnly: boolean;
-    update: (
-      AbstractGenerationProperty: GenerationProperty,
-      newValue: PlainObject,
-    ) => void;
+    update: (property: GenerationProperty, newValue: PlainObject) => void;
     getConfigValue: (name: string) => unknown | undefined;
   }) => {
     const { property, getConfigValue, isReadOnly, update } = props;
@@ -425,10 +416,7 @@ const GenerationEnumPropertyEditor = observer(
   (props: {
     property: GenerationProperty;
     isReadOnly: boolean;
-    update: (
-      AbstractGenerationProperty: GenerationProperty,
-      newValue: PlainObject,
-    ) => void;
+    update: (property: GenerationProperty, newValue: PlainObject) => void;
     getConfigValue: (name: string) => unknown | undefined;
   }) => {
     const { property, getConfigValue, isReadOnly, update } = props;
@@ -475,10 +463,7 @@ const GenerationArrayPropertyEditor = observer(
   (props: {
     property: GenerationProperty;
     isReadOnly: boolean;
-    update: (
-      AbstractGenerationProperty: GenerationProperty,
-      newValue: object,
-    ) => void;
+    update: (property: GenerationProperty, newValue: object) => void;
     getConfigValue: (name: string) => unknown | undefined;
   }) => {
     const { property, getConfigValue, isReadOnly, update } = props;
@@ -668,10 +653,7 @@ const GenerationMapPropertyEditor = observer(
   (props: {
     property: GenerationProperty;
     isReadOnly: boolean;
-    update: (
-      AbstractGenerationProperty: GenerationProperty,
-      newValue: object,
-    ) => void;
+    update: (property: GenerationProperty, newValue: object) => void;
     getConfigValue: (name: string) => unknown | undefined;
   }) => {
     const { property, getConfigValue, isReadOnly, update } = props;
@@ -904,10 +886,7 @@ export const GenerationPropertyEditor = observer(
     property: GenerationProperty;
     getConfigValue: (name: string) => unknown | undefined;
     isReadOnly: boolean;
-    update: (
-      AbstractGenerationProperty: GenerationProperty,
-      newValue: object,
-    ) => void;
+    update: (property: GenerationProperty, newValue: object) => void;
   }) => {
     const { property, getConfigValue, isReadOnly, update } = props;
     switch (property.type) {

package/src/components/editor/editor-group/mapping-editor/EnumerationMappingEditor.tsx

@@ -510,7 +510,7 @@ export const EnumerationMappingEditor = observer(
                       onClick={showSourceSelectorModal}
                       disabled={isReadOnly}
                       tabIndex={-1}
-                      title="Select a source..."
+                      title="Choose a source..."
                     >
                       <PencilIcon />
                     </button>

package/src/components/editor/editor-group/mapping-editor/FlatDataPropertyMappingEditor.tsx

@@ -50,7 +50,7 @@ import {
   CLASS_PROPERTY_TYPE,
   getClassPropertyType,
 } from '../../../../stores/editor/utils/ModelClassifierUtils.js';
-import { LambdaEditor } from '@finos/legend-query-builder';
+import { InlineLambdaEditor } from '@finos/legend-query-builder';
 
 const SimplePropertyMappingEditor = observer(
   (props: {
@@ -83,7 +83,7 @@ const SimplePropertyMappingEditor = observer(
     return (
       <div className="property-mapping-editor__entry__container">
         <div ref={drop} className="property-mapping-editor__entry">
-          <LambdaEditor
+          <InlineLambdaEditor
             className={clsx({ 'lambda-editor--dnd-match': canDrop })}
             disabled={transformProps.disableTransform}
             lambdaEditorState={propertyMappingState}
@@ -194,7 +194,7 @@ const EnumerationPropertyMappingEditor = observer(
               options={options}
               onChange={handleSelectionChange}
               value={{ value: transformerLabel, label: transformerLabel }}
-              placeholder="Select an existing enumeration mapping"
+              placeholder="Choose an existing enumeration mapping"
             />
             <button
               className="property-mapping-editor__entry__visit-btn"
@@ -205,7 +205,7 @@ const EnumerationPropertyMappingEditor = observer(
               <ArrowCircleRightIcon />
             </button>
           </div>
-          <LambdaEditor
+          <InlineLambdaEditor
             className={clsx(
               'property-mapping-editor__entry__enumeration__transform',
               { 'lambda-editor--dnd-match': canDrop },

package/src/components/editor/editor-group/mapping-editor/InstanceSetImplementationEditor.tsx

@@ -88,7 +88,7 @@ import {
 } from '@finos/legend-graph';
 import type { EditorStore } from '../../../../stores/editor/EditorStore.js';
 import type { DSL_Mapping_LegendStudioApplicationPlugin_Extension } from '../../../../stores/extensions/DSL_Mapping_LegendStudioApplicationPlugin_Extension.js';
-import { LambdaEditor } from '@finos/legend-query-builder';
+import { InlineLambdaEditor } from '@finos/legend-query-builder';
 
 export const InstanceSetImplementationSourceExplorer = observer(
   (props: {
@@ -412,14 +412,13 @@ const MappingFilterEditor = observer(
         })}
       >
         <div className="class-mapping-filter-editor__content">
-          <LambdaEditor
+          <InlineLambdaEditor
             className="class-mapping-filter-editor__element__lambda-editor"
             disabled={
               isReadOnly ||
               instanceSetImplementationState.isConvertingTransformLambdaObjects
             }
             forceBackdrop={!!filterState.parserError}
-            forceExpansion={false}
             lambdaEditorState={filterState}
             expectedType={PrimitiveType.BOOLEAN}
           />

package/src/components/editor/editor-group/mapping-editor/InstanceSetImplementationSourceSelectorModal.tsx

@@ -219,7 +219,7 @@ export const InstanceSetImplementationSourceSelectorModal = observer(
             options={options}
             onChange={changeSourceType}
             value={selectedSourceType}
-            placeholder={`Select a source...`}
+            placeholder="Choose a source..."
             darkMode={isDarkMode}
             isClearable={true}
             filterOption={sourceFilterOption}

package/src/components/editor/editor-group/mapping-editor/MappingEditor.tsx

@@ -73,7 +73,7 @@ import {
 import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../__lib__/LegendStudioApplicationNavigationContext.js';
 import type { MappingEditorTabState } from '../../../../stores/editor/editor-state/element-editor-state/mapping/MappingTabManagerState.js';
 import { LEGEND_STUDIO_DOCUMENTATION_KEY } from '../../../../__lib__/LegendStudioDocumentation.js';
-import { MappingTestableEditor } from '../../edit-panel/mapping-editor/testable/MappingTestableEditor.js';
+import { MappingTestableEditor } from './MappingTestableEditor.js';
 
 export const MappingEditorSplashScreen: React.FC = () => {
   const logoWidth = 280;

package/src/components/editor/{edit-panel/mapping-editor/testable → editor-group/mapping-editor}/MappingTestableEditor.tsx

@@ -85,39 +85,39 @@ import {
   MappingDataTestState,
   MappingDataTestSuiteState,
   MappingQueryTestState,
-} from '../../../../../stores/editor/editor-state/element-editor-state/mapping/testable/MappingTestableState.js';
+} from '../../../../stores/editor/editor-state/element-editor-state/mapping/testable/MappingTestableState.js';
 import { useApplicationStore } from '@finos/legend-application';
 import { flowResult } from 'mobx';
 import {
   QueryBuilderTextEditorMode,
   type QueryBuilderState,
 } from '@finos/legend-query-builder';
-import { MappingExecutionQueryBuilderState } from '../../../../../stores/editor/editor-state/element-editor-state/mapping/MappingExecutionQueryBuilderState.js';
+import { MappingExecutionQueryBuilderState } from '../../../../stores/editor/editor-state/element-editor-state/mapping/MappingExecutionQueryBuilderState.js';
 import {
   CODE_EDITOR_LANGUAGE,
   CodeEditor,
 } from '@finos/legend-lego/code-editor';
-import { TESTABLE_TEST_TAB } from '../../../../../stores/editor/editor-state/element-editor-state/testable/TestableEditorState.js';
+import { TESTABLE_TEST_TAB } from '../../../../stores/editor/editor-state/element-editor-state/testable/TestableEditorState.js';
 import {
   atomicTest_setDoc,
   testAssertion_setId,
-} from '../../../../../stores/graph-modifier/Testable_GraphModifierHelper.js';
+} from '../../../../stores/graph-modifier/Testable_GraphModifierHelper.js';
 import {
   RenameModal,
   TestAssertionEditor,
   TestAssertionItem,
-} from '../../../editor-group/testable/TestableSharedComponents.js';
-import { EmbeddedDataEditor } from '../../../editor-group/data-editor/EmbeddedDataEditor.js';
+} from '../testable/TestableSharedComponents.js';
+import { EmbeddedDataEditor } from '../data-editor/EmbeddedDataEditor.js';
 import {
   TESTABLE_RESULT,
   getTestableResultFromTestResult,
-} from '../../../../../stores/editor/sidebar-state/testable/GlobalTestRunnerState.js';
-import { getTestableResultIcon } from '../../../side-bar/testable/GlobalTestRunner.js';
-import { validateTestableId } from '../../../../../stores/editor/utils/TestableUtils.js';
-import { getMappingStores } from '../../../../../stores/editor/editor-state/element-editor-state/mapping/MappingEditorState.js';
-import type { DSL_Data_LegendStudioApplicationPlugin_Extension } from '../../../../../stores/extensions/DSL_Data_LegendStudioApplicationPlugin_Extension.js';
-import { EmbeddedDataType } from '../../../../../stores/editor/editor-state/ExternalFormatState.js';
-import type { EmbeddedDataTypeOption } from '../../../../../stores/editor/editor-state/element-editor-state/data/DataEditorState.js';
+} from '../../../../stores/editor/sidebar-state/testable/GlobalTestRunnerState.js';
+import { getTestableResultIcon } from '../../side-bar/testable/GlobalTestRunner.js';
+import { validateTestableId } from '../../../../stores/editor/utils/TestableUtils.js';
+import { getMappingStores } from '../../../../stores/editor/editor-state/element-editor-state/mapping/MappingEditorState.js';
+import type { DSL_Data_LegendStudioApplicationPlugin_Extension } from '../../../../stores/extensions/DSL_Data_LegendStudioApplicationPlugin_Extension.js';
+import { EmbeddedDataType } from '../../../../stores/editor/editor-state/ExternalFormatState.js';
+import type { EmbeddedDataTypeOption } from '../../../../stores/editor/editor-state/element-editor-state/data/DataEditorState.js';
 import {
   buildElementOption,
   type PackageableElementOption,