@finos/legend-query-builder 4.13.3 → 4.13.5

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

@@ -44,6 +44,7 @@ import { QueryBuilderTDSState } from '../../../stores/fetch-structure/tds/QueryB
 import { DEFAULT_LOCALE } from '../../../graph-manager/QueryBuilderConst.js';
 import { isNumber, isString, isValidURL } from '@finos/legend-shared';
 import { useApplicationStore } from '@finos/legend-application';
+import { QUERY_BUILDER_TEST_ID } from '../../../__lib__/QueryBuilderTesting.js';
 
 const getAggregationTDSColumnCustomizations = (
   result: TDSExecutionResult,
@@ -332,7 +333,10 @@ export const QueryBuilderTDSGridResult = observer(
     );
 
     return (
-      <div className="query-builder__result__values__table">
+      <div
+        data-testid={QUERY_BUILDER_TEST_ID.QUERY_BUILDER_RESULT_VALUES_TDS}
+        className="query-builder__result__values__table"
+      >
         <div
           className={clsx(
             'ag-theme-balham-dark query-builder__result__tds-grid',

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

@@ -39,6 +39,7 @@ import type {
   QueryBuilderTDSResultCellDataType,
   QueryBuilderTDSRowDataType,
 } from '../../../stores/QueryBuilderResultState.js';
+import { QUERY_BUILDER_TEST_ID } from '../../../__lib__/QueryBuilderTesting.js';
 
 const QueryResultCellRenderer = observer(
   (params: IQueryRendererParamsWithGridType) => {
@@ -358,7 +359,10 @@ export const QueryBuilderTDSSimpleGridResult = observer(
     );
 
     return (
-      <div className="query-builder__result__values__table">
+      <div
+        data-testid={QUERY_BUILDER_TEST_ID.QUERY_BUILDER_RESULT_VALUES_TDS}
+        className="query-builder__result__values__table"
+      >
         <div
           className={clsx(
             'ag-theme-balham-dark query-builder__result__tds-grid',

package/src/components/shared/QueryBuilderRootClassInfoTooltip.tsx

@@ -0,0 +1,79 @@
+/**
+ * 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 TooltipPlacement, Tooltip } from '@finos/legend-art';
+import { CORE_PURE_PATH, PURE_DOC_TAG, type Class } from '@finos/legend-graph';
+
+export const QueryBuilderRootClassInfoTooltip: React.FC<{
+  _class: Class;
+  children: React.ReactElement;
+  placement?: TooltipPlacement | undefined;
+}> = (props) => {
+  const { _class, children, placement } = props;
+  const documentation = _class.taggedValues
+    .filter(
+      (taggedValue) =>
+        taggedValue.tag.ownerReference.value.path ===
+          CORE_PURE_PATH.PROFILE_DOC &&
+        taggedValue.tag.value.value === PURE_DOC_TAG,
+    )
+    .map((taggedValue) => taggedValue.value);
+
+  return (
+    <Tooltip
+      arrow={true}
+      {...(placement !== undefined ? { placement } : {})}
+      classes={{
+        tooltip: 'query-builder__tooltip',
+        arrow: 'query-builder__tooltip__arrow',
+        tooltipPlacementRight: 'query-builder__tooltip--right',
+      }}
+      TransitionProps={{
+        // disable transition
+        // NOTE: somehow, this is the only workaround we have, if for example
+        // we set `appear = true`, the tooltip will jump out of position
+        timeout: 0,
+      }}
+      title={
+        <div className="query-builder__tooltip__content">
+          <div className="query-builder__tooltip__item">
+            <div className="query-builder__tooltip__item__label">Type</div>
+            <div className="query-builder__tooltip__item__value">Unknown</div>
+          </div>
+          <div className="query-builder__tooltip__item">
+            <div className="query-builder__tooltip__item__label">Path</div>
+            <div className="query-builder__tooltip__item__value">
+              {_class.path}
+            </div>
+          </div>
+
+          {Boolean(documentation.length) && (
+            <div className="query-builder__tooltip__item">
+              <div className="query-builder__tooltip__item__label">
+                Documentation
+              </div>
+              <div className="query-builder__tooltip__item__value">
+                {documentation.join('\n\n')}
+              </div>
+            </div>
+          )}
+        </div>
+      }
+    >
+      {children}
+    </Tooltip>
+  );
+};

package/src/stores/QueryBuilderResultState.ts

@@ -316,6 +316,7 @@ export class QueryBuilderResultState {
         this.queryBuilderState.graphManagerState.graph,
         {
           parameterValues,
+          convertUnsafeNumbersToString: true,
         },
       );
 

package/src/stores/QueryBuilder_LegendApplicationPlugin_Extension.ts

@@ -45,6 +45,10 @@ export type QueryExportUsageConfiguration = {
   renderer(): React.ReactNode;
 };
 
+export type WarehouseEntitlementRender = {
+  renderer: (dataAccessState: DataAccessState) => React.ReactNode | undefined;
+};
+
 export type QueryChatRenderer = (
   queryBuilderState: QueryBuilderState,
 ) => React.ReactNode;
@@ -56,6 +60,11 @@ export interface QueryBuilder_LegendApplicationPlugin_Extension
    */
   getExtraLoadQueryFilterOptions?(): LoadQueryFilterOption[];
 
+  /**
+   * Get the list of warehouse entitlement configurations
+   */
+  getWarehouseEntitlementRenders?(): WarehouseEntitlementRender[] | undefined;
+
   /**
    * Get the list of dataset entitlement access report action configurations.
    */

package/src/stores/filter/QueryBuilderFilterState.ts

@@ -42,6 +42,8 @@ import {
   type ValueSpecification,
   type VariableExpression,
   observe_ValueSpecification,
+  CollectionInstanceValue,
+  InstanceValue,
 } from '@finos/legend-graph';
 import { DEFAULT_LAMBDA_VARIABLE_NAME } from '../QueryBuilderConfig.js';
 import type { QueryBuilderProjectionColumnDragSource } from '../fetch-structure/tds/projection/QueryBuilderProjectionColumnState.js';
@@ -54,6 +56,7 @@ import type { QueryBuilderFilterOperator } from './QueryBuilderFilterOperator.js
 import { QUERY_BUILDER_GROUP_OPERATION } from '../QueryBuilderGroupOperationHelper.js';
 import { QUERY_BUILDER_STATE_HASH_STRUCTURE } from '../QueryBuilderStateHashUtils.js';
 import { isValueExpressionReferencedInValue } from '../QueryBuilderValueSpecificationHelper.js';
+import { instanceValue_setValues } from '../shared/ValueSpecificationModifierHelper.js';
 
 export enum QUERY_BUILDER_FILTER_DND_TYPE {
   GROUP_CONDITION = 'GROUP_CONDITION',
@@ -195,7 +198,24 @@ export class FilterConditionState implements Hashable {
   changeOperator(val: QueryBuilderFilterOperator): void {
     this.setOperator(val);
     if (!this.operator.isCompatibleWithFilterConditionValue(this)) {
-      this.setValue(this.operator.getDefaultFilterConditionValue(this));
+      let defaultValue = this.operator.getDefaultFilterConditionValue(this);
+      if (
+        defaultValue instanceof CollectionInstanceValue &&
+        this.value instanceof InstanceValue
+      ) {
+        instanceValue_setValues(
+          defaultValue,
+          [this.value],
+          this.filterState.queryBuilderState.observerContext,
+        );
+      } else if (
+        defaultValue instanceof InstanceValue &&
+        this.value instanceof CollectionInstanceValue &&
+        this.value.values.length
+      ) {
+        defaultValue = this.value.values[0];
+      }
+      this.setValue(defaultValue);
     }
   }
 

package/tsconfig.json

@@ -266,6 +266,7 @@
     "./src/components/shared/LambdaParameterValuesEditor.tsx",
     "./src/components/shared/QueryBuilderPanelIssueCountBadge.tsx",
     "./src/components/shared/QueryBuilderPropertyInfoTooltip.tsx",
+    "./src/components/shared/QueryBuilderRootClassInfoTooltip.tsx",
     "./src/components/shared/QueryBuilderVariableSelector.tsx",
     "./src/components/watermark/QueryBuilderWatermark.tsx",
     "./src/components/workflows/ClassQueryBuilder.tsx",