@finos/legend-application-studio 17.0.0 → 18.0.0

package/src/components/editor/edit-panel/mapping-editor/MappingEditor.tsx

@@ -32,6 +32,7 @@ import {
   PURE_ClassIcon,
   PURE_EnumerationIcon,
   PURE_AssociationIcon,
+  Panel,
 } from '@finos/legend-art';
 import { ClassMappingEditor } from './ClassMappingEditor.js';
 import { EnumerationMappingEditor } from './EnumerationMappingEditor.js';
@@ -241,7 +242,7 @@ export const MappingEditor = observer(() => {
         </ResizablePanel>
         <ResizablePanelSplitter />
         <ResizablePanel>
-          <div className="panel">
+          <Panel>
             <ContextMenu
               className="panel__header mapping-editor__header"
               disabled={true}
@@ -340,7 +341,7 @@ export const MappingEditor = observer(() => {
             <div className="panel__content mapping-editor__content">
               {renderActiveMappingElementTab()}
             </div>
-          </div>
+          </Panel>
         </ResizablePanel>
       </ResizablePanelGroup>
     </div>

package/src/components/editor/edit-panel/mapping-editor/MappingExecutionBuilder.tsx

@@ -39,6 +39,7 @@ import {
   RobotIcon,
   PanelDropZone,
   PencilIcon,
+  PanelContent,
 } from '@finos/legend-art';
 import { observer } from 'mobx-react-lite';
 import {
@@ -79,12 +80,12 @@ import {
   isStubbed_RawLambda,
 } from '@finos/legend-graph';
 import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
-import { objectInputData_setData } from '../../../../stores/graphModifier/DSLMapping_GraphModifierHelper.js';
-import { flatData_setData } from '../../../../stores/graphModifier/StoreFlatData_GraphModifierHelper.js';
+import { objectInputData_setData } from '../../../../stores/graphModifier/DSL_Mapping_GraphModifierHelper.js';
+import { flatData_setData } from '../../../../stores/graphModifier/STO_FlatData_GraphModifierHelper.js';
 import {
   relationalInputData_setData,
   relationalInputData_setInputType,
-} from '../../../../stores/graphModifier/StoreRelational_GraphModifierHelper.js';
+} from '../../../../stores/graphModifier/STO_Relational_GraphModifierHelper.js';
 import { MappingExecutionQueryBuilderState } from '../../../../stores/editor-state/element-editor-state/mapping/MappingExecutionQueryBuilderState.js';
 import type { QueryBuilderState } from '@finos/legend-query-builder';
 
@@ -382,7 +383,7 @@ const MappingExecutionQueryEditor = observer(
           </div>
         </div>
         {!isStubbed_RawLambda(queryState.query) && (
-          <div className="panel__content">
+          <PanelContent>
             <div className="mapping-execution-builder__query-panel__query">
               <StudioTextInputEditor
                 inputValue={queryState.lambdaString}
@@ -391,10 +392,10 @@ const MappingExecutionQueryEditor = observer(
                 showMiniMap={false}
               />
             </div>
-          </div>
+          </PanelContent>
         )}
         {isStubbed_RawLambda(queryState.query) && (
-          <div className="panel__content">
+          <PanelContent>
             <PanelDropZone
               dropTargetConnector={dropRef}
               isDragOver={isDragOver}
@@ -407,7 +408,7 @@ const MappingExecutionQueryEditor = observer(
                 isDropZoneActive={canDrop}
               />
             </PanelDropZone>
-          </div>
+          </PanelContent>
         )}
         {openClassMappingSelectorModal && (
           <ClassMappingSelectorModal

package/src/components/editor/edit-panel/mapping-editor/MappingExplorer.tsx

@@ -68,7 +68,7 @@ import {
   PureInstanceSetImplementationFilterState,
   PureInstanceSetImplementationState,
 } from '../../../../stores/editor-state/element-editor-state/mapping/PureInstanceSetImplementationState.js';
-import { pureInstanceSetImpl_setMappingFilter } from '../../../../stores/graphModifier/DSLMapping_GraphModifierHelper.js';
+import { pureInstanceSetImpl_setMappingFilter } from '../../../../stores/graphModifier/DSL_Mapping_GraphModifierHelper.js';
 
 export const MappingExplorerContextMenu = observer(
   forwardRef<

package/src/components/editor/edit-panel/mapping-editor/MappingTestEditor.tsx

@@ -46,6 +46,7 @@ import {
   PauseCircleIcon,
   PanelDropZone,
   PencilIcon,
+  PanelContent,
 } from '@finos/legend-art';
 import { useDrop } from 'react-dnd';
 import {
@@ -86,11 +87,11 @@ import {
   DEPRECATED__validate_MappingTestAssert,
 } from '@finos/legend-graph';
 import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
-import { flatData_setData } from '../../../../stores/graphModifier/StoreFlatData_GraphModifierHelper.js';
+import { flatData_setData } from '../../../../stores/graphModifier/STO_FlatData_GraphModifierHelper.js';
 import {
   relationalInputData_setData,
   relationalInputData_setInputType,
-} from '../../../../stores/graphModifier/StoreRelational_GraphModifierHelper.js';
+} from '../../../../stores/graphModifier/STO_Relational_GraphModifierHelper.js';
 import type { QueryBuilderState } from '@finos/legend-query-builder';
 import { MappingExecutionQueryBuilderState } from '../../../../stores/editor-state/element-editor-state/mapping/MappingExecutionQueryBuilderState.js';
 
@@ -273,7 +274,7 @@ const MappingTestQueryEditor = observer(
           </div>
         </div>
         {!isStubbed_RawLambda(queryState.query) && (
-          <div className="panel__content">
+          <PanelContent>
             <div className="mapping-test-editor__query-panel__query">
               <StudioTextInputEditor
                 inputValue={queryState.lambdaString}
@@ -282,10 +283,10 @@ const MappingTestQueryEditor = observer(
                 showMiniMap={false}
               />
             </div>
-          </div>
+          </PanelContent>
         )}
         {isStubbed_RawLambda(queryState.query) && (
-          <div className="panel__content">
+          <PanelContent>
             <PanelDropZone
               dropTargetConnector={dropRef}
               isDragOver={isDragOver}
@@ -299,7 +300,7 @@ const MappingTestQueryEditor = observer(
                 disabled={isReadOnly}
               />
             </PanelDropZone>
-          </div>
+          </PanelContent>
         )}
         {openClassMappingSelectorModal && (
           <ClassMappingSelectorModal

package/src/components/editor/edit-panel/mapping-editor/OperationSetImplementationEditor.tsx

@@ -24,6 +24,8 @@ import {
   ArrowCircleRightIcon,
   PlusIcon,
   PanelDropZone,
+  Panel,
+  PanelContent,
 } from '@finos/legend-art';
 import {
   CORE_DND_TYPE,
@@ -55,7 +57,7 @@ import {
   operationMapping_addParameter,
   operationMapping_changeParameter,
   operationMapping_deleteParameter,
-} from '../../../../stores/graphModifier/DSLMapping_GraphModifierHelper.js';
+} from '../../../../stores/graphModifier/DSL_Mapping_GraphModifierHelper.js';
 
 interface SetImplementationOption {
   value: SetImplementation;
@@ -195,7 +197,7 @@ export const OperationSetImplementationEditor = observer(
 
     return (
       <div className="mapping-element-editor__content">
-        <div className="panel">
+        <Panel>
           <div className="panel__header">
             <div className="panel__header__title">
               <div className="panel__header__title__content">PARAMETERS</div>
@@ -219,7 +221,7 @@ export const OperationSetImplementationEditor = observer(
             isDragOver={isDragOver && !isReadOnly}
             dropTargetConnector={dropRef}
           >
-            <div className="panel__content">
+            <PanelContent>
               {setImplementation.parameters.map((param) => (
                 <div
                   key={param._UUID}
@@ -259,9 +261,9 @@ export const OperationSetImplementationEditor = observer(
                   )}
                 </div>
               ))}
-            </div>
+            </PanelContent>
           </PanelDropZone>
-        </div>
+        </Panel>
       </div>
     );
   },

package/src/components/editor/edit-panel/mapping-editor/PropertyMappingsEditor.tsx

@@ -55,13 +55,13 @@ import { useApplicationStore } from '@finos/legend-application';
 import {
   setImpl_nominateRoot,
   setImpl_setRoot,
-} from '../../../../stores/graphModifier/DSLMapping_GraphModifierHelper.js';
+} from '../../../../stores/graphModifier/DSL_Mapping_GraphModifierHelper.js';
 import {
   CLASS_PROPERTY_TYPE,
   getClassPropertyType,
   SET_IMPLEMENTATION_TYPE,
 } from '../../../../stores/shared/ModelClassifierUtils.js';
-import type { DSLMapping_LegendStudioApplicationPlugin_Extension } from '../../../../stores/DSLMapping_LegendStudioApplicationPlugin_Extension.js';
+import type { DSL_Mapping_LegendStudioApplicationPlugin_Extension } from '../../../../stores/DSL_Mapping_LegendStudioApplicationPlugin_Extension.js';
 
 export const getExpectedReturnType = (
   targetSetImplementation: SetImplementation | undefined,
@@ -90,10 +90,10 @@ export const PropertyMappingsEditor = observer(
     const propertyBasicType = getClassPropertyType(propertyRawType);
     const instanceSetImplementationType =
       editorStore.graphState.getSetImplementationType(
-        instanceSetImplementationState.setImplementation,
+        instanceSetImplementationState.mappingElement,
       );
     const isEmbedded =
-      instanceSetImplementationState.setImplementation._isEmbedded;
+      instanceSetImplementationState.mappingElement._isEmbedded;
     // Parser Error
     const propertyMappingStates =
       instanceSetImplementationState.propertyMappingStates.filter(
@@ -293,7 +293,7 @@ export const PropertyMappingsEditor = observer(
                     .flatMap(
                       (plugin) =>
                         (
-                          plugin as DSLMapping_LegendStudioApplicationPlugin_Extension
+                          plugin as DSL_Mapping_LegendStudioApplicationPlugin_Extension
                         ).getExtraPropertyMappingEditorRenderers?.() ?? [],
                     );
                 for (const renderer of extraPropertyMappingEditorRenderers) {

package/src/components/editor/edit-panel/mapping-editor/PurePropertyMappingEditor.tsx

@@ -45,7 +45,7 @@ import {
   EnumerationMappingExplicitReference,
 } from '@finos/legend-graph';
 import { StudioLambdaEditor } from '../../../shared/StudioLambdaEditor.js';
-import { purePropertyMapping_setTransformer } from '../../../../stores/graphModifier/DSLMapping_GraphModifierHelper.js';
+import { purePropertyMapping_setTransformer } from '../../../../stores/graphModifier/DSL_Mapping_GraphModifierHelper.js';
 import { getExpectedReturnType } from './PropertyMappingsEditor.js';
 import {
   CLASS_PROPERTY_TYPE,

package/src/components/editor/edit-panel/mapping-editor/relational/RelationalPropertyMappingEditor.tsx

@@ -46,7 +46,7 @@ import {
   EnumerationMappingExplicitReference,
 } from '@finos/legend-graph';
 import { StudioLambdaEditor } from '../../../../shared/StudioLambdaEditor.js';
-import { relationalPropertyMapping_setTransformer } from '../../../../../stores/graphModifier/StoreRelational_GraphModifierHelper.js';
+import { relationalPropertyMapping_setTransformer } from '../../../../../stores/graphModifier/STO_Relational_GraphModifierHelper.js';
 import { getExpectedReturnType } from '../PropertyMappingsEditor.js';
 import {
   CLASS_PROPERTY_TYPE,

package/src/components/editor/edit-panel/project-configuration-editor/ProjectConfigurationEditor.tsx

@@ -41,6 +41,7 @@ import {
   ExternalLinkSquareIcon,
   ArchiveIcon,
   Dialog,
+  Panel,
 } from '@finos/legend-art';
 import { flowResult } from 'mobx';
 import {
@@ -604,7 +605,7 @@ export const ProjectConfigurationEditor = observer(() => {
   }
   return (
     <div className="project-configuration-editor">
-      <div className="panel">
+      <Panel>
         <div className="panel__header">
           <div className="panel__header__title">
             <div className="panel__header__title__label">
@@ -689,7 +690,7 @@ export const ProjectConfigurationEditor = observer(() => {
               />
             )}
         </div>
-      </div>
+      </Panel>
     </div>
   );
 });

package/src/components/editor/edit-panel/service-editor/ServiceEditor.tsx

@@ -45,7 +45,7 @@ import {
   service_setDocumentation,
   service_setPattern,
   service_updateOwner,
-} from '../../../../stores/graphModifier/DSLService_GraphModifierHelper.js';
+} from '../../../../stores/graphModifier/DSL_Service_GraphModifierHelper.js';
 import { validate_ServicePattern } from '@finos/legend-graph';
 import { ServiceTestableEditor } from './testable/ServiceTestableEditor.js';
 import { useApplicationNavigationContext } from '@finos/legend-application';

package/src/components/editor/edit-panel/service-editor/ServiceExecutionEditor.tsx

@@ -55,6 +55,8 @@ import {
   ArrowsJoinIcon,
   ArrowsSplitIcon,
   PanelDropZone,
+  Panel,
+  PanelContent,
 } from '@finos/legend-art';
 import { ServiceExecutionQueryEditor } from '../../../editor/edit-panel/service-editor/ServiceExecutionQueryEditor.js';
 import { useEditorStore } from '../../EditorStoreProvider.js';
@@ -247,7 +249,7 @@ const PureExecutionContextConfigurationEditor = observer(
     );
 
     return (
-      <div className="panel__content">
+      <PanelContent>
         <PanelDropZone
           dropTargetConnector={dropMappingOrRuntimeRef}
           isDragOver={isMappingOrRuntimeDragOver && !isReadOnly}
@@ -318,7 +320,7 @@ const PureExecutionContextConfigurationEditor = observer(
             </div>
           </div>
         </PanelDropZone>
-      </div>
+      </PanelContent>
     );
   },
 );
@@ -439,7 +441,7 @@ const PureSingleExecutionEditor = observer(
 
     return (
       <div className="service-execution-editor__execution">
-        <div className="panel">
+        <Panel>
           <div className="panel__content service-editor__content">
             <PureExecutionContextConfigurationEditor
               pureExecutionState={singleExecutionState}
@@ -448,7 +450,7 @@ const PureSingleExecutionEditor = observer(
               }
             />
           </div>
-        </div>
+        </Panel>
       </div>
     );
   },
@@ -816,7 +818,7 @@ const ServicePureExecutionEditor = observer(
           </ResizablePanelSplitter>
           <ResizablePanel minSize={56}>
             <div className="service-execution-editor__content">
-              <div className="panel">
+              <Panel>
                 <div className="panel__header">
                   <div className="panel__header__title">
                     <div className="panel__header__title__label service-editor__execution__label--test">
@@ -859,7 +861,7 @@ const ServicePureExecutionEditor = observer(
                     />
                   )}
                 </div>
-              </div>
+              </Panel>
             </div>
           </ResizablePanel>
         </ResizablePanelGroup>

package/src/components/editor/edit-panel/service-editor/testable/ServiceTestDataEditor.tsx

@@ -51,7 +51,7 @@ import {
   useApplicationStore,
 } from '@finos/legend-application';
 import { prettyCONSTName } from '@finos/legend-shared';
-import type { DSLData_LegendStudioApplicationPlugin_Extension } from '../../../../../stores/DSLData_LegendStudioApplicationPlugin_Extension.js';
+import type { DSL_Data_LegendStudioApplicationPlugin_Extension } from '../../../../../stores/DSL_Data_LegendStudioApplicationPlugin_Extension.js';
 import { useEditorStore } from '../../../EditorStoreProvider.js';
 
 export const ConnectionTestDataEditor = observer(
@@ -283,7 +283,7 @@ export const NewConnectionDataModal = observer(
       .flatMap(
         (plugin) =>
           (
-            plugin as DSLData_LegendStudioApplicationPlugin_Extension
+            plugin as DSL_Data_LegendStudioApplicationPlugin_Extension
           ).getExtraEmbeddedDataTypeOptions?.() ?? [],
       );
     const embeddedOptions = [

package/src/components/editor/edit-panel/testable/TestAssertionEditor.tsx

@@ -19,6 +19,7 @@ import {
   clsx,
   CompareIcon,
   Dialog,
+  PanelContent,
   PanelLoadingIndicator,
   RefreshIcon,
   WrenchIcon,
@@ -39,7 +40,7 @@ import {
   type TestAssertionEditorState,
   type TestAssertionState,
 } from '../../../../stores/editor-state/element-editor-state/testable/TestAssertionState.js';
-import { externalFormatData_setData } from '../../../../stores/graphModifier/DSLData_GraphModifierHelper.js';
+import { externalFormatData_setData } from '../../../../stores/graphModifier/DSL_Data_GraphModifierHelper.js';
 import { TESTABLE_RESULT } from '../../../../stores/sidebar-state/testable/GlobalTestRunnerState.js';
 import { JsonDiffView } from '../../../shared/DiffView.js';
 import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
@@ -243,7 +244,7 @@ const TestAssertionResultViewer = observer(
           </div>
           <div className="panel__header__actions"></div>
         </div>
-        <div className="testable-test-assertion-result__content panel__content">
+        <PanelContent className="testable-test-assertion-result__content">
           <div
             className={clsx('testable-test-assertion-result__summary', {
               'testable-test-assertion-result__summary--fail':
@@ -262,7 +263,7 @@ const TestAssertionResultViewer = observer(
               </div>
             )}
 
-            {!(assertionResult === TESTABLE_RESULT.IN_PROGRESS) && (
+            {assertionResult !== TESTABLE_RESULT.IN_PROGRESS && (
               <>
                 <div className="testable-test-assertion-result__summary-info">
                   Id: {testAssertionEditorState.assertion.id}
@@ -275,7 +276,7 @@ const TestAssertionResultViewer = observer(
             )}
           </div>
           <div></div>
-        </div>
+        </PanelContent>
       </>
     );
   },

package/src/components/editor/edit-panel/uml-editor/AssociationEditor.tsx

@@ -42,6 +42,7 @@ import {
   ArrowCircleRightIcon,
   LongArrowRightIcon,
   PanelDropZone,
+  Panel,
 } from '@finos/legend-art';
 import { getElementIcon } from '../../../shared/ElementIconUtils.js';
 import { prettyCONSTName, guaranteeType } from '@finos/legend-shared';
@@ -444,7 +445,7 @@ export const AssociationEditor = observer(
       >
         <ResizablePanelGroup orientation="horizontal">
           <ResizablePanel minSize={56}>
-            <div className="panel">
+            <Panel>
               <div className="panel__header">
                 <div className="panel__header__title">
                   {isReadOnly && (
@@ -552,7 +553,7 @@ export const AssociationEditor = observer(
                   </PanelDropZone>
                 )}
               </div>
-            </div>
+            </Panel>
           </ResizablePanel>
           <ResizablePanelSplitter>
             <ResizablePanelSplitterLine color="var(--color-light-grey-200)" />

package/src/components/editor/edit-panel/uml-editor/ClassEditor.tsx

@@ -45,6 +45,7 @@ import {
   DragPreviewLayer,
   useDragPreviewLayer,
   PanelDropZone,
+  Panel,
 } from '@finos/legend-art';
 import { LEGEND_STUDIO_TEST_ID } from '../../../LegendStudioTestID.js';
 import { PropertyEditor } from './PropertyEditor.js';
@@ -1692,7 +1693,7 @@ export const ClassFormEditor = observer(
       >
         <ResizablePanelGroup orientation="horizontal">
           <ResizablePanel minSize={56}>
-            <div className="panel">
+            <Panel>
               <div className="panel__header">
                 <div className="panel__header__title">
                   {isReadOnly && (
@@ -1795,7 +1796,7 @@ export const ClassFormEditor = observer(
                   />
                 )}
               </div>
-            </div>
+            </Panel>
           </ResizablePanel>
           <ResizablePanelSplitter>
             <ResizablePanelSplitterLine color="var(--color-light-grey-200)" />

package/src/components/editor/edit-panel/uml-editor/ClassQueryBuilder.tsx

@@ -33,7 +33,7 @@ import type { EmbeddedQueryBuilderState } from '../../../../stores/EmbeddedQuery
 import {
   service_initNewService,
   service_setExecution,
-} from '../../../../stores/graphModifier/DSLService_GraphModifierHelper.js';
+} from '../../../../stores/graphModifier/DSL_Service_GraphModifierHelper.js';
 import { useEditorStore } from '../../EditorStoreProvider.js';
 import { NewServiceModal } from '../service-editor/NewServiceModal.js';
 

package/src/components/editor/edit-panel/uml-editor/EnumerationEditor.tsx

@@ -47,6 +47,8 @@ import {
   DragPreviewLayer,
   useDragPreviewLayer,
   PanelDropZone,
+  Panel,
+  PanelContent,
 } from '@finos/legend-art';
 import { LEGEND_STUDIO_TEST_ID } from '../../../LegendStudioTestID.js';
 import {
@@ -345,7 +347,7 @@ const EnumEditor = observer(
               </button>
             </div>
           </div>
-          <div className="panel__content">
+          <PanelContent>
             {selectedTab === UML_EDITOR_TAB.TAGGED_VALUES && (
               <PanelDropZone
                 isDragOver={isTaggedValueDragOver && !isReadOnly}
@@ -384,7 +386,7 @@ const EnumEditor = observer(
                 </div>
               </PanelDropZone>
             )}
-          </div>
+          </PanelContent>
         </div>
       </div>
     );
@@ -546,7 +548,7 @@ export const EnumerationEditor = observer(
       >
         <ResizablePanelGroup orientation="horizontal">
           <ResizablePanel minSize={56}>
-            <div className="panel">
+            <Panel>
               <div className="panel__header">
                 <div className="panel__header__title">
                   <div className="panel__header__title__label">enumeration</div>
@@ -605,7 +607,7 @@ export const EnumerationEditor = observer(
                   </button>
                 </div>
               </div>
-              <div className="panel__content">
+              <PanelContent>
                 {selectedTab === UML_EDITOR_TAB.ENUM_VALUES && (
                   <div className="panel__content__lists">
                     <DragPreviewLayer
@@ -665,8 +667,8 @@ export const EnumerationEditor = observer(
                     </div>
                   </PanelDropZone>
                 )}
-              </div>
-            </div>
+              </PanelContent>
+            </Panel>
           </ResizablePanel>
           <ResizablePanelSplitter>
             <ResizablePanelSplitterLine color="var(--color-light-grey-200)" />

package/src/components/editor/edit-panel/uml-editor/ProfileEditor.tsx

@@ -30,6 +30,8 @@ import {
   PanelEntryDropZonePlaceholder,
   DragPreviewLayer,
   useDragPreviewLayer,
+  Panel,
+  PanelContent,
 } from '@finos/legend-art';
 import { LEGEND_STUDIO_TEST_ID } from '../../../LegendStudioTestID.js';
 import { useEditorStore } from '../../EditorStoreProvider.js';
@@ -293,7 +295,7 @@ export const ProfileEditor = observer((props: { profile: Profile }) => {
 
   return (
     <div className="uml-element-editor profile-editor">
-      <div className="panel">
+      <Panel>
         <div className="panel__header">
           <div className="panel__header__title">
             {isReadOnly && (
@@ -334,7 +336,7 @@ export const ProfileEditor = observer((props: { profile: Profile }) => {
             </button>
           </div>
         </div>
-        <div className="panel__content">
+        <PanelContent>
           {selectedTab === UML_EDITOR_TAB.TAGS && (
             <div className="panel__content__lists">
               <DragPreviewLayer
@@ -375,8 +377,8 @@ export const ProfileEditor = observer((props: { profile: Profile }) => {
               ))}
             </div>
           )}
-        </div>
-      </div>
+        </PanelContent>
+      </Panel>
     </div>
   );
 });

package/src/components/editor/edit-panel/uml-editor/PropertyEditor.tsx

@@ -25,6 +25,7 @@ import {
 import {
   clsx,
   LockIcon,
+  PanelContent,
   PanelDropZone,
   PlusIcon,
   TimesIcon,
@@ -215,7 +216,7 @@ export const PropertyEditor = observer(
               </button>
             </div>
           </div>
-          <div className="panel__content">
+          <PanelContent>
             {selectedTab === UML_EDITOR_TAB.TAGGED_VALUES && (
               <PanelDropZone
                 isDragOver={isTaggedValueDragOver && !isReadOnly}
@@ -254,7 +255,7 @@ export const PropertyEditor = observer(
                 </div>
               </PanelDropZone>
             )}
-          </div>
+          </PanelContent>
         </div>
       </div>
     );

package/src/components/editor/side-bar/CreateNewElementModal.tsx

@@ -47,7 +47,7 @@ import {
   type PackageableElementOption,
 } from '@finos/legend-application';
 import type { EmbeddedDataTypeOption } from '../../../stores/editor-state/element-editor-state/data/DataEditorState.js';
-import type { DSLData_LegendStudioApplicationPlugin_Extension } from '../../../stores/DSLData_LegendStudioApplicationPlugin_Extension.js';
+import type { DSL_Data_LegendStudioApplicationPlugin_Extension } from '../../../stores/DSL_Data_LegendStudioApplicationPlugin_Extension.js';
 import { PACKAGEABLE_ELEMENT_TYPE } from '../../../stores/shared/ModelClassifierUtils.js';
 import { EmbeddedDataType } from '../../../stores/editor-state/ExternalFormatState.js';
 
@@ -128,7 +128,7 @@ const NewDataElementDriverEditor = observer(() => {
     .flatMap(
       (plugin) =>
         (
-          plugin as DSLData_LegendStudioApplicationPlugin_Extension
+          plugin as DSL_Data_LegendStudioApplicationPlugin_Extension
         ).getExtraEmbeddedDataTypeOptions?.() ?? [],
     );
   let options: EmbeddedDataTypeOption[] = Object.values(EmbeddedDataType)