Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | 66x | import React, { ReactElement } from 'react';
import {
CellComponentDisplayPage,
RecordProps,
TableMetaProps,
TableMode
} from "@props/RecordProps";
import { FormInstance, Space } from "antd";
import { getDisplayRenderFunction } from "@kernel/DisplayComponentsMapping";
import { HolderOutlined } from '@ant-design/icons';
import { useTranslation } from 'react-i18next';
export interface GroupedGrandChildGroupTitleProps {
domainName: string;
zIndex: number;
page: CellComponentDisplayPage,
tableMode?: TableMode,
record: RecordProps;
columns: Array<TableMetaProps>;
displayColumns: Array<TableMetaProps>;
form: FormInstance,
switchTabCallback?: (key: string) => void,
isHighlightField?: boolean,
canDnd?: boolean,
}
const GroupedGrandChildGroupTitle = (props: GroupedGrandChildGroupTitleProps): ReactElement => {
const {
record, displayColumns, domainName, tableMode, zIndex, page,
form, switchTabCallback, isHighlightField, canDnd
} = props;
const { t } = useTranslation();
return (
<>
{canDnd && <HolderOutlined title={t('Click and drag to sort')}/>}
<Space style={{ zIndex }} direction={"horizontal"}>
{displayColumns.filter(c => c.key !== 'id').map((column: TableMetaProps) => {
const renderFunction = getDisplayRenderFunction({
column,
enumValues: {},
objectValues: {},
domainName,
page,
zIndex,
form,
switchTabCallback,
isHighlightField,
tableMode,
});
return renderFunction?.(record[column.key], record) ?? (<></>);
})}
</Space>
</>
);
};
export default GroupedGrandChildGroupTitle;
|