@finos/legend-data-cube 0.0.2

package/lib/components/filter/DataCubeFilterEditor.js

@@ -0,0 +1,312 @@
+import { jsx as _jsx, jsxs as _jsxs, 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 { BasePopover, cn, DataCubeIcon, DateCalendar, DatePicker, DatePickerField, useDropdownMenu, useForkRef, } from '@finos/legend-art';
+import { observer } from 'mobx-react-lite';
+import { DataCubeOperationAdvancedValueType, DataCubeQueryFilterGroupOperator, getDataType, } from '../../stores/core/DataCubeQueryEngine.js';
+import { DataCubeFilterEditorConditionGroupTreeNode, DataCubeFilterEditorConditionTreeNode, } from '../../stores/core/filter/DataCubeQueryFilterEditorState.js';
+import { FormDropdownMenu, FormDropdownMenuItem, FormDropdownMenuTrigger, } from '../shared/DataCubeFormUtils.js';
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { DATE_FORMAT, PRIMITIVE_TYPE } from '@finos/legend-graph';
+import { formatDate, getNullableFirstEntry, guaranteeIsNumber, parseISO, } from '@finos/legend-shared';
+import { evaluate } from 'mathjs';
+const FILTER_TREE_OFFSET = 10;
+const FILTER_TREE_INDENTATION_SPACE = 36;
+const FILTER_TREE_HORIZONTAL_GUTTER_LINE_PADDING = 8;
+const FILTER_TREE_VERTICAL_GUTTER_LINE_OFFSET = 6;
+const FILTER_TREE_CONTROLLER_OFFSET = 60;
+const FILTER_TREE_GROUP_HIGHLIGHT_PADDING = 2;
+const DataCubeEditorFilterConditionNodeTextValueEditor = observer(forwardRef(function DataCubeEditorFilterConditionNodeValueEditor(props, ref) {
+    const { value, updateValue } = props;
+    const inputRef = useRef(null);
+    const handleRef = useForkRef(inputRef, ref);
+    return (_jsx("input", { ref: handleRef, className: "h-5 w-full flex-shrink-0 border border-neutral-400 px-1 text-sm disabled:border-neutral-300 disabled:bg-neutral-50 disabled:text-neutral-300", value: value, onKeyDown: (event) => {
+            if (event.code === 'Escape') {
+                inputRef.current?.select();
+            }
+        }, onChange: (event) => {
+            updateValue(event.target.value);
+        } }));
+}));
+const EVLUATION_ERROR_LABEL = '#ERR';
+const DataCubeEditorFilterConditionNodeNumberValueEditor = observer(forwardRef(function DataCubeEditorFilterConditionNodeValueEditor(props, ref) {
+    const { value, updateValue, defaultValue = 0, step = 1 } = props;
+    const [inputValue, setInputValue] = useState(value.toString());
+    const inputRef = useRef(null);
+    const handleRef = useForkRef(inputRef, ref);
+    const calculateExpression = () => {
+        const numericValue = Number(inputValue);
+        if (inputValue === '') {
+            // Explicitly check this case since `Number()` parses empty string as `0`
+            setInputValue(defaultValue.toString());
+            updateValue(defaultValue);
+        }
+        else if (isNaN(numericValue)) {
+            if (inputValue === EVLUATION_ERROR_LABEL) {
+                setInputValue(value.toString());
+                return;
+            }
+            // If the value is not a number, try to evaluate it as an expression
+            try {
+                const calculatedValue = guaranteeIsNumber(evaluate(inputValue));
+                setInputValue(calculatedValue.toString());
+                updateValue(calculatedValue);
+            }
+            catch {
+                setInputValue(EVLUATION_ERROR_LABEL);
+                updateValue(defaultValue);
+            }
+        }
+    };
+    useEffect(() => {
+        setInputValue(value.toString());
+    }, [value]);
+    return (_jsxs("div", { className: "relative h-5 w-full flex-shrink-0", children: [_jsx("input", { ref: handleRef, inputMode: "numeric", spellCheck: false, type: "text" // NOTE: we leave this as text so that we can support expression evaluation
+                , className: "h-full w-full border border-neutral-400 px-1 pr-5 text-sm disabled:border-neutral-300 disabled:bg-neutral-50 disabled:text-neutral-300", value: inputValue, onKeyDown: (event) => {
+                    if (event.code === 'Enter') {
+                        calculateExpression();
+                        inputRef.current?.focus();
+                    }
+                    else if (event.code === 'Escape') {
+                        inputRef.current?.select();
+                    }
+                    else if (event.code === 'ArrowUp') {
+                        event.preventDefault();
+                        const newValue = value + step;
+                        setInputValue(newValue.toString());
+                        updateValue(newValue);
+                    }
+                    else if (event.code === 'ArrowDown') {
+                        event.preventDefault();
+                        const newValue = value - step;
+                        setInputValue(newValue.toString());
+                        updateValue(newValue);
+                    }
+                }, onChange: (event) => {
+                    const newInputValue = event.target.value;
+                    setInputValue(newInputValue);
+                    const numericValue = Number(newInputValue);
+                    if (isNaN(numericValue) ||
+                        !newInputValue // Explicitly check this case since `Number()` parses empty string as `0`
+                    ) {
+                        return;
+                    }
+                    updateValue(numericValue);
+                }, onBlur: () => calculateExpression() }), _jsx("div", { className: "absolute right-0 top-0 flex h-5 w-5 items-center justify-center", children: _jsx("button", { className: "text-lg text-neutral-500 hover:text-neutral-600", title: "Evaluate Expression (Enter)", onClick: calculateExpression, tabIndex: -1, children: _jsx(DataCubeIcon.Calculate, {}) }) })] }));
+}));
+// NOTE: this has to be declared here instead of defined inline in slot configuration of DatePicker
+// else, with each re-render, a new function will be created and the ref might be lost
+const CustomDateFieldPicker = forwardRef(function CustomDateFieldPicker(p, r) {
+    return (_jsx(DatePickerField, { ...p, ref: r, className: "h-5 w-full flex-shrink-0 border border-neutral-400 px-1 pr-5 text-sm disabled:border-neutral-300 disabled:bg-neutral-50 disabled:text-neutral-300" }));
+});
+const CustomDateFieldPickerOpenCalendarButton = observer((props) => {
+    const { value, updateValue } = props;
+    const [anchorEl, setAnchorEl] = useState(null);
+    return (_jsxs(_Fragment, { children: [_jsx("button", { className: "absolute right-0 top-0 flex h-5 w-5 items-center justify-center", title: "Open Date Picker...", onClick: (event) => {
+                    setAnchorEl(event.currentTarget);
+                }, tabIndex: -1, children: _jsx(DataCubeIcon.Calendar, { className: "text-lg text-neutral-500 hover:text-neutral-600" }) }), _jsx(BasePopover, { open: Boolean(anchorEl), anchorEl: anchorEl, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, onClose: () => setAnchorEl(null), classes: {
+                    root: 'data-cube-editor-date-calendar mt-0.5',
+                    paper: 'shadow-md rounded-none border border-neutral-300',
+                }, children: _jsx(DateCalendar, { autoFocus: true, value: parseISO(value), onChange: (newValue) => {
+                        updateValue(formatDate(newValue, DATE_FORMAT));
+                        setAnchorEl(null);
+                    } }) })] }));
+});
+const DataCubeEditorFilterConditionNodeDateValueEditor = observer(forwardRef(function DataCubeEditorFilterConditionNodeValueEditor(props, ref) {
+    const { value, updateValue } = props;
+    return (_jsx(DatePicker, { ref: ref, value: parseISO(value), format: DATE_FORMAT, slots: {
+            field: CustomDateFieldPicker,
+            openPickerButton: () => (_jsx(CustomDateFieldPickerOpenCalendarButton, { value: value, updateValue: updateValue })),
+        }, onChange: (newValue) => {
+            if (newValue) {
+                updateValue(formatDate(newValue, DATE_FORMAT));
+            }
+        } }));
+}));
+const DataCubeEditorFilterConditionNodeColumnSelector = observer(forwardRef(function DataCubeEditorFilterConditionNodeColumnSelector(props, ref) {
+    const { value, updateValue, view } = props;
+    const editor = view.filter;
+    const matchingColumn = editor.columns.find((column) => column.name === value);
+    const [openColumnsDropdown, closeColumnsDropdown, columnsDropdownProps, columnsDropdownPropsOpen,] = useDropdownMenu();
+    return (_jsxs(_Fragment, { children: [_jsx(FormDropdownMenuTrigger, { ref: ref, className: "relative mr-1 w-32", onClick: openColumnsDropdown, open: columnsDropdownPropsOpen, children: value }), _jsx(FormDropdownMenu, { className: "w-32", ...columnsDropdownProps, children: editor.columns
+                    .filter((column) => matchingColumn &&
+                    getDataType(matchingColumn.type) === getDataType(column.type))
+                    .map((column) => (_jsx(FormDropdownMenuItem, { onClick: () => {
+                        updateValue(column.name);
+                        closeColumnsDropdown();
+                    }, autoFocus: value === column.name, children: column.name }, column.name))) })] }));
+}));
+const DataCubeEditorFilterConditionNodeValueEditor = observer(forwardRef(function DataCubeEditorFilterConditionNodeValueEditor(props, ref) {
+    const { value, updateValue, view } = props;
+    // WIP: support collection/column
+    switch (value.type) {
+        case PRIMITIVE_TYPE.STRING:
+            return (_jsx(DataCubeEditorFilterConditionNodeTextValueEditor, { ref: ref, value: value.value, updateValue: (val) => updateValue(val) }));
+        case PRIMITIVE_TYPE.NUMBER:
+        case PRIMITIVE_TYPE.DECIMAL:
+        case PRIMITIVE_TYPE.FLOAT:
+        case PRIMITIVE_TYPE.INTEGER:
+            return (_jsx(DataCubeEditorFilterConditionNodeNumberValueEditor, { ref: ref, value: value.value, updateValue: (val) => updateValue(val) }));
+        case PRIMITIVE_TYPE.DATE:
+        case PRIMITIVE_TYPE.STRICTDATE:
+        case PRIMITIVE_TYPE.DATETIME:
+            return (_jsx(DataCubeEditorFilterConditionNodeDateValueEditor, { ref: ref, value: value.value, updateValue: (val) => updateValue(val) }));
+        case DataCubeOperationAdvancedValueType.COLUMN:
+            return (_jsx(DataCubeEditorFilterConditionNodeColumnSelector, { ref: ref, value: value.value, updateValue: (val) => updateValue(val), view: view }));
+        default:
+            return null;
+    }
+}));
+function DataCubeEditorFilterNotLabel() {
+    return (_jsxs("div", { className: "relative flex pl-2.5", children: [_jsx("div", { className: "pointer-events-none absolute -left-2 h-0 w-0 border-[9px] border-neutral-600 border-b-transparent border-l-transparent border-t-transparent" }), _jsx("div", { className: "mr-1 flex h-[18px] w-10 flex-shrink-0 items-center bg-neutral-600 pl-2 text-sm font-medium text-white", title: "Filter is inverted: select all but what matches.", children: "NOT" })] }));
+}
+const DataCubeEditorFilterConditionNodeController = observer((props) => {
+    const { className, node, view } = props;
+    const editor = view.filter;
+    return (_jsxs("div", { className: cn('flex h-3.5 w-14 flex-shrink-0 bg-neutral-100', className), children: [_jsx("button", { className: "flex h-3.5 w-3.5 items-center justify-center rounded-bl-sm rounded-tl-sm border border-neutral-400 hover:bg-neutral-200", onClick: () => editor.addFilterNode(node), title: "Insert a new column filter, just after this filter.", children: _jsx(DataCubeIcon.FilterAddOperator, { className: "stroke-[2.5] text-sm" }) }), _jsx("button", { className: "flex h-3.5 w-3.5 items-center justify-center border border-l-0 border-neutral-400 hover:bg-neutral-200", onClick: () => editor.removeFilterNode(node), title: "Remove this filter", children: _jsx(DataCubeIcon.FilterRemoveOperator, { className: "stroke-[2.5] text-sm" }) }), _jsx("button", { className: "flex h-3.5 w-3.5 items-center justify-center border border-l-0 border-neutral-400 hover:bg-neutral-200", onClick: () => editor.layerFilterNode(node), title: "Put this filter in its own sub-group (and combine it with other filters).", children: _jsx(DataCubeIcon.FilterGroupOperator, { className: "stroke-[2.5] text-sm" }) }), _jsx("button", { className: cn('flex h-3.5 w-3.5 items-center justify-center rounded-br-sm rounded-tr-sm border border-l-0 border-neutral-400 hover:bg-neutral-200', {
+                    'bg-neutral-600': node.not,
+                    'border-neutral-600': node.not,
+                    'text-white': node.not,
+                    'hover:bg-neutral-600': node.not,
+                }), onClick: () => node.setNot(!node.not), title: node.not
+                    ? 'Turn off the NOT operator on this filter to select only what matches.'
+                    : 'Turn on the NOT operator on this filter to select all but what matches.', children: _jsx(DataCubeIcon.FilterNotOperator, { className: "stroke-[3] text-xs" }) })] }));
+});
+const DataCubeEditorFilterConditionNodeDisplay = observer((props) => {
+    const { node, level, view } = props;
+    const editor = view.filter;
+    const parentNode = node.parent;
+    const nodeIdx = parentNode ? parentNode.children.indexOf(node) : undefined;
+    const valueEditorRef = useRef(null);
+    const [openColumnsDropdown, closeColumnsDropdown, columnsDropdownProps, columnsDropdownPropsOpen,] = useDropdownMenu();
+    const [openOperatorsDropdown, closeOperatorsDropdown, operatorsDropdownProps, operatorsDropdownPropsOpen,] = useDropdownMenu();
+    const focusOnValueEditor = useCallback(() => valueEditorRef.current?.focus(), []);
+    return (_jsxs("div", { className: "group flex h-6 items-center", children: [_jsx("div", { className: cn('z-1 absolute h-6 w-full bg-opacity-50 group-hover:bg-sky-100 group-hover:bg-opacity-50', {
+                    'bg-sky-50': node === editor.selectedNode,
+                    'border-[0.5px] border-l-2 border-sky-200 border-l-sky-600': node === editor.selectedNode,
+                }), onClick: () => editor.setSelectedNode(node) }), _jsx("div", { style: {
+                    paddingLeft: `${level * FILTER_TREE_INDENTATION_SPACE + FILTER_TREE_OFFSET + (level - 1) * FILTER_TREE_CONTROLLER_OFFSET}px`,
+                }, className: "relative h-6 flex-shrink-0", onClick: () => editor.setSelectedNode(node), children: parentNode && (_jsxs("div", { className: "absolute top-0 flex h-6 items-center justify-end", style: {
+                        width: `${FILTER_TREE_INDENTATION_SPACE - FILTER_TREE_HORIZONTAL_GUTTER_LINE_PADDING - FILTER_TREE_VERTICAL_GUTTER_LINE_OFFSET}px`,
+                        right: `${FILTER_TREE_HORIZONTAL_GUTTER_LINE_PADDING}px`,
+                    }, children: [_jsx("div", { className: cn('h-[1px] w-full flex-1 bg-neutral-200', {
+                                'bg-sky-600': parentNode === editor.selectedGroupNode,
+                            }) }), nodeIdx !== undefined && nodeIdx > 0 && (_jsx("div", { className: cn('flex h-6 items-center justify-center pl-1 text-xs text-neutral-600', {
+                                'text-sky-600': parentNode === editor.selectedGroupNode,
+                            }), children: parentNode.operation === DataCubeQueryFilterGroupOperator.AND
+                                ? 'and'
+                                : 'or' }))] })) }), _jsx(DataCubeEditorFilterConditionNodeController, { className: "relative mr-1", node: node, view: view }), node.not && _jsx(DataCubeEditorFilterNotLabel, {}), _jsx(FormDropdownMenuTrigger, { className: "relative mr-1 w-32", onClick: openColumnsDropdown, open: columnsDropdownPropsOpen, children: node.column.name }), _jsx(FormDropdownMenu, { className: "w-32", ...columnsDropdownProps, onClosed: focusOnValueEditor, children: editor.columns.map((column) => (_jsx(FormDropdownMenuItem, { onClick: () => {
+                        if (column !== node.column) {
+                            const newOp = node.operation.isCompatibleWithColumn(column)
+                                ? node.operation
+                                : getNullableFirstEntry(editor.view.engine.filterOperations.filter((op) => op.isCompatibleWithColumn(column)));
+                            if (newOp) {
+                                node.setColumn(column);
+                                node.setOperation(newOp);
+                                node.setValue(newOp.generateDefaultValue(column));
+                            }
+                        }
+                        closeColumnsDropdown();
+                    }, autoFocus: node.column.name === column.name, children: column.name }, column.name))) }), _jsx(FormDropdownMenuTrigger, { className: "relative mr-1 w-24", onClick: openOperatorsDropdown, open: operatorsDropdownPropsOpen, children: node.operation.label }), _jsx(FormDropdownMenu, { className: "w-24", ...operatorsDropdownProps, onClosed: focusOnValueEditor, children: editor.view.engine.filterOperations
+                    .filter((op) => op.isCompatibleWithColumn(node.column))
+                    .map((op) => (_jsx(FormDropdownMenuItem, { onClick: () => {
+                        if (op !== node.operation) {
+                            if (op.isCompatibleWithColumn(node.column)) {
+                                node.setOperation(op);
+                                node.setValue(op.generateDefaultValue(node.column));
+                            }
+                        }
+                        closeOperatorsDropdown();
+                    }, autoFocus: node.operation.operator === op.operator, children: op.label }, op.operator))) }), _jsx("div", { className: "relative w-32 flex-shrink-0", children: node.value && (_jsx(DataCubeEditorFilterConditionNodeValueEditor, { ref: valueEditorRef, value: node.value, updateValue: (val) => node.updateValue(val), view: view })) })] }));
+});
+const DataCubeEditorFilterGroupNodeDisplay = observer((props) => {
+    const { node, level, view } = props;
+    const editor = view.filter;
+    const parentNode = node.parent;
+    const nodeIdx = parentNode ? parentNode.children.indexOf(node) : undefined;
+    const [openOperatorsDropdown, closeOperatorsDropdown, operatorsDropdownProps, operatorsDropdownPropsOpen,] = useDropdownMenu();
+    return (_jsxs("div", { className: "group flex h-6 items-center", children: [_jsx("div", { className: cn('z-1 absolute h-6 w-full bg-opacity-50 group-hover:bg-sky-100 group-hover:bg-opacity-50', {
+                    'bg-sky-50': node === editor.selectedNode,
+                    'border-[0.5px] border-l-2 border-sky-200 border-l-sky-600': node === editor.selectedNode,
+                }), onClick: () => editor.setSelectedNode(node) }), _jsx("div", { style: {
+                    paddingLeft: `${level * FILTER_TREE_INDENTATION_SPACE + FILTER_TREE_OFFSET + (level !== 0 ? (level - 1) * FILTER_TREE_CONTROLLER_OFFSET : 0)}px`,
+                }, className: "relative h-6 flex-shrink-0", onClick: () => editor.setSelectedNode(node), children: level !== 0 && parentNode && (_jsxs("div", { className: "absolute top-0 flex h-6 items-center justify-end", style: {
+                        width: `${FILTER_TREE_INDENTATION_SPACE - FILTER_TREE_HORIZONTAL_GUTTER_LINE_PADDING - FILTER_TREE_VERTICAL_GUTTER_LINE_OFFSET}px`,
+                        right: `${FILTER_TREE_HORIZONTAL_GUTTER_LINE_PADDING}px`,
+                    }, children: [_jsx("div", { className: cn('h-[1px] w-full flex-1 bg-neutral-200', {
+                                'bg-sky-600': parentNode === editor.selectedGroupNode,
+                            }) }), nodeIdx !== undefined && nodeIdx > 0 && (_jsx("div", { className: cn('flex h-6 items-center justify-center pl-1 text-xs text-neutral-600', {
+                                'text-sky-600': parentNode === editor.selectedGroupNode,
+                            }), children: parentNode.operation === DataCubeQueryFilterGroupOperator.AND
+                                ? 'and'
+                                : 'or' }))] })) }), level !== 0 && (_jsxs(_Fragment, { children: [_jsx(DataCubeEditorFilterConditionNodeController, { className: "relative mr-1", node: node, view: view }), node.not && _jsx(DataCubeEditorFilterNotLabel, {})] })), _jsx(FormDropdownMenuTrigger, { className: "relative w-14", onClick: openOperatorsDropdown, open: operatorsDropdownPropsOpen, children: node.operation === DataCubeQueryFilterGroupOperator.AND
+                    ? 'All of'
+                    : 'Any of' }), _jsxs(FormDropdownMenu, { className: "w-14", ...operatorsDropdownProps, children: [_jsx(FormDropdownMenuItem, { onClick: () => {
+                            node.setOperation(DataCubeQueryFilterGroupOperator.AND);
+                            closeOperatorsDropdown();
+                        }, autoFocus: node.operation === DataCubeQueryFilterGroupOperator.AND, children: "All of" }), _jsx(FormDropdownMenuItem, { onClick: () => {
+                            node.setOperation(DataCubeQueryFilterGroupOperator.OR);
+                            closeOperatorsDropdown();
+                        }, autoFocus: node.operation === DataCubeQueryFilterGroupOperator.OR, children: "Any of" })] })] }));
+});
+// NOTE: This particular rendering of the filter tree leans on tree data structure used to organize the nodes
+// and thus, though simpler to implement, makes it harder to implement certain features which favors flat
+// structure like list, such as drag and drop, multi-select, etc.
+// If those needs come up we could shift the implementation or look out for a library that already works well
+// out of the box such as:
+// See https://mui.com/x/react-tree-view/
+// See https://github.com/lukasbach/react-complex-tree
+const DataCubeEditorFilterGroupDisplay = observer((props) => {
+    const { node, level, view } = props;
+    const editor = view.filter;
+    return (_jsxs("div", { className: "relative w-full", children: [_jsx("div", { className: cn('pointer-events-none absolute h-full', {
+                    'border-[0.5px] border-sky-200 bg-sky-50': node === editor.selectedGroupNode,
+                }), style: {
+                    marginLeft: `${level * FILTER_TREE_INDENTATION_SPACE + FILTER_TREE_OFFSET + level * FILTER_TREE_CONTROLLER_OFFSET - FILTER_TREE_GROUP_HIGHLIGHT_PADDING}px`,
+                    width: `calc(100% - ${level * FILTER_TREE_INDENTATION_SPACE + FILTER_TREE_OFFSET + level * FILTER_TREE_CONTROLLER_OFFSET - 2 * FILTER_TREE_GROUP_HIGHLIGHT_PADDING}px)`,
+                } }), _jsx(DataCubeEditorFilterGroupNodeDisplay, { node: node, level: level, view: view }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: cn('pointer-events-none absolute z-10 h-[calc(100%_-_12px)] w-0 border-l border-neutral-200', {
+                            'border-sky-600': node === editor.selectedGroupNode,
+                        }), style: {
+                            marginLeft: `${level * FILTER_TREE_INDENTATION_SPACE + FILTER_TREE_OFFSET + FILTER_TREE_VERTICAL_GUTTER_LINE_OFFSET + level * FILTER_TREE_CONTROLLER_OFFSET}px`,
+                        } }), node.children.map((childNode) => {
+                        if (childNode instanceof DataCubeFilterEditorConditionTreeNode) {
+                            return (_jsx(DataCubeEditorFilterConditionNodeDisplay, { level: level + 1, node: childNode, view: view }, childNode.uuid));
+                        }
+                        else if (childNode instanceof DataCubeFilterEditorConditionGroupTreeNode) {
+                            return (_jsx(DataCubeEditorFilterGroupDisplay, { level: level + 1, node: childNode, view: view }, childNode.uuid));
+                        }
+                        return null;
+                    })] })] }));
+});
+export const DataCubeFilterEditor = observer((props) => {
+    const { view } = props;
+    const editor = view.filter;
+    useEffect(() => {
+        editor.setSelectedNode(undefined);
+    }, [editor]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative h-[calc(100%_-_40px)] w-full px-2 pt-2", children: _jsx("div", { className: "h-full w-full overflow-auto border border-neutral-300 bg-white", children: _jsx("div", { className: "h-full w-full select-none p-2", children: _jsx("div", { className: "flex h-full w-full", children: _jsxs("div", { className: "relative flex h-full w-full overflow-auto rounded-sm border border-neutral-200", onClick: () => editor.setSelectedNode(undefined), children: [!editor.tree.root && (_jsxs("div", { className: "h-full w-full p-3", children: [_jsx("div", { children: "No filter is specified. Click the button below to start." }), _jsx("button", { className: "w-30 mt-2 h-6 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95", onClick: () => {
+                                                    editor.initializeTree();
+                                                }, children: "Create New Filter" })] })), editor.tree.root && (_jsxs("div", { className: "flex flex-col py-1", 
+                                        // prevent click event of filter tree from propagating to the
+                                        // container which when clicked, will clear node selection
+                                        onClick: (event) => event.stopPropagation(), children: [_jsx(DataCubeEditorFilterGroupDisplay, { node: editor.tree.root, level: 0, view: view }), _jsx("div", { 
+                                                // add a padding so there will always be a clickable area to clear node selection
+                                                className: "min-h-6 w-full flex-1", onClick: () => editor.setSelectedNode(undefined) })] }))] }) }) }) }) }), _jsxs("div", { className: "flex h-10 items-center justify-end px-2", children: [_jsx("button", { className: "h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95", onClick: () => {
+                            editor.applyChanges();
+                            editor.display.close();
+                        }, children: "OK" }), _jsx("button", { className: "ml-2 h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95", onClick: () => editor.display.close(), children: "Cancel" }), _jsx("button", { className: "ml-2 h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95", onClick: () => editor.applyChanges(), children: "Apply" })] })] }));
+});
+//# sourceMappingURL=DataCubeFilterEditor.js.map

package/lib/components/filter/DataCubeFilterEditor.js.map

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

package/lib/components/grid/DataCubeGrid.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { DataCubeViewState } from '../../stores/DataCubeViewState.js';
+export declare const DataCubeGridStyleController: ((props: {
+    view: DataCubeViewState;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export declare const DataCubeGrid: ((props: {
+    view: DataCubeViewState;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=DataCubeGrid.d.ts.map

package/lib/components/grid/DataCubeGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCubeGrid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/DataCubeGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAuCH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAkD3E,eAAO,MAAM,2BAA2B,WAC9B;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE;;CAmIpC,CAAC;AA0IF,eAAO,MAAM,YAAY,WAAoB;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE;;CAUtE,CAAC"}

package/lib/components/grid/DataCubeGrid.js

@@ -0,0 +1,241 @@
+import { jsx as _jsx, jsxs as _jsxs, 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 { observer } from 'mobx-react-lite';
+import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
+import { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';
+import { RowGroupingModule } from '@ag-grid-enterprise/row-grouping';
+import { ClipboardModule } from '@ag-grid-enterprise/clipboard';
+import { MenuModule } from '@ag-grid-enterprise/menu';
+import { SideBarModule } from '@ag-grid-enterprise/side-bar';
+import { ColumnsToolPanelModule } from '@ag-grid-enterprise/column-tool-panel';
+import { AgGridReact } from '@ag-grid-community/react';
+import { CsvExportModule } from '@ag-grid-community/csv-export';
+import { ExcelExportModule } from '@ag-grid-enterprise/excel-export';
+import { DataCubeIcon, Switch, cn, Global, css } from '@finos/legend-art';
+import { generateBackgroundColorUtilityClassName, generateFontCaseUtilityClassName, generateFontFamilyUtilityClassName, generateFontSizeUtilityClassName, generateFontUnderlineUtilityClassName, generateTextAlignUtilityClassName, generateTextColorUtilityClassName, INTERNAL__GridClientUtilityCssClassName, } from '../../stores/grid/DataCubeGridClientEngine.js';
+import { RangeSelectionModule } from '@ag-grid-enterprise/range-selection';
+import { DataCubeFont, DataCubeFontCase, DataCubeFontFormatUnderlineVariant, DataCubeFontTextAlignment, DEFAULT_ROW_BACKGROUND_COLOR, DEFAULT_ROW_HIGHLIGHT_BACKGROUND_COLOR, } from '../../stores/core/DataCubeQueryEngine.js';
+import { isNonNullable } from '@finos/legend-shared';
+import { generateBaseGridOptions } from '../../stores/grid/DataCubeGridConfigurationBuilder.js';
+// NOTE: This is a workaround to prevent ag-grid license key check from flooding the console screen
+// with its stack trace in Chrome.
+// We MUST NEVER completely surpress this warning in production, else it's a violation of the ag-grid license!
+// See https://www.ag-grid.com/react-data-grid/licensing/
+const __INTERNAL__original_console_error = console.error; // eslint-disable-line no-console
+// eslint-disable-next-line no-console
+console.error = (message, ...agrs) => {
+    console.debug(`%c ${message}`, 'color: silver'); // eslint-disable-line no-console
+};
+function textColorStyle(key, configuration) {
+    return `${Array.from(new Set([
+        configuration[`${key}ForegroundColor`],
+        ...configuration.columns
+            .map((column) => column[`${key}ForegroundColor`])
+            .filter(isNonNullable),
+    ]).values())
+        .map((color) => `.${INTERNAL__GridClientUtilityCssClassName.ROOT} .${generateTextColorUtilityClassName(color, key)}{color:${color};}`)
+        .join('\n')}`;
+}
+function backgroundColorStyle(key, configuration) {
+    return `${Array.from(new Set([
+        configuration[`${key}BackgroundColor`],
+        ...configuration.columns
+            .map((column) => column[`${key}BackgroundColor`])
+            .filter(isNonNullable),
+    ]).values())
+        .map((color) => `.${INTERNAL__GridClientUtilityCssClassName.ROOT} .${generateBackgroundColorUtilityClassName(color, key)}{background-color:${color};}`)
+        .join('\n')};`;
+}
+export const DataCubeGridStyleController = observer((props) => {
+    const { view } = props;
+    const grid = view.grid;
+    const configuration = grid.queryConfiguration;
+    return (_jsx(Global, { styles: css `
+          .${INTERNAL__GridClientUtilityCssClassName.ROOT} {
+            --ag-odd-row-background-color: ${grid.queryConfiguration
+            .alternateRowsStandardMode &&
+            !grid.queryConfiguration.alternateRows
+            ? DEFAULT_ROW_HIGHLIGHT_BACKGROUND_COLOR
+            : DEFAULT_ROW_BACKGROUND_COLOR};
+            --ag-cell-horizontal-border: ${grid.queryConfiguration
+            .showVerticalGridLines
+            ? `1px solid
+            ${grid.queryConfiguration.gridLineColor}`
+            : 'none'};
+            --ag-row-border-color: ${grid.queryConfiguration
+            .showHorizontalGridLines
+            ? grid.queryConfiguration.gridLineColor
+            : 'transparent'};
+          }
+          .${INTERNAL__GridClientUtilityCssClassName.ROOT}
+            .${INTERNAL__GridClientUtilityCssClassName.HIGHLIGHT_ROW} {
+            background-color: ${grid.queryConfiguration.alternateRows
+            ? grid.queryConfiguration.alternateRowsColor
+            : DEFAULT_ROW_BACKGROUND_COLOR};
+          }
+          ${[
+            DataCubeFont.ARIAL,
+            DataCubeFont.ROBOTO,
+            DataCubeFont.ROBOTO_CONDENSED,
+        ]
+            .map((fontFamily) => `.${INTERNAL__GridClientUtilityCssClassName.ROOT} .${generateFontFamilyUtilityClassName(fontFamily)}{font-family:${fontFamily},sans-serif;}`)
+            .join('\n')}
+          ${[
+            DataCubeFont.GEORGIA,
+            DataCubeFont.ROBOTO_SERIF,
+            DataCubeFont.TIMES_NEW_ROMAN,
+        ]
+            .map((fontFamily) => `.${INTERNAL__GridClientUtilityCssClassName.ROOT} .${generateFontFamilyUtilityClassName(fontFamily)}{font-family:${fontFamily},serif;}`)
+            .join('\n')}
+        ${[
+            DataCubeFont.JERBRAINS_MONO,
+            DataCubeFont.ROBOTO_MONO,
+            DataCubeFont.UBUNTU_MONO,
+        ]
+            .map((fontFamily) => `.${INTERNAL__GridClientUtilityCssClassName.ROOT} .${generateFontFamilyUtilityClassName(fontFamily)}{font-family:${fontFamily},monospace;}`)
+            .join('\n')}
+          .${INTERNAL__GridClientUtilityCssClassName.FONT_BOLD} {
+            font-weight: 700;
+          }
+          ${[
+            4, 5, 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 32,
+            36, 48, 72,
+        ]
+            .map((fontSize) => `.${INTERNAL__GridClientUtilityCssClassName.ROOT} .${generateFontSizeUtilityClassName(fontSize)}{font-size:${fontSize}px;}`)
+            .join('\n')}
+          .${INTERNAL__GridClientUtilityCssClassName.ROOT}
+          .${INTERNAL__GridClientUtilityCssClassName.FONT_ITALIC} {
+            font-style: italic;
+          }
+          ${[
+            DataCubeFontFormatUnderlineVariant.SOLID,
+            DataCubeFontFormatUnderlineVariant.DASHED,
+            DataCubeFontFormatUnderlineVariant.DOTTED,
+            DataCubeFontFormatUnderlineVariant.DOUBLE,
+            DataCubeFontFormatUnderlineVariant.WAVY,
+        ]
+            .map((variant) => `.${INTERNAL__GridClientUtilityCssClassName.ROOT} .${generateFontUnderlineUtilityClassName(variant)}{text-decoration:underline ${variant};}`)
+            .join('\n')}
+          .${INTERNAL__GridClientUtilityCssClassName.ROOT} .${INTERNAL__GridClientUtilityCssClassName.FONT_STRIKETHROUGH} {
+            text-decoration: line-through;
+          }
+          ${[
+            DataCubeFontCase.LOWERCASE,
+            DataCubeFontCase.UPPERCASE,
+            DataCubeFontCase.CAPITALIZE,
+        ]
+            .map((fontCase) => `.${INTERNAL__GridClientUtilityCssClassName.ROOT} .${generateFontCaseUtilityClassName(fontCase)}{text-transform:${fontCase};}`)
+            .join('\n')}
+          ${[
+            DataCubeFontTextAlignment.LEFT,
+            DataCubeFontTextAlignment.CENTER,
+            DataCubeFontTextAlignment.RIGHT,
+        ]
+            .map((alignment) => `.${INTERNAL__GridClientUtilityCssClassName.ROOT} .${generateTextAlignUtilityClassName(alignment)}{text-align:${alignment};}`)
+            .join('\n')};
+          ${backgroundColorStyle('normal', configuration)}
+          ${backgroundColorStyle('zero', configuration)}
+        ${backgroundColorStyle('negative', configuration)}
+        ${backgroundColorStyle('error', configuration)}
+        ${textColorStyle('normal', configuration)}
+        ${textColorStyle('zero', configuration)}
+        ${textColorStyle('negative', configuration)}
+        ${textColorStyle('error', configuration)}
+        .${INTERNAL__GridClientUtilityCssClassName.ROOT}
+          .${INTERNAL__GridClientUtilityCssClassName.BLUR} {
+            filter: blur(3px);
+          }
+          .${INTERNAL__GridClientUtilityCssClassName.ROOT}
+            .${INTERNAL__GridClientUtilityCssClassName.BLUR}:hover {
+            filter: none;
+          }
+        ` }));
+});
+const DataCubeGridScroller = observer((props) => {
+    const { view } = props;
+    const grid = view.grid;
+    const scrollHintText = grid.scrollHintText;
+    const gridClientSideBarElement = document.querySelector('.data-cube-grid .ag-side-bar');
+    const gridVerticalScrollbar = document.querySelector('.data-cube-grid  .ag-body-vertical-scroll');
+    return (_jsxs("div", { className: "absolute -top-10 flex items-center rounded-sm border border-neutral-300 bg-neutral-100 p-1 pr-2 text-neutral-500 shadow-sm", style: {
+            right: (gridClientSideBarElement !== null
+                ? gridClientSideBarElement.getBoundingClientRect().width + 6
+                : 10) +
+                (gridVerticalScrollbar !== null
+                    ? gridVerticalScrollbar.getBoundingClientRect().width
+                    : 0),
+        }, children: [_jsx(DataCubeIcon.TableScroll, { className: "text-lg" }), _jsx("div", { className: "ml-1 font-mono text-sm", children: scrollHintText ?? '' })] }));
+});
+const DataCubeGridStatusBar = observer((props) => {
+    const { view } = props;
+    const grid = view.grid;
+    return (_jsxs("div", { className: "relative flex h-5 w-full select-none justify-between border-b border-neutral-200 bg-neutral-100", children: [Boolean(grid.scrollHintText) && _jsx(DataCubeGridScroller, { view: view }), _jsx("div", {}), _jsxs("div", { className: "flex h-full items-center", children: [_jsx("div", { className: "flex h-full items-center px-2 font-mono text-sm text-neutral-500", children: grid.clientDataSource.rowCount
+                            ? `Rows: ${grid.clientDataSource.rowCount}`
+                            : '' }), grid.rowLimit !== undefined &&
+                        grid.queryConfiguration.showWarningForTruncatedResult && (
+                    // TODO: if we want to properly warn if the data has been truncated due to row limit,
+                    // this would require us to fetch n+1 rows when limit=n
+                    // This is feature is not difficult to implement, but it would be implemented most cleanly
+                    // when we change the query execution engine to return the total number of rows,
+                    // so for now, we simply just warn about truncation whenever a limit != -1 is specified
+                    _jsxs(_Fragment, { children: [_jsx("div", { className: "h-3 w-[1px] bg-neutral-200" }), _jsxs("div", { className: "flex h-full items-center px-2 text-orange-500", children: [_jsx(DataCubeIcon.Warning, { className: "stroke-[3px]" }), _jsx("div", { className: "ml-1 text-sm font-semibold", children: `Results truncated to fit within row limit (${grid.rowLimit})` })] })] })), _jsx("div", { className: "h-3 w-[1px] bg-neutral-200" }), _jsxs("button", { className: "flex h-full items-center p-2", onClick: () => grid.setPaginationEnabled(!grid.isPaginationEnabled), children: [_jsx(Switch, { checked: grid.isPaginationEnabled, classes: {
+                                    root: 'p-0 w-6 h-5 flex items-center',
+                                    input: 'w-2',
+                                    checked: '!translate-x-2 ease-in-out duration-100 transition',
+                                    thumb: cn('w-2 h-2', {
+                                        'bg-sky-600': grid.isPaginationEnabled,
+                                        'bg-neutral-500': !grid.isPaginationEnabled,
+                                    }),
+                                    switchBase: 'p-0.5 mt-1 translate-x-0 ease-in-out duration-100 transition',
+                                    track: cn('h-3 w-5 border', {
+                                        '!bg-sky-100 border-sky-600': grid.isPaginationEnabled,
+                                        '!bg-neutral-100 border-neutral-500': !grid.isPaginationEnabled,
+                                    }),
+                                }, disableRipple: true, disableFocusRipple: true }), _jsx("div", { className: cn('text-sm', {
+                                    'text-sky-600': grid.isPaginationEnabled,
+                                    'text-neutral-500': !grid.isPaginationEnabled,
+                                }), children: "Pagination" })] })] })] }));
+});
+const DataCubeGridClient = observer((props) => {
+    const { view } = props;
+    const grid = view.grid;
+    return (_jsx("div", { className: "relative h-[calc(100%_-_20px)] w-full", children: _jsx(AgGridReact, { className: "data-cube-grid ag-theme-quartz", rowModelType: "serverSide", serverSideDatasource: grid.clientDataSource, context: {
+                view,
+            }, onGridReady: (params) => {
+                grid.configureClient(params.api);
+                // restore original error logging
+                console.error = __INTERNAL__original_console_error; // eslint-disable-line no-console
+            }, modules: [
+                // community
+                ClientSideRowModelModule,
+                CsvExportModule,
+                // enterprise
+                ServerSideRowModelModule,
+                RowGroupingModule,
+                MenuModule,
+                ClipboardModule,
+                RangeSelectionModule,
+                SideBarModule,
+                ColumnsToolPanelModule,
+                ExcelExportModule,
+            ], ...generateBaseGridOptions(view) }) }));
+});
+export const DataCubeGrid = observer((props) => {
+    const { view } = props;
+    return (_jsxs("div", { className: "h-full w-full", children: [_jsx(DataCubeGridStyleController, { view: view }), _jsx(DataCubeGridClient, { view: view }), _jsx(DataCubeGridStatusBar, { view: view })] }));
+});
+//# sourceMappingURL=DataCubeGrid.js.map