npm - @finos/legend-application-query - Versions diffs - 5.1.0 → 5.2.1 - Mend

@finos/legend-application-query 5.1.0 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (177) hide show

package/lib/components/QueryBuilderMilestoneEditor.js CHANGED Viewed

@@ -15,13 +15,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * limitations under the License.
  */
 import { observer } from 'mobx-react-lite';
-import { QUERY_BUILDER_PARAMETER_TREE_DND_TYPE, } from '../stores/QueryParametersState.js';
+import { QUERY_BUILDER_PARAMETER_DND_TYPE, } from '../stores/QueryParametersState.js';
 import { useCallback } from 'react';
 import { GenericType, GenericTypeExplicitReference, MILESTONING_STEREOTYPE, observe_PrimitiveInstanceValue, PrimitiveInstanceValue, PRIMITIVE_TYPE, TYPICAL_MULTIPLICITY_TYPE, } from '@finos/legend-graph';
 import { guaranteeNonNullable } from '@finos/legend-shared';
 import { useDrop } from 'react-dnd';
 import { VariableExpressionViewer } from './QueryBuilderParameterPanel.js';
-import { Dialog } from '@finos/legend-art';
+import { Dialog, PanelEntryDropZonePlaceholder } from '@finos/legend-art';
 import { generateDefaultValueForPrimitiveType } from '../stores/QueryBuilderValueSpecificationBuilderHelper.js';
 import { BasicValueSpecificationEditor } from '@finos/legend-application';
 const MilestoningParameterEditor = observer((props) => {
@@ -35,7 +35,7 @@ const MilestoningParameterEditor = observer((props) => {
         }
     }, [queryBuilderState, stereotype]);
     const [{ isMilestoningParameterValueDragOver }, dropConnector] = useDrop(() => ({
-        accept: [QUERY_BUILDER_PARAMETER_TREE_DND_TYPE.VARIABLE],
+        accept: [QUERY_BUILDER_PARAMETER_DND_TYPE],
         drop: (item, monitor) => {
             if (!monitor.didDrop()) {
                 handleDrop(item);
@@ -66,11 +66,11 @@ const MilestoningParameterEditor = observer((props) => {
             queryBuilderState.querySetupState.setProcessingDate(parameter);
         }
     };
-    return (_jsxs("div", { ref: dropConnector, className: "query-builder__parameter-editor dnd__overlay__container", children: [isMilestoningParameterValueDragOver && (_jsx("div", { className: "query-builder__parameter-editor__node__dnd__overlay", children: "Change Milestoning Parameter Value" })), _jsx(BasicValueSpecificationEditor, { valueSpecification: milestoningParameter, graph: queryBuilderState.graphManagerState.graph, setValueSpecification: (val) => stereotype === MILESTONING_STEREOTYPE.BUSINESS_TEMPORAL
+    return (_jsx("div", { ref: dropConnector, className: "query-builder__parameter-editor", children: _jsx(PanelEntryDropZonePlaceholder, { showPlaceholder: isMilestoningParameterValueDragOver, label: "Change Milestoning Parameter Value", className: "query-builder__dnd__placeholder", children: _jsx(BasicValueSpecificationEditor, { valueSpecification: milestoningParameter, graph: queryBuilderState.graphManagerState.graph, setValueSpecification: (val) => stereotype === MILESTONING_STEREOTYPE.BUSINESS_TEMPORAL
                     ? queryBuilderState.querySetupState.setBusinessDate(val)
                     : queryBuilderState.querySetupState.setProcessingDate(val), typeCheckOption: {
                     expectedType: queryBuilderState.graphManagerState.graph.getPrimitiveType(PRIMITIVE_TYPE.DATE),
-                }, resetValue: resetMilestoningParameter })] }));
+                }, resetValue: resetMilestoningParameter }) }) }));
 });
 const BiTemporalMilestoneEditor = observer((props) => {
     const { queryBuilderState } = props;

package/lib/components/QueryBuilderMilestoneEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryBuilderMilestoneEditor.js","sourceRoot":"","sources":["../../src/components/QueryBuilderMilestoneEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAEL,~~qCAAqC~~,~~GACtC~~,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAEL,WAAW,EACX,4BAA4B,EAC5B,sBAAsB,EACtB,8BAA8B,EAC9B,sBAAsB,EACtB,cAAc,EACd,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,~~EAA0B~~,OAAO,EAAE,MAAM,WAAW,CAAC;~~AAC5D~~,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;~~AAC3C~~,OAAO,EAAE,oCAAoC,EAAE,MAAM,0DAA0D,CAAC;AAChH,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE1E,MAAM,0BAA0B,GAAG,QAAQ,CACzC,CAAC,KAGA,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,IAAqC,EAAQ,EAAE;QAC9C,IAAI,UAAU,KAAK,sBAAsB,CAAC,iBAAiB,EAAE;YAC3D,iBAAiB,CAAC,eAAe,CAAC,eAAe,CAC/C,IAAI,CAAC,QAAQ,CAAC,SAAS,CACxB,CAAC;SACH;aAAM;YACL,iBAAiB,CAAC,eAAe,CAAC,iBAAiB,CACjD,IAAI,CAAC,QAAQ,CAAC,SAAS,CACxB,CAAC;SACH;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAChC,CAAC;IACF,MAAM,CAAC,EAAE,mCAAmC,EAAE,EAAE,aAAa,CAAC,GAAG,OAAO,~~CACtE~~,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,CAAC,~~qCAAqC~~,CAAC~~,QAAQ,CAAC~~;~~QACxD~~,IAAI,EAAE,~~CACJ~~,~~IAAqC~~,~~EACrC~~,~~OAA0B~~,~~EACpB~~,EAAE;~~YACR~~,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE;gBACtB,UAAU,CAAC,IAAI,CAAC,CAAC;aAClB;QACH,CAAC;QACD,OAAO,EAAE,CACP,OAAO,EAC2C,EAAE,CAAC,CAAC;YACtD,mCAAmC,EAAE,OAAO,CAAC,MAAM,CAAC;gBAClD,OAAO,EAAE,IAAI;aACd,CAAC;SACH,CAAC;KACH,CAAC,EACF,CAAC,UAAU,CAAC,CACb,CAAC;IACF,IAAI,oBAAoB,CAAC;IACzB,IAAI,UAAU,KAAK,sBAAsB,CAAC,iBAAiB,EAAE;QAC3D,oBAAoB,GAAG,oBAAoB,CACzC,iBAAiB,CAAC,eAAe,CAAC,YAAY,CAC/C,CAAC;KACH;SAAM;QACL,oBAAoB,GAAG,oBAAoB,CACzC,iBAAiB,CAAC,eAAe,CAAC,cAAc,CACjD,CAAC;KACH;IACD,MAAM,yBAAyB,GAAG,GAAS,EAAE;QAC3C,MAAM,SAAS,GAAG,8BAA8B,CAC9C,IAAI,sBAAsB,CACxB,4BAA4B,CAAC,MAAM,CACjC,IAAI,WAAW,CACb,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CACxD,cAAc,CAAC,UAAU,CAC1B,CACF,CACF,EACD,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,sBAAsB,CAC9D,yBAAyB,CAAC,GAAG,CAC9B,CACF,EACD,iBAAiB,CAAC,iBAAiB,CACpC,CAAC;QACF,SAAS,CAAC,MAAM,GAAG;YACjB,oCAAoC,CAAC,cAAc,CAAC,UAAU,CAAC;SAChE,CAAC;QACF,IAAI,UAAU,KAAK,sBAAsB,CAAC,iBAAiB,EAAE;YAC3D,iBAAiB,CAAC,eAAe,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;SAC9D;aAAM;YACL,iBAAiB,CAAC,eAAe,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;SAChE;IACH,CAAC,CAAC;~~IACF~~,OAAO,CACL,~~eACE~~,GAAG,EAAE,aAAa,~~EAClB~~,SAAS,EAAC,~~yDAAyD~~,~~aAElE~~,mCAAmC,~~IAAI~~,~~CACtC~~,~~cAAK~~,SAAS,EAAC,~~qDAAqD~~,~~mDAE9D~~,~~CACP,EACD,~~KAAC,6BAA6B,IAC5B,kBAAkB,EAAE,oBAAoB,EACxC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,EAChD,qBAAqB,EAAE,CAAC,GAAuB,EAAQ,EAAE,CACvD,UAAU,KAAK,sBAAsB,CAAC,iBAAiB;oBACrD,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC;oBACxD,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAE9D,eAAe,EAAE;oBACf,YAAY,EACV,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CACxD,cAAc,CAAC,IAAI,CACpB;iBACJ,EACD,UAAU,EAAE,yBAAyB,GACrC,~~IACE~~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"}
1	+ {"version":3,"file":"QueryBuilderMilestoneEditor.js","sourceRoot":"","sources":["../../src/components/QueryBuilderMilestoneEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAEL,gCAAgC,GACjC,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAEL,WAAW,EACX,4BAA4B,EAC5B,sBAAsB,EACtB,8BAA8B,EAC9B,sBAAsB,EACtB,cAAc,EACd,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,oCAAoC,EAAE,MAAM,0DAA0D,CAAC;AAChH,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE1E,MAAM,0BAA0B,GAAG,QAAQ,CACzC,CAAC,KAGA,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,IAAqC,EAAQ,EAAE;QAC9C,IAAI,UAAU,KAAK,sBAAsB,CAAC,iBAAiB,EAAE;YAC3D,iBAAiB,CAAC,eAAe,CAAC,eAAe,CAC/C,IAAI,CAAC,QAAQ,CAAC,SAAS,CACxB,CAAC;SACH;aAAM;YACL,iBAAiB,CAAC,eAAe,CAAC,iBAAiB,CACjD,IAAI,CAAC,QAAQ,CAAC,SAAS,CACxB,CAAC;SACH;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAChC,CAAC;IACF,MAAM,CAAC,EAAE,mCAAmC,EAAE,EAAE,aAAa,CAAC,GAAG,OAAO,CAKtE,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,CAAC,gCAAgC,CAAC;QAC1C,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,EAAQ,EAAE;YAC5B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE;gBACtB,UAAU,CAAC,IAAI,CAAC,CAAC;aAClB;QACH,CAAC;QACD,OAAO,EAAE,CACP,OAAO,EAC2C,EAAE,CAAC,CAAC;YACtD,mCAAmC,EAAE,OAAO,CAAC,MAAM,CAAC;gBAClD,OAAO,EAAE,IAAI;aACd,CAAC;SACH,CAAC;KACH,CAAC,EACF,CAAC,UAAU,CAAC,CACb,CAAC;IACF,IAAI,oBAAoB,CAAC;IACzB,IAAI,UAAU,KAAK,sBAAsB,CAAC,iBAAiB,EAAE;QAC3D,oBAAoB,GAAG,oBAAoB,CACzC,iBAAiB,CAAC,eAAe,CAAC,YAAY,CAC/C,CAAC;KACH;SAAM;QACL,oBAAoB,GAAG,oBAAoB,CACzC,iBAAiB,CAAC,eAAe,CAAC,cAAc,CACjD,CAAC;KACH;IACD,MAAM,yBAAyB,GAAG,GAAS,EAAE;QAC3C,MAAM,SAAS,GAAG,8BAA8B,CAC9C,IAAI,sBAAsB,CACxB,4BAA4B,CAAC,MAAM,CACjC,IAAI,WAAW,CACb,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CACxD,cAAc,CAAC,UAAU,CAC1B,CACF,CACF,EACD,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,sBAAsB,CAC9D,yBAAyB,CAAC,GAAG,CAC9B,CACF,EACD,iBAAiB,CAAC,iBAAiB,CACpC,CAAC;QACF,SAAS,CAAC,MAAM,GAAG;YACjB,oCAAoC,CAAC,cAAc,CAAC,UAAU,CAAC;SAChE,CAAC;QACF,IAAI,UAAU,KAAK,sBAAsB,CAAC,iBAAiB,EAAE;YAC3D,iBAAiB,CAAC,eAAe,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;SAC9D;aAAM;YACL,iBAAiB,CAAC,eAAe,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;SAChE;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAC,iCAAiC,YAClE,KAAC,6BAA6B,IAC5B,eAAe,EAAE,mCAAmC,EACpD,KAAK,EAAC,oCAAoC,EAC1C,SAAS,EAAC,iCAAiC,YAE3C,KAAC,6BAA6B,IAC5B,kBAAkB,EAAE,oBAAoB,EACxC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,EAChD,qBAAqB,EAAE,CAAC,GAAuB,EAAQ,EAAE,CACvD,UAAU,KAAK,sBAAsB,CAAC,iBAAiB;oBACrD,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC;oBACxD,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAE9D,eAAe,EAAE;oBACf,YAAY,EACV,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CACxD,cAAc,CAAC,IAAI,CACpB;iBACJ,EACD,UAAU,EAAE,yBAAyB,GACrC,GAC4B,GAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,yBAAyB,GAAG,QAAQ,CACxC,CAAC,KAA+C,EAAE,EAAE;IAClD,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,gCAEvD,EACN,KAAC,0BAA0B,IACzB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,sBAAsB,CAAC,mBAAmB,GACtD,IACE,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,8BAEvD,EACN,KAAC,0BAA0B,IACzB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,sBAAsB,CAAC,iBAAiB,GACpD,IACE,IACL,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,+BAA+B,GAAG,QAAQ,CAC9C,CAAC,KAA+C,EAAE,EAAE;IAClD,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,8BAEvD,EACN,KAAC,0BAA0B,IAEzB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,sBAAsB,CAAC,iBAAiB,IAFhD,cAAc,CAGlB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,iCAAiC,GAAG,QAAQ,CAChD,CAAC,KAA+C,EAAE,EAAE;IAClD,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,gCAEvD,EACN,KAAC,0BAA0B,IAEzB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,sBAAsB,CAAC,mBAAmB,IAFlD,cAAc,CAGlB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,uBAAuB,GAExB,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAEpC,IACE,iBAAiB,CAAC,eAAe,CAAC,cAAc;QAChD,iBAAiB,CAAC,eAAe,CAAC,YAAY,EAC9C;QACA,OAAO,KAAC,yBAAyB,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,CAAC;KAC5E;SAAM,IAAI,iBAAiB,CAAC,eAAe,CAAC,YAAY,EAAE;QACzD,OAAO,CACL,KAAC,+BAA+B,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,CAC1E,CAAC;KACH;SAAM,IAAI,iBAAiB,CAAC,eAAe,CAAC,cAAc,EAAE;QAC3D,OAAO,CACL,KAAC,iCAAiC,IAChC,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;KACH;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CACjD,CAAC,KAAkE,EAAE,EAAE;IACrE,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,EACd,OAAO,EAAE;YACP,IAAI,EAAE,8BAA8B;YACpC,SAAS,EAAE,yBAAyB;YACpC,KAAK,EAAE,uBAAuB;SAC/B,YAED,eAAK,SAAS,EAAC,iEAAiE,aAC9E,cAAK,SAAS,EAAC,eAAe,YAC5B,cAAK,SAAS,EAAC,cAAc,uCAA6B,GACtD,EACN,eAAK,SAAS,EAAC,oDAAoD,aACjE,KAAC,uBAAuB,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,EACjE,cAAK,SAAS,EAAC,8CAA8C,0DAEvD,EACN,cAAK,SAAS,EAAC,4CAA4C,YACxD,iBAAiB,CAAC,oBAAoB,CAAC,eAAe;iCACpD,MAAM,CACL,CAAC,SAAS,EAAE,EAAE,CACZ,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gCACjD,cAAc,CAAC,UAAU;gCAC3B,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;oCACjD,cAAc,CAAC,UAAU;gCAC3B,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;oCACjD,cAAc,CAAC,IAAI;gCACrB,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;oCACjD,cAAc,CAAC,QAAQ,CAC5B;iCACA,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAClB,KAAC,wBAAwB,IAEvB,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,SAAS,IAF7B,SAAS,CAAC,IAAI,CAGnB,CACH,CAAC,GACA,IACF,EACN,cAAK,SAAS,EAAC,eAAe,YAC5B,iBAAQ,SAAS,EAAC,8BAA8B,EAAC,OAAO,EAAE,KAAK,sBAEtD,GACL,IACF,GACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/QueryBuilderPanelIssueCountBadge.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+/**
+ * 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"/>
+export declare const QueryBuilderPanelIssueCountBadge: React.FC<{
+    issues: string[] | undefined;
+}>;
+//# sourceMappingURL=QueryBuilderPanelIssueCountBadge.d.ts.map

package/lib/components/QueryBuilderPanelIssueCountBadge.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"QueryBuilderPanelIssueCountBadge.d.ts","sourceRoot":"","sources":["../../src/components/QueryBuilderPanelIssueCountBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAIH,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC;IACtD,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;CAC9B,CAiBA,CAAC"}

package/lib/components/QueryBuilderPanelIssueCountBadge.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { jsx as _jsx, 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 { TimesCircleIcon } from '@finos/legend-art';
+export const QueryBuilderPanelIssueCountBadge = (props) => {
+    const { issues } = props;
+    if (!issues) {
+        return null;
+    }
+    const labelText = `${issues.length} issue${issues.length > 1 ? 's' : ''}`;
+    return (_jsxs("div", { className: "query-builder-panel-issue-count-badge", title: `Found ${labelText}:\n${issues
+            .map((issue) => `\u2022 ${issue}`)
+            .join('\n')}`, children: [_jsx(TimesCircleIcon, { className: "query-builder-panel-issue-count-badge__icon" }), labelText] }));
+};
+//# sourceMappingURL=QueryBuilderPanelIssueCountBadge.js.map

package/lib/components/QueryBuilderPanelIssueCountBadge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QueryBuilderPanelIssueCountBadge.js","sourceRoot":"","sources":["../../src/components/QueryBuilderPanelIssueCountBadge.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,gCAAgC,GAExC,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,GAAG,MAAM,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAC1E,OAAO,CACL,eACE,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,SAAS,SAAS,MAAM,MAAM;aAClC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,KAAK,EAAE,CAAC;aACjC,IAAI,CAAC,IAAI,CAAC,EAAE,aAEf,KAAC,eAAe,IAAC,SAAS,EAAC,6CAA6C,GAAG,EAC1E,SAAS,IACN,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/QueryBuilderParameterPanel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryBuilderParameterPanel.d.ts","sourceRoot":"","sources":["../../src/components/QueryBuilderParameterPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;~~AAGH~~,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;~~AAyBxE~~,OAAO,EAIL,oBAAoB,~~EAGrB~~,MAAM,2BAA2B,CAAC;~~AA6OnC~~,eAAO,MAAM,wBAAwB,WAC3B;IACN,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,uBAAuB,EAAE,oBAAoB,CAAC;CAC/C;;~~CA6DF~~,CAAC;AAEF,eAAO,MAAM,0BAA0B,WAC7B;IAAE,iBAAiB,EAAE,iBAAiB,CAAA;CAAE;;CAgFjD,CAAC"}
1	+ {"version":3,"file":"QueryBuilderParameterPanel.d.ts","sourceRoot":"","sources":["../../src/components/QueryBuilderParameterPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AA0BxE,OAAO,EAIL,oBAAoB,EAIrB,MAAM,2BAA2B,CAAC;AAoMnC,eAAO,MAAM,wBAAwB,WAC3B;IACN,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,uBAAuB,EAAE,oBAAoB,CAAC;CAC/C;;CAkEF,CAAC;AAEF,eAAO,MAAM,0BAA0B,WAC7B;IAAE,iBAAiB,EAAE,iBAAiB,CAAA;CAAE;;CAgFjD,CAAC"}

package/lib/components/QueryBuilderParameterPanel.js CHANGED Viewed

@@ -14,19 +14,19 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { Dialog, BlankPanelContent, CustomSelectorInput, PencilIcon, TimesIcon, DollarIcon, PlusIcon, InputWithInlineValidation, } from '@finos/legend-art';
-import { QUERY_BUILDER_PARAMETER_TREE_DND_TYPE, } from '../stores/QueryParametersState.js';
-import { useEffect, useState } from 'react';
+import { Dialog, BlankPanelContent, CustomSelectorInput, PencilIcon, TimesIcon, DollarIcon, PlusIcon, InputWithInlineValidation, DragPreviewLayer, useDragPreviewLayer, } from '@finos/legend-art';
+import { QUERY_BUILDER_PARAMETER_DND_TYPE, } from '../stores/QueryParametersState.js';
 import { MULTIPLICITY_INFINITE, PRIMITIVE_TYPE, VariableExpression, Multiplicity, GenericTypeExplicitReference, GenericType, } from '@finos/legend-graph';
-import { buildElementOption, variableExpression_setName, LambdaParameterState, LambdaParameterValuesEditor, getPackageableElementOptionFormatter, } from '@finos/legend-application';
-import { useDrag, useDragLayer } from 'react-dnd';
-import { getEmptyImage } from 'react-dnd-html5-backend';
+import { buildElementOption, variableExpression_setName, LambdaParameterState, LambdaParameterValuesEditor, getPackageableElementOptionFormatter, useApplicationStore, } from '@finos/legend-application';
+import { useDrag } from 'react-dnd';
 import { generateEnumerableNameFromToken } from '@finos/legend-shared';
 import { DEFAULT_VARIABLE_NAME } from '../QueryBuilder_Const.js';
 const VariableExpressionEditor = observer((props) => {
     // main state
     const { queryBuilderState, lambdaParameterState } = props;
+    const applicationStore = useApplicationStore();
     const queryParametersState = queryBuilderState.queryParametersState;
     const isCreating = !queryParametersState.parameterStates.includes(lambdaParameterState);
     const varState = lambdaParameterState.parameter;
@@ -86,30 +86,10 @@ const VariableExpressionEditor = observer((props) => {
             root: 'editor-modal__root-container',
             container: 'editor-modal__container',
             paper: 'editor-modal__content',
-        }, children: _jsxs("div", { className: "modal modal--dark editor-modal query-builder__parameters__modal", children: [_jsx("div", { className: "modal__header", children: _jsxs("div", { className: "modal__title", children: [`${isCreating ? 'Create ' : 'Update '}`, "Parameter"] }) }), _jsxs("div", { className: "modal__body query-builder__parameters__modal__body", children: [_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Parameter Name" }), _jsx("div", { className: "panel__content__form__section__header__prompt", children: "Name of the parameter. Should be descriptive of its purpose." }), _jsx("div", { className: "query-builder__parameters__parameter__name", children: _jsx(InputWithInlineValidation, { className: "query-builder__parameters__parameter__name__input input-group__input", spellCheck: false, value: varState.name, onChange: changeVariableName, placeholder: `Parameter name`, validationErrorMessage: validationMessage }) })] }), _jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Type" }), _jsx("div", { className: "panel__content__form__section__header__prompt", children: "Data type of the parameter." }), _jsx(CustomSelectorInput, { placeholder: "Choose a type...", options: typeOptions, onChange: changeType, value: selectedType, darkMode: true, formatOptionLabel: getPackageableElementOptionFormatter({
-                                        darkMode: true,
-                                        graphManagerState: queryBuilderState.graphManagerState,
+        }, children: _jsxs("div", { className: "modal modal--dark editor-modal query-builder__parameters__modal", children: [_jsx("div", { className: "modal__header", children: _jsxs("div", { className: "modal__title", children: [`${isCreating ? 'Create ' : 'Update '}`, "Parameter"] }) }), _jsxs("div", { className: "modal__body query-builder__parameters__modal__body", children: [_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Parameter Name" }), _jsx("div", { className: "panel__content__form__section__header__prompt", children: "Name of the parameter. Should be descriptive of its purpose." }), _jsx("div", { className: "query-builder__parameters__parameter__name", children: _jsx(InputWithInlineValidation, { className: "query-builder__parameters__parameter__name__input input-group__input", spellCheck: false, value: varState.name, onChange: changeVariableName, placeholder: `Parameter name`, validationErrorMessage: validationMessage }) })] }), _jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Type" }), _jsx("div", { className: "panel__content__form__section__header__prompt", children: "Data type of the parameter." }), _jsx(CustomSelectorInput, { placeholder: "Choose a type...", options: typeOptions, onChange: changeType, value: selectedType, darkMode: !applicationStore.TEMPORARY__isLightThemeEnabled, formatOptionLabel: getPackageableElementOptionFormatter({
+                                        darkMode: !applicationStore.TEMPORARY__isLightThemeEnabled,
                                     }) })] }), _jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "Multiplicity" }), _jsx("div", { className: "panel__content__form__section__header__prompt", children: "The multiplity determines how many values a parameter can have. Default is set to mandatory single vlue." }), _jsx("input", { className: "panel__content__form__section__input panel__content__form__section__number-input", type: "number", spellCheck: false, value: multiplity.lowerBound, onChange: changeLowerBound }), "..", _jsx("input", { className: "panel__content__form__section__input panel__content__form__section__number-input", spellCheck: false, value: upperBound, onChange: changeUpperBound })] })] }), _jsxs("div", { className: "modal__footer", children: [isCreating && (_jsx("button", { className: "btn modal__footer__close-btn btn--dark", onClick: onAction, disabled: Boolean(validationMessage), children: "Create" })), _jsx("button", { className: "btn modal__footer__close-btn", onClick: close, children: "Close" })] })] }) }));
 });
-const QueryBuilderParameterDragLayer = observer((props) => {
-    const { itemType, item, isDragging, currentPosition } = useDragLayer((monitor) => ({
-        itemType: monitor.getItemType(),
-        item: monitor.getItem(),
-        isDragging: monitor.isDragging(),
-        initialOffset: monitor.getInitialSourceClientOffset(),
-        currentPosition: monitor.getClientOffset(),
-    }));
-    if (!isDragging ||
-        !item ||
-        !Object.values(QUERY_BUILDER_PARAMETER_TREE_DND_TYPE).includes(itemType)) {
-        return null;
-    }
-    return (_jsx("div", { className: "query-builder__parameters__drag-preview-layer", children: _jsx("div", { className: "query-builder__parameters__drag-preview", style: !currentPosition
-                ? { display: 'none' }
-                : {
-                    transform: `translate(${currentPosition.x + 20}px, ${currentPosition.y + 10}px)`,
-                }, children: item.variable.variableName }) }));
-});
 export const VariableExpressionViewer = observer((props) => {
     const { queryBuilderState, variableExpressionState } = props;
     const queryParameterState = queryBuilderState.queryParametersState;
@@ -122,14 +102,13 @@ export const VariableExpressionViewer = observer((props) => {
     };
     const deleteVariable = () => queryParameterState.removeParameter(variableExpressionState);
     const [, dragConnector, dragPreviewConnector] = useDrag(() => ({
-        type: QUERY_BUILDER_PARAMETER_TREE_DND_TYPE.VARIABLE,
+        type: QUERY_BUILDER_PARAMETER_DND_TYPE,
         item: { variable: variableExpressionState },
     }), [variableExpressionState]);
-    // hide default HTML5 preview image
-    useEffect(() => {
-        dragPreviewConnector(getEmptyImage(), { captureDraggingState: true });
-    }, [dragPreviewConnector]);
-    return (_jsxs("div", { className: "query-builder__parameters__parameter", ref: dragConnector, children: [_jsx(QueryBuilderParameterDragLayer, { queryBuilderState: queryBuilderState }), _jsxs("div", { className: "query-builder__parameters__parameter__content", children: [_jsx("div", { className: "query-builder__parameters__parameter__icon", children: _jsx("div", { className: "query-builder__parameters__parameter-icon", children: _jsx(DollarIcon, {}) }) }), _jsxs("div", { className: "query-builder__parameters__parameter__label", children: [name, _jsx("div", { className: "query-builder__parameters__parameter__type", children: _jsx("div", { className: "query-builder__parameters__parameter__type__label", children: typeName }) })] })] }), _jsxs("div", { className: "query-builder__parameters__parameter__actions", children: [_jsx("button", { className: "query-builder__parameters__parameter__action", tabIndex: -1, onClick: editVariable, title: "Edit Parameter", children: _jsx(PencilIcon, {}) }), _jsx("button", { className: "query-builder__parameters__parameter__action", onClick: deleteVariable, title: "Remove", children: _jsx(TimesIcon, {}) })] })] }));
+    useDragPreviewLayer(dragPreviewConnector);
+    return (_jsxs("div", { className: "query-builder__parameters__parameter", ref: dragConnector, children: [_jsx(DragPreviewLayer, { labelGetter: (item) => item.variable.variableName === ''
+                    ? '(unknown)'
+                    : item.variable.variableName, types: [QUERY_BUILDER_PARAMETER_DND_TYPE] }), _jsxs("div", { className: "query-builder__parameters__parameter__content", children: [_jsx("div", { className: "query-builder__parameters__parameter__icon", children: _jsx("div", { className: "query-builder__parameters__parameter-icon", children: _jsx(DollarIcon, {}) }) }), _jsxs("div", { className: "query-builder__parameters__parameter__label", children: [name, _jsx("div", { className: "query-builder__parameters__parameter__type", children: _jsx("div", { className: "query-builder__parameters__parameter__type__label", children: typeName }) })] })] }), _jsxs("div", { className: "query-builder__parameters__parameter__actions", children: [_jsx("button", { className: "query-builder__parameters__parameter__action", tabIndex: -1, onClick: editVariable, title: "Edit Parameter", children: _jsx(PencilIcon, {}) }), _jsx("button", { className: "query-builder__parameters__parameter__action", onClick: deleteVariable, title: "Remove", children: _jsx(TimesIcon, {}) })] })] }));
 });
 export const QueryBuilderParameterPanel = observer((props) => {
     const { queryBuilderState } = props;

package/lib/components/QueryBuilderParameterPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryBuilderParameterPanel.js","sourceRoot":"","sources":["../../src/components/QueryBuilderParameterPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,UAAU,EACV,QAAQ,EACR,yBAAyB,~~GAC1B~~,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,~~qCAAqC~~,~~GACtC~~,MAAM,mCAAmC,CAAC;AAC3C,OAAO,~~EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,~~EAEL,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,4BAA4B,EAC5B,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAEL,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,2BAA2B,EAC3B,oCAAoC,~~GACrC~~,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,~~YAAY,EAAE,~~MAAM,WAAW,CAAC;~~AAClD~~,OAAO,EAAE~~,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE~~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~~IACF~~,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC,EACnC,OAAO,EAAE,KAAK,EACd,OAAO,EAAE;YACP,IAAI,EAAE,8BAA8B;YACpC,SAAS,EAAE,yBAAyB;YACpC,KAAK,EAAE,uBAAuB;SAC/B,YAED,eAAK,SAAS,EAAC,iEAAiE,aAC9E,cAAK,SAAS,EAAC,eAAe,YAC5B,eAAK,SAAS,EAAC,cAAc,aAC1B,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,iBACpC,GACF,EACN,eAAK,SAAS,EAAC,oDAAoD,aACjE,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,+BAEvD,EACN,cAAK,SAAS,EAAC,+CAA+C,6EAExD,EACN,cAAK,SAAS,EAAC,4CAA4C,YACzD,KAAC,yBAAyB,IACxB,SAAS,EAAC,sEAAsE,EAChF,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,QAAQ,CAAC,IAAI,EACpB,QAAQ,EAAE,kBAAkB,EAC5B,WAAW,EAAE,gBAAgB,EAC7B,sBAAsB,EAAE,iBAAiB,GACzC,GACE,IACF,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,qBAEvD,EACN,cAAK,SAAS,EAAC,+CAA+C,4CAExD,EACN,KAAC,mBAAmB,IAClB,WAAW,EAAC,kBAAkB,EAC9B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,~~IAAI~~,~~EACd~~,iBAAiB,EAAE,oCAAoC,CAAC;wCACtD,QAAQ,EAAE,~~IAAI;wCACd~~,~~iBAAiB~~,~~EAAE,iBAAiB,~~CAAC,~~iBAAiB~~;~~qCACvD~~,CAAC,GACF,IACE,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,8CAA8C,6BAEvD,EACN,cAAK,SAAS,EAAC,+CAA+C,yHAGxD,EACN,gBACE,SAAS,EAAC,kFAAkF,EAC5F,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,QAAQ,EAAE,gBAAgB,GAC1B,QAEF,gBACE,SAAS,EAAC,kFAAkF,EAC5F,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,gBAAgB,GAC1B,IACE,IACF,EACN,eAAK,SAAS,EAAC,eAAe,aAC3B,UAAU,IAAI,CACb,iBACE,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,uBAG7B,CACV,EACD,iBAAQ,SAAS,EAAC,8BAA8B,EAAC,OAAO,EAAE,KAAK,sBAEtD,IACL,IACF,GACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,~~8BAA8B,GAAG,QAAQ,CAC7C,~~CAAC,~~KAA+C,EAAE,EAAE;IAClD,~~MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,YAAY,CAClE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACZ,QAAQ,EACN,OAAO,CAAC,WAAW,EAA2C;QAChE,IAAI,EAAE,OAAO,CAAC,OAAO,EAA0C;QAC/D,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE;QAChC,aAAa,EAAE,OAAO,CAAC,4BAA4B,EAAE;QACrD,eAAe,EAAE,OAAO,CAAC,eAAe,EAAE;KAC3C,CAAC,CACH,CAAC;IAEF,IACE,CAAC,UAAU;QACX,CAAC,IAAI;QACL,CAAC,MAAM,CAAC,MAAM,CAAC,qCAAqC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACxE;QACA,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,cAAK,SAAS,EAAC,+CAA+C,YAC5D,cACE,SAAS,EAAC,yCAAyC,EACnD,KAAK,EACH,CAAC,eAAe;gBACd,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE;gBACrB,CAAC,CAAC;oBACE,SAAS,EAAE,aAAa,eAAe,CAAC,CAAC,GAAG,EAAE,OAC5C,eAAe,CAAC,CAAC,GAAG,EACtB,KAAK;iBACN,YAGN,IAAI,CAAC,QAAQ,CAAC,YAAY,GACvB,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAC9C,CAAC,KAGA,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,oBAAoB,CAAC;IACnE,MAAM,QAAQ,GAAG,uBAAuB,CAAC,SAAS,CAAC;IACnD,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC3B,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC;IACzD,MAAM,QAAQ,GAAG,YAAY,EAAE,IAAI,CAAC;IACpC,MAAM,YAAY,GAAG,GAAS,EAAE;QAC9B,mBAAmB,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;IACpE,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,GAAS,EAAE,CAChC,mBAAmB,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;IAC/D,MAAM,CAAC,EAAE,aAAa,EAAE,oBAAoB,CAAC,GAAG,OAAO,CACrD,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,~~qCAAqC,CAAC,QAAQ~~;~~QACpD~~,IAAI,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE;KAC5C,CAAC,EACF,CAAC,uBAAuB,CAAC,CAC1B,CAAC;IACF,~~mCAAmC~~;~~IACnC~~,SAAS,~~CAAC~~,GAAG,EAAE~~;QACb~~,~~oBAAoB,CAAC,~~aAAa,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~oBAAoB~~,~~EAAE~~,~~IAAI,~~EAAE,CAAC,~~CAAC;IACxE~~,~~CAAC~~,EAAE,~~CAAC~~,~~oBAAoB~~,CAAC,~~CAAC~~,CAAC~~;IAC3B~~,~~OAAO~~,~~CACL~~,~~eAAK~~,~~SAAS~~,~~EAAC~~,~~sCAAsC~~,~~EAAC~~,~~GAAG~~,~~EAAE~~,~~aAAa~~,~~aACtE~~,~~KAAC~~,~~8BAA8B~~,~~IAAC~~,~~iBAAiB~~,EAAE,~~iBAAiB~~,~~GAAI~~,~~EACxE~~,eAAK,SAAS,EAAC,+CAA+C,aAC5D,cAAK,SAAS,EAAC,4CAA4C,YACzD,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,UAAU,KAAG,GACV,GACF,EACN,eAAK,SAAS,EAAC,6CAA6C,aACzD,IAAI,EACL,cAAK,SAAS,EAAC,4CAA4C,YACzD,cAAK,SAAS,EAAC,mDAAmD,YAC/D,QAAQ,GACL,GACF,IACF,IACF,EACN,eAAK,SAAS,EAAC,+CAA+C,aAC5D,iBACE,SAAS,EAAC,8CAA8C,EACxD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,YAAY,EACrB,KAAK,EAAC,gBAAgB,YAEtB,KAAC,UAAU,KAAG,GACP,EACT,iBACE,SAAS,EAAC,8CAA8C,EACxD,OAAO,EAAE,cAAc,EACvB,KAAK,EAAC,QAAQ,YAEd,KAAC,SAAS,KAAG,GACN,IACL,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAChD,CAAC,KAA+C,EAAE,EAAE;IAClD,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,oBAAoB,CAAC;IACnE,MAAM,kBAAkB,GAAG,OAAO,CAChC,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAC5C,CAAC;IACF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,eAAe,CAAC,GAAG,CACzE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CACtB,CAAC;IACF,MAAM,YAAY,GAAG,GAAS,EAAE;QAC9B,IAAI,CAAC,kBAAkB,EAAE;YACvB,MAAM,aAAa,GAAG,IAAI,oBAAoB,CAC5C,IAAI,kBAAkB,CACpB,+BAA+B,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EAChE,IAAI,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,EACtB,4BAA4B,CAAC,MAAM,CACjC,IAAI,WAAW,CACb,mBAAmB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CAC5E,cAAc,CAAC,MAAM,CACtB,CACF,CACF,CACF,EACD,iBAAiB,CAAC,iBAAiB,CACpC,CAAC;YACF,mBAAmB,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;YACxD,aAAa,CAAC,kBAAkB,EAAE,CAAC;SACpC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,sBAAsB,YACnC,cAAK,SAAS,EAAC,6BAA6B,2BAAiB,GACzD,EACN,cAAK,SAAS,EAAC,wBAAwB,YACrC,iBACE,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAC,eAAe,YAErB,KAAC,QAAQ,KAAG,GACL,GACL,IACF,EACN,eAAK,SAAS,EAAC,mDAAmD,aAC/D,CAAC,kBAAkB;wBAClB,mBAAmB,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACrD,KAAC,wBAAwB,IAEvB,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,SAAS,IAF7B,SAAS,CAAC,IAAI,CAGnB,CACH,CAAC,EACH,kBAAkB,IAAI,CACrB,KAAC,iBAAiB,wDAEE,CACrB,IACG,EACL,mBAAmB,CAAC,iBAAiB,IAAI,CACxC,KAAC,wBAAwB,IACvB,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,mBAAmB,CAAC,iBAAiB,GAC3D,CACH,EACA,mBAAmB,CAAC,0BAA0B,CAAC,SAAS,IAAI,CAC3D,KAAC,2BAA2B,IAC1B,KAAK,EACH,mBAAmB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,EAE/D,qBAAqB,EAAE,mBAAmB,GAC1C,CACH,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
1	+ {"version":3,"file":"QueryBuilderParameterPanel.js","sourceRoot":"","sources":["../../src/components/QueryBuilderParameterPanel.tsx"],"names":[],"mappings":"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"}

package/lib/components/QueryBuilderPostFilterPanel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryBuilderPostFilterPanel.d.ts","sourceRoot":"","sources":["../../src/components/QueryBuilderPostFilterPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;~~AA2EH~~,OAAO,EAGL,wBAAwB,EAMzB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EACL,KAAK,iCAAiC,EAIvC,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;~~AAmOxE~~,eAAO,MAAM,uBAAuB;8BAEN,wBAAwB;kCAEnC,iCAAiC,KAC3C,QAAQ,IAAI,CAAC;;;CAwErB,CAAC;~~AA0dF~~,eAAO,MAAM,2BAA2B,WAC9B;IAAE,iBAAiB,EAAE,iBAAiB,CAAA;CAAE;;~~CA8NjD~~,CAAC"}
1	+ {"version":3,"file":"QueryBuilderPostFilterPanel.d.ts","sourceRoot":"","sources":["../../src/components/QueryBuilderPostFilterPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAkEH,OAAO,EAGL,wBAAwB,EAMzB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EACL,KAAK,iCAAiC,EAIvC,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AA6LxE,eAAO,MAAM,uBAAuB;8BAEN,wBAAwB;kCAEnC,iCAAiC,KAC3C,QAAQ,IAAI,CAAC;;;CAwErB,CAAC;AAgeF,eAAO,MAAM,2BAA2B,WAC9B;IAAE,iBAAiB,EAAE,iBAAiB,CAAA;CAAE;;CAqOjD,CAAC"}

package/lib/components/QueryBuilderPostFilterPanel.js CHANGED Viewed

@@ -15,42 +15,20 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * limitations under the License.
  */
 import { useApplicationStore, BasicValueSpecificationEditor, } from '@finos/legend-application';
-import { BlankPanelPlaceholder, CaretDownIcon, ChevronDownIcon, ChevronRightIcon, ClickAwayListener, clsx, ContextMenu, DropdownMenu, FilledTriangleIcon, MenuContent, MenuContentItem, TimesIcon, PlusIcon, ExpandIcon, CompressIcon, CircleIcon, BrushIcon, NewFolderIcon, PlusCircleIcon, InfoCircleIcon, Tooltip, StringTypeIcon, ToggleIcon, HashtagIcon, ClockIcon, } from '@finos/legend-art';
+import { BlankPanelPlaceholder, CaretDownIcon, ChevronDownIcon, ChevronRightIcon, ClickAwayListener, clsx, ContextMenu, DropdownMenu, FilledTriangleIcon, MenuContent, MenuContentItem, TimesIcon, PlusIcon, ExpandIcon, CompressIcon, CircleIcon, BrushIcon, NewFolderIcon, PlusCircleIcon, InfoCircleIcon, Tooltip, StringTypeIcon, ToggleIcon, HashtagIcon, ClockIcon, PanelDropZone, DragPreviewLayer, PanelEntryDropZonePlaceholder, useDragPreviewLayer, } from '@finos/legend-art';
 import { Class, Enumeration, PrimitiveType, PRIMITIVE_TYPE, getMultiplicityDescription, } from '@finos/legend-graph';
 import { assertErrorThrown, guaranteeNonNullable, returnUndefOnError, debounce, } from '@finos/legend-shared';
 import { flowResult } from 'mobx';
 import { observer } from 'mobx-react-lite';
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import { useDragLayer, useDrop, useDrag, } from 'react-dnd';
-import { getEmptyImage } from 'react-dnd-html5-backend';
+import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
+import { useDrop, useDrag } from 'react-dnd';
 import { getColumnMultiplicity } from '../stores/postFilterOperators/QueryBuilderPostFilterOperatorHelper.js';
 import { QueryBuilderAggregateColumnState } from '../stores/QueryBuilderAggregationState.js';
 import { isTypeCompatibleWithConditionValueType, QUERY_BUILDER_GROUP_OPERATION, } from '../stores/QueryBuilderOperatorsHelper.js';
 import { PostFilterConditionState, QueryBuilderPostFilterTreeConditionNodeData, QueryBuilderPostFilterTreeGroupNodeData, QUERY_BUILDER_POST_FILTER_DND_TYPE, QueryBuilderPostFilterTreeBlankConditionNodeData, } from '../stores/QueryBuilderPostFilterState.js';
-import { QUERY_BUILDER_PROJECTION_DND_TYPE, QueryBuilderDerivationProjectionColumnState, } from '../stores/QueryBuilderProjectionState.js';
-import { QUERY_BUILDER_PARAMETER_TREE_DND_TYPE, } from '../stores/QueryParametersState.js';
+import { QUERY_BUILDER_PROJECTION_COLUMN_DND_TYPE, QueryBuilderDerivationProjectionColumnState, } from '../stores/QueryBuilderProjectionState.js';
+import { QUERY_BUILDER_PARAMETER_DND_TYPE, } from '../stores/QueryParametersState.js';
 import { QUERY_BUILDER_TEST_ID } from './QueryBuilder_TestID.js';
-const PostFilterConditionDragLayer = () => {
-    const { itemType, item, isDragging, currentPosition } = useDragLayer((monitor) => ({
-        itemType: monitor.getItemType(),
-        item: monitor.getItem(),
-        isDragging: monitor.isDragging(),
-        initialOffset: monitor.getInitialSourceClientOffset(),
-        currentPosition: monitor.getClientOffset(),
-    }));
-    if (!isDragging ||
-        !item ||
-        !Object.values(QUERY_BUILDER_POST_FILTER_DND_TYPE).includes(itemType)) {
-        return null;
-    }
-    return (_jsx("div", { className: "query-builder-post-filter-tree__drag-preview-layer", children: _jsx("div", { className: "query-builder-post-filter-tree__drag-preview",
-            // added some offset so the mouse doesn't overlap the label too much
-            style: !currentPosition
-                ? { display: 'none' }
-                : {
-                    transform: `translate(${currentPosition.x + 20}px, ${currentPosition.y + 10}px)`,
-                }, children: item.node.dragLayerLabel }) }));
-};
 const QueryBuilderPostFilterConditionContextMenu = observer(forwardRef(function QueryBuilderPostFilterConditionContextMenu(props, ref) {
     const { queryBuilderState, node } = props;
     const postFilterState = queryBuilderState.postFilterState;
@@ -70,17 +48,17 @@ const QueryBuilderPostFilterConditionContextMenu = observer(forwardRef(function
     return (_jsxs(MenuContent, { ref: ref, children: [node instanceof QueryBuilderPostFilterTreeGroupNodeData && (_jsx(MenuContentItem, { onClick: createCondition, children: "Add New Condition" })), node instanceof QueryBuilderPostFilterTreeGroupNodeData && (_jsx(MenuContentItem, { onClick: createGroupCondition, children: "Add New Logical Group" })), node instanceof QueryBuilderPostFilterTreeConditionNodeData && (_jsx(MenuContentItem, { onClick: newGroupWithCondition, children: "Form a New Logical Group" })), _jsx(MenuContentItem, { onClick: removeNode, children: "Remove" })] }));
 }));
 const QueryBuilderPostFilterGroupConditionEditor = observer((props) => {
-    const { node, isPropertyDragOver } = props;
+    const { node, isDragOver } = props;
     const switchOperation = (event) => {
         event.stopPropagation(); // prevent triggering selecting the node
         node.setGroupOperation(node.groupOperation === QUERY_BUILDER_GROUP_OPERATION.AND
             ? QUERY_BUILDER_GROUP_OPERATION.OR
             : QUERY_BUILDER_GROUP_OPERATION.AND);
     };
-    return (_jsxs("div", { className: "query-builder-post-filter-tree__node__label__content dnd__overlay__container", children: [isPropertyDragOver && (_jsx("div", { className: "query-builder-post-filter-tree__node__dnd__overlay", children: "Add to Logical Group" })), _jsxs("div", { className: clsx('query-builder-post-filter-tree__group-node', {
+    return (_jsx("div", { className: "query-builder-post-filter-tree__node__label__content", children: _jsx(PanelEntryDropZonePlaceholder, { showPlaceholder: isDragOver, label: "Add to Logical Group", className: "query-builder__dnd__placeholder", children: _jsxs("div", { className: clsx('query-builder-post-filter-tree__group-node', {
                     'query-builder-post-filter-tree__group-node--and': node.groupOperation === QUERY_BUILDER_GROUP_OPERATION.AND,
                     'query-builder-post-filter-tree__group-node--or': node.groupOperation === QUERY_BUILDER_GROUP_OPERATION.OR,
-                }), title: "Switch Operation", onClick: switchOperation, children: [_jsx("div", { className: "query-builder-post-filter-tree__group-node__label", children: node.groupOperation }), _jsx("button", { className: "query-builder-post-filter-tree__group-node__action", children: _jsx(FilledTriangleIcon, {}) })] })] }));
+                }), title: "Switch Operation", onClick: switchOperation, children: [_jsx("div", { className: "query-builder-post-filter-tree__group-node__label", children: node.groupOperation }), _jsx("button", { className: "query-builder-post-filter-tree__group-node__action", children: _jsx(FilledTriangleIcon, {}) })] }) }) }));
 });
 const renderPropertyTypeIcon = (type) => {
     if (type instanceof PrimitiveType) {
@@ -126,26 +104,26 @@ export const QueryBuilderColumnBadge = observer((props) => {
     const { postFilterConditionState, onColumnChange } = props;
     const type = postFilterConditionState.columnState.getReturnType();
     const handleDrop = useCallback((item) => onColumnChange(item.columnState), [onColumnChange]);
-    const [{ isPropertyDragOver }, dropConnector] = useDrop(() => ({
-        accept: [QUERY_BUILDER_PROJECTION_DND_TYPE.PROJECTION_COLUMN],
+    const [{ isDragOver }, dropConnector] = useDrop(() => ({
+        accept: [QUERY_BUILDER_PROJECTION_COLUMN_DND_TYPE],
         drop: (item, monitor) => {
             if (!monitor.didDrop()) {
                 handleDrop(item).catch(postFilterConditionState.postFilterState.queryBuilderState
                     .applicationStore.alertUnhandledError);
-            }
+            } // prevent drop event propagation to accomondate for nested DnD
         },
         collect: (monitor) => ({
-            isPropertyDragOver: monitor.isOver({ shallow: true }),
+            isDragOver: monitor.isOver({ shallow: true }),
         }),
     }), [handleDrop]);
-    return (_jsxs("div", { ref: dropConnector, className: "query-builder-column-badge", children: [isPropertyDragOver && (_jsx("div", { className: "query-builder__dnd__placeholder query-builder-column-badge__dnd__placeholder", children: "Change Property" })), !isPropertyDragOver && (_jsxs("div", { className: "query-builder-column-badge__content", children: [type && (_jsx("div", { className: clsx('query-builder-column-badge__type', {
+    return (_jsx("div", { ref: dropConnector, className: "query-builder-column-badge", children: _jsx(PanelEntryDropZonePlaceholder, { showPlaceholder: isDragOver, label: "Change Property", className: "query-builder__dnd__placeholder", children: _jsxs("div", { className: "query-builder-column-badge__content", children: [type && (_jsx("div", { className: clsx('query-builder-column-badge__type', {
                             'query-builder-column-badge__type--class': type instanceof Class,
                             'query-builder-column-badge__type--enumeration': type instanceof Enumeration,
                             'query-builder-column-badge__type--primitive': type instanceof PrimitiveType,
-                        }), children: renderPropertyTypeIcon(type) })), _jsx("div", { className: "query-builder-column-badge__property", title: `${postFilterConditionState.columnName}`, children: postFilterConditionState.columnName }), _jsx(QueryBuilderColumnInfoTooltip, { columnState: postFilterConditionState.columnState, placement: "bottom-end", children: _jsx("div", { className: "query-builder-column-badge__property__info", children: _jsx(InfoCircleIcon, {}) }) })] }))] }));
+                        }), children: renderPropertyTypeIcon(type) })), _jsx("div", { className: "query-builder-column-badge__property", title: `${postFilterConditionState.columnName}`, children: postFilterConditionState.columnName }), _jsx(QueryBuilderColumnInfoTooltip, { columnState: postFilterConditionState.columnState, placement: "bottom-end", children: _jsx("div", { className: "query-builder-column-badge__property__info", children: _jsx(InfoCircleIcon, {}) }) })] }) }) }));
 });
 const QueryBuilderPostFilterConditionEditor = observer((props) => {
-    const { node, isPropertyDragOver } = props;
+    const { node, isDragOver } = props;
     const graph = node.condition.postFilterState.queryBuilderState.graphManagerState.graph;
     const applicationStore = useApplicationStore();
     const changeOperator = (val) => () => node.condition.changeOperator(val);
@@ -170,11 +148,11 @@ const QueryBuilderPostFilterConditionEditor = observer((props) => {
         }
     }, [applicationStore, node.condition]);
     const [{ isFilterValueDragOver }, dropConnector] = useDrop(() => ({
-        accept: [QUERY_BUILDER_PARAMETER_TREE_DND_TYPE.VARIABLE],
+        accept: [QUERY_BUILDER_PARAMETER_DND_TYPE],
         drop: (item, monitor) => {
             if (!monitor.didDrop()) {
                 handleDrop(item);
-            }
+            } // prevent drop event propagation to accomondate for nested DnD
         },
         collect: (monitor) => ({
             isFilterValueDragOver: monitor.isOver({ shallow: true }),
@@ -196,17 +174,17 @@ const QueryBuilderPostFilterConditionEditor = observer((props) => {
         reloadValues: debouncedTypeaheadSearch,
         cleanUpReloadValues,
     };
-    return (_jsxs("div", { className: "query-builder-post-filter-tree__node__label__content dnd__overlay__container", children: [isPropertyDragOver && (_jsx("div", { className: "query-builder-post-filter-tree__node__dnd__overlay", children: "Add New Logical Group" })), _jsxs("div", { className: "query-builder-post-filter-tree__condition-node", children: [_jsx("div", { className: "query-builder-post-filter-tree__condition-node__property", children: _jsx(QueryBuilderColumnBadge, { postFilterConditionState: node.condition, onColumnChange: changeColumn }) }), _jsxs(DropdownMenu, { className: "query-builder-post-filter-tree__condition-node__operator", content: _jsx(MenuContent, { children: node.condition.operators.map((op) => (_jsx(MenuContentItem, { className: "query-builder-post-filter-tree__condition-node__operator__dropdown__option", onClick: changeOperator(op), children: op.getLabel() }, op.uuid))) }), menuProps: {
+    return (_jsx("div", { className: "query-builder-post-filter-tree__node__label__content", children: _jsx(PanelEntryDropZonePlaceholder, { showPlaceholder: isDragOver, label: "Add New Logical Group", className: "query-builder__dnd__placeholder", children: _jsxs("div", { className: "query-builder-post-filter-tree__condition-node", children: [_jsx("div", { className: "query-builder-post-filter-tree__condition-node__property", children: _jsx(QueryBuilderColumnBadge, { postFilterConditionState: node.condition, onColumnChange: changeColumn }) }), _jsxs(DropdownMenu, { className: "query-builder-post-filter-tree__condition-node__operator", content: _jsx(MenuContent, { children: node.condition.operators.map((op) => (_jsx(MenuContentItem, { className: "query-builder-post-filter-tree__condition-node__operator__dropdown__option", onClick: changeOperator(op), children: op.getLabel() }, op.uuid))) }), menuProps: {
                             anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
                             transformOrigin: { vertical: 'top', horizontal: 'left' },
                             elevation: 7,
-                        }, children: [_jsx("div", { className: "query-builder-post-filter-tree__condition-node__operator__label", children: node.condition.operator.getLabel() }), _jsx("button", { className: "query-builder-post-filter-tree__condition-node__operator__dropdown__trigger", tabIndex: -1, title: "Choose Operator...", children: _jsx(CaretDownIcon, {}) })] }), node.condition.value && (_jsxs("div", { ref: dropConnector, className: "query-builder-post-filter-tree__condition-node__value dnd__overlay__container", children: [isFilterValueDragOver && (_jsx("div", { className: "query-builder-post-filter-tree__node__dnd__overlay", children: "Change Filter Value" })), _jsx(BasicValueSpecificationEditor, { valueSpecification: node.condition.value, setValueSpecification: changeValueSpecification, graph: graph, typeCheckOption: {
+                        }, children: [_jsx("div", { className: "query-builder-post-filter-tree__condition-node__operator__label", children: node.condition.operator.getLabel() }), _jsx("button", { className: "query-builder-post-filter-tree__condition-node__operator__dropdown__trigger", tabIndex: -1, title: "Choose Operator...", children: _jsx(CaretDownIcon, {}) })] }), node.condition.value && (_jsx("div", { ref: dropConnector, className: "query-builder-post-filter-tree__condition-node__value", children: _jsx(PanelEntryDropZonePlaceholder, { showPlaceholder: isFilterValueDragOver, label: "Change Filter Value", className: "query-builder__dnd__placeholder", children: _jsx(BasicValueSpecificationEditor, { valueSpecification: node.condition.value, setValueSpecification: changeValueSpecification, graph: graph, typeCheckOption: {
                                     expectedType: guaranteeNonNullable(node.condition.columnState.getReturnType()),
-                                }, resetValue: resetNode, selectorConfig: selectorConfig })] }))] })] }));
+                                }, resetValue: resetNode, selectorConfig: selectorConfig }) }) }))] }) }) }));
 });
 const QueryBuilderPostFilterBlankConditionEditor = observer((props) => {
-    const { isPropertyDragOver } = props;
-    return (_jsxs("div", { className: "query-builder-post-filter-tree__node__label__content dnd__overlay__container", children: [isPropertyDragOver && (_jsx("div", { className: "query-builder-post-filter-tree__node__dnd__overlay", children: "Create Condition" })), _jsx("div", { className: "query-builder-post-filter-tree__blank-node", children: "blank" })] }));
+    const { isDragOver } = props;
+    return (_jsx("div", { className: "query-builder-post-filter-tree__node__label__content", children: _jsx(PanelEntryDropZonePlaceholder, { showPlaceholder: isDragOver, label: "Create Condition", className: "query-builder__dnd__placeholder", children: _jsx("div", { className: "query-builder-post-filter-tree__blank-node", children: "blank" }) }) }));
 });
 const QueryBuilderPostFilterTreeNodeContainer = observer((props) => {
     const { node, level, stepPaddingInRem, onNodeSelect, innerProps } = props;
@@ -220,7 +198,7 @@ const QueryBuilderPostFilterTreeNodeContainer = observer((props) => {
     const toggleExpandNode = () => node.setIsOpen(!node.isOpen);
     const removeNode = () => postFilterState.removeNodeAndPruneBranch(node);
     const handleDrop = useCallback((item, type) => {
-        if (type === QUERY_BUILDER_PROJECTION_DND_TYPE.PROJECTION_COLUMN) {
+        if (type === QUERY_BUILDER_PROJECTION_COLUMN_DND_TYPE) {
             const columnState = item
                 .columnState;
             let conditionState;
@@ -244,10 +222,10 @@ const QueryBuilderPostFilterTreeNodeContainer = observer((props) => {
             }
         }
     }, [applicationStore, postFilterState, node]);
-    const [{ isPropertyDragOver }, dropConnector] = useDrop(() => ({
+    const [{ isDragOver }, dropConnector] = useDrop(() => ({
         accept: [
             ...Object.values(QUERY_BUILDER_POST_FILTER_DND_TYPE),
-            QUERY_BUILDER_PROJECTION_DND_TYPE.PROJECTION_COLUMN,
+            QUERY_BUILDER_PROJECTION_COLUMN_DND_TYPE,
         ],
         drop: (item, monitor) => {
             if (!monitor.didDrop()) {
@@ -255,7 +233,7 @@ const QueryBuilderPostFilterTreeNodeContainer = observer((props) => {
             } // prevent drop event propagation to accomondate for nested DnD
         },
         collect: (monitor) => ({
-            isPropertyDragOver: monitor.isOver({ shallow: true }),
+            isDragOver: monitor.isOver({ shallow: true }),
         }),
     }), [handleDrop]);
     const [, dragConnector, dragPreviewConnector] = useDrag(() => ({
@@ -268,10 +246,7 @@ const QueryBuilderPostFilterTreeNodeContainer = observer((props) => {
         end: () => postFilterState.setRearrangingConditions(false),
     }), [node, postFilterState]);
     dragConnector(dropConnector(ref));
-    // hide default HTML5 preview image
-    useEffect(() => {
-        dragPreviewConnector(getEmptyImage(), { captureDraggingState: true });
-    }, [dragPreviewConnector]);
+    useDragPreviewLayer(dragPreviewConnector);
     // context menu
     const onContextMenuOpen = () => setIsSelectedFromContextMenu(true);
     const onContextMenuClose = () => setIsSelectedFromContextMenu(false);
@@ -284,8 +259,8 @@ const QueryBuilderPostFilterTreeNodeContainer = observer((props) => {
                         display: 'flex',
                     }, onClick: selectNode, children: [isExpandable && (_jsx("div", { className: "query-builder-post-filter-tree__expand-icon", onClick: toggleExpandNode, children: node.isOpen ? _jsx(ChevronDownIcon, {}) : _jsx(ChevronRightIcon, {}) })), _jsxs("div", { className: clsx('tree-view__node__label query-builder-post-filter-tree__node__label', {
                                 'query-builder-post-filter-tree__node__label--expandable': isExpandable,
-                            }), children: [node instanceof QueryBuilderPostFilterTreeGroupNodeData && (_jsx(QueryBuilderPostFilterGroupConditionEditor, { node: node, isPropertyDragOver: isPropertyDragOver })), node instanceof QueryBuilderPostFilterTreeConditionNodeData && (_jsx(QueryBuilderPostFilterConditionEditor, { node: node, isPropertyDragOver: isPropertyDragOver })), node instanceof
-                                    QueryBuilderPostFilterTreeBlankConditionNodeData && (_jsx(QueryBuilderPostFilterBlankConditionEditor, { node: node, isPropertyDragOver: isPropertyDragOver }))] })] }), _jsx("div", { className: "query-builder-post-filter-tree__node__actions", children: _jsx("button", { className: "query-builder-post-filter-tree__node__action", tabIndex: -1, title: "Remove", onClick: removeNode, children: _jsx(TimesIcon, {}) }) })] }) }));
+                            }), children: [node instanceof QueryBuilderPostFilterTreeGroupNodeData && (_jsx(QueryBuilderPostFilterGroupConditionEditor, { node: node, isDragOver: isDragOver })), node instanceof QueryBuilderPostFilterTreeConditionNodeData && (_jsx(QueryBuilderPostFilterConditionEditor, { node: node, isDragOver: isDragOver })), node instanceof
+                                    QueryBuilderPostFilterTreeBlankConditionNodeData && (_jsx(QueryBuilderPostFilterBlankConditionEditor, { node: node, isDragOver: isDragOver }))] })] }), _jsx("div", { className: "query-builder-post-filter-tree__node__actions", children: _jsx("button", { className: "query-builder-post-filter-tree__node__action", tabIndex: -1, title: "Remove", onClick: removeNode, children: _jsx(TimesIcon, {}) }) })] }) }));
 });
 const QueryBuilderPostFilterTreeNodeView = observer((props) => {
     const { node, level, onNodeSelect, getChildNodes, stepPaddingInRem, innerProps, } = props;
@@ -378,18 +353,18 @@ export const QueryBuilderPostFilterPanel = observer((props) => {
         queryBuilderState.fetchStructureState.projectionState.aggregationState
             .columns,
     ]);
-    const [{ isPropertyDragOver }, dropConnector] = useDrop(() => ({
-        accept: [QUERY_BUILDER_PROJECTION_DND_TYPE.PROJECTION_COLUMN],
+    const [{ isDragOver }, dropTargetConnector] = useDrop(() => ({
+        accept: [QUERY_BUILDER_PROJECTION_COLUMN_DND_TYPE],
         drop: (item, monitor) => {
             if (!monitor.didDrop()) {
                 handleDrop(item).catch(queryBuilderState.applicationStore.alertUnhandledError);
             } // prevent drop event propagation to accomondate for nested DnD
         },
         collect: (monitor) => ({
-            isPropertyDragOver: monitor.isOver({ shallow: true }),
+            isDragOver: monitor.isOver({ shallow: true }),
         }),
     }), [handleDrop]);
     return (_jsxs("div", { "data-testid": QUERY_BUILDER_TEST_ID.QUERY_BUILDER_POST_FILTER, className: "panel query-builder__filter", children: [_jsxs("div", { className: "panel__header", children: [_jsx("div", { className: "panel__header__title", children: _jsx("div", { className: "panel__header__title__label", children: "post-filter" }) }), _jsxs("div", { className: "panel__header__actions", children: [_jsx("button", { className: "panel__header__action", onClick: createCondition, tabIndex: -1, title: "Create Condition", children: _jsx(PlusIcon, {}) }), _jsx("button", { className: "panel__header__action", disabled: !(postFilterState.selectedNode instanceof
-                                    QueryBuilderPostFilterTreeConditionNodeData), onClick: newGroupWithCondition, tabIndex: -1, title: "Create Group From Condition", children: _jsx(PlusCircleIcon, {}) }), _jsx("button", { className: "panel__header__action", disabled: !allowGroupCreation, onClick: createGroupCondition, tabIndex: -1, title: "Create Logical Group", children: _jsx(NewFolderIcon, {}) }), _jsx("button", { className: "panel__header__action", onClick: pruneTree, tabIndex: -1, title: "Cleanup Tree", children: _jsx(BrushIcon, {}) }), _jsx("button", { className: "panel__header__action", onClick: simplifyTree, tabIndex: -1, title: "Simplify Tree", children: _jsx(CircleIcon, {}) }), _jsx("button", { className: "panel__header__action", onClick: collapseTree, tabIndex: -1, title: "Collapse Tree", children: _jsx(CompressIcon, {}) }), _jsx("button", { className: "panel__header__action", onClick: expandTree, tabIndex: -1, title: "Expand Tree", children: _jsx(ExpandIcon, {}) })] })] }), _jsxs("div", { className: "panel__content query-builder__filter__content dnd__overlay__container", ref: dropConnector, children: [_jsx("div", { className: clsx({ dnd__overlay: isPropertyDragOver }) }), postFilterState.isEmpty && (_jsx(BlankPanelPlaceholder, { placeholderText: "Add a post-filter condition", tooltipText: "Drag and drop properties here" })), !postFilterState.isEmpty && (_jsxs(_Fragment, { children: [_jsx(PostFilterConditionDragLayer, {}), _jsx(QueryBuilderPostFilterTree, { queryBuilderState: queryBuilderState })] }))] })] }));
+                                    QueryBuilderPostFilterTreeConditionNodeData), onClick: newGroupWithCondition, tabIndex: -1, title: "Create Group From Condition", children: _jsx(PlusCircleIcon, {}) }), _jsx("button", { className: "panel__header__action", disabled: !allowGroupCreation, onClick: createGroupCondition, tabIndex: -1, title: "Create Logical Group", children: _jsx(NewFolderIcon, {}) }), _jsx("button", { className: "panel__header__action", onClick: pruneTree, tabIndex: -1, title: "Cleanup Tree", children: _jsx(BrushIcon, {}) }), _jsx("button", { className: "panel__header__action", onClick: simplifyTree, tabIndex: -1, title: "Simplify Tree", children: _jsx(CircleIcon, {}) }), _jsx("button", { className: "panel__header__action", onClick: collapseTree, tabIndex: -1, title: "Collapse Tree", children: _jsx(CompressIcon, {}) }), _jsx("button", { className: "panel__header__action", onClick: expandTree, tabIndex: -1, title: "Expand Tree", children: _jsx(ExpandIcon, {}) })] })] }), _jsx("div", { className: "panel__content query-builder__filter__content", children: _jsxs(PanelDropZone, { isDragOver: isDragOver, dropTargetConnector: dropTargetConnector, children: [postFilterState.isEmpty && (_jsx(BlankPanelPlaceholder, { text: "Add a post-filter condition", tooltipText: "Drag and drop properties here" })), !postFilterState.isEmpty && (_jsxs(_Fragment, { children: [_jsx(DragPreviewLayer, { labelGetter: (item) => item.node.dragPreviewLabel, types: Object.values(QUERY_BUILDER_POST_FILTER_DND_TYPE) }), _jsx(QueryBuilderPostFilterTree, { queryBuilderState: queryBuilderState })] }))] }) })] }));
 });
 //# sourceMappingURL=QueryBuilderPostFilterPanel.js.map