@finos/legend-extension-dsl-data-space 9.0.48 → 9.1.1

package/lib/DSL_DataSpace_Const.d.ts

@@ -15,4 +15,5 @@
  */
 export declare const QUERY_PROFILE_PATH = "meta::pure::profiles::query";
 export declare const QUERY_PROFILE_TAG_DATA_SPACE = "dataSpace";
+export declare const QUERY_PROFILE_TAG_CLASS = "class";
 //# sourceMappingURL=DSL_DataSpace_Const.d.ts.map

package/lib/DSL_DataSpace_Const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DSL_DataSpace_Const.d.ts","sourceRoot":"","sources":["../src/DSL_DataSpace_Const.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAChE,eAAO,MAAM,4BAA4B,cAAc,CAAC"}
+{"version":3,"file":"DSL_DataSpace_Const.d.ts","sourceRoot":"","sources":["../src/DSL_DataSpace_Const.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAChE,eAAO,MAAM,4BAA4B,cAAc,CAAC;AACxD,eAAO,MAAM,uBAAuB,UAAU,CAAC"}

package/lib/DSL_DataSpace_Const.js

@@ -14,7 +14,8 @@
  * limitations under the License.
  */
 // NOTE: these are non-compilable profile and tag that we come up with for query
-// so that it records the dataSpace it is created from
+// to store extra metadata
 export const QUERY_PROFILE_PATH = 'meta::pure::profiles::query';
 export const QUERY_PROFILE_TAG_DATA_SPACE = 'dataSpace';
+export const QUERY_PROFILE_TAG_CLASS = 'class';
 //# sourceMappingURL=DSL_DataSpace_Const.js.map

package/lib/DSL_DataSpace_Const.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSL_DataSpace_Const.js","sourceRoot":"","sources":["../src/DSL_DataSpace_Const.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,gFAAgF;AAChF,sDAAsD;AACtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,6BAA6B,CAAC;AAChE,MAAM,CAAC,MAAM,4BAA4B,GAAG,WAAW,CAAC"}
+{"version":3,"file":"DSL_DataSpace_Const.js","sourceRoot":"","sources":["../src/DSL_DataSpace_Const.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,gFAAgF;AAChF,0BAA0B;AAC1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,6BAA6B,CAAC;AAChE,MAAM,CAAC,MAAM,4BAA4B,GAAG,WAAW,CAAC;AACxD,MAAM,CAAC,MAAM,uBAAuB,GAAG,OAAO,CAAC"}

package/lib/{stores/query/DSL_DataSpace_LegendQueryRouter.d.ts → application/query/DSL_DataSpace_LegendQueryNavigation.d.ts}

@@ -13,22 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { LEGEND_QUERY_PATH_PARAM_TOKEN } from '@finos/legend-application-query';
-export declare enum DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN {
+export declare enum DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN {
+    GAV = "gav",
     DATA_SPACE_PATH = "dataSpacePath",
-    EXECUTION_CONTEXT = "executionContext"
+    EXECUTION_CONTEXT = "executionContext",
+    RUNTIME_PATH = "runtimePath"
 }
 export declare enum DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN {
     CLASS_PATH = "class"
 }
-export interface DataSpaceQueryCreatorPathParams {
-    [LEGEND_QUERY_PATH_PARAM_TOKEN.GAV]: string;
-    [DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN.DATA_SPACE_PATH]: string;
-    [DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN.EXECUTION_CONTEXT]: string;
-    [LEGEND_QUERY_PATH_PARAM_TOKEN.RUNTIME_PATH]?: string;
-}
+export type DataSpaceQueryCreatorPathParams = {
+    [DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.GAV]: string;
+    [DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.DATA_SPACE_PATH]: string;
+    [DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.EXECUTION_CONTEXT]: string;
+    [DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.RUNTIME_PATH]?: string;
+};
 export type DataSpaceQueryEditorQueryParams = {
-    [DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN.CLASS_PATH]?: string;
+    [DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN.CLASS_PATH]?: string | undefined;
 };
 export declare const DATA_SPACE_QUERY_ROUTE_PATTERN: Readonly<{
     SETUP: "/dataspace";
@@ -36,4 +37,4 @@ export declare const DATA_SPACE_QUERY_ROUTE_PATTERN: Readonly<{
 }>;
 export declare const generateDataSpaceQuerySetupRoute: () => string;
 export declare const generateDataSpaceQueryCreatorRoute: (groupId: string, artifactId: string, versionId: string, dataSpacePath: string, executionContextKey: string, runtimePath?: string | undefined, classPath?: string | undefined) => string;
-//# sourceMappingURL=DSL_DataSpace_LegendQueryRouter.d.ts.map
+//# sourceMappingURL=DSL_DataSpace_LegendQueryNavigation.d.ts.map

package/lib/application/query/DSL_DataSpace_LegendQueryNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendQueryNavigation.d.ts","sourceRoot":"","sources":["../../../src/application/query/DSL_DataSpace_LegendQueryNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAYH,oBAAY,4CAA4C;IACtD,GAAG,QAAQ;IACX,eAAe,kBAAkB;IACjC,iBAAiB,qBAAqB;IACtC,YAAY,gBAAgB;CAC7B;AAED,oBAAY,0CAA0C;IACpD,UAAU,UAAU;CACrB;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,CAAC,4CAA4C,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAC3D,CAAC,4CAA4C,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IACvE,CAAC,4CAA4C,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACzE,CAAC,4CAA4C,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC;CACtE,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,CAAC,0CAA0C,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9E,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;EAGzC,CAAC;AAEH,eAAO,MAAM,gCAAgC,QAAO,MAIjD,CAAC;AAEJ,eAAO,MAAM,kCAAkC,YACpC,MAAM,cACH,MAAM,aACP,MAAM,iBACF,MAAM,uBACA,MAAM,gBACb,MAAM,GAAG,SAAS,cACpB,MAAM,GAAG,SAAS,KAC7B,MAoBA,CAAC"}

package/lib/{stores/query/DSL_DataSpace_LegendQueryRouter.js → application/query/DSL_DataSpace_LegendQueryNavigation.js}

@@ -14,31 +14,32 @@
  * limitations under the License.
  */
 import { generateExtensionUrlPattern, generatePath, } from '@finos/legend-application';
-import { LEGEND_QUERY_PATH_PARAM_TOKEN } from '@finos/legend-application-query';
 import { addQueryParamsStringToUrl, stringifyQueryParams, } from '@finos/legend-shared';
 import { generateGAVCoordinates } from '@finos/legend-storage';
-export var DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN;
-(function (DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN) {
-    DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN["DATA_SPACE_PATH"] = "dataSpacePath";
-    DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN["EXECUTION_CONTEXT"] = "executionContext";
-})(DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN = DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN || (DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN = {}));
+export var DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN;
+(function (DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN) {
+    DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN["GAV"] = "gav";
+    DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN["DATA_SPACE_PATH"] = "dataSpacePath";
+    DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN["EXECUTION_CONTEXT"] = "executionContext";
+    DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN["RUNTIME_PATH"] = "runtimePath";
+})(DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN = DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN || (DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN = {}));
 export var DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN;
 (function (DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN) {
     DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN["CLASS_PATH"] = "class";
 })(DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN = DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN || (DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN = {}));
 export const DATA_SPACE_QUERY_ROUTE_PATTERN = Object.freeze({
     SETUP: `/dataspace`,
-    CREATE: `/dataspace/:${LEGEND_QUERY_PATH_PARAM_TOKEN.GAV}/:${DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN.DATA_SPACE_PATH}/:${DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN.EXECUTION_CONTEXT}/:${LEGEND_QUERY_PATH_PARAM_TOKEN.RUNTIME_PATH}?`,
+    CREATE: `/dataspace/:${DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.GAV}/:${DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.DATA_SPACE_PATH}/:${DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.EXECUTION_CONTEXT}/:${DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.RUNTIME_PATH}?`,
 });
 export const generateDataSpaceQuerySetupRoute = () => generatePath(generateExtensionUrlPattern(DATA_SPACE_QUERY_ROUTE_PATTERN.SETUP), {});
 export const generateDataSpaceQueryCreatorRoute = (groupId, artifactId, versionId, dataSpacePath, executionContextKey, runtimePath, classPath) => addQueryParamsStringToUrl(generatePath(generateExtensionUrlPattern(DATA_SPACE_QUERY_ROUTE_PATTERN.CREATE), {
-    [LEGEND_QUERY_PATH_PARAM_TOKEN.GAV]: generateGAVCoordinates(groupId, artifactId, versionId),
-    [DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN.DATA_SPACE_PATH]: dataSpacePath,
-    [DATA_SPACE_QUERY_CREATOR_PATH_PARAM_TOKEN.EXECUTION_CONTEXT]: executionContextKey,
-    [LEGEND_QUERY_PATH_PARAM_TOKEN.RUNTIME_PATH]: runtimePath,
+    [DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.GAV]: generateGAVCoordinates(groupId, artifactId, versionId),
+    [DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.DATA_SPACE_PATH]: dataSpacePath,
+    [DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.EXECUTION_CONTEXT]: executionContextKey,
+    [DATA_SPACE_QUERY_CREATOR_ROUTE_PATTERN_TOKEN.RUNTIME_PATH]: runtimePath,
 }), stringifyQueryParams({
     [DATA_SPACE_QUERY_CREATOR_QUERY_PARAM_TOKEN.CLASS_PATH]: classPath
         ? encodeURIComponent(classPath)
         : undefined,
 }));
-//# sourceMappingURL=DSL_DataSpace_LegendQueryRouter.js.map
+//# sourceMappingURL=DSL_DataSpace_LegendQueryNavigation.js.map

package/lib/application/query/DSL_DataSpace_LegendQueryNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendQueryNavigation.js","sourceRoot":"","sources":["../../../src/application/query/DSL_DataSpace_LegendQueryNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,2BAA2B,EAC3B,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,CAAN,IAAY,4CAKX;AALD,WAAY,4CAA4C;IACtD,2DAAW,CAAA;IACX,iFAAiC,CAAA;IACjC,sFAAsC,CAAA;IACtC,4EAA4B,CAAA;AAC9B,CAAC,EALW,4CAA4C,GAA5C,4CAA4C,KAA5C,4CAA4C,QAKvD;AAED,MAAM,CAAN,IAAY,0CAEX;AAFD,WAAY,0CAA0C;IACpD,kEAAoB,CAAA;AACtB,CAAC,EAFW,0CAA0C,GAA1C,0CAA0C,KAA1C,0CAA0C,QAErD;AAaD,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,MAAM,CAAC;IAC1D,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,eAAe,4CAA4C,CAAC,GAAG,KAAK,4CAA4C,CAAC,eAAe,KAAK,4CAA4C,CAAC,iBAAiB,KAAK,4CAA4C,CAAC,YAAY,GAAG;CAC7Q,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAW,EAAE,CAC3D,YAAY,CACV,2BAA2B,CAAC,8BAA8B,CAAC,KAAK,CAAC,EACjE,EAAE,CACH,CAAC;AAEJ,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAChD,OAAe,EACf,UAAkB,EAClB,SAAiB,EACjB,aAAqB,EACrB,mBAA2B,EAC3B,WAAgC,EAChC,SAA8B,EACtB,EAAE,CACV,yBAAyB,CACvB,YAAY,CACV,2BAA2B,CAAC,8BAA8B,CAAC,MAAM,CAAC,EAClE;IACE,CAAC,4CAA4C,CAAC,GAAG,CAAC,EAChD,sBAAsB,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC;IACxD,CAAC,4CAA4C,CAAC,eAAe,CAAC,EAC5D,aAAa;IACf,CAAC,4CAA4C,CAAC,iBAAiB,CAAC,EAC9D,mBAAmB;IACrB,CAAC,4CAA4C,CAAC,YAAY,CAAC,EACzD,WAAW;CACd,CACF,EACD,oBAAoB,CAAC;IACnB,CAAC,0CAA0C,CAAC,UAAU,CAAC,EAAE,SAAS;QAChE,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC;QAC/B,CAAC,CAAC,SAAS;CACd,CAAC,CACH,CAAC"}

package/lib/{components/studio/DSL_DataSpace_CodeSnippets.d.ts → application/studio/DSL_DataSpace_LegendStudioCodeSnippet.d.ts}

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare const SIMPLE_DATA_SPACE_SNIPPET = "DataSpace ${1:model::NewDataSpace}\n{\n  executionContexts:\n  [\n    {\n      name: '${5:Some Context}';\n      description: 'some information about the execution context';\n      mapping: ${6:model::SomeMapping};\n      defaultRuntime: ${7:model::SomeRuntime};\n    }\n  ];\n  defaultExecutionContext: '${5:Some Context}';\n  // description: 'description of the data models';\n  // featuredDiagrams:\n  // [\n  //   model::SomeDiagram\n  // ];\n  // supportInfo: Email {\n  //   address: 'someEmail@test.org';\n  // };\n}";
-//# sourceMappingURL=DSL_DataSpace_CodeSnippets.d.ts.map
+export declare const SIMPLE_DATA_SPACE_SNIPPET = "DataSpace ${1:model::NewDataSpace}\n{\n  executionContexts:\n  [\n    {\n      name: '${5:Some Context}';\n      description: 'some information about the execution context';\n      mapping: ${6:model::SomeMapping};\n      defaultRuntime: ${7:model::SomeRuntime};\n    }\n  ];\n  defaultExecutionContext: '${5:Some Context}';\n  // description: 'description of the data models';\n  // featuredDiagrams:\n  // [\n  //   model::SomeDiagram\n  // ];\n  // elements:\n  // [\n  //   model::SomeClass,\n  // ];\n  // supportInfo: Email {\n  //   address: 'someEmail@test.org';\n  // };\n}";
+//# sourceMappingURL=DSL_DataSpace_LegendStudioCodeSnippet.d.ts.map

package/lib/application/studio/DSL_DataSpace_LegendStudioCodeSnippet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendStudioCodeSnippet.d.ts","sourceRoot":"","sources":["../../../src/application/studio/DSL_DataSpace_LegendStudioCodeSnippet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,yBAAyB,2kBAwBpC,CAAC"}

package/lib/{components/studio/DSL_DataSpace_CodeSnippets.js → application/studio/DSL_DataSpace_LegendStudioCodeSnippet.js}

@@ -30,8 +30,12 @@ export const SIMPLE_DATA_SPACE_SNIPPET = `DataSpace \${1:model::NewDataSpace}
   // [
   //   model::SomeDiagram
   // ];
+  // elements:
+  // [
+  //   model::SomeClass,
+  // ];
   // supportInfo: Email {
   //   address: 'someEmail@test.org';
   // };
 }`;
-//# sourceMappingURL=DSL_DataSpace_CodeSnippets.js.map
+//# sourceMappingURL=DSL_DataSpace_LegendStudioCodeSnippet.js.map

package/lib/application/studio/DSL_DataSpace_LegendStudioCodeSnippet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendStudioCodeSnippet.js","sourceRoot":"","sources":["../../../src/application/studio/DSL_DataSpace_LegendStudioCodeSnippet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;EAwBvC,CAAC"}

package/lib/application/studio/DSL_DataSpace_LegendStudioDocumentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendStudioDocumentation.d.ts","sourceRoot":"","sources":["../../../src/application/studio/DSL_DataSpace_LegendStudioDocumentation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,oBAAY,8CAA8C;IACxD,cAAc,iCAAiC;IAC/C,0BAA0B,6CAA6C;CACxE"}

package/lib/application/studio/DSL_DataSpace_LegendStudioDocumentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendStudioDocumentation.js","sourceRoot":"","sources":["../../../src/application/studio/DSL_DataSpace_LegendStudioDocumentation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAN,IAAY,8CAGX;AAHD,WAAY,8CAA8C;IACxD,iGAA+C,CAAA;IAC/C,yHAAuE,CAAA;AACzE,CAAC,EAHW,8CAA8C,GAA9C,8CAA8C,KAA9C,8CAA8C,QAGzD"}

package/lib/application/studio/DSL_DataSpace_LegendStudioNavigation.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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.
+ */
+export declare enum DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN {
+    GAV = "gav",
+    DATA_SPACE_PATH = "dataSpacePath"
+}
+export type DataSpacePreviewPathParams = {
+    [DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN.GAV]: string;
+    [DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN.DATA_SPACE_PATH]: string;
+};
+export declare const DATA_SPACE_STUDIO_ROUTE_PATTERN: Readonly<{
+    PREVIEW: "/dataspace/preview/:gav/:dataSpacePath";
+}>;
+export declare const generateDataSpacePreviewRoute: (groupId: string, artifactId: string, versionId: string, dataSpacePath: string) => string;
+//# sourceMappingURL=DSL_DataSpace_LegendStudioNavigation.d.ts.map

package/lib/application/studio/DSL_DataSpace_LegendStudioNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendStudioNavigation.d.ts","sourceRoot":"","sources":["../../../src/application/studio/DSL_DataSpace_LegendStudioNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAQH,oBAAY,qCAAqC;IAC/C,GAAG,QAAQ;IACX,eAAe,kBAAkB;CAClC;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,CAAC,qCAAqC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACpD,CAAC,qCAAqC,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,+BAA+B;;EAE1C,CAAC;AAEH,eAAO,MAAM,6BAA6B,YAC/B,MAAM,cACH,MAAM,aACP,MAAM,iBACF,MAAM,KACpB,MAWA,CAAC"}

package/lib/application/studio/DSL_DataSpace_LegendStudioNavigation.js

@@ -0,0 +1,30 @@
+/**
+ * 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 { generateExtensionUrlPattern, generatePath, } from '@finos/legend-application';
+import { generateGAVCoordinates } from '@finos/legend-storage';
+export var DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN;
+(function (DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN) {
+    DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN["GAV"] = "gav";
+    DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN["DATA_SPACE_PATH"] = "dataSpacePath";
+})(DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN = DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN || (DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN = {}));
+export const DATA_SPACE_STUDIO_ROUTE_PATTERN = Object.freeze({
+    PREVIEW: `/dataspace/preview/:${DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN.GAV}/:${DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN.DATA_SPACE_PATH}`,
+});
+export const generateDataSpacePreviewRoute = (groupId, artifactId, versionId, dataSpacePath) => generatePath(generateExtensionUrlPattern(DATA_SPACE_STUDIO_ROUTE_PATTERN.PREVIEW), {
+    [DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN.GAV]: generateGAVCoordinates(groupId, artifactId, versionId),
+    [DATA_SPACE_STUDIO_ROUTE_PATTERN_TOKEN.DATA_SPACE_PATH]: dataSpacePath,
+});
+//# sourceMappingURL=DSL_DataSpace_LegendStudioNavigation.js.map

package/lib/application/studio/DSL_DataSpace_LegendStudioNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendStudioNavigation.js","sourceRoot":"","sources":["../../../src/application/studio/DSL_DataSpace_LegendStudioNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,2BAA2B,EAC3B,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,CAAN,IAAY,qCAGX;AAHD,WAAY,qCAAqC;IAC/C,oDAAW,CAAA;IACX,0EAAiC,CAAA;AACnC,CAAC,EAHW,qCAAqC,GAArC,qCAAqC,KAArC,qCAAqC,QAGhD;AAOD,MAAM,CAAC,MAAM,+BAA+B,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3D,OAAO,EAAE,uBAAuB,qCAAqC,CAAC,GAAG,KAAK,qCAAqC,CAAC,eAAe,EAAE;CACtI,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,OAAe,EACf,UAAkB,EAClB,SAAiB,EACjB,aAAqB,EACb,EAAE,CACV,YAAY,CACV,2BAA2B,CAAC,+BAA+B,CAAC,OAAO,CAAC,EACpE;IACE,CAAC,qCAAqC,CAAC,GAAG,CAAC,EAAE,sBAAsB,CACjE,OAAO,EACP,UAAU,EACV,SAAS,CACV;IACD,CAAC,qCAAqC,CAAC,eAAe,CAAC,EAAE,aAAa;CACvE,CACF,CAAC"}

package/lib/components/DSL_DataSpace_LegendApplicationPlugin.js

@@ -15,7 +15,7 @@
  */
 import { LegendApplicationPlugin, } from '@finos/legend-application';
 import packageJson from '../../package.json';
-export class DSL_DataSpace_LegendApplicationPlugin extends LegendApplicationPlugin {
+class DSL_DataSpace_LegendApplicationPlugin extends LegendApplicationPlugin {
     static NAME = packageJson.extensions.applicationPlugin;
     constructor() {
         super(DSL_DataSpace_LegendApplicationPlugin.NAME, packageJson.version);
@@ -27,4 +27,5 @@ export class DSL_DataSpace_LegendApplicationPlugin extends LegendApplicationPlug
         return undefined;
     }
 }
+export { DSL_DataSpace_LegendApplicationPlugin };
 //# sourceMappingURL=DSL_DataSpace_LegendApplicationPlugin.js.map

package/lib/components/DSL_DataSpace_LegendApplicationPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSL_DataSpace_LegendApplicationPlugin.js","sourceRoot":"","sources":["../../src/components/DSL_DataSpace_LegendApplicationPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,uBAAuB,GAExB,MAAM,2BAA2B,CAAC;AACnC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAO7C,MAAM,OAAO,qCAAsC,SAAQ,uBAAuB;IAChF,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC;IAEvD;QACE,KAAK,CAAC,qCAAqC,CAAC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,aAAsE;QAEtE,aAAa,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,gCAAgC;QAC9B,OAAO,SAAS,CAAC;IACnB,CAAC"}
+{"version":3,"file":"DSL_DataSpace_LegendApplicationPlugin.js","sourceRoot":"","sources":["../../src/components/DSL_DataSpace_LegendApplicationPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,uBAAuB,GAExB,MAAM,2BAA2B,CAAC;AACnC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAO7C,MAAa,qCAAsC,SAAQ,uBAAuB;IAChF,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC;IAEvD;QACE,KAAK,CAAC,qCAAqC,CAAC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,aAAsE;QAEtE,aAAa,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,gCAAgC;QAC9B,OAAO,SAAS,CAAC;IACnB,CAAC;;SAfU,qCAAqC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataSpaceViewer.d.ts","sourceRoot":"","sources":["../../src/components/DataSpaceViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAqCH,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,mCAAmC,CAAC;AA0b3C,eAAO,MAAM,eAAe,WAClB;IAAE,oBAAoB,EAAE,oBAAoB,CAAA;CAAE;;CA4LvD,CAAC"}
+{"version":3,"file":"DataSpaceViewer.d.ts","sourceRoot":"","sources":["../../src/components/DataSpaceViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AA8CH,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,mCAAmC,CAAC;AAq3B3C,eAAO,MAAM,eAAe,WAClB;IAAE,oBAAoB,EAAE,oBAAoB,CAAA;CAAE;;CAmLvD,CAAC"}

package/lib/components/DataSpaceViewer.js

@@ -16,14 +16,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useRef, useEffect, forwardRef } from 'react';
 import { observer } from 'mobx-react-lite';
-import { BlankPanelContent, ShapesIcon, PlayIcon, QuestionCircleIcon, EnvelopIcon, clsx, CustomSelectorInput, PURE_MappingIcon, PURE_RuntimeIcon, CogIcon, KeyIcon, FlaskIcon, ShieldIcon, LightBulbIcon, InfoCircleIcon, ExternalLinkIcon, useResizeDetector, DropdownMenu, MenuContent, MenuContentItem, CaretDownIcon, ExternalLinkSquareIcon, } from '@finos/legend-art';
+import { BlankPanelContent, ShapesIcon, PlayIcon, QuestionCircleIcon, EnvelopIcon, clsx, CustomSelectorInput, PURE_MappingIcon, PURE_RuntimeIcon, CogIcon, InfoCircleIcon, ExternalLinkIcon, useResizeDetector, ExternalLinkSquareIcon, DocumentationIcon, ResizablePanelGroup, ResizablePanel, ResizablePanelSplitter, MarkdownTextViewer, PencilIcon, DisplayIcon, ChevronRightIcon, ChevronLeftIcon, CircleIcon, CaretDownIcon, CaretRightIcon, CopyIcon, MoreHorizontalIcon, FlaskIcon, KeyIcon, ShieldIcon, } from '@finos/legend-art';
 import { DiagramRenderer, } from '@finos/legend-extension-dsl-diagram';
 import { DataSpaceSupportEmail } from '../graph/metamodel/pure/model/packageableElements/dataSpace/DSL_DataSpace_DataSpace.js';
 import { extractElementNameFromPath, } from '@finos/legend-graph';
 import { DATA_SPACE_VIEWER_ACTIVITY_MODE, } from '../stores/DataSpaceViewerState.js';
 import { generateGAVCoordinates } from '@finos/legend-storage';
-import { useApplicationStore } from '@finos/legend-application';
+import { EDITOR_LANGUAGE, TextInputEditor, useApplicationStore, } from '@finos/legend-application';
 import { DSL_DataSpace_LegendApplicationPlugin } from './DSL_DataSpace_LegendApplicationPlugin.js';
+import { getNullableFirstElement, getNullableLastElement, guaranteeNonNullable, } from '@finos/legend-shared';
+import { HACKY__DataSpaceUsageShowcaseTDSOutputDescription, HACKY__DataSpaceUsageShowcaseTDSSampleOutput, } from '../graphManager/action/analytics/HACKY__DataSpaceUsageShowcase.js';
 const DataSpaceDiagramCanvas = observer(forwardRef(function DataSpaceDiagramCanvas(props, ref) {
     const { dataSpaceViewerState, diagram } = props;
     const diagramCanvasRef = ref;
@@ -46,28 +48,49 @@ const DataSpaceDiagramCanvas = observer(forwardRef(function DataSpaceDiagramCanv
     }, [dataSpaceViewerState, width, height]);
     return (_jsx("div", { ref: diagramCanvasRef, className: clsx('diagram-canvas ', dataSpaceViewerState.diagramCursorClass), tabIndex: 0 }));
 }));
-const buildDiagramOption = (diagram) => ({
-    label: diagram.name,
-    value: diagram,
-});
-const DataSpaceModelsOverview = observer((props) => {
+const DataSpaceOverview = observer((props) => {
     const { dataSpaceViewerState } = props;
     const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
     // diagram selector
     const diagramCanvasRef = useRef(null);
-    const diagramOptions = analysisResult.featuredDiagrams.map(buildDiagramOption);
-    const selectedDiagramOption = dataSpaceViewerState.currentDiagram
-        ? buildDiagramOption(dataSpaceViewerState.currentDiagram)
-        : null;
-    const onDiagramOptionChange = (option) => {
-        if (option.value !== dataSpaceViewerState.currentDiagram) {
-            dataSpaceViewerState.setCurrentDiagram(option.value);
+    const showPreviousDiagram = () => {
+        if (!dataSpaceViewerState.currentDiagram) {
+            return;
+        }
+        const idx = analysisResult.featuredDiagrams.indexOf(dataSpaceViewerState.currentDiagram);
+        if (idx === 0 || idx === -1) {
+            return;
+        }
+        dataSpaceViewerState.setCurrentDiagram(guaranteeNonNullable(analysisResult.featuredDiagrams[idx - 1]));
+    };
+    const showNextDiagram = () => {
+        if (!dataSpaceViewerState.currentDiagram) {
+            return;
+        }
+        const idx = analysisResult.featuredDiagrams.indexOf(dataSpaceViewerState.currentDiagram);
+        if (idx === analysisResult.featuredDiagrams.length - 1 || idx === -1) {
+            return;
         }
+        dataSpaceViewerState.setCurrentDiagram(guaranteeNonNullable(analysisResult.featuredDiagrams[idx + 1]));
     };
     if (analysisResult.featuredDiagrams.length === 0) {
         return _jsx(BlankPanelContent, { children: "No diagrams available" });
     }
-    return (_jsxs("div", { className: "data-space__viewer__main-panel__content data-space__viewer__diagrams", children: [_jsx("div", { className: "data-space__viewer__diagrams__header", children: _jsx(CustomSelectorInput, { className: "data-space__viewer__diagrams__diagram-selector", options: diagramOptions, onChange: onDiagramOptionChange, value: selectedDiagramOption, placeholder: "Search for a diagram", darkMode: true }) }), _jsx("div", { className: "data-space__viewer__diagrams__content", children: dataSpaceViewerState.currentDiagram && (_jsx(DataSpaceDiagramCanvas, { dataSpaceViewerState: dataSpaceViewerState, diagram: dataSpaceViewerState.currentDiagram, ref: diagramCanvasRef })) }), _jsxs("div", { className: "data-space__viewer__diagrams__footer", children: [_jsx("div", { className: "data-space__viewer__diagrams__footer__icon", children: _jsx(LightBulbIcon, {}) }), _jsx("div", { className: "data-space__viewer__diagrams__footer__text", children: "Double-click a class to start a query for that class" })] })] }));
+    return (_jsx("div", { className: "data-space__viewer__main-panel__content data-space__viewer__overview", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", children: [_jsx(ResizablePanel, { size: 250, minSize: 100, children: _jsxs("div", { className: "data-space__viewer__overview__description", children: [analysisResult.description !== undefined && (_jsx("div", { className: "data-space__viewer__overview__description__content", children: _jsx(MarkdownTextViewer, { className: "data-space__viewer__overview__description__content__markdown-content", value: {
+                                        value: analysisResult.description,
+                                    } }) })), analysisResult.description === undefined && (_jsx("div", { className: "data-space__viewer__overview__description--empty", children: "No description" }))] }) }), _jsx(ResizablePanelSplitter, {}), _jsx(ResizablePanel, { minSize: 100, children: _jsx("div", { className: "data-space__viewer__overview__diagrams__carousel", children: _jsxs("div", { className: "data-space__viewer__overview__diagrams__carousel__frame", children: [_jsx("div", { className: "data-space__viewer__overview__diagrams__carousel__frame__display", children: dataSpaceViewerState.currentDiagram && (_jsx(DataSpaceDiagramCanvas, { dataSpaceViewerState: dataSpaceViewerState, diagram: dataSpaceViewerState.currentDiagram, ref: diagramCanvasRef })) }), _jsx("button", { className: "data-space__viewer__overview__diagrams__carousel__frame__navigator data-space__viewer__overview__diagrams__carousel__frame__navigator--back", tabIndex: -1, title: "Previous", disabled: getNullableFirstElement(analysisResult.featuredDiagrams) ===
+                                        dataSpaceViewerState.currentDiagram, onClick: showPreviousDiagram, children: _jsx(ChevronLeftIcon, {}) }), _jsx("button", { className: "data-space__viewer__overview__diagrams__carousel__frame__navigator data-space__viewer__overview__diagrams__carousel__frame__navigator--next", tabIndex: -1, title: "Previous", disabled: getNullableLastElement(analysisResult.featuredDiagrams) ===
+                                        dataSpaceViewerState.currentDiagram, onClick: showNextDiagram, children: _jsx(ChevronRightIcon, {}) }), _jsx("div", { className: "data-space__viewer__overview__diagrams__carousel__frame__indicators", children: _jsx("div", { className: "data-space__viewer__overview__diagrams__carousel__frame__indicators__notch", children: analysisResult.featuredDiagrams.map((diagram) => (_jsx("button", { className: clsx('data-space__viewer__overview__diagrams__carousel__frame__indicator', {
+                                                'data-space__viewer__overview__diagrams__carousel__frame__indicator--active': dataSpaceViewerState.currentDiagram === diagram,
+                                            }), onClick: () => dataSpaceViewerState.setCurrentDiagram(diagram), children: _jsx(CircleIcon, {}) }, diagram.path))) }) })] }) }) })] }) }));
+});
+const DataSpaceDocumentation = observer((props) => {
+    const { dataSpaceViewerState } = props;
+    const documentationEntries = dataSpaceViewerState.dataSpaceAnalysisResult.elementDocs;
+    if (documentationEntries.length === 0) {
+        return _jsx(BlankPanelContent, { children: "No documentation available" });
+    }
+    return (_jsx("div", { className: "data-space__viewer__main-panel__content data-space__viewer__overview", children: _jsxs("table", { className: "table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "table__cell--left", children: "Element" }), _jsx("th", { className: "table__cell--left" }), _jsx("th", { className: "table__cell--left", children: "Documentation" })] }) }), _jsx("tbody", { children: documentationEntries.map((entry) => (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: entry.elementPath }), _jsx("td", { className: "table__cell--left", children: entry.subElementText ?? '' }), _jsx("td", { className: "table__cell--left", children: entry.doc })] }, entry.uuid))) })] }) }));
 });
 const buildExecutionContextOption = (value) => ({
     label: value.name,
@@ -108,10 +131,16 @@ const DataSpaceExecutionViewer = observer((props) => {
 });
 const DataSpaceInfo = observer((props) => {
     const { dataSpaceViewerState } = props;
+    const applicationStore = useApplicationStore();
     const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
     const viewProject = () => dataSpaceViewerState.viewProject(dataSpaceViewerState.groupId, dataSpaceViewerState.artifactId, dataSpaceViewerState.versionId, undefined);
     const viewDataSpaceInProject = () => dataSpaceViewerState.viewProject(dataSpaceViewerState.groupId, dataSpaceViewerState.artifactId, dataSpaceViewerState.versionId, analysisResult.path);
-    return (_jsxs("div", { className: "data-space__viewer__info", children: [_jsxs("div", { className: "data-space__viewer__info__section", children: [_jsxs("div", { className: "data-space__viewer__info__section__entry", children: [_jsx("div", { className: "data-space__viewer__info__project-info__label", children: "Project" }), _jsx("button", { className: "data-space__viewer__info__project-info__value", tabIndex: -1, title: "View Project", onClick: viewProject, children: generateGAVCoordinates(dataSpaceViewerState.groupId, dataSpaceViewerState.artifactId, dataSpaceViewerState.versionId) }), _jsx("div", { className: "data-space__viewer__info__project-info__link", children: _jsx(ExternalLinkIcon, {}) })] }), _jsxs("div", { className: "data-space__viewer__info__section__entry", children: [_jsx("div", { className: "data-space__viewer__info__project-info__label", children: "Data Space" }), _jsx("button", { className: "data-space__viewer__info__project-info__value", tabIndex: -1, title: "View Data Space", onClick: viewDataSpaceInProject, children: analysisResult.path }), _jsx("div", { className: "data-space__viewer__info__project-info__link", children: _jsx(ExternalLinkIcon, {}) })] })] }), _jsxs("div", { className: "data-space__viewer__info__section", children: [_jsx("div", { className: "data-space__viewer__info__section__title", children: "Tagged Values" }), analysisResult.taggedValues.length !== 0 &&
+    const viewDataSpaceInSDLCProject = () => {
+        dataSpaceViewerState
+            .viewSDLCProject(dataSpaceViewerState.groupId, dataSpaceViewerState.artifactId, analysisResult.path)
+            .catch(applicationStore.alertUnhandledError);
+    };
+    return (_jsxs("div", { className: "data-space__viewer__info", children: [_jsxs("div", { className: "data-space__viewer__info__section", children: [_jsxs("div", { className: "data-space__viewer__info__section__entry", children: [_jsx("div", { className: "data-space__viewer__info__project-info__label", children: "Project" }), _jsx("button", { className: "data-space__viewer__info__project-info__value", tabIndex: -1, title: "Click to View Project", onClick: viewProject, children: generateGAVCoordinates(dataSpaceViewerState.groupId, dataSpaceViewerState.artifactId, dataSpaceViewerState.versionId) }), _jsx("button", { className: "data-space__viewer__info__project-info__link", tabIndex: -1, title: "View Project", onClick: viewProject, children: _jsx(ExternalLinkIcon, {}) })] }), _jsxs("div", { className: "data-space__viewer__info__section__entry", children: [_jsx("div", { className: "data-space__viewer__info__project-info__label", children: "Data Space" }), _jsx("button", { className: "data-space__viewer__info__project-info__value", tabIndex: -1, title: "Click to View Data Space", onClick: viewDataSpaceInProject, children: analysisResult.path }), _jsx("button", { className: "data-space__viewer__info__project-info__link", tabIndex: -1, title: "Edit Data Space", onClick: viewDataSpaceInSDLCProject, children: _jsx(PencilIcon, {}) }), _jsx("button", { className: "data-space__viewer__info__project-info__link", tabIndex: -1, title: "View Data Space", onClick: viewDataSpaceInProject, children: _jsx(ExternalLinkIcon, {}) })] })] }), _jsxs("div", { className: "data-space__viewer__info__section", children: [_jsx("div", { className: "data-space__viewer__info__section__title", children: "Tagged Values" }), analysisResult.taggedValues.length !== 0 &&
                         analysisResult.taggedValues.map((taggedValue) => (_jsxs("div", { className: "data-space__viewer__info__section__entry", children: [_jsx("div", { className: "data-space__viewer__info__tagged-value__tag", title: `${taggedValue.profile}.${taggedValue.tag}`, children: `${extractElementNameFromPath(taggedValue.profile)}.${taggedValue.tag}` }), _jsx("div", { className: "data-space__viewer__info__tagged-value__value", children: taggedValue.value })] }, taggedValue._UUID))), analysisResult.taggedValues.length === 0 && (_jsx("div", { className: "data-space__viewer__info__section__placeholder", children: "(empty)" }))] }), _jsxs("div", { className: "data-space__viewer__info__section", children: [_jsx("div", { className: "data-space__viewer__info__section__title", children: "Stereotypes" }), analysisResult.stereotypes.length !== 0 &&
                         analysisResult.stereotypes.map((stereotype) => (_jsx("div", { className: "data-space__viewer__info__section__entry", title: `${stereotype.profile}.${stereotype.value}`, children: _jsx("div", { className: "data-space__viewer__info__steoreotype", children: `${extractElementNameFromPath(stereotype.profile)}.${stereotype.value}` }) }, stereotype._UUID))), analysisResult.stereotypes.length === 0 && (_jsx("div", { className: "data-space__viewer__info__section__placeholder", children: "(empty)" }))] })] }));
 });
@@ -140,6 +169,66 @@ const renderDataSpaceCheckEntitlementsEditor = (dataSpaceViewerState, plugins) =
     }
     return (_jsx(BlankPanelContent, { children: "Check entitlement(s) (Work in Progress)" }));
 };
+const DataSpaceUsageShowcaseTDSSampleOutputViewer = observer((props) => {
+    const { showcase, sampleOutput: sampleOutput } = props;
+    const toggleShowSampleOutput = () => showcase.setShowSampleOutput(!showcase.showSampleOutput);
+    return (_jsxs("div", { className: clsx('data-space__viewer__usage__block', {
+            'data-space__viewer__usage__block--collapsed': !showcase.showSampleOutput,
+        }), children: [_jsxs("div", { className: "data-space__viewer__usage__block__header", onClick: toggleShowSampleOutput, children: [_jsx("div", { className: "data-space__viewer__usage__block__header__toggler", children: showcase.showSampleOutput ? _jsx(CaretDownIcon, {}) : _jsx(CaretRightIcon, {}) }), _jsx("div", { className: "data-space__viewer__usage__block__header__title", children: "Sample Output" })] }), showcase.showSampleOutput && (_jsx("div", { className: "data-space__viewer__usage__block__content", children: _jsxs("table", { className: "table data-space__viewer__usage__block__content__table", children: [_jsx("thead", { children: _jsx("tr", { children: sampleOutput.headers.map((header, idx) => (
+                                // eslint-disable-next-line react/no-array-index-key
+                                _jsx("th", { className: "table__cell--left", children: header }, idx))) }) }), _jsx("tbody", { children: sampleOutput.rows.map((row, idx) => (
+                            // eslint-disable-next-line react/no-array-index-key
+                            _jsx("tr", { children: row.map((cell, rowIdx) => (
+                                // eslint-disable-next-line react/no-array-index-key
+                                _jsx("td", { className: "table__cell--left", children: cell }, rowIdx))) }, idx))) })] }) }))] }));
+});
+const DataSpaceUsageShowcaseSampleOutputViewer = observer((props) => {
+    const { dataSpaceViewerState, showcase } = props;
+    if (showcase.outputDescription.sampleOutput instanceof
+        HACKY__DataSpaceUsageShowcaseTDSSampleOutput) {
+        return (_jsx(DataSpaceUsageShowcaseTDSSampleOutputViewer, { dataSpaceViewerState: dataSpaceViewerState, showcase: showcase, sampleOutput: showcase.outputDescription.sampleOutput }));
+    }
+    return (_jsx(BlankPanelContent, { children: "Can't display sample output" }));
+});
+const DataSpaceUsageShowcaseTDSOutputDescriptionViewer = observer((props) => {
+    const { showcase, description: description } = props;
+    const toggleShowOutputDescription = () => showcase.setShowOutputDescription(!showcase.showOutputDescription);
+    return (_jsxs("div", { className: clsx('data-space__viewer__usage__block', {
+            'data-space__viewer__usage__block--collapsed': !showcase.showOutputDescription,
+        }), children: [_jsxs("div", { className: "data-space__viewer__usage__block__header", onClick: toggleShowOutputDescription, children: [_jsx("div", { className: "data-space__viewer__usage__block__header__toggler", children: showcase.showOutputDescription ? (_jsx(CaretDownIcon, {})) : (_jsx(CaretRightIcon, {})) }), _jsx("div", { className: "data-space__viewer__usage__block__header__title", children: "Output Description" })] }), showcase.showOutputDescription && (_jsx("div", { className: "data-space__viewer__usage__block__content", children: _jsxs("table", { className: "table data-space__viewer__usage__block__content__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "table__cell--left", children: "Column Name" }), _jsx("th", { className: "table__cell--left", children: "Description" }), _jsx("th", { className: "table__cell--left", children: "Sample Values" })] }) }), _jsx("tbody", { children: description.columns.map((column) => (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: column.name }), _jsx("td", { className: "table__cell--left", children: column.description }), _jsx("td", { className: "table__cell--left", children: column.sampleValues.join(', ') })] }, column.uuid))) })] }) }))] }));
+});
+const DataSpaceUsageShowcaseOutputDescriptionViewer = observer((props) => {
+    const { dataSpaceViewerState, showcase } = props;
+    if (showcase.outputDescription instanceof
+        HACKY__DataSpaceUsageShowcaseTDSOutputDescription) {
+        return (_jsx(DataSpaceUsageShowcaseTDSOutputDescriptionViewer, { dataSpaceViewerState: dataSpaceViewerState, showcase: showcase, description: showcase.outputDescription }));
+    }
+    return (_jsx(BlankPanelContent, { children: "Can't display output description" }));
+});
+const DataSpaceUsageShowcaseViewer = observer((props) => {
+    const { dataSpaceViewerState, showcase } = props;
+    const applicationStore = useApplicationStore();
+    const toggleShowQuery = () => showcase.setShowQuery(!showcase.showQuery);
+    const copyQuery = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        applicationStore.clipboardService
+            .copyTextToClipboard(showcase.query)
+            .catch(applicationStore.alertUnhandledError);
+    };
+    return (_jsxs("div", { className: "data-space__viewer__usage", children: [_jsx("div", { className: "data-space__viewer__usage__title", children: showcase.title }), showcase.description !== undefined && (_jsx("div", { className: "data-data-space__viewer__usage__description", children: _jsx(MarkdownTextViewer, { className: "data-space__viewer__usage__description__markdown-content", value: {
+                        value: showcase.description,
+                    } }) })), _jsxs("div", { className: clsx('data-space__viewer__usage__block data-space__viewer__usage__query', {
+                    'data-space__viewer__usage__block--collapsed': !showcase.showQuery,
+                }), children: [_jsxs("div", { className: "data-space__viewer__usage__block__header", onClick: toggleShowQuery, children: [_jsx("div", { className: "data-space__viewer__usage__block__header__toggler", children: showcase.showQuery ? _jsx(CaretDownIcon, {}) : _jsx(CaretRightIcon, {}) }), _jsx("div", { className: "data-space__viewer__usage__block__header__title", children: "Query" }), _jsxs("div", { className: "data-space__viewer__usage__block__header__actions", children: [_jsx("button", { className: "data-space__viewer__usage__block__header__action", tabIndex: -1, onClick: copyQuery, children: _jsx(CopyIcon, {}) }), _jsx("button", { className: "data-space__viewer__usage__block__header__action", tabIndex: -1, children: _jsx(MoreHorizontalIcon, {}) })] })] }), showcase.showQuery && (_jsx("div", { className: "data-space__viewer__usage__block__content", children: _jsx(TextInputEditor, { inputValue: showcase.query, isReadOnly: true, language: EDITOR_LANGUAGE.PURE, hideGutter: true, showMiniMap: false }) }))] }), _jsx(DataSpaceUsageShowcaseOutputDescriptionViewer, { dataSpaceViewerState: dataSpaceViewerState, showcase: showcase }), _jsx(DataSpaceUsageShowcaseSampleOutputViewer, { dataSpaceViewerState: dataSpaceViewerState, showcase: showcase })] }));
+});
+const DataSpaceUsageShowcasesPanel = observer((props) => {
+    const { dataSpaceViewerState } = props;
+    if (!dataSpaceViewerState.HACKY__previewExperimentalFeatures) {
+        return (_jsx(BlankPanelContent, { children: "Usage Showcases (Work in Progress)" }));
+    }
+    return (_jsx("div", { className: "data-space__viewer__main-panel__content data-space__viewer__usages", children: dataSpaceViewerState.dataSpaceAnalysisResult.HACKY__usageShowcases.map((showcase) => (_jsx(DataSpaceUsageShowcaseViewer, { dataSpaceViewerState: dataSpaceViewerState, showcase: showcase }, showcase.uuid))) }));
+});
 export const DataSpaceViewer = observer((props) => {
     const { dataSpaceViewerState } = props;
     const applicationStore = useApplicationStore();
@@ -147,25 +236,35 @@ export const DataSpaceViewer = observer((props) => {
     const changeActivity = (activity) => () => dataSpaceViewerState.setCurrentActivity(activity);
     const activities = [
         {
-            mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.MODELS_OVERVIEW,
-            title: 'Models Overview',
+            mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.OVERVIEW,
+            title: 'Overview',
             icon: _jsx(ShapesIcon, {}),
         },
+        {
+            mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.DOCUMENTATION,
+            title: 'Documentation',
+            icon: _jsx(DocumentationIcon, {}),
+        },
+        {
+            mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.USAGE_SHOWCASE,
+            title: 'Usage Showcase',
+            icon: _jsx(DisplayIcon, {}),
+        },
         {
             mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.EXECUTION,
             title: 'Execution Context',
             icon: _jsx(PlayIcon, {}),
         },
-        {
-            mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.ENTITLEMENT,
-            title: 'Entitlement',
-            icon: _jsx(KeyIcon, {}),
-        },
         {
             mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.TEST_DATA,
             title: 'Test Data',
             icon: _jsx(FlaskIcon, {}),
         },
+        {
+            mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.ENTITLEMENT,
+            title: 'Entitlement',
+            icon: _jsx(KeyIcon, {}),
+        },
         {
             mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.TEST_COVERAGE,
             title: 'Test Coverage',
@@ -183,20 +282,13 @@ export const DataSpaceViewer = observer((props) => {
         },
     ];
     const viewProject = () => dataSpaceViewerState.viewProject(dataSpaceViewerState.groupId, dataSpaceViewerState.artifactId, dataSpaceViewerState.versionId, analysisResult.path);
-    const viewSDLCProject = () => {
-        dataSpaceViewerState
-            .viewSDLCProject(dataSpaceViewerState.groupId, dataSpaceViewerState.artifactId, analysisResult.path)
-            .catch(applicationStore.alertUnhandledError);
-    };
-    return (_jsxs("div", { className: "data-space__viewer", children: [_jsxs("div", { className: "data-space__viewer__header", children: [_jsxs("div", { className: "data-space__viewer__title", children: [_jsxs("button", { className: "data-space__viewer__title__btn", tabIndex: -1, title: `View Project (${generateGAVCoordinates(dataSpaceViewerState.groupId, dataSpaceViewerState.artifactId, dataSpaceViewerState.versionId)})`, onClick: viewProject, children: [_jsx("div", { className: "data-space__viewer__title__label", title: `${analysisResult.title ?? analysisResult.name} - ${analysisResult.path}`, children: analysisResult.title ?? analysisResult.name }), _jsx("div", { className: "data-space__viewer__title__link", children: _jsx(ExternalLinkSquareIcon, {}) })] }), _jsx(DropdownMenu, { className: "data-space__viewer__title__dropdown-trigger", content: _jsx(MenuContent, { children: _jsx(MenuContentItem, { onClick: viewSDLCProject, children: "View SDLC project" }) }), children: _jsx(CaretDownIcon, { title: "Show more options..." }) })] }), _jsx("div", { className: clsx('data-space__viewer__description', {
-                            'data-space__viewer__description--empty': !analysisResult.description,
-                        }), children: analysisResult.description
-                            ? analysisResult.description
-                            : 'No description' })] }), _jsx("div", { className: "data-space__viewer__content", children: _jsxs("div", { className: "data-space__viewer__body", children: [_jsx("div", { className: "data-space__viewer__activity-bar", children: _jsx("div", { className: "data-space__viewer__activity-bar__items", children: activities.map((activity) => (_jsx("button", { className: clsx('data-space__viewer__activity-bar__item', {
+    return (_jsxs("div", { className: "data-space__viewer", children: [_jsx("div", { className: "data-space__viewer__header", children: _jsx("div", { className: "data-space__viewer__title", children: _jsxs("button", { className: "data-space__viewer__title__btn", tabIndex: -1, title: `View Project (${generateGAVCoordinates(dataSpaceViewerState.groupId, dataSpaceViewerState.artifactId, dataSpaceViewerState.versionId)})`, onClick: viewProject, children: [_jsx("div", { className: "data-space__viewer__title__label", title: `${analysisResult.title ?? analysisResult.name} - ${analysisResult.path}`, children: analysisResult.title ?? analysisResult.name }), _jsx("div", { className: "data-space__viewer__title__link", children: _jsx(ExternalLinkSquareIcon, {}) })] }) }) }), _jsx("div", { className: "data-space__viewer__content", children: _jsxs("div", { className: "data-space__viewer__body", children: [_jsx("div", { className: "data-space__viewer__activity-bar", children: _jsx("div", { className: "data-space__viewer__activity-bar__items", children: activities.map((activity) => (_jsx("button", { className: clsx('data-space__viewer__activity-bar__item', {
                                         'data-space__viewer__activity-bar__item--active': dataSpaceViewerState.currentActivity === activity.mode,
                                     }), onClick: changeActivity(activity.mode), tabIndex: -1, title: activity.title, children: activity.icon }, activity.mode))) }) }), _jsxs("div", { className: "data-space__viewer__main-panel", children: [dataSpaceViewerState.currentActivity ===
-                                    DATA_SPACE_VIEWER_ACTIVITY_MODE.MODELS_OVERVIEW && (_jsx(DataSpaceModelsOverview, { dataSpaceViewerState: dataSpaceViewerState })), dataSpaceViewerState.currentActivity ===
+                                    DATA_SPACE_VIEWER_ACTIVITY_MODE.OVERVIEW && (_jsx(DataSpaceOverview, { dataSpaceViewerState: dataSpaceViewerState })), dataSpaceViewerState.currentActivity ===
+                                    DATA_SPACE_VIEWER_ACTIVITY_MODE.DOCUMENTATION && (_jsx(DataSpaceDocumentation, { dataSpaceViewerState: dataSpaceViewerState })), dataSpaceViewerState.currentActivity ===
                                     DATA_SPACE_VIEWER_ACTIVITY_MODE.EXECUTION && (_jsx(DataSpaceExecutionViewer, { dataSpaceViewerState: dataSpaceViewerState })), dataSpaceViewerState.currentActivity ===
+                                    DATA_SPACE_VIEWER_ACTIVITY_MODE.USAGE_SHOWCASE && (_jsx(DataSpaceUsageShowcasesPanel, { dataSpaceViewerState: dataSpaceViewerState })), dataSpaceViewerState.currentActivity ===
                                     DATA_SPACE_VIEWER_ACTIVITY_MODE.ENTITLEMENT &&
                                     renderDataSpaceCheckEntitlementsEditor(dataSpaceViewerState, applicationStore.pluginManager
                                         .getApplicationPlugins()