@finos/legend-query-builder 4.14.51 → 4.14.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-query-builder",
-  "version": "4.14.51",
+  "version": "4.14.53",
   "description": "Legend query builder core",
   "keywords": [
     "legend",
@@ -42,39 +42,39 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "15.1.10",
-    "@finos/legend-art": "7.1.38",
-    "@finos/legend-graph": "31.10.5",
-    "@finos/legend-lego": "1.2.41",
-    "@finos/legend-server-depot": "6.0.45",
-    "@finos/legend-shared": "10.0.40",
-    "@finos/legend-storage": "3.0.90",
-    "@testing-library/dom": "10.1.0",
+    "@finos/legend-application": "15.1.11",
+    "@finos/legend-art": "7.1.39",
+    "@finos/legend-graph": "31.10.6",
+    "@finos/legend-lego": "1.2.42",
+    "@finos/legend-server-depot": "6.0.46",
+    "@finos/legend-shared": "10.0.41",
+    "@finos/legend-storage": "3.0.91",
+    "@testing-library/dom": "10.2.0",
     "@testing-library/react": "16.0.0",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "chart.js": "4.4.3",
     "mathjs": "13.0.0",
-    "mobx": "6.12.3",
+    "mobx": "6.12.4",
     "mobx-react-lite": "4.0.7",
-    "monaco-editor": "0.49.0",
+    "monaco-editor": "0.50.0",
     "react": "18.3.1",
     "react-chartjs-2": "5.2.0",
     "react-dnd": "16.0.1",
     "react-dom": "18.3.1",
     "serializr": "3.0.2",
-    "sql-formatter": "15.3.1"
+    "sql-formatter": "15.3.2"
   },
   "devDependencies": {
-    "@finos/legend-dev-utils": "2.1.8",
+    "@finos/legend-dev-utils": "2.1.9",
     "@jest/globals": "29.7.0",
     "cross-env": "7.0.3",
     "eslint": "8.57.0",
     "jest": "29.7.0",
     "npm-run-all": "4.1.5",
     "rimraf": "5.0.7",
-    "sass": "1.77.4",
-    "typescript": "5.4.5"
+    "sass": "1.77.6",
+    "typescript": "5.5.2"
   },
   "peerDependencies": {
     "react": "^18.0.0"

package/src/components/QueryBuilder.tsx

@@ -484,6 +484,7 @@ export const QueryBuilder = observer(
             plugin as QueryBuilder_LegendApplicationPlugin_Extension
           ).getExtraQueryBuilderHelpMenuActionConfigurations?.() ?? [],
       )
+      .filter((item) => !item.disableFunc?.(queryBuilderState))
       .map((item) => (
         <MenuContentItem
           key={item.key}

package/src/components/QueryBuilderConstantExpressionPanel.tsx

@@ -271,7 +271,7 @@ const QueryBuilderSimpleConstantExpressionEditor = observer(
                     );
                   }}
                   graph={queryBuilderState.graphManagerState.graph}
-                  obseverContext={queryBuilderState.observerContext}
+                  observerContext={queryBuilderState.observerContext}
                   typeCheckOption={{
                     expectedType: selectedType.value,
                     match: selectedType.value === PrimitiveType.DATETIME,

package/src/components/QueryBuilderParametersPanel.tsx

@@ -266,7 +266,7 @@ const VariableExpressionEditor = observer(
                       setDefaultMilestoningValue(deepClone(val));
                     }}
                     graph={queryBuilderState.graphManagerState.graph}
-                    obseverContext={queryBuilderState.observerContext}
+                    observerContext={queryBuilderState.observerContext}
                     typeCheckOption={{
                       expectedType: selectedType.value,
                       match: selectedType.value === PrimitiveType.DATETIME,

package/src/components/QueryBuilderPropertyExpressionEditor.tsx

@@ -251,7 +251,7 @@ const DerivedPropertyParameterValueEditor = observer(
                 );
               }}
               graph={graph}
-              obseverContext={
+              observerContext={
                 derivedPropertyExpressionState.queryBuilderState.observerContext
               }
               typeCheckOption={{

package/src/components/QueryBuilderSideBar.tsx

@@ -131,7 +131,7 @@ export const QueryBuilderClassSelector = observer(
 
     return (
       <div className="query-builder__setup__config-group query-builder__setup__config-group--class">
-        <div className="query-builder__setup__config-group__item ">
+        <div className="query-builder__setup__config-group__item">
           <label
             className="btn--sm query-builder__setup__config-group__item__label"
             title="entity"

package/src/components/__test-utils__/QueryBuilderComponentTestUtils.tsx

@@ -114,6 +114,7 @@ export const selectFromCustomSelectorInput = (
 export const selectFirstOptionFromCustomSelectorInput = (
   selectorContainer: HTMLElement,
   lightMode?: boolean,
+  verifyInputValue?: boolean,
 ): void => {
   const selectorContainerClassName = getSelectorContainerClassName(lightMode);
   const selectorInputValue = getSelectorInputClassName(lightMode);
@@ -124,7 +125,9 @@ export const selectFirstOptionFromCustomSelectorInput = (
 
   fireEvent.keyDown(selector, { key: 'ArrowDown' });
   fireEvent.keyDown(selector, { key: 'Enter' });
-  expect(selector.querySelector(selectorInputValue)).not.toBeNull();
+  if (verifyInputValue ?? true) {
+    expect(selector.querySelector(selectorInputValue)).not.toBeNull();
+  }
 };
 
 export const getCustomSelectorInputValue = (

package/src/components/execution-plan/FunctionParametersValidationNodeViewer.tsx

@@ -77,7 +77,7 @@ export const FunctionParametersValidationNodeViewer: React.FC<{
             Variables Details
           </PanelListItem>
           <PanelDivider />
-          <table className="table query-builder__function-parameters-validation__container__table">
+          <table className="query-builder__function-parameters-validation__container__table table">
             <thead>
               <tr>
                 <th className="table__cell--left">Name</th>

package/src/components/execution-plan/PartialClassResultViewer.tsx

@@ -30,7 +30,7 @@ export const PartialClassResultTypeViewer: React.FC<{
       </PanelListItem>
       <PanelDivider />
       {
-        <table className="table query-builder__result__container__table--partial-class">
+        <table className="query-builder__result__container__table--partial-class table">
           <thead>
             <tr>
               <th className="table__cell--left">Property</th>

package/src/components/execution-plan/RelationalClassQueryTempTableGraphFetchExecutionNodeViewer.tsx

@@ -88,7 +88,7 @@ export const RelationalClassQueryTempTableGraphFetchExecutionNodeViewer: React.F
                 Details
               </PanelListItem>
               <PanelDivider />
-              <table className="table query-builder__store-mapping-global-graph-fetch__container__table">
+              <table className="query-builder__store-mapping-global-graph-fetch__container__table table">
                 <thead>
                   <tr>
                     <th className="table__cell--left">Property</th>

package/src/components/execution-plan/RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer.tsx

@@ -90,7 +90,7 @@ export const RelationalCrossRootQueryTempTableGraphFetchExecutionNodeViewer: Rea
                 Node Details
               </PanelListItem>
               <PanelDivider />
-              <table className="table query-builder__store-mapping-global-graph-fetch__container__table">
+              <table className="query-builder__store-mapping-global-graph-fetch__container__table table">
                 <thead>
                   <tr>
                     <th className="table__cell--left">Property</th>

package/src/components/execution-plan/RelationalRootQueryTempTableGraphFetchExecutionNodeViewer.tsx

@@ -88,7 +88,7 @@ export const RelationalRootQueryTempTableGraphFetchExecutionNodeViewer: React.FC
                 Details
               </PanelListItem>
               <PanelDivider />
-              <table className="table query-builder__store-mapping-global-graph-fetch__container__table">
+              <table className="query-builder__store-mapping-global-graph-fetch__container__table table">
                 <thead>
                   <tr>
                     <th className="table__cell--left">Property</th>

package/src/components/execution-plan/SQLExecutionNodeViewer.tsx

@@ -116,7 +116,7 @@ export const SQLExecutionNodeViewerHelper: React.FC<{
               Result Columns
             </PanelListItem>
             <PanelDivider />
-            <table className="table query-builder__sql__container__table">
+            <table className="query-builder__sql__container__table table">
               <thead>
                 <tr>
                   <th className="table__cell--left">Label</th>

package/src/components/execution-plan/StoreMappingGlobalGraphFetchExecutionNodeViewer.tsx

@@ -92,7 +92,7 @@ export const StoreMappingGlobalGraphFetchExecutionNodeViewer: React.FC<{
           Store Mapping Global Graph Fetch Execution Node Details
         </PanelListItem>
         <PanelDivider />
-        <table className="table query-builder__store-mapping-global-graph-fetch__container__table">
+        <table className="query-builder__store-mapping-global-graph-fetch__container__table table">
           <thead>
             <tr>
               <th className="table__cell--left">Property</th>
@@ -178,7 +178,7 @@ export const StoreMappingGlobalGraphFetchExecutionNodeViewer: React.FC<{
               xStorePropertyFetchDetails
             </PanelListItem>
             <PanelDivider />
-            <table className="table query-builder__store-mapping-global-graph-fetch__container__table">
+            <table className="query-builder__store-mapping-global-graph-fetch__container__table table">
               <thead>
                 <tr>
                   <th className="table__cell--left">Property</th>

package/src/components/execution-plan/TDSResultTypeViewer.tsx

@@ -33,7 +33,7 @@ export const TDSResultTypeViewer: React.FC<{
       </PanelListItem>
       <PanelDivider />
       {
-        <table className="table query-builder__result__container__table">
+        <table className="query-builder__result__container__table table">
           <thead>
             <tr>
               <th className="table__cell--left">Label</th>

package/src/components/explorer/QueryBuilderMilestoningParameterEditor.tsx

@@ -25,6 +25,7 @@ import {
   PrimitiveInstanceValue,
   PRIMITIVE_TYPE,
   PrimitiveType,
+  VariableExpression,
 } from '@finos/legend-graph';
 import { useDrop } from 'react-dnd';
 import { PanelEntryDropZonePlaceholder } from '@finos/legend-art';
@@ -33,16 +34,27 @@ import {
   BasicValueSpecificationEditor,
   type QueryBuilderVariableDragSource,
   QUERY_BUILDER_VARIABLE_DND_TYPE,
+  EditableBasicValueSpecificationEditor,
 } from '../shared/BasicValueSpecificationEditor.js';
 import { instanceValue_setValues } from '../../stores/shared/ValueSpecificationModifierHelper.js';
+import { QUERY_BUILDER_SUPPORTED_FUNCTIONS } from '../../graph/QueryBuilderMetaModelConst.js';
+import { createSupportedFunctionExpression } from '../../stores/shared/ValueSpecificationEditorHelper.js';
 
 export const MilestoningParameterEditor = observer(
   (props: {
     queryBuilderState: QueryBuilderState;
     parameter: ValueSpecification;
     setParameter: (val: ValueSpecification) => void;
+    parameterValue: ValueSpecification | undefined;
+    setParameterValue: (val: ValueSpecification) => void;
   }) => {
-    const { queryBuilderState, parameter, setParameter } = props;
+    const {
+      queryBuilderState,
+      parameter,
+      setParameter,
+      parameterValue,
+      setParameterValue,
+    } = props;
     const handleDrop = useCallback(
       (item: QueryBuilderVariableDragSource): void => {
         setParameter(item.variable);
@@ -87,27 +99,53 @@ export const MilestoningParameterEditor = observer(
     };
 
     return (
-      <div ref={dropConnector} className="query-builder__variable-editor">
-        <PanelEntryDropZonePlaceholder
-          isDragOver={isDragOver}
-          label="Change Milestoning Parameter Value"
-        >
-          <BasicValueSpecificationEditor
-            valueSpecification={parameter}
-            graph={queryBuilderState.graphManagerState.graph}
-            obseverContext={queryBuilderState.observerContext}
-            setValueSpecification={(val: ValueSpecification): void =>
-              setParameter(val)
-            }
-            typeCheckOption={{
-              expectedType: PrimitiveType.DATE,
-            }}
-            resetValue={resetMilestoningParameter}
-            isConstant={queryBuilderState.constantState.isValueSpecConstant(
-              parameter,
-            )}
-          />
-        </PanelEntryDropZonePlaceholder>
+      <div
+        ref={dropConnector}
+        className="query-builder__milestoning-panel__variable-editor"
+      >
+        <div className="query-builder__milestoning-panel__variable-editor__variable">
+          <PanelEntryDropZonePlaceholder
+            isDragOver={isDragOver}
+            label="Change Milestoning Parameter Value"
+          >
+            <BasicValueSpecificationEditor
+              valueSpecification={parameter}
+              graph={queryBuilderState.graphManagerState.graph}
+              observerContext={queryBuilderState.observerContext}
+              setValueSpecification={(val: ValueSpecification): void =>
+                setParameter(val)
+              }
+              typeCheckOption={{
+                expectedType: PrimitiveType.DATE,
+              }}
+              resetValue={resetMilestoningParameter}
+              isConstant={queryBuilderState.constantState.isValueSpecConstant(
+                parameter,
+              )}
+            />
+          </PanelEntryDropZonePlaceholder>
+        </div>
+        {parameter instanceof VariableExpression && parameterValue && (
+          <div className="query-builder__milestoning-panel__variable-editor__value">
+            <EditableBasicValueSpecificationEditor
+              valueSpecification={parameterValue}
+              setValueSpecification={setParameterValue}
+              graph={queryBuilderState.graphManagerState.graph}
+              observerContext={queryBuilderState.observerContext}
+              typeCheckOption={{
+                expectedType: PrimitiveType.DATE,
+              }}
+              resetValue={() => {
+                const now = createSupportedFunctionExpression(
+                  QUERY_BUILDER_SUPPORTED_FUNCTIONS.NOW,
+                  PrimitiveType.DATETIME,
+                );
+                setParameterValue(now);
+              }}
+              initializeAsEditable={true}
+            />
+          </div>
+        )}
       </div>
     );
   },

package/src/components/fetch-structure/QueryBuilderPostFilterPanel.tsx

@@ -462,7 +462,7 @@ const QueryBuilderPostFilterConditionEditor = observer(
                 valueSpecification={rightConditionValue.value}
                 setValueSpecification={changeValueSpecification}
                 graph={graph}
-                obseverContext={queryBuilderState.observerContext}
+                observerContext={queryBuilderState.observerContext}
                 typeCheckOption={{
                   expectedType: guaranteeNonNullable(
                     node.condition.leftConditionValue.getColumnType(),