@finos/legend-application 0.0.6 → 0.0.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @finos/legend-application
 
+## 0.0.10
+
+## 0.0.9
+
+## 0.0.8
+
+### Patch Changes
+
+- [#506](https://github.com/finos/legend-studio/pull/506) [`4fd0d256`](https://github.com/finos/legend-studio/commit/4fd0d2560ef245d97f1d86a4a6ed227a9c3d2cbe) ([@akphi](https://github.com/akphi)) - Add popup mode for `LambdaEditor` to allow more spaces for users to work with big lambdas. Also, document `LambdaEditor` props and add 2 new flags to disable `expansion` mode and `popup` mode.
+
+## 0.0.7
+
 ## 0.0.6
 
 ## 0.0.5

package/lib/components/ActionAlert.js

@@ -37,7 +37,7 @@ const ActionAlertInner = observer((props) => {
         onClose?.();
         applicationStore.setActionAltertInfo(undefined);
     };
-    const handlEnter = () => onEnter?.();
+    const handleEnter = () => onEnter?.();
     const handleSubmit = () => {
         const proceedActions = actions.filter((action) => action.default);
         if (proceedActions.length) {
@@ -50,7 +50,7 @@ const ActionAlertInner = observer((props) => {
         handleSubmit();
     };
     return (_jsx(Dialog, Object.assign({ open: Boolean(applicationStore.actionAlertInfo), onClose: noop, TransitionProps: {
-            onEnter: handlEnter,
+            onEnter: handleEnter,
         } }, { children: _jsxs("form", Object.assign({ onSubmit: onSubmit, className: `modal search-modal modal--dark blocking-alert blocking-alert--${(type ?? ActionAlertType.STANDARD).toLowerCase()}` }, { children: [title && (_jsx("div", Object.assign({ className: "modal__header" }, { children: _jsx("div", Object.assign({ className: "modal__title" }, { children: _jsx("div", Object.assign({ className: "modal__title__label" }, { children: title }), void 0) }), void 0) }), void 0)), _jsxs("div", Object.assign({ className: "modal__body" }, { children: [_jsx("div", Object.assign({ className: "blocking-alert__summary-text" }, { children: message }), void 0), _jsx("div", Object.assign({ className: "blocking-alert__prompt-text" }, { children: prompt }), void 0)] }), void 0), _jsxs("div", Object.assign({ className: "modal__footer" }, { children: [actions.map((action) => {
                             // NOTE: need to prevent default for the submit button, otherwise, we would get the warning "Form submission canceled because the form is not connected"
                             // See https://stackoverflow.com/a/58234405

package/lib/components/ActionAlert.js.map

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

package/lib/components/LambdaEditor.d.ts

@@ -36,11 +36,53 @@ export declare const LambdaEditor: ((props: {
     expectedType?: Type | undefined;
     matchedExpectedType?: (() => boolean) | undefined;
     onExpectedTypeLabelSelect?: (() => void) | undefined;
+    /**
+     * As backdrop element is often shared in the application, and there could be multiple
+     * editor using that backdrop, we could end up in situation where some such editors
+     * have parser errors and some don't (this can happen when user make edits very quickly 2 lambda
+     * editor and causes parsers error simultaneously). In this case, we want to make sure when
+     * parser error is fixed in one editor, the backdrop is not dismissed immediately.
+     *
+     * NOTE: the current approach has a critical flaw, where on the same screen, there could be multiple
+     * sets of lambda editors with different values for `forceBackdrop`. So really, the only way to
+     * accomondate for this is to have `forceBackdrop` as a global value. Or we should get rid of this
+     * backdrop mechanism altogether as it's not really a good UX pattern. i.e. quick evaluation makes
+     * us believe that this is a good option, user will lose what they type, but the most recent parsable
+     * input will still be captured.
+     */
     forceBackdrop: boolean;
+    /**
+     * (de)activator for backdrop that is usually used to block any background interactions
+     * while there is a parser error in the editor
+     */
     backdropSetter?: ((val: boolean) => void) | undefined;
+    /**
+     * To whether or not disable expasipn toggler
+     */
+    disableExpansion?: boolean | undefined;
+    /**
+     * To whether show the inline editor in expanded mode initially and
+     * disable expansion toggler
+     *
+     * This flag will override the effect of `forceExpansion`
+     */
     forceExpansion?: boolean | undefined;
+    /**
+     * To whether or not disable popup mode
+     */
+    disablePopUp?: boolean | undefined;
+    /**
+     * To whether or not style inline editor
+     */
     useBaseTextEditorSettings?: boolean | undefined;
+    /**
+     * To whether or not hide parser error bar in inline mode
+     */
     hideErrorBar?: boolean | undefined;
+    /**
+     * Allow adding hotkeys handler to the editor, this is usually used
+     * to allow activating global hotkeys while typing in the editor
+     */
     onKeyDownEventHandlers?: LambdaEditorOnKeyDownEventHandler[];
 }) => JSX.Element) & {
     displayName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"LambdaEditor.d.ts","sourceRoot":"","sources":["../../src/components/LambdaEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,eAAe,CAAC;AAYjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAIrE,OAAO,KAAK,EAAe,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAM7D,oBAAY,iCAAiC,GAAG;IAC9C,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC;IAC5C,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACzC,CAAC;AAqWF;;;GAGG;AACH,eAAO,MAAM,YAAY;gBAET,MAAM,GAAG,SAAS;cACpB,OAAO;uBACE,iBAAiB;IACpC;;;;OAIG;mBACY,IAAI,GAAG,SAAS;0BACT,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS;gCACrB,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;mBACrC,OAAO;4BACE,OAAO,KAAK,IAAI;qBACvB,OAAO,GAAG,SAAS;gCACR,OAAO,GAAG,SAAS;mBAChC,OAAO,GAAG,SAAS;6BACT,iCAAiC,EAAE;;;CAsE/D,CAAC"}
+{"version":3,"file":"LambdaEditor.d.ts","sourceRoot":"","sources":["../../src/components/LambdaEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,eAAe,CAAC;AAgBjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAIrE,OAAO,KAAK,EAAe,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAO7D,oBAAY,iCAAiC,GAAG;IAC9C,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC;IAC5C,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACzC,CAAC;AA+mBF;;;GAGG;AACH,eAAO,MAAM,YAAY;gBAET,MAAM,GAAG,SAAS;cACpB,OAAO;uBACE,iBAAiB;IACpC;;;;OAIG;mBACY,IAAI,GAAG,SAAS;0BACT,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS;gCACrB,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;IACpD;;;;;;;;;;;;;OAaG;mBACY,OAAO;IACtB;;;OAGG;4BACqB,OAAO,KAAK,IAAI;IACxC;;OAEG;uBACgB,OAAO,GAAG,SAAS;IACtC;;;;;OAKG;qBACc,OAAO,GAAG,SAAS;IACpC;;OAEG;mBACY,OAAO,GAAG,SAAS;IAClC;;OAEG;gCACyB,OAAO,GAAG,SAAS;IAC/C;;OAEG;mBACY,OAAO,GAAG,SAAS;IAClC;;;OAGG;6BACsB,iCAAiC,EAAE;;;CAiG/D,CAAC"}

package/lib/components/LambdaEditor.js

@@ -19,13 +19,14 @@ import { editor as monacoEditorAPI } from 'monaco-editor';
 import { observer } from 'mobx-react-lite';
 import { useResizeDetector } from 'react-resize-detector';
 import { clsx, setErrorMarkers, disposeEditor, disableEditorHotKeys, baseTextEditorSettings, } from '@finos/legend-art';
-import { FaLongArrowAltDown, FaLongArrowAltUp } from 'react-icons/fa';
-import { debounce } from '@finos/legend-shared';
+import { FaLongArrowAltDown, FaLongArrowAltUp, FaWindowMaximize, } from 'react-icons/fa';
+import { noop, debounce } from '@finos/legend-shared';
 import { flowResult } from 'mobx';
 import { ParserError } from '@finos/legend-graph';
 import { APPLICATION_TEST_ID } from './ApplicationTestID';
 import { useApplicationStore } from './ApplicationStoreProvider';
 import { EDITOR_LANGUAGE, EDITOR_THEME, TAB_SIZE } from '../const';
+import { Dialog } from '@material-ui/core';
 const LambdaErrorFeedback = (props) => {
     const { error, discardChanges } = props;
     if (!error) {
@@ -33,8 +34,8 @@ const LambdaErrorFeedback = (props) => {
     }
     return (_jsxs("div", Object.assign({ className: "lambda-editor__error-feedback" }, { children: [_jsx("div", Object.assign({ className: "lambda-editor__error-feedback__error__message" }, { children: error.message }), void 0), error instanceof ParserError && (_jsx("div", Object.assign({ className: "lambda-editor__error-feedback__parsing-error__content" }, { children: _jsx("button", Object.assign({ className: "lambda-editor__error-feedback__parsing-error__discard-changes-btn", onClick: discardChanges, tabIndex: -1 }, { children: "Discard Changes" }), void 0) }), void 0))] }), void 0));
 };
-const LambdaEditorInner = observer((props) => {
-    const { className, disabled, lambdaEditorState, transformStringToLambda, expectedType, onExpectedTypeLabelSelect, matchedExpectedType, forceBackdrop, backdropSetter, forceExpansion, useBaseTextEditorSettings, hideErrorBar, onKeyDownEventHandlers, } = props;
+const LambdaEditorInline = observer((props) => {
+    const { className, disabled, lambdaEditorState, transformStringToLambda, expectedType, onExpectedTypeLabelSelect, matchedExpectedType, forceBackdrop, backdropSetter, disableExpansion, forceExpansion, disablePopUp, useBaseTextEditorSettings, hideErrorBar, onKeyDownEventHandlers, openInPopUp, } = props;
     const applicationStore = useApplicationStore();
     const onDidChangeModelContentEventDisposer = useRef(undefined);
     const onKeyDownEventDisposer = useRef(undefined);
@@ -44,10 +45,10 @@ const LambdaEditorInner = observer((props) => {
     const selectTypeLabel = () => onExpectedTypeLabelSelect?.();
     const [isExpanded, setExpanded] = useState(Boolean(forceExpansion));
     const [editor, setEditor] = useState();
-    const textInput = useRef(null);
-    const transformLambdaToString = (pretty) => {
+    const textInputRef = useRef(null);
+    const transformLambdaToString = async (pretty) => {
         transformStringToLambda?.cancel();
-        return flowResult(lambdaEditorState.convertLambdaObjectToGrammarString(pretty)).catch(applicationStore.alertIllegalUnhandledError);
+        return await flowResult(lambdaEditorState.convertLambdaObjectToGrammarString(pretty)).catch(applicationStore.alertIllegalUnhandledError);
     };
     const discardChanges = applicationStore.guaranteeSafeAction(() => transformLambdaToString(isExpanded));
     const toggleExpandedMode = () => {
@@ -63,8 +64,8 @@ const LambdaEditorInner = observer((props) => {
         }
     }, [editor, width, height]);
     useEffect(() => {
-        if (!editor && textInput.current) {
-            const element = textInput.current;
+        if (!editor && textInputRef.current) {
+            const element = textInputRef.current;
             const lambdaEditorOptions = useBaseTextEditorSettings
                 ? {}
                 : {
@@ -119,6 +120,8 @@ const LambdaEditorInner = observer((props) => {
             }
             else if (!forceBackdrop) {
                 // make sure the backdrop is no longer `needed` for blocking by another parser error before hiding it
+                // NOTE: this has a serious drawback, see the documentation for `forceBackdrop` prop of `LambdaEditor`
+                // for better context
                 backdropSetter(false);
             }
         }
@@ -226,22 +229,176 @@ const LambdaEditorInner = observer((props) => {
     }, [editor]); // dispose editor
     return (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ className: clsx('lambda-editor', className, {
                     'lambda-editor__expanded': isExpanded,
-                }) }, { children: [_jsx("div", Object.assign({ ref: ref, "data-testid": APPLICATION_TEST_ID.LAMBDA_EDITOR__EDITOR_INPUT, className: "lambda-editor__editor__input" }, { children: _jsx("div", { className: "text-editor__body", ref: textInput }, void 0) }), void 0), Boolean(expectedType) && (_jsxs("div", Object.assign({ className: "lambda-editor__editor__info" }, { children: [onExpectedTypeLabelSelect && (_jsx("button", Object.assign({ className: clsx('lambda-editor__editor__expected-return-type lambda-editor__editor__expected-return-type--clickable', {
+                }) }, { children: [_jsx("div", Object.assign({ ref: ref, "data-testid": APPLICATION_TEST_ID.LAMBDA_EDITOR__EDITOR_INPUT, className: "lambda-editor__editor__input" }, { children: _jsx("div", { className: "text-editor__body", ref: textInputRef }, void 0) }), void 0), Boolean(expectedType) && (_jsxs("div", Object.assign({ className: "lambda-editor__editor__info" }, { children: [onExpectedTypeLabelSelect && (_jsx("button", Object.assign({ className: clsx('lambda-editor__editor__expected-return-type lambda-editor__editor__expected-return-type--clickable', {
                                     'lambda-editor__editor__expected-return-type--highlighted': matchedExpectedType?.(),
                                 }), onClick: selectTypeLabel, tabIndex: -1, title: 'Toggle highlight expected type' }, { children: expectedType?.name ?? 'unknown' }), void 0)), !onExpectedTypeLabelSelect && (_jsx("div", Object.assign({ className: clsx('lambda-editor__editor__expected-return-type', {
                                     'lambda-editor__editor__expected-return-type--highlighted': matchedExpectedType?.(),
-                                }) }, { children: expectedType?.name ?? 'unknown' }), void 0))] }), void 0)), !forceExpansion && (_jsx("button", Object.assign({ className: "lambda-editor__editor__expand-btn", onClick: toggleExpandedMode, disabled: Boolean(parserError), tabIndex: -1, title: "Toggle Expand" }, { children: isExpanded ? _jsx(FaLongArrowAltUp, {}, void 0) : _jsx(FaLongArrowAltDown, {}, void 0) }), void 0))] }), void 0), !hideErrorBar && (_jsx(LambdaErrorFeedback, { error: parserError ?? compilationError, discardChanges: discardChanges }, void 0))] }, void 0));
+                                }) }, { children: expectedType?.name ?? 'unknown' }), void 0))] }), void 0)), !disableExpansion && !forceExpansion && (_jsx("button", Object.assign({ className: "lambda-editor__editor__expand-btn", onClick: toggleExpandedMode, disabled: Boolean(parserError), tabIndex: -1, title: "Toggle Expand" }, { children: isExpanded ? _jsx(FaLongArrowAltUp, {}, void 0) : _jsx(FaLongArrowAltDown, {}, void 0) }), void 0)), !disablePopUp && (_jsx("button", Object.assign({ className: "lambda-editor__action", onClick: openInPopUp, disabled: Boolean(parserError), tabIndex: -1, title: "Open..." }, { children: _jsx(FaWindowMaximize, {}, void 0) }), void 0))] }), void 0), !hideErrorBar && (_jsx(LambdaErrorFeedback, { error: parserError ?? compilationError, discardChanges: discardChanges }, void 0))] }, void 0));
+});
+const LambdaEditorPopUp = observer((props) => {
+    const { className, disabled, lambdaEditorState, transformStringToLambda, onKeyDownEventHandlers, onClose, } = props;
+    const applicationStore = useApplicationStore();
+    const onKeyDownEventDisposer = useRef(undefined);
+    const onDidChangeModelContentEventDisposer = useRef(undefined);
+    const value = lambdaEditorState.lambdaString;
+    const parserError = lambdaEditorState.parserError;
+    const compilationError = lambdaEditorState.compilationError;
+    // const selectTypeLabel = (): void => onExpectedTypeLabelSelect?.();
+    const [editor, setEditor] = useState();
+    const textInputRef = useRef(null);
+    const transformLambdaToString = async (pretty) => {
+        transformStringToLambda?.cancel();
+        return await flowResult(lambdaEditorState.convertLambdaObjectToGrammarString(pretty)).catch(applicationStore.alertIllegalUnhandledError);
+    };
+    const discardChanges = applicationStore.guaranteeSafeAction(() => transformLambdaToString(true));
+    const { ref, width, height } = useResizeDetector();
+    useEffect(() => {
+        if (width !== undefined && height !== undefined) {
+            editor?.layout({ width, height });
+        }
+    }, [editor, width, height]);
+    const onEnter = () => {
+        if (!editor && textInputRef.current) {
+            const element = textInputRef.current;
+            const _editor = monacoEditorAPI.create(element, {
+                ...baseTextEditorSettings,
+                language: EDITOR_LANGUAGE.PURE,
+                theme: EDITOR_THEME.LEGEND,
+            });
+            disableEditorHotKeys(_editor);
+            setEditor(_editor);
+        }
+    };
+    if (editor) {
+        /**
+         * See the extensive note about this instantiation in `LambdaEditor`. The fact that `transformStringToLambda` can change
+         * since it does not solely depends on `LambdaEditorState` but also the `disabled` flag means that the update function
+         * can go stale, so we cannot place this `onDidChangeModelContent` in a one-time called instantiation of the editor
+         * (i.e. the first `useEffect` where we create the editor). As such, we have to use refs and disposer to update this every time
+         * the lambda editor is re-rendered.
+         *
+         * A potential bug that could come up if we place this logic in the `useEffect` for instantiating the editor is:
+         * 1. Initially set the `disabled` to true, then switch it back to `false` (using a timer or something)
+         * 2. Type something in the lambda editor, the transform function is `undefined` and does not update the underlying lambda
+         */
+        onDidChangeModelContentEventDisposer.current?.dispose();
+        onDidChangeModelContentEventDisposer.current =
+            editor.onDidChangeModelContent(() => {
+                const currentVal = editor.getValue();
+                /**
+                 * Avoid unecessary setting of lambda string. Also, this prevents clearing the non-parser error on first render.
+                 * Since this method is guaranteed to be called one time during the first rendering when we first set the
+                 * value for the lambda editor, we do not want to clear any existing non-parser error in case it is set by methods
+                 * like reveal error in each editor
+                 */
+                if (currentVal !== lambdaEditorState.lambdaString) {
+                    lambdaEditorState.setLambdaString(currentVal);
+                    /**
+                     * Here we clear the error as user changes the input
+                     * NOTE: we don't reset the parser error here, we could, but with that, we have to assume that the parsing check is
+                     * pretty quick--almost near real time, but if after typing new character, we clear the parsing error and the user
+                     * still make mistake, then the warning message will appear to flash, which is bad UX, so for now, we leave it be
+                     */
+                    lambdaEditorState.setCompilationError(undefined);
+                }
+                /**
+                 * This method MUST run on the first rendering of the lambda editor, as it will update the lambda object. This is
+                 * needed for new lambda where a lot of time is just a stub lambda. Without having this method called on the first
+                 * rendering, that stub lambda will remain stub lambda until user starts typing something in the lambda editor.
+                 * This stub lambda sometimes does not even get registered in change detection and causing the user to lose data
+                 * Although, technically a stub lambda is useless, so this is not too serious, but it may come across as buggy
+                 */
+                transformStringToLambda?.cancel();
+                if (transformStringToLambda) {
+                    const stringToLambdaTransformation = transformStringToLambda();
+                    if (stringToLambdaTransformation) {
+                        flowResult(stringToLambdaTransformation).catch(applicationStore.alertIllegalUnhandledError);
+                    }
+                }
+            });
+        // set hotkeys (before calling the action, finish parsing the current text value)
+        onKeyDownEventDisposer.current?.dispose(); // dispose to avoid trigger hotkeys multiple times
+        /**
+         * NOTE: We can use `setCommand` here but that does not expose the event so we cannot `stopPropagation`, and we need to
+         * use `stopPropagation` to prevent the event top bubble up to global hotkeys listener.
+         * If we really want to use `setCommand` the other approach is to set <HotKeys/> around this lambda editor to override F9
+         * perhaps that's the cleaner approach because we use `react-hotkeys` to handle it's business, but there is an on-going
+         * issue with <HotKeys/> keybindings are lost when component rerenders and this happen as users type because we call `setValue`
+         * See https://github.com/greena13/react-hotkeys/issues/209
+         *
+         * The main role of this section is to disable `monaco-editor` command and override with global actions, such as generate, compile,
+         * toggle text mode, etc. The important thing is before we do so, we would like to finish the parsing of the current string, otherwise,
+         * those operations can end up flushing the current state and trashing the user input, which is bad, as such, we make sure the
+         * parsing passes before actually calling those global operations.
+         */
+        onKeyDownEventDisposer.current = editor.onKeyDown((event) => {
+            onKeyDownEventHandlers.forEach((handler) => {
+                if (handler.matcher(event)) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    transformStringToLambda?.cancel();
+                    handler.action(event);
+                }
+            });
+        });
+        // Set the text value
+        const currentValue = editor.getValue();
+        const editorModel = editor.getModel();
+        const currentConfig = editor.getRawOptions();
+        if (currentValue !== value) {
+            editor.setValue(value);
+        }
+        if (currentConfig.readOnly !== disabled) {
+            editor.updateOptions({
+                readOnly: disabled,
+            });
+        }
+        // Set the errors
+        if (editorModel) {
+            editorModel.updateOptions({ tabSize: TAB_SIZE });
+            const error = parserError ?? compilationError;
+            if (error?.sourceInformation) {
+                setErrorMarkers(editorModel, error.message, error.sourceInformation.startLine, error.sourceInformation.startColumn, error.sourceInformation.endLine, error.sourceInformation.endColumn);
+            }
+            else {
+                monacoEditorAPI.setModelMarkers(editorModel, 'Error', []);
+            }
+        }
+    }
+    useEffect(() => {
+        flowResult(lambdaEditorState.convertLambdaObjectToGrammarString(true)).catch(applicationStore.alertIllegalUnhandledError);
+    }, [applicationStore, lambdaEditorState]);
+    useEffect(() => () => {
+        if (editor) {
+            disposeEditor(editor);
+        }
+    }, [editor]); // dispose editor
+    return (_jsx(Dialog, Object.assign({ open: true, TransitionProps: {
+            onEnter,
+        }, onClose: noop, classes: {
+            root: 'editor-modal__root-container',
+            container: 'editor-modal__container',
+            paper: 'editor-modal__content',
+        } }, { children: _jsxs("div", Object.assign({ className: clsx('modal modal--dark editor-modal lambda-editor__popup__modal', {
+                'lambda-editor__popup__modal--has-error': Boolean(lambdaEditorState.parserError),
+            }) }, { children: [_jsxs("div", Object.assign({ className: "modal__header" }, { children: [_jsx("div", Object.assign({ className: "modal__title" }, { children: "Edit Lambda" }), void 0), lambdaEditorState.parserError && (_jsx("div", Object.assign({ className: "modal__title__error-badge" }, { children: "Failed to parse lambda" }), void 0))] }), void 0), _jsx("div", Object.assign({ className: "modal__body" }, { children: _jsx("div", Object.assign({ className: clsx('lambda-editor__popup__content', className) }, { children: _jsx("div", Object.assign({ ref: ref, "data-testid": APPLICATION_TEST_ID.LAMBDA_EDITOR__EDITOR_INPUT, className: "lambda-editor__editor__input" }, { children: _jsx("div", { className: "text-editor__body", ref: textInputRef }, void 0) }), void 0) }), void 0) }), void 0), _jsxs("div", Object.assign({ className: "modal__footer" }, { children: [_jsx("button", Object.assign({ className: "btn btn--dark btn--caution", onClick: discardChanges }, { children: "Discard changes" }), void 0), _jsx("button", Object.assign({ className: "btn btn--dark", onClick: onClose, disabled: Boolean(lambdaEditorState.parserError) }, { children: "Close" }), void 0)] }), void 0)] }), void 0) }), void 0));
 });
 /**
  * This is not strictly meant for lambda. The idea is to create an editor that allows
  * editing _something_ but allows user to edit via text.
  */
 export const LambdaEditor = observer((props) => {
-    const { className, lambdaEditorState, disabled, forceBackdrop, backdropSetter, expectedType, onExpectedTypeLabelSelect, matchedExpectedType, forceExpansion, useBaseTextEditorSettings, hideErrorBar, onKeyDownEventHandlers, } = props;
+    const { className, lambdaEditorState, disabled, forceBackdrop, backdropSetter, expectedType, onExpectedTypeLabelSelect, matchedExpectedType, disableExpansion, forceExpansion, disablePopUp, useBaseTextEditorSettings, hideErrorBar, onKeyDownEventHandlers, } = props;
+    const [showPopUp, setShowPopUp] = useState(false);
+    const openInPopUp = () => setShowPopUp(true);
+    const closePopUp = () => setShowPopUp(false);
     const debouncedTransformStringToLambda = useMemo(() => disabled
         ? undefined
         : debounce(() => lambdaEditorState.convertLambdaGrammarStringToObject(), 1000), [lambdaEditorState, disabled]);
-    return (_jsx(LambdaEditorInner
+    if (!disablePopUp && showPopUp) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "lambda-editor" }, void 0), _jsx(LambdaEditorPopUp, { className: className, disabled: disabled, lambdaEditorState: lambdaEditorState, transformStringToLambda: debouncedTransformStringToLambda, onKeyDownEventHandlers: onKeyDownEventHandlers ?? [], onClose: closePopUp }, void 0)] }, void 0));
+    }
+    return (_jsx(LambdaEditorInline
     /**
      * See the usage of `transformStringToLambda` as well as the instatiation of the editor in `LambdaEditorInner`.
      * One of the big problem is that the editor uses lambda editor state (there are some non-trivial logic there, that
@@ -266,6 +423,8 @@ export const LambdaEditor = observer((props) => {
      * So technically, we don't need to do the force-remount using `key`, but to be cleaner, we prevent other poential bugs, we do it anyway
      * to reset everything.
      */
-    , { className: className, disabled: disabled, lambdaEditorState: lambdaEditorState, transformStringToLambda: debouncedTransformStringToLambda, expectedType: expectedType, matchedExpectedType: matchedExpectedType, onExpectedTypeLabelSelect: onExpectedTypeLabelSelect, forceBackdrop: forceBackdrop, backdropSetter: backdropSetter, forceExpansion: forceExpansion, useBaseTextEditorSettings: useBaseTextEditorSettings, hideErrorBar: hideErrorBar, onKeyDownEventHandlers: onKeyDownEventHandlers ?? [] }, lambdaEditorState.uuid));
+    , { className: className, disabled: disabled, lambdaEditorState: lambdaEditorState, transformStringToLambda: debouncedTransformStringToLambda, expectedType: expectedType, matchedExpectedType: matchedExpectedType, onExpectedTypeLabelSelect: onExpectedTypeLabelSelect, forceBackdrop: forceBackdrop, backdropSetter: backdropSetter, disableExpansion: disableExpansion, forceExpansion: disableExpansion !== undefined
+            ? !disableExpansion && forceExpansion
+            : forceExpansion, disablePopUp: disablePopUp, useBaseTextEditorSettings: useBaseTextEditorSettings, hideErrorBar: hideErrorBar, onKeyDownEventHandlers: onKeyDownEventHandlers ?? [], openInPopUp: openInPopUp }, lambdaEditorState.uuid));
 });
 //# sourceMappingURL=LambdaEditor.js.map

package/lib/components/LambdaEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"LambdaEditor.js","sourceRoot":"","sources":["../../src/components/LambdaEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EACL,IAAI,EACJ,eAAe,EACf,aAAa,EACb,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAOnE,MAAM,mBAAmB,GAGpB,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAExC,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,6BAAK,SAAS,EAAC,+BAA+B,iBAC5C,4BAAK,SAAS,EAAC,+CAA+C,gBAC3D,KAAK,CAAC,OAAO,YACV,EACL,KAAK,YAAY,WAAW,IAAI,CAC/B,4BAAK,SAAS,EAAC,uDAAuD,gBACpE,+BACE,SAAS,EAAC,mEAAmE,EAC7E,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,CAAC,6CAGL,YACL,CACP,aACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,QAAQ,CAChC,CAAC,KAcA,EAAE,EAAE;IACH,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,uBAAuB,EACvB,YAAY,EACZ,yBAAyB,EACzB,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,cAAc,EACd,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,GACvB,GAAG,KAAK,CAAC;IACV,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,oCAAoC,GAAG,MAAM,CAEjD,SAAS,CAAC,CAAC;IACb,MAAM,sBAAsB,GAAG,MAAM,CAA0B,SAAS,CAAC,CAAC;IAC1E,MAAM,KAAK,GAAG,iBAAiB,CAAC,YAAY,CAAC;IAC7C,MAAM,WAAW,GAAG,iBAAiB,CAAC,WAAW,CAAC;IAClD,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,gBAAgB,CAAC;IAC5D,MAAM,eAAe,GAAG,GAAS,EAAE,CAAC,yBAAyB,EAAE,EAAE,CAAC;IAClE,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAEjC,CAAC;IACJ,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,uBAAuB,GAAG,CAAC,MAAe,EAAiB,EAAE;QACjE,uBAAuB,EAAE,MAAM,EAAE,CAAC;QAClC,OAAO,UAAU,CACf,iBAAiB,CAAC,kCAAkC,CAAC,MAAM,CAAC,CAC7D,CAAC,KAAK,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG,EAAE,CAC/D,uBAAuB,CAAC,UAAU,CAAC,CACpC,CAAC;IACF,MAAM,kBAAkB,GAAG,GAAS,EAAE;QACpC,IAAI,CAAC,cAAc,IAAI,CAAC,WAAW,EAAE;YACnC,uBAAuB,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CACxC,gBAAgB,CAAC,0BAA0B,CAC5C,CAAC;YACF,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAkB,CAAC;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,EAAE;YAC/C,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC,OAAO,EAAE;YAChC,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;YAClC,MAAM,mBAAmB,GACvB,yBAAyB;gBACvB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC;oBACE,mBAAmB,EAAE,MAAM;oBAC3B,UAAU,EAAE,EAAE;oBACd,mBAAmB,EAAE,KAAK;oBAC1B,kBAAkB,EAAE,CAAC;oBACrB,yBAAyB,EAAE,KAAK;oBAChC,WAAW,EAAE,KAAK;oBAClB,OAAO,EAAE,KAAK;oBACd,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;oBAC3B,WAAW,EAAE,KAAK;oBAClB,mBAAmB,EAAE,CAAC;oBACtB,oBAAoB,EAAE,CAAC;oBACvB,kBAAkB,EAAE,MAAM;oBAC1B,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;iBAClC,CAAC;YACR,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC9C,GAAG,sBAAsB;gBACzB,QAAQ,EAAE,eAAe,CAAC,IAAI;gBAC9B,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC1B,GAAG,mBAAmB;aACvB,CAAC,CAAC;YACH,oBAAoB,CAAC,OAAO,CAAC,CAAC;YAC9B,SAAS,CAAC,OAAO,CAAC,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAExC,gCAAgC;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,oBAAoB,CAAC;YACrE,MAAM,YAAY,GAAG,gBAAgB,KAAK,yBAAyB,CAAC;YACpE,IAAI,YAAY,KAAK,UAAU,EAAE;gBAC/B,MAAM,CAAC,aAAa,CAClB,UAAU;oBACR,CAAC,CAAC;wBACE,oBAAoB,EAClB,wCAAwC;qBAC3C;oBACH,CAAC,CAAC;wBACE,oBAAoB,EAClB,0CAA0C;qBAC7C,CACN,CAAC;gBACF,2FAA2F;gBAC3F,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACvC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;aAC/B;SACF;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzB,iEAAiE;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE;YAClB,IAAI,WAAW,EAAE;gBACf,cAAc,CAAC,IAAI,CAAC,CAAC;aACtB;iBAAM,IAAI,CAAC,aAAa,EAAE;gBACzB,qGAAqG;gBACrG,cAAc,CAAC,KAAK,CAAC,CAAC;aACvB;SACF;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEjD,IAAI,MAAM,EAAE;QACV;;;;;;;;;;WAUG;QACH,oCAAoC,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;QACxD,oCAAoC,CAAC,OAAO;YAC1C,MAAM,CAAC,uBAAuB,CAAC,GAAG,EAAE;gBAClC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACrC;;;;;mBAKG;gBACH,IAAI,UAAU,KAAK,iBAAiB,CAAC,YAAY,EAAE;oBACjD,iBAAiB,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;oBAC9C;;;;;uBAKG;oBACH,iBAAiB,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;iBAClD;gBACD;;;;;;mBAMG;gBACH,uBAAuB,EAAE,MAAM,EAAE,CAAC;gBAClC,IAAI,uBAAuB,EAAE;oBAC3B,MAAM,4BAA4B,GAAG,uBAAuB,EAAE,CAAC;oBAC/D,IAAI,4BAA4B,EAAE;wBAChC,UAAU,CAAC,4BAA4B,CAAC,CAAC,KAAK,CAC5C,gBAAgB,CAAC,0BAA0B,CAC5C,CAAC;qBACH;iBACF;YACH,CAAC,CAAC,CAAC;QAEL,iFAAiF;QACjF,sBAAsB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,kDAAkD;QAC7F;;;;;;;;;;;;WAYG;QACH,sBAAsB,CAAC,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAC1D,sBAAsB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;gBACzC,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,uBAAuB,EAAE,MAAM,EAAE,CAAC;oBAClC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBACvB;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,qBAAqB;QACrB,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC;QAC7C,IAAI,YAAY,KAAK,KAAK,EAAE;YAC1B,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACxB;QACD,IAAI,aAAa,CAAC,QAAQ,KAAK,QAAQ,EAAE;YACvC,MAAM,CAAC,aAAa,CAAC;gBACnB,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;SACJ;QAED,iBAAiB;QACjB,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;YACjD,MAAM,KAAK,GAAG,WAAW,IAAI,gBAAgB,CAAC;YAC9C,IAAI,KAAK,EAAE,iBAAiB,EAAE;gBAC5B,eAAe,CACb,WAAW,EACX,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,iBAAiB,CAAC,SAAS,EACjC,KAAK,CAAC,iBAAiB,CAAC,WAAW,EACnC,KAAK,CAAC,iBAAiB,CAAC,OAAO,EAC/B,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAClC,CAAC;aACH;iBAAM;gBACL,eAAe,CAAC,eAAe,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;aAC3D;SACF;KACF;IAED,SAAS,CACP,GAAG,EAAE,CAAC,GAAS,EAAE;QACf,IAAI,MAAM,EAAE;YACV,aAAa,CAAC,MAAM,CAAC,CAAC;SACvB;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC,CAAC,iBAAiB;IAEpB,OAAO,CACL,8BACE,6BACE,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,EAAE;oBAC1C,yBAAyB,EAAE,UAAU;iBACtC,CAAC,iBAEF,4BACE,GAAG,EAAE,GAAG,iBACK,mBAAmB,CAAC,2BAA2B,EAC5D,SAAS,EAAC,8BAA8B,gBAExC,cAAK,SAAS,EAAC,mBAAmB,EAAC,GAAG,EAAE,SAAS,WAAI,YACjD,EACL,OAAO,CAAC,YAAY,CAAC,IAAI,CACxB,6BAAK,SAAS,EAAC,6BAA6B,iBACzC,yBAAyB,IAAI,CAC5B,+BACE,SAAS,EAAE,IAAI,CACb,oGAAoG,EACpG;oCACE,0DAA0D,EACxD,mBAAmB,EAAE,EAAE;iCAC1B,CACF,EACD,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,gCAAgC,gBAEtC,YAAY,EAAE,IAAI,IAAI,SAAS,YACzB,CACV,EACA,CAAC,yBAAyB,IAAI,CAC7B,4BACE,SAAS,EAAE,IAAI,CACb,6CAA6C,EAC7C;oCACE,0DAA0D,EACxD,mBAAmB,EAAE,EAAE;iCAC1B,CACF,gBAEA,YAAY,EAAE,IAAI,IAAI,SAAS,YAC5B,CACP,aACG,CACP,EACA,CAAC,cAAc,IAAI,CAClB,+BACE,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,EAC9B,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAC,eAAe,gBAEpB,UAAU,CAAC,CAAC,CAAC,KAAC,gBAAgB,aAAG,CAAC,CAAC,CAAC,KAAC,kBAAkB,aAAG,YACpD,CACV,aACG,EACL,CAAC,YAAY,IAAI,CAChB,KAAC,mBAAmB,IAClB,KAAK,EAAE,WAAW,IAAI,gBAAgB,EACtC,cAAc,EAAE,cAAc,WAC9B,CACH,YACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAClC,CAAC,KAkBA,EAAE,EAAE;IACH,MAAM,EACJ,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,aAAa,EACb,cAAc,EACd,YAAY,EACZ,yBAAyB,EACzB,mBAAmB,EACnB,cAAc,EACd,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,GACvB,GAAG,KAAK,CAAC;IACV,MAAM,gCAAgC,GAAG,OAAO,CAC9C,GAAG,EAAE,CACH,QAAQ;QACN,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,QAAQ,CACN,GAAG,EAAE,CAAC,iBAAiB,CAAC,kCAAkC,EAAE,EAC5D,IAAI,CACL,EACP,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB;IAChB;;;;;;;;;;;;;;;;;;;;;;;OAuBG;QAEH,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,gCAAgC,EACzD,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,EACxC,yBAAyB,EAAE,yBAAyB,EACpD,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,sBAAsB,IAAI,EAAE,IAb/C,iBAAiB,CAAC,IAAI,CAc3B,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"LambdaEditor.js","sourceRoot":"","sources":["../../src/components/LambdaEditor.tsx"],"names":[],"mappings":"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"}

package/lib/index.css

@@ -1,4 +1,4 @@
-/** @license @finos/legend-application v0.0.6
+/** @license @finos/legend-application v0.0.10
  * Copyright (c) 2020-present, Goldman Sachs
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -14,4 +14,4 @@
  * limitations under the License.
  */
 
-:root{--color-primitive: var(--color-light-blue-200);--color-enum-value: var(--color-green-100);--color-enumeration: var(--color-medium-green-100);--color-measure: var(--color-medium-green-100);--color-unit: var(--color-medium-green-100);--color-class: var(--color-purple-100);--color-mapping: var(--color-teal-50);--color-function: var(--color-light-blue-20);--color-profile: var(--color-lime-75);--color-generated: var(--color-pink-200);--color-system: var(--color-light-blue-50);--color-dependency: var(--color-lime-50);--color-config: var(--color-orange-100);--color-flat-data: var(--color-orange-100);--color-relational: var(--color-blue-500);--color-file-generation: var(--color-blue-50);--color-database: var(--color-orange-100);--color-schema: var(--color-medium-green-500);--color-table: var(--color-light-blue-200);--color-association: var(--color-light-grey-400);--color-service: var(--color-blue-40);--color-runtime: var(--color-red-180);--color-connection: var(--color-yellow-100)}.color--class{color:var(--color-class)}.color--enumeration{color:var(--color-enumeration)}.color--unit{color:var(--color-unit)}.color--measure{color:var(--color-measure)}.color--association{color:var(--color-association)}.color--primitive{color:var(--color-primitive)}.color--enum-value{color:var(--color-enum-value)}.color--mapping{color:var(--color-mapping)}.color--function{color:var(--color-function)}.color--file-generation{color:var(--color-file-generation)}.color--profile{color:var(--color-profile)}.color--generated{color:var(--color-generated)}.color--system{color:var(--color-system)}.color--dependency{color:var(--color-dependency)}.color--config{color:var(--color-config)}.color--flat-data{color:var(--color-flat-data)}.color--database{color:var(--color-database)}.color--table{color:var(--color-table)}.color--schema{color:var(--color-schema)}.color--service{color:var(--color-service)}.color--connection{color:var(--color-connection)}.color--runtime{color:var(--color-runtime)}.background--pureinstance,.background--class{background:var(--color-class)}.background--enumeration{background:var(--color-enumeration)}.background--unit{background:var(--color-unit)}.background--measure{background:var(--color-measure)}.background--association{background:var(--color-association)}.background--primitive{background:var(--color-primitive)}.background--enum-value{background:var(--color-enum-value)}.background--mapping{background:var(--color-mapping)}.background--profile{background:var(--color-profile)}.background--flat-data{background:var(--color-flat-data)}.background--database{background:var(--color-database)}.background--service{background:var(--color-service)}.background--connection{background:var(--color-connection)}.background--runtime{background:var(--color-runtime)}.background--relational{background:var(--color-relational)}.blocking-alert{padding:0}.blocking-alert__root-container{margin-top:0 !important}.blocking-alert__container{align-items:center !important}.blocking-alert .btn{display:flex;align-items:center;justify-content:center;height:2.8rem;border-radius:.1rem;border:none;color:var(--color-light-grey-50)}.blocking-alert .modal__body{line-height:2.2rem;cursor:default;text-align:justify}.blocking-alert__message{text-align:center}.blocking-alert__message__prompt{text-align:center;font-size:1.2rem;color:var(--color-blue-150);font-weight:500}.blocking-alert__summary-text{color:var(--color-light-grey-400);font-weight:500}.blocking-alert__prompt-text{color:var(--color-blue-50);font-size:1.3rem;margin-top:1rem;font-weight:500}.blocking-alert--standard{border:.1rem solid var(--color-blue-200)}.blocking-alert--caution{border:.1rem solid var(--color-pink-400)}.blocking-alert--caution .mode__header{background:var(--color-pink-400)}.blocking-alert--caution .blocking-alert__prompt-text{color:var(--color-pink-300)}.backdrop{background:var(--color-dark-shade-230) !important;z-index:100 !important}.backdrop__element{z-index:100;position:relative;box-shadow:var(--color-dark-shade-280) 0 .1rem .3rem .1rem}.lambda-editor{display:flex;align-items:center;height:2.8rem;flex:1 0 auto;min-width:0;border-radius:.2rem;background:var(--color-dark-grey-300)}.lambda-editor .monaco-editor .margin,.lambda-editor .monaco-editor .monaco-editor-background{background:var(--color-dark-grey-300) !important}.lambda-editor .monaco-editor .decorationsOverviewRuler{display:none}.lambda-editor__editor__input{position:relative;height:100%;width:100%}.lambda-editor__editor__input__compressed .scroll-decoration{box-shadow:none}.lambda-editor__editor__input__compressed .selected-text,.lambda-editor__editor__input__compressed .selectionHighlight{height:2.6rem !important}.lambda-editor__editor__input__compressed .cursors-layer .cursor{top:.3rem !important;height:2rem !important}.lambda-editor__editor__input__compressed .view-line{display:flex;align-items:center;height:2.6rem !important}.lambda-editor__editor__info{display:flex;align-items:center;height:100%;padding:0 .5rem;border:.1rem solid var(--color-dark-grey-300);border-right:none;border-left:none;background:var(--color-dark-grey-300)}.lambda-editor__editor__expected-return-type{display:flex;align-items:center;justify-content:center;height:100%;height:1.8rem;border-radius:.2rem;padding:0 .5rem;color:var(--color-dark-grey-400);background:var(--color-light-grey-0);border:.1rem solid var(--color-light-grey-0);font-size:1.1rem;cursor:default}.lambda-editor__editor__expected-return-type--clickable{cursor:pointer}.lambda-editor__editor__expected-return-type--highlighted{border-color:var(--color-yellow-0);background:var(--color-yellow-0);color:var(--color-dark-grey-0)}.lambda-editor__editor__expand-btn{display:flex;align-items:center;justify-content:center;height:100%;width:1.6rem;background:var(--color-dark-grey-280);border:.1rem solid var(--color-dark-grey-280);color:var(--color-light-grey-0);border-radius:0 .2rem .2rem 0;cursor:pointer}.lambda-editor__editor__expand-btn[disabled]{color:var(--color-dark-grey-400);cursor:not-allowed}.lambda-editor__expanded{height:28rem !important}.lambda-editor__expanded .lambda-editor__editor__info{align-items:flex-start;padding:.4rem .5rem}.lambda-editor__expanded .lambda-editor__editor__expand-btn{background:var(--color-dark-grey-280);border-color:var(--color-dark-grey-280)}.lambda-editor--dnd-match .lambda-editor__editor__expected-return-type{background:var(--color-yellow-0);border-color:var(--color-yellow-0);color:var(--color-dark-grey-0)}.lambda-editor__error-feedback{width:100%;margin-top:.5rem;background:var(--color-red-100);color:var(--color-light-grey-0);border-radius:.2rem;cursor:default}.lambda-editor__error-feedback__error__message{display:inline-flex;line-height:1.6rem;padding:.5rem}.lambda-editor__error-feedback__parsing-error__content{display:flex;justify-content:space-between;border-top:.1rem solid var(--color-dark-shade-230);padding:.5rem}.lambda-editor__error-feedback__parsing-error__discard-changes-btn{cursor:pointer;font-size:1.2rem;height:1.8rem;background:var(--color-dark-shade-230);white-space:nowrap;border-radius:.2rem;padding:0 .5rem;color:var(--color-light-grey-50)}.notification__position{bottom:3rem !important;right:1rem !important}.notification__content{background-color:var(--color-dark-grey-200) !important;color:var(--color-light-grey-150) !important;border-radius:.3rem !important;align-items:flex-start !important}.notification__message__content{display:flex;align-items:flex-start}.notification__message__content__icon{padding-top:.2rem;padding-right:1rem}.notification__message__content__icon svg{font-size:1.6rem}.notification__message__content__icon--info{color:var(--color-light-grey-200)}.notification__message__content__icon--error{color:var(--color-red-100)}.notification__message__content__icon--warning{color:var(--color-yellow-200)}.notification__message__content__icon--success{color:var(--color-green-100)}.notification__message__content__text{max-height:10rem;max-width:60rem;overflow:auto}.notification__actions{padding:.8rem 0 .8rem 1rem !important}.notification__action{display:flex;align-items:center;justify-content:center;width:2rem;color:var(--color-dark-grey-400) !important}.notification__action:hover{color:var(--color-light-grey-400) !important}.text-editor__container{height:100%;width:100%;background:var(--color-dark-grey-50)}.text-editor__body{height:100%;width:100%;position:absolute;top:0;left:0}/*# sourceMappingURL=index.css.map */
+:root{--color-primitive: var(--color-light-blue-200);--color-enum-value: var(--color-green-100);--color-enumeration: var(--color-medium-green-100);--color-measure: var(--color-medium-green-100);--color-unit: var(--color-medium-green-100);--color-class: var(--color-purple-100);--color-mapping: var(--color-teal-50);--color-function: var(--color-light-blue-20);--color-profile: var(--color-lime-75);--color-generated: var(--color-pink-200);--color-system: var(--color-light-blue-50);--color-dependency: var(--color-lime-50);--color-config: var(--color-orange-100);--color-flat-data: var(--color-orange-100);--color-relational: var(--color-blue-500);--color-file-generation: var(--color-blue-50);--color-database: var(--color-orange-100);--color-schema: var(--color-medium-green-500);--color-table: var(--color-light-blue-200);--color-association: var(--color-light-grey-400);--color-service: var(--color-blue-40);--color-runtime: var(--color-red-180);--color-connection: var(--color-yellow-100)}.color--class{color:var(--color-class)}.color--enumeration{color:var(--color-enumeration)}.color--unit{color:var(--color-unit)}.color--measure{color:var(--color-measure)}.color--association{color:var(--color-association)}.color--primitive{color:var(--color-primitive)}.color--enum-value{color:var(--color-enum-value)}.color--mapping{color:var(--color-mapping)}.color--function{color:var(--color-function)}.color--file-generation{color:var(--color-file-generation)}.color--profile{color:var(--color-profile)}.color--generated{color:var(--color-generated)}.color--system{color:var(--color-system)}.color--dependency{color:var(--color-dependency)}.color--config{color:var(--color-config)}.color--flat-data{color:var(--color-flat-data)}.color--database{color:var(--color-database)}.color--table{color:var(--color-table)}.color--schema{color:var(--color-schema)}.color--service{color:var(--color-service)}.color--connection{color:var(--color-connection)}.color--runtime{color:var(--color-runtime)}.background--pureinstance,.background--class{background:var(--color-class)}.background--enumeration{background:var(--color-enumeration)}.background--unit{background:var(--color-unit)}.background--measure{background:var(--color-measure)}.background--association{background:var(--color-association)}.background--primitive{background:var(--color-primitive)}.background--enum-value{background:var(--color-enum-value)}.background--mapping{background:var(--color-mapping)}.background--profile{background:var(--color-profile)}.background--flat-data{background:var(--color-flat-data)}.background--database{background:var(--color-database)}.background--service{background:var(--color-service)}.background--connection{background:var(--color-connection)}.background--runtime{background:var(--color-runtime)}.background--relational{background:var(--color-relational)}.blocking-alert{padding:0}.blocking-alert__root-container{margin-top:0 !important}.blocking-alert__container{align-items:center !important}.blocking-alert .btn{display:flex;align-items:center;justify-content:center;height:2.8rem;border-radius:.1rem;border:none;color:var(--color-light-grey-50)}.blocking-alert .modal__body{line-height:2.2rem;cursor:default;text-align:justify}.blocking-alert__message{text-align:center}.blocking-alert__message__prompt{text-align:center;font-size:1.2rem;color:var(--color-blue-150);font-weight:500}.blocking-alert__summary-text{color:var(--color-light-grey-400);font-weight:500}.blocking-alert__prompt-text{color:var(--color-blue-50);font-size:1.3rem;margin-top:1rem;font-weight:500}.blocking-alert--standard{border:.1rem solid var(--color-blue-200)}.blocking-alert--caution{border:.1rem solid var(--color-pink-400)}.blocking-alert--caution .mode__header{background:var(--color-pink-400)}.blocking-alert--caution .blocking-alert__prompt-text{color:var(--color-pink-300)}.backdrop{background:var(--color-dark-shade-230) !important;z-index:100 !important}.backdrop__element{z-index:100;position:relative;box-shadow:var(--color-dark-shade-280) 0 .1rem .3rem .1rem}.lambda-editor{display:flex;align-items:center;height:2.8rem;flex:1 0 auto;min-width:0;border-radius:.2rem;background:var(--color-dark-grey-300)}.lambda-editor .monaco-editor .margin,.lambda-editor .monaco-editor .monaco-editor-background{background:var(--color-dark-grey-300) !important}.lambda-editor .monaco-editor .decorationsOverviewRuler{display:none}.lambda-editor__editor__input{position:relative;height:100%;width:100%}.lambda-editor__editor__input__compressed .scroll-decoration{box-shadow:none}.lambda-editor__editor__input__compressed .selected-text,.lambda-editor__editor__input__compressed .selectionHighlight{height:2.6rem !important}.lambda-editor__editor__input__compressed .cursors-layer .cursor{top:.3rem !important;height:2rem !important}.lambda-editor__editor__input__compressed .view-line{display:flex;align-items:center;height:2.6rem !important}.lambda-editor__editor__info{display:flex;align-items:center;height:100%;padding:0 .5rem;border:.1rem solid var(--color-dark-grey-300);border-right:none;border-left:none;background:var(--color-dark-grey-300)}.lambda-editor__editor__expected-return-type{display:flex;align-items:center;justify-content:center;height:100%;height:1.8rem;border-radius:.2rem;padding:0 .5rem;color:var(--color-dark-grey-400);background:var(--color-light-grey-0);border:.1rem solid var(--color-light-grey-0);font-size:1.1rem;cursor:default}.lambda-editor__editor__expected-return-type--clickable{cursor:pointer}.lambda-editor__editor__expected-return-type--highlighted{border-color:var(--color-yellow-0);background:var(--color-yellow-0);color:var(--color-dark-grey-0)}.lambda-editor__editor__expand-btn{display:flex;align-items:center;justify-content:center;height:100%;width:1.6rem;background:var(--color-dark-grey-280);border:.1rem solid var(--color-dark-grey-280);color:var(--color-light-grey-100);border-radius:0 .2rem .2rem 0;cursor:pointer}.lambda-editor__editor__expand-btn[disabled]{color:var(--color-dark-grey-400);cursor:not-allowed}.lambda-editor__expanded{height:28rem !important}.lambda-editor__expanded .lambda-editor__editor__info{align-items:flex-start;padding:.4rem .5rem}.lambda-editor__expanded .lambda-editor__editor__expand-btn{background:var(--color-dark-grey-280);border-color:var(--color-dark-grey-280)}.lambda-editor--dnd-match .lambda-editor__editor__expected-return-type{background:var(--color-yellow-0);border-color:var(--color-yellow-0);color:var(--color-dark-grey-0)}.lambda-editor__action{width:2.8rem;min-width:2.8rem;background:var(--color-dark-grey-250);height:2.8rem;border-left:.1rem solid var(--color-dark-shade-300)}.lambda-editor__action svg{color:var(--color-light-grey-200)}.lambda-editor__error-feedback{width:100%;margin-top:.5rem;background:var(--color-red-100);color:var(--color-light-grey-0);border-radius:.2rem;cursor:default}.lambda-editor__error-feedback__error__message{display:inline-flex;line-height:1.6rem;padding:.5rem}.lambda-editor__error-feedback__parsing-error__content{display:flex;justify-content:space-between;border-top:.1rem solid var(--color-dark-shade-230);padding:.5rem}.lambda-editor__error-feedback__parsing-error__discard-changes-btn{cursor:pointer;font-size:1.2rem;height:1.8rem;background:var(--color-dark-shade-230);white-space:nowrap;border-radius:.2rem;padding:0 .5rem;color:var(--color-light-grey-50)}.lambda-editor__popup__modal__content{width:100%;height:100%;background:var(--color-dark-grey-50)}.lambda-editor__popup__modal--has-error{border:.1rem solid var(--color-red-200) !important}.lambda-editor__popup__modal--has-error .modal__header{background:var(--color-red-200)}.lambda-editor__popup__modal--has-error .modal__title__error-badge{display:flex;align-items:center;justify-content:center;margin-right:1rem;background:var(--color-red-400);height:2.2rem;border-radius:.2rem;padding:.5rem;font-size:1.2rem;user-select:none}.lambda-editor__popup__content{height:100% !important;background:var(--color-dark-grey-50);padding-top:1rem}.lambda-editor__popup__content .monaco-editor .margin,.lambda-editor__popup__content .monaco-editor .monaco-editor-background{background:var(--color-dark-grey-50) !important}.notification__position{bottom:3rem !important;right:1rem !important}.notification__content{background-color:var(--color-dark-grey-200) !important;color:var(--color-light-grey-150) !important;border-radius:.3rem !important;align-items:flex-start !important}.notification__message__content{display:flex;align-items:flex-start}.notification__message__content__icon{padding-top:.2rem;padding-right:1rem}.notification__message__content__icon svg{font-size:1.6rem}.notification__message__content__icon--info{color:var(--color-light-grey-200)}.notification__message__content__icon--error{color:var(--color-red-100)}.notification__message__content__icon--warning{color:var(--color-yellow-200)}.notification__message__content__icon--success{color:var(--color-green-100)}.notification__message__content__text{max-height:10rem;max-width:60rem;overflow:auto}.notification__actions{padding:.8rem 0 .8rem 1rem !important}.notification__action{display:flex;align-items:center;justify-content:center;width:2rem;color:var(--color-dark-grey-400) !important}.notification__action:hover{color:var(--color-light-grey-400) !important}.text-editor__container{height:100%;width:100%;background:var(--color-dark-grey-50)}.text-editor__body{height:100%;width:100%;position:absolute;top:0;left:0}/*# sourceMappingURL=index.css.map */

package/lib/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../style/_extensions.scss","../style/components/_blocking-alert.scss","../style/_mixins.scss","../style/components/_backdrop.scss","../style/components/_lambda-editor.scss","../style/components/_notification.scss","../style/components/_text-editor.scss"],"names":[],"mappings":"AAgBA,MAEE,+CACA,2CAEA,mDACA,+CACA,4CACA,uCACA,sCACA,6CACA,sCACA,yCACA,2CACA,yCACA,wCACA,2CACA,0CACA,8CACA,0CACA,8CACA,2CACA,iDACA,sCACA,sCACA,4CAKA,cACE,yBAGF,oBACE,+BAGF,aACE,wBAGF,gBACE,2BAGF,oBACE,+BAGF,kBACE,6BAGF,mBACE,8BAGF,gBACE,2BAGF,iBACE,4BAGF,wBACE,mCAGF,gBACE,2BAGF,kBACE,6BAGF,eACE,0BAGF,mBACE,8BAGF,eACE,0BAGF,kBACE,6BAGF,iBACE,4BAGF,cACE,yBAGF,eACE,0BAGF,gBACE,2BAGF,mBACE,8BAGF,gBACE,2BAMF,6CAEE,8BAGF,yBACE,oCAGF,kBACE,6BAGF,qBACE,gCAGF,yBACE,oCAGF,uBACE,kCAGF,wBACE,mCAGF,qBACE,gCAGF,qBACE,gCAGF,uBACE,kCAGF,sBACE,iCAGF,qBACE,gCAGF,wBACE,mCAGF,qBACE,gCAGF,wBACE,mCCjLJ,gBACE,UAEA,gCACE,wBAGF,2BACE,8BAGF,qBCLA,aACA,mBACA,uBDME,cACA,oBACA,YACA,iCAGF,6BACE,mBACA,eACA,mBAGF,yBACE,kBAGF,iCACE,kBACA,iBACA,4BACA,gBAGF,8BACE,kCACA,gBAGF,6BACE,2BACA,iBACA,gBACA,gBAGF,0BACE,yCAGF,yBACE,yCAEA,uCACE,iCAGF,sDACE,4BE/DN,UACE,kDACA,uBAEA,mBACE,YACA,kBACA,2DCLJ,eFYE,aACA,mBEVA,cACA,cACA,YACA,oBACA,sCAKE,8FAEE,iDAGF,wDACE,aAIJ,8BACE,kBACA,YACA,WAIA,6DACE,gBAIF,uHAEE,yBAGF,iEACE,qBACA,uBAGF,qDFhCF,aACA,mBEkCI,yBAIJ,6BFvCA,aACA,mBEyCE,YACA,gBACA,8CACA,kBACA,iBACA,sCAGF,6CFxDA,aACA,mBACA,uBEyDE,YACA,cACA,oBACA,gBACA,iCACA,qCACA,6CACA,iBACA,eAGF,wDACE,eAGF,0DACE,mCACA,iCACA,+BAGF,mCFhFA,aACA,mBACA,uBEiFE,YACA,aACA,sCACA,8CACA,gCACA,8BACA,eAGF,6CACE,iCACA,mBAGF,yBACE,wBAGF,sDACE,uBACA,oBAGF,4DACE,sCACA,wCAGF,uEACE,iCACA,mCACA,+BAIJ,+BACE,WACA,iBACA,gCACA,gCACA,oBACA,eAEA,+CACE,oBACA,mBACA,cAGF,uDF5GA,aACA,8BE8GE,mDACA,cAGF,mEACE,eACA,iBACA,cACA,uCACA,mBACA,oBACA,gBACA,iCCxJF,wBACE,uBACA,sBAGF,uBACE,uDACA,6CACA,+BACA,kCAGF,gCACE,aACA,uBAGF,sCACE,kBACA,mBAGF,0CACE,iBAGF,4CACE,kCAGF,6CACE,2BAGF,+CACE,8BAGF,+CACE,6BAGF,sCACE,iBACA,gBACA,cAGF,uBACE,sCAGF,sBH/CA,aACA,mBACA,uBGgDE,WACA,4CAGF,4BACE,6CC9DF,wBACE,YACA,WACA,qCAGF,mBACE,YACA,WACA,kBACA,MACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../style/_extensions.scss","../style/components/_blocking-alert.scss","../style/_mixins.scss","../style/components/_backdrop.scss","../style/components/_lambda-editor.scss","../style/components/_notification.scss","../style/components/_text-editor.scss"],"names":[],"mappings":"AAgBA,MAEE,+CACA,2CAEA,mDACA,+CACA,4CACA,uCACA,sCACA,6CACA,sCACA,yCACA,2CACA,yCACA,wCACA,2CACA,0CACA,8CACA,0CACA,8CACA,2CACA,iDACA,sCACA,sCACA,4CAKA,cACE,yBAGF,oBACE,+BAGF,aACE,wBAGF,gBACE,2BAGF,oBACE,+BAGF,kBACE,6BAGF,mBACE,8BAGF,gBACE,2BAGF,iBACE,4BAGF,wBACE,mCAGF,gBACE,2BAGF,kBACE,6BAGF,eACE,0BAGF,mBACE,8BAGF,eACE,0BAGF,kBACE,6BAGF,iBACE,4BAGF,cACE,yBAGF,eACE,0BAGF,gBACE,2BAGF,mBACE,8BAGF,gBACE,2BAMF,6CAEE,8BAGF,yBACE,oCAGF,kBACE,6BAGF,qBACE,gCAGF,yBACE,oCAGF,uBACE,kCAGF,wBACE,mCAGF,qBACE,gCAGF,qBACE,gCAGF,uBACE,kCAGF,sBACE,iCAGF,qBACE,gCAGF,wBACE,mCAGF,qBACE,gCAGF,wBACE,mCCjLJ,gBACE,UAEA,gCACE,wBAGF,2BACE,8BAGF,qBCLA,aACA,mBACA,uBDME,cACA,oBACA,YACA,iCAGF,6BACE,mBACA,eACA,mBAGF,yBACE,kBAGF,iCACE,kBACA,iBACA,4BACA,gBAGF,8BACE,kCACA,gBAGF,6BACE,2BACA,iBACA,gBACA,gBAGF,0BACE,yCAGF,yBACE,yCAEA,uCACE,iCAGF,sDACE,4BE/DN,UACE,kDACA,uBAEA,mBACE,YACA,kBACA,2DCLJ,eFYE,aACA,mBEVA,cACA,cACA,YACA,oBACA,sCAKE,8FAEE,iDAGF,wDACE,aAIJ,8BACE,kBACA,YACA,WAIA,6DACE,gBAIF,uHAEE,yBAGF,iEACE,qBACA,uBAGF,qDFhCF,aACA,mBEkCI,yBAIJ,6BFvCA,aACA,mBEyCE,YACA,gBACA,8CACA,kBACA,iBACA,sCAGF,6CFxDA,aACA,mBACA,uBEyDE,YACA,cACA,oBACA,gBACA,iCACA,qCACA,6CACA,iBACA,eAGF,wDACE,eAGF,0DACE,mCACA,iCACA,+BAGF,mCFhFA,aACA,mBACA,uBEiFE,YACA,aACA,sCACA,8CACA,kCACA,8BACA,eAGF,6CACE,iCACA,mBAGF,yBACE,wBAGF,sDACE,uBACA,oBAGF,4DACE,sCACA,wCAGF,uEACE,iCACA,mCACA,+BAGF,uBACE,aACA,iBACA,sCACA,cACA,oDAEA,2BACE,kCAKN,+BACE,WACA,iBACA,gCACA,gCACA,oBACA,eAEA,+CACE,oBACA,mBACA,cAGF,uDFxHA,aACA,8BE0HE,mDACA,cAGF,mEACE,eACA,iBACA,cACA,uCACA,mBACA,oBACA,gBACA,iCAMA,sCACE,WACA,YACA,qCAIJ,wCACE,mDAEA,uDACE,gCAGF,mEFnLF,aACA,mBACA,uBEoLI,kBACA,gCACA,cACA,oBACA,cACA,iBACA,iBAIJ,+BACE,uBACA,qCACA,iBAGE,8HAEE,gDC7MN,wBACE,uBACA,sBAGF,uBACE,uDACA,6CACA,+BACA,kCAGF,gCACE,aACA,uBAGF,sCACE,kBACA,mBAGF,0CACE,iBAGF,4CACE,kCAGF,6CACE,2BAGF,+CACE,8BAGF,+CACE,6BAGF,sCACE,iBACA,gBACA,cAGF,uBACE,sCAGF,sBH/CA,aACA,mBACA,uBGgDE,WACA,4CAGF,4BACE,6CC9DF,wBACE,YACA,WACA,qCAGF,mBACE,YACA,WACA,kBACA,MACA","file":"index.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-application",
-  "version": "0.0.6",
+  "version": "0.0.10",
   "description": "Legend application core",
   "keywords": [
     "legend",
@@ -37,19 +37,19 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-art": "0.0.3",
-    "@finos/legend-graph": "0.0.4",
-    "@finos/legend-shared": "0.0.2",
+    "@finos/legend-art": "0.0.6",
+    "@finos/legend-graph": "0.1.1",
+    "@finos/legend-shared": "0.0.5",
     "@material-ui/core": "4.12.3",
-    "@testing-library/react": "12.0.0",
+    "@testing-library/react": "12.1.1",
     "@types/css-font-loading-module": "0.0.6",
-    "@types/react": "17.0.20",
+    "@types/react": "17.0.24",
     "@types/react-dom": "17.0.9",
-    "@types/react-router-dom": "5.1.8",
+    "@types/react-router-dom": "5.3.0",
     "history": "5.0.1",
     "mobx": "6.3.3",
     "mobx-react-lite": "3.2.1",
-    "monaco-editor": "0.27.0",
+    "monaco-editor": "0.28.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-icons": "4.2.0",
@@ -59,15 +59,15 @@
     "serializr": "2.0.5"
   },
   "devDependencies": {
-    "@finos/legend-dev-utils": "0.0.5",
-    "@testing-library/dom": "8.2.0",
+    "@finos/legend-dev-utils": "0.0.11",
+    "@testing-library/dom": "8.7.1",
     "cross-env": "7.0.3",
     "eslint": "7.32.0",
-    "jest": "27.1.0",
+    "jest": "27.2.4",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
-    "sass": "1.39.0",
-    "typescript": "4.4.2"
+    "sass": "1.42.1",
+    "typescript": "4.4.3"
   },
   "peerDependencies": {
     "react": "^17.0.0"

package/src/components/ActionAlert.tsx

@@ -43,7 +43,7 @@ const ActionAlertInner = observer((props: { info: ActionAlertInfo }) => {
     onClose?.();
     applicationStore.setActionAltertInfo(undefined);
   };
-  const handlEnter = (): void => onEnter?.();
+  const handleEnter = (): void => onEnter?.();
   const handleSubmit = (): void => {
     const proceedActions = actions.filter((action) => action.default);
     if (proceedActions.length) {
@@ -61,7 +61,7 @@ const ActionAlertInner = observer((props: { info: ActionAlertInfo }) => {
       open={Boolean(applicationStore.actionAlertInfo)}
       onClose={noop} // disallow closing dialog by using Esc key or clicking on the backdrop
       TransitionProps={{
-        onEnter: handlEnter,
+        onEnter: handleEnter,
       }}
     >
       <form

package/src/components/LambdaEditor.tsx

@@ -26,16 +26,21 @@ import {
   disableEditorHotKeys,
   baseTextEditorSettings,
 } from '@finos/legend-art';
-import { FaLongArrowAltDown, FaLongArrowAltUp } from 'react-icons/fa';
+import {
+  FaLongArrowAltDown,
+  FaLongArrowAltUp,
+  FaWindowMaximize,
+} from 'react-icons/fa';
 import type { LambdaEditorState } from '../stores/LambdaEditorState';
 import type { DebouncedFunc, GeneratorFn } from '@finos/legend-shared';
-import { debounce } from '@finos/legend-shared';
+import { noop, debounce } from '@finos/legend-shared';
 import { flowResult } from 'mobx';
 import type { EngineError, Type } from '@finos/legend-graph';
 import { ParserError } from '@finos/legend-graph';
 import { APPLICATION_TEST_ID } from './ApplicationTestID';
 import { useApplicationStore } from './ApplicationStoreProvider';
 import { EDITOR_LANGUAGE, EDITOR_THEME, TAB_SIZE } from '../const';
+import { Dialog } from '@material-ui/core';
 
 export type LambdaEditorOnKeyDownEventHandler = {
   matcher: (event: IKeyboardEvent) => boolean;
@@ -71,7 +76,7 @@ const LambdaErrorFeedback: React.FC<{
   );
 };
 
-const LambdaEditorInner = observer(
+const LambdaEditorInline = observer(
   (props: {
     className?: string | undefined;
     disabled: boolean;
@@ -80,12 +85,15 @@ const LambdaEditorInner = observer(
     expectedType?: Type | undefined;
     matchedExpectedType?: (() => boolean) | undefined;
     onExpectedTypeLabelSelect?: (() => void) | undefined;
-    forceExpansion?: boolean | undefined;
     useBaseTextEditorSettings?: boolean | undefined;
     hideErrorBar?: boolean | undefined;
     forceBackdrop: boolean;
+    disableExpansion?: boolean | undefined;
+    forceExpansion?: boolean | undefined;
+    disablePopUp?: boolean | undefined;
     backdropSetter?: ((val: boolean) => void) | undefined;
     onKeyDownEventHandlers: LambdaEditorOnKeyDownEventHandler[];
+    openInPopUp: () => void;
   }) => {
     const {
       className,
@@ -97,10 +105,13 @@ const LambdaEditorInner = observer(
       matchedExpectedType,
       forceBackdrop,
       backdropSetter,
+      disableExpansion,
       forceExpansion,
+      disablePopUp,
       useBaseTextEditorSettings,
       hideErrorBar,
       onKeyDownEventHandlers,
+      openInPopUp,
     } = props;
     const applicationStore = useApplicationStore();
     const onDidChangeModelContentEventDisposer = useRef<
@@ -115,11 +126,11 @@ const LambdaEditorInner = observer(
     const [editor, setEditor] = useState<
       monacoEditorAPI.IStandaloneCodeEditor | undefined
     >();
-    const textInput = useRef<HTMLDivElement>(null);
+    const textInputRef = useRef<HTMLDivElement>(null);
 
-    const transformLambdaToString = (pretty: boolean): Promise<void> => {
+    const transformLambdaToString = async (pretty: boolean): Promise<void> => {
       transformStringToLambda?.cancel();
-      return flowResult(
+      return await flowResult(
         lambdaEditorState.convertLambdaObjectToGrammarString(pretty),
       ).catch(applicationStore.alertIllegalUnhandledError);
     };
@@ -143,8 +154,8 @@ const LambdaEditorInner = observer(
     }, [editor, width, height]);
 
     useEffect(() => {
-      if (!editor && textInput.current) {
-        const element = textInput.current;
+      if (!editor && textInputRef.current) {
+        const element = textInputRef.current;
         const lambdaEditorOptions: monacoEditorAPI.IStandaloneEditorConstructionOptions =
           useBaseTextEditorSettings
             ? {}
@@ -205,6 +216,8 @@ const LambdaEditorInner = observer(
           backdropSetter(true);
         } else if (!forceBackdrop) {
           // make sure the backdrop is no longer `needed` for blocking by another parser error before hiding it
+          // NOTE: this has a serious drawback, see the documentation for `forceBackdrop` prop of `LambdaEditor`
+          // for better context
           backdropSetter(false);
         }
       }
@@ -339,7 +352,7 @@ const LambdaEditorInner = observer(
             data-testid={APPLICATION_TEST_ID.LAMBDA_EDITOR__EDITOR_INPUT}
             className="lambda-editor__editor__input"
           >
-            <div className="text-editor__body" ref={textInput} />
+            <div className="text-editor__body" ref={textInputRef} />
           </div>
           {Boolean(expectedType) && (
             <div className="lambda-editor__editor__info">
@@ -374,7 +387,7 @@ const LambdaEditorInner = observer(
               )}
             </div>
           )}
-          {!forceExpansion && (
+          {!disableExpansion && !forceExpansion && (
             <button
               className="lambda-editor__editor__expand-btn"
               onClick={toggleExpandedMode}
@@ -385,6 +398,17 @@ const LambdaEditorInner = observer(
               {isExpanded ? <FaLongArrowAltUp /> : <FaLongArrowAltDown />}
             </button>
           )}
+          {!disablePopUp && (
+            <button
+              className="lambda-editor__action"
+              onClick={openInPopUp}
+              disabled={Boolean(parserError)}
+              tabIndex={-1}
+              title="Open..."
+            >
+              <FaWindowMaximize />
+            </button>
+          )}
         </div>
         {!hideErrorBar && (
           <LambdaErrorFeedback
@@ -397,6 +421,253 @@ const LambdaEditorInner = observer(
   },
 );
 
+const LambdaEditorPopUp = observer(
+  (props: {
+    className?: string | undefined;
+    disabled: boolean;
+    lambdaEditorState: LambdaEditorState;
+    transformStringToLambda: DebouncedFunc<() => GeneratorFn<void>> | undefined;
+    onKeyDownEventHandlers: LambdaEditorOnKeyDownEventHandler[];
+    onClose: () => void;
+  }) => {
+    const {
+      className,
+      disabled,
+      lambdaEditorState,
+      transformStringToLambda,
+      onKeyDownEventHandlers,
+      onClose,
+    } = props;
+    const applicationStore = useApplicationStore();
+    const onKeyDownEventDisposer = useRef<IDisposable | undefined>(undefined);
+    const onDidChangeModelContentEventDisposer = useRef<
+      IDisposable | undefined
+    >(undefined);
+    const value = lambdaEditorState.lambdaString;
+    const parserError = lambdaEditorState.parserError;
+    const compilationError = lambdaEditorState.compilationError;
+    // const selectTypeLabel = (): void => onExpectedTypeLabelSelect?.();
+    const [editor, setEditor] = useState<
+      monacoEditorAPI.IStandaloneCodeEditor | undefined
+    >();
+    const textInputRef = useRef<HTMLDivElement>(null);
+
+    const transformLambdaToString = async (pretty: boolean): Promise<void> => {
+      transformStringToLambda?.cancel();
+      return await flowResult(
+        lambdaEditorState.convertLambdaObjectToGrammarString(pretty),
+      ).catch(applicationStore.alertIllegalUnhandledError);
+    };
+    const discardChanges = applicationStore.guaranteeSafeAction(() =>
+      transformLambdaToString(true),
+    );
+
+    const { ref, width, height } = useResizeDetector<HTMLDivElement>();
+    useEffect(() => {
+      if (width !== undefined && height !== undefined) {
+        editor?.layout({ width, height });
+      }
+    }, [editor, width, height]);
+
+    const onEnter = (): void => {
+      if (!editor && textInputRef.current) {
+        const element = textInputRef.current;
+        const _editor = monacoEditorAPI.create(element, {
+          ...baseTextEditorSettings,
+          language: EDITOR_LANGUAGE.PURE,
+          theme: EDITOR_THEME.LEGEND,
+        });
+        disableEditorHotKeys(_editor);
+        setEditor(_editor);
+      }
+    };
+
+    if (editor) {
+      /**
+       * See the extensive note about this instantiation in `LambdaEditor`. The fact that `transformStringToLambda` can change
+       * since it does not solely depends on `LambdaEditorState` but also the `disabled` flag means that the update function
+       * can go stale, so we cannot place this `onDidChangeModelContent` in a one-time called instantiation of the editor
+       * (i.e. the first `useEffect` where we create the editor). As such, we have to use refs and disposer to update this every time
+       * the lambda editor is re-rendered.
+       *
+       * A potential bug that could come up if we place this logic in the `useEffect` for instantiating the editor is:
+       * 1. Initially set the `disabled` to true, then switch it back to `false` (using a timer or something)
+       * 2. Type something in the lambda editor, the transform function is `undefined` and does not update the underlying lambda
+       */
+      onDidChangeModelContentEventDisposer.current?.dispose();
+      onDidChangeModelContentEventDisposer.current =
+        editor.onDidChangeModelContent(() => {
+          const currentVal = editor.getValue();
+          /**
+           * Avoid unecessary setting of lambda string. Also, this prevents clearing the non-parser error on first render.
+           * Since this method is guaranteed to be called one time during the first rendering when we first set the
+           * value for the lambda editor, we do not want to clear any existing non-parser error in case it is set by methods
+           * like reveal error in each editor
+           */
+          if (currentVal !== lambdaEditorState.lambdaString) {
+            lambdaEditorState.setLambdaString(currentVal);
+            /**
+             * Here we clear the error as user changes the input
+             * NOTE: we don't reset the parser error here, we could, but with that, we have to assume that the parsing check is
+             * pretty quick--almost near real time, but if after typing new character, we clear the parsing error and the user
+             * still make mistake, then the warning message will appear to flash, which is bad UX, so for now, we leave it be
+             */
+            lambdaEditorState.setCompilationError(undefined);
+          }
+          /**
+           * This method MUST run on the first rendering of the lambda editor, as it will update the lambda object. This is
+           * needed for new lambda where a lot of time is just a stub lambda. Without having this method called on the first
+           * rendering, that stub lambda will remain stub lambda until user starts typing something in the lambda editor.
+           * This stub lambda sometimes does not even get registered in change detection and causing the user to lose data
+           * Although, technically a stub lambda is useless, so this is not too serious, but it may come across as buggy
+           */
+          transformStringToLambda?.cancel();
+          if (transformStringToLambda) {
+            const stringToLambdaTransformation = transformStringToLambda();
+            if (stringToLambdaTransformation) {
+              flowResult(stringToLambdaTransformation).catch(
+                applicationStore.alertIllegalUnhandledError,
+              );
+            }
+          }
+        });
+
+      // set hotkeys (before calling the action, finish parsing the current text value)
+      onKeyDownEventDisposer.current?.dispose(); // dispose to avoid trigger hotkeys multiple times
+      /**
+       * NOTE: We can use `setCommand` here but that does not expose the event so we cannot `stopPropagation`, and we need to
+       * use `stopPropagation` to prevent the event top bubble up to global hotkeys listener.
+       * If we really want to use `setCommand` the other approach is to set <HotKeys/> around this lambda editor to override F9
+       * perhaps that's the cleaner approach because we use `react-hotkeys` to handle it's business, but there is an on-going
+       * issue with <HotKeys/> keybindings are lost when component rerenders and this happen as users type because we call `setValue`
+       * See https://github.com/greena13/react-hotkeys/issues/209
+       *
+       * The main role of this section is to disable `monaco-editor` command and override with global actions, such as generate, compile,
+       * toggle text mode, etc. The important thing is before we do so, we would like to finish the parsing of the current string, otherwise,
+       * those operations can end up flushing the current state and trashing the user input, which is bad, as such, we make sure the
+       * parsing passes before actually calling those global operations.
+       */
+      onKeyDownEventDisposer.current = editor.onKeyDown((event) => {
+        onKeyDownEventHandlers.forEach((handler) => {
+          if (handler.matcher(event)) {
+            event.preventDefault();
+            event.stopPropagation();
+            transformStringToLambda?.cancel();
+            handler.action(event);
+          }
+        });
+      });
+
+      // Set the text value
+      const currentValue = editor.getValue();
+      const editorModel = editor.getModel();
+      const currentConfig = editor.getRawOptions();
+      if (currentValue !== value) {
+        editor.setValue(value);
+      }
+      if (currentConfig.readOnly !== disabled) {
+        editor.updateOptions({
+          readOnly: disabled,
+        });
+      }
+
+      // Set the errors
+      if (editorModel) {
+        editorModel.updateOptions({ tabSize: TAB_SIZE });
+        const error = parserError ?? compilationError;
+        if (error?.sourceInformation) {
+          setErrorMarkers(
+            editorModel,
+            error.message,
+            error.sourceInformation.startLine,
+            error.sourceInformation.startColumn,
+            error.sourceInformation.endLine,
+            error.sourceInformation.endColumn,
+          );
+        } else {
+          monacoEditorAPI.setModelMarkers(editorModel, 'Error', []);
+        }
+      }
+    }
+
+    useEffect(() => {
+      flowResult(
+        lambdaEditorState.convertLambdaObjectToGrammarString(true),
+      ).catch(applicationStore.alertIllegalUnhandledError);
+    }, [applicationStore, lambdaEditorState]);
+
+    useEffect(
+      () => (): void => {
+        if (editor) {
+          disposeEditor(editor);
+        }
+      },
+      [editor],
+    ); // dispose editor
+
+    return (
+      <Dialog
+        open={true}
+        TransitionProps={{
+          onEnter,
+        }}
+        onClose={noop} // disallow closing dialog by using Esc key or clicking on the backdrop
+        classes={{
+          root: 'editor-modal__root-container',
+          container: 'editor-modal__container',
+          paper: 'editor-modal__content',
+        }}
+      >
+        <div
+          className={clsx(
+            'modal modal--dark editor-modal lambda-editor__popup__modal',
+            {
+              'lambda-editor__popup__modal--has-error': Boolean(
+                lambdaEditorState.parserError,
+              ),
+            },
+          )}
+        >
+          <div className="modal__header">
+            <div className="modal__title">Edit Lambda</div>
+            {lambdaEditorState.parserError && (
+              <div className="modal__title__error-badge">
+                Failed to parse lambda
+              </div>
+            )}
+          </div>
+          <div className="modal__body">
+            <div className={clsx('lambda-editor__popup__content', className)}>
+              <div
+                ref={ref}
+                data-testid={APPLICATION_TEST_ID.LAMBDA_EDITOR__EDITOR_INPUT}
+                className="lambda-editor__editor__input"
+              >
+                <div className="text-editor__body" ref={textInputRef} />
+              </div>
+            </div>
+          </div>
+          <div className="modal__footer">
+            <button
+              className="btn btn--dark btn--caution"
+              onClick={discardChanges}
+            >
+              Discard changes
+            </button>
+            <button
+              className="btn btn--dark"
+              onClick={onClose}
+              disabled={Boolean(lambdaEditorState.parserError)}
+            >
+              Close
+            </button>
+          </div>
+        </div>
+      </Dialog>
+    );
+  },
+);
+
 /**
  * This is not strictly meant for lambda. The idea is to create an editor that allows
  * editing _something_ but allows user to edit via text.
@@ -414,11 +685,53 @@ export const LambdaEditor = observer(
     expectedType?: Type | undefined;
     matchedExpectedType?: (() => boolean) | undefined;
     onExpectedTypeLabelSelect?: (() => void) | undefined;
+    /**
+     * As backdrop element is often shared in the application, and there could be multiple
+     * editor using that backdrop, we could end up in situation where some such editors
+     * have parser errors and some don't (this can happen when user make edits very quickly 2 lambda
+     * editor and causes parsers error simultaneously). In this case, we want to make sure when
+     * parser error is fixed in one editor, the backdrop is not dismissed immediately.
+     *
+     * NOTE: the current approach has a critical flaw, where on the same screen, there could be multiple
+     * sets of lambda editors with different values for `forceBackdrop`. So really, the only way to
+     * accomondate for this is to have `forceBackdrop` as a global value. Or we should get rid of this
+     * backdrop mechanism altogether as it's not really a good UX pattern. i.e. quick evaluation makes
+     * us believe that this is a good option, user will lose what they type, but the most recent parsable
+     * input will still be captured.
+     */
     forceBackdrop: boolean;
+    /**
+     * (de)activator for backdrop that is usually used to block any background interactions
+     * while there is a parser error in the editor
+     */
     backdropSetter?: ((val: boolean) => void) | undefined;
+    /**
+     * To whether or not disable expasipn toggler
+     */
+    disableExpansion?: boolean | undefined;
+    /**
+     * To whether show the inline editor in expanded mode initially and
+     * disable expansion toggler
+     *
+     * This flag will override the effect of `forceExpansion`
+     */
     forceExpansion?: boolean | undefined;
+    /**
+     * To whether or not disable popup mode
+     */
+    disablePopUp?: boolean | undefined;
+    /**
+     * To whether or not style inline editor
+     */
     useBaseTextEditorSettings?: boolean | undefined;
+    /**
+     * To whether or not hide parser error bar in inline mode
+     */
     hideErrorBar?: boolean | undefined;
+    /**
+     * Allow adding hotkeys handler to the editor, this is usually used
+     * to allow activating global hotkeys while typing in the editor
+     */
     onKeyDownEventHandlers?: LambdaEditorOnKeyDownEventHandler[];
   }) => {
     const {
@@ -430,11 +743,16 @@ export const LambdaEditor = observer(
       expectedType,
       onExpectedTypeLabelSelect,
       matchedExpectedType,
+      disableExpansion,
       forceExpansion,
+      disablePopUp,
       useBaseTextEditorSettings,
       hideErrorBar,
       onKeyDownEventHandlers,
     } = props;
+    const [showPopUp, setShowPopUp] = useState(false);
+    const openInPopUp = (): void => setShowPopUp(true);
+    const closePopUp = (): void => setShowPopUp(false);
     const debouncedTransformStringToLambda = useMemo(
       () =>
         disabled
@@ -446,8 +764,23 @@ export const LambdaEditor = observer(
       [lambdaEditorState, disabled],
     );
 
+    if (!disablePopUp && showPopUp) {
+      return (
+        <>
+          <div className="lambda-editor" />
+          <LambdaEditorPopUp
+            className={className}
+            disabled={disabled}
+            lambdaEditorState={lambdaEditorState}
+            transformStringToLambda={debouncedTransformStringToLambda}
+            onKeyDownEventHandlers={onKeyDownEventHandlers ?? []}
+            onClose={closePopUp}
+          />
+        </>
+      );
+    }
     return (
-      <LambdaEditorInner
+      <LambdaEditorInline
         /**
          * See the usage of `transformStringToLambda` as well as the instatiation of the editor in `LambdaEditorInner`.
          * One of the big problem is that the editor uses lambda editor state (there are some non-trivial logic there, that
@@ -482,10 +815,17 @@ export const LambdaEditor = observer(
         onExpectedTypeLabelSelect={onExpectedTypeLabelSelect}
         forceBackdrop={forceBackdrop}
         backdropSetter={backdropSetter}
-        forceExpansion={forceExpansion}
+        disableExpansion={disableExpansion}
+        forceExpansion={
+          disableExpansion !== undefined
+            ? !disableExpansion && forceExpansion
+            : forceExpansion
+        }
+        disablePopUp={disablePopUp}
         useBaseTextEditorSettings={useBaseTextEditorSettings}
         hideErrorBar={hideErrorBar}
         onKeyDownEventHandlers={onKeyDownEventHandlers ?? []}
+        openInPopUp={openInPopUp}
       />
     );
   },