@finos/legend-query-builder 0.6.26 → 0.6.28

package/src/components/QueryBuilderParametersPanel.tsx

@@ -52,6 +52,7 @@ import { variableExpression_setName } from '../stores/shared/ValueSpecificationM
 import { LambdaParameterState } from '../stores/shared/LambdaParameterState.js';
 import { LambdaParameterValuesEditor } from './shared/LambdaParameterValuesEditor.js';
 import { VariableViewer } from './shared/QueryBuilderVariableSelector.js';
+import { QUERY_BUILDER_TEST_ID } from './QueryBuilder_TestID.js';
 
 type MultiplicityOption = { label: string; value: Multiplicity };
 
@@ -71,12 +72,16 @@ const VariableExpressionEditor = observer(
     const { queryBuilderState, lambdaParameterState } = props;
     const applicationStore = useApplicationStore();
     const queryParametersState = queryBuilderState.parametersState;
+    const allVariableNames = queryBuilderState.allVariableNames;
     const isCreating =
       !queryParametersState.parameterStates.includes(lambdaParameterState);
     const varState = lambdaParameterState.parameter;
     const multiplity = varState.multiplicity;
     const validationMessage = !varState.name
       ? `Parameter name can't be empty`
+      : allVariableNames.filter((e) => e === varState.name).length >
+        (isCreating ? 0 : 1)
+      ? 'Parameter Name Already Exists'
       : (isCreating &&
           queryParametersState.parameterStates.find(
             (p) => p.parameter.name === varState.name,
@@ -200,13 +205,11 @@ const VariableExpressionEditor = observer(
           </ModalBody>
           <ModalFooter>
             {isCreating && (
-              <button
-                className="btn modal__footer__close-btn btn--dark"
+              <ModalFooterButton
+                text="Create"
+                inProgress={Boolean(validationMessage)}
                 onClick={onAction}
-                disabled={Boolean(validationMessage)}
-              >
-                Create
-              </button>
+              />
             )}
             <ModalFooterButton onClick={close} text="Close" />
           </ModalFooter>
@@ -247,7 +250,10 @@ export const QueryBuilderParametersPanel = observer(
     };
 
     return (
-      <div className="panel query-builder__variables">
+      <div
+        data-testid={QUERY_BUILDER_TEST_ID.QUERY_BUILDER_PARAMETERS}
+        className="panel query-builder__variables"
+      >
         <div className="panel__header">
           <div className="panel__header__title">
             <div className="panel__header__title__label">parameters</div>

package/src/components/QueryBuilderPropertyExpressionEditor.tsx

@@ -25,6 +25,7 @@ import {
   ModalHeader,
   ModalBody,
   ModalFooter,
+  ModalFooterButton,
 } from '@finos/legend-art';
 import { observer } from 'mobx-react-lite';
 import {
@@ -304,7 +305,25 @@ export const QueryBuilderPropertyExpressionEditor = observer(
     const { propertyExpressionState } = props;
     const handleClose = (): void =>
       propertyExpressionState.setIsEditingDerivedProperty(false);
-
+    const isParameterCompatibleWithDerivedProperty = (
+      variable: VariableExpression,
+      derivedProperties: QueryBuilderDerivedPropertyExpressionState[],
+    ): boolean =>
+      Boolean(
+        derivedProperties.find((dp) => {
+          if (!variable.genericType?.value.rawType) {
+            return false;
+          }
+          return (
+            isSuperType(
+              dp.derivedProperty.genericType.value.rawType,
+              variable.genericType.value.rawType,
+            ) ||
+            dp.derivedProperty.genericType.value.rawType.name ===
+              variable.genericType.value.rawType.name
+          );
+        }),
+      );
     return (
       <Dialog
         open={Boolean(
@@ -334,16 +353,17 @@ export const QueryBuilderPropertyExpressionEditor = observer(
             <ModalBody className="query-builder__variables__modal__body">
               <VariableSelector
                 queryBuilderState={propertyExpressionState.queryBuilderState}
+                filterBy={(v: VariableExpression) =>
+                  isParameterCompatibleWithDerivedProperty(
+                    v,
+                    propertyExpressionState.derivedPropertyExpressionStates,
+                  )
+                }
               />
             </ModalBody>
           </ModalBody>
           <ModalFooter>
-            <button
-              className="btn modal__footer__close-btn"
-              onClick={handleClose}
-            >
-              Done
-            </button>
+            <ModalFooterButton text="Done" onClick={handleClose} />
           </ModalFooter>
         </Modal>
       </Dialog>

package/src/components/QueryBuilderResultPanel.tsx

@@ -326,6 +326,7 @@ const QueryBuilderGridResult = observer(
     const [cellDoubleClickedEvent, setCellDoubleClickedEvent] =
       useState<CellMouseOverEvent | null>(null);
     const columns = executionResult.result.columns;
+    let rowNumber = 1;
     const rowData = executionResult.result.rows.map((_row) => {
       const row: PlainObject = {};
       const cols = executionResult.result.columns;
@@ -334,7 +335,9 @@ const QueryBuilderGridResult = observer(
         // call `.toString()` to avoid this behavior.
         // See https://github.com/finos/legend-studio/issues/1008
         row[cols[idx] as string] = isBoolean(value) ? String(value) : value;
+        row.rowNumber = rowNumber;
       });
+      rowNumber += 1;
       return row;
     });
 
@@ -351,7 +354,8 @@ const QueryBuilderGridResult = observer(
         }
         disabled={
           !(fetchStructureImplementation instanceof QueryBuilderTDSState) ||
-          !queryBuilderState.isQuerySupported
+          !queryBuilderState.isQuerySupported ||
+          !cellDoubleClickedEvent
         }
         menuProps={{ elevation: 7 }}
         key={executionResult._UUID}
@@ -359,7 +363,19 @@ const QueryBuilderGridResult = observer(
       >
         <AgGridReact
           rowData={rowData}
+          gridOptions={{
+            suppressScrollOnNewData: true,
+            getRowId: function (data) {
+              return data.data.rowNumber as string;
+            },
+          }}
           modules={[ClientSideRowModelModule]}
+          // Note: we use onCellMouseOver as a bit of a workaround
+          // since we use the context menu so we want the user to be
+          // able to right click any cell and have the context menu
+          // options use the data belonging to the row that they are
+          // in. hence why we set the cell every time we mouse over
+          // rather than making user click multiple times.
           onCellMouseOver={(event): void => {
             setCellDoubleClickedEvent(event);
           }}

package/src/components/QueryBuilder_TestID.ts

@@ -27,4 +27,6 @@ export enum QUERY_BUILDER_TEST_ID {
   QUERY_BUILDER_EXPLORER = 'query__builder__explorer',
   QUERY_BUILDER_PROPERTY_SEARCH_PANEL = 'query__builder__property__search__panel',
   QUERY_BUILDER_RESULT_PANEL = 'query__builder__result__panel',
+  QUERY_BUILDER_PARAMETERS = 'query-builder__parameters',
+  QUERY_BUILDER_CONSTANTS = 'query-builder__constants',
 }

package/src/components/explorer/QueryBuilderExplorerPanel.tsx

@@ -52,6 +52,7 @@ import {
   ModalBody,
   ModalFooter,
   ModalHeader,
+  ModalFooterButton,
 } from '@finos/legend-art';
 import {
   type QueryBuilderExplorerTreeDragSource,
@@ -266,9 +267,7 @@ const QueryBuilderExplorerPreviewDataModal = observer(
             )}
           </ModalBody>
           <ModalFooter>
-            <button className="btn modal__footer__close-btn" onClick={close}>
-              Close
-            </button>
+            <ModalFooterButton text="Close" onClick={close} />
           </ModalFooter>
         </Modal>
       </Dialog>

package/src/components/explorer/QueryBuilderMilestoningEditor.tsx

@@ -35,6 +35,7 @@ import {
   Modal,
   ModalBody,
   ModalFooter,
+  ModalFooterButton,
   ModalHeader,
   PanelEntryDropZonePlaceholder,
   PanelFormSection,
@@ -279,9 +280,7 @@ export const MilestoningParametersEditor = observer(
             </div>
           </ModalBody>
           <ModalFooter>
-            <button className="btn modal__footer__close-btn" onClick={close}>
-              Close
-            </button>
+            <ModalFooterButton text="Close" onClick={close} />
           </ModalFooter>
         </Modal>
       </Dialog>

package/src/components/fetch-structure/QueryBuilderTDSWindowPanel.tsx

@@ -42,6 +42,7 @@ import {
   Modal,
   ModalFooter,
   PanelFormSection,
+  ModalFooterButton,
 } from '@finos/legend-art';
 import { assertErrorThrown, guaranteeNonNullable } from '@finos/legend-shared';
 import { observer } from 'mobx-react-lite';
@@ -513,13 +514,9 @@ const QueryBuilderWindowColumnModalEditor = observer(
           </div>
           <ModalFooter>
             {createNewWindow ? (
-              <button className="btn modal__footer__close-btn" onClick={create}>
-                Create
-              </button>
+              <ModalFooterButton text="Create" onClick={create} />
             ) : (
-              <button className="btn modal__footer__close-btn" onClick={close}>
-                Close
-              </button>
+              <ModalFooterButton text="Close" onClick={close} />
             )}
           </ModalFooter>
         </Modal>

package/src/components/shared/CustomDatePicker.tsx

@@ -56,7 +56,7 @@ import {
   valueSpecification_setGenericType,
 } from '../../stores/shared/ValueSpecificationModifierHelper.js';
 
-enum CUSTOM_DATE_PICKER_OPTION {
+export enum CUSTOM_DATE_PICKER_OPTION {
   ABSOLUTE_DATE = 'Absolute Date',
   ABSOLUTE_TIME = 'Absolute Time',
   TODAY = 'Today',
@@ -431,7 +431,7 @@ const buildPureDurationEnumValue = (
 };
 
 /**
- * Generate the pure date ajust() function based on the CustomDateOption.
+ * Generate the pure date adjust() function based on the CustomDateOption.
  */
 const buildPureAdjustDateFunction = (
   customDateOption: CustomDateOption,
@@ -634,7 +634,7 @@ const buildCustomDateOption = (
 /**
  * Build DatePickerOption from pure date functions or PrimitiveInstanceValue
  */
-const buildDatePickerOption = (
+export const buildDatePickerOption = (
   valueSpecification: SimpleFunctionExpression | PrimitiveInstanceValue,
 ): DatePickerOption => {
   if (valueSpecification instanceof SimpleFunctionExpression) {

package/src/components/shared/QueryBuilderVariableSelector.tsx

@@ -23,9 +23,10 @@ import {
   TimesIcon,
   useDragPreviewLayer,
 } from '@finos/legend-art';
-import type {
-  ValueSpecification,
-  VariableExpression,
+import {
+  SimpleFunctionExpression,
+  type ValueSpecification,
+  type VariableExpression,
 } from '@finos/legend-graph';
 import { observer } from 'mobx-react-lite';
 import { useDrag } from 'react-dnd';
@@ -36,6 +37,7 @@ import {
   QUERY_BUILDER_VARIABLE_DND_TYPE,
   VariableInfoTooltip,
 } from './BasicValueSpecificationEditor.js';
+import { buildDatePickerOption } from './CustomDatePicker.js';
 
 export const VariableViewer = observer(
   (props: {
@@ -50,8 +52,19 @@ export const VariableViewer = observer(
   }) => {
     const { variable, constantValue, actions, isReadOnly, queryBuilderState } =
       props;
+
+    const getNameOfValue = (value: ValueSpecification): string | undefined => {
+      if (value instanceof SimpleFunctionExpression) {
+        const possibleDateLabel = buildDatePickerOption(value).label;
+        if (possibleDateLabel) {
+          return possibleDateLabel;
+        }
+      }
+      return getValueSpecificationStringValue(value);
+    };
+
     const valueString = constantValue
-      ? getValueSpecificationStringValue(constantValue)
+      ? getNameOfValue(constantValue)
       : undefined;
     const name = variable.name;
     const variableType = variable.genericType?.value.rawType;
@@ -159,6 +172,7 @@ export const VariableSelector = observer(
       queryBuilderState.constantState.constants.filter((c) =>
         filterBy ? filterBy(c.variable) : true,
       );
+
     return (
       <>
         <PanelFormListItems title="Available parameters">

package/src/components/watermark/QueryBuilderWatermark.tsx

@@ -25,6 +25,7 @@ import {
   ModalFooter,
   ModalHeader,
   PanelFormSection,
+  ModalFooterButton,
 } from '@finos/legend-art';
 import {
   areMultiplicitiesEqual,
@@ -169,12 +170,7 @@ export const QueryBuilderWatermarkEditor = observer(
             </PanelForm>
           </ModalBody>
           <ModalFooter>
-            <button
-              className="btn modal__footer__close-btn"
-              onClick={handleClose}
-            >
-              Done
-            </button>
+            <ModalFooterButton text="Done" onClick={handleClose} />
           </ModalFooter>
         </Modal>
       </Dialog>

package/src/index.ts

@@ -49,6 +49,8 @@ export * from './stores/ServiceInfo.js';
 export * from './components/ServiceQuerySetupUtils.js';
 export * from './components/QuerySetupUtils.js';
 export * from './components/QueryBuilderTextEditor.js';
+export * from './stores/QueryBuilderTelemetry.js';
+export * from './stores/QueryBuilderEvent.js';
 
 export { TEST__setUpQueryBuilder } from './components/QueryBuilderComponentTestUtils.js';
 

package/src/stores/QueryBuilderEvent.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export enum QUERY_BUILDER_EVENT {
+  RUN_QUERY__LAUNCH = 'editor.execution.run-query.launch',
+  GENERATE_EXECUTION_PLAN__LAUNCH = 'editor.execution.generate-plan.launch',
+  DEBUG_EXECUTION_PLAN__LAUNCH = 'editor.execution.debug-plan.launch',
+
+  RUN_QUERY__SUCCESS = 'editor.execution.run-query.success',
+  GENERATE_EXECUTION_PLAN__SUCCESS = 'editor.execution.generate-plan.success',
+  DEBUG_EXECUTION_PLAN__SUCCESS = 'editor.execution.debug-plan.success',
+  BUILD_EXECUTION_PLAN__SUCCESS = 'graph-manager.execution.build-plan.success',
+}

package/src/stores/QueryBuilderResultState.ts

@@ -25,6 +25,7 @@ import {
   downloadFileUsingDataURI,
   UnsupportedOperationError,
   ActionState,
+  StopWatch,
 } from '@finos/legend-shared';
 import type { QueryBuilderState } from './QueryBuilderState.js';
 import {
@@ -35,6 +36,7 @@ import {
   EXECUTION_SERIALIZATION_FORMAT,
   RawExecutionResult,
   buildRawLambdaFromLambdaFunction,
+  reportGraphAnalytics,
 } from '@finos/legend-graph';
 import { buildLambdaFunction } from './QueryBuilderValueSpecificationBuilder.js';
 import { ExecutionPlanState } from '@finos/legend-application';
@@ -43,6 +45,8 @@ import {
   getExecutionQueryFromRawLambda,
 } from './shared/LambdaParameterState.js';
 import type { LambdaFunctionBuilderOption } from './QueryBuilderValueSpecificationBuilderHelper.js';
+import { QueryBuilderTelemetry } from './QueryBuilderTelemetry.js';
+import { QUERY_BUILDER_EVENT } from './QueryBuilderEvent.js';
 
 const DEFAULT_LIMIT = 1000;
 
@@ -219,7 +223,21 @@ export class QueryBuilderResultState {
         this.queryBuilderState.parametersState.parameterStates,
         this.queryBuilderState.graphManagerState,
       );
-      const startTime = Date.now();
+
+      QueryBuilderTelemetry.logEvent_QueryRunLaunched(
+        this.queryBuilderState.applicationStore.telemetryService,
+        this.queryBuilderState.applicationContext
+          ? {
+              applicationContext: this.queryBuilderState.applicationContext,
+            }
+          : {},
+      );
+
+      const stopWatch = new StopWatch();
+      const report = reportGraphAnalytics(
+        this.queryBuilderState.graphManagerState.graph,
+      );
+
       const promise =
         this.queryBuilderState.graphManagerState.graphManager.runQuery(
           query,
@@ -230,12 +248,22 @@ export class QueryBuilderResultState {
             parameterValues,
           },
         );
+
       this.setQueryRunPromise(promise);
       const result = (yield promise) as ExecutionResult;
       if (this.queryRunPromise === promise) {
         this.setExecutionResult(result);
         this.latestRunHashCode = currentHashCode;
-        this.setExecutionDuration(Date.now() - startTime);
+        this.setExecutionDuration(stopWatch.elapsed);
+
+        report.timings = {
+          ...report.timings,
+          total: stopWatch.elapsed,
+        };
+        QueryBuilderTelemetry.logEvent_QueryRunSucceeded(
+          this.queryBuilderState.applicationStore.telemetryService,
+          report,
+        );
       }
     } catch (error) {
       assertErrorThrown(error);
@@ -263,25 +291,51 @@ export class QueryBuilderResultState {
       );
       const query = this.queryBuilderState.buildQuery();
       let rawPlan: RawExecutionPlan;
+
+      const stopWatch = new StopWatch();
+      const report = reportGraphAnalytics(
+        this.queryBuilderState.graphManagerState.graph,
+      );
+
       if (debug) {
+        QueryBuilderTelemetry.logEvent_ExecutionPlanDebugLaunched(
+          this.queryBuilderState.applicationStore.telemetryService,
+          this.queryBuilderState.applicationContext
+            ? {
+                applicationContext: this.queryBuilderState.applicationContext,
+              }
+            : {},
+        );
         const debugResult =
           (yield this.queryBuilderState.graphManagerState.graphManager.debugExecutionPlanGeneration(
             query,
             mapping,
             runtime,
             this.queryBuilderState.graphManagerState.graph,
+            report,
           )) as { plan: RawExecutionPlan; debug: string };
         rawPlan = debugResult.plan;
         this.executionPlanState.setDebugText(debugResult.debug);
       } else {
+        QueryBuilderTelemetry.logEvent_ExecutionPlanGenerationLaunched(
+          this.queryBuilderState.applicationStore.telemetryService,
+          this.queryBuilderState.applicationContext
+            ? {
+                applicationContext: this.queryBuilderState.applicationContext,
+              }
+            : {},
+        );
         rawPlan =
           (yield this.queryBuilderState.graphManagerState.graphManager.generateExecutionPlan(
             query,
             mapping,
             runtime,
             this.queryBuilderState.graphManagerState.graph,
+            report,
           )) as object;
       }
+
+      stopWatch.record();
       try {
         this.executionPlanState.setRawPlan(rawPlan);
         const plan =
@@ -293,6 +347,24 @@ export class QueryBuilderResultState {
       } catch {
         // do nothing
       }
+      stopWatch.record(QUERY_BUILDER_EVENT.BUILD_EXECUTION_PLAN__SUCCESS);
+
+      report.timings = {
+        ...report.timings,
+        ...Object.fromEntries(stopWatch.records),
+        total: stopWatch.elapsed,
+      };
+      if (debug) {
+        QueryBuilderTelemetry.logEvent_ExecutionPlanDebugSucceeded(
+          this.queryBuilderState.applicationStore.telemetryService,
+          report,
+        );
+      } else {
+        QueryBuilderTelemetry.logEvent_ExecutionPlanGenerationSucceeded(
+          this.queryBuilderState.applicationStore.telemetryService,
+          report,
+        );
+      }
     } catch (error) {
       assertErrorThrown(error);
       this.queryBuilderState.applicationStore.log.error(

package/src/stores/QueryBuilderState.ts

@@ -99,6 +99,7 @@ export abstract class QueryBuilderState implements CommandRegistrar {
   textEditorState: QueryBuilderTextEditorState;
   unsupportedQueryState: QueryBuilderUnsupportedQueryState;
   observableContext: ObserverContext;
+  titleOfQuery: string | undefined;
 
   queryCompileState = ActionState.create();
   showFunctionsExplorerPanel = false;
@@ -110,6 +111,8 @@ export abstract class QueryBuilderState implements CommandRegistrar {
   mapping?: Mapping | undefined;
   runtimeValue?: Runtime | undefined;
 
+  applicationContext?: string | undefined;
+
   // NOTE: this makes it so that we need to import components in stores code,
   // we probably want to refactor to an extension mechanism
   TEMPORARY__setupPanelContentRenderer?: (() => React.ReactNode) | undefined;
@@ -126,6 +129,7 @@ export abstract class QueryBuilderState implements CommandRegistrar {
       fetchStructureState: observable,
       filterState: observable,
       watermarkState: observable,
+      titleOfQuery: observable,
       checkEntitlementsState: observable,
       resultState: observable,
       textEditorState: observable,
@@ -151,6 +155,8 @@ export abstract class QueryBuilderState implements CommandRegistrar {
       setMapping: action,
       setRuntimeValue: action,
 
+      setTitleOfQuery: action,
+
       resetQueryResult: action,
       resetQueryContent: action,
       changeClass: action,
@@ -253,6 +259,10 @@ export abstract class QueryBuilderState implements CommandRegistrar {
     this.runtimeValue = val;
   }
 
+  setTitleOfQuery(val: string | undefined): void {
+    this.titleOfQuery = val;
+  }
+
   get isQuerySupported(): boolean {
     return !this.unsupportedQueryState.rawLambda;
   }

package/src/stores/QueryBuilderTelemetry.ts

@@ -0,0 +1,83 @@
+/**
+ * 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 { GraphManagerOperationReport } from '@finos/legend-graph';
+import type { TelemetryService } from '@finos/legend-shared';
+import { QUERY_BUILDER_EVENT } from './QueryBuilderEvent.js';
+
+type LaunchQueryExecution_TelemteryData = {
+  applicationContext?: string | undefined;
+};
+
+type QueryExecution_TelemetryData = GraphManagerOperationReport & {
+  dependenciesCount: number;
+};
+
+export class QueryBuilderTelemetry {
+  static logEvent_QueryRunLaunched(
+    telemetryService: TelemetryService,
+    data: LaunchQueryExecution_TelemteryData,
+  ): void {
+    telemetryService.logEvent(QUERY_BUILDER_EVENT.RUN_QUERY__LAUNCH, data);
+  }
+
+  static logEvent_ExecutionPlanGenerationLaunched(
+    telemetryService: TelemetryService,
+    data: LaunchQueryExecution_TelemteryData,
+  ): void {
+    telemetryService.logEvent(
+      QUERY_BUILDER_EVENT.GENERATE_EXECUTION_PLAN__LAUNCH,
+      data,
+    );
+  }
+
+  static logEvent_ExecutionPlanDebugLaunched(
+    telemetryService: TelemetryService,
+    data: LaunchQueryExecution_TelemteryData,
+  ): void {
+    telemetryService.logEvent(
+      QUERY_BUILDER_EVENT.DEBUG_EXECUTION_PLAN__LAUNCH,
+      data,
+    );
+  }
+
+  static logEvent_QueryRunSucceeded(
+    telemetryService: TelemetryService,
+    data: QueryExecution_TelemetryData,
+  ): void {
+    telemetryService.logEvent(QUERY_BUILDER_EVENT.RUN_QUERY__SUCCESS, data);
+  }
+
+  static logEvent_ExecutionPlanGenerationSucceeded(
+    telemetryService: TelemetryService,
+    data: QueryExecution_TelemetryData,
+  ): void {
+    telemetryService.logEvent(
+      QUERY_BUILDER_EVENT.GENERATE_EXECUTION_PLAN__SUCCESS,
+      data,
+    );
+  }
+
+  static logEvent_ExecutionPlanDebugSucceeded(
+    telemetryService: TelemetryService,
+    data: QueryExecution_TelemetryData,
+  ): void {
+    telemetryService.logEvent(
+      QUERY_BUILDER_EVENT.DEBUG_EXECUTION_PLAN__SUCCESS,
+      data,
+    );
+  }
+}

package/tsconfig.json

@@ -53,6 +53,7 @@
     "./src/stores/QueryBuilderCommand.ts",
     "./src/stores/QueryBuilderConfig.ts",
     "./src/stores/QueryBuilderConstantsState.ts",
+    "./src/stores/QueryBuilderEvent.ts",
     "./src/stores/QueryBuilderGroupOperationHelper.ts",
     "./src/stores/QueryBuilderParametersState.ts",
     "./src/stores/QueryBuilderPreviewDataHelper.ts",
@@ -61,6 +62,7 @@
     "./src/stores/QueryBuilderState.ts",
     "./src/stores/QueryBuilderStateBuilder.ts",
     "./src/stores/QueryBuilderStateTestUtils.ts",
+    "./src/stores/QueryBuilderTelemetry.ts",
     "./src/stores/QueryBuilderTextEditorState.ts",
     "./src/stores/QueryBuilderTypeaheadHelper.ts",
     "./src/stores/QueryBuilderUnsupportedQueryState.ts",