/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you 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 { Popover } from "@patternfly/react-core/dist/js/components/Popover/Popover"; import HelpIcon from "@patternfly/react-icons/dist/js/icons/help-icon"; import * as React from "react"; import { useCallback, useEffect, useMemo } from "react"; import * as ReactTable from "react-table"; import { Action, BeeTableCellProps, BeeTableContextMenuAllowedOperationsConditions, BeeTableHeaderVisibility, BeeTableOperation, BeeTableOperationConfig, BeeTableProps, BoxedFunction, BoxedFunctionKind, DmnBuiltInDataType, ExpressionChangedArgs, generateUuid, Normalized, } from "../../api"; import { useBoxedExpressionEditorI18n } from "../../i18n"; import { usePublishedBeeTableResizableColumns } from "../../resizing/BeeTableResizableColumnsContext"; import { useApportionedColumnWidthsIfNestedTable } from "../../resizing/Hooks"; import { ResizerStopBehavior } from "../../resizing/ResizingWidthsContext"; import { JAVA_FUNCTION_EXPRESSION_EXTRA_WIDTH, JAVA_FUNCTION_EXPRESSION_LABEL_MIN_WIDTH, JAVA_FUNCTION_EXPRESSION_VALUES_COLUMN_WIDTH_INDEX, JAVA_FUNCTION_EXPRESSION_VALUES_MIN_WIDTH, } from "../../resizing/WidthConstants"; import { BeeTable, BeeTableCellUpdate, BeeTableColumnUpdate, BeeTableRef } from "../../table/BeeTable"; import { useBoxedExpressionEditor, useBoxedExpressionEditorDispatch } from "../../BoxedExpressionEditorContext"; import { DEFAULT_EXPRESSION_VARIABLE_NAME } from "../../expressionVariable/ExpressionVariableMenu"; import { useFunctionExpressionControllerCell, useFunctionExpressionParametersColumnHeader } from "./FunctionExpression"; import { DMN_LATEST__tContext, DMN_LATEST__tFunctionDefinition, DMN_LATEST__tLiteralExpression, } from "@kie-tools/dmn-marshaller"; import "./JavaFunctionExpression.css"; import { useBeeTableSelectableCellRef } from "../../selection/BeeTableSelectionContext"; import { Icon } from "@patternfly/react-core/dist/js/components/Icon"; export type JAVA_ROWTYPE = { value: string; label: string; }; export type BoxedFunctionJava = DMN_LATEST__tFunctionDefinition & { "@_kind"?: "Java"; __$$element: "functionDefinition"; }; export function JavaFunctionExpression({ functionExpression, isNested, }: { functionExpression: Normalized; isNested: boolean; }) { const { i18n } = useBoxedExpressionEditorI18n(); const { expressionHolderId, widthsById, isReadOnly } = useBoxedExpressionEditor(); const { setExpression, setWidthsById } = useBoxedExpressionEditorDispatch(); const getClassContextEntry = useCallback((c: Normalized) => { return c.contextEntry?.find(({ variable }) => variable?.["@_name"] === "class"); }, []); const getVariableContextEntry = useCallback((c: Normalized) => { return c.contextEntry?.find(({ variable }) => variable?.["@_name"] === "method signature"); }, []); const id = functionExpression["@_id"]!; const widths = useMemo(() => widthsById.get(id) ?? [], [id, widthsById]); const getClassAndMethodNamesWidth = useCallback((widths: number[]) => { return widths[JAVA_FUNCTION_EXPRESSION_VALUES_COLUMN_WIDTH_INDEX] ?? JAVA_FUNCTION_EXPRESSION_VALUES_MIN_WIDTH; }, []); const classAndMethodNamesWidth = useMemo( () => getClassAndMethodNamesWidth(widths), [getClassAndMethodNamesWidth, widths] ); const setClassAndMethodNamesWidth = useCallback( (newWidthAction: React.SetStateAction) => { setWidthsById(({ newMap }) => { const prev = newMap.get(id) ?? []; const newWidth = typeof newWidthAction === "function" ? newWidthAction(getClassAndMethodNamesWidth(prev)) : newWidthAction; if (newWidth) { const minSize = JAVA_FUNCTION_EXPRESSION_VALUES_COLUMN_WIDTH_INDEX + 1; const newValues = [...prev]; newValues.push( ...Array(Math.max(0, minSize - newValues.length)).fill(JAVA_FUNCTION_EXPRESSION_VALUES_MIN_WIDTH) ); newValues.splice(JAVA_FUNCTION_EXPRESSION_VALUES_COLUMN_WIDTH_INDEX, 1, newWidth); newMap.set(id, newValues); } }); }, [getClassAndMethodNamesWidth, id, setWidthsById] ); const parametersColumnHeader = useFunctionExpressionParametersColumnHeader( functionExpression.formalParameter, isReadOnly ?? false ); const parametersId = useMemo( () => (functionExpression["@_id"] ? `${functionExpression["@_id"]}-parameters` : "parameters"), [functionExpression] ); const beeTableColumns = useMemo[]>(() => { return [ { accessor: expressionHolderId as any, // FIXME: https://github.com/apache/incubator-kie-issues/issues/169 label: functionExpression["@_label"] ?? DEFAULT_EXPRESSION_VARIABLE_NAME, dataType: functionExpression["@_typeRef"] ?? DmnBuiltInDataType.Undefined, isRowIndexColumn: false, width: undefined, columns: [ { headerCellElement: parametersColumnHeader, accessor: parametersId as any, label: i18n.parameters, isRowIndexColumn: false, dataType: undefined as any, width: undefined, columns: [ { label: i18n.label, accessor: "label" as any, dataType: undefined as any, isRowIndexColumn: false, isWidthPinned: true, isWidthConstant: true, width: JAVA_FUNCTION_EXPRESSION_LABEL_MIN_WIDTH, minWidth: JAVA_FUNCTION_EXPRESSION_LABEL_MIN_WIDTH, }, { label: i18n.value, accessor: "value" as any, dataType: undefined as any, isRowIndexColumn: false, width: classAndMethodNamesWidth, setWidth: setClassAndMethodNamesWidth, minWidth: JAVA_FUNCTION_EXPRESSION_VALUES_MIN_WIDTH, }, ], }, ], }, ]; }, [ expressionHolderId, functionExpression, classAndMethodNamesWidth, parametersColumnHeader, setClassAndMethodNamesWidth, parametersId, i18n.label, i18n.value, i18n.parameters, ]); const headerVisibility = useMemo(() => { return isNested ? BeeTableHeaderVisibility.SecondToLastLevel : BeeTableHeaderVisibility.AllLevels; }, [isNested]); const onColumnUpdates = useCallback( ([{ name, typeRef }]: BeeTableColumnUpdate[]) => { const expressionChangedArgs: ExpressionChangedArgs = { action: Action.VariableChanged, variableUuid: expressionHolderId, typeChange: typeRef !== functionExpression["@_typeRef"] ? { from: functionExpression["@_typeRef"] ?? "", to: typeRef, } : undefined, nameChange: name !== functionExpression["@_label"] ? { from: functionExpression["@_label"] ?? "", to: name, } : undefined, }; setExpression({ setExpressionAction: (prev: Normalized) => { // Do not inline this variable for type safety. See https://github.com/microsoft/TypeScript/issues/241 const ret: Normalized = { ...prev, "@_label": name, "@_typeRef": typeRef, }; return ret; }, expressionChangedArgs, }); }, [expressionHolderId, functionExpression, setExpression] ); // It is always a Context const context = functionExpression.expression! as Normalized; const clazz = getClassContextEntry(context); const method = getVariableContextEntry(context); const beeTableOperationConfig = useMemo(() => { return [ { group: i18n.terms.selection.toUpperCase(), items: [{ name: i18n.terms.copy, type: BeeTableOperation.SelectionCopy }], }, { group: i18n.function.toUpperCase(), items: [{ name: i18n.rowOperations.reset, type: BeeTableOperation.RowReset }], }, ]; }, [i18n]); const beeTableRows = useMemo(() => { return [ { label: i18n.classNameLabel, value: (clazz?.expression as DMN_LATEST__tLiteralExpression | undefined)?.text?.__$$text ?? "", }, { label: i18n.methodSignatureLabel, value: (method?.expression as DMN_LATEST__tLiteralExpression | undefined)?.text?.__$$text ?? "", }, ]; }, [clazz?.expression, method?.expression, i18n.classNameLabel, i18n.methodSignatureLabel]); const controllerCell = useFunctionExpressionControllerCell(BoxedFunctionKind.Java); const getRowKey = useCallback((r: ReactTable.Row) => { return r.id; }, []); const onRowReset = useCallback(() => { setExpression({ setExpressionAction: (prev: Normalized) => { // Do not inline this variable for type safety. See https://github.com/microsoft/TypeScript/issues/241 const ret: Normalized = { ...prev, expression: undefined!, }; return ret; }, expressionChangedArgs: { action: Action.RowReset, rowIndex: 0 }, }); }, [setExpression]); /// ////////////////////////////////////////////////////// /// ///////////// RESIZING WIDTHS //////////////////////// /// ////////////////////////////////////////////////////// const columns = useMemo( () => [ { minWidth: JAVA_FUNCTION_EXPRESSION_LABEL_MIN_WIDTH, width: JAVA_FUNCTION_EXPRESSION_LABEL_MIN_WIDTH, isFrozen: true, }, { minWidth: JAVA_FUNCTION_EXPRESSION_VALUES_MIN_WIDTH, width: classAndMethodNamesWidth, }, ], [classAndMethodNamesWidth] ); const { onColumnResizingWidthChange, isPivoting, columnResizingWidths } = usePublishedBeeTableResizableColumns( functionExpression["@_id"]!, columns.length, true ); const beeTableRef = React.useRef(null); useApportionedColumnWidthsIfNestedTable( beeTableRef, isPivoting, isNested, JAVA_FUNCTION_EXPRESSION_EXTRA_WIDTH, columns, columnResizingWidths, useMemo(() => [], []) // rows ); useEffect(() => { beeTableRef.current?.updateColumnResizingWidths( new Map([[1, { isPivoting: false, value: JAVA_FUNCTION_EXPRESSION_LABEL_MIN_WIDTH }]]) ); }, []); /// ////////////////////////////////////////////////////// const cellComponentByColumnAccessor: BeeTableProps["cellComponentByColumnAccessor"] = useMemo( () => ({ label: (props) => , }), [] ); const onCellUpdates = useCallback( (cellUpdates: BeeTableCellUpdate[]) => { for (const u of cellUpdates) { const context: Normalized = functionExpression.expression!; const clazz = getClassContextEntry(context) ?? { "@_id": generateUuid(), expression: { __$$element: "literalExpression", "@_id": generateUuid(), text: { __$$text: "" }, }, variable: { "@_id": generateUuid(), "@_name": "class", }, }; const method = getVariableContextEntry(context) ?? { "@_id": generateUuid(), expression: { __$$element: "literalExpression", "@_id": generateUuid(), text: { __$$text: "" }, }, variable: { "@_id": generateUuid(), "@_name": "method signature", }, }; // Class if (u.rowIndex === 0) { setExpression({ setExpressionAction: (prev: Normalized) => { // Do not inline this variable for type safety. See https://github.com/microsoft/TypeScript/issues/241 const ret: Normalized = { ...prev, expression: { __$$element: "context", ...context, contextEntry: [ { ...clazz, expression: { ...clazz.expression, __$$element: "literalExpression", text: { __$$text: u.value, }, }, }, method, ], }, }; return ret; }, expressionChangedArgs: { action: Action.LiteralTextExpressionChanged, from: clazz.expression.__$$element === "literalExpression" ? clazz.expression.text?.__$$text ?? "" : "", to: u.value, }, }); } // Method else if (u.rowIndex === 1) { setExpression({ setExpressionAction: (prev: Normalized) => { // Do not inline this variable for type safety. See https://github.com/microsoft/TypeScript/issues/241 const ret: Normalized = { ...prev, expression: { __$$element: "context", ...context, contextEntry: [ clazz, { ...method, expression: { ...method.expression, __$$element: "literalExpression", "@_id": method.expression["@_id"] ?? generateUuid(), text: { __$$text: u.value, }, }, }, ], }, }; return ret; }, expressionChangedArgs: { action: Action.LiteralTextExpressionChanged, from: method.expression.__$$element === "literalExpression" ? method.expression.text?.__$$text ?? "" : "", to: u.value, }, }); } } }, [functionExpression.expression, getClassContextEntry, getVariableContextEntry, setExpression] ); const allowedOperations = useCallback((conditions: BeeTableContextMenuAllowedOperationsConditions) => { return [BeeTableOperation.SelectionCopy]; }, []); return (
forwardRef={beeTableRef} isReadOnly={isReadOnly} onColumnResizingWidthChange={onColumnResizingWidthChange} resizerStopBehavior={ResizerStopBehavior.SET_WIDTH_WHEN_SMALLER} operationConfig={beeTableOperationConfig} allowedOperations={allowedOperations} onColumnUpdates={onColumnUpdates} getRowKey={getRowKey} onRowReset={onRowReset} onCellUpdates={onCellUpdates} columns={beeTableColumns} rows={beeTableRows} headerLevelCountForAppendingRowIndexColumn={2} skipLastHeaderGroup={true} cellComponentByColumnAccessor={cellComponentByColumnAccessor} headerVisibility={headerVisibility} controllerCell={controllerCell} shouldRenderRowIndexColumn={true} shouldShowRowsInlineControls={false} shouldShowColumnsInlineControls={false} />
); } function JavaFunctionExpressionLabelCell(props: React.PropsWithChildren>) { const { i18n } = useBoxedExpressionEditorI18n(); const label = useMemo(() => { return props.data[props.rowIndex].label; }, [props.data, props.rowIndex]); const { isActive } = useBeeTableSelectableCellRef( props.rowIndex, props.columnIndex, undefined, useCallback(() => label, [label]) ); const { beeGwtService } = useBoxedExpressionEditor(); useEffect(() => { if (isActive) { beeGwtService?.selectObject(""); } }, [beeGwtService, isActive]); const getParameterLabelHelp = useCallback((): React.ReactNode => { if (props.rowIndex === 0) { return org.kie.kogito.MyClass; } else { return doSomething(java.lang.Integer, double); } }, [props.rowIndex]); const [isCellHovered, setIsCellHovered] = React.useState(); return (
setIsCellHovered(true)} onMouseLeave={() => setIsCellHovered(false)} >
{label}
{`(string)`} {isCellHovered && ( )}
); }