@finos/legend-query-builder 4.14.45 → 4.14.46

package/lib/stores/fetch-structure/tds/aggregation/operators/QueryBuilderAggregateOperator_Percentile.js

@@ -0,0 +1,123 @@
+/**
+ * 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 { matchFunctionName, PRIMITIVE_TYPE, SimpleFunctionExpression, VariableExpression, GenericType, GenericTypeExplicitReference, Multiplicity, PrimitiveInstanceValue, PrimitiveType, extractElementNameFromPath, } from '@finos/legend-graph';
+import { QueryBuilderAggregateColumnState } from '../QueryBuilderAggregationState.js';
+import { QueryBuilderAggregateOperator } from '../QueryBuilderAggregateOperator.js';
+import { QueryBuilderSimpleProjectionColumnState, } from '../../projection/QueryBuilderProjectionColumnState.js';
+import { QUERY_BUILDER_SUPPORTED_FUNCTIONS } from '../../../../../graph/QueryBuilderMetaModelConst.js';
+import { hashArray, assertTrue, guaranteeType, } from '@finos/legend-shared';
+import { QUERY_BUILDER_STATE_HASH_STRUCTURE } from '../../../../QueryBuilderStateHashUtils.js';
+import { action, makeObservable, observable } from 'mobx';
+export class QueryBuilderAggregateOperator_Percentile extends QueryBuilderAggregateOperator {
+    percentile;
+    acending;
+    continuous;
+    constructor() {
+        super();
+        makeObservable(this, {
+            percentile: observable,
+            acending: observable,
+            continuous: observable,
+            setPercentile: action,
+            setAcending: action,
+            setContinuous: action,
+        });
+    }
+    setPercentile(val) {
+        this.percentile = val;
+    }
+    setAcending(val) {
+        this.acending = val;
+    }
+    setContinuous(val) {
+        this.continuous = val;
+    }
+    getLabel(projectionColumnState) {
+        return 'percentile';
+    }
+    isCompatibleWithColumn(projectionColumnState) {
+        if (projectionColumnState instanceof QueryBuilderSimpleProjectionColumnState) {
+            const propertyType = projectionColumnState.propertyExpressionState.propertyExpression.func
+                .value.genericType.value.rawType;
+            return [
+                PRIMITIVE_TYPE.NUMBER,
+                PRIMITIVE_TYPE.INTEGER,
+                PRIMITIVE_TYPE.DECIMAL,
+                PRIMITIVE_TYPE.FLOAT,
+            ].includes(propertyType.path);
+        }
+        return true;
+    }
+    buildAggregateExpression(propertyExpression, variableName, graph) {
+        const percentileValue = this.percentile ?? 0;
+        const expression = new SimpleFunctionExpression(extractElementNameFromPath(QUERY_BUILDER_SUPPORTED_FUNCTIONS.PERCENTILE));
+        const percentile = new PrimitiveInstanceValue(GenericTypeExplicitReference.create(new GenericType(PrimitiveType.NUMBER)));
+        percentile.values = [percentileValue];
+        if (this.acending === undefined ||
+            this.continuous === undefined ||
+            (this.acending && this.continuous)) {
+            expression.parametersValues.push(new VariableExpression(variableName, Multiplicity.ONE), percentile);
+        }
+        else {
+            const acending = new PrimitiveInstanceValue(GenericTypeExplicitReference.create(new GenericType(PrimitiveType.BOOLEAN)));
+            acending.values = [this.acending];
+            const continuous = new PrimitiveInstanceValue(GenericTypeExplicitReference.create(new GenericType(PrimitiveType.BOOLEAN)));
+            continuous.values = [this.continuous];
+            expression.parametersValues.push(new VariableExpression(variableName, Multiplicity.ONE), percentile, acending, continuous);
+        }
+        return expression;
+    }
+    buildAggregateColumnState(expression, lambdaParam, projectionColumnState) {
+        if (matchFunctionName(expression.functionName, QUERY_BUILDER_SUPPORTED_FUNCTIONS.PERCENTILE)) {
+            const aggregateColumnState = new QueryBuilderAggregateColumnState(projectionColumnState.tdsState.aggregationState, projectionColumnState, new QueryBuilderAggregateOperator_Percentile());
+            const currentOperator = guaranteeType(aggregateColumnState.operator, QueryBuilderAggregateOperator_Percentile);
+            aggregateColumnState.setLambdaParameterName(lambdaParam.name);
+            assertTrue([2, 4].includes(expression.parametersValues.length), `Can't process percentile() expression: percentile() expects 2 or 4 argument`);
+            // variable
+            const variableExpression = guaranteeType(expression.parametersValues[0], VariableExpression, `Can't process percentile() expression: only support percentile() immediately following a variable expression`);
+            assertTrue(aggregateColumnState.lambdaParameterName === variableExpression.name, `Can't process percentile() expression: expects variable used in lambda body '${variableExpression.name}' to match lambda parameter '${aggregateColumnState.lambdaParameterName}'`);
+            const percentile = guaranteeType(expression.parametersValues[1], PrimitiveInstanceValue, `Can't process percentile() expression: percentile() expects arugment #2 to be a primitive instance value`);
+            currentOperator.percentile = percentile.values[0];
+            if (expression.parametersValues.length === 4) {
+                const acending = guaranteeType(expression.parametersValues[2], PrimitiveInstanceValue, `Can't process percentile() expression: percentile() expects arugment #3 to be a primitive instance value`);
+                currentOperator.acending = acending.values[0];
+                const continuous = guaranteeType(expression.parametersValues[3], PrimitiveInstanceValue, `Can't process percentile() expression: percentile() expects arugment #4 to be a primitive instance value`);
+                currentOperator.continuous = continuous.values[0];
+            }
+            // operator
+            assertTrue(this.isCompatibleWithColumn(aggregateColumnState.projectionColumnState), `Can't process percentile() expression: property is not compatible with operator`);
+            aggregateColumnState.setOperator(currentOperator);
+            return aggregateColumnState;
+        }
+        return undefined;
+    }
+    get getOperator() {
+        return new QueryBuilderAggregateOperator_Percentile();
+    }
+    get allValidationIssues() {
+        const validationIssues = [];
+        if (this.percentile === undefined || this.percentile > 100) {
+            validationIssues.push('Invalid Aggregation Argument for Percentile');
+        }
+        return validationIssues;
+    }
+    get hashCode() {
+        return hashArray([
+            QUERY_BUILDER_STATE_HASH_STRUCTURE.AGGREGATE_OPERATOR_PERCENTILE,
+        ]);
+    }
+}
+//# sourceMappingURL=QueryBuilderAggregateOperator_Percentile.js.map

package/lib/stores/fetch-structure/tds/aggregation/operators/QueryBuilderAggregateOperator_Percentile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderAggregateOperator_Percentile.js","sourceRoot":"","sources":["../../../../../../src/stores/fetch-structure/tds/aggregation/operators/QueryBuilderAggregateOperator_Percentile.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-query-builder",
-  "version": "4.14.45",
+  "version": "4.14.46",
   "description": "Legend query builder core",
   "keywords": [
     "legend",
@@ -42,10 +42,10 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "15.1.6",
+    "@finos/legend-application": "15.1.7",
     "@finos/legend-art": "7.1.35",
     "@finos/legend-graph": "31.10.3",
-    "@finos/legend-lego": "1.2.36",
+    "@finos/legend-lego": "1.2.37",
     "@finos/legend-server-depot": "6.0.44",
     "@finos/legend-shared": "10.0.39",
     "@finos/legend-storage": "3.0.89",

package/src/__lib__/QueryBuilderTesting.ts

@@ -40,6 +40,7 @@ export enum QUERY_BUILDER_TEST_ID {
   QUERY_BUILDER_WINDOW_GROUPBY = 'query__builder__window',
   QUERY_BUILDER_EXPLORER = 'query__builder__explorer',
   QUERY_BUILDER_PROPERTY_SEARCH_PANEL = 'query__builder__property__search__panel',
+  QUERY_BUILDER_PERCENTILE_PANEL = 'query__builder__percentile__panel',
   QUERY_BUILDER_PARAMETERS = 'query-builder__parameters',
   QUERY_BUILDER_CONSTANTS = 'query-builder__constants',
   QUERY_BUILDER_TOOLTIP_ICON = 'query-builder__tooltip__icon',

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

@@ -73,7 +73,6 @@ export const QueryBuilderFetchStructurePanel = observer(
       queryBuilderState.workflowState.getFetchStructureLayoutConfig(
         queryBuilderState,
       );
-
     return (
       <Panel data-testid={QUERY_BUILDER_TEST_ID.QUERY_BUILDER_FETCH_STRUCTURE}>
         <PanelHeader>

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

@@ -41,6 +41,8 @@ import {
   FunctionIcon,
   CogIcon,
   InfoCircleIcon,
+  BasePopover,
+  InputWithInlineValidation,
 } from '@finos/legend-art';
 import {
   type QueryBuilderExplorerTreeDragSource,
@@ -116,6 +118,7 @@ import {
   QueryBuilderPropertyInfoTooltip,
 } from '../shared/QueryBuilderPropertyInfoTooltip.js';
 import { getNameOfValueSpecification } from '../shared/QueryBuilderVariableSelector.js';
+import { QueryBuilderAggregateOperator_Percentile } from '../../stores/fetch-structure/tds/aggregation/operators/QueryBuilderAggregateOperator_Percentile.js';
 
 const QueryBuilderProjectionColumnContextMenu = observer(
   forwardRef<
@@ -689,6 +692,52 @@ const QueryBuilderProjectionColumnEditor = observer(
       }),
       [handleDrop],
     );
+    const percentileButtonRef = useRef<HTMLButtonElement>(null);
+    const percentileInputRef = useRef<HTMLInputElement>(null);
+    const [isPercentileOpen, setIsPercentileOpen] = useState(false);
+    const [percentileValue, setPercentileValue] = useState(
+      aggregateColumnState &&
+        aggregateColumnState.operator instanceof
+          QueryBuilderAggregateOperator_Percentile &&
+        aggregateColumnState.operator.percentile !== undefined
+        ? (aggregateColumnState.operator.percentile * 100).toString()
+        : '',
+    );
+    const [acending, setAcending] = useState(
+      aggregateColumnState &&
+        aggregateColumnState.operator instanceof
+          QueryBuilderAggregateOperator_Percentile
+        ? aggregateColumnState.operator.acending
+        : undefined,
+    );
+    const [continuous, setContinuous] = useState(
+      aggregateColumnState &&
+        aggregateColumnState.operator instanceof
+          QueryBuilderAggregateOperator_Percentile
+        ? aggregateColumnState.operator.continuous
+        : undefined,
+    );
+    const percentileOptions = ['true', 'false'].map((op) => ({
+      label: op,
+      value: op,
+    }));
+    const getPercentileDisplayValue = (): string => {
+      if (percentileValue === '') {
+        return '...';
+      }
+      if (acending === undefined || continuous === undefined) {
+        return `${Number(percentileValue)}`;
+      }
+      return `${Number(percentileValue)}, ${acending}, ${continuous}`;
+    };
+    const setPercentileArguments = (): void => {
+      setIsPercentileOpen(!isPercentileOpen);
+    };
+    const onPercentileValueChange: React.ChangeEventHandler<
+      HTMLInputElement
+    > = (event) => {
+      setPercentileValue(event.target.value);
+    };
 
     return (
       <PanelDnDEntry
@@ -817,12 +866,167 @@ const QueryBuilderProjectionColumnEditor = observer(
             <div className="query-builder__projection__column__aggregate">
               <div className="query-builder__projection__column__aggregate__operator">
                 {aggregateColumnState && (
-                  <div className="query-builder__projection__column__aggregate__operator__label">
-                    {aggregateColumnState.operator.getLabel(
-                      projectionColumnState,
-                    )}
+                  <div className="query-builder__projection__column__aggregate__operator">
+                    <div className="query-builder__projection__column__aggregate__operator__label">
+                      {aggregateColumnState.operator.getLabel(
+                        projectionColumnState,
+                      )}
+                      {aggregateColumnState.operator instanceof
+                        QueryBuilderAggregateOperator_Percentile && (
+                        <button
+                          className="query-builder__projection__column__aggregate__operator__percentile__badge"
+                          ref={percentileButtonRef}
+                          onClick={setPercentileArguments}
+                          title="Set Percentile Argument(s)..."
+                        >
+                          {getPercentileDisplayValue()}
+                        </button>
+                      )}
+                    </div>
                   </div>
                 )}
+                {aggregateColumnState && isPercentileOpen && (
+                  <BasePopover
+                    open={isPercentileOpen}
+                    PaperProps={{
+                      classes: {
+                        root: 'query-builder__projection__column__aggregate__operator__percentile__container__root',
+                      },
+                    }}
+                    className={clsx(
+                      'query-builder__projection__column__aggregate__operator__percentile__container',
+                    )}
+                    anchorEl={percentileButtonRef.current}
+                    onClose={() => {
+                      const percentileOperator =
+                        aggregateColumnState.operator as QueryBuilderAggregateOperator_Percentile;
+                      if (percentileValue === '') {
+                        percentileOperator.setPercentile(undefined);
+                      } else {
+                        percentileOperator.setPercentile(
+                          Number(percentileValue) / 100,
+                        );
+                      }
+                      if (acending !== undefined && continuous !== undefined) {
+                        percentileOperator.setAcending(acending);
+                        percentileOperator.setContinuous(continuous);
+                      }
+                      setIsPercentileOpen(false);
+                    }}
+                    anchorOrigin={{
+                      vertical: 'bottom',
+                      horizontal: 'left',
+                    }}
+                    transformOrigin={{
+                      vertical: 'top',
+                      horizontal: 'center',
+                    }}
+                  >
+                    <div
+                      data-testid={
+                        QUERY_BUILDER_TEST_ID.QUERY_BUILDER_PERCENTILE_PANEL
+                      }
+                      className=""
+                    >
+                      <div className="query-builder__projection__column__aggregate__operator__percentile__argument-combo">
+                        <div className="query-builder__projection__column__aggregate__operator__percentile__argument-combo__label">
+                          Percentile
+                          <br />
+                          (0-100)
+                        </div>
+                        <div
+                          className={clsx(
+                            'query-builder__projection__column__aggregate__operator__percentile__argument-combo__value',
+                          )}
+                        >
+                          <InputWithInlineValidation
+                            ref={percentileInputRef}
+                            className={clsx(
+                              'query-builder__projection__column__aggregate__operator__percentile__input input--dark',
+                            )}
+                            type="text"
+                            inputMode="numeric"
+                            onChange={onPercentileValueChange}
+                            value={percentileValue}
+                            error={
+                              percentileValue && Number(percentileValue) > 100
+                                ? `Invalid aggregation agruement for ${aggregateColumnState.columnName}`
+                                : undefined
+                            }
+                          />
+                        </div>
+                      </div>
+                      <div className="query-builder__projection__column__aggregate__operator__percentile__argument-combo">
+                        <div className="query-builder__projection__column__aggregate__operator__percentile__argument-combo__label">
+                          Acending
+                        </div>
+                        <CustomSelectorInput
+                          className="query-loader__results__sort-by__selector query-builder__projection__column__aggregate__operator__percentile__argument-combo__value"
+                          options={percentileOptions}
+                          onChange={(option: {
+                            label: string;
+                            value: string;
+                          }) => {
+                            setAcending(option.value === 'true' ? true : false);
+                          }}
+                          value={{
+                            label:
+                              acending === undefined
+                                ? ''
+                                : acending
+                                  ? 'true'
+                                  : 'false',
+                            value:
+                              acending === undefined
+                                ? ''
+                                : acending
+                                  ? 'true'
+                                  : 'false',
+                          }}
+                          darkMode={
+                            !applicationStore.layoutService
+                              .TEMPORARY__isLightColorThemeEnabled
+                          }
+                        />
+                      </div>
+                      <div className="query-builder__projection__column__aggregate__operator__percentile__argument-combo">
+                        <div className="query-builder__projection__column__aggregate__operator__percentile__argument-combo__label">
+                          Continous
+                        </div>
+                        <CustomSelectorInput
+                          className="query-loader__results__sort-by__selector query-builder__projection__column__aggregate__operator__percentile__argument-combo__value"
+                          options={percentileOptions}
+                          onChange={(option: {
+                            label: string;
+                            value: string;
+                          }) =>
+                            setContinuous(
+                              option.value === 'true' ? true : false,
+                            )
+                          }
+                          value={{
+                            label:
+                              continuous === undefined
+                                ? ''
+                                : continuous
+                                  ? 'true'
+                                  : 'false',
+                            value:
+                              continuous === undefined
+                                ? ''
+                                : continuous
+                                  ? 'true'
+                                  : 'false',
+                          }}
+                          darkMode={
+                            !applicationStore.layoutService
+                              .TEMPORARY__isLightColorThemeEnabled
+                          }
+                        />
+                      </div>
+                    </div>
+                  </BasePopover>
+                )}
                 {isCalendarEnabled &&
                   aggregateColumnState &&
                   aggregateCalendarFunctions.length > 0 && (

package/src/graph/QueryBuilderMetaModelConst.ts

@@ -163,6 +163,7 @@ export enum QUERY_BUILDER_SUPPORTED_FUNCTIONS {
   FROM = 'meta::pure::mapping::from',
   CHECKED = 'meta::pure::dataQuality::checked',
   MERGERUNTIMES = 'meta::pure::runtime::mergeRuntimes',
+  PERCENTILE = 'meta::pure::functions::math::percentile',
 
   // TOTDS
   TABLE_TO_TDS = 'meta::pure::tds::tableToTDS',

package/src/stores/QueryBuilderStateHashUtils.ts

@@ -32,6 +32,7 @@ export enum QUERY_BUILDER_STATE_HASH_STRUCTURE {
   AGGREGATE_OPERATOR_STD_DEV_SAMPLE = 'AGGREGATE_OPERATOR_STD_DEV_SAMPLE',
   AGGREGATE_OPERATOR_SUM = 'AGGREGATE_OPERATOR_SUM',
   AGGREGATE_COLUMN_STATE = 'AGGREGATE_COLUMN_STATE',
+  AGGREGATE_OPERATOR_PERCENTILE = 'AGGREGATE_OPERATOR_PERCENTILE',
   AGGREGATION_STATE = 'AGGREGATION_STATE',
   SIMPLE_PROJECTION_COLUMN_STATE = 'SIMPLE_PROJECTION_COLUMN_STATE',
   PROPERTY_EXPRESSION_STATE = 'PROPERTY_EXPRESSION_STATE',

package/src/stores/fetch-structure/tds/QueryBuilderTDSState.ts

@@ -139,6 +139,7 @@ export class QueryBuilderTDSState
     super(queryBuilderState, fetchStructureState);
 
     makeObservable(this, {
+      aggregationState: observable,
       projectionColumns: observable,
       isConvertDerivationProjectionObjects: observable,
       showPostFilterPanel: observable,
@@ -343,6 +344,10 @@ export class QueryBuilderTDSState
       }
     });
 
+    this.aggregationState.allValidationIssues.forEach((issue) =>
+      validationIssues.push(issue),
+    );
+
     return validationIssues;
   }
 

package/src/stores/fetch-structure/tds/aggregation/QueryBuilderAggregateOperator.ts

@@ -35,6 +35,8 @@ export abstract class QueryBuilderAggregateOperator implements Hashable {
 
   constructor() {
     makeObservable(this, {
+      getOperator: computed,
+      allValidationIssues: computed,
       hashCode: computed,
     });
   }
@@ -84,5 +86,13 @@ export abstract class QueryBuilderAggregateOperator implements Hashable {
     return aggregateColumnState.projectionColumnState.getColumnType();
   }
 
+  get getOperator(): QueryBuilderAggregateOperator {
+    return this;
+  }
+
+  get allValidationIssues(): string[] {
+    return [];
+  }
+
   abstract get hashCode(): string;
 }

package/src/stores/fetch-structure/tds/aggregation/QueryBuilderAggregateOperatorLoader.ts

@@ -25,6 +25,7 @@ import { QueryBuilderAggregateOperator_Min } from './operators/QueryBuilderAggre
 import { QueryBuilderAggregateOperator_Max } from './operators/QueryBuilderAggregateOperator_Max.js';
 import { QueryBuilderAggregateOperator_JoinString } from './operators/QueryBuilderAggregateOperator_JoinString.js';
 import type { QueryBuilderAggregateOperator } from './QueryBuilderAggregateOperator.js';
+import { QueryBuilderAggregateOperator_Percentile } from './operators/QueryBuilderAggregateOperator_Percentile.js';
 
 export const getQueryBuilderCoreAggregrationOperators =
   (): QueryBuilderAggregateOperator[] => [
@@ -35,6 +36,7 @@ export const getQueryBuilderCoreAggregrationOperators =
     new QueryBuilderAggregateOperator_Average(),
     new QueryBuilderAggregateOperator_Min(),
     new QueryBuilderAggregateOperator_Max(),
+    new QueryBuilderAggregateOperator_Percentile(),
     new QueryBuilderAggregateOperator_StdDev_Population(),
     new QueryBuilderAggregateOperator_StdDev_Sample(),
     new QueryBuilderAggregateOperator_JoinString(),

package/src/stores/fetch-structure/tds/aggregation/QueryBuilderAggregationState.ts

@@ -136,6 +136,8 @@ export class QueryBuilderAggregationState implements Hashable {
       addColumn: action,
       changeColumnAggregateOperator: action,
       disableCalendar: action,
+
+      allValidationIssues: computed,
       hashCode: computed,
     });
 
@@ -179,7 +181,7 @@ export class QueryBuilderAggregationState implements Hashable {
             `${colName} (${val.getLabel(projectionColumnState)})`,
           );
         }
-        aggregateColumnState.setOperator(val);
+        aggregateColumnState.setOperator(val.getOperator);
       } else {
         if (!hideOperatorInColumnName) {
           projectionColumnState.setColumnName(
@@ -189,9 +191,9 @@ export class QueryBuilderAggregationState implements Hashable {
         const newAggregateColumnState = new QueryBuilderAggregateColumnState(
           this,
           projectionColumnState,
-          val,
+          val.getOperator,
         );
-        newAggregateColumnState.setOperator(val);
+        newAggregateColumnState.setOperator(val.getOperator);
         this.addColumn(newAggregateColumnState);
 
         // automatically move the column to the end
@@ -233,6 +235,10 @@ export class QueryBuilderAggregationState implements Hashable {
     });
   }
 
+  get allValidationIssues(): string[] {
+    return this.columns.map((col) => col.operator.allValidationIssues).flat();
+  }
+
   get hashCode(): string {
     return hashArray([
       QUERY_BUILDER_STATE_HASH_STRUCTURE.AGGREGATION_STATE,

package/src/stores/fetch-structure/tds/aggregation/operators/QueryBuilderAggregateOperatorValueSpecificationBuilder.ts

@@ -97,7 +97,6 @@ export const buildAggregateColumnState = (
       )}() expression: property is not compatible with operator`,
     );
     aggregateColumnState.setOperator(operator);
-
     return aggregateColumnState;
   }