@finos/legend-query-builder 4.11.5 → 4.11.6

package/lib/components/result/tds/QueryBuilderTDSSimpleGridResult.js

@@ -14,10 +14,187 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { clsx } from '@finos/legend-art';
+import { ContextMenu, clsx } from '@finos/legend-art';
 import { observer } from 'mobx-react-lite';
+import { getTDSRowRankByColumnInAsc, TDSExecutionResult, } from '@finos/legend-graph';
 import { DataGrid, } from '@finos/legend-lego/data-grid';
-import { getRowDataFromExecutionResult, QueryResultCellRenderer, } from './QueryBuilderTDSResultShared.js';
+import { getRowDataFromExecutionResult, QueryBuilderGridResultContextMenu, } from './QueryBuilderTDSResultShared.js';
+import { QueryBuilderTDSState } from '../../../stores/fetch-structure/tds/QueryBuilderTDSState.js';
+import { DEFAULT_LOCALE } from '../../../graph-manager/QueryBuilderConst.js';
+import { isNumber, isString, isValidURL } from '@finos/legend-shared';
+const QueryResultCellRenderer = observer((params) => {
+    const resultState = params.resultState;
+    const tdsExecutionResult = params.tdsExecutionResult;
+    const fetchStructureImplementation = resultState.queryBuilderState.fetchStructureState.implementation;
+    const applicationStore = resultState.queryBuilderState.applicationStore;
+    const cellValue = params.value;
+    const formattedCellValue = () => {
+        if (isNumber(cellValue)) {
+            return Intl.NumberFormat(DEFAULT_LOCALE, {
+                maximumFractionDigits: 4,
+            }).format(Number(cellValue));
+        }
+        return cellValue;
+    };
+    const cellValueUrlLink = isString(cellValue) && isValidURL(cellValue) ? cellValue : undefined;
+    const columnName = params.column?.getColId() ?? '';
+    const findCoordinatesFromResultValue = (colId, rowNumber) => {
+        const colIndex = tdsExecutionResult.result.columns.findIndex((col) => col === colId);
+        return { rowIndex: rowNumber, colIndex: colIndex };
+    };
+    const currentCellCoordinates = findCoordinatesFromResultValue(columnName, params.rowIndex);
+    const cellInFilteredResults = resultState.selectedCells.some((result) => result.coordinates.colIndex === currentCellCoordinates.colIndex &&
+        result.coordinates.rowIndex === currentCellCoordinates.rowIndex);
+    const findColumnFromCoordinates = (colIndex) => {
+        if (!resultState.executionResult ||
+            !(resultState.executionResult instanceof TDSExecutionResult)) {
+            return undefined;
+        }
+        return resultState.executionResult.result.columns[colIndex];
+    };
+    const findResultValueFromCoordinates = (resultCoordinate) => {
+        const rowIndex = resultCoordinate[0];
+        const colIndex = resultCoordinate[1];
+        if (!resultState.executionResult ||
+            !(resultState.executionResult instanceof TDSExecutionResult)) {
+            return undefined;
+        }
+        if (params.columnApi.getColumnState()[colIndex]?.sort === 'asc') {
+            resultState.executionResult.result.rows.sort((a, b) => getTDSRowRankByColumnInAsc(a, b, colIndex));
+        }
+        else if (params.columnApi.getColumnState()[colIndex]?.sort === 'desc') {
+            resultState.executionResult.result.rows.sort((a, b) => getTDSRowRankByColumnInAsc(b, a, colIndex));
+        }
+        return resultState.executionResult.result.rows[rowIndex]?.values[colIndex];
+    };
+    const isCoordinatesSelected = (resultCoordinate) => resultState.selectedCells.some((cell) => cell.coordinates.rowIndex === resultCoordinate.rowIndex &&
+        cell.coordinates.colIndex === resultCoordinate.colIndex);
+    const mouseDown = (event) => {
+        event.preventDefault();
+        if (event.shiftKey) {
+            const coordinates = findCoordinatesFromResultValue(columnName, params.rowIndex);
+            const actualValue = findResultValueFromCoordinates([
+                coordinates.rowIndex,
+                coordinates.colIndex,
+            ]);
+            resultState.addSelectedCell({
+                value: actualValue,
+                columnName: columnName,
+                coordinates: coordinates,
+            });
+            return;
+        }
+        if (event.button === 0) {
+            resultState.setIsSelectingCells(true);
+            resultState.setSelectedCells([]);
+            const coordinates = findCoordinatesFromResultValue(columnName, params.rowIndex);
+            const actualValue = findResultValueFromCoordinates([
+                coordinates.rowIndex,
+                coordinates.colIndex,
+            ]);
+            resultState.setSelectedCells([
+                {
+                    value: actualValue,
+                    columnName: columnName,
+                    coordinates: coordinates,
+                },
+            ]);
+            resultState.setMouseOverCell(resultState.selectedCells[0] ?? null);
+        }
+        if (event.button === 2) {
+            const coordinates = findCoordinatesFromResultValue(columnName, params.rowIndex);
+            const isInSelected = isCoordinatesSelected(coordinates);
+            if (!isInSelected) {
+                const actualValue = findResultValueFromCoordinates([
+                    coordinates.rowIndex,
+                    coordinates.colIndex,
+                ]);
+                resultState.setSelectedCells([
+                    {
+                        value: actualValue,
+                        columnName: columnName,
+                        coordinates: coordinates,
+                    },
+                ]);
+                resultState.setMouseOverCell(resultState.selectedCells[0] ?? null);
+            }
+        }
+    };
+    const mouseUp = (event) => {
+        resultState.setIsSelectingCells(false);
+    };
+    const mouseOver = (event) => {
+        if (resultState.isSelectingCells) {
+            if (resultState.selectedCells.length < 1) {
+                return;
+            }
+            const results = resultState.selectedCells[0];
+            if (!results) {
+                return;
+            }
+            const firstCorner = results.coordinates;
+            const secondCorner = findCoordinatesFromResultValue(columnName, params.rowIndex);
+            resultState.setSelectedCells([results]);
+            const minRow = Math.min(firstCorner.rowIndex, secondCorner.rowIndex);
+            const minCol = Math.min(firstCorner.colIndex, secondCorner.colIndex);
+            const maxRow = Math.max(firstCorner.rowIndex, secondCorner.rowIndex);
+            const maxCol = Math.max(firstCorner.colIndex, secondCorner.colIndex);
+            for (let x = minRow; x <= maxRow; x++) {
+                for (let y = minCol; y <= maxCol; y++) {
+                    const actualValue = findResultValueFromCoordinates([x, y]);
+                    const valueAndColumnId = {
+                        value: actualValue,
+                        columnName: findColumnFromCoordinates(y),
+                        coordinates: {
+                            rowIndex: x,
+                            colIndex: y,
+                        },
+                    };
+                    if (!resultState.selectedCells.find((result) => result.coordinates.colIndex === y &&
+                        result.coordinates.rowIndex === x)) {
+                        resultState.addSelectedCell(valueAndColumnId);
+                    }
+                }
+            }
+        }
+        resultState.setMouseOverCell(resultState.selectedCells[0] ?? null);
+    };
+    const getContextMenuRenderer = () => {
+        if (fetchStructureImplementation instanceof QueryBuilderTDSState) {
+            const copyCellValue = applicationStore.guardUnhandledError(() => applicationStore.clipboardService.copyTextToClipboard(fetchStructureImplementation.queryBuilderState.resultState.selectedCells
+                .map((cellData) => cellData.value)
+                .join(',')));
+            const findRowFromRowIndex = (rowIndex) => {
+                if (!fetchStructureImplementation.queryBuilderState.resultState
+                    .executionResult ||
+                    !(fetchStructureImplementation.queryBuilderState.resultState
+                        .executionResult instanceof TDSExecutionResult)) {
+                    return '';
+                }
+                // try to get the entire row value separated by comma
+                // rowData is in format of {columnName: value, columnName1: value, ...., rowNumber:value}
+                const valueArr = [];
+                Object.entries(params.api.getRenderedNodes().find((n) => n.rowIndex === rowIndex)
+                    ?.data).forEach((entry) => {
+                    if (entry[0] !== 'rowNumber') {
+                        valueArr.push(entry[1]);
+                    }
+                });
+                return valueArr.join(',');
+            };
+            const copyRowValue = applicationStore.guardUnhandledError(() => applicationStore.clipboardService.copyTextToClipboard(findRowFromRowIndex(fetchStructureImplementation.queryBuilderState.resultState
+                .selectedCells[0]?.coordinates.rowIndex ?? 0)));
+            return (_jsx(QueryBuilderGridResultContextMenu, { data: resultState.mousedOverCell, tdsState: fetchStructureImplementation, copyCellValueFunc: copyCellValue, copyCellRowValueFunc: copyRowValue }));
+        }
+        return null;
+    };
+    return (_jsx(ContextMenu, { content: getContextMenuRenderer(), disabled: !(resultState.queryBuilderState.fetchStructureState
+            .implementation instanceof QueryBuilderTDSState) ||
+            !resultState.queryBuilderState.isQuerySupported ||
+            !resultState.mousedOverCell, menuProps: { elevation: 7 }, className: clsx('ag-theme-balham-dark query-builder__result__tds-grid'), children: _jsx("div", { className: clsx('query-builder__result__values__table__cell', {
+                'query-builder__result__values__table__cell--active': cellInFilteredResults,
+            }), onMouseDown: (event) => mouseDown(event), onMouseUp: (event) => mouseUp(event), onMouseOver: (event) => mouseOver(event), children: cellValueUrlLink ? (_jsx("a", { href: cellValueUrlLink, target: "_blank", rel: "noreferrer", children: cellValueUrlLink })) : (_jsx("span", { children: formattedCellValue() })) }) }));
+});
 export const QueryBuilderTDSSimpleGridResult = observer((props) => {
     const { executionResult, queryBuilderState } = props;
     const resultState = queryBuilderState.resultState;

package/lib/components/result/tds/QueryBuilderTDSSimpleGridResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderTDSSimpleGridResult.js","sourceRoot":"","sources":["../../../../src/components/result/tds/QueryBuilderTDSSimpleGridResult.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EACL,QAAQ,GAET,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,6BAA6B,EAC7B,uBAAuB,GACxB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,CAAC,MAAM,+BAA+B,GAAG,QAAQ,CACrD,CAAC,KAGA,EAAE,EAAE;IACH,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,WAAW,GAAG,iBAAiB,CAAC,WAAW,CAAC;IAClD,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAChD,CAAC,OAAO,EAAE,EAAE,CACV,CAAC;QACC,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,IAAI;QACd,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,CAAC;QACP,YAAY,EAAE,uBAAuB;QACrC,kBAAkB,EAAE;YAClB,WAAW,EAAE,WAAW;YACxB,kBAAkB,EAAE,eAAe;SACpC;KACF,CAA6B,CACjC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sCAAsC,YACnD,cACE,SAAS,EAAE,IAAI,CACb,sDAAsD,CACvD,YAED,KAAC,QAAQ,IACP,OAAO,EAAE,6BAA6B,CAAC,eAAe,CAAC,EACvD,WAAW,EAAE;oBACX,uBAAuB,EAAE,IAAI;oBAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS;oBACvC,YAAY,EAAE,UAAU;iBACzB;gBACD,oHAAoH;gBACpH,oIAAoI;gBACpI,gBAAgB,EAAE,CAAC,MAAM,EAAE,EAAE;oBAC3B,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC3C,CAAC,EACD,wBAAwB,EAAE,IAAI,EAC9B,mBAAmB,EAAE,KAAK,EAC1B,UAAU,EAAE,OAAO,GACnB,GACE,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"QueryBuilderTDSSimpleGridResult.js","sourceRoot":"","sources":["../../../../src/components/result/tds/QueryBuilderTDSSimpleGridResult.tsx"],"names":[],"mappings":"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"}

package/lib/index.css

@@ -1,4 +1,4 @@
-/** @license @finos/legend-query-builder v4.11.5
+/** @license @finos/legend-query-builder v4.11.6
  * Copyright (c) 2020-present, Goldman Sachs
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

package/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@finos/legend-query-builder",
-    "version": "4.11.5",
+    "version": "4.11.6",
     "description": "Legend query builder core",
     "keywords": [
         "legend",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-query-builder",
-  "version": "4.11.5",
+  "version": "4.11.6",
   "description": "Legend query builder core",
   "keywords": [
     "legend",
@@ -44,8 +44,8 @@
   "dependencies": {
     "@finos/legend-application": "15.0.51",
     "@finos/legend-art": "7.1.5",
-    "@finos/legend-graph": "31.3.10",
-    "@finos/legend-lego": "1.1.47",
+    "@finos/legend-graph": "31.3.11",
+    "@finos/legend-lego": "1.1.48",
     "@finos/legend-server-depot": "6.0.32",
     "@finos/legend-shared": "10.0.28",
     "@finos/legend-storage": "3.0.78",

package/src/components/result/QueryBuilderResultPanel.tsx

@@ -57,7 +57,6 @@ import { prettyDuration } from '@finos/legend-shared';
 import { useRef, useState } from 'react';
 import { QueryBuilderTDSState } from '../../stores/fetch-structure/tds/QueryBuilderTDSState.js';
 import { PARAMETER_SUBMIT_ACTION } from '../../stores/shared/LambdaParameterState.js';
-
 import { QUERY_BUILDER_TEST_ID } from '../../__lib__/QueryBuilderTesting.js';
 import {
   CODE_EDITOR_LANGUAGE,

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

@@ -18,19 +18,22 @@ import { clsx } from '@finos/legend-art';
 import { observer } from 'mobx-react-lite';
 import type { QueryBuilderState } from '../../../stores/QueryBuilderState.js';
 import type { TDSExecutionResult } from '@finos/legend-graph';
-import { useState } from 'react';
+import { useState, useCallback } from 'react';
 import {
   DataGrid,
   type DataGridApi,
   type DataGridCellRange,
   type DataGridColumnApi,
   type DataGridColumnDefinition,
+  type DataGridGetContextMenuItemsParams,
   type DataGridIRowNode,
+  type DataGridMenuItemDef,
 } from '@finos/legend-lego/data-grid';
 import {
   getAggregationTDSColumnCustomizations,
   getRowDataFromExecutionResult,
-  QueryResultEnterpriseCellRenderer,
+  type IQueryRendererParamsWithGridType,
+  filterByOrOutValues,
 } from './QueryBuilderTDSResultShared.js';
 import type {
   QueryBuilderResultState,
@@ -38,13 +41,18 @@ import type {
   QueryBuilderTDSResultCellDataType,
   QueryBuilderTDSRowDataType,
 } from '../../../stores/QueryBuilderResultState.js';
+import { QueryBuilderTDSState } from '../../../stores/fetch-structure/tds/QueryBuilderTDSState.js';
+import { DEFAULT_LOCALE } from '../../../graph-manager/QueryBuilderConst.js';
+import { isNumber, isString, isValidURL } from '@finos/legend-shared';
+import { useApplicationStore } from '@finos/legend-application';
 
 const getAdvancedColDefs = (
   executionResult: TDSExecutionResult,
   resultState: QueryBuilderResultState,
-  // TODO: fix col return type
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-): DataGridColumnDefinition<any, any>[] =>
+): DataGridColumnDefinition<
+  QueryBuilderTDSRowDataType,
+  QueryBuilderTDSResultCellDataType
+>[] =>
   executionResult.result.columns.map((colName) => {
     const col = {
       minWidth: 50,
@@ -74,7 +82,53 @@ const getAdvancedColDefs = (
     return col;
   });
 
-const getEnterpriseModeColDefs = (
+const QueryResultCellRenderer = observer(
+  (params: IQueryRendererParamsWithGridType) => {
+    const resultState = params.resultState;
+    const cellValue = params.value as QueryBuilderTDSResultCellDataType;
+    const formattedCellValue = (): QueryBuilderTDSResultCellDataType => {
+      if (isNumber(cellValue)) {
+        return Intl.NumberFormat(DEFAULT_LOCALE, {
+          maximumFractionDigits: 4,
+        }).format(Number(cellValue));
+      }
+      return cellValue;
+    };
+    const cellValueUrlLink =
+      isString(cellValue) && isValidURL(cellValue) ? cellValue : undefined;
+
+    const mouseDown: React.MouseEventHandler = (event) => {
+      event.preventDefault();
+      if (event.button === 0 || event.button === 2) {
+        resultState.setMouseOverCell(resultState.selectedCells[0] ?? null);
+      }
+    };
+    const mouseUp: React.MouseEventHandler = (event) => {
+      resultState.setIsSelectingCells(false);
+    };
+    const mouseOver: React.MouseEventHandler = (event) => {
+      resultState.setMouseOverCell(resultState.selectedCells[0] ?? null);
+    };
+    return (
+      <div
+        className={clsx('query-builder__result__values__table__cell')}
+        onMouseDown={(event) => mouseDown(event)}
+        onMouseUp={(event) => mouseUp(event)}
+        onMouseOver={(event) => mouseOver(event)}
+      >
+        {cellValueUrlLink ? (
+          <a href={cellValueUrlLink} target="_blank" rel="noreferrer">
+            {cellValueUrlLink}
+          </a>
+        ) : (
+          <span>{formattedCellValue()}</span>
+        )}
+      </div>
+    );
+  },
+);
+
+const getColDefs = (
   executionResult: TDSExecutionResult,
   resultState: QueryBuilderResultState,
 ): DataGridColumnDefinition<
@@ -89,7 +143,7 @@ const getEnterpriseModeColDefs = (
         resizable: true,
         field: colName,
         flex: 1,
-        cellRenderer: QueryResultEnterpriseCellRenderer,
+        cellRenderer: QueryResultCellRenderer,
         cellRendererParams: {
           resultState: resultState,
           tdsExecutionResult: executionResult,
@@ -103,7 +157,7 @@ export const QueryBuilderTDSGridResult = observer(
     queryBuilderState: QueryBuilderState;
   }) => {
     const { executionResult, queryBuilderState } = props;
-
+    const applicationStore = useApplicationStore();
     const [columnAPi, setColumnApi] = useState<DataGridColumnApi | undefined>(
       undefined,
     );
@@ -111,7 +165,7 @@ export const QueryBuilderTDSGridResult = observer(
     const isAdvancedModeEnabled = queryBuilderState.isAdvancedModeEnabled;
     const colDefs = isAdvancedModeEnabled
       ? getAdvancedColDefs(executionResult, resultState)
-      : getEnterpriseModeColDefs(executionResult, resultState);
+      : getColDefs(executionResult, resultState);
 
     const onSaveGridColumnState = (): void => {
       if (!columnAPi) {
@@ -126,15 +180,15 @@ export const QueryBuilderTDSGridResult = observer(
     const getSelectedCells = (
       api: DataGridApi<QueryBuilderTDSRowDataType>,
     ): QueryBuilderTDSResultCellData[] => {
-      const seletcedRanges: DataGridCellRange[] | null = api.getCellRanges();
+      const selectedRanges: DataGridCellRange[] | null = api.getCellRanges();
       const nodes = api.getRenderedNodes();
       const columns = api.getColumnDefs() as DataGridColumnDefinition[];
       const selectedCells = [];
-      if (seletcedRanges) {
-        for (const seletcedRange of seletcedRanges) {
-          const startRow: number = seletcedRange.startRow?.rowIndex ?? 0;
-          const endRow: number = seletcedRange.endRow?.rowIndex ?? 0;
-          const selectedColumns: string[] = seletcedRange.columns.map((col) =>
+      if (selectedRanges) {
+        for (const selectedRange of selectedRanges) {
+          const startRow: number = selectedRange.startRow?.rowIndex ?? 0;
+          const endRow: number = selectedRange.endRow?.rowIndex ?? 0;
+          const selectedColumns: string[] = selectedRange.columns.map((col) =>
             col.getColId(),
           );
           for (let x: number = startRow; x <= endRow; x++) {
@@ -164,6 +218,56 @@ export const QueryBuilderTDSGridResult = observer(
       return selectedCells;
     };
 
+    const getContextMenuItems = useCallback(
+      (
+        params: DataGridGetContextMenuItemsParams<QueryBuilderTDSRowDataType>,
+      ): (string | DataGridMenuItemDef)[] => {
+        let result: (string | DataGridMenuItemDef)[] = [];
+        const fetchStructureImplementation =
+          resultState.queryBuilderState.fetchStructureState.implementation;
+        if (fetchStructureImplementation instanceof QueryBuilderTDSState) {
+          result = [
+            {
+              name: 'Filter by',
+              action: () => {
+                filterByOrOutValues(
+                  applicationStore,
+                  resultState.mousedOverCell,
+                  true,
+                  fetchStructureImplementation,
+                );
+              },
+            },
+            {
+              name: 'Filter out',
+              action: () => {
+                filterByOrOutValues(
+                  applicationStore,
+                  resultState.mousedOverCell,
+                  false,
+                  fetchStructureImplementation,
+                );
+              },
+            },
+            'copy',
+            'copyWithHeaders',
+            {
+              name: 'Copy row value',
+              action: () => {
+                params.api.copySelectedRowsToClipboard();
+              },
+            },
+          ];
+        }
+        return result;
+      },
+      [
+        applicationStore,
+        resultState.mousedOverCell,
+        resultState.queryBuilderState.fetchStructureState.implementation,
+      ],
+    );
+
     return (
       <div className="query-builder__result__values__table">
         <div
@@ -182,7 +286,7 @@ export const QueryBuilderTDSGridResult = observer(
               }}
               gridOptions={{
                 suppressScrollOnNewData: true,
-                getRowId: (data) => data.data.rowNumber,
+                getRowId: (data) => data.data.rowNumber as string,
                 rowSelection: 'multiple',
                 pivotPanelShow: 'always',
                 rowGroupPanelShow: 'always',
@@ -210,7 +314,7 @@ export const QueryBuilderTDSGridResult = observer(
               rowData={getRowDataFromExecutionResult(executionResult)}
               gridOptions={{
                 suppressScrollOnNewData: true,
-                getRowId: (data) => data.data.rowNumber,
+                getRowId: (data) => data.data.rowNumber as string,
                 rowSelection: 'multiple',
                 enableRangeSelection: true,
               }}
@@ -228,8 +332,11 @@ export const QueryBuilderTDSGridResult = observer(
               }}
               suppressFieldDotNotation={true}
               suppressClipboardPaste={false}
-              suppressContextMenu={!isAdvancedModeEnabled}
+              suppressContextMenu={false}
               columnDefs={colDefs}
+              getContextMenuItems={(params): (string | DataGridMenuItemDef)[] =>
+                getContextMenuItems(params)
+              }
             />
           )}
         </div>