@finos/legend-extension-dsl-data-space-studio 0.1.187 → 0.1.189

package/lib/components/DSL_NewDataProductEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DSL_NewDataProductEditor.d.ts","sourceRoot":"","sources":["../../src/components/DSL_NewDataProductEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAOH,eAAO,MAAM,0BAA0B;;CAmCrC,CAAC"}
+{"version":3,"file":"DSL_NewDataProductEditor.d.ts","sourceRoot":"","sources":["../../src/components/DSL_NewDataProductEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH,eAAO,MAAM,0BAA0B;;CAuCrC,CAAC"}

package/lib/components/DSL_NewDataProductEditor.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Copyright (c) 2020-present, Goldman Sachs
  *
@@ -15,18 +15,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * 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';
 export const NewDataProductDriverEditor = observer(() => {
     const editorStore = useEditorStore();
     const dataProductDriver = editorStore.newElementState.getNewElementDriver(NewDataProductDriver);
-    const handleTitleChange = (value) => {
-        dataProductDriver.setTitle(value);
-    };
-    const handleDescriptionChange = (value) => {
-        dataProductDriver.setDescription(value);
-    };
-    return (_jsxs("div", { children: [_jsx(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" }), _jsx(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" })] }));
+    const handleTitleChange = (event) => dataProductDriver.setTitle(event.target.value);
+    const handleDescriptionChange = (event) => dataProductDriver.setDescription(event.target.value);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Title" }), _jsx("div", { className: "explorer__new-element-modal__driver", children: _jsx("input", { className: "input--dark explorer__new-element-modal__name-input", spellCheck: false, value: dataProductDriver.title, onChange: handleTitleChange, placeholder: `Choose a title for this Data Product to display to consumers` }) }), _jsx("div", { className: "panel__content__form__section__header__label", children: "Description" }), _jsx("div", { className: "explorer__new-element-modal__driver", children: _jsx("input", { className: "input--dark explorer__new-element-modal__name-input", spellCheck: false, value: dataProductDriver.description, onChange: handleDescriptionChange, placeholder: `Provide a meaningful description for this Data Product` }) })] }));
 });
 //# sourceMappingURL=DSL_NewDataProductEditor.js.map

package/lib/components/DSL_NewDataProductEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSL_NewDataProductEditor.js","sourceRoot":"","sources":["../../src/components/DSL_NewDataProductEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE1E,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,GAAG,EAAE;IACtD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,iBAAiB,GACrB,WAAW,CAAC,eAAe,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IAExE,MAAM,iBAAiB,GAAG,CAAC,KAAyB,EAAQ,EAAE;QAC5D,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAAyB,EAAQ,EAAE;QAClE,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,OAAO,CACL,0BACE,KAAC,kBAAkB,IACjB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,iBAAiB,CAAC,KAAK,IAAI,EAAE,EACpC,MAAM,EAAC,wCAAwC,EAC/C,MAAM,EAAE,iBAAiB,EACzB,WAAW,EAAC,aAAa,EACzB,SAAS,EAAC,+CAA+C,GACzD,EAEF,KAAC,kBAAkB,IACjB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,iBAAiB,CAAC,WAAW,IAAI,EAAE,EAC1C,MAAM,EAAC,8CAA8C,EACrD,MAAM,EAAE,uBAAuB,EAC/B,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAC,+CAA+C,GACzD,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DSL_NewDataProductEditor.js","sourceRoot":"","sources":["../../src/components/DSL_NewDataProductEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE1E,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,GAAG,EAAE;IACtD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,iBAAiB,GACrB,WAAW,CAAC,eAAe,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IAExE,MAAM,iBAAiB,GAA+C,CACpE,KAAK,EACL,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,uBAAuB,GAA+C,CAC1E,KAAK,EACL,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1D,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,8CAA8C,sBAAY,EACzE,cAAK,SAAS,EAAC,qCAAqC,YAClD,gBACE,SAAS,EAAC,qDAAqD,EAC/D,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,8DAA8D,GAC3E,GACE,EACN,cAAK,SAAS,EAAC,8CAA8C,4BAEvD,EACN,cAAK,SAAS,EAAC,qCAAqC,YAClD,gBACE,SAAS,EAAC,qDAAqD,EAC/D,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,iBAAiB,CAAC,WAAW,EACpC,QAAQ,EAAE,uBAAuB,EACjC,WAAW,EAAE,wDAAwD,GACrE,GACE,IACL,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/index.css

@@ -1,4 +1,4 @@
-/** @license @finos/legend-extension-dsl-data-space-studio v0.1.187
+/** @license @finos/legend-extension-dsl-data-space-studio v0.1.189
  * Copyright (c) 2020-present, Goldman Sachs
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

package/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@finos/legend-extension-dsl-data-space-studio",
-    "version": "0.1.187",
+    "version": "0.1.189",
     "description": "Legend extension for Data Space DSL - Studio",
     "keywords": [
         "legend",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-extension-dsl-data-space-studio",
-  "version": "0.1.187",
+  "version": "0.1.189",
   "description": "Legend extension for Data Space DSL - Studio",
   "keywords": [
     "legend",
@@ -43,12 +43,12 @@
   },
   "dependencies": {
     "@finos/legend-application": "16.0.49",
-    "@finos/legend-application-studio": "28.18.146",
+    "@finos/legend-application-studio": "28.18.148",
     "@finos/legend-art": "7.1.103",
-    "@finos/legend-code-editor": "2.0.83",
-    "@finos/legend-extension-dsl-data-space": "10.4.99",
-    "@finos/legend-graph": "32.1.41",
-    "@finos/legend-query-builder": "4.16.52",
+    "@finos/legend-code-editor": "2.0.84",
+    "@finos/legend-extension-dsl-data-space": "10.4.101",
+    "@finos/legend-graph": "32.1.42",
+    "@finos/legend-query-builder": "4.16.54",
     "@finos/legend-server-depot": "6.0.92",
     "@finos/legend-server-sdlc": "5.3.58",
     "@finos/legend-shared": "11.0.13",

package/src/components/DSL_NewDataProductEditor.tsx

@@ -15,7 +15,6 @@
  */
 
 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';
 
@@ -25,33 +24,37 @@ export const NewDataProductDriverEditor = observer(() => {
   const dataProductDriver =
     editorStore.newElementState.getNewElementDriver(NewDataProductDriver);
 
-  const handleTitleChange = (value: string | undefined): void => {
-    dataProductDriver.setTitle(value);
-  };
-
-  const handleDescriptionChange = (value: string | undefined): void => {
-    dataProductDriver.setDescription(value);
-  };
+  const handleTitleChange: React.ChangeEventHandler<HTMLInputElement> = (
+    event,
+  ) => dataProductDriver.setTitle(event.target.value);
+  const handleDescriptionChange: React.ChangeEventHandler<HTMLInputElement> = (
+    event,
+  ) => dataProductDriver.setDescription(event.target.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>
+    <>
+      <div className="panel__content__form__section__header__label">Title</div>
+      <div className="explorer__new-element-modal__driver">
+        <input
+          className="input--dark explorer__new-element-modal__name-input"
+          spellCheck={false}
+          value={dataProductDriver.title}
+          onChange={handleTitleChange}
+          placeholder={`Choose a title for this Data Product to display to consumers`}
+        />
+      </div>
+      <div className="panel__content__form__section__header__label">
+        Description
+      </div>
+      <div className="explorer__new-element-modal__driver">
+        <input
+          className="input--dark explorer__new-element-modal__name-input"
+          spellCheck={false}
+          value={dataProductDriver.description}
+          onChange={handleDescriptionChange}
+          placeholder={`Provide a meaningful description for this Data Product`}
+        />
+      </div>
+    </>
   );
 });