@finos/legend-query-builder 4.14.54 → 4.14.56

package/src/components/filter/QueryBuilderFilterPanel.tsx

@@ -28,7 +28,7 @@ import {
   type TreeNodeViewProps,
   clsx,
   ContextMenu,
-  DropdownMenu,
+  ControlledDropdownMenu,
   MenuContent,
   MenuContentItem,
   BlankPanelPlaceholder,
@@ -828,7 +828,7 @@ const QueryBuilderFilterConditionEditor = observer(
                 propertyExpressionState={node.condition.propertyExpressionState}
               />
             </div>
-            <DropdownMenu
+            <ControlledDropdownMenu
               className="query-builder-filter-tree__condition-node__operator"
               title="Choose Operator..."
               content={
@@ -856,7 +856,7 @@ const QueryBuilderFilterConditionEditor = observer(
               <div className="query-builder-filter-tree__condition-node__operator__dropdown__trigger">
                 <CaretDownIcon />
               </div>
-            </DropdownMenu>
+            </ControlledDropdownMenu>
             {node.condition.value && (
               <div
                 ref={dropConnector}
@@ -1499,7 +1499,7 @@ export const QueryBuilderFilterPanel = observer(
           </div>
 
           <div className="panel__header__actions">
-            <DropdownMenu
+            <ControlledDropdownMenu
               className="panel__header__action"
               title="Show Filter Options Menu..."
               content={
@@ -1572,7 +1572,7 @@ export const QueryBuilderFilterPanel = observer(
               }
             >
               <MoreVerticalIcon className="query-builder__icon__more-options" />
-            </DropdownMenu>
+            </ControlledDropdownMenu>
           </div>
         </div>
         <PanelContent>

package/src/components/result/QueryBuilderResultPanel.tsx

@@ -17,7 +17,7 @@
 import {
   BlankPanelContent,
   PlayIcon,
-  DropdownMenu,
+  ControlledDropdownMenu,
   MenuContent,
   MenuContentItem,
   CaretDownIcon,
@@ -517,7 +517,7 @@ export const QueryBuilderResultPanel = observer(
                     <PlayIcon />
                     Run Query
                   </button>
-                  <DropdownMenu
+                  <ControlledDropdownMenu
                     className="btn__dropdown-combo__dropdown-btn query-builder__result__execute-btn__btn query-builder__result__execute-btn__btn--green"
                     disabled={isRunQueryDisabled}
                     content={
@@ -552,11 +552,11 @@ export const QueryBuilderResultPanel = observer(
                     }}
                   >
                     <CaretDownIcon />
-                  </DropdownMenu>
+                  </ControlledDropdownMenu>
                 </>
               )}
             </div>
-            <DropdownMenu
+            <ControlledDropdownMenu
               className="query-builder__result__export__dropdown"
               title="Export"
               disabled={!isQueryValid}
@@ -604,7 +604,7 @@ export const QueryBuilderResultPanel = observer(
               <div className="query-builder__result__export__dropdown__trigger">
                 <CaretDownIcon />
               </div>
-            </DropdownMenu>
+            </ControlledDropdownMenu>
             {resultState.isQueryUsageViewerOpened && (
               <QueryUsageViewer resultState={resultState} />
             )}

package/src/components/result/tds/QueryBuilderTDSGridResult.tsx

@@ -278,7 +278,8 @@ export const QueryBuilderTDSGridResult = observer(
       api: DataGridApi<QueryBuilderTDSRowDataType>,
     ): QueryBuilderTDSResultCellData[] => {
       const selectedRanges: DataGridCellRange[] | null = api.getCellRanges();
-      const nodes = api.getRenderedNodes();
+      const nodes = [] as DataGridIRowNode<QueryBuilderTDSRowDataType>[];
+      api.forEachNode((node) => nodes.push(node));
       const columns = api.getColumnDefs() as DataGridColumnDefinition[];
       const selectedCells = [];
       if (selectedRanges) {

package/src/index.ts

@@ -17,7 +17,10 @@
 // application
 export * from './__lib__/QueryBuilderTelemetryHelper.js';
 export * from './__lib__/QueryBuilderEvent.js';
-
+export {
+  QueryBuilderExplorerState,
+  QueryBuilderExplorerPreviewDataState,
+} from './stores/explorer/QueryBuilderExplorerState.js';
 export { QueryBuilder_GraphManagerPreset } from './graph-manager/QueryBuilder_GraphManagerPreset.js';
 export { QueryBuilderConfig } from './graph-manager/QueryBuilderConfig.js';
 export { QUERY_BUILDER_TEST_ID } from './__lib__/QueryBuilderTesting.js';
@@ -72,7 +75,18 @@ export {
   QueryBuilderChangeDetectionState,
 } from './stores/QueryBuilderChangeDetectionState.js';
 export { QueryBuilderResultValues } from './components/result/QueryBuilderResultPanel.js';
-
+export {
+  QueryBuilderTaggedValueInfoTooltip,
+  QueryBuilderPropertyInfoTooltip,
+  QueryBuilderDerivationInfoTooltip,
+} from './components/shared/QueryBuilderPropertyInfoTooltip.js';
+export { QueryBuilderRootClassInfoTooltip } from './components/shared/QueryBuilderRootClassInfoTooltip.js';
+export {
+  renderPropertyTypeIcon,
+  checkForDeprecatedNode,
+  getQueryBuilderExplorerTreeNodeSortRank,
+  QueryBuilderSubclassInfoTooltip,
+} from './components/explorer/QueryBuilderExplorerPanel.js';
 // ------------------------------------------- Shared components -------------------------------------------
 
 export * from './components/shared/LambdaEditor.js';
@@ -97,3 +111,11 @@ export * from './stores/QueryBuilder_LegendApplicationPlugin_Extension.js';
 export * from './stores/data-access/DataAccessState.js';
 export * from './components/data-access/DataAccessOverview.js';
 export * from './stores/query-workflow/QueryBuilderWorkFlowState.js';
+export * from './stores/explorer/QueryBuilderExplorerState.js';
+export * from './stores/explorer/QueryBuilderPropertySearchState.js';
+export * from './stores/explorer/QueryFunctionsExplorerState.js';
+export * from './components/filter/QueryBuilderFilterPanel.js';
+export * from './stores/filter/QueryBuilderFilterValueSpecificationBuilder.js';
+export * from './stores/QueryBuilderValueSpecificationHelper.js';
+export * from './stores/filter/QueryBuilderFilterState.js';
+export * from './stores/filter/QueryBuilderFilterStateBuilder.js';

package/src/stores/fetch-structure/tds/post-filter/QueryBuilderPostFilterState.ts

@@ -216,19 +216,28 @@ export class QueryBuilderPostFilterTreeConditionNodeData
   implements Hashable
 {
   condition: PostFilterConditionState;
+  isNewlyAdded: boolean;
 
   constructor(
     parentId: string | undefined,
     condition: PostFilterConditionState,
+    isNewlyAdded?: boolean,
   ) {
     super(parentId);
 
     makeObservable(this, {
       condition: observable,
+      isNewlyAdded: observable,
+      setIsNewlyAdded: action,
       dragPreviewLabel: computed,
     });
 
     this.condition = condition;
+    this.isNewlyAdded = isNewlyAdded ?? false;
+  }
+
+  setIsNewlyAdded(val: boolean): void {
+    this.isNewlyAdded = val;
   }
 
   get dragPreviewLabel(): string {
@@ -461,7 +470,9 @@ export class PostFilterConditionState implements Hashable {
       );
     }
   }
-  *handleTypeaheadSearch(): GeneratorFn<void> {
+  *handleTypeaheadSearch(
+    searchValue?: ValueSpecification | undefined,
+  ): GeneratorFn<void> {
     try {
       this.typeaheadSearchState.inProgress();
       this.typeaheadSearchResults = undefined;
@@ -475,13 +486,14 @@ export class PostFilterConditionState implements Hashable {
         this.rightConditionValue,
         PostFilterValueSpecConditionValueState,
       );
-      if (performTypeahead(rightConditionValue.value)) {
+      const value = searchValue ?? rightConditionValue.value;
+      if (performTypeahead(value)) {
         const result =
           (yield this.postFilterState.tdsState.queryBuilderState.graphManagerState.graphManager.runQuery(
             buildProjectionColumnTypeaheadQuery(
               this.postFilterState.tdsState.queryBuilderState,
               columnState,
-              rightConditionValue.value,
+              value,
             ),
             guaranteeNonNullable(
               this.postFilterState.tdsState.queryBuilderState

package/src/stores/filter/QueryBuilderFilterStateBuilder.ts

@@ -399,3 +399,42 @@ export const processFilterExpression = (
    */
   filterState.simplifyTree();
 };
+
+export const processFilterLambda = (
+  lambdaFunc: LambdaFunction,
+  queryBuilderState: QueryBuilderState,
+): void => {
+  const filterState = queryBuilderState.filterState;
+
+  assertTrue(
+    lambdaFunc.expressionSequence.length === 1,
+    `Can't process filter() lambda: only support filter() lambda body with 1 expression`,
+  );
+  const rootExpression = guaranteeType(
+    lambdaFunc.expressionSequence[0],
+    SimpleFunctionExpression,
+    `Can't process filter() lambda: only support filter() lambda body with 1 expression`,
+  );
+
+  assertTrue(
+    lambdaFunc.functionType.parameters.length === 1,
+    `Can't process filter() lambda: only support filter() lambda with 1 parameter`,
+  );
+  filterState.setLambdaParameterName(
+    guaranteeType(
+      lambdaFunc.functionType.parameters[0],
+      VariableExpression,
+      `Can't process filter() lambda: only support filter() lambda with 1 parameter`,
+    ).name,
+  );
+
+  processFilterTree(rootExpression, filterState, undefined);
+
+  /**
+   * NOTE: Since group operations like and/or do not take more than 2 parameters, if there are
+   * more than 2 clauses in each group operations, then these clauses are converted into an
+   * unbalanced tree. However, this would look quite bad for UX, as such, we simplify the tree.
+   * After building the filter state.
+   */
+  filterState.simplifyTree();
+};

package/src/stores/filter/QueryBuilderFilterValueSpecificationBuilder.ts

@@ -39,7 +39,7 @@ import { QUERY_BUILDER_SUPPORTED_FUNCTIONS } from '../../graph/QueryBuilderMetaM
 import { DEFAULT_LAMBDA_VARIABLE_NAME } from '../QueryBuilderConfig.js';
 import { buildPropertyExpressionChain } from '../QueryBuilderValueSpecificationBuilderHelper.js';
 
-const buildFilterConditionExpression = (
+export const buildFilterConditionExpression = (
   filterState: QueryBuilderFilterState,
   node: QueryBuilderFilterTreeNodeData,
 ): ValueSpecification | undefined => {

package/src/stores/workflows/ServiceQueryBuilderState.ts

@@ -137,7 +137,7 @@ export class ServiceQueryBuilderState extends QueryBuilderState {
 
   override get sideBarClassName(): string | undefined {
     return this.executionContexts.length
-      ? 'query-builder__setup__service--with-mutiple-execution'
+      ? 'query-builder__setup__service--with-multiple-execution'
       : 'query-builder__setup__service';
   }