@finos/legend-data-cube 0.0.37 → 0.0.38

package/src/components/core/DataCubeFormUtils.tsx

@@ -573,18 +573,19 @@ export const FormDocumentation: React.FC<{
   className?: string | undefined;
 }> = ({ documentationKey, title, className }) => {
   const dataCube = useDataCube();
-  const engine = dataCube.engine;
-  const documentationEntry = engine.getDocumentationEntry(documentationKey);
+  const _documentationService = dataCube.documentationService;
+  const documentationEntry =
+    dataCube.documentationService.getEntry(documentationKey);
   const openDocLink: React.MouseEventHandler<HTMLDivElement> = (event) => {
     event.preventDefault();
     event.stopPropagation();
-    const entry = engine.getDocumentationEntry(documentationKey);
+    const entry = _documentationService.getEntry(documentationKey);
     if (entry) {
-      if (engine.shouldDisplayDocumentationEntry(entry)) {
-        dataCube.openDocumentationEntry(entry);
-        dataCube.documentationDisplay.open();
+      if (_documentationService.shouldDisplayDocumentationEntry(entry)) {
+        dataCube.documentationService.setCurrentEntry(entry);
+        dataCube.documentationService.display.open();
       } else if (entry.url) {
-        engine.openLink(entry.url);
+        dataCube.navigationService.openLink(entry.url);
       }
     }
   };
@@ -592,7 +593,9 @@ export const FormDocumentation: React.FC<{
   if (
     !documentationEntry ||
     (!documentationEntry.url &&
-      !engine.shouldDisplayDocumentationEntry(documentationEntry))
+      !_documentationService.shouldDisplayDocumentationEntry(
+        documentationEntry,
+      ))
   ) {
     return null;
   }

package/src/components/core/{DataCubeLayoutManager.tsx → DataCubeLayout.tsx}

@@ -22,19 +22,24 @@ import {
   WINDOW_DEFAULT_MIN_WIDTH,
   WINDOW_DEFAULT_OFFSET,
   WINDOW_DEFAULT_WIDTH,
-  type LayoutManagerState,
+  type WindowSpecification,
   type WindowState,
-} from '../../stores/core/DataCubeLayoutManagerState.js';
+  type LayoutManager,
+} from '../../stores/services/DataCubeLayoutService.js';
 import { observer } from 'mobx-react-lite';
 
 export const Window = (props: {
   parent?: React.RefObject<HTMLElement> | undefined;
-  layout: LayoutManagerState;
+  layout: LayoutManager;
   windowState: WindowState;
 }) => {
   const { parent, layout, windowState } = props;
   const configuration = windowState.configuration.window;
-  const [windowSpec, setWindowSpec] = useState(() => {
+  const [windowSpec, _setWindowSpec] = useState(() => {
+    if (windowState.specification) {
+      return windowState.specification;
+    }
+
     const x = configuration.x ?? WINDOW_DEFAULT_OFFSET;
     const y = configuration.y ?? WINDOW_DEFAULT_OFFSET;
     const width = configuration.width ?? WINDOW_DEFAULT_WIDTH;
@@ -71,14 +76,22 @@ export const Window = (props: {
         ? containerHeight - Math.abs(y) - WINDOW_DEFAULT_OFFSET
         : height;
 
-    return {
+    const spec = {
       x: x < 0 ? containerWidth - Math.abs(x) - finalWidth : x,
       y: y < 0 ? containerHeight - Math.abs(y) - finalHeight : y,
       width: finalWidth,
       height: finalHeight,
     };
+    windowState.setSpecification(spec);
+
+    return spec;
   });
 
+  const setWindowSpec = (val: WindowSpecification) => {
+    _setWindowSpec(val);
+    windowState.setSpecification(val);
+  };
+
   return (
     <ResizableAndDraggableBox
       className="absolute z-10"
@@ -171,20 +184,18 @@ export const Window = (props: {
   );
 };
 
-export const DataCubeLayoutManager = observer(
-  (props: { layout: LayoutManagerState }) => {
-    const { layout } = props;
+export const DataCubeLayout = observer((props: { layout: LayoutManager }) => {
+  const { layout } = props;
 
-    return (
-      <>
-        {layout.windows.map((windowState) => (
-          <Window
-            key={windowState.uuid}
-            layout={layout}
-            windowState={windowState}
-          />
-        ))}
-      </>
-    );
-  },
-);
+  return (
+    <>
+      {layout.windows.map((windowState) => (
+        <Window
+          key={windowState.uuid}
+          layout={layout}
+          windowState={windowState}
+        />
+      ))}
+    </>
+  );
+});

package/src/components/core/DataCubePureCodeEditorUtils.tsx

@@ -19,9 +19,12 @@ import {
   languages as monacoLanguagesAPI,
   type IPosition,
 } from 'monaco-editor';
-import type { CompletionItem } from '../../stores/core/DataCubeEngine.js';
+import type {
+  CompletionItem,
+  DataCubeEngine,
+} from '../../stores/core/DataCubeEngine.js';
 import type { V1_Lambda } from '@finos/legend-graph';
-import type { DataCubeViewState } from '../../stores/view/DataCubeViewState.js';
+import type { DataCubeSource } from '../../stores/core/model/DataCubeSource.js';
 
 // Since we render the editor in a window which has been CSS transformed, and monaco-editor renders
 // the widgets with position=fixed, the position of the widgets will be off, we need to move the root
@@ -43,7 +46,8 @@ export async function getCodeSuggestions(
   position: IPosition,
   model: monacoEditorAPI.ITextModel,
   prefix: string | undefined,
-  view: DataCubeViewState,
+  engine: DataCubeEngine,
+  source: DataCubeSource,
   baseQueryBuilder: () => V1_Lambda,
 ) {
   const textUntilPosition = model.getValueInRange({
@@ -57,10 +61,10 @@ export async function getCodeSuggestions(
   let suggestions: CompletionItem[] = [];
 
   try {
-    suggestions = await view.engine.getQueryTypeahead(
+    suggestions = await engine.getQueryTypeahead(
       (prefix ?? '') + textUntilPosition,
       baseQueryBuilder(),
-      view.source,
+      source,
     );
   } catch {
     // do nothing: provide no suggestions when error ocurred

package/src/components/core/DataCubeSettingsPanel.tsx

@@ -27,7 +27,7 @@ import {
   DataCubeSettingGroup,
   DataCubeSettingType,
   type DataCubeSetting,
-} from '../../stores/core/DataCubeSetting.js';
+} from '../../stores/services/DataCubeSettingService.js';
 import {
   guaranteeIsBoolean,
   guaranteeIsNumber,
@@ -39,7 +39,7 @@ const DataCubeSettingEntryDisplay = observer(
   (props: { configuration: DataCubeSetting }) => {
     const { configuration } = props;
     const dataCube = useDataCube();
-    const panel = dataCube.settings;
+    const panel = dataCube.settingService;
 
     switch (configuration.type) {
       case DataCubeSettingType.BOOLEAN: {
@@ -110,7 +110,7 @@ const DataCubeSettingEntryDisplay = observer(
                 runInAction(() => {
                   panel.currentValues.set(
                     configuration.key,
-                    event.target.value.trim(),
+                    event.target.value,
                   );
                 });
               }}
@@ -128,7 +128,7 @@ const DataCubeSettingEntryDisplay = observer(
             <div className="flex pr-2">
               <FormButton
                 compact={true}
-                onClick={() => configuration.action?.(undefined)}
+                onClick={() => configuration.action?.(dataCube.api, undefined)}
               >
                 Run Action
               </FormButton>
@@ -144,7 +144,7 @@ const DataCubeSettingEntryDisplay = observer(
 
 export const DataCubeSettingsPanel = observer(() => {
   const dataCube = useDataCube();
-  const panel = dataCube.settings;
+  const panel = dataCube.settingService;
   const configurations = Array.from(panel.configurations.values()).toSorted(
     (a, b) => a.title.localeCompare(b.title),
   );
@@ -196,8 +196,8 @@ export const DataCubeSettingsPanel = observer(() => {
       </div>
       <div className="flex h-10 items-center justify-end px-2">
         <FormButton
-          onClick={() => panel.resetDefaultValues()}
-          disabled={panel.currentValuesHashCode === panel.defaultValuesHashCode}
+          onClick={() => panel.restoreDefaultValues()}
+          disabled={!panel.allowRestoreDefaultValues}
         >
           Restore Default Settings
         </FormButton>
@@ -209,13 +209,13 @@ export const DataCubeSettingsPanel = observer(() => {
         >
           Cancel
         </FormButton>
-        <FormButton className="ml-2" onClick={() => panel.save()}>
+        <FormButton className="ml-2" onClick={() => panel.save(dataCube.api)}>
           Apply
         </FormButton>
         <FormButton
           className="ml-2"
           onClick={() => {
-            panel.save();
+            panel.save(dataCube.api);
             panel.display.close();
           }}
         >

package/src/components/view/editor/DataCubeEditor.tsx

@@ -25,11 +25,14 @@ import { DataCubeEditorColumnPropertiesPanel } from './DataCubeEditorColumnPrope
 import { cn } from '@finos/legend-art';
 import type { DataCubeViewState } from '../../../stores/view/DataCubeViewState.js';
 import { FormButton } from '../../core/DataCubeFormUtils.js';
+import { useDataCube } from '../../DataCubeProvider.js';
 
 export const DataCubeEditor = observer((props: { view: DataCubeViewState }) => {
+  const dataCube = useDataCube();
+  const alertService = dataCube.alertService;
+
   const { view } = props;
   const editor = view.editor;
-  const engine = view.engine;
   const selectedTab = editor.currentTab;
   const tabs = [
     DataCubeEditorTab.COLUMNS,
@@ -88,7 +91,7 @@ export const DataCubeEditor = observer((props: { view: DataCubeViewState }) => {
           onClick={() => {
             editor
               .applyChanges()
-              .catch((error) => engine.alertUnhandledError(error));
+              .catch((error) => alertService.alertUnhandledError(error));
           }}
         >
           Apply
@@ -99,7 +102,7 @@ export const DataCubeEditor = observer((props: { view: DataCubeViewState }) => {
           onClick={() => {
             editor
               .applyChanges({ closeAfterApply: true })
-              .catch((error) => engine.alertUnhandledError(error));
+              .catch((error) => alertService.alertUnhandledError(error));
           }}
         >
           OK

package/src/components/view/editor/DataCubeEditorColumnPropertiesPanel.tsx

@@ -45,14 +45,15 @@ import {
   DEFAULT_URL_LABEL_QUERY_PARAM,
   EMPTY_VALUE_PLACEHOLDER,
 } from '../../../stores/core/DataCubeQueryEngine.js';
-import { DocumentationKey } from '../../../__lib__/DataCubeDocumentation.js';
+import { DataCubeDocumentationKey } from '../../../__lib__/DataCubeDocumentation.js';
 import type { DataCubeViewState } from '../../../stores/view/DataCubeViewState.js';
-import { _sortByColName } from '../../../stores/core/models/DataCubeColumn.js';
+import { _sortByColName } from '../../../stores/core/model/DataCubeColumn.js';
 
 export const DataCubeEditorColumnPropertiesPanel = observer(
   (props: { view: DataCubeViewState }) => {
     const { view } = props;
-    const panel = view.editor.columnProperties;
+    const editor = view.editor;
+    const panel = editor.columnProperties;
     const gridConfiguration = view.editor.generalProperties.configuration;
     const selectedColumn = panel.selectedColumn;
     const [
@@ -149,7 +150,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                         {selectedColumn.dataType}
                       </div>
                       {Boolean(
-                        panel.editor.leafExtendColumns.find(
+                        editor.leafExtendColumns.find(
                           (col) => col.name === selectedColumn.name,
                         ),
                       ) && (
@@ -158,7 +159,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                         </div>
                       )}
                       {Boolean(
-                        panel.editor.groupExtendColumns.find(
+                        editor.groupExtendColumns.find(
                           (col) => col.name === selectedColumn.name,
                         ),
                       ) && (
@@ -187,7 +188,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                       {column.dataType}
                     </div>
                     {Boolean(
-                      panel.editor.leafExtendColumns.find(
+                      editor.leafExtendColumns.find(
                         (col) => col.name === column.name,
                       ),
                     ) && (
@@ -196,7 +197,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                       </div>
                     )}
                     {Boolean(
-                      panel.editor.groupExtendColumns.find(
+                      editor.groupExtendColumns.find(
                         (col) => col.name === column.name,
                       ),
                     ) && (
@@ -216,7 +217,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                       <FormDocumentation
                         className="ml-1"
                         documentationKey={
-                          DocumentationKey.DATA_CUBE_COLUMN_CONFIGURATION_KIND
+                          DataCubeDocumentationKey.COLUMN_CONFIGURATION_KIND
                         }
                       />
                     </div>
@@ -226,10 +227,10 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                       open={kindDropdownPropsOpen}
                       // disallow changing the column kind if the column is being used as pivot column
                       disabled={Boolean(
-                        panel.editor.verticalPivots.selector.selectedColumns.find(
+                        editor.verticalPivots.selector.selectedColumns.find(
                           (col) => col.name === selectedColumn.name,
                         ) ??
-                          panel.editor.horizontalPivots.selector.selectedColumns.find(
+                          editor.horizontalPivots.selector.selectedColumns.find(
                             (col) => col.name === selectedColumn.name,
                           ),
                       )}
@@ -281,7 +282,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                     className="w-80"
                     value={selectedColumn.displayName ?? ''}
                     onChange={(event) => {
-                      const value = event.target.value.trim();
+                      const value = event.target.value;
                       selectedColumn.setDisplayName(
                         value !== '' ? value : undefined,
                       );
@@ -307,7 +308,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                     className="w-32"
                     {...aggregationOperationDropdownProps}
                   >
-                    {panel.view.engine.aggregateOperations
+                    {view.engine.aggregateOperations
                       .filter((op) => op.isCompatibleWithColumn(selectedColumn))
                       .map((op) => (
                         <FormDropdownMenuItem
@@ -424,7 +425,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                         <FormDocumentation
                           className="ml-1"
                           documentationKey={
-                            DocumentationKey.DATA_CUBE_COLUMN_CONFIGURATION_UNIT
+                            DataCubeDocumentationKey.COLUMN_CONFIGURATION_UNIT
                           }
                         />
                       </div>
@@ -434,7 +435,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                         onChange={(event) => {
                           const value = event.target.value.trim();
                           selectedColumn.setUnit(
-                            value.trim() !== '' ? value.trim() : undefined,
+                            value.trim() !== '' ? value : undefined,
                           );
                         }}
                         placeholder={EMPTY_VALUE_PLACEHOLDER}
@@ -451,7 +452,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                         <FormDocumentation
                           className="ml-1"
                           documentationKey={
-                            DocumentationKey.DATA_CUBE_COLUMN_CONFIGURATION_DISPLAY_AS_LINK
+                            DataCubeDocumentationKey.COLUMN_CONFIGURATION_DISPLAY_AS_LINK
                           }
                         />
                       </div>
@@ -488,7 +489,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                     <FormDocumentation
                       className="ml-1"
                       documentationKey={
-                        DocumentationKey.DATA_CUBE_COLUMN_CONFIGURATION_MISSING_VALUE_FORMAT
+                        DataCubeDocumentationKey.COLUMN_CONFIGURATION_MISSING_VALUE_FORMAT
                       }
                     />
                   </div>
@@ -496,7 +497,7 @@ export const DataCubeEditorColumnPropertiesPanel = observer(
                     className="w-16"
                     value={selectedColumn.missingValueDisplayText ?? ''}
                     onChange={(event) => {
-                      const value = event.target.value.trim();
+                      const value = event.target.value;
                       selectedColumn.setMissingValueDisplayText(
                         value !== '' ? value : undefined,
                       );

package/src/components/view/editor/DataCubeEditorColumnsPanel.tsx

@@ -20,21 +20,18 @@ import { DataCubeEditorColumnSelector } from './DataCubeEditorColumnSelector.js'
 import { useEffect } from 'react';
 import type { DataCubeViewState } from '../../../stores/view/DataCubeViewState.js';
 import { FormCheckbox } from '../../core/DataCubeFormUtils.js';
-import type {
-  DataCubeEditorColumnSelectorColumnState,
-  DataCubeEditorColumnSelectorState,
-} from '../../../stores/view/editor/DataCubeEditorColumnSelectorState.js';
+import type { DataCubeEditorColumnSelectorColumnState } from '../../../stores/view/editor/DataCubeEditorColumnSelectorState.js';
+import type { DataCubeEditorState } from '../../../stores/view/editor/DataCubeEditorState.js';
 
 const ColumnSelectorLabel = observer(
   (props: {
-    selector: DataCubeEditorColumnSelectorState<DataCubeEditorColumnSelectorColumnState>;
     column: DataCubeEditorColumnSelectorColumnState;
+    editor: DataCubeEditorState;
   }) => {
-    const { selector, column } = props;
-    const showHiddenIndicator =
-      selector.editor.columnProperties.getColumnConfiguration(
-        column.name,
-      ).hideFromView;
+    const { column, editor } = props;
+    const showHiddenIndicator = editor.columnProperties.getColumnConfiguration(
+      column.name,
+    ).hideFromView;
 
     return (
       <>
@@ -49,18 +46,14 @@ const ColumnSelectorLabel = observer(
           {column.name}
         </div>
         {Boolean(
-          selector.editor.leafExtendColumns.find(
-            (col) => col.name === column.name,
-          ),
+          editor.leafExtendColumns.find((col) => col.name === column.name),
         ) && (
           <div className="ml-1.5 mr-0.5 flex h-3.5 flex-shrink-0 items-center rounded-sm border border-neutral-300 bg-neutral-100 px-1 text-xs font-medium uppercase text-neutral-600">
             {`Extended (Leaf Level)`}
           </div>
         )}
         {Boolean(
-          selector.editor.groupExtendColumns.find(
-            (col) => col.name === column.name,
-          ),
+          editor.groupExtendColumns.find((col) => col.name === column.name),
         ) && (
           <div className="ml-1.5 mr-0.5 flex h-3.5 flex-shrink-0 items-center rounded-sm border border-neutral-300 bg-neutral-100 px-1 text-xs font-medium uppercase text-neutral-600">
             {`Extended (Group Level)`}
@@ -74,7 +67,8 @@ const ColumnSelectorLabel = observer(
 export const DataCubeEditorColumnsPanel = observer(
   (props: { view: DataCubeViewState }) => {
     const { view } = props;
-    const panel = view.editor.columns;
+    const editor = view.editor;
+    const panel = editor.columns;
 
     useEffect(() => () => panel.propagateChanges(), [panel]);
 
@@ -112,7 +106,9 @@ export const DataCubeEditorColumnsPanel = observer(
                 No columns selected
               </div>
             )}
-            columnLabelRenderer={(p) => <ColumnSelectorLabel {...p} />}
+            columnLabelRenderer={(p) => (
+              <ColumnSelectorLabel {...p} editor={editor} />
+            )}
           />
         </div>
       </div>

package/src/components/view/editor/DataCubeEditorGeneralPropertiesPanel.tsx

@@ -45,7 +45,7 @@ import {
   FormButton,
 } from '../../core/DataCubeFormUtils.js';
 import type { DataCubeViewState } from '../../../stores/view/DataCubeViewState.js';
-import { DocumentationKey } from '../../../__lib__/DataCubeDocumentation.js';
+import { DataCubeDocumentationKey } from '../../../__lib__/DataCubeDocumentation.js';
 
 export const DataCubeEditorGeneralPropertiesPanel = observer(
   (props: { view: DataCubeViewState }) => {
@@ -204,7 +204,7 @@ export const DataCubeEditorGeneralPropertiesPanel = observer(
                 <FormDocumentation
                   className="ml-1"
                   documentationKey={
-                    DocumentationKey.DATA_CUBE_GRID_CONFIGURATION_ROW_LIMIT
+                    DataCubeDocumentationKey.GRID_CONFIGURATION_ROW_LIMIT
                   }
                 />
               </div>

package/src/components/view/extend/DataCubeColumnEditor.tsx

@@ -49,7 +49,8 @@ import {
   DataCubeColumnDataType,
   DataCubeColumnKind,
 } from '../../../stores/core/DataCubeQueryEngine.js';
-import { DocumentationKey } from '../../../__lib__/DataCubeDocumentation.js';
+import { DataCubeDocumentationKey } from '../../../__lib__/DataCubeDocumentation.js';
+import { useDataCube } from '../../DataCubeProvider.js';
 
 enum DataCubeExtendedColumnKind {
   LEAF_LEVEL_MEASURE = 'Leaf Level Measure',
@@ -60,8 +61,9 @@ enum DataCubeExtendedColumnKind {
 export const DataCubeColumnCreator = observer(
   (props: { state: DataCubeColumnBaseEditorState }) => {
     const { state } = props;
+    const dataCube = useDataCube();
     const view = state.view;
-    const engine = view.engine;
+    const manager = view.extend;
 
     const nameInputRef = useRef<HTMLInputElement>(null);
     const currentColumnKind = state.isGroupLevel
@@ -92,9 +94,9 @@ export const DataCubeColumnCreator = observer(
         debounce((): void => {
           state
             .getReturnType()
-            .catch((error) => engine.alertUnhandledError(error));
+            .catch((error) => dataCube.alertService.alertUnhandledError(error));
         }, 500),
-      [state, engine],
+      [state, dataCube],
     );
 
     useEffect(() => {
@@ -137,7 +139,8 @@ export const DataCubeColumnCreator = observer(
                       position,
                       model,
                       state.codePrefix,
-                      view,
+                      view.engine,
+                      view.source,
                       () => state.buildExtendBaseQuery(),
                     ),
                   );
@@ -206,7 +209,7 @@ export const DataCubeColumnCreator = observer(
                     disabled={state.finalizationState.isInProgress}
                     value={state.name}
                     onChange={(event) => {
-                      state.setName(event.target.value.trim());
+                      state.setName(event.target.value);
                     }}
                   />
                   <div className="ml-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center text-lg">
@@ -223,7 +226,7 @@ export const DataCubeColumnCreator = observer(
                     <FormDocumentation
                       className="ml-1"
                       documentationKey={
-                        DocumentationKey.DATA_CUBE_EXTENDED_COLUMN_LEVELS
+                        DataCubeDocumentationKey.EXTENDED_COLUMN_LEVELS
                       }
                     />
                   </div>
@@ -347,9 +350,11 @@ export const DataCubeColumnCreator = observer(
               <FormButton
                 className="ml-2"
                 onClick={() => {
-                  state.manager
+                  manager
                     .deleteColumn(state.initialData.name)
-                    .catch((error) => engine.alertUnhandledError(error));
+                    .catch((error) =>
+                      dataCube.alertService.alertUnhandledError(error),
+                    );
                 }}
               >
                 Delete
@@ -359,7 +364,9 @@ export const DataCubeColumnCreator = observer(
                 onClick={() => {
                   state
                     .reset()
-                    .catch((error) => engine.alertUnhandledError(error));
+                    .catch((error) =>
+                      dataCube.alertService.alertUnhandledError(error),
+                    );
                 }}
               >
                 Reset
@@ -377,7 +384,9 @@ export const DataCubeColumnCreator = observer(
             onClick={() => {
               state
                 .applyChanges()
-                .catch((error) => engine.alertUnhandledError(error));
+                .catch((error) =>
+                  dataCube.alertService.alertUnhandledError(error),
+                );
             }}
           >
             OK

package/src/components/view/filter/DataCubeFilterEditor.tsx

@@ -52,6 +52,7 @@ import {
   parseISO,
 } from '@finos/legend-shared';
 import { evaluate } from 'mathjs';
+import { useDataCube } from '../../DataCubeProvider.js';
 
 const FILTER_TREE_OFFSET = 10;
 const FILTER_TREE_INDENTATION_SPACE = 36;
@@ -473,6 +474,7 @@ const DataCubeEditorFilterConditionNodeDisplay = observer(
     view: DataCubeViewState;
   }) => {
     const { node, level, view } = props;
+    const dataCube = useDataCube();
     const editor = view.filter;
     const parentNode = node.parent;
     const nodeIdx = parentNode ? parentNode.children.indexOf(node) : undefined;
@@ -570,7 +572,7 @@ const DataCubeEditorFilterConditionNodeDisplay = observer(
                   const newOp = node.operation.isCompatibleWithColumn(column)
                     ? node.operation
                     : getNullableFirstEntry(
-                        editor.view.engine.filterOperations.filter((op) =>
+                        dataCube.engine.filterOperations.filter((op) =>
                           op.isCompatibleWithColumn(column),
                         ),
                       );
@@ -600,7 +602,7 @@ const DataCubeEditorFilterConditionNodeDisplay = observer(
           {...operationDropdownProps}
           onClosed={focusOnValueEditor}
         >
-          {editor.view.engine.filterOperations
+          {dataCube.engine.filterOperations
             .filter((op) => op.isCompatibleWithColumn(node.column))
             .map((op) => (
               <FormDropdownMenuItem

package/src/components/view/grid/DataCubeGrid.tsx

@@ -41,7 +41,7 @@ import { isNonNullable } from '@finos/legend-shared';
 import type {
   DataCubeConfiguration,
   DataCubeConfigurationColorKey,
-} from '../../../stores/core/models/DataCubeConfiguration.js';
+} from '../../../stores/core/model/DataCubeConfiguration.js';
 import { generateBaseGridOptions } from '../../../stores/view/grid/DataCubeGridConfigurationBuilder.js';
 import type { DataCubeViewState } from '../../../stores/view/DataCubeViewState.js';