@finos/legend-application-query 5.2.8 → 6.0.0

package/lib/components/query-builder/QueryBuilder.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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"/>
+import type { QueryBuilderState } from '../../stores/query-builder/QueryBuilderState.js';
+export declare const QueryBuilder: ((props: {
+    queryBuilderState: QueryBuilderState;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=QueryBuilder.d.ts.map

package/lib/components/query-builder/QueryBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/query-builder/QueryBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AA0BH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AA6EzF,eAAO,MAAM,YAAY,WACf;IAAE,iBAAiB,EAAE,iBAAiB,CAAA;CAAE;;CAoSjD,CAAC"}

package/lib/components/query-builder/QueryBuilder.js

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

package/lib/components/query-builder/QueryBuilder.js.map

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

package/lib/components/query-builder/QueryBuilderParametersPanel.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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"/>
+import type { QueryBuilderState } from '../../stores/query-builder/QueryBuilderState.js';
+import { LambdaParameterState } from '@finos/legend-application';
+export declare const VariableExpressionViewer: ((props: {
+    queryBuilderState: QueryBuilderState;
+    isReadOnly: boolean;
+    hideActions?: boolean;
+    variableExpressionState: LambdaParameterState;
+}) => JSX.Element) & {
+    displayName: string;
+};
+export declare const QueryBuilderParametersPanel: ((props: {
+    queryBuilderState: QueryBuilderState;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=QueryBuilderParametersPanel.d.ts.map

package/lib/components/query-builder/QueryBuilderParametersPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderParametersPanel.d.ts","sourceRoot":"","sources":["../../../src/components/query-builder/QueryBuilderParametersPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AA2BzF,OAAO,EAIL,oBAAoB,EAIrB,MAAM,2BAA2B,CAAC;AAuMnC,eAAO,MAAM,wBAAwB,WAC3B;IACN,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,oBAAoB,CAAC;CAC/C;;CA4EF,CAAC;AAEF,eAAO,MAAM,2BAA2B,WAC9B;IAAE,iBAAiB,EAAE,iBAAiB,CAAA;CAAE;;CA6FjD,CAAC"}

package/lib/components/query-builder/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/query-builder/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/query-builder/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/query-builder/QueryBuilderParametersPanel.js.map

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

package/lib/components/query-builder/QueryBuilderPropertyExpressionEditor.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 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"/>
+import { type QueryBuilderPropertyExpressionState } from '../../stores/query-builder/QueryBuilderPropertyEditorState.js';
+import { type QueryBuilderExplorerTreePropertyNodeData } from '../../stores/query-builder/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/query-builder/QueryBuilderPropertyExpressionEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderPropertyExpressionEditor.d.ts","sourceRoot":"","sources":["../../../src/components/query-builder/QueryBuilderPropertyExpressionEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;AAWH,OAAO,EAKL,KAAK,mCAAmC,EACzC,MAAM,+DAA+D,CAAC;AAEvE,OAAO,EAGL,KAAK,wCAAwC,EAC9C,MAAM,kEAAkE,CAAC;AAmK1E,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/query-builder/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/query-builder/QueryBuilderPropertyEditorState.js';
+import { useDrop } from 'react-dnd';
+import { QUERY_BUILDER_EXPLORER_TREE_DND_TYPE, } from '../../stores/query-builder/explorer/QueryBuilderExplorerState.js';
+import { QueryBuilderPropertyInfoTooltip } from './shared/QueryBuilderPropertyInfoTooltip.js';
+import { VariableExpressionViewer } from './QueryBuilderParametersPanel.js';
+import { QUERY_BUILDER_PARAMETER_DND_TYPE, } from '../../stores/query-builder/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/query-builder/QueryBuilderPropertyExpressionEditor.js.map

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

package/lib/components/query-builder/QueryBuilderResultPanel.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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"/>
+import type { QueryBuilderState } from '../../stores/query-builder/QueryBuilderState.js';
+export declare const QueryBuilderResultPanel: ((props: {
+    queryBuilderState: QueryBuilderState;
+}) => JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=QueryBuilderResultPanel.d.ts.map

package/lib/components/query-builder/QueryBuilderResultPanel.d.ts.map

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