@finos/legend-extension-dsl-data-space-studio 0.1.151 → 0.1.153

package/lib/stores/studio/DSL_DataSpace_GraphModifierHelper.js

@@ -14,10 +14,136 @@
  * limitations under the License.
  */
 import { action } from 'mobx';
-export const set_title = action((dataSpace, type) => {
+import { observe_DataSpaceDiagram, observe_DataSpaceElementPointer, observe_DataSpaceExecutionContext, observe_DataSpaceSupportInfo, } from '@finos/legend-extension-dsl-data-space/graph';
+import { addUniqueEntry } from '@finos/legend-shared';
+// Basic properties
+export const dataSpace_setTitle = action((dataSpace, type) => {
     dataSpace.title = type;
 });
-export const set_description = action((dataSpace, content) => {
+export const dataSpace_setDescription = action((dataSpace, content) => {
     dataSpace.description = content;
 });
+// Array properties
+export const dataSpace_setExecutionContexts = action((dataSpace, executionContexts) => {
+    dataSpace.executionContexts = executionContexts;
+});
+export const dataSpace_setDefaultExecutionContext = action((dataSpace, defaultExecutionContext) => {
+    dataSpace.defaultExecutionContext = defaultExecutionContext;
+});
+export const dataSpace_setElements = action((dataSpace, elements) => {
+    dataSpace.elements = elements;
+});
+export const dataSpace_setExecutables = action((dataSpace, executables) => {
+    dataSpace.executables = executables;
+});
+export const dataSpace_setDiagrams = action((dataSpace, diagrams) => {
+    dataSpace.diagrams = diagrams;
+});
+export const dataSpace_setSupportInfo = action((dataSpace, supportInfo) => {
+    dataSpace.supportInfo =
+        supportInfo !== undefined
+            ? observe_DataSpaceSupportInfo(supportInfo)
+            : undefined;
+});
+// Array item management
+export const dataSpace_addExecutionContext = action((dataSpace, executionContext) => {
+    addUniqueEntry(dataSpace.executionContexts, observe_DataSpaceExecutionContext(executionContext));
+});
+export const dataSpace_removeExecutionContext = action((dataSpace, dataSpaceExecutionContext) => {
+    const index = dataSpace.executionContexts.indexOf(dataSpaceExecutionContext);
+    dataSpace.executionContexts.splice(index, 1);
+});
+export const dataSpace_addElement = action((dataSpace, element) => {
+    if (!dataSpace.elements) {
+        dataSpace.elements = [];
+    }
+    addUniqueEntry(dataSpace.elements, observe_DataSpaceElementPointer(element));
+});
+export const dataSpace_removeElement = action((dataSpace, element) => {
+    if (dataSpace.elements) {
+        const index = dataSpace.elements.indexOf(element);
+        dataSpace.elements.splice(index, 1);
+    }
+});
+export const dataSpace_setElementExclude = action((element, exclude) => {
+    element.exclude = exclude;
+});
+export const dataSpace_addExecutable = action((dataSpace, executable) => {
+    if (!dataSpace.executables) {
+        dataSpace.executables = [];
+    }
+    dataSpace.executables.push(executable);
+});
+export const dataSpace_removeExecutable = action((dataSpace, executable) => {
+    if (dataSpace.executables) {
+        const index = dataSpace.executables.indexOf(executable);
+        dataSpace.executables.splice(index, 1);
+    }
+});
+export const dataSpace_addDiagram = action((dataSpace, diagram) => {
+    if (!dataSpace.diagrams) {
+        dataSpace.diagrams = [];
+    }
+    dataSpace.diagrams.push(observe_DataSpaceDiagram(diagram));
+});
+export const dataSpace_removeDiagram = action((dataSpace, diagram) => {
+    if (dataSpace.diagrams) {
+        const index = dataSpace.diagrams.indexOf(diagram);
+        if (index !== -1) {
+            dataSpace.diagrams.splice(index, 1);
+        }
+    }
+});
+export const dataSpace_setDiagramTitle = action((diagram, title) => {
+    diagram.title = title;
+});
+export const dataSpace_setDiagramDescription = action((diagram, description) => {
+    diagram.description = description;
+});
+// Nested object properties
+export const dataSpace_setExecutionContextName = action((executionContext, name) => {
+    executionContext.name = name;
+});
+export const dataSpace_setExecutionContextTitle = action((executionContext, title) => {
+    executionContext.title = title;
+});
+export const dataSpace_setExecutionContextDescription = action((executionContext, description) => {
+    executionContext.description = description;
+});
+export const dataSpace_setExecutionContextMapping = action((executionContext, mapping) => {
+    executionContext.mapping = mapping;
+});
+export const dataSpace_setExecutionContextDefaultRuntime = action((executionContext, defaultRuntime) => {
+    executionContext.defaultRuntime = defaultRuntime;
+});
+export const dataSpace_setExecutionContextTestData = action((executionContext, testData) => {
+    executionContext.testData = testData;
+});
+export const dataSpace_setDocumentationUrl = action((supportInfo, url) => {
+    supportInfo.documentationUrl = url;
+});
+export const dataSpace_email_setSupportInfoEmail = action((supportInfo, email) => {
+    supportInfo.address = email;
+});
+export const dataSpace_combined_addEmail = action((supportInfo, email) => {
+    if (supportInfo.emails === undefined) {
+        supportInfo.emails = [];
+    }
+    addUniqueEntry(supportInfo.emails, email);
+});
+export const dataSpace_combined_deleteEmail = action((supportInfo, email) => {
+    const index = supportInfo.emails?.indexOf(email);
+    if (index !== undefined && index !== -1) {
+        supportInfo.emails?.splice(index, 1);
+    }
+});
+export const dataSpace_combined_setWebsite = action((supportInfo, website) => {
+    supportInfo.website = website;
+});
+export const dataSpace_combined_setFaqUrl = action((supportInfo, faqUrl) => {
+    supportInfo.faqUrl = faqUrl;
+});
+export const dataSpace_combined_setSupportUrl = action((supportInfo, supportUrl) => {
+    supportInfo.supportUrl = supportUrl;
+});
 //# sourceMappingURL=DSL_DataSpace_GraphModifierHelper.js.map

package/lib/stores/studio/DSL_DataSpace_GraphModifierHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSL_DataSpace_GraphModifierHelper.js","sourceRoot":"","sources":["../../../src/stores/studio/DSL_DataSpace_GraphModifierHelper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAG9B,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAC7B,CAAC,SAAoB,EAAE,IAAwB,EAAQ,EAAE;IACvD,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;AACzB,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CACnC,CAAC,SAAoB,EAAE,OAA2B,EAAQ,EAAE;IAC1D,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC;AAClC,CAAC,CACF,CAAC"}
+{"version":3,"file":"DSL_DataSpace_GraphModifierHelper.js","sourceRoot":"","sources":["../../../src/stores/studio/DSL_DataSpace_GraphModifierHelper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EASL,wBAAwB,EACxB,+BAA+B,EAC/B,iCAAiC,EACjC,4BAA4B,GAC7B,MAAM,8CAA8C,CAAC;AAOtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,mBAAmB;AACnB,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CACtC,CAAC,SAAoB,EAAE,IAAwB,EAAQ,EAAE;IACvD,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;AACzB,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAC5C,CAAC,SAAoB,EAAE,OAA2B,EAAQ,EAAE;IAC1D,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC;AAClC,CAAC,CACF,CAAC;AAEF,mBAAmB;AACnB,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAClD,CACE,SAAoB,EACpB,iBAA8C,EACxC,EAAE;IACR,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;AAClD,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CACxD,CACE,SAAoB,EACpB,uBAAkD,EAC5C,EAAE;IACR,SAAS,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;AAC9D,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CACzC,CACE,SAAoB,EACpB,QAA+C,EACzC,EAAE;IACR,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAChC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAC5C,CACE,SAAoB,EACpB,WAA8C,EACxC,EAAE;IACR,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACtC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CACzC,CAAC,SAAoB,EAAE,QAAwC,EAAQ,EAAE;IACvE,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAChC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAC5C,CACE,SAAoB,EACpB,WAA6C,EACvC,EAAE;IACR,SAAS,CAAC,WAAW;QACnB,WAAW,KAAK,SAAS;YACvB,CAAC,CAAC,4BAA4B,CAAC,WAAW,CAAC;YAC3C,CAAC,CAAC,SAAS,CAAC;AAClB,CAAC,CACF,CAAC;AAEF,wBAAwB;AACxB,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CACjD,CAAC,SAAoB,EAAE,gBAA2C,EAAQ,EAAE;IAC1E,cAAc,CACZ,SAAS,CAAC,iBAAiB,EAC3B,iCAAiC,CAAC,gBAAgB,CAAC,CACpD,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAG,MAAM,CACpD,CACE,SAAoB,EACpB,yBAAoD,EAC9C,EAAE;IACR,MAAM,KAAK,GAAG,SAAS,CAAC,iBAAiB,CAAC,OAAO,CAC/C,yBAAyB,CAC1B,CAAC;IACF,SAAS,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAC/C,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CACxC,CAAC,SAAoB,EAAE,OAAgC,EAAQ,EAAE;IAC/D,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QACxB,SAAS,CAAC,QAAQ,GAAG,EAAE,CAAC;IAC1B,CAAC;IACD,cAAc,CACZ,SAAS,CAAC,QAAQ,EAClB,+BAA+B,CAAC,OAAO,CAAC,CACzC,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAC3C,CAAC,SAAoB,EAAE,OAAgC,EAAQ,EAAE;IAC/D,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;QACvB,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAClD,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACtC,CAAC;AACH,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAC/C,CAAC,OAAgC,EAAE,OAAgB,EAAQ,EAAE;IAC3D,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;AAC5B,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAC3C,CAAC,SAAoB,EAAE,UAA+B,EAAQ,EAAE;IAC9D,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;QAC3B,SAAS,CAAC,WAAW,GAAG,EAAE,CAAC;IAC7B,CAAC;IACD,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACzC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAC9C,CAAC,SAAoB,EAAE,UAA+B,EAAQ,EAAE;IAC9D,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACxD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACzC,CAAC;AACH,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CACxC,CAAC,SAAoB,EAAE,OAAyB,EAAQ,EAAE;IACxD,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QACxB,SAAS,CAAC,QAAQ,GAAG,EAAE,CAAC;IAC1B,CAAC;IACD,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7D,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAC3C,CAAC,SAAoB,EAAE,OAAyB,EAAQ,EAAE;IACxD,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;QACvB,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAClD,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACjB,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;AACH,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAC7C,CAAC,OAAyB,EAAE,KAAa,EAAQ,EAAE;IACjD,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;AACxB,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,MAAM,CACnD,CAAC,OAAyB,EAAE,WAA+B,EAAQ,EAAE;IACnE,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,CAAC,CACF,CAAC;AAEF,2BAA2B;AAC3B,MAAM,CAAC,MAAM,iCAAiC,GAAG,MAAM,CACrD,CAAC,gBAA2C,EAAE,IAAY,EAAQ,EAAE;IAClE,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC;AAC/B,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kCAAkC,GAAG,MAAM,CACtD,CACE,gBAA2C,EAC3C,KAAyB,EACnB,EAAE;IACR,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;AACjC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wCAAwC,GAAG,MAAM,CAC5D,CACE,gBAA2C,EAC3C,WAA+B,EACzB,EAAE;IACR,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC7C,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CACxD,CACE,gBAA2C,EAC3C,OAA6C,EACvC,EAAE;IACR,gBAAgB,CAAC,OAAO,GAAG,OAAO,CAAC;AACrC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2CAA2C,GAAG,MAAM,CAC/D,CACE,gBAA2C,EAC3C,cAA+D,EACzD,EAAE;IACR,gBAAgB,CAAC,cAAc,GAAG,cAAc,CAAC;AACnD,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qCAAqC,GAAG,MAAM,CACzD,CACE,gBAA2C,EAC3C,QAA0C,EACpC,EAAE;IACR,gBAAgB,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACvC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CACjD,CAAC,WAAiC,EAAE,GAAW,EAAQ,EAAE;IACvD,WAAW,CAAC,gBAAgB,GAAG,GAAG,CAAC;AACrC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAG,MAAM,CACvD,CAAC,WAAkC,EAAE,KAAa,EAAQ,EAAE;IAC1D,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;AAC9B,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAC/C,CAAC,WAAyC,EAAE,KAAa,EAAQ,EAAE;IACjE,IAAI,WAAW,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QACrC,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;IAC1B,CAAC;IACD,cAAc,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAC5C,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAClD,CAAC,WAAyC,EAAE,KAAa,EAAQ,EAAE;IACjE,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACjD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;QACxC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACvC,CAAC;AACH,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CACjD,CAAC,WAAyC,EAAE,OAAe,EAAQ,EAAE;IACnE,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAChC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAChD,CAAC,WAAyC,EAAE,MAAc,EAAQ,EAAE;IAClE,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC;AAC9B,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAG,MAAM,CACpD,CAAC,WAAyC,EAAE,UAAkB,EAAQ,EAAE;IACtE,WAAW,CAAC,UAAU,GAAG,UAAU,CAAC;AACtC,CAAC,CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-extension-dsl-data-space-studio",
-  "version": "0.1.151",
+  "version": "0.1.153",
   "description": "Legend extension for Data Space DSL - Studio",
   "keywords": [
     "legend",
@@ -42,20 +42,21 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "16.0.32",
-    "@finos/legend-application-studio": "28.18.110",
-    "@finos/legend-art": "7.1.89",
-    "@finos/legend-code-editor": "2.0.57",
-    "@finos/legend-extension-dsl-data-space": "10.4.63",
-    "@finos/legend-graph": "32.1.15",
-    "@finos/legend-query-builder": "4.16.21",
-    "@finos/legend-server-depot": "6.0.86",
-    "@finos/legend-server-sdlc": "5.3.54",
-    "@finos/legend-shared": "11.0.9",
+    "@finos/legend-application": "16.0.34",
+    "@finos/legend-application-studio": "28.18.112",
+    "@finos/legend-art": "7.1.91",
+    "@finos/legend-code-editor": "2.0.59",
+    "@finos/legend-extension-dsl-data-space": "10.4.65",
+    "@finos/legend-graph": "32.1.17",
+    "@finos/legend-query-builder": "4.16.23",
+    "@finos/legend-server-depot": "6.0.87",
+    "@finos/legend-server-sdlc": "5.3.55",
+    "@finos/legend-shared": "11.0.10",
     "@types/react": "19.0.10",
     "mobx": "6.13.6",
     "mobx-react-lite": "4.1.0",
-    "react": "19.0.0"
+    "react": "19.0.0",
+    "react-dnd": "16.0.1"
   },
   "devDependencies": {
     "@finos/legend-dev-utils": "2.2.4",

package/src/components/DSL_DataProduct_ElementDriver.tsx

@@ -0,0 +1,82 @@
+/**
+ * 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 {
+  type EditorStore,
+  NewElementDriver,
+} from '@finos/legend-application-studio';
+import {
+  DataSpace,
+  DataSpaceExecutionContext,
+  DataSpaceSupportCombinedInfo,
+} from '@finos/legend-extension-dsl-data-space/graph';
+import {
+  PackageableElementExplicitReference,
+  stub_Mapping,
+  stub_PackageableRuntime,
+} from '@finos/legend-graph';
+import { action, makeObservable, observable } from 'mobx';
+import {
+  dataSpace_setDescription,
+  dataSpace_setSupportInfo,
+  dataSpace_setTitle,
+} from '../stores/studio/DSL_DataSpace_GraphModifierHelper.js';
+
+export class NewDataProductDriver extends NewElementDriver<DataSpace> {
+  title: string | undefined;
+  description: string | undefined;
+
+  constructor(editorStore: EditorStore) {
+    super(editorStore);
+
+    makeObservable(this, {
+      title: observable,
+      description: observable,
+      setTitle: action,
+      setDescription: action,
+    });
+
+    this.title = '';
+    this.description = '';
+  }
+
+  setTitle(value: string | undefined): void {
+    this.title = value;
+  }
+
+  setDescription(value: string | undefined): void {
+    this.description = value;
+  }
+
+  override get isValid(): boolean {
+    return Boolean(this.title && this.description);
+  }
+  override createElement(name: string): DataSpace {
+    const dataSpace = new DataSpace(name);
+    const dataSpaceExecutionContext = new DataSpaceExecutionContext();
+    dataSpaceExecutionContext.name = 'defaultContext';
+    dataSpaceExecutionContext.mapping =
+      PackageableElementExplicitReference.create(stub_Mapping());
+    dataSpaceExecutionContext.defaultRuntime =
+      PackageableElementExplicitReference.create(stub_PackageableRuntime());
+    dataSpace.executionContexts = [dataSpaceExecutionContext];
+    dataSpace.defaultExecutionContext = dataSpaceExecutionContext;
+    dataSpace_setTitle(dataSpace, this.title);
+    dataSpace_setDescription(dataSpace, this.description);
+    dataSpace_setSupportInfo(dataSpace, new DataSpaceSupportCombinedInfo());
+    return dataSpace;
+  }
+}

package/src/components/DSL_DataSpace_LegendStudioApplicationPlugin.tsx

@@ -34,12 +34,11 @@ import {
   type EditorExtensionStateBuilder,
   type EditorExtensionComponentRendererConfiguration,
   PACKAGEABLE_ELEMENT_GROUP_BY_CATEGORY,
-  UnsupportedElementEditorState,
+  type NewElementDriverEditorRenderer,
+  type NewElementDriverCreator,
+  type NewElementDriver,
 } from '@finos/legend-application-studio';
 import {
-  PackageableElementExplicitReference,
-  stub_Mapping,
-  stub_PackageableRuntime,
   type ElementObserver,
   type PackageableElement,
 } from '@finos/legend-graph';
@@ -47,7 +46,6 @@ import type { ApplicationPageEntry } from '@finos/legend-application';
 import type { PureGrammarTextSuggestion } from '@finos/legend-code-editor';
 import {
   DataSpace,
-  DataSpaceExecutionContext,
   observe_DataSpace,
 } from '@finos/legend-extension-dsl-data-space/graph';
 import { DSL_DATA_SPACE_LEGEND_STUDIO_DOCUMENTATION_KEY } from '../__lib__/DSL_DataSpace_LegendStudioDocumentation.js';
@@ -67,6 +65,8 @@ import {
 import { DataSpaceEditorState } from '../stores/DataSpaceEditorState.js';
 import { DataSpaceEditor } from './DataSpaceEditor.js';
 import type { DocumentationEntry } from '@finos/legend-shared';
+import { NewDataProductDriverEditor } from './DSL_NewDataProductEditor.js';
+import { NewDataProductDriver } from './DSL_DataProduct_ElementDriver.js';
 
 const DATA_SPACE_ELEMENT_TYPE = 'DATA PRODUCT';
 const DATA_SPACE_ELEMENT_PROJECT_EXPLORER_DND_TYPE =
@@ -185,18 +185,34 @@ export class DSL_DataSpace_LegendStudioApplicationPlugin
         state: NewElementState,
       ): PackageableElement | undefined => {
         if (type === DATA_SPACE_ELEMENT_TYPE) {
-          const dataSpace = new DataSpace(name);
-          const dataSpaceExecutionContext = new DataSpaceExecutionContext();
-          dataSpaceExecutionContext.name = 'dummyContext';
-          dataSpaceExecutionContext.mapping =
-            PackageableElementExplicitReference.create(stub_Mapping());
-          dataSpaceExecutionContext.defaultRuntime =
-            PackageableElementExplicitReference.create(
-              stub_PackageableRuntime(),
-            );
-          dataSpace.executionContexts = [dataSpaceExecutionContext];
-          dataSpace.defaultExecutionContext = dataSpaceExecutionContext;
-          return dataSpace;
+          return state
+            .getNewElementDriver(NewDataProductDriver)
+            .createElement(name);
+        }
+        return undefined;
+      },
+    ];
+  }
+
+  getExtraNewElementDriverEditorRenderers(): NewElementDriverEditorRenderer[] {
+    return [
+      (type: string): React.ReactNode | undefined => {
+        if (type === DATA_SPACE_ELEMENT_TYPE) {
+          return <NewDataProductDriverEditor />;
+        }
+        return undefined;
+      },
+    ];
+  }
+
+  getExtraNewElementDriverCreators(): NewElementDriverCreator[] {
+    return [
+      (
+        editorStore: EditorStore,
+        type: string,
+      ): NewElementDriver<PackageableElement> | undefined => {
+        if (type === DATA_SPACE_ELEMENT_TYPE) {
+          return new NewDataProductDriver(editorStore);
         }
         return undefined;
       },
@@ -223,8 +239,8 @@ export class DSL_DataSpace_LegendStudioApplicationPlugin
         element: PackageableElement,
       ): ElementEditorState | undefined => {
         if (element instanceof DataSpace) {
-          return new UnsupportedElementEditorState(editorStore, element);
-          // return new DataSpaceEditorState(editorStore, element);
+          // return new UnsupportedElementEditorState(editorStore, element);
+          return new DataSpaceEditorState(editorStore, element);
         }
         return undefined;
       },

package/src/components/DSL_NewDataProductEditor.tsx

@@ -0,0 +1,58 @@
+/**
+ * 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 { useEditorStore } from '@finos/legend-application-studio';
+import { PanelFormTextField } from '@finos/legend-art';
+import { observer } from 'mobx-react-lite';
+import { NewDataProductDriver } from './DSL_DataProduct_ElementDriver.js';
+
+//KXT here
+export const NewDataProductDriverEditor = observer(() => {
+  const editorStore = useEditorStore();
+
+  const dataProductDriver =
+    editorStore.newElementState.getNewElementDriver(NewDataProductDriver);
+
+  const handleTitleChange = (value: string | undefined): void => {
+    dataProductDriver.setTitle(value);
+  };
+
+  const handleDescriptionChange = (value: string | undefined): void => {
+    dataProductDriver.setDescription(value);
+  };
+
+  return (
+    <div>
+      <PanelFormTextField
+        name="Title"
+        value={dataProductDriver.title ?? ''}
+        prompt="Provide a title for this Data Product."
+        update={handleTitleChange}
+        placeholder="Enter title"
+        className="explorer__new-element-modal__driver__dropdown"
+      />
+
+      <PanelFormTextField
+        name="Description"
+        value={dataProductDriver.description ?? ''}
+        prompt="Provide a description for this Data Product."
+        update={handleDescriptionChange}
+        placeholder="Enter description"
+        className="explorer__new-element-modal__driver__dropdown"
+      />
+    </div>
+  );
+});

package/src/components/DataSpaceEditor.tsx

@@ -16,52 +16,74 @@
 
 import { observer } from 'mobx-react-lite';
 import { useEditorStore } from '@finos/legend-application-studio';
-import { PanelFormTextField } from '@finos/legend-art';
+import { EyeIcon, Panel, PanelContent, PanelHeader } from '@finos/legend-art';
 import { DataSpaceEditorState } from '../stores/DataSpaceEditorState.js';
-import {
-  set_description,
-  set_title,
-} from '../stores/studio/DSL_DataSpace_GraphModifierHelper.js';
+import { DataSpaceGeneralEditor } from './DataSpaceGeneralEditor/DataSpaceGeneralEditor.js';
+import { DataSpacePreviewState } from '../stores/DataSpacePreviewState.js';
+import { flowResult } from 'mobx';
+import { isStubbed_PackageableElement } from '@finos/legend-graph';
 
 export const DataSpaceEditor = observer(() => {
   const editorStore = useEditorStore();
 
-  const formEditorState =
+  const dataSpaceState =
     editorStore.tabManagerState.getCurrentEditorState(DataSpaceEditorState);
 
-  const formElement = formEditorState.dataSpace;
+  const dataSpace = dataSpaceState.dataSpace;
 
-  const handleTitleChange = (value: string | undefined): void => {
-    set_title(formElement, value);
+  const dataSpacePreviewState =
+    DataSpacePreviewState.retrieveNullableState(editorStore);
+  if (!dataSpacePreviewState) {
+    return null;
+  }
+
+  const validPreviewState = (): boolean => {
+    //KXT isStubbed_PackageableElement
+    const stubDefault = Boolean(
+      isStubbed_PackageableElement(
+        dataSpace.defaultExecutionContext.defaultRuntime.value,
+      ) &&
+        isStubbed_PackageableElement(
+          dataSpace.defaultExecutionContext.mapping.value,
+        ),
+    );
+    return Boolean(!stubDefault);
   };
 
-  const handleDescriptionChange = (value: string | undefined): void => {
-    set_description(formElement, value);
+  const previewDataSpace = (): void => {
+    flowResult(
+      dataSpacePreviewState.previewDataSpace(dataSpaceState.dataSpace),
+    ).catch(editorStore.applicationStore.alertUnhandledError);
   };
 
   return (
-    <div className="dataSpace-editor panel dataSpace-editor--dark">
-      <div className="panel__content__form">
-        <div className="panel__content__form__section">
-          <PanelFormTextField
-            name="Data Product Title"
-            value={formElement.title ?? ''}
-            prompt="Data Product title is the user facing name for the Data Product. It used in downstream applications as the default identifier for this Data Product. When not provided, the DataProduct name property is used"
-            update={handleTitleChange}
-            placeholder="Enter title"
-          />
-        </div>
-      </div>
-      <div className="panel__content__form">
-        <div className="panel__content__form__section">
-          <PanelFormTextField
-            name="Data Product Description"
-            value={formElement.description ?? ''}
-            update={handleDescriptionChange}
-            placeholder="Enter Description"
-          />
+    <Panel className="dataSpace-editor">
+      <PanelHeader
+        title="Data Product"
+        titleContent={dataSpaceState.dataSpace.name}
+        darkMode={true}
+        isReadOnly={dataSpaceState.isReadOnly}
+      />
+      <PanelHeader title="General" darkMode={true}>
+        <div className="panel__header__actions">
+          <div className="btn__dropdown-combo btn__dropdown-combo--primary">
+            <button
+              className="btn__dropdown-combo__label"
+              onClick={previewDataSpace}
+              title="Preview Data Product"
+              tabIndex={-1}
+              disabled={!validPreviewState()}
+            >
+              <EyeIcon className="btn__dropdown-combo__label__icon" />
+              <div className="btn__dropdown-combo__label__title">Preview</div>
+            </button>
+          </div>
         </div>
-      </div>
-    </div>
+      </PanelHeader>
+
+      <PanelContent>
+        <DataSpaceGeneralEditor />
+      </PanelContent>
+    </Panel>
   );
 });