@finos/legend-query-builder 4.4.0 → 4.5.1

package/lib/components/execution-plan/ImplementationViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImplementationViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/ImplementationViewer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAEL,aAAa,EACb,0BAA0B,GAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAEL,SAAS,GACV,MAAM,mDAAmD,CAAC;AAE3D,MAAM,CAAC,MAAM,oBAAoB,GAG5B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACtB,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,kBAAkB,CAAC,eAAe,CAChC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CACzD,CAAC;QACF,kBAAkB,CAAC,+BAA+B,CAChD,aAAa,CACX,kBAAkB,CAAC,IAAI,EACvB,aAAa,EACb,6BAA6B,CAC9B,CACF,CAAC;QACF,kBAAkB,CAAC,gCAAgC,CAAC,cAAc,CAChE,SAAS,CAAC,6BAA6B,CACxC,CAAC;QACF,IAAI,IAAI,CAAC,cAAc,YAAY,0BAA0B,EAAE;YAC7D,kBAAkB,CAAC,gCAAgC,CAAC,oBAAoB,CACtE,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAC3C,CAAC;SACH;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,aAAa,IAAC,SAAS,EAAC,kDAAkD,+BAE3D,EACf,IAAI,CAAC,cAAc,YAAY,0BAA0B;gBACxD,IAAI,CAAC,cAAc,CAAC,sBAAsB,IAAI,CAC5C,cAAK,SAAS,EAAC,gDAAgD,YAC7D,iBACE,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,qBAAqB,IAAI,CAAC,cAAc,CAAC,sBAAsB,EAAE,EACxE,SAAS,EAAC,0DAA0D,YAEnE,IAAI,CAAC,cAAc,CAAC,sBAAsB,GACpC,GACL,CACP,IACF,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/execution-plan/PartialClassResultViewer.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+import { type PartialClassResultType } from '@finos/legend-graph';
+export declare const PartialClassResultTypeViewer: React.FC<{
+    resultType: PartialClassResultType;
+}>;
+//# sourceMappingURL=PartialClassResultViewer.d.ts.map

package/lib/components/execution-plan/PartialClassResultViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartialClassResultViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/PartialClassResultViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAIH,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC;IAClD,UAAU,EAAE,sBAAsB,CAAC;CACpC,CAgCC,CAAC"}

package/lib/components/execution-plan/PartialClassResultViewer.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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 { observer } from 'mobx-react-lite';
+import { PanelListItem, PanelDivider } from '@finos/legend-art';
+import {} from '@finos/legend-graph';
+export const PartialClassResultTypeViewer = observer((props) => {
+    const { resultType } = props;
+    return (_jsxs("div", { className: "query-builder__result__container", children: [_jsxs(PanelListItem, { className: "query-builder__result__container__item__partial-class", children: ["Result type: PartialClass[", resultType.type.valueForSerialization ?? '', "]"] }), _jsx(PanelDivider, {}), _jsxs("table", { className: "table query-builder__result__container__table--partial-class", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "table__cell--left", children: "Property" }), _jsx("th", { className: "table__cell--left", children: "Parameters" })] }) }), _jsx("tbody", { children: resultType.propertiesWithParameters.map((column) => (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: column.property }), _jsx("td", { className: "table__cell--left", children: column.parameters.toString() })] }, column.property))) })] }), _jsx(PanelDivider, {})] }));
+});
+//# sourceMappingURL=PartialClassResultViewer.js.map

package/lib/components/execution-plan/PartialClassResultViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartialClassResultViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/PartialClassResultViewer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAA+B,MAAM,qBAAqB,CAAC;AAElE,MAAM,CAAC,MAAM,4BAA4B,GAEpC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACtB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7B,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,MAAC,aAAa,IAAC,SAAS,EAAC,uDAAuD,2CACnD,UAAU,CAAC,IAAI,CAAC,qBAAqB,IAAI,EAAE,SACxD,EAChB,KAAC,YAAY,KAAG,EAEd,iBAAO,SAAS,EAAC,8DAA8D,aAC7E,0BACE,yBACE,aAAI,SAAS,EAAC,mBAAmB,yBAAc,EAC/C,aAAI,SAAS,EAAC,mBAAmB,2BAAgB,IAC9C,GACC,EACR,0BACG,UAAU,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnD,yBACE,aAAI,SAAS,EAAC,mBAAmB,YAAE,MAAM,CAAC,QAAQ,GAAM,EACxD,aAAI,SAAS,EAAC,mBAAmB,YAC9B,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,GAC1B,KAJE,MAAM,CAAC,QAAQ,CAKnB,CACN,CAAC,GACI,IACF,EAEV,KAAC,YAAY,KAAG,IACZ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/execution-plan/RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+import { type ExecutionPlanState } from '../../stores/execution-plan/ExecutionPlanState.js';
+import { type RelationalClassQueryTempTableGraphFetchExecutionNode } from '@finos/legend-graph';
+export declare const RelationalClassQueryTempTableGraphFetchExecutionNodeViewer: React.FC<{
+    node: RelationalClassQueryTempTableGraphFetchExecutionNode;
+    executionPlanState: ExecutionPlanState;
+}>;
+//# sourceMappingURL=RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.d.ts.map

package/lib/components/execution-plan/RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAGH,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,mDAAmD,CAAC;AAS3D,OAAO,EACL,KAAK,oDAAoD,EAE1D,MAAM,qBAAqB,CAAC;AAa7B,eAAO,MAAM,0DAA0D,EAAE,KAAK,CAAC,EAAE,CAAC;IAChF,IAAI,EAAE,oDAAoD,CAAC;IAC3D,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,CA6IC,CAAC"}

package/lib/components/execution-plan/RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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 { observer } from 'mobx-react-lite';
+import { EXECUTION_PLAN_VIEW_MODE, } from '../../stores/execution-plan/ExecutionPlanState.js';
+import { PanelListItem, PanelDivider, Button, PanelContent, clsx, } from '@finos/legend-art';
+import { SQLExecutionNode, } from '@finos/legend-graph';
+import { ResultTypeViewer } from './ResultTypeViewer.js';
+import { SQLExecutionNodeViewerHelper } from './SQLExecutionNodeViewer.js';
+import { useState } from 'react';
+import { prettyCONSTName } from '@finos/legend-shared';
+import { ImplementationViewer } from './ImplementationViewer.js';
+import { TempTableStrategyViewer } from './TempTableStrategyViewer.js';
+var RELATIONAL_CLASS_QUERY_TABS;
+(function (RELATIONAL_CLASS_QUERY_TABS) {
+    RELATIONAL_CLASS_QUERY_TABS["GENERAL"] = "GENERAL";
+    RELATIONAL_CLASS_QUERY_TABS["TEMP_TABLE"] = "TEMP_TABLE_STRATEGY";
+})(RELATIONAL_CLASS_QUERY_TABS || (RELATIONAL_CLASS_QUERY_TABS = {}));
+export const RelationalClassQueryTempTableGraphFetchExecutionNodeViewer = observer((props) => {
+    const { node, executionPlanState } = props;
+    const applicationStore = executionPlanState.applicationStore;
+    const [selectedTab, setSelectedTab] = useState(RELATIONAL_CLASS_QUERY_TABS.GENERAL);
+    return (_jsx(PanelContent, { darkMode: !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled, children: _jsx("div", { className: "query-builder__execution-plan-form--editor", children: _jsxs("div", { className: "panel", children: [_jsx("div", { className: "panel__header query-builder__execution-plan-form--editor__header--with-tabs", children: _jsx("div", { className: "uml-element-editor__tabs", children: Object.values(RELATIONAL_CLASS_QUERY_TABS).map((tab) => (_jsx("div", { onClick: () => setSelectedTab(tab), className: clsx('query-builder__execution-plan-form--editor__tab', {
+                                    'query-builder__execution-plan-form--editor__tab--active': tab === selectedTab,
+                                }), children: prettyCONSTName(tab) }, tab))) }) }), selectedTab === RELATIONAL_CLASS_QUERY_TABS.GENERAL && (_jsxs("div", { className: "query-builder__store-mapping-global-graph-fetch__container", children: [_jsx(PanelListItem, { className: "query-builder__store-mapping-global-graph-fetch__container__label", children: "Relational Class Query Temp Table Graph Fetch Execution Node Details" }), _jsx(PanelDivider, {}), _jsxs("table", { className: "table query-builder__store-mapping-global-graph-fetch__container__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "table__cell--left", children: "Property" }), _jsx("th", { className: "table__cell--left", children: "Details" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: " NodeIndex" }), _jsx("td", { className: "table__cell--left", children: node.nodeIndex })] }), node.parentIndex && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "ParentIndex" }), _jsx("td", { className: "table__cell--left", children: node.parentIndex })] })), node.authDependent && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "AuthDependent" }), _jsx("td", { className: "table__cell--left", children: node.authDependent.toString() })] })), node.processedTempTableName && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "processedTempTableName" }), _jsx("td", { className: "table__cell--left", children: node.processedTempTableName })] })), node.tempTableName && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "tempTableName" }), _jsx("td", { className: "table__cell--left", children: node.tempTableName })] }))] })] }), _jsx(PanelDivider, {}), _jsx("div", { className: "query-builder__store-mapping-global-graph-fetch__container__implementation", children: _jsx(ImplementationViewer, { node: node, executionPlanState: executionPlanState }) }), _jsx(PanelDivider, {}), node.executionNodes.length > 0 &&
+                                node.executionNodes[0] &&
+                                node.executionNodes[0] instanceof SQLExecutionNode && (_jsxs(_Fragment, { children: [_jsx(PanelListItem, { className: "query-builder__store-mapping-global-graph-fetch__container__label2", children: "Execution Node Details" }), _jsx(PanelDivider, {}), _jsx(SQLExecutionNodeViewerHelper, { query: node.executionNodes[0].sqlQuery, resultColumns: node.executionNodes[0].resultColumns, resultType: node.executionNodes[0].resultType, executionPlanState: executionPlanState })] })), _jsx(PanelDivider, {}), _jsx("div", { className: "query-builder__store-mapping-global-graph-fetch__container__result", children: _jsx(ResultTypeViewer, { resultType: node.resultType }) }), _jsx(PanelDivider, {}), _jsx("div", { className: "query-builder__store-mapping-global-graph-fetch__container__result", children: _jsx(Button, { className: "btn--dark execution-node-viewer__unsupported-view__to-text-mode__btn", onClick: () => executionPlanState.setViewMode(EXECUTION_PLAN_VIEW_MODE.JSON), text: "View JSON" }) })] })), selectedTab === RELATIONAL_CLASS_QUERY_TABS.TEMP_TABLE &&
+                        node.tempTableStrategy && (_jsx(TempTableStrategyViewer, { tempTableStrategy: node.tempTableStrategy, executionPlanState: executionPlanState }))] }) }) }));
+});
+//# sourceMappingURL=RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.js.map

package/lib/components/execution-plan/RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.tsx"],"names":[],"mappings":"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"}

package/lib/components/execution-plan/RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+import { type ExecutionPlanState } from '../../stores/execution-plan/ExecutionPlanState.js';
+import { type RelationalCrossRootQueryTempTableGraphFetchExecutionNode } from '@finos/legend-graph';
+export declare const RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer: React.FC<{
+    node: RelationalCrossRootQueryTempTableGraphFetchExecutionNode;
+    executionPlanState: ExecutionPlanState;
+}>;
+//# sourceMappingURL=RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.d.ts.map

package/lib/components/execution-plan/RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAGH,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,mDAAmD,CAAC;AAS3D,OAAO,EACL,KAAK,wDAAwD,EAE9D,MAAM,qBAAqB,CAAC;AAc7B,eAAO,MAAM,8DAA8D,EAAE,KAAK,CAAC,EAAE,CAAC;IACpF,IAAI,EAAE,wDAAwD,CAAC;IAC/D,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,CAyKC,CAAC"}

package/lib/components/execution-plan/RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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 { observer } from 'mobx-react-lite';
+import { EXECUTION_PLAN_VIEW_MODE, } from '../../stores/execution-plan/ExecutionPlanState.js';
+import { PanelListItem, PanelDivider, Button, PanelContent, clsx, } from '@finos/legend-art';
+import { SQLExecutionNode, } from '@finos/legend-graph';
+import { ResultTypeViewer } from './ResultTypeViewer.js';
+import { SQLExecutionNodeViewerHelper } from './SQLExecutionNodeViewer.js';
+import { useState } from 'react';
+import { prettyCONSTName } from '@finos/legend-shared';
+import { ImplementationViewer } from './ImplementationViewer.js';
+import { TempTableStrategyViewer } from './TempTableStrategyViewer.js';
+var RELATIONAL_CROSS_ROOT_QUERY_TABS;
+(function (RELATIONAL_CROSS_ROOT_QUERY_TABS) {
+    RELATIONAL_CROSS_ROOT_QUERY_TABS["GENERAL"] = "GENERAL";
+    RELATIONAL_CROSS_ROOT_QUERY_TABS["TEMP_TABLE_STRATEGY"] = "TEMP_TABLE_STRATEGY";
+    RELATIONAL_CROSS_ROOT_QUERY_TABS["PARENT_TEMP_TABLE_STRATEGY"] = "PARENT_TEMP_TABLE_STRATEGY";
+})(RELATIONAL_CROSS_ROOT_QUERY_TABS || (RELATIONAL_CROSS_ROOT_QUERY_TABS = {}));
+export const RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer = observer((props) => {
+    const { node, executionPlanState } = props;
+    const applicationStore = executionPlanState.applicationStore;
+    const [selectedTab, setSelectedTab] = useState(RELATIONAL_CROSS_ROOT_QUERY_TABS.GENERAL);
+    return (_jsx(PanelContent, { darkMode: !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled, children: _jsx("div", { className: "query-builder__execution-plan-form--editor", children: _jsxs("div", { className: "panel", children: [_jsx("div", { className: "panel__header query-builder__execution-plan-form--editor__header--with-tabs", children: _jsx("div", { className: "uml-element-editor__tabs", children: Object.values(RELATIONAL_CROSS_ROOT_QUERY_TABS).map((tab) => (_jsx("div", { onClick: () => setSelectedTab(tab), className: clsx('query-builder__execution-plan-form--editor__tab', {
+                                    'query-builder__execution-plan-form--editor__tab--active': tab === selectedTab,
+                                }), children: prettyCONSTName(tab) }, tab))) }) }), selectedTab === RELATIONAL_CROSS_ROOT_QUERY_TABS.GENERAL && (_jsxs("div", { className: "query-builder__store-mapping-global-graph-fetch__container", children: [_jsx(PanelListItem, { className: "query-builder__store-mapping-global-graph-fetch__container__label", children: "Relational Cross Root Query Temp Table Graph Fetch Execution Node Details" }), _jsx(PanelDivider, {}), _jsxs("table", { className: "table query-builder__store-mapping-global-graph-fetch__container__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "table__cell--left", children: "Property" }), _jsx("th", { className: "table__cell--left", children: "Details" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: " NodeIndex" }), _jsx("td", { className: "table__cell--left", children: node.nodeIndex })] }), node.parentIndex !== undefined && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "ParentIndex" }), _jsx("td", { className: "table__cell--left", children: node.parentIndex })] })), node.authDependent !== undefined && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "AuthDependent" }), _jsx("td", { className: "table__cell--left", children: node.authDependent.toString() })] })), node.processedTempTableName !== undefined && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "processedTempTableName" }), _jsx("td", { className: "table__cell--left", children: node.processedTempTableName })] })), node.tempTableName && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "tempTableName" }), _jsx("td", { className: "table__cell--left", children: node.tempTableName })] })), node.processedParentTempTableName !== undefined && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "processedParentTempTableName" }), _jsx("td", { className: "table__cell--left", children: node.processedParentTempTableName })] })), node.parentTempTableName && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "parentTempTableName" }), _jsx("td", { className: "table__cell--left", children: node.parentTempTableName })] }))] })] }), _jsx(PanelDivider, {}), _jsx("div", { className: "query-builder__store-mapping-global-graph-fetch__container__implementation", children: _jsx(ImplementationViewer, { node: node, executionPlanState: executionPlanState }) }), _jsx(PanelDivider, {}), node.executionNodes.length > 0 &&
+                                node.executionNodes[0] &&
+                                node.executionNodes[0] instanceof SQLExecutionNode && (_jsxs(_Fragment, { children: [_jsx(PanelListItem, { className: "query-builder__store-mapping-global-graph-fetch__container__label2", children: "Execution Node Details" }), _jsx(PanelDivider, {}), _jsx(SQLExecutionNodeViewerHelper, { query: node.executionNodes[0].sqlQuery, resultColumns: node.executionNodes[0].resultColumns, resultType: node.executionNodes[0].resultType, executionPlanState: executionPlanState })] })), _jsx(PanelDivider, {}), _jsx("div", { className: "query-builder__store-mapping-global-graph-fetch__container__result", children: _jsx(ResultTypeViewer, { resultType: node.resultType }) }), _jsx(PanelDivider, {}), _jsx("div", { className: "query-builder__store-mapping-global-graph-fetch__container__result", children: _jsx(Button, { className: "btn--dark execution-node-viewer__unsupported-view__to-text-mode__btn", onClick: () => executionPlanState.setViewMode(EXECUTION_PLAN_VIEW_MODE.JSON), text: "View JSON" }) })] })), selectedTab ===
+                        RELATIONAL_CROSS_ROOT_QUERY_TABS.TEMP_TABLE_STRATEGY &&
+                        node.tempTableStrategy && (_jsx(TempTableStrategyViewer, { tempTableStrategy: node.tempTableStrategy, executionPlanState: executionPlanState })), selectedTab ===
+                        RELATIONAL_CROSS_ROOT_QUERY_TABS.PARENT_TEMP_TABLE_STRATEGY &&
+                        node.parentTempTableStrategy && (_jsx(TempTableStrategyViewer, { tempTableStrategy: node.parentTempTableStrategy, executionPlanState: executionPlanState }))] }) }) }));
+});
+//# sourceMappingURL=RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.js.map

package/lib/components/execution-plan/RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.tsx"],"names":[],"mappings":"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"}

package/lib/components/execution-plan/RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+import { type ExecutionPlanState } from '../../stores/execution-plan/ExecutionPlanState.js';
+import { type RelationalRootQueryTempTableGraphFetchExecutionNode } from '@finos/legend-graph';
+export declare const RelationalRootQueryTempTableGraphFetchExecutionNodeViewer: React.FC<{
+    node: RelationalRootQueryTempTableGraphFetchExecutionNode;
+    executionPlanState: ExecutionPlanState;
+}>;
+//# sourceMappingURL=RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.d.ts.map

package/lib/components/execution-plan/RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAGH,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,mDAAmD,CAAC;AAS3D,OAAO,EACL,KAAK,mDAAmD,EAEzD,MAAM,qBAAqB,CAAC;AAa7B,eAAO,MAAM,yDAAyD,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/E,IAAI,EAAE,mDAAmD,CAAC;IAC1D,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,CA2JC,CAAC"}

package/lib/components/execution-plan/RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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 { observer } from 'mobx-react-lite';
+import { EXECUTION_PLAN_VIEW_MODE, } from '../../stores/execution-plan/ExecutionPlanState.js';
+import { PanelListItem, PanelDivider, Button, PanelContent, clsx, } from '@finos/legend-art';
+import { SQLExecutionNode, } from '@finos/legend-graph';
+import { ResultTypeViewer } from './ResultTypeViewer.js';
+import { SQLExecutionNodeViewerHelper } from './SQLExecutionNodeViewer.js';
+import { useState } from 'react';
+import { prettyCONSTName } from '@finos/legend-shared';
+import { ImplementationViewer } from './ImplementationViewer.js';
+import { TempTableStrategyViewer } from './TempTableStrategyViewer.js';
+var RELATIONAL_ROOT_QUERY_TABS;
+(function (RELATIONAL_ROOT_QUERY_TABS) {
+    RELATIONAL_ROOT_QUERY_TABS["GENERAL"] = "GENERAL";
+    RELATIONAL_ROOT_QUERY_TABS["TEMP_TABLE"] = "TEMP_TABLE_STRATEGY";
+})(RELATIONAL_ROOT_QUERY_TABS || (RELATIONAL_ROOT_QUERY_TABS = {}));
+export const RelationalRootQueryTempTableGraphFetchExecutionNodeViewer = observer((props) => {
+    const { node, executionPlanState } = props;
+    const applicationStore = executionPlanState.applicationStore;
+    const [selectedTab, setSelectedTab] = useState(RELATIONAL_ROOT_QUERY_TABS.GENERAL);
+    return (_jsx(PanelContent, { darkMode: !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled, children: _jsx("div", { className: "query-builder__execution-plan-form--editor", children: _jsxs("div", { className: "panel", children: [_jsx("div", { className: "panel__header query-builder__execution-plan-form--editor__header--with-tabs", children: _jsx("div", { className: "uml-element-editor__tabs", children: Object.values(RELATIONAL_ROOT_QUERY_TABS).map((tab) => (_jsx("div", { onClick: () => setSelectedTab(tab), className: clsx('query-builder__execution-plan-form--editor__tab', {
+                                    'query-builder__execution-plan-form--editor__tab--active': tab === selectedTab,
+                                }), children: prettyCONSTName(tab) }, tab))) }) }), selectedTab === RELATIONAL_ROOT_QUERY_TABS.GENERAL && (_jsxs("div", { className: "query-builder__store-mapping-global-graph-fetch__container", children: [_jsx(PanelListItem, { className: "query-builder__store-mapping-global-graph-fetch__container__label", children: "Relational Root Query Temp Table Graph Fetch Execution Node Details" }), _jsx(PanelDivider, {}), _jsxs("table", { className: "table query-builder__store-mapping-global-graph-fetch__container__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "table__cell--left", children: "Property" }), _jsx("th", { className: "table__cell--left", children: "Details" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: " NodeIndex" }), _jsx("td", { className: "table__cell--left", children: node.nodeIndex })] }), node.parentIndex !== undefined && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "ParentIndex" }), _jsx("td", { className: "table__cell--left", children: node.parentIndex })] })), node.batchSize !== undefined && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "Batch Size" }), _jsx("td", { className: "table__cell--left", children: node.batchSize })] })), node.checked && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "Checked" }), _jsx("td", { className: "table__cell--left", children: node.checked.toString() })] })), node.authDependent !== undefined && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "AuthDependent" }), _jsx("td", { className: "table__cell--left", children: node.authDependent.toString() })] })), node.processedTempTableName !== undefined && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "processedTempTableName" }), _jsx("td", { className: "table__cell--left", children: node.processedTempTableName })] })), node.tempTableName && (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: "tempTableName" }), _jsx("td", { className: "table__cell--left", children: node.tempTableName })] }))] })] }), _jsx(PanelDivider, {}), _jsx("div", { className: "query-builder__store-mapping-global-graph-fetch__container__implementation", children: _jsx(ImplementationViewer, { node: node, executionPlanState: executionPlanState }) }), _jsx(PanelDivider, {}), node.executionNodes.length > 0 &&
+                                node.executionNodes[0] &&
+                                node.executionNodes[0] instanceof SQLExecutionNode && (_jsxs(_Fragment, { children: [_jsx(PanelListItem, { className: "query-builder__store-mapping-global-graph-fetch__container__label2", children: "Execution Node Details" }), _jsx(PanelDivider, {}), _jsx(SQLExecutionNodeViewerHelper, { query: node.executionNodes[0].sqlQuery, resultColumns: node.executionNodes[0].resultColumns, resultType: node.executionNodes[0].resultType, executionPlanState: executionPlanState })] })), _jsx(PanelDivider, {}), _jsx("div", { className: "query-builder__store-mapping-global-graph-fetch__container__result", children: _jsx(ResultTypeViewer, { resultType: node.resultType }) }), _jsx(PanelDivider, {}), _jsx("div", { className: "query-builder__store-mapping-global-graph-fetch__container__result", children: _jsx(Button, { className: "btn--dark execution-node-viewer__unsupported-view__to-text-mode__btn", onClick: () => executionPlanState.setViewMode(EXECUTION_PLAN_VIEW_MODE.JSON), text: "View JSON" }) })] })), selectedTab === RELATIONAL_ROOT_QUERY_TABS.TEMP_TABLE &&
+                        node.tempTableStrategy && (_jsx(TempTableStrategyViewer, { tempTableStrategy: node.tempTableStrategy, executionPlanState: executionPlanState }))] }) }) }));
+});
+//# sourceMappingURL=RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.js.map

package/lib/components/execution-plan/RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAEL,wBAAwB,GACzB,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EACL,aAAa,EACb,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,IAAI,GACL,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,IAAK,0BAGJ;AAHD,WAAK,0BAA0B;IAC7B,iDAAmB,CAAA;IACnB,gEAAkC,CAAA;AACpC,CAAC,EAHI,0BAA0B,KAA1B,0BAA0B,QAG9B;AAED,MAAM,CAAC,MAAM,yDAAyD,GAGjE,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACtB,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,gBAAgB,CAAC;IAE7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,0BAA0B,CAAC,OAAO,CACnC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EACN,CAAC,gBAAgB,CAAC,aAAa,CAAC,mCAAmC,YAGrE,cAAK,SAAS,EAAC,4CAA4C,YACzD,eAAK,SAAS,EAAC,OAAO,aACpB,cAAK,SAAS,EAAC,6EAA6E,YAC1F,cAAK,SAAS,EAAC,0BAA0B,YACtC,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACtD,cAEE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAClC,SAAS,EAAE,IAAI,CACb,iDAAiD,EACjD;oCACE,yDAAyD,EACvD,GAAG,KAAK,WAAW;iCACtB,CACF,YAEA,eAAe,CAAC,GAAG,CAAC,IAVhB,GAAG,CAWJ,CACP,CAAC,GACE,GACF,EACL,WAAW,KAAK,0BAA0B,CAAC,OAAO,IAAI,CACrD,eAAK,SAAS,EAAC,4DAA4D,aACzE,KAAC,aAAa,IAAC,SAAS,EAAC,mEAAmE,oFAG5E,EAChB,KAAC,YAAY,KAAG,EAChB,iBAAO,SAAS,EAAC,yEAAyE,aACxF,0BACE,yBACE,aAAI,SAAS,EAAC,mBAAmB,yBAAc,EAC/C,aAAI,SAAS,EAAC,mBAAmB,wBAAa,IAC3C,GACC,EACR,4BACE,yBACE,aAAI,SAAS,EAAC,mBAAmB,2BAAgB,EACjD,aAAI,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,SAAS,GAAM,IACpD,EACJ,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,CACjC,yBACE,aAAI,SAAS,EAAC,mBAAmB,4BAAiB,EAClD,aAAI,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,WAAW,GAAM,IACtD,CACN,EACA,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,CAC/B,yBACE,aAAI,SAAS,EAAC,mBAAmB,2BAAgB,EACjD,aAAI,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,SAAS,GAAM,IACpD,CACN,EACA,IAAI,CAAC,OAAO,IAAI,CACf,yBACE,aAAI,SAAS,EAAC,mBAAmB,wBAAa,EAC9C,aAAI,SAAS,EAAC,mBAAmB,YAC9B,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,GACrB,IACF,CACN,EACA,IAAI,CAAC,aAAa,KAAK,SAAS,IAAI,CACnC,yBACE,aAAI,SAAS,EAAC,mBAAmB,8BAAmB,EACpD,aAAI,SAAS,EAAC,mBAAmB,YAC9B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,GAC3B,IACF,CACN,EACA,IAAI,CAAC,sBAAsB,KAAK,SAAS,IAAI,CAC5C,yBACE,aAAI,SAAS,EAAC,mBAAmB,uCAE5B,EACL,aAAI,SAAS,EAAC,mBAAmB,YAC9B,IAAI,CAAC,sBAAsB,GACzB,IACF,CACN,EACA,IAAI,CAAC,aAAa,IAAI,CACrB,yBACE,aAAI,SAAS,EAAC,mBAAmB,8BAAmB,EACpD,aAAI,SAAS,EAAC,mBAAmB,YAC9B,IAAI,CAAC,aAAa,GAChB,IACF,CACN,IACK,IACF,EACR,KAAC,YAAY,KAAG,EAChB,cAAK,SAAS,EAAC,4EAA4E,YACzF,KAAC,oBAAoB,IACnB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,GACtC,GACE,EACN,KAAC,YAAY,KAAG,EACf,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC;gCAC7B,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;gCACtB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,gBAAgB,IAAI,CACpD,8BACE,KAAC,aAAa,IAAC,SAAS,EAAC,oEAAoE,uCAE7E,EAChB,KAAC,YAAY,KAAG,EAChB,KAAC,4BAA4B,IAC3B,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,EACtC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,aAAa,EACnD,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,UAAU,EAC7C,kBAAkB,EAAE,kBAAkB,GACtC,IACD,CACJ,EACH,KAAC,YAAY,KAAG,EAChB,cAAK,SAAS,EAAC,oEAAoE,YACjF,KAAC,gBAAgB,IAAC,UAAU,EAAE,IAAI,CAAC,UAAU,GAAI,GAC7C,EACN,KAAC,YAAY,KAAG,EAChB,cAAK,SAAS,EAAC,oEAAoE,YACjF,KAAC,MAAM,IACL,SAAS,EAAC,sEAAsE,EAChF,OAAO,EAAE,GAAS,EAAE,CAClB,kBAAkB,CAAC,WAAW,CAC5B,wBAAwB,CAAC,IAAI,CAC9B,EAEH,IAAI,EAAC,WAAW,GAChB,GACE,IACF,CACP,EACA,WAAW,KAAK,0BAA0B,CAAC,UAAU;wBACpD,IAAI,CAAC,iBAAiB,IAAI,CACxB,KAAC,uBAAuB,IACtB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,kBAAkB,EAAE,kBAAkB,GACtC,CACH,IACC,GACF,GACO,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/execution-plan/ResultTypeViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultTypeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/ResultTypeViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAGH,OAAO,EACL,KAAK,UAAU,EAGhB,MAAM,qBAAqB,CAAC;AAI7B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,UAAU,EAAE,UAAU,CAAC;CACxB,CASC,CAAC"}
+{"version":3,"file":"ResultTypeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/ResultTypeViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAGH,OAAO,EACL,KAAK,UAAU,EAIhB,MAAM,qBAAqB,CAAC;AAK7B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,UAAU,EAAE,UAAU,CAAC;CACxB,CAWC,CAAC"}

package/lib/components/execution-plan/ResultTypeViewer.js

@@ -15,9 +15,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * limitations under the License.
  */
 import { observer } from 'mobx-react-lite';
-import { TDSResultType, DataTypeResultType, } from '@finos/legend-graph';
+import { TDSResultType, DataTypeResultType, PartialClassResultType, } from '@finos/legend-graph';
 import { DataTypeResultTypeViewer } from './DataTypeResultTypeViewer.js';
 import { TDSResultTypeViewer } from './TDSResultTypeViewer.js';
+import { PartialClassResultTypeViewer } from './PartialClassResultViewer.js';
 export const ResultTypeViewer = observer((props) => {
     const { resultType } = props;
     if (resultType instanceof DataTypeResultType) {
@@ -26,6 +27,9 @@ export const ResultTypeViewer = observer((props) => {
     else if (resultType instanceof TDSResultType) {
         return _jsx(TDSResultTypeViewer, { resultType: resultType });
     }
+    else if (resultType instanceof PartialClassResultType) {
+        return _jsx(PartialClassResultTypeViewer, { resultType: resultType });
+    }
     else {
         return null;
     }

package/lib/components/execution-plan/ResultTypeViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultTypeViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/ResultTypeViewer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAEL,aAAa,EACb,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,CAAC,MAAM,gBAAgB,GAExB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACtB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,IAAI,UAAU,YAAY,kBAAkB,EAAE;QAC5C,OAAO,KAAC,wBAAwB,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC;KAC7D;SAAM,IAAI,UAAU,YAAY,aAAa,EAAE;QAC9C,OAAO,KAAC,mBAAmB,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC;KACxD;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ResultTypeViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/ResultTypeViewer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAEL,aAAa,EACb,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAExB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACtB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,IAAI,UAAU,YAAY,kBAAkB,EAAE;QAC5C,OAAO,KAAC,wBAAwB,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC;KAC7D;SAAM,IAAI,UAAU,YAAY,aAAa,EAAE;QAC9C,OAAO,KAAC,mBAAmB,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC;KACxD;SAAM,IAAI,UAAU,YAAY,sBAAsB,EAAE;QACvD,OAAO,KAAC,4BAA4B,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC;KACjE;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC,CAAC"}

package/lib/components/execution-plan/SQLExecutionNodeViewer.d.ts

@@ -34,6 +34,6 @@ export declare const SQLExecutionNodeViewer: React.FC<{
     resultColumns: SQLResultColumn[];
     resultType: ResultType;
     executionPlanState: ExecutionPlanState;
-    viewJson: boolean;
+    viewJson?: boolean | undefined;
 }>;
 //# sourceMappingURL=SQLExecutionNodeViewer.d.ts.map

package/lib/components/execution-plan/SQLExecutionNodeViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SQLExecutionNodeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/SQLExecutionNodeViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAGH,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAe7B;;;;;;GAMG;AAEH,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,CAgFC,CAAC;AAEH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;CACnB,CA+BC,CAAC"}
+{"version":3,"file":"SQLExecutionNodeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/SQLExecutionNodeViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAGH,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAe7B;;;;;;GAMG;AAEH,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,CA6FC,CAAC;AAEH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAwCC,CAAC"}

package/lib/components/execution-plan/SQLExecutionNodeViewer.js

@@ -29,7 +29,7 @@ import { CodeEditor, CODE_EDITOR_LANGUAGE, } from '@finos/legend-lego/code-edito
  * See https://github.com/finos/legend-studio/issues/65
  */
 export const SQLExecutionNodeViewerHelper = observer((props) => {
-    const { query, resultColumns, resultType, executionPlanState } = props;
+    const { query, resultColumns, executionPlanState } = props;
     const applicationStore = executionPlanState.applicationStore;
     const copyExpression = (value) => {
         applicationStore.clipboardService
@@ -39,11 +39,24 @@ export const SQLExecutionNodeViewerHelper = observer((props) => {
     };
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "query-builder__sql__container", children: [_jsx(PanelDivider, {}), _jsxs("div", { children: [_jsx("div", { className: "query-builder__sql__container__item__label", children: _jsxs(PanelListItem, { children: ["SQL", _jsx("div", { children: _jsx("button", { onClick: () => {
                                                     copyExpression(query);
-                                                }, title: "Copy SQL Expression", className: "query-builder__sql__container__icon", children: _jsx(CopyIcon, {}) }) })] }) }), _jsx("div", { className: "query-builder__sql__container__code-editor", children: _jsx(CodeEditor, { inputValue: tryToFormatSql(query), language: CODE_EDITOR_LANGUAGE.SQL }) }), _jsx(PanelDivider, {})] }, query)] }), _jsx("div", { className: "query-builder__sql__container", children: _jsxs("div", { children: [_jsx(PanelListItem, { className: "query-builder__sql__container__item__label", children: "Result Columns" }), _jsx(PanelDivider, {}), _jsxs("table", { className: "table query-builder__sql__container__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "table__cell--left", children: "Label" }), _jsx("th", { className: "table__cell--left", children: "Data Type" })] }) }), _jsx("tbody", { children: resultColumns.map((column) => (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: column.label.replaceAll(`"`, '') }), column.dataType && (_jsx("td", { className: "table__cell--left", children: stringifyDataType(column.dataType) }))] }, column.label))) })] })] }) }), _jsx(ResultTypeViewer, { resultType: resultType })] }));
+                                                }, title: "Copy SQL Expression", className: "query-builder__sql__container__icon", children: _jsx(CopyIcon, {}) }) })] }) }), _jsx("div", { className: "query-builder__sql__container__code-editor", children: _jsx(CodeEditor, { inputValue: tryToFormatSql(query
+                                        .replaceAll('$', 'changeDollar')
+                                        .replaceAll('?', 'changeQuestion')
+                                        .replaceAll('{', 'changeOpenCurlyBracket')
+                                        .replaceAll('}', 'changeCloseCurlyBracket')
+                                        .replaceAll("'", 'changeSingleQuote'))
+                                        .replaceAll('changeDollar', '$')
+                                        .replaceAll('changeQuestion', '?')
+                                        .replaceAll('changeOpenCurlyBracket', '{')
+                                        .replaceAll('changeCloseCurlyBracket', '}')
+                                        .replaceAll('changeSingleQuote', "'"), language: CODE_EDITOR_LANGUAGE.SQL }) }), _jsx(PanelDivider, {})] }, query)] }), resultColumns.length > 0 && (_jsx("div", { className: "query-builder__sql__container", children: _jsxs("div", { children: [_jsx(PanelListItem, { className: "query-builder__sql__container__item__label", children: "Result Columns" }), _jsx(PanelDivider, {}), _jsxs("table", { className: "table query-builder__sql__container__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "table__cell--left", children: "Label" }), _jsx("th", { className: "table__cell--left", children: "Data Type" })] }) }), _jsx("tbody", { children: resultColumns.map((column) => (_jsxs("tr", { children: [_jsx("td", { className: "table__cell--left", children: column.label.replaceAll(`"`, '') }), column.dataType && (_jsx("td", { className: "table__cell--left", children: stringifyDataType(column.dataType) }))] }, column.label))) })] })] }) }))] }));
 });
 export const SQLExecutionNodeViewer = observer((props) => {
     const { query, resultColumns, resultType, executionPlanState, viewJson } = props;
     const applicationStore = executionPlanState.applicationStore;
-    return (_jsxs(PanelContent, { darkMode: !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled, children: [_jsx(SQLExecutionNodeViewerHelper, { query: query, resultColumns: resultColumns, resultType: resultType, executionPlanState: executionPlanState }), viewJson && (_jsx("div", { className: "query-builder__sql__container", children: _jsx(Button, { className: "btn--dark execution-node-viewer__unsupported-view__to-text-mode__btn", onClick: () => executionPlanState.setViewMode(EXECUTION_PLAN_VIEW_MODE.JSON), text: "View JSON" }) })), _jsx(PanelDivider, {})] }));
+    if (viewJson === false) {
+        return (_jsx(SQLExecutionNodeViewerHelper, { query: query, resultColumns: resultColumns, resultType: resultType, executionPlanState: executionPlanState }));
+    }
+    return (_jsxs(PanelContent, { darkMode: !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled, children: [_jsx(SQLExecutionNodeViewerHelper, { query: query, resultColumns: resultColumns, resultType: resultType, executionPlanState: executionPlanState }), _jsx(ResultTypeViewer, { resultType: resultType }), _jsx("div", { className: "query-builder__sql__container", children: _jsx(Button, { className: "btn--dark execution-node-viewer__unsupported-view__to-text-mode__btn", onClick: () => executionPlanState.setViewMode(EXECUTION_PLAN_VIEW_MODE.JSON), text: "View JSON" }) }), _jsx(PanelDivider, {})] }));
 });
 //# sourceMappingURL=SQLExecutionNodeViewer.js.map

package/lib/components/execution-plan/SQLExecutionNodeViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SQLExecutionNodeViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/SQLExecutionNodeViewer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SQLExecutionNodeViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/SQLExecutionNodeViewer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAEL,wBAAwB,GACzB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAEL,iBAAiB,GAElB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EACL,UAAU,EACV,oBAAoB,GACrB,MAAM,gCAAgC,CAAC;AAExC;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,4BAA4B,GAKpC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACtB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,gBAAgB,CAAC;IAC7D,MAAM,cAAc,GAAG,CAAC,KAAa,EAAQ,EAAE;QAC7C,gBAAgB,CAAC,gBAAgB;aAC9B,mBAAmB,CAAC,KAAK,CAAC;aAC1B,IAAI,CAAC,GAAG,EAAE,CACT,gBAAgB,CAAC,mBAAmB,CAAC,aAAa,CAChD,kBAAkB,EAClB,SAAS,EACT,IAAI,CACL,CACF;aACA,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IACjD,CAAC,CAAC;IACF,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,YAAY,KAAG,EAChB,0BACE,cAAK,SAAS,EAAC,4CAA4C,YACzD,MAAC,aAAa,sBAEZ,wBACE,iBACE,OAAO,EAAE,GAAG,EAAE;oDACZ,cAAc,CAAC,KAAK,CAAC,CAAC;gDACxB,CAAC,EACD,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAC,qCAAqC,YAE/C,KAAC,QAAQ,KAAG,GACL,GACL,IACQ,GACZ,EACN,cAAK,SAAS,EAAC,4CAA4C,YAEzD,KAAC,UAAU,IACT,UAAU,EAAE,cAAc,CACxB,KAAK;yCACF,UAAU,CAAC,GAAG,EAAE,cAAc,CAAC;yCAC/B,UAAU,CAAC,GAAG,EAAE,gBAAgB,CAAC;yCACjC,UAAU,CAAC,GAAG,EAAE,wBAAwB,CAAC;yCACzC,UAAU,CAAC,GAAG,EAAE,yBAAyB,CAAC;yCAC1C,UAAU,CAAC,GAAG,EAAE,mBAAmB,CAAC,CACxC;yCACE,UAAU,CAAC,cAAc,EAAE,GAAG,CAAC;yCAC/B,UAAU,CAAC,gBAAgB,EAAE,GAAG,CAAC;yCACjC,UAAU,CAAC,wBAAwB,EAAE,GAAG,CAAC;yCACzC,UAAU,CAAC,yBAAyB,EAAE,GAAG,CAAC;yCAC1C,UAAU,CAAC,mBAAmB,EAAE,GAAG,CAAC,EACvC,QAAQ,EAAE,oBAAoB,CAAC,GAAG,GAClC,GACE,EACN,KAAC,YAAY,KAAG,KApCR,KAAK,CAqCT,IACF,EACL,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,cAAK,SAAS,EAAC,+BAA+B,YAC5C,0BACE,KAAC,aAAa,IAAC,SAAS,EAAC,4CAA4C,+BAErD,EAChB,KAAC,YAAY,KAAG,EAChB,iBAAO,SAAS,EAAC,4CAA4C,aAC3D,0BACE,yBACE,aAAI,SAAS,EAAC,mBAAmB,sBAAW,EAC5C,aAAI,SAAS,EAAC,mBAAmB,0BAAe,IAC7C,GACC,EACR,0BACG,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,yBACE,aAAI,SAAS,EAAC,mBAAmB,YAC9B,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,GAC9B,EAEJ,MAAM,CAAC,QAAQ,IAAI,CAClB,aAAI,SAAS,EAAC,mBAAmB,YAC9B,iBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,GAChC,CACN,KATM,MAAM,CAAC,KAAK,CAUhB,CACN,CAAC,GACI,IACF,IACJ,GACF,CACP,IACA,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAM9B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACtB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GACtE,KAAK,CAAC;IACR,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,gBAAgB,CAAC;IAE7D,IAAI,QAAQ,KAAK,KAAK,EAAE;QACtB,OAAO,CACL,KAAC,4BAA4B,IAC3B,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CAAC;KACH;IACD,OAAO,CACL,MAAC,YAAY,IACX,QAAQ,EACN,CAAC,gBAAgB,CAAC,aAAa,CAAC,mCAAmC,aAGrE,KAAC,4BAA4B,IAC3B,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,GACtC,EACF,KAAC,gBAAgB,IAAC,UAAU,EAAE,UAAU,GAAI,EAC5C,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,MAAM,IACL,SAAS,EAAC,sEAAsE,EAChF,OAAO,EAAE,GAAS,EAAE,CAClB,kBAAkB,CAAC,WAAW,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAE/D,IAAI,EAAC,WAAW,GAChB,GACE,EACN,KAAC,YAAY,KAAG,IACH,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/execution-plan/SequenceExecutionNodeViewer.d.ts

@@ -16,8 +16,14 @@
 /// <reference types="react" resolution-mode="require"/>
 import { type ExecutionPlanState } from '../../stores/execution-plan/ExecutionPlanState.js';
 import type { SequenceExecutionNode } from '@finos/legend-graph';
+export declare const SequenceExecutionNodeViewerHelper: React.FC<{
+    node: SequenceExecutionNode;
+    executionPlanState: ExecutionPlanState;
+    viewJson?: boolean | undefined;
+}>;
 export declare const SequenceExecutionNodeViewer: React.FC<{
     node: SequenceExecutionNode;
     executionPlanState: ExecutionPlanState;
+    viewJson?: boolean | undefined;
 }>;
 //# sourceMappingURL=SequenceExecutionNodeViewer.d.ts.map

package/lib/components/execution-plan/SequenceExecutionNodeViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SequenceExecutionNodeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/SequenceExecutionNodeViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAIH,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,mDAAmD,CAAC;AAQ3D,OAAO,KAAK,EAAiB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC;IACjD,IAAI,EAAE,qBAAqB,CAAC;IAC5B,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,CAyDC,CAAC"}
+{"version":3,"file":"SequenceExecutionNodeViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution-plan/SequenceExecutionNodeViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAOH,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,mDAAmD,CAAC;AAU3D,OAAO,KAAK,EAAiB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAIhF,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAAC;IACvD,IAAI,EAAE,qBAAqB,CAAC;IAC5B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAyEC,CAAC;AAEH,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC;IACjD,IAAI,EAAE,qBAAqB,CAAC;IAC5B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAmCC,CAAC"}

package/lib/components/execution-plan/SequenceExecutionNodeViewer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Copyright (c) 2020-present, Goldman Sachs
  *
@@ -15,24 +15,46 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * limitations under the License.
  */
 import { observer } from 'mobx-react-lite';
-import { generateExecutionNodeLabel } from './ExecutionPlanViewer.js';
+import { ExecutionNodeViewer, generateExecutionNodeLabel, } from './ExecutionPlanViewer.js';
 import { EXECUTION_PLAN_VIEW_MODE, ExecutionPlanViewTreeNodeData, ExecutionNodeTreeNodeData, } from '../../stores/execution-plan/ExecutionPlanState.js';
-import { PanelListItem, PanelDivider, Button, PanelContent, } from '@finos/legend-art';
+import { PanelListItem, PanelDivider, Button, PanelContent, ChevronDownIcon, ChevronRightIcon, } from '@finos/legend-art';
 import { ResultTypeViewer } from './ResultTypeViewer.js';
-export const SequenceExecutionNodeViewer = observer((props) => {
-    const { node, executionPlanState } = props;
+import { useState } from 'react';
+export const SequenceExecutionNodeViewerHelper = observer((props) => {
+    const { node, executionPlanState, viewJson } = props;
     const resultType = node.resultType;
-    const applicationStore = executionPlanState.applicationStore;
+    const [executionNode, setExecutionNode] = useState(undefined);
+    const nodeExpandIcon = viewJson ? (_jsx("div", {})) : executionNode ? (_jsx(ChevronDownIcon, {})) : (_jsx(ChevronRightIcon, {}));
     const openExecutionNode = (child) => {
         const newNode = executionPlanState.treeData?.nodes.get(child._UUID);
-        if (newNode instanceof ExecutionPlanViewTreeNodeData) {
-            executionPlanState.transformMetadataToProtocolJson(newNode.executionPlan);
+        if (viewJson === false) {
+            if (executionNode) {
+                setExecutionNode(undefined);
+            }
+            else {
+                setExecutionNode(child);
+            }
         }
-        else if (newNode instanceof ExecutionNodeTreeNodeData) {
-            executionPlanState.transformMetadataToProtocolJson(newNode.executionNode);
+        else {
+            if (newNode instanceof ExecutionPlanViewTreeNodeData) {
+                executionPlanState.transformMetadataToProtocolJson(newNode.executionPlan);
+            }
+            else if (newNode instanceof ExecutionNodeTreeNodeData) {
+                executionPlanState.transformMetadataToProtocolJson(newNode.executionNode);
+            }
+            if (newNode) {
+                executionPlanState.setSelectedNode(newNode);
+            }
         }
-        executionPlanState.setSelectedNode(newNode);
     };
-    return (_jsxs(PanelContent, { darkMode: !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled, children: [_jsx("div", { className: "query-builder__sequence__container", children: _jsxs("div", { children: [_jsx(PanelListItem, { className: "query-builder__sequence__container__item__label", children: "Execution Nodes" }), _jsx(PanelDivider, {}), node.executionNodes.map((child, index) => (_jsx("div", { className: "query-builder__sequence__container__item", children: _jsx("button", { className: "query-builder__sequence__container__item__btn", onClick: () => openExecutionNode(child), tabIndex: -1, title: `Go to ${generateExecutionNodeLabel(child)}`, children: `${index + 1}: ${generateExecutionNodeLabel(child)}` }) }, child._UUID)))] }) }), _jsx(PanelDivider, {}), _jsx(ResultTypeViewer, { resultType: resultType }), _jsx("div", { className: "query-builder__execution__container", children: _jsx(Button, { className: "btn--dark execution-node-viewer__unsupported-view__to-text-mode__btn", onClick: () => executionPlanState.setViewMode(EXECUTION_PLAN_VIEW_MODE.JSON), text: "View JSON" }) }), _jsx(PanelDivider, {})] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "query-builder__sequence__container", children: _jsxs("div", { children: [_jsx(PanelListItem, { className: "query-builder__sequence__container__item__label", children: "Execution Nodes" }), _jsx(PanelDivider, {}), node.executionNodes.map((child, index) => (_jsx("div", { className: "query-builder__sequence__container__item", children: _jsxs("button", { className: "query-builder__sequence__container__item__btn", onClick: () => openExecutionNode(child), tabIndex: -1, title: `Go to ${generateExecutionNodeLabel(child)}`, children: [!viewJson && nodeExpandIcon, `${index + 1}: ${generateExecutionNodeLabel(child)}`] }) }, child._UUID)))] }) }), _jsx(PanelDivider, {}), _jsx(ResultTypeViewer, { resultType: resultType }), viewJson === false && executionNode && (_jsx(ExecutionNodeViewer, { executionNode: executionNode, executionPlanState: executionPlanState, viewJson: false }))] }));
+});
+export const SequenceExecutionNodeViewer = observer((props) => {
+    const { node, executionPlanState, viewJson } = props;
+    const applicationStore = executionPlanState.applicationStore;
+    if (viewJson === false) {
+        return (_jsx(SequenceExecutionNodeViewerHelper, { node: node, executionPlanState: executionPlanState, viewJson: viewJson }));
+    }
+    return (_jsxs(PanelContent, { darkMode: !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled, children: [_jsx(SequenceExecutionNodeViewerHelper, { node: node, executionPlanState: executionPlanState, viewJson: viewJson }), _jsx("div", { className: "query-builder__execution__container", children: _jsx(Button, { className: "btn--dark execution-node-viewer__unsupported-view__to-text-mode__btn", onClick: () => executionPlanState.setViewMode(EXECUTION_PLAN_VIEW_MODE.JSON), text: "View JSON" }) }), _jsx(PanelDivider, {})] }));
 });
 //# sourceMappingURL=SequenceExecutionNodeViewer.js.map

package/lib/components/execution-plan/SequenceExecutionNodeViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SequenceExecutionNodeViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/SequenceExecutionNodeViewer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAEL,wBAAwB,EACxB,6BAA6B,EAC7B,yBAAyB,GAC1B,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EACL,aAAa,EACb,YAAY,EACZ,MAAM,EACN,YAAY,GACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,CAAC,MAAM,2BAA2B,GAGnC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACtB,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;IACnC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,gBAAgB,CAAC;IAC7D,MAAM,iBAAiB,GAAG,CAAC,KAAoB,EAAQ,EAAE;QACvD,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACpE,IAAI,OAAO,YAAY,6BAA6B,EAAE;YACpD,kBAAkB,CAAC,+BAA+B,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;SAC3E;aAAM,IAAI,OAAO,YAAY,yBAAyB,EAAE;YACvD,kBAAkB,CAAC,+BAA+B,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;SAC3E;QACD,kBAAkB,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,IACX,QAAQ,EACN,CAAC,gBAAgB,CAAC,aAAa,CAAC,mCAAmC,aAGrE,cAAK,SAAS,EAAC,oCAAoC,YACjD,0BACE,KAAC,aAAa,IAAC,SAAS,EAAC,iDAAiD,gCAE1D,EAChB,KAAC,YAAY,KAAG,EACf,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,cACE,SAAS,EAAC,0CAA0C,YAGpD,iBACE,SAAS,EAAC,+CAA+C,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACvC,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,SAAS,0BAA0B,CAAC,KAAK,CAAC,EAAE,YAElD,GAAG,KAAK,GAAG,CAAC,KAAK,0BAA0B,CAAC,KAAK,CAAC,EAAE,GAC9C,IATJ,KAAK,CAAC,KAAK,CAUZ,CACP,CAAC,IACE,GACF,EACN,KAAC,YAAY,KAAG,EAChB,KAAC,gBAAgB,IAAC,UAAU,EAAE,UAAU,GAAI,EAC5C,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,MAAM,IACL,SAAS,EAAC,sEAAsE,EAChF,OAAO,EAAE,GAAS,EAAE,CAClB,kBAAkB,CAAC,WAAW,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAE/D,IAAI,EAAC,WAAW,GAChB,GACE,EACN,KAAC,YAAY,KAAG,IACH,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SequenceExecutionNodeViewer.js","sourceRoot":"","sources":["../../../src/components/execution-plan/SequenceExecutionNodeViewer.tsx"],"names":[],"mappings":"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"}

package/lib/components/execution-plan/StoreMappingGlobalGraphFetchExecutionNodeViewer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ */
+/// <reference types="react" resolution-mode="require"/>
+import { type ExecutionPlanState } from '../../stores/execution-plan/ExecutionPlanState.js';
+import { type StoreMappingGlobalGraphFetchExecutionNode } from '@finos/legend-graph';
+export declare const StoreMappingGlobalGraphFetchExecutionNodeViewer: React.FC<{
+    storeMappingNode: StoreMappingGlobalGraphFetchExecutionNode;
+    executionPlanState: ExecutionPlanState;
+}>;
+//# sourceMappingURL=StoreMappingGlobalGraphFetchExecutionNodeViewer.d.ts.map