@finos/legend-application-query 6.0.0 → 7.0.1

package/lib/stores/query-builder/workflows/MappingQueryBuilderState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MappingQueryBuilderState.d.ts","sourceRoot":"","sources":["../../../../src/stores/query-builder/workflows/MappingQueryBuilderState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,OAAO,EACZ,KAAK,iBAAiB,EAKvB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,qBAAa,wBAAyB,SAAQ,iBAAiB;IAC7D,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAChE,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAEvD,oCAAoC,QAAO,MAAM,SAAS,CAChB;gBAGjD,gBAAgB,EAAE,6BAA6B,EAC/C,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,EACtD,eAAe,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS;IAQxD;;;;;;OAMG;IACH,sBAAsB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;CA6B/C"}

package/lib/stores/query-builder/workflows/MappingQueryBuilderState.js

@@ -1,55 +0,0 @@
-/**
- * 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 { getMappingCompatibleRuntimes, RuntimePointer, PackageableElementExplicitReference, getMappingCompatibleClasses, } from '@finos/legend-graph';
-import { getNullableFirstElement } from '@finos/legend-shared';
-import { renderMappingQueryBuilderSetupPanelContent } from '../../../components/query-builder/workflows/MappingQueryBuilder.js';
-import { QueryBuilderState } from '../QueryBuilderState.js';
-export class MappingQueryBuilderState extends QueryBuilderState {
-    onMappingChange;
-    onRuntimeChange;
-    TEMPORARY__setupPanelContentRenderer = () => renderMappingQueryBuilderSetupPanelContent(this);
-    constructor(applicationStore, graphManagerState, onMappingChange, onRuntimeChange) {
-        super(applicationStore, graphManagerState);
-        this.onMappingChange = onMappingChange;
-        this.onRuntimeChange = onRuntimeChange;
-    }
-    /**
-     * Propagation after changing the mapping:
-     * - If no runtime is selected, try to select a compatible runtime
-     * - If the chosen runtime is compatible with the new selected mapping, do nothing, otherwise, try to select a compatible runtime
-     * - If no class is selected, try to select a compatible class
-     * - If the chosen class is compatible with the new selected mapping, do nothing, otherwise, try to select a compatible class
-     */
-    propagateMappingChange(mapping) {
-        // try to select the first compatible runtime,
-        // if none found, just unset the current runtime value
-        const compatibleRuntimes = getMappingCompatibleRuntimes(mapping, this.graphManagerState.usableRuntimes);
-        const possibleNewRuntime = getNullableFirstElement(compatibleRuntimes);
-        if (possibleNewRuntime) {
-            this.changeRuntime(new RuntimePointer(PackageableElementExplicitReference.create(possibleNewRuntime)));
-        }
-        const compatibleClasses = getMappingCompatibleClasses(mapping, this.graphManagerState.usableClasses);
-        // if there is no chosen class or the chosen one is not compatible
-        // with the mapping then pick a compatible class if possible
-        if (!this.class || !compatibleClasses.includes(this.class)) {
-            const possibleNewClass = getNullableFirstElement(compatibleClasses);
-            if (possibleNewClass) {
-                this.changeClass(possibleNewClass);
-            }
-        }
-    }
-}
-//# sourceMappingURL=MappingQueryBuilderState.js.map

package/lib/stores/query-builder/workflows/MappingQueryBuilderState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MappingQueryBuilderState.js","sourceRoot":"","sources":["../../../../src/stores/query-builder/workflows/MappingQueryBuilderState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAIL,4BAA4B,EAC5B,cAAc,EACd,mCAAmC,EACnC,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,0CAA0C,EAAE,MAAM,oEAAoE,CAAC;AAChI,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,OAAO,wBAAyB,SAAQ,iBAAiB;IACpD,eAAe,CAAwC;IACvD,eAAe,CAAwC;IAEvD,oCAAoC,GAAG,GAAoB,EAAE,CACpE,0CAA0C,CAAC,IAAI,CAAC,CAAC;IAEnD,YACE,gBAA+C,EAC/C,iBAAoC,EACpC,eAAsD,EACtD,eAAsD;QAEtD,KAAK,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;QAE3C,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;IACzC,CAAC;IAED;;;;;;OAMG;IACH,sBAAsB,CAAC,OAAgB;QACrC,8CAA8C;QAC9C,sDAAsD;QACtD,MAAM,kBAAkB,GAAG,4BAA4B,CACrD,OAAO,EACP,IAAI,CAAC,iBAAiB,CAAC,cAAc,CACtC,CAAC;QACF,MAAM,kBAAkB,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;QACvE,IAAI,kBAAkB,EAAE;YACtB,IAAI,CAAC,aAAa,CAChB,IAAI,cAAc,CAChB,mCAAmC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAC/D,CACF,CAAC;SACH;QAED,MAAM,iBAAiB,GAAG,2BAA2B,CACnD,OAAO,EACP,IAAI,CAAC,iBAAiB,CAAC,aAAa,CACrC,CAAC;QACF,kEAAkE;QAClE,4DAA4D;QAC5D,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC1D,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;YACpE,IAAI,gBAAgB,EAAE;gBACpB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;aACpC;SACF;IACH,CAAC;CACF"}

package/lib/stores/query-builder/workflows/ServiceQueryBuilderState.d.ts

@@ -1,44 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import type { GenericLegendApplicationStore } from '@finos/legend-application';
-import { type Mapping, type Runtime, type GraphManagerState, type Service } from '@finos/legend-graph';
-import { QueryBuilderState } from '../QueryBuilderState.js';
-export declare type ServiceExecutionContext = {
-    key: string;
-    mapping: Mapping;
-    runtimeValue: Runtime;
-};
-export declare class ServiceQueryBuilderState extends QueryBuilderState {
-    readonly service: Service;
-    readonly executionContexts: ServiceExecutionContext[];
-    readonly onExecutionContextChange?: ((val: ServiceExecutionContext) => void) | undefined;
-    TEMPORARY__setupPanelContentRenderer: () => React.ReactNode;
-    selectedExecutionContext?: ServiceExecutionContext | undefined;
-    constructor(applicationStore: GenericLegendApplicationStore, graphManagerState: GraphManagerState, service: Service, executionContextKey?: string | undefined, onExecutionContextChange?: ((val: ServiceExecutionContext) => void) | undefined);
-    setSelectedExecutionContext(val: ServiceExecutionContext): void;
-    get sideBarClassName(): string | undefined;
-    get isMappingReadOnly(): boolean;
-    get isRuntimeReadOnly(): boolean;
-    /**
-     * Propagation after changing the execution context:
-     * - The mapping will be updated to the mapping of the execution context
-     * - The runtime will be updated to the default runtime of the execution context
-     * - If no class is selected, try to select a compatible class
-     * - If the chosen class is compatible with the new selected mapping, do nothing, otherwise, try to select a compatible class
-     */
-    propagateExecutionContextChange(executionContext: ServiceExecutionContext): void;
-}
-//# sourceMappingURL=ServiceQueryBuilderState.d.ts.map

package/lib/stores/query-builder/workflows/ServiceQueryBuilderState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServiceQueryBuilderState.d.ts","sourceRoot":"","sources":["../../../../src/stores/query-builder/workflows/ServiceQueryBuilderState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,OAAO,EACZ,KAAK,iBAAiB,EACtB,KAAK,OAAO,EAIb,MAAM,qBAAqB,CAAC;AAO7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,oBAAY,uBAAuB,GAAG;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,qBAAa,wBAAyB,SAAQ,iBAAiB;IAC7D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,iBAAiB,EAAE,uBAAuB,EAAE,CAAM;IAC3D,QAAQ,CAAC,wBAAwB,CAAC,EAC9B,CAAC,CAAC,GAAG,EAAE,uBAAuB,KAAK,IAAI,CAAC,GACxC,SAAS,CAAC;IAEL,oCAAoC,QAAO,MAAM,SAAS,CAChB;IAEnD,wBAAwB,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;gBAG7D,gBAAgB,EAAE,6BAA6B,EAC/C,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,OAAO,EAChB,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,EACxC,wBAAwB,CAAC,EACrB,CAAC,CAAC,GAAG,EAAE,uBAAuB,KAAK,IAAI,CAAC,GACxC,SAAS;IAsCf,2BAA2B,CAAC,GAAG,EAAE,uBAAuB,GAAG,IAAI;IAI/D,IAAa,gBAAgB,IAAI,MAAM,GAAG,SAAS,CAIlD;IAED,IAAa,iBAAiB,IAAI,OAAO,CAExC;IAED,IAAa,iBAAiB,IAAI,OAAO,CAExC;IAED;;;;;;OAMG;IACH,+BAA+B,CAC7B,gBAAgB,EAAE,uBAAuB,GACxC,IAAI;CAkBR"}

package/lib/stores/query-builder/workflows/ServiceQueryBuilderState.js

@@ -1,90 +0,0 @@
-/**
- * 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 { getMappingCompatibleClasses, PureMultiExecution, PureSingleExecution, } from '@finos/legend-graph';
-import { getNullableFirstElement, IllegalStateError, } from '@finos/legend-shared';
-import { action, makeObservable, observable } from 'mobx';
-import { renderServiceQueryBuilderSetupPanelContent } from '../../../components/query-builder/workflows/ServiceQueryBuilder.js';
-import { QueryBuilderState } from '../QueryBuilderState.js';
-export class ServiceQueryBuilderState extends QueryBuilderState {
-    service;
-    executionContexts = [];
-    onExecutionContextChange;
-    TEMPORARY__setupPanelContentRenderer = () => renderServiceQueryBuilderSetupPanelContent(this);
-    selectedExecutionContext;
-    constructor(applicationStore, graphManagerState, service, executionContextKey, onExecutionContextChange) {
-        super(applicationStore, graphManagerState);
-        makeObservable(this, {
-            selectedExecutionContext: observable,
-            setSelectedExecutionContext: action,
-        });
-        this.service = service;
-        this.onExecutionContextChange = onExecutionContextChange;
-        if (service.execution instanceof PureSingleExecution) {
-            this.mapping = service.execution.mapping.value;
-            this.runtimeValue = service.execution.runtime;
-        }
-        else if (service.execution instanceof PureMultiExecution) {
-            this.executionContexts = service.execution.executionParameters.map((ep) => ({
-                key: ep.key,
-                mapping: ep.mapping.value,
-                runtimeValue: ep.runtime,
-            }));
-            const matchingExecutionContext = this.executionContexts.find((ec) => ec.key === executionContextKey);
-            if (!matchingExecutionContext) {
-                throw new IllegalStateError(`Can't initialize state: multi-execution service's execution context with key '${executionContextKey}' not found`);
-            }
-            this.setSelectedExecutionContext(matchingExecutionContext);
-            this.mapping = matchingExecutionContext.mapping;
-            this.runtimeValue = matchingExecutionContext.runtimeValue;
-        }
-    }
-    setSelectedExecutionContext(val) {
-        this.selectedExecutionContext = val;
-    }
-    get sideBarClassName() {
-        return this.executionContexts.length
-            ? 'query-builder__setup__service--with-mutiple-execution'
-            : 'query-builder__setup__service';
-    }
-    get isMappingReadOnly() {
-        return true;
-    }
-    get isRuntimeReadOnly() {
-        return true;
-    }
-    /**
-     * Propagation after changing the execution context:
-     * - The mapping will be updated to the mapping of the execution context
-     * - The runtime will be updated to the default runtime of the execution context
-     * - If no class is selected, try to select a compatible class
-     * - If the chosen class is compatible with the new selected mapping, do nothing, otherwise, try to select a compatible class
-     */
-    propagateExecutionContextChange(executionContext) {
-        const mapping = executionContext.mapping;
-        this.changeMapping(mapping);
-        this.changeRuntime(executionContext.runtimeValue);
-        const compatibleClasses = getMappingCompatibleClasses(mapping, this.graphManagerState.usableClasses);
-        // if there is no chosen class or the chosen one is not compatible
-        // with the mapping then pick a compatible class if possible
-        if (!this.class || !compatibleClasses.includes(this.class)) {
-            const possibleNewClass = getNullableFirstElement(compatibleClasses);
-            if (possibleNewClass) {
-                this.changeClass(possibleNewClass);
-            }
-        }
-    }
-}
-//# sourceMappingURL=ServiceQueryBuilderState.js.map

package/lib/stores/query-builder/workflows/ServiceQueryBuilderState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServiceQueryBuilderState.js","sourceRoot":"","sources":["../../../../src/stores/query-builder/workflows/ServiceQueryBuilderState.ts"],"names":[],"mappings":"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"}

package/src/components/query-builder/QueryBuilder.tsx

@@ -1,411 +0,0 @@
-/**
- * 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 { GlobalHotKeys } from 'react-hotkeys';
-import {
-  clsx,
-  Backdrop,
-  HammerIcon,
-  ResizablePanelGroup,
-  ResizablePanel,
-  ResizablePanelSplitter,
-  HackerIcon,
-  DropdownMenu,
-  MenuContent,
-  MenuContentItem,
-  MenuContentItemIcon,
-  MenuContentItemLabel,
-  CheckIcon,
-  CaretDownIcon,
-  CogIcon,
-} from '@finos/legend-art';
-import { QueryBuilderFilterPanel } from './filter/QueryBuilderFilterPanel.js';
-import { QueryBuilderExplorerPanel } from './explorer/QueryBuilderExplorerPanel.js';
-import { QueryBuilderSidebar } from './QueryBuilderSideBar.js';
-import { QueryBuilderResultPanel } from './QueryBuilderResultPanel.js';
-import { QueryBuilderTextEditor } from './QueryBuilderTextEditor.js';
-import type { QueryBuilderState } from '../../stores/query-builder/QueryBuilderState.js';
-import { QueryBuilderTextEditorMode } from '../../stores/query-builder/QueryBuilderTextEditorState.js';
-import { QueryBuilderFetchStructurePanel } from './fetch-structure/QueryBuilderFetchStructurePanel.js';
-import { QUERY_BUILDER_TEST_ID } from './QueryBuilder_TestID.js';
-import { flowResult } from 'mobx';
-import { QueryBuilderUnsupportedQueryEditor } from './QueryBuilderUnsupportedQueryEditor.js';
-import { useApplicationStore } from '@finos/legend-application';
-import { QueryBuilderParametersPanel } from './QueryBuilderParametersPanel.js';
-import { QueryBuilderPostFilterPanel } from './fetch-structure/QueryBuilderPostFilterPanel.js';
-import { QueryBuilderFunctionsExplorerPanel } from './explorer/QueryBuilderFunctionsExplorerPanel.js';
-import { QueryBuilderProjectionState } from '../../stores/query-builder/fetch-structure/projection/QueryBuilderProjectionState.js';
-
-enum QUERY_BUILDER_HOTKEY {
-  COMPILE = 'COMPILE',
-}
-
-const QUERY_BUILDER_HOTKEY_MAP = Object.freeze({
-  [QUERY_BUILDER_HOTKEY.COMPILE]: 'f9',
-});
-
-const QueryBuilderStatusBar = observer(
-  (props: { queryBuilderState: QueryBuilderState }) => {
-    const { queryBuilderState } = props;
-    const applicationStore = useApplicationStore();
-    const openLambdaEditor = (mode: QueryBuilderTextEditorMode): void =>
-      queryBuilderState.textEditorState.openModal(mode);
-    const compile = applicationStore.guardUnhandledError(() =>
-      flowResult(queryBuilderState.compileQuery()),
-    );
-
-    return (
-      <div className="query-builder__status-bar">
-        <div className="query-builder__status-bar__left"></div>
-        <div className="query-builder__status-bar__right">
-          <button
-            className={clsx(
-              'query-builder__status-bar__action query-builder__status-bar__compile-btn',
-              {
-                'query-builder__status-bar__compile-btn--wiggling':
-                  queryBuilderState.queryCompileState.isInProgress,
-              },
-            )}
-            disabled={queryBuilderState.queryCompileState.isInProgress}
-            onClick={compile}
-            tabIndex={-1}
-            title="Compile (F9)"
-          >
-            <HammerIcon />
-          </button>
-          <button
-            className={clsx(
-              'query-builder__status-bar__action query-builder__status-bar__action__toggler',
-            )}
-            onClick={(): void =>
-              openLambdaEditor(QueryBuilderTextEditorMode.JSON)
-            }
-            tabIndex={-1}
-            title="View Query JSON"
-          >{`{ }`}</button>
-          <button
-            className={clsx(
-              'query-builder__status-bar__action query-builder__status-bar__action__toggler',
-            )}
-            onClick={(): void =>
-              openLambdaEditor(QueryBuilderTextEditorMode.TEXT)
-            }
-            tabIndex={-1}
-            title="View Pure Query"
-          >
-            <HackerIcon />
-          </button>
-        </div>
-      </div>
-    );
-  },
-);
-
-export const QueryBuilder = observer(
-  (props: { queryBuilderState: QueryBuilderState }) => {
-    const { queryBuilderState } = props;
-    const applicationStore = useApplicationStore();
-    const isQuerySupported = queryBuilderState.isQuerySupported;
-
-    // Hotkeys
-    const keyMap = {
-      [QUERY_BUILDER_HOTKEY.COMPILE]: [QUERY_BUILDER_HOTKEY_MAP.COMPILE],
-    };
-    const handlers = {
-      [QUERY_BUILDER_HOTKEY.COMPILE]: (
-        event: KeyboardEvent | undefined,
-      ): void => {
-        event?.preventDefault();
-        flowResult(queryBuilderState.compileQuery()).catch(
-          applicationStore.alertUnhandledError,
-        );
-      },
-    };
-    const toggleShowFunctionPanel = (): void => {
-      queryBuilderState.setShowFunctionsExplorerPanel(
-        !queryBuilderState.showFunctionsExplorerPanel,
-      );
-    };
-    const toggleShowParameterPanel = (): void => {
-      queryBuilderState.setShowParametersPanel(
-        !queryBuilderState.showParametersPanel,
-      );
-    };
-    const toggleShowPostFilterPanel = (): void => {
-      if (
-        queryBuilderState.fetchStructureState.implementation instanceof
-        QueryBuilderProjectionState
-      ) {
-        const projectionState =
-          queryBuilderState.fetchStructureState.implementation;
-        projectionState.setShowPostFilterPanel(
-          !projectionState.showPostFilterPanel,
-        );
-      }
-    };
-
-    // settings
-    // NOTE: this is temporary until we find a better home for these settings in query builder
-    const engineConfig =
-      queryBuilderState.graphManagerState.graphManager.TEMPORARY__getEngineConfig();
-    const toggleEngineClientRequestPayloadCompression = (): void =>
-      engineConfig.setUseClientRequestPayloadCompression(
-        !engineConfig.useClientRequestPayloadCompression,
-      );
-
-    return (
-      <div
-        data-testid={QUERY_BUILDER_TEST_ID.QUERY_BUILDER}
-        className="query-builder"
-      >
-        <div className="query-builder__sub-header">
-          <div className="query-builder__sub-header__actions">
-            <DropdownMenu
-              className="query-builder__sub-header__custom-action"
-              content={
-                <MenuContent>
-                  <MenuContentItem
-                    onClick={toggleShowFunctionPanel}
-                    disabled={!queryBuilderState.isQuerySupported}
-                  >
-                    <MenuContentItemIcon>
-                      {queryBuilderState.showFunctionsExplorerPanel ? (
-                        <CheckIcon />
-                      ) : null}
-                    </MenuContentItemIcon>
-                    <MenuContentItemLabel className="query-builder__sub-header__menu-content">
-                      Show Function(s)
-                    </MenuContentItemLabel>
-                  </MenuContentItem>
-                  {/* TODO?: consider hiding this menu option when the fetch-structure is not projection */}
-                  {!queryBuilderState.isParameterSupportDisabled && (
-                    <MenuContentItem
-                      onClick={toggleShowParameterPanel}
-                      disabled={
-                        !queryBuilderState.isQuerySupported ||
-                        queryBuilderState.parametersState.parameterStates
-                          .length > 0
-                      }
-                    >
-                      <MenuContentItemIcon>
-                        {queryBuilderState.showParametersPanel ? (
-                          <CheckIcon />
-                        ) : null}
-                      </MenuContentItemIcon>
-                      <MenuContentItemLabel className="query-builder__sub-header__menu-content">
-                        Show Parameter(s)
-                      </MenuContentItemLabel>
-                    </MenuContentItem>
-                  )}
-                  <MenuContentItem
-                    onClick={toggleShowPostFilterPanel}
-                    disabled={
-                      !queryBuilderState.isQuerySupported ||
-                      !(
-                        queryBuilderState.fetchStructureState
-                          .implementation instanceof QueryBuilderProjectionState
-                      ) ||
-                      Array.from(
-                        queryBuilderState.fetchStructureState.implementation.postFilterState.nodes.values(),
-                      ).length > 0
-                    }
-                  >
-                    <MenuContentItemIcon>
-                      {queryBuilderState.fetchStructureState
-                        .implementation instanceof
-                        QueryBuilderProjectionState &&
-                      queryBuilderState.fetchStructureState.implementation
-                        .showPostFilterPanel ? (
-                        <CheckIcon />
-                      ) : null}
-                    </MenuContentItemIcon>
-                    <MenuContentItemLabel className="query-builder__sub-header__menu-content">
-                      Show Post-Filter
-                    </MenuContentItemLabel>
-                  </MenuContentItem>
-                </MenuContent>
-              }
-              menuProps={{
-                anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
-                transformOrigin: { vertical: 'top', horizontal: 'right' },
-                elevation: 7,
-              }}
-            >
-              <button
-                className="query-builder__sub-header__custom-action__label"
-                title="Show Advanced Menu..."
-              >
-                Advanced
-              </button>
-              <CaretDownIcon className="query-builder__sub-header__custom-action__icon" />
-            </DropdownMenu>
-          </div>
-        </div>
-        <GlobalHotKeys keyMap={keyMap} handlers={handlers}>
-          <Backdrop className="backdrop" open={queryBuilderState.backdrop} />
-          <div className="query-builder__content">
-            <div className="query-builder__activity-bar">
-              <div className="query-builder__activity-bar__items"></div>
-              <DropdownMenu
-                className="query-builder__activity-bar__setting"
-                content={
-                  <MenuContent>
-                    <MenuContentItem
-                      onClick={toggleEngineClientRequestPayloadCompression}
-                    >
-                      <MenuContentItemIcon>
-                        {engineConfig.useClientRequestPayloadCompression ? (
-                          <CheckIcon />
-                        ) : null}
-                      </MenuContentItemIcon>
-                      <MenuContentItemLabel>
-                        Compress request payload
-                      </MenuContentItemLabel>
-                    </MenuContentItem>
-                  </MenuContent>
-                }
-                menuProps={{
-                  anchorOrigin: { vertical: 'center', horizontal: 'center' },
-                  transformOrigin: { vertical: 'bottom', horizontal: 'left' },
-                  elevation: 7,
-                }}
-              >
-                <button
-                  className="query-builder__activity-bar__item"
-                  tabIndex={-1}
-                  title="Settings..."
-                >
-                  <CogIcon />
-                </button>
-              </DropdownMenu>
-            </div>
-            <div className="query-builder__main">
-              <ResizablePanelGroup orientation="horizontal">
-                <ResizablePanel minSize={120}>
-                  {isQuerySupported ? (
-                    <ResizablePanelGroup orientation="vertical">
-                      <ResizablePanel size={450} minSize={300}>
-                        <QueryBuilderSidebar
-                          queryBuilderState={queryBuilderState}
-                        >
-                          <ResizablePanelGroup orientation="horizontal">
-                            {/* explorer panel */}
-                            <ResizablePanel minSize={40} direction={1}>
-                              <QueryBuilderExplorerPanel
-                                queryBuilderState={queryBuilderState}
-                              />
-                            </ResizablePanel>
-                            {/* functions panel */}
-                            {queryBuilderState.showFunctionsExplorerPanel && (
-                              <ResizablePanelSplitter />
-                            )}
-                            {queryBuilderState.showFunctionsExplorerPanel && (
-                              <ResizablePanel
-                                minSize={40}
-                                direction={
-                                  queryBuilderState.showParametersPanel
-                                    ? [1, -1]
-                                    : -1
-                                }
-                              >
-                                <QueryBuilderFunctionsExplorerPanel
-                                  queryBuilderState={queryBuilderState}
-                                />
-                              </ResizablePanel>
-                            )}
-                            {/* parameters panel */}
-                            {queryBuilderState.showParametersPanel && (
-                              <ResizablePanelSplitter />
-                            )}
-                            {queryBuilderState.showParametersPanel && (
-                              <ResizablePanel minSize={40} direction={-1}>
-                                <QueryBuilderParametersPanel
-                                  queryBuilderState={queryBuilderState}
-                                />
-                              </ResizablePanel>
-                            )}
-                          </ResizablePanelGroup>
-                        </QueryBuilderSidebar>
-                      </ResizablePanel>
-                      <ResizablePanelSplitter />
-                      <ResizablePanel minSize={300}>
-                        <QueryBuilderFetchStructurePanel
-                          queryBuilderState={queryBuilderState}
-                        />
-                      </ResizablePanel>
-                      <ResizablePanelSplitter />
-                      <ResizablePanel minSize={300}>
-                        {(!(
-                          queryBuilderState.fetchStructureState
-                            .implementation instanceof
-                          QueryBuilderProjectionState
-                        ) ||
-                          !queryBuilderState.fetchStructureState.implementation
-                            .showPostFilterPanel) && (
-                          <QueryBuilderFilterPanel
-                            queryBuilderState={queryBuilderState}
-                          />
-                        )}
-                        {queryBuilderState.fetchStructureState
-                          .implementation instanceof
-                          QueryBuilderProjectionState &&
-                          queryBuilderState.fetchStructureState.implementation
-                            .showPostFilterPanel && (
-                            <ResizablePanelGroup orientation="horizontal">
-                              <ResizablePanel minSize={300}>
-                                <QueryBuilderFilterPanel
-                                  queryBuilderState={queryBuilderState}
-                                />
-                              </ResizablePanel>
-                              <ResizablePanelSplitter />
-                              <ResizablePanel>
-                                <QueryBuilderPostFilterPanel
-                                  queryBuilderState={queryBuilderState}
-                                />
-                              </ResizablePanel>
-                            </ResizablePanelGroup>
-                          )}
-                      </ResizablePanel>
-                    </ResizablePanelGroup>
-                  ) : (
-                    <QueryBuilderUnsupportedQueryEditor
-                      queryBuilderState={queryBuilderState}
-                    />
-                  )}
-                </ResizablePanel>
-                {queryBuilderState.isResultPanelHidden ? null : (
-                  <ResizablePanelSplitter />
-                )}
-                {queryBuilderState.isResultPanelHidden ? null : (
-                  <ResizablePanel size={300} minSize={40}>
-                    <QueryBuilderResultPanel
-                      queryBuilderState={queryBuilderState}
-                    />
-                  </ResizablePanel>
-                )}
-              </ResizablePanelGroup>
-            </div>
-          </div>
-          <QueryBuilderStatusBar queryBuilderState={queryBuilderState} />
-          {queryBuilderState.textEditorState.mode && (
-            <QueryBuilderTextEditor queryBuilderState={queryBuilderState} />
-          )}
-        </GlobalHotKeys>
-      </div>
-    );
-  },
-);