@finos/legend-query-builder 0.0.1

package/lib/components/QueryBuilderParametersPanel.js

@@ -0,0 +1,128 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Dialog, BlankPanelContent, CustomSelectorInput, PencilIcon, TimesIcon, DollarIcon, PlusIcon, InputWithInlineValidation, DragPreviewLayer, useDragPreviewLayer, BlankPanelPlaceholder, } from '@finos/legend-art';
+import { QUERY_BUILDER_PARAMETER_DND_TYPE, } from '../stores/QueryBuilderParametersState.js';
+import { MULTIPLICITY_INFINITE, PRIMITIVE_TYPE, VariableExpression, Multiplicity, GenericTypeExplicitReference, GenericType, } from '@finos/legend-graph';
+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 '../stores/QueryBuilderConfig.js';
+const VariableExpressionEditor = observer((props) => {
+    // main state
+    const { queryBuilderState, lambdaParameterState } = props;
+    const applicationStore = useApplicationStore();
+    const queryParametersState = queryBuilderState.parametersState;
+    const isCreating = !queryParametersState.parameterStates.includes(lambdaParameterState);
+    const varState = lambdaParameterState.parameter;
+    const multiplity = varState.multiplicity;
+    const validationMessage = !varState.name
+        ? `Parameter name can't be empty`
+        : (isCreating &&
+            queryParametersState.parameterStates.find((p) => p.parameter.name === varState.name)) ||
+            (!isCreating &&
+                queryParametersState.parameterStates.filter((p) => p.parameter.name === varState.name).length > 1)
+            ? 'Parameter name already exists'
+            : undefined;
+    // variable
+    const changeVariableName = (event) => {
+        variableExpression_setName(varState, event.target.value);
+    };
+    // type
+    const stringType = queryBuilderState.graphManagerState.graph.getPrimitiveType(PRIMITIVE_TYPE.STRING);
+    const variableType = lambdaParameterState.variableType ?? stringType;
+    const selectedType = buildElementOption(variableType);
+    const typeOptions = queryBuilderState.graphManagerState.graph.primitiveTypes
+        .map(buildElementOption)
+        .concat(queryBuilderState.graphManagerState.graph.enumerations.map(buildElementOption));
+    const changeType = (val) => {
+        if (variableType !== val.value) {
+            lambdaParameterState.changeVariableType(val.value);
+        }
+    };
+    // multiplicity
+    const changeLowerBound = (event) => {
+        lambdaParameterState.changeMultiplicity(parseInt(event.target.value), multiplity.upperBound);
+    };
+    const [upperBound, setUppBound] = useState(multiplity.upperBound === undefined
+        ? MULTIPLICITY_INFINITE
+        : multiplity.upperBound.toString());
+    const changeUpperBound = (event) => {
+        const value = event.target.value;
+        if (value === MULTIPLICITY_INFINITE ||
+            value === '' ||
+            !isNaN(parseInt(value))) {
+            lambdaParameterState.changeMultiplicity(multiplity.lowerBound, value === MULTIPLICITY_INFINITE || value === ''
+                ? undefined
+                : parseInt(value));
+            setUppBound(value);
+        }
+    };
+    const close = () => {
+        queryParametersState.setSelectedParameter(undefined);
+    };
+    const onAction = () => {
+        if (isCreating) {
+            queryParametersState.addParameter(lambdaParameterState);
+        }
+        close();
+    };
+    return (_jsx(Dialog, { open: Boolean(lambdaParameterState), onClose: close, classes: {
+            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: !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" })] })] }) }));
+});
+export const VariableExpressionViewer = observer((props) => {
+    const { queryBuilderState, isReadOnly, hideActions, variableExpressionState, } = props;
+    const queryParameterState = queryBuilderState.parametersState;
+    const variable = variableExpressionState.parameter;
+    const name = variable.name;
+    const variableType = variable.genericType?.value.rawType;
+    const typeName = variableType?.name;
+    const editVariable = () => {
+        queryParameterState.setSelectedParameter(variableExpressionState);
+    };
+    const deleteVariable = () => queryParameterState.removeParameter(variableExpressionState);
+    const [, dragConnector, dragPreviewConnector] = useDrag(() => ({
+        type: QUERY_BUILDER_PARAMETER_DND_TYPE,
+        item: { variable: variableExpressionState },
+    }), [variableExpressionState]);
+    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 }) })] })] }), !hideActions && (_jsxs("div", { className: "query-builder__parameters__parameter__actions", children: [_jsx("button", { className: "query-builder__parameters__parameter__action", tabIndex: -1, disabled: isReadOnly, onClick: editVariable, title: "Edit", children: _jsx(PencilIcon, {}) }), _jsx("button", { className: "query-builder__parameters__parameter__action", tabIndex: -1, onClick: deleteVariable, disabled: isReadOnly, title: "Remove", children: _jsx(TimesIcon, {}) })] }))] }));
+});
+export const QueryBuilderParametersPanel = observer((props) => {
+    const { queryBuilderState } = props;
+    const isReadOnly = !queryBuilderState.isQuerySupported;
+    const queryParameterState = queryBuilderState.parametersState;
+    const varNames = queryBuilderState.parametersState.parameterStates.map((parameter) => parameter.variableName);
+    const addParameter = () => {
+        if (!isReadOnly && !queryBuilderState.isParameterSupportDisabled) {
+            const parmaterState = new LambdaParameterState(new VariableExpression(generateEnumerableNameFromToken(varNames, DEFAULT_VARIABLE_NAME), new Multiplicity(1, 1), GenericTypeExplicitReference.create(new GenericType(queryParameterState.queryBuilderState.graphManagerState.graph.getPrimitiveType(PRIMITIVE_TYPE.STRING)))), queryBuilderState.observableContext, queryBuilderState.graphManagerState.graph);
+            queryParameterState.setSelectedParameter(parmaterState);
+            parmaterState.mockParameterValue();
+        }
+    };
+    return (_jsxs("div", { className: "panel query-builder__parameters", children: [_jsxs("div", { className: "panel__header", children: [_jsx("div", { className: "panel__header__title", children: _jsx("div", { className: "panel__header__title__label", children: "parameters" }) }), !isReadOnly && queryBuilderState.isParameterSupportDisabled && (_jsx("div", { className: "panel__header__actions", children: _jsx("button", { className: "panel__header__action", tabIndex: -1, onClick: addParameter, title: "Add Parameter", children: _jsx(PlusIcon, {}) }) }))] }), _jsxs("div", { className: "panel__content query-builder__parameters__content", children: [!queryBuilderState.isParameterSupportDisabled && (_jsxs(_Fragment, { children: [Boolean(queryParameterState.parameterStates.length) &&
+                                queryParameterState.parameterStates.map((parameter) => (_jsx(VariableExpressionViewer, { queryBuilderState: queryBuilderState, isReadOnly: isReadOnly, variableExpressionState: parameter }, parameter.uuid))), !queryParameterState.parameterStates.length && (_jsx(BlankPanelPlaceholder, { text: "Add a parameter", disabled: isReadOnly, onClick: addParameter, clickActionType: "add", previewText: "No parameter", tooltipText: "Click to add a new parameter" }))] })), queryBuilderState.isParameterSupportDisabled && (_jsx(BlankPanelContent, { children: "Parameters are not supported" }))] }), queryParameterState.selectedParameter && (_jsx(VariableExpressionEditor, { queryBuilderState: queryBuilderState, lambdaParameterState: queryParameterState.selectedParameter })), queryParameterState.parameterValuesEditorState.showModal && (_jsx(LambdaParameterValuesEditor, { graph: queryParameterState.queryBuilderState.graphManagerState.graph, lambdaParametersState: queryParameterState }))] }));
+});
+//# sourceMappingURL=QueryBuilderParametersPanel.js.map

package/lib/components/QueryBuilderParametersPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderParametersPanel.js","sourceRoot":"","sources":["../../src/components/QueryBuilderParametersPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,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,EACzB,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,gCAAgC,GACjC,MAAM,0CAA0C,CAAC;AAClD,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,EACpC,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,MAAM,wBAAwB,GAAG,QAAQ,CACvC,CAAC,KAGA,EAAE,EAAE;IACH,aAAa;IACb,MAAM,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,eAAe,CAAC;IAC/D,MAAM,UAAU,GACd,CAAC,oBAAoB,CAAC,eAAe,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IACvE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,SAAS,CAAC;IAChD,MAAM,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC;IACzC,MAAM,iBAAiB,GAAG,CAAC,QAAQ,CAAC,IAAI;QACtC,CAAC,CAAC,+BAA+B;QACjC,CAAC,CAAC,CAAC,UAAU;YACT,oBAAoB,CAAC,eAAe,CAAC,IAAI,CACvC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAC1C,CAAC;YACJ,CAAC,CAAC,UAAU;gBACV,oBAAoB,CAAC,eAAe,CAAC,MAAM,CACzC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAC1C,CAAC,MAAM,GAAG,CAAC,CAAC;YACjB,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,SAAS,CAAC;IAEd,WAAW;IACX,MAAM,kBAAkB,GAA+C,CACrE,KAAK,EACL,EAAE;QACF,0BAA0B,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO;IACP,MAAM,UAAU,GACd,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CACxD,cAAc,CAAC,MAAM,CACtB,CAAC;IACJ,MAAM,YAAY,GAAG,oBAAoB,CAAC,YAAY,IAAI,UAAU,CAAC;IACrE,MAAM,YAAY,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACtD,MAAM,WAAW,GACf,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc;SACrD,GAAG,CAAC,kBAAkB,CAAC;SACvB,MAAM,CACL,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CACxD,kBAAkB,CACnB,CACF,CAAC;IACN,MAAM,UAAU,GAAG,CAAC,GAAmC,EAAQ,EAAE;QAC/D,IAAI,YAAY,KAAK,GAAG,CAAC,KAAK,EAAE;YAC9B,oBAAoB,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;SACpD;IACH,CAAC,CAAC;IAEF,eAAe;IACf,MAAM,gBAAgB,GAA+C,CACnE,KAAK,EACL,EAAE;QACF,oBAAoB,CAAC,kBAAkB,CACrC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5B,UAAU,CAAC,UAAU,CACtB,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CACxC,UAAU,CAAC,UAAU,KAAK,SAAS;QACjC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,EAAE,CACrC,CAAC;IACF,MAAM,gBAAgB,GAA+C,CACnE,KAAK,EACL,EAAE;QACF,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACjC,IACE,KAAK,KAAK,qBAAqB;YAC/B,KAAK,KAAK,EAAE;YACZ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EACvB;YACA,oBAAoB,CAAC,kBAAkB,CACrC,UAAU,CAAC,UAAU,EACrB,KAAK,KAAK,qBAAqB,IAAI,KAAK,KAAK,EAAE;gBAC7C,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACpB,CAAC;YACF,WAAW,CAAC,KAAK,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAS,EAAE;QACvB,oBAAoB,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;IACvD,CAAC,CAAC;IACF,MAAM,QAAQ,GAAG,GAAS,EAAE;QAC1B,IAAI,UAAU,EAAE;YACd,oBAAoB,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC;SACzD;QACD,KAAK,EAAE,CAAC;IACV,CAAC,CAAC;IAEF,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,CAAC,gBAAgB,CAAC,8BAA8B,EAC1D,iBAAiB,EAAE,oCAAoC,CAAC;wCACtD,QAAQ,EAAE,CAAC,gBAAgB,CAAC,8BAA8B;qCAC3D,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,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAC9C,CAAC,KAKA,EAAE,EAAE;IACH,MAAM,EACJ,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,uBAAuB,GACxB,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,eAAe,CAAC;IAC9D,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,gCAAgC;QACtC,IAAI,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE;KAC5C,CAAC,EACF,CAAC,uBAAuB,CAAC,CAC1B,CAAC;IACF,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,sCAAsC,EAAC,GAAG,EAAE,aAAa,aACtE,KAAC,gBAAgB,IACf,WAAW,EAAE,CAAC,IAAqC,EAAU,EAAE,CAC7D,IAAI,CAAC,QAAQ,CAAC,YAAY,KAAK,EAAE;oBAC/B,CAAC,CAAC,WAAW;oBACb,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAEhC,KAAK,EAAE,CAAC,gCAAgC,CAAC,GACzC,EACF,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,EACL,CAAC,WAAW,IAAI,CACf,eAAK,SAAS,EAAC,+CAA+C,aAC5D,iBACE,SAAS,EAAC,8CAA8C,EACxD,QAAQ,EAAE,CAAC,CAAC,EACZ,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAC,MAAM,YAEZ,KAAC,UAAU,KAAG,GACP,EACT,iBACE,SAAS,EAAC,8CAA8C,EACxD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAC,QAAQ,YAEd,KAAC,SAAS,KAAG,GACN,IACL,CACP,IACG,CACP,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,UAAU,GAAG,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACvD,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,eAAe,CAAC;IAC9D,MAAM,QAAQ,GAAG,iBAAiB,CAAC,eAAe,CAAC,eAAe,CAAC,GAAG,CACpE,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAAY,CACtC,CAAC;IACF,MAAM,YAAY,GAAG,GAAS,EAAE;QAC9B,IAAI,CAAC,UAAU,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,EAAE;YAChE,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,EACnC,iBAAiB,CAAC,iBAAiB,CAAC,KAAK,CAC1C,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,EACL,CAAC,UAAU,IAAI,iBAAiB,CAAC,0BAA0B,IAAI,CAC9D,cAAK,SAAS,EAAC,wBAAwB,YACrC,iBACE,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,YAAY,EACrB,KAAK,EAAC,eAAe,YAErB,KAAC,QAAQ,KAAG,GACL,GACL,CACP,IACG,EACN,eAAK,SAAS,EAAC,mDAAmD,aAC/D,CAAC,iBAAiB,CAAC,0BAA0B,IAAI,CAChD,8BACG,OAAO,CAAC,mBAAmB,CAAC,eAAe,CAAC,MAAM,CAAC;gCAClD,mBAAmB,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACrD,KAAC,wBAAwB,IAEvB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,uBAAuB,EAAE,SAAS,IAH7B,SAAS,CAAC,IAAI,CAInB,CACH,CAAC,EACH,CAAC,mBAAmB,CAAC,eAAe,CAAC,MAAM,IAAI,CAC9C,KAAC,qBAAqB,IACpB,IAAI,EAAC,iBAAiB,EACtB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,YAAY,EACrB,eAAe,EAAC,KAAK,EACrB,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAC,8BAA8B,GAC1C,CACH,IACA,CACJ,EACA,iBAAiB,CAAC,0BAA0B,IAAI,CAC/C,KAAC,iBAAiB,+CAAiD,CACpE,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"}

package/lib/components/QueryBuilderPropertyExpressionEditor.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 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 QueryBuilderPropertyExpressionState } from '../stores/QueryBuilderPropertyEditorState.js';
+import { type QueryBuilderExplorerTreePropertyNodeData } from '../stores/explorer/QueryBuilderExplorerState.js';
+export declare const QueryBuilderPropertyExpressionEditor: ((props: {
+    propertyExpressionState: QueryBuilderPropertyExpressionState;
+}) => JSX.Element) & {
+    displayName: string;
+};
+export declare const QueryBuilderPropertyExpressionBadge: ((props: {
+    propertyExpressionState: QueryBuilderPropertyExpressionState;
+    onPropertyExpressionChange: (node: QueryBuilderExplorerTreePropertyNodeData) => void;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=QueryBuilderPropertyExpressionEditor.d.ts.map

package/lib/components/QueryBuilderPropertyExpressionEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderPropertyExpressionEditor.d.ts","sourceRoot":"","sources":["../../src/components/QueryBuilderPropertyExpressionEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAWH,OAAO,EAKL,KAAK,mCAAmC,EACzC,MAAM,8CAA8C,CAAC;AAEtD,OAAO,EAGL,KAAK,wCAAwC,EAC9C,MAAM,iDAAiD,CAAC;AAmKzD,eAAO,MAAM,oCAAoC,WACvC;IAAE,uBAAuB,EAAE,mCAAmC,CAAA;CAAE;;CA+DzE,CAAC;AAEF,eAAO,MAAM,mCAAmC;6BAEnB,mCAAmC;uCAEpD,wCAAwC,KAC3C,IAAI;;;CAwGZ,CAAC"}

package/lib/components/QueryBuilderPropertyExpressionEditor.js

@@ -0,0 +1,116 @@
+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 { useCallback } from 'react';
+import { clsx, Dialog, PanelDropZone, InfoCircleIcon, PanelEntryDropZonePlaceholder, } from '@finos/legend-art';
+import { observer } from 'mobx-react-lite';
+import { generateMilestonedPropertyParameterValue, generateValueSpecificationForParameter, getPropertyPath, } from '../stores/QueryBuilderPropertyEditorState.js';
+import { useDrop } from 'react-dnd';
+import { QUERY_BUILDER_EXPLORER_TREE_DND_TYPE, } from '../stores/explorer/QueryBuilderExplorerState.js';
+import { QueryBuilderPropertyInfoTooltip } from './shared/QueryBuilderPropertyInfoTooltip.js';
+import { VariableExpressionViewer } from './QueryBuilderParametersPanel.js';
+import { QUERY_BUILDER_PARAMETER_DND_TYPE, } from '../stores/QueryBuilderParametersState.js';
+import { Class, Enumeration, PrimitiveType, PRIMITIVE_TYPE, isSuperType, } from '@finos/legend-graph';
+import { guaranteeNonNullable } from '@finos/legend-shared';
+import { propertyExpression_setParametersValue, BasicValueSpecificationEditor, } from '@finos/legend-application';
+const DerivedPropertyParameterValueEditor = observer((props) => {
+    const { derivedPropertyExpressionState, variable, idx } = props;
+    const graph = derivedPropertyExpressionState.queryBuilderState.graphManagerState.graph;
+    const parameterType = guaranteeNonNullable(derivedPropertyExpressionState.parameters[idx]?.genericType).value.rawType;
+    const handleDrop = useCallback((item) => {
+        propertyExpression_setParametersValue(derivedPropertyExpressionState.propertyExpression, idx + 1, item.variable.parameter, derivedPropertyExpressionState.queryBuilderState.observableContext);
+    }, [derivedPropertyExpressionState, idx]);
+    const [{ isParameterValueDragOver }, dropTargetConnector] = useDrop(() => ({
+        accept: [QUERY_BUILDER_PARAMETER_DND_TYPE],
+        drop: (item, monitor) => {
+            const itemType = item.variable.parameter.genericType?.value.rawType;
+            if (!monitor.didDrop() &&
+                // Doing a type check, which only allows dragging and dropping parameters of the same type or of child types
+                itemType &&
+                (isSuperType(parameterType, itemType) ||
+                    parameterType.name === itemType.name)) {
+                handleDrop(item);
+            } // prevent drop event propagation to accomondate for nested DnD
+        },
+        collect: (monitor) => ({
+            isParameterValueDragOver: monitor.isOver({
+                shallow: true,
+            }),
+        }),
+    }), [handleDrop]);
+    const resetParameterValue = () => {
+        propertyExpression_setParametersValue(derivedPropertyExpressionState.propertyExpression, idx + 1, generateMilestonedPropertyParameterValue(derivedPropertyExpressionState, idx) ??
+            generateValueSpecificationForParameter(variable, derivedPropertyExpressionState.queryBuilderState.graphManagerState
+                .graph), derivedPropertyExpressionState.queryBuilderState.observableContext);
+    };
+    return (_jsxs("div", { className: "panel__content__form__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: variable.name }), _jsx("div", { className: "panel__content__form__section__header__prompt", children: `${variable.multiplicity.lowerBound === 0 ? 'optional' : ''}` }), _jsx("div", { className: "query-builder__parameter-editor", children: _jsx(PanelDropZone, { isDragOver: isParameterValueDragOver, dropTargetConnector: dropTargetConnector, children: _jsx(BasicValueSpecificationEditor, { valueSpecification: guaranteeNonNullable(derivedPropertyExpressionState.parameterValues[idx]), setValueSpecification: (val) => {
+                            propertyExpression_setParametersValue(derivedPropertyExpressionState.propertyExpression, idx + 1, val, derivedPropertyExpressionState.queryBuilderState
+                                .observableContext);
+                        }, graph: graph, typeCheckOption: {
+                            expectedType: parameterType,
+                            match: parameterType ===
+                                graph.getPrimitiveType(PRIMITIVE_TYPE.DATETIME),
+                        }, resetValue: resetParameterValue }) }) }), _jsx("div", { className: "panel__content__form__section__list" })] }, variable.name));
+});
+const DerivedPropertyExpressionEditor = observer((props) => {
+    const { derivedPropertyExpressionState } = props;
+    const parameterValues = derivedPropertyExpressionState.parameterValues;
+    const parameters = derivedPropertyExpressionState.parameters;
+    return (_jsxs("div", { className: "query-builder-property-editor__section", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: derivedPropertyExpressionState.title }), !parameterValues.length && (_jsx("div", { className: "query-builder-property-editor__section__content--empty", children: "No parameter" })), parameters.map((variable, idx) => (_jsx(DerivedPropertyParameterValueEditor, { derivedPropertyExpressionState: derivedPropertyExpressionState, variable: variable, idx: idx }, variable.name)))] }));
+});
+export const QueryBuilderPropertyExpressionEditor = observer((props) => {
+    const { propertyExpressionState } = props;
+    const handleClose = () => propertyExpressionState.setIsEditingDerivedProperty(false);
+    return (_jsx(Dialog, { open: Boolean(propertyExpressionState.isEditingDerivedPropertyExpression), onClose: handleClose, classes: {
+            root: 'editor-modal__root-container',
+            container: 'editor-modal__container',
+            paper: 'editor-modal__content',
+        }, children: _jsxs("div", { className: "modal modal--dark editor-modal query-builder-property-editor", children: [_jsx("div", { className: "modal__header", children: _jsx("div", { className: "modal__title", children: "Derived Property" }) }), _jsxs("div", { className: "modal__body query-builder-property-editor__content", children: [propertyExpressionState.derivedPropertyExpressionStates.map((pe) => (_jsx(DerivedPropertyExpressionEditor, { derivedPropertyExpressionState: pe }, pe.path))), _jsxs("div", { className: "modal__body query-builder__parameters__modal__body", children: [_jsx("div", { className: "panel__content__form__section__header__label", children: "List of available parameters" }), _jsx("div", { className: "panel__content__form__section__list__items", children: propertyExpressionState.queryBuilderState.parametersState.parameterStates.map((parameter) => (_jsx(VariableExpressionViewer, { queryBuilderState: propertyExpressionState.queryBuilderState, variableExpressionState: parameter, isReadOnly: true, hideActions: true }, parameter.uuid))) })] })] }), _jsx("div", { className: "modal__footer", children: _jsx("button", { className: "btn modal__footer__close-btn", onClick: handleClose, children: "Done" }) })] }) }));
+});
+export const QueryBuilderPropertyExpressionBadge = observer((props) => {
+    const { propertyExpressionState, onPropertyExpressionChange } = props;
+    const type = propertyExpressionState.propertyExpression.func.genericType.value.rawType;
+    const hasDerivedPropertyInExpression = Boolean(propertyExpressionState.derivedPropertyExpressionStates.length);
+    const isValid = propertyExpressionState.isValid;
+    const setDerivedPropertyArguments = () => {
+        if (hasDerivedPropertyInExpression) {
+            propertyExpressionState.setIsEditingDerivedProperty(true);
+        }
+    };
+    const handleDrop = useCallback((item) => onPropertyExpressionChange(item.node), [onPropertyExpressionChange]);
+    const [{ isDragOver }, dropConnector] = useDrop(() => ({
+        accept: [
+            QUERY_BUILDER_EXPLORER_TREE_DND_TYPE.ENUM_PROPERTY,
+            QUERY_BUILDER_EXPLORER_TREE_DND_TYPE.PRIMITIVE_PROPERTY,
+        ],
+        drop: (item, monitor) => {
+            if (!monitor.didDrop()) {
+                handleDrop(item);
+            } // prevent drop event propagation to accomondate for nested DnD
+        },
+        collect: (monitor) => ({
+            isDragOver: monitor.isOver({ shallow: true }),
+        }),
+    }), [handleDrop]);
+    return (_jsx("div", { className: "query-builder-property-expression-badge", ref: dropConnector, children: _jsx(PanelEntryDropZonePlaceholder, { showPlaceholder: isDragOver, label: "Change Property", className: "query-builder__dnd__placeholder", children: _jsxs("div", { className: clsx('query-builder-property-expression-badge__content', {
+                    'query-builder-property-expression-badge__content--class': type instanceof Class,
+                    'query-builder-property-expression-badge__content--enumeration': type instanceof Enumeration,
+                    'query-builder-property-expression-badge__content--primitive': type instanceof PrimitiveType,
+                }), children: [_jsx("div", { className: "query-builder-property-expression-badge__property", title: `${propertyExpressionState.title} - ${propertyExpressionState.path}`, children: propertyExpressionState.title }), hasDerivedPropertyInExpression && (_jsxs("button", { className: clsx('query-builder-property-expression-badge__action', {
+                            'query-builder-property-expression-badge__action--error': !isValid,
+                        }), tabIndex: -1, onClick: setDerivedPropertyArguments, title: "Set Derived Property Argument(s)...", children: [!isValid && _jsx(InfoCircleIcon, {}), " (...)"] })), _jsx(QueryBuilderPropertyExpressionEditor, { propertyExpressionState: propertyExpressionState }), _jsx(QueryBuilderPropertyInfoTooltip, { property: propertyExpressionState.propertyExpression.func, path: getPropertyPath(propertyExpressionState.propertyExpression), isMapped: true, placement: "bottom-end", children: _jsx("div", { className: "query-builder-property-expression-badge__property__info", children: _jsx(InfoCircleIcon, {}) }) })] }) }) }));
+});
+//# sourceMappingURL=QueryBuilderPropertyExpressionEditor.js.map

package/lib/components/QueryBuilderPropertyExpressionEditor.js.map

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

package/lib/components/QueryBuilderResultPanel.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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 QueryBuilderResultPanel: ((props: {
+    queryBuilderState: QueryBuilderState;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=QueryBuilderResultPanel.d.ts.map

package/lib/components/QueryBuilderResultPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderResultPanel.d.ts","sourceRoot":"","sources":["../../src/components/QueryBuilderResultPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAiBH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AA0WxE,eAAO,MAAM,uBAAuB,WAC1B;IAAE,iBAAiB,EAAE,iBAAiB,CAAA;CAAE;;CAqPjD,CAAC"}

package/lib/components/QueryBuilderResultPanel.js

@@ -0,0 +1,242 @@
+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 { AgGridColumn, AgGridReact } from '@ag-grid-community/react';
+import { BlankPanelContent, PanelLoadingIndicator, PlayIcon, DropdownMenu, MenuContent, MenuContentItem, CaretDownIcon, ContextMenu, clsx, PauseCircleIcon, } from '@finos/legend-art';
+import { observer } from 'mobx-react-lite';
+import { flowResult } from 'mobx';
+import { InstanceValue, extractExecutionResultValues, TdsExecutionResult, RawExecutionResult, EXECUTION_SERIALIZATION_FORMAT, EnumValueInstanceValue, EnumValueExplicitReference, } from '@finos/legend-graph';
+import { ActionAlertActionType, ActionAlertType, EDITOR_LANGUAGE, ExecutionPlanViewer, instanceValue_changeValue, instanceValue_changeValues, PARAMETER_SUBMIT_ACTION, TAB_SIZE, TextInputEditor, useApplicationStore, } from '@finos/legend-application';
+import { assertErrorThrown, guaranteeNonNullable, isBoolean, } from '@finos/legend-shared';
+import { forwardRef, useState } from 'react';
+import { QueryBuilderDerivationProjectionColumnState, QueryBuilderProjectionColumnState, } from '../stores/fetch-structure/projection/QueryBuilderProjectionColumnState.js';
+import { PostFilterConditionState, QueryBuilderPostFilterTreeConditionNodeData, } from '../stores/fetch-structure/projection/post-filter/QueryBuilderPostFilterState.js';
+import { QueryBuilderPostFilterOperator_Equal, QueryBuilderPostFilterOperator_NotEqual, } from '../stores/fetch-structure/projection/post-filter/operators/QueryBuilderPostFilterOperator_Equal.js';
+import { QueryBuilderPostFilterOperator_In, QueryBuilderPostFilterOperator_NotIn, } from '../stores/fetch-structure/projection/post-filter/operators/QueryBuilderPostFilterOperator_In.js';
+import { QueryBuilderProjectionState } from '../stores/fetch-structure/projection/QueryBuilderProjectionState.js';
+const QueryBuilderGridResultContextMenu = observer(forwardRef(function QueryBuilderResultContextMenu(props, ref) {
+    const { event, projectionState } = props;
+    const applicationStore = useApplicationStore();
+    const postFilterEqualOperator = new QueryBuilderPostFilterOperator_Equal();
+    const postFilterInOperator = new QueryBuilderPostFilterOperator_In();
+    const postFilterNotEqualOperator = new QueryBuilderPostFilterOperator_NotEqual();
+    const postFilterNotInOperator = new QueryBuilderPostFilterOperator_NotIn();
+    const postFilterState = projectionState.postFilterState;
+    const projectionColumnState = guaranteeNonNullable(projectionState.columns
+        .filter((c) => c.columnName === event?.column.getColId())
+        .concat(projectionState.aggregationState.columns
+        .filter((c) => c.columnName === event?.column.getColId())
+        .map((ag) => ag.projectionColumnState))[0]);
+    const getExistingPostFilterNode = (operators) => Array.from(postFilterState.nodes.values())
+        .filter((v) => v instanceof QueryBuilderPostFilterTreeConditionNodeData &&
+        v.condition.columnState instanceof
+            QueryBuilderProjectionColumnState)
+        .filter((n) => n.condition
+        .columnState.columnName === projectionColumnState.columnName &&
+        operators
+            .map((op) => op.getLabel())
+            .includes(n.condition.operator.getLabel()))[0];
+    const updateFilterConditionValue = (conditionValue) => {
+        if (event?.value !== null) {
+            instanceValue_changeValue(conditionValue, conditionValue instanceof EnumValueInstanceValue
+                ? EnumValueExplicitReference.create(guaranteeNonNullable((conditionValue.genericType?.ownerReference
+                    .value).values.filter((v) => v.name === event?.value)[0]))
+                : event?.value, 0);
+        }
+    };
+    const generateNewPostFilterConditionNodeData = async (operator) => {
+        let postFilterConditionState;
+        try {
+            postFilterConditionState = new PostFilterConditionState(postFilterState, projectionColumnState, undefined, operator);
+            if (projectionColumnState instanceof
+                QueryBuilderDerivationProjectionColumnState) {
+                await flowResult(projectionColumnState.fetchDerivationLambdaReturnType());
+            }
+            const defaultFilterConditionValue = postFilterConditionState.operator.getDefaultFilterConditionValue(postFilterConditionState);
+            postFilterConditionState.setValue(defaultFilterConditionValue);
+            updateFilterConditionValue(defaultFilterConditionValue);
+        }
+        catch (error) {
+            assertErrorThrown(error);
+            applicationStore.notifyWarning(error.message);
+            return;
+        }
+        postFilterState.addNodeFromNode(new QueryBuilderPostFilterTreeConditionNodeData(undefined, postFilterConditionState), undefined);
+    };
+    const updateExistingPostFilterConditionNodeData = (existingPostFilterNode, isFilterBy) => {
+        const conditionState = existingPostFilterNode.condition;
+        if (conditionState.operator.getLabel() ===
+            (isFilterBy
+                ? postFilterEqualOperator
+                : postFilterNotEqualOperator).getLabel()) {
+            const doesValueAlreadyExist = conditionState.value instanceof InstanceValue &&
+                (conditionState.value instanceof EnumValueInstanceValue
+                    ? conditionState.value.values.map((ef) => ef.value.name)
+                    : conditionState.value.values).includes(event?.value);
+            if (!doesValueAlreadyExist) {
+                const currentValueSpecificaton = conditionState.value;
+                const newValueSpecification = conditionState.operator.getDefaultFilterConditionValue(conditionState);
+                updateFilterConditionValue(newValueSpecification);
+                conditionState.changeOperator(isFilterBy ? postFilterInOperator : postFilterNotInOperator);
+                instanceValue_changeValues(conditionState.value, [
+                    currentValueSpecificaton,
+                    newValueSpecification,
+                ]);
+            }
+        }
+        else {
+            const doesValueAlreadyExist = conditionState.value instanceof InstanceValue &&
+                conditionState.value.values
+                    .filter((v) => v instanceof InstanceValue)
+                    .map((v) => v instanceof EnumValueInstanceValue
+                    ? v.values.map((ef) => ef.value.name)
+                    : v.values)
+                    .flat()
+                    .includes(event?.value);
+            if (!doesValueAlreadyExist) {
+                const newValueSpecification = (isFilterBy ? postFilterEqualOperator : postFilterNotEqualOperator).getDefaultFilterConditionValue(conditionState);
+                updateFilterConditionValue(newValueSpecification);
+                instanceValue_changeValues(conditionState.value, [
+                    ...conditionState.value.values,
+                    newValueSpecification,
+                ]);
+            }
+        }
+    };
+    const filterByOrOut = (isFilterBy) => {
+        projectionState.setShowPostFilterPanel(true);
+        const existingPostFilterNode = getExistingPostFilterNode(isFilterBy
+            ? [postFilterEqualOperator, postFilterInOperator]
+            : [postFilterNotEqualOperator, postFilterNotInOperator]);
+        existingPostFilterNode === undefined
+            ? generateNewPostFilterConditionNodeData(isFilterBy ? postFilterEqualOperator : postFilterNotEqualOperator).catch(applicationStore.alertUnhandledError)
+            : updateExistingPostFilterConditionNodeData(existingPostFilterNode, isFilterBy);
+    };
+    return (_jsxs(MenuContent, { ref: ref, children: [_jsx(MenuContentItem, { onClick: () => {
+                    filterByOrOut(true);
+                }, children: "Filter By" }), _jsx(MenuContentItem, { onClick: () => {
+                    filterByOrOut(false);
+                }, children: "Filter Out" })] }));
+}));
+const QueryBuilderGridResult = observer((props) => {
+    const { executionResult, queryBuilderState } = props;
+    const fetchStructureImplementation = queryBuilderState.fetchStructureState.implementation;
+    const [cellDoubleClickedEvent, setCellDoubleClickedEvent] = useState(null);
+    const columns = executionResult.result.columns;
+    const rowData = executionResult.result.rows.map((_row) => {
+        const row = {};
+        const cols = executionResult.result.columns;
+        _row.values.forEach((value, idx) => {
+            // `ag-grid` shows `false` value as empty string so we have
+            // call `.toString()` to avoid this behavior.
+            // See https://github.com/finos/legend-studio/issues/1008
+            row[cols[idx]] = isBoolean(value) ? String(value) : value;
+        });
+        return row;
+    });
+    return (_jsx(ContextMenu, { content: 
+        // NOTE: we only support this functionality for grid result with a projection fetch-structure
+        fetchStructureImplementation instanceof
+            QueryBuilderProjectionState ? (_jsx(QueryBuilderGridResultContextMenu, { event: cellDoubleClickedEvent, projectionState: fetchStructureImplementation })) : null, disabled: !(fetchStructureImplementation instanceof QueryBuilderProjectionState), menuProps: { elevation: 7 }, className: clsx('ag-theme-balham-dark query-builder__result__tds-grid'), children: _jsx(AgGridReact, { rowData: rowData, onCellMouseOver: (event) => {
+                setCellDoubleClickedEvent(event);
+            }, children: columns.map((colName) => (_jsx(AgGridColumn, { minWidth: 50, sortable: true, resizable: true, field: colName, flex: 1 }, colName))) }) }, executionResult._UUID));
+});
+const QueryBuilderResultValues = observer((props) => {
+    const { executionResult, queryBuilderState } = props;
+    if (executionResult instanceof TdsExecutionResult) {
+        return (_jsx(QueryBuilderGridResult, { queryBuilderState: queryBuilderState, executionResult: executionResult }));
+    }
+    else if (executionResult instanceof RawExecutionResult) {
+        return (_jsx(TextInputEditor, { language: EDITOR_LANGUAGE.TEXT, inputValue: executionResult.value, isReadOnly: true }));
+    }
+    else {
+        const executionResultString = JSON.stringify(extractExecutionResultValues(executionResult), null, TAB_SIZE);
+        return (_jsx(TextInputEditor, { language: EDITOR_LANGUAGE.JSON, inputValue: executionResultString, isReadOnly: true }));
+    }
+});
+export const QueryBuilderResultPanel = observer((props) => {
+    const { queryBuilderState } = props;
+    const applicationStore = useApplicationStore();
+    const resultState = queryBuilderState.resultState;
+    const queryParametersState = queryBuilderState.parametersState;
+    const executionResult = resultState.executionResult;
+    const USER_ATTESTATION_MESSAGE = 'I attest that I am aware of the sensitive data leakage risk when exporting queried data. The data I export will only be used by me.';
+    const exportQueryResults = async (format) => {
+        if (queryBuilderState.parametersState.parameterStates.length) {
+            queryParametersState.parameterValuesEditorState.open(() => flowResult(resultState.exportData(format)).catch(applicationStore.alertUnhandledError), PARAMETER_SUBMIT_ACTION.EXPORT);
+        }
+        else {
+            await flowResult(resultState.exportData(format)).catch(applicationStore.alertUnhandledError);
+        }
+    };
+    const confirmExport = (format) => {
+        applicationStore.setActionAlertInfo({
+            message: USER_ATTESTATION_MESSAGE,
+            type: ActionAlertType.CAUTION,
+            actions: [
+                {
+                    label: 'Accept',
+                    type: ActionAlertActionType.PROCEED_WITH_CAUTION,
+                    handler: applicationStore.guardUnhandledError(() => exportQueryResults(format)),
+                },
+                {
+                    label: 'Decline',
+                    type: ActionAlertActionType.PROCEED,
+                    default: true,
+                },
+            ],
+        });
+    };
+    const queryValidationIssues = queryBuilderState.validationIssues;
+    const isQueryValid = !queryBuilderState.isQuerySupported || !queryValidationIssues;
+    const runQuery = () => {
+        if (queryParametersState.parameterStates.length) {
+            queryParametersState.parameterValuesEditorState.open(() => flowResult(resultState.runQuery()).catch(applicationStore.alertUnhandledError), PARAMETER_SUBMIT_ACTION.EXECUTE);
+        }
+        else {
+            flowResult(resultState.runQuery()).catch(applicationStore.alertUnhandledError);
+        }
+    };
+    const cancelQuery = () => {
+        resultState.setIsRunningQuery(false);
+        queryBuilderState.resultState.setQueryRunPromise(undefined);
+    };
+    const generatePlan = applicationStore.guardUnhandledError(() => flowResult(resultState.generatePlan(false)));
+    const debugPlanGeneration = applicationStore.guardUnhandledError(() => flowResult(resultState.generatePlan(true)));
+    const changeLimit = (event) => {
+        const val = event.target.value;
+        queryBuilderState.resultState.setPreviewLimit(val === '' ? 0 : parseInt(val, 10));
+    };
+    const allowSettingPreviewLimit = queryBuilderState.isQuerySupported;
+    const resultSetSize = (result) => result && result instanceof TdsExecutionResult
+        ? `${result.result.rows.length} row(s) in ${resultState.executionDuration?.toString()} ms`
+        : '';
+    return (_jsxs("div", { className: "panel query-builder__result", children: [_jsxs("div", { className: "panel__header", children: [_jsxs("div", { className: "panel__header__title", children: [_jsx("div", { className: "panel__header__title__label", children: "result" }), _jsx("div", { className: "query-builder__result__analytics", children: resultSetSize(executionResult) })] }), _jsxs("div", { className: "panel__header__actions query-builder__result__header__actions", children: [allowSettingPreviewLimit && (_jsxs("div", { className: "query-builder__result__limit", children: [_jsx("div", { className: "query-builder__result__limit__label", children: "preview limit" }), _jsx("input", { className: "input--dark query-builder__result__limit__input", spellCheck: false, type: "number", value: resultState.previewLimit, onChange: changeLimit, disabled: !isQueryValid })] })), resultState.isRunningQuery ? (_jsx("button", { className: "query-builder__result__stop-btn", onClick: cancelQuery, tabIndex: -1, disabled: !isQueryValid, children: _jsxs("div", { className: "btn--dark btn--caution query-builder__result__stop-btn__label", children: [_jsx(PauseCircleIcon, { className: "query-builder__result__stop-btn__label__icon" }), _jsx("div", { className: "query-builder__result__stop-btn__label__title", children: "Stop" })] }) })) : (_jsxs("button", { className: "query-builder__result__execute-btn", onClick: runQuery, tabIndex: -1, title: queryValidationIssues
+                                    ? `Query is not valid:\n${queryValidationIssues
+                                        .map((issue) => `\u2022 ${issue}`)
+                                        .join('\n')}`
+                                    : undefined, disabled: !isQueryValid, children: [_jsxs("div", { className: "query-builder__result__execute-btn__label", children: [_jsx(PlayIcon, { className: "query-builder__result__execute-btn__label__icon" }), _jsx("div", { className: "query-builder__result__execute-btn__label__title", children: "Run Query" })] }), _jsx(DropdownMenu, { className: "query-builder__result__execute-btn__dropdown-btn", disabled: resultState.isGeneratingPlan, content: _jsxs(MenuContent, { children: [_jsx(MenuContentItem, { className: "query-builder__result__execute-btn__option", onClick: generatePlan, children: "Generate Plan" }), _jsx(MenuContentItem, { className: "query-builder__result__execute-btn__option", onClick: debugPlanGeneration, children: "Debug" })] }), menuProps: {
+                                            anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
+                                            transformOrigin: { vertical: 'top', horizontal: 'right' },
+                                        }, children: _jsx(CaretDownIcon, {}) })] })), _jsxs(DropdownMenu, { className: "query-builder__result__export__dropdown", content: _jsx(MenuContent, { children: Object.values(EXECUTION_SERIALIZATION_FORMAT).map((format) => (_jsx(MenuContentItem, { className: "query-builder__result__export__dropdown__menu__item", onClick: () => confirmExport(format), children: format }, format))) }), menuProps: {
+                                    anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
+                                    transformOrigin: { vertical: 'top', horizontal: 'right' },
+                                    elevation: 7,
+                                }, children: [_jsx("button", { className: "query-builder__result__export__dropdown__label", tabIndex: -1, title: "Export", disabled: !isQueryValid, children: "Export" }), _jsx("button", { className: "query-builder__result__export__dropdown__trigger", tabIndex: -1, disabled: !isQueryValid, children: _jsx(CaretDownIcon, {}) })] })] })] }), _jsxs("div", { className: "panel__content", children: [_jsx(PanelLoadingIndicator, { isLoading: resultState.isRunningQuery ||
+                            resultState.isGeneratingPlan ||
+                            resultState.exportDataState.isInProgress }), !executionResult && (_jsx(BlankPanelContent, { children: "Build or load a valid query first" })), executionResult && (_jsx("div", { className: "query-builder__result__values", children: _jsx(QueryBuilderResultValues, { executionResult: executionResult, queryBuilderState: queryBuilderState }) }))] }), _jsx(ExecutionPlanViewer, { executionPlanState: resultState.executionPlanState })] }));
+});
+//# sourceMappingURL=QueryBuilderResultPanel.js.map