@finos/legend-application-studio 18.0.1 → 18.1.0

package/src/components/editor/edit-panel/connection-editor/DatabaseBuilder.tsx

@@ -318,7 +318,7 @@ export const DatabaseBuilder = observer(
                         disabled={isReadOnly || isExecutingAction}
                         tabIndex={-1}
                         onClick={buildDb}
-                        title={'Build Database...'}
+                        title="Build database..."
                       >
                         <FireIcon />
                       </button>

package/src/components/editor/edit-panel/connection-editor/FlatDataConnectionEditor.tsx

@@ -16,7 +16,7 @@
 
 import { observer } from 'mobx-react-lite';
 import type { FlatDataConnectionValueState } from '../../../../stores/editor-state/element-editor-state/connection/ConnectionEditorState.js';
-import { flatDataConnection_setUrl } from '../../../../stores/graphModifier/STO_FlatData_GraphModifierHelper.js';
+import { flatDataConnection_setUrl } from '../../../../stores/shared/modifier/STO_FlatData_GraphModifierHelper.js';
 
 export const FlatDataConnectionEditor = observer(
   (props: {

package/src/components/editor/edit-panel/connection-editor/RelationalDatabaseConnectionEditor.tsx

@@ -81,7 +81,7 @@ import {
   type PackageableElementOption,
 } from '@finos/legend-application';
 import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
-import { connection_setStore } from '../../../../stores/graphModifier/DSL_Mapping_GraphModifierHelper.js';
+import { connection_setStore } from '../../../../stores/shared/modifier/DSL_Mapping_GraphModifierHelper.js';
 import {
   apiTokenAuthenticationStrategy_setApiToken,
   bigQueryDatasourceSpecification_setDefaultDataset,
@@ -133,7 +133,7 @@ import {
   middleTierUsernamePasswordAuthenticationStrategy_setVaultReference,
   relationalDatabaseConnection_addPostProcessor,
   relationalDatabaseConnection_deletePostProcessor,
-} from '../../../../stores/graphModifier/STO_Relational_GraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/STO_Relational_GraphModifierHelper.js';
 import { MapperPostProcessorEditor } from './post-processor-editor/MapperPostProcessorEditor.js';
 import { UnsupportedEditorPanel } from '../UnsupportedElementEditor.js';
 import type { MapperPostProcessorEditorState } from '../../../../stores/editor-state/element-editor-state/connection/PostProcessorEditorState.js';
@@ -186,7 +186,7 @@ const StaticDatasourceSpecificationEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={sourceSpec.host}
-          name={'host'}
+          name="host"
           update={(value: string | undefined): void =>
             staticDatasourceSpecification_setHost(sourceSpec, value ?? '')
           }
@@ -203,7 +203,7 @@ const StaticDatasourceSpecificationEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={sourceSpec.databaseName}
-          name={'database'}
+          name="database"
           update={(value: string | undefined): void =>
             staticDatasourceSpecification_setDatabaseName(
               sourceSpec,
@@ -227,7 +227,7 @@ const EmbeddedH2DatasourceSpecificationEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={sourceSpec.databaseName}
-          name={'database'}
+          name="database"
           update={(value: string | undefined): void =>
             embeddedH2DatasourceSpecification_setDatabaseName(
               sourceSpec,
@@ -238,7 +238,7 @@ const EmbeddedH2DatasourceSpecificationEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={sourceSpec.directory}
-          name={'directory'}
+          name="directory"
           update={(value: string | undefined): void =>
             embeddedH2DatasourceSpecification_setDirectory(
               sourceSpec,
@@ -249,7 +249,7 @@ const EmbeddedH2DatasourceSpecificationEditor = observer(
         <PanelFormBooleanEditor
           isReadOnly={isReadOnly}
           value={sourceSpec.autoServerMode}
-          name={'auto server mode'}
+          name="auto server mode"
           update={(value?: boolean): void =>
             embeddedH2DatasourceSpecification_setAutoServerMode(
               sourceSpec,
@@ -417,7 +417,7 @@ const SnowflakeDatasourceSpecificationEditor = observer(
           isReadOnly={isReadOnly}
           value={sourceSpec.quotedIdentifiersIgnoreCase}
           name="quoted identifiers ignore case"
-          description="Controls whether Snowflake will treat alphabetic characters in double-quoted identifiers as uppercase"
+          prompt="Controls whether Snowflake will treat alphabetic characters in double-quoted identifiers as uppercase"
           update={(value: boolean | undefined): void =>
             snowflakeDatasourceSpec_setQuotedIdentifiersIgnoreCase(
               sourceSpec,
@@ -521,7 +521,7 @@ const BigQueryDatasourceSpecificationEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={sourceSpec.projectId}
-          name={'project id'}
+          name="project id"
           update={(value: string | undefined): void =>
             bigQueryDatasourceSpecification_setProjectId(
               sourceSpec,
@@ -532,7 +532,7 @@ const BigQueryDatasourceSpecificationEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={sourceSpec.defaultDataset}
-          name={'default dataset'}
+          name="default dataset"
           update={(value: string | undefined): void =>
             bigQueryDatasourceSpecification_setDefaultDataset(
               sourceSpec,
@@ -544,7 +544,7 @@ const BigQueryDatasourceSpecificationEditor = observer(
           isReadOnly={isReadOnly}
           value={sourceSpec.proxyHost}
           name="proxy host"
-          description="Specifies proxy host for connection to GCP BigQuery"
+          prompt="Specifies proxy host for connection to GCP BigQuery"
           update={(value: string | undefined): void =>
             bigQueryDatasourceSpecification_setProxyHost(
               sourceSpec,
@@ -556,7 +556,7 @@ const BigQueryDatasourceSpecificationEditor = observer(
           isReadOnly={isReadOnly}
           value={sourceSpec.proxyPort}
           name="proxy port"
-          description="Specifies proxy port for connection to GCP BigQuery"
+          prompt="Specifies proxy port for connection to GCP BigQuery"
           update={(value: string | undefined): void =>
             bigQueryDatasourceSpecification_setProxyPort(
               sourceSpec,
@@ -582,7 +582,7 @@ const DelegatedKerberosAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.serverPrincipal}
-          name={'server principal'}
+          name="server principal"
           update={(value: string | undefined): void =>
             delegatedKerberosAuthenticationStrategy_setServerPrincipal(
               authSpec,
@@ -606,7 +606,7 @@ const ApiTokenAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.apiToken}
-          name={'apiTokenRef'}
+          name="apiTokenRef"
           update={(value: string | undefined): void =>
             apiTokenAuthenticationStrategy_setApiToken(authSpec, value ?? '')
           }
@@ -627,7 +627,7 @@ const SnowflakePublicAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.privateKeyVaultReference}
-          name={'private key vault reference'}
+          name="private key vault reference"
           update={(value: string | undefined): void =>
             snowflakePublicAuthenticationStrategy_setPrivateKeyVaultReference(
               authSpec,
@@ -638,7 +638,7 @@ const SnowflakePublicAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.passPhraseVaultReference}
-          name={'pass phrase vault reference'}
+          name="pass phrase vault reference"
           update={(value: string | undefined): void =>
             snowflakePublicAuthenticationStrategy_setPassPhraseVaultReference(
               authSpec,
@@ -649,7 +649,7 @@ const SnowflakePublicAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.publicUserName}
-          name={'public user name'}
+          name="public user name"
           update={(value: string | undefined): void =>
             snowflakePublicAuthenticationStrategy_setPublicUserName(
               authSpec,
@@ -670,7 +670,7 @@ const OAuthAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.oauthKey}
-          name={'oauth key'}
+          name="oauth key"
           update={(value: string | undefined): void =>
             oAuthAuthenticationStrategy_setOauthKey(authSpec, value ?? '')
           }
@@ -678,7 +678,7 @@ const OAuthAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.scopeName}
-          name={'scope name'}
+          name="scope name"
           update={(value: string | undefined): void =>
             oAuthAuthenticationStrategy_setScopeName(authSpec, value ?? '')
           }
@@ -699,7 +699,7 @@ const UsernamePasswordAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.baseVaultReference}
-          name={'base vault reference'}
+          name="base vault reference"
           update={(value: string | undefined): void =>
             usernamePasswordAuthenticationStrategy_setBaseVaultReference(
               authSpec,
@@ -710,7 +710,7 @@ const UsernamePasswordAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.userNameVaultReference}
-          name={'user name vault reference'}
+          name="user name vault reference"
           update={(value: string | undefined): void =>
             usernamePasswordAuthenticationStrategy_setUserNameVaultReference(
               authSpec,
@@ -721,7 +721,7 @@ const UsernamePasswordAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.passwordVaultReference}
-          name={'password vault reference'}
+          name="password vault reference"
           update={(value: string | undefined): void =>
             usernamePasswordAuthenticationStrategy_setPasswordVaultReference(
               authSpec,
@@ -745,8 +745,8 @@ const MiddleTierUsernamePasswordAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.vaultReference}
-          name={'vault reference'}
-          description="Specifies the cred vault reference containing connection credentials"
+          name="vault reference"
+          prompt="Specifies the credential vault reference containing connection credentials"
           update={(value: string | undefined): void =>
             middleTierUsernamePasswordAuthenticationStrategy_setVaultReference(
               authSpec,
@@ -771,7 +771,7 @@ const GCPWorkloadIdentityFederationAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={authSpec.serviceAccountEmail}
-          name={'Service Account Email'}
+          name="Service Account Email"
           update={(value: string | undefined): void =>
             gcpWorkloadIdentityFederationAuthenticationStrategy_setServiceAccountEmail(
               authSpec,
@@ -782,7 +782,7 @@ const GCPWorkloadIdentityFederationAuthenticationStrategyEditor = observer(
         <PanelFormTextEditor
           isReadOnly={isReadOnly}
           value={GCPScopes}
-          name={'Additional GCP Scopes'}
+          name="Additional GCP Scopes"
           update={(value: string | undefined): void =>
             gcpWorkloadIdentityFederationAuthenticationStrategy_setAdditionalGcpScopes(
               authSpec,
@@ -1375,7 +1375,7 @@ const RelationalConnectionGeneralEditor = observer(
                   isReadOnly={isReadOnly}
                   value={connection.quoteIdentifiers}
                   name="Quote identifiers"
-                  description="Specifies whether to use double-quotes for SQL identifiers"
+                  prompt="Specifies whether to use double-quotes for SQL identifiers"
                   update={(value?: boolean): void =>
                     dBConnection_setQuoteIdentifiers(connection, Boolean(value))
                   }

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

@@ -50,7 +50,7 @@ import {
   mapper_setTo,
   schemaNameMapper_setFrom,
   schemaNameMapper_setTo,
-} from '../../../../../stores/graphModifier/STO_Relational_GraphModifierHelper.js';
+} from '../../../../../stores/shared/modifier/STO_Relational_GraphModifierHelper.js';
 
 export const MapperPostProcessorEditor = observer(
   (props: {
@@ -193,7 +193,7 @@ export const MapperPostProcessorEditor = observer(
                               ? 'Table Mapper'
                               : 'Schema Mapper'
                           }
-                          validationErrorMessage={
+                          errorMessage={
                             isMapperDuplicated(mapper)
                               ? 'Mappers have the same values'
                               : undefined

package/src/components/editor/edit-panel/data-editor/DataElementEditor.tsx

@@ -47,7 +47,7 @@ import {
   annotatedElement_addTaggedValue,
   annotatedElement_deleteStereotype,
   annotatedElement_deleteTaggedValue,
-} from '../../../../stores/graphModifier/DomainGraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DomainGraphModifierHelper.js';
 import { useDrop } from 'react-dnd';
 import {
   CORE_DND_TYPE,
@@ -66,7 +66,7 @@ import {
 import {
   externalFormatData_setContentType,
   externalFormatData_setData,
-} from '../../../../stores/graphModifier/DSL_Data_GraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DSL_Data_GraphModifierHelper.js';
 import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
 import { getEditorLanguageFromFormat } from '../../../../stores/editor-state/FileGenerationViewerState.js';
 import type { ExternalFormatDataState } from '../../../../stores/editor-state/element-editor-state/data/EmbeddedDataState.js';
@@ -315,7 +315,7 @@ export const DataElementEditor = observer(() => {
                   onClick={addStereotype}
                   disabled={isReadOnly}
                   tabIndex={-1}
-                  title={'Add Stereotype'}
+                  title="Add Stereotype"
                 >
                   <PlusIcon />
                 </button>
@@ -364,7 +364,7 @@ export const DataElementEditor = observer(() => {
                   onClick={addTaggedValue}
                   disabled={isReadOnly}
                   tabIndex={-1}
-                  title={'Add Tagged value'}
+                  title="Add Tagged value"
                 >
                   <PlusIcon />
                 </button>

package/src/components/editor/edit-panel/data-editor/EmbeddedDataEditor.tsx

@@ -35,7 +35,7 @@ import { UnsupportedEditorPanel } from '../UnsupportedElementEditor.js';
 import {
   externalFormatData_setContentType,
   externalFormatData_setData,
-} from '../../../../stores/graphModifier/DSL_Data_GraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DSL_Data_GraphModifierHelper.js';
 import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
 import type { DSL_Data_LegendStudioApplicationPlugin_Extension } from '../../../../stores/DSL_Data_LegendStudioApplicationPlugin_Extension.js';
 import { getEditorLanguageFromFormat } from '../../../../stores/editor-state/FileGenerationViewerState.js';
@@ -99,7 +99,7 @@ export const ExternalFormatDataEditor = observer(
               }
               tabIndex={-1}
               onClick={format}
-              title={'Format External Format'}
+              title="Format External Format"
             >
               <WrenchIcon />
             </button>
@@ -201,7 +201,7 @@ export const DataElementReferenceDataEditor = observer(
               className="btn--dark btn--sm data-element-reference-editor__value-btn"
               onClick={visitData}
               tabIndex={-1}
-              title={'See data element'}
+              title="See data element"
             >
               <LongArrowRightIcon />
             </button>

package/src/components/editor/edit-panel/data-editor/RelationalCSVDataEditor.tsx

@@ -75,7 +75,7 @@ const RelationalTableIdentifierModal = observer(
               <input
                 className="panel__content__form__section__input"
                 disabled={isReadOnly}
-                placeholder={'schemaName'}
+                placeholder="schemaName"
                 value={tableIdentifierState.schemaName}
                 onChange={changeSchemaValue}
               />
@@ -84,7 +84,7 @@ const RelationalTableIdentifierModal = observer(
               <input
                 className="relational-data-editor__identifier__values panel__content__form__section__input"
                 disabled={isReadOnly}
-                placeholder={'tableName'}
+                placeholder="tableName"
                 value={tableIdentifierState.tableName}
                 onChange={changeTableValue}
               />
@@ -159,7 +159,7 @@ export const RelationalCSVDataEditor = observer(
                   onClick={openIdentifierModal}
                   disabled={isReadOnly}
                   tabIndex={-1}
-                  title={'Add Relational Table Data'}
+                  title="Add Relational Table Data"
                 >
                   <PlusIcon />
                 </button>
@@ -239,7 +239,7 @@ export const RelationalCSVDataEditor = observer(
                   onClick={(): void => openIdentifierModal()}
                   text="Add a relational data table"
                   clickActionType="add"
-                  tooltipText={'Click to add new relational data table'}
+                  tooltipText="Click to add new relational data table"
                 />
               )}
               {dataState.showTableIdentifierModal && (

package/src/components/editor/edit-panel/diff-editor/EntityChangeConflictEditor.tsx

@@ -28,7 +28,6 @@ import {
   EDITOR_LANGUAGE,
   useApplicationStore,
 } from '@finos/legend-application';
-import { useResizeDetector } from 'react-resize-detector';
 import {
   type MergeEditorComparisonViewInfo,
   type MergeConflict,
@@ -57,6 +56,7 @@ import {
   CompareIcon,
   ArrowDownIcon,
   ArrowUpIcon,
+  useResizeDetector,
 } from '@finos/legend-art';
 import { TextDiffView } from '../../../shared/DiffView.js';
 import { getPrettyLabelForRevision } from '../../../../stores/editor-state/entity-diff-editor-state/EntityDiffEditorState.js';
@@ -718,7 +718,7 @@ export const EntityChangeConflictEditor = observer(
               className="btn--dark btn--sm entity-change-conflict-editor__header__action"
               disabled={!conflictEditorState.previousConflict}
               onClick={goToPreviousConflict}
-              title={'Previous conflict'}
+              title="Previous conflict"
             >
               <ArrowUpIcon />
             </button>
@@ -726,7 +726,7 @@ export const EntityChangeConflictEditor = observer(
               className="btn--dark btn--sm entity-change-conflict-editor__header__action"
               disabled={!conflictEditorState.nextConflict}
               onClick={goToNextConflict}
-              title={'Next conflict'}
+              title="Next conflict"
             >
               <ArrowDownIcon />
             </button>

package/src/components/editor/edit-panel/diff-editor/EntityDiffView.tsx

@@ -144,7 +144,7 @@ export const EntityDiffView = observer(
               disabled={!diffEditorState.element}
               tabIndex={-1}
               onClick={goToElement}
-              title={'Go to element'}
+              title="Go to element"
             >
               <GoToFileIcon />
             </button>

package/src/components/editor/edit-panel/element-generation-editor/ElementGenerationEditor.tsx

@@ -157,7 +157,7 @@ export const ElementGenerationEditor = observer(
               className="panel__header__action element-generation-editor__leave-btn"
               tabIndex={-1}
               onClick={leaveElementGenerationView}
-              title={'Leave element generation view mode'}
+              title="Leave element generation view mode"
             >
               <ArrowCircleLeftIcon /> exit generation view
             </button>

package/src/components/editor/edit-panel/element-generation-editor/FileGenerationEditor.tsx

@@ -92,7 +92,7 @@ import {
   fileGeneration_changeScopeElement,
   fileGeneration_deleteScopeElement,
   fileGeneration_setGenerationOutputPath,
-} from '../../../../stores/graphModifier/DSL_Generation_GraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DSL_Generation_GraphModifierHelper.js';
 
 export const FileGenerationTreeNodeContainer: React.FC<
   TreeNodeContainerProps<
@@ -272,7 +272,7 @@ export const GenerationResultViewer = observer(
                     tabIndex={-1}
                     disabled={fileGenerationState.isGenerating}
                     onClick={regenerate}
-                    title={'Re-generate'}
+                    title="Regenerate"
                   >
                     <RefreshIcon />
                   </button>
@@ -1372,7 +1372,7 @@ export const FileGenerationConfigurationEditor = observer(
                 isReadOnly || !fileGeneration.configurationProperties.length
               }
               onClick={resetDefaultConfiguration}
-              title={'Reset to default configuration'}
+              title="Reset to default configuration"
             >
               <RefreshIcon />
             </button>
@@ -1382,7 +1382,7 @@ export const FileGenerationConfigurationEditor = observer(
                 tabIndex={-1}
                 disabled={isReadOnly}
                 onClick={showFileGenerationModal}
-                title={'Promote File Generation Specification...'}
+                title="Promote to file generation specification..."
               >
                 <SaveIcon />
               </button>

package/src/components/editor/edit-panel/external-format-editor/DSL_ExternalFormat_BindingElementEditor.tsx

@@ -59,7 +59,7 @@ import {
   externalFormat_modelUnit_addPackageableElementIncludes,
   externalFormat_modelUnit_deletePackageableElementExcludes,
   externalFormat_modelUnit_deletePackageableElementIncludes,
-} from '../../../../stores/graphModifier/DSL_ExternalFormat_GraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DSL_ExternalFormat_GraphModifierHelper.js';
 
 const BindingScopeEntryEditor = observer(
   (props: {

package/src/components/editor/edit-panel/external-format-editor/DSL_ExternalFormat_ExternalFormatConnectionEditor.tsx

@@ -24,7 +24,7 @@ import { computed, makeObservable } from 'mobx';
 import { ConnectionValueState } from '../../../../stores/editor-state/element-editor-state/connection/ConnectionEditorState.js';
 import type { EditorStore } from '../../../../stores/EditorStore.js';
 import { NewConnectionValueDriver } from '../../../../stores/editor/NewElementState.js';
-import { externalFormat_urlStream_setUrl } from '../../../../stores/graphModifier/DSL_ExternalFormat_GraphModifierHelper.js';
+import { externalFormat_urlStream_setUrl } from '../../../../stores/shared/modifier/DSL_ExternalFormat_GraphModifierHelper.js';
 
 export class ExternalFormatConnectionValueState extends ConnectionValueState {
   override connection: ExternalFormatConnection;

package/src/components/editor/edit-panel/external-format-editor/DSL_ExternalFormat_NewSchemaSetDriver.tsx

@@ -21,7 +21,7 @@ import { makeObservable, observable, action } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { useEditorStore } from '../../EditorStoreProvider.js';
 import type { EditorStore } from '../../../../stores/EditorStore.js';
-import { externalFormat_schemaSet_setFormat } from '../../../../stores/graphModifier/DSL_ExternalFormat_GraphModifierHelper.js';
+import { externalFormat_schemaSet_setFormat } from '../../../../stores/shared/modifier/DSL_ExternalFormat_GraphModifierHelper.js';
 import { NewElementDriver } from '../../../../stores/editor/NewElementState.js';
 import type { ExternalFormatTypeOption } from '../../../../stores/editor-state/ExternalFormatState.js';
 

package/src/components/editor/edit-panel/external-format-editor/DSL_ExternalFormat_SchemaSetElementEditor.tsx

@@ -51,7 +51,7 @@ import {
   externalFormat_schema_setContent,
   externalFormat_schema_setId,
   externalFormat_schema_setLocation,
-} from '../../../../stores/graphModifier/DSL_ExternalFormat_GraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DSL_ExternalFormat_GraphModifierHelper.js';
 import { SchemaSetModelGenerationEditor } from './DSL_ExternalFormat_SchemaSetModelGenerationEditor.js';
 
 const SchemaLoader = observer(
@@ -166,7 +166,7 @@ const SchemaBasicEditor = observer(
           value={schema.id}
           spellCheck={false}
           onChange={changeId}
-          placeholder={`Id`}
+          placeholder="Id"
         />
         <input
           className="schema-editor__location"
@@ -174,7 +174,7 @@ const SchemaBasicEditor = observer(
           value={schema.location}
           spellCheck={false}
           onChange={changeLocation}
-          placeholder={`Location`}
+          placeholder="Location"
         />
         <div className={clsx('schema-editor__content')}>
           <div className="schema-editor__content__input">
@@ -268,7 +268,7 @@ export const SchemaSetGeneralEditor = observer(
                   onClick={openSchemaLoader}
                   disabled={isReadOnly}
                   tabIndex={-1}
-                  title={'Import Schemas'}
+                  title="Import Schemas"
                 >
                   <UploadIcon />
                 </button>
@@ -277,7 +277,7 @@ export const SchemaSetGeneralEditor = observer(
                   onClick={addSchema}
                   disabled={isReadOnly}
                   tabIndex={-1}
-                  title={'Add Schema'}
+                  title="Add Schema"
                 >
                   <PlusIcon />
                 </button>

package/src/components/editor/edit-panel/external-format-editor/DSL_ExternalFormat_SchemaSetModelGenerationEditor.tsx

@@ -108,7 +108,7 @@ export const SchemaSetModelGenerationEditor = observer(
                     tabIndex={-1}
                     disabled={isReadOnly || !properties.length}
                     onClick={regenerate}
-                    title={'Reset to default configuration'}
+                    title="Reset to default configuration"
                   >
                     <RefreshIcon />
                   </button>
@@ -130,7 +130,7 @@ export const SchemaSetModelGenerationEditor = observer(
                       spellCheck={false}
                       value={modelGenerationState.targetBinding}
                       onChange={changeTargetBindingPath}
-                      placeholder={`Target binding path`}
+                      placeholder="Target binding path"
                       validationErrorMessage={
                         targetBindingPathValidationMessage
                       }
@@ -187,7 +187,7 @@ export const SchemaSetModelGenerationEditor = observer(
                         .isInProgress
                     }
                     onClick={regenerate}
-                    title={'Re-generate'}
+                    title="Regenerate"
                   >
                     <RefreshIcon />
                   </button>