@finos/legend-query-builder 4.14.35 → 4.14.36

package/src/stores/watermark/QueryBuilderWatermarkState.ts

@@ -32,14 +32,11 @@ import { isValueExpressionReferencedInValue } from '../QueryBuilderValueSpecific
 export class QueryBuilderWatermarkState implements Hashable {
   readonly queryBuilderState: QueryBuilderState;
   value?: ValueSpecification | undefined;
-  isEditingWatermark = false;
 
   constructor(queryBuilderState: QueryBuilderState) {
     makeObservable(this, {
       value: observable,
-      isEditingWatermark: observable,
       setValue: action,
-      setIsEditingWatermark: action,
       hashCode: computed,
     });
 
@@ -57,10 +54,6 @@ export class QueryBuilderWatermarkState implements Hashable {
     return watermarkConstant;
   }
 
-  setIsEditingWatermark(val: boolean): void {
-    this.isEditingWatermark = val;
-  }
-
   setValue(val: ValueSpecification | undefined): void {
     this.value = val
       ? observe_ValueSpecification(val, this.queryBuilderState.observerContext)

package/src/stores/workflows/MappingQueryBuilderState.ts

@@ -28,7 +28,10 @@ import { getNullableFirstEntry } from '@finos/legend-shared';
 import { renderMappingQueryBuilderSetupPanelContent } from '../../components/workflows/MappingQueryBuilder.js';
 import { QueryBuilderState } from '../QueryBuilderState.js';
 import type { QueryBuilderConfig } from '../../graph-manager/QueryBuilderConfig.js';
-import type { QueryBuilderWorkflowState } from '../query-workflow/QueryBuilderWorkFlowState.js';
+import type {
+  QueryBuilderActionConfig,
+  QueryBuilderWorkflowState,
+} from '../query-workflow/QueryBuilderWorkFlowState.js';
 
 export class MappingQueryBuilderState extends QueryBuilderState {
   readonly onMappingChange?: ((val: Mapping) => void) | undefined;
@@ -41,6 +44,7 @@ export class MappingQueryBuilderState extends QueryBuilderState {
     applicationStore: GenericLegendApplicationStore,
     graphManagerState: GraphManagerState,
     workflowState: QueryBuilderWorkflowState,
+    actionConfig: QueryBuilderActionConfig,
     onMappingChange?: ((val: Mapping) => void) | undefined,
     onRuntimeChange?: ((val: Runtime) => void) | undefined,
     config?: QueryBuilderConfig | undefined,
@@ -50,12 +54,14 @@ export class MappingQueryBuilderState extends QueryBuilderState {
       applicationStore,
       graphManagerState,
       workflowState,
+
       config,
       sourceInfo,
     );
 
     this.onMappingChange = onMappingChange;
     this.onRuntimeChange = onRuntimeChange;
+    this.workflowState.updateActionConfig(actionConfig);
   }
 
   /**

package/src/stores/workflows/ServiceQueryBuilderState.ts

@@ -34,7 +34,10 @@ import { action, makeObservable, observable } from 'mobx';
 import { renderServiceQueryBuilderSetupPanelContent } from '../../components/workflows/ServiceQueryBuilder.js';
 import { QueryBuilderState } from '../QueryBuilderState.js';
 import type { QueryBuilderConfig } from '../../graph-manager/QueryBuilderConfig.js';
-import type { QueryBuilderWorkflowState } from '../query-workflow/QueryBuilderWorkFlowState.js';
+import type {
+  QueryBuilderActionConfig,
+  QueryBuilderWorkflowState,
+} from '../query-workflow/QueryBuilderWorkFlowState.js';
 
 export type ServiceExecutionContext = {
   key: string;
@@ -60,6 +63,7 @@ export class ServiceQueryBuilderState extends QueryBuilderState {
     applicationStore: GenericLegendApplicationStore,
     graphManagerState: GraphManagerState,
     workflowState: QueryBuilderWorkflowState,
+    actionConfig: QueryBuilderActionConfig,
     service: Service,
     usableServices: Service[] | undefined,
     executionContextKey?: string | undefined,
@@ -87,6 +91,7 @@ export class ServiceQueryBuilderState extends QueryBuilderState {
     this.usableServices = usableServices;
     this.onServiceChange = onServiceChange;
     this.onExecutionContextChange = onExecutionContextChange;
+    this.workflowState.updateActionConfig(actionConfig);
 
     if (service.execution instanceof PureSingleExecution) {
       this.executionContextState.mapping = service.execution.mapping?.value;

package/tsconfig.json

@@ -258,7 +258,6 @@
     "./src/components/shared/QueryBuilderPropertyInfoTooltip.tsx",
     "./src/components/shared/QueryBuilderRootClassInfoTooltip.tsx",
     "./src/components/shared/QueryBuilderVariableSelector.tsx",
-    "./src/components/watermark/QueryBuilderWatermark.tsx",
     "./src/components/workflows/ClassQueryBuilder.tsx",
     "./src/components/workflows/MappingQueryBuilder.tsx",
     "./src/components/workflows/ServiceQueryBuilder.tsx"

package/lib/components/watermark/QueryBuilderWatermark.d.ts

@@ -1,22 +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 { QueryBuilderState } from '../../stores/QueryBuilderState.js';
-export declare const QueryBuilderWatermarkEditor: ((props: {
-    queryBuilderState: QueryBuilderState;
-}) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=QueryBuilderWatermark.d.ts.map

package/lib/components/watermark/QueryBuilderWatermark.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryBuilderWatermark.d.ts","sourceRoot":"","sources":["../../../src/components/watermark/QueryBuilderWatermark.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAyBH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AA6F3E,eAAO,MAAM,2BAA2B,WAC9B;IAAE,iBAAiB,EAAE,iBAAiB,CAAA;CAAE;;CAoFjD,CAAC"}

package/lib/components/watermark/QueryBuilderWatermark.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } 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 { Dialog, PanelDropZone, PanelFormBooleanField, PanelForm, PanelDivider, Modal, ModalBody, ModalFooter, ModalHeader, PanelFormSection, ModalFooterButton, } from '@finos/legend-art';
-import { areMultiplicitiesEqual, Multiplicity, PrimitiveType, } from '@finos/legend-graph';
-import { observer } from 'mobx-react-lite';
-import { useCallback, useState } from 'react';
-import { useDrop } from 'react-dnd';
-import { BasicValueSpecificationEditor, QUERY_BUILDER_VARIABLE_DND_TYPE, } from '../shared/BasicValueSpecificationEditor.js';
-import { VariableSelector } from '../shared/QueryBuilderVariableSelector.js';
-import { clone, deepClone } from '@finos/legend-shared';
-const isParamaterCompatibleWithWaterMark = (parameter) => PrimitiveType.STRING === parameter.genericType?.value.rawType &&
-    areMultiplicitiesEqual(parameter.multiplicity, Multiplicity.ONE);
-const WatermarkValueEditor = observer((props) => {
-    const { selectedValue, setSelectedValue, handleResetValue, watermarkState, } = props;
-    const graph = watermarkState.queryBuilderState.graphManagerState.graph;
-    const handleDrop = useCallback((item) => {
-        setSelectedValue(item.variable);
-    }, [setSelectedValue]);
-    const [{ isParameterValueDragOver }, dropTargetConnector] = useDrop(() => ({
-        accept: [QUERY_BUILDER_VARIABLE_DND_TYPE],
-        drop: (item, monitor) => {
-            if (!monitor.didDrop() &&
-                // Only allows parameters with muliplicity 1 and type string
-                isParamaterCompatibleWithWaterMark(item.variable)) {
-                handleDrop(item);
-            } // prevent drop event propagation to accomondate for nested DnD
-        },
-        collect: (monitor) => ({
-            isParameterValueDragOver: monitor.isOver({
-                shallow: true,
-            }),
-        }),
-    }), [handleDrop]);
-    return (_jsx(PanelFormSection, { children: _jsx("div", { className: "query-builder__variable-editor", children: _jsx(PanelDropZone, { isDragOver: isParameterValueDragOver, dropTargetConnector: dropTargetConnector, children: _jsx(BasicValueSpecificationEditor, { valueSpecification: selectedValue, setValueSpecification: (val) => {
-                        setSelectedValue(clone(val));
-                    }, graph: graph, obseverContext: watermarkState.queryBuilderState.observerContext, typeCheckOption: {
-                        expectedType: PrimitiveType.STRING,
-                    }, resetValue: handleResetValue, isConstant: watermarkState.queryBuilderState.constantState.isValueSpecConstant(selectedValue) }) }) }) }));
-});
-export const QueryBuilderWatermarkEditor = observer((props) => {
-    const { queryBuilderState } = props;
-    const applicationStore = queryBuilderState.applicationStore;
-    const watermarkState = queryBuilderState.watermarkState;
-    const [selectedValue, setSelectedValue] = useState(deepClone(watermarkState.value));
-    const handleCancel = () => {
-        watermarkState.setIsEditingWatermark(false);
-    };
-    const handleApply = () => {
-        watermarkState.setValue(selectedValue);
-        handleCancel();
-    };
-    const handleResetValue = () => {
-        setSelectedValue(watermarkState.getDefaultValue());
-    };
-    const toggleWatermark = () => {
-        if (selectedValue) {
-            setSelectedValue(undefined);
-        }
-        else {
-            handleResetValue();
-        }
-    };
-    return (_jsx(Dialog, { open: Boolean(watermarkState.isEditingWatermark), onClose: handleCancel, classes: {
-            root: 'editor-modal__root-container',
-            container: 'editor-modal__container',
-            paper: 'editor-modal__content',
-        }, children: _jsxs(Modal, { darkMode: !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled, className: "editor-modal query-builder__watermark__modal", children: [_jsx(ModalHeader, { title: "Watermark" }), _jsx(ModalBody, { children: _jsxs(PanelForm, { children: [_jsx(PanelFormBooleanField, { isReadOnly: false, value: selectedValue !== undefined, prompt: "Enable watermark", update: toggleWatermark }), selectedValue && (_jsxs(_Fragment, { children: [_jsx(WatermarkValueEditor, { selectedValue: selectedValue, setSelectedValue: setSelectedValue, handleResetValue: handleResetValue, watermarkState: watermarkState }), _jsx(PanelDivider, {}), _jsx(VariableSelector, { filterBy: isParamaterCompatibleWithWaterMark, queryBuilderState: queryBuilderState })] }))] }) }), _jsxs(ModalFooter, { children: [_jsx(ModalFooterButton, { text: "Apply", onClick: handleApply }), _jsx(ModalFooterButton, { text: "Cancel", onClick: handleCancel, type: "secondary" })] })] }) }));
-});
-//# sourceMappingURL=QueryBuilderWatermark.js.map

package/lib/components/watermark/QueryBuilderWatermark.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryBuilderWatermark.js","sourceRoot":"","sources":["../../../src/components/watermark/QueryBuilderWatermark.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,MAAM,EACN,aAAa,EACb,qBAAqB,EACrB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,aAAa,GAGd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EACL,6BAA6B,EAC7B,+BAA+B,GAEhC,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,kCAAkC,GAAG,CACzC,SAA6B,EACpB,EAAE,CACX,aAAa,CAAC,MAAM,KAAK,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO;IAC7D,sBAAsB,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;AAEnE,MAAM,oBAAoB,GAAG,QAAQ,CACnC,CAAC,KAKA,EAAE,EAAE;IACH,MAAM,EACJ,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC;IAEvE,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,IAAoC,EAAQ,EAAE;QAC7C,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,MAAM,CAAC,EAAE,wBAAwB,EAAE,EAAE,mBAAmB,CAAC,GAAG,OAAO,CAKjE,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,CAAC,+BAA+B,CAAC;QACzC,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,EAAQ,EAAE;YAC5B,IACE,CAAC,OAAO,CAAC,OAAO,EAAE;gBAClB,4DAA4D;gBAC5D,kCAAkC,CAAC,IAAI,CAAC,QAAQ,CAAC,EACjD,CAAC;gBACD,UAAU,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC,CAAC,+DAA+D;QACnE,CAAC;QACD,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACrB,wBAAwB,EAAE,OAAO,CAAC,MAAM,CAAC;gBACvC,OAAO,EAAE,IAAI;aACd,CAAC;SACH,CAAC;KACH,CAAC,EACF,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,cACf,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,aAAa,IACZ,UAAU,EAAE,wBAAwB,EACpC,mBAAmB,EAAE,mBAAmB,YAExC,KAAC,6BAA6B,IAC5B,kBAAkB,EAAE,aAAa,EACjC,qBAAqB,EAAE,CAAC,GAAuB,EAAQ,EAAE;wBACvD,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC/B,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,CAAC,iBAAiB,CAAC,eAAe,EAChE,eAAe,EAAE;wBACf,YAAY,EAAE,aAAa,CAAC,MAAM;qBACnC,EACD,UAAU,EAAE,gBAAgB,EAC5B,UAAU,EAAE,cAAc,CAAC,iBAAiB,CAAC,aAAa,CAAC,mBAAmB,CAC5E,aAAa,CACd,GACD,GACY,GACZ,GACW,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CACjD,CAAC,KAA+C,EAAE,EAAE;IAClD,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,gBAAgB,CAAC;IAC5D,MAAM,cAAc,GAAG,iBAAiB,CAAC,cAAc,CAAC;IAExD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAChC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAS,EAAE;QAC9B,cAAc,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAS,EAAE;QAC7B,cAAc,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QACvC,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,gBAAgB,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,IAAI,aAAa,EAAE,CAAC;YAClB,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,gBAAgB,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAChD,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE;YACP,IAAI,EAAE,8BAA8B;YACpC,SAAS,EAAE,yBAAyB;YACpC,KAAK,EAAE,uBAAuB;SAC/B,YAED,MAAC,KAAK,IACJ,QAAQ,EACN,CAAC,gBAAgB,CAAC,aAAa,CAAC,mCAAmC,EAErE,SAAS,EAAC,8CAA8C,aAExD,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,KAAC,SAAS,cACR,MAAC,SAAS,eACR,KAAC,qBAAqB,IACpB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,aAAa,KAAK,SAAS,EAClC,MAAM,EAAC,kBAAkB,EACzB,MAAM,EAAE,eAAe,GACvB,EACD,aAAa,IAAI,CAChB,8BACE,KAAC,oBAAoB,IACnB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,EACF,KAAC,YAAY,KAAG,EAChB,KAAC,gBAAgB,IACf,QAAQ,EAAE,kCAAkC,EAC5C,iBAAiB,EAAE,iBAAiB,GACpC,IACD,CACJ,IACS,GACF,EACZ,MAAC,WAAW,eACV,KAAC,iBAAiB,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,WAAW,GAAI,EACxD,KAAC,iBAAiB,IAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,WAAW,GAChB,IACU,IACR,GACD,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/src/components/watermark/QueryBuilderWatermark.tsx

@@ -1,218 +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 {
-  Dialog,
-  PanelDropZone,
-  PanelFormBooleanField,
-  PanelForm,
-  PanelDivider,
-  Modal,
-  ModalBody,
-  ModalFooter,
-  ModalHeader,
-  PanelFormSection,
-  ModalFooterButton,
-} from '@finos/legend-art';
-import {
-  areMultiplicitiesEqual,
-  Multiplicity,
-  PrimitiveType,
-  type VariableExpression,
-  type ValueSpecification,
-} from '@finos/legend-graph';
-import { observer } from 'mobx-react-lite';
-import { useCallback, useState } from 'react';
-import { useDrop } from 'react-dnd';
-import type { QueryBuilderState } from '../../stores/QueryBuilderState.js';
-import type { QueryBuilderWatermarkState } from '../../stores/watermark/QueryBuilderWatermarkState.js';
-import {
-  BasicValueSpecificationEditor,
-  QUERY_BUILDER_VARIABLE_DND_TYPE,
-  type QueryBuilderVariableDragSource,
-} from '../shared/BasicValueSpecificationEditor.js';
-import { VariableSelector } from '../shared/QueryBuilderVariableSelector.js';
-import { clone, deepClone } from '@finos/legend-shared';
-
-const isParamaterCompatibleWithWaterMark = (
-  parameter: VariableExpression,
-): boolean =>
-  PrimitiveType.STRING === parameter.genericType?.value.rawType &&
-  areMultiplicitiesEqual(parameter.multiplicity, Multiplicity.ONE);
-
-const WatermarkValueEditor = observer(
-  (props: {
-    selectedValue: ValueSpecification;
-    setSelectedValue: (val: ValueSpecification) => void;
-    handleResetValue: () => void;
-    watermarkState: QueryBuilderWatermarkState;
-  }) => {
-    const {
-      selectedValue,
-      setSelectedValue,
-      handleResetValue,
-      watermarkState,
-    } = props;
-
-    const graph = watermarkState.queryBuilderState.graphManagerState.graph;
-
-    const handleDrop = useCallback(
-      (item: QueryBuilderVariableDragSource): void => {
-        setSelectedValue(item.variable);
-      },
-      [setSelectedValue],
-    );
-
-    const [{ isParameterValueDragOver }, dropTargetConnector] = useDrop<
-      QueryBuilderVariableDragSource,
-      void,
-      { isParameterValueDragOver: boolean }
-    >(
-      () => ({
-        accept: [QUERY_BUILDER_VARIABLE_DND_TYPE],
-        drop: (item, monitor): void => {
-          if (
-            !monitor.didDrop() &&
-            // Only allows parameters with muliplicity 1 and type string
-            isParamaterCompatibleWithWaterMark(item.variable)
-          ) {
-            handleDrop(item);
-          } // prevent drop event propagation to accomondate for nested DnD
-        },
-        collect: (monitor) => ({
-          isParameterValueDragOver: monitor.isOver({
-            shallow: true,
-          }),
-        }),
-      }),
-      [handleDrop],
-    );
-
-    return (
-      <PanelFormSection>
-        <div className="query-builder__variable-editor">
-          <PanelDropZone
-            isDragOver={isParameterValueDragOver}
-            dropTargetConnector={dropTargetConnector}
-          >
-            <BasicValueSpecificationEditor
-              valueSpecification={selectedValue}
-              setValueSpecification={(val: ValueSpecification): void => {
-                setSelectedValue(clone(val));
-              }}
-              graph={graph}
-              obseverContext={watermarkState.queryBuilderState.observerContext}
-              typeCheckOption={{
-                expectedType: PrimitiveType.STRING,
-              }}
-              resetValue={handleResetValue}
-              isConstant={watermarkState.queryBuilderState.constantState.isValueSpecConstant(
-                selectedValue,
-              )}
-            />
-          </PanelDropZone>
-        </div>
-      </PanelFormSection>
-    );
-  },
-);
-
-export const QueryBuilderWatermarkEditor = observer(
-  (props: { queryBuilderState: QueryBuilderState }) => {
-    const { queryBuilderState } = props;
-    const applicationStore = queryBuilderState.applicationStore;
-    const watermarkState = queryBuilderState.watermarkState;
-
-    const [selectedValue, setSelectedValue] = useState(
-      deepClone(watermarkState.value),
-    );
-
-    const handleCancel = (): void => {
-      watermarkState.setIsEditingWatermark(false);
-    };
-
-    const handleApply = (): void => {
-      watermarkState.setValue(selectedValue);
-      handleCancel();
-    };
-
-    const handleResetValue = (): void => {
-      setSelectedValue(watermarkState.getDefaultValue());
-    };
-
-    const toggleWatermark = (): void => {
-      if (selectedValue) {
-        setSelectedValue(undefined);
-      } else {
-        handleResetValue();
-      }
-    };
-
-    return (
-      <Dialog
-        open={Boolean(watermarkState.isEditingWatermark)}
-        onClose={handleCancel}
-        classes={{
-          root: 'editor-modal__root-container',
-          container: 'editor-modal__container',
-          paper: 'editor-modal__content',
-        }}
-      >
-        <Modal
-          darkMode={
-            !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled
-          }
-          className="editor-modal query-builder__watermark__modal"
-        >
-          <ModalHeader title="Watermark" />
-          <ModalBody>
-            <PanelForm>
-              <PanelFormBooleanField
-                isReadOnly={false}
-                value={selectedValue !== undefined}
-                prompt="Enable watermark"
-                update={toggleWatermark}
-              />
-              {selectedValue && (
-                <>
-                  <WatermarkValueEditor
-                    selectedValue={selectedValue}
-                    setSelectedValue={setSelectedValue}
-                    handleResetValue={handleResetValue}
-                    watermarkState={watermarkState}
-                  />
-                  <PanelDivider />
-                  <VariableSelector
-                    filterBy={isParamaterCompatibleWithWaterMark}
-                    queryBuilderState={queryBuilderState}
-                  />
-                </>
-              )}
-            </PanelForm>
-          </ModalBody>
-          <ModalFooter>
-            <ModalFooterButton text="Apply" onClick={handleApply} />
-            <ModalFooterButton
-              text="Cancel"
-              onClick={handleCancel}
-              type="secondary"
-            />
-          </ModalFooter>
-        </Modal>
-      </Dialog>
-    );
-  },
-);