fixed-react-data-grid-custom/lib/RowGroup.js

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like

import { __assign } from "tslib";
/* eslint-disable @typescript-eslint/no-explicit-any */
import React, { forwardRef } from 'react';
import { EventTypes } from './common/enums';
var RowGroup = forwardRef(function RowGroup(props, ref) {
    function onRowExpandToggle(expand) {
        var onRowExpandToggle = props.cellMetaData.onRowExpandToggle;
        if (onRowExpandToggle) {
            var shouldExpand = expand == null ? !props.isExpanded : expand;
            onRowExpandToggle({ rowIdx: props.idx, shouldExpand: shouldExpand, columnGroupName: props.columnGroupName, name: props.name });
        }
    }
    function onRowExpandClick() {
        onRowExpandToggle(!props.isExpanded);
    }
    function onClick() {
        props.eventBus.dispatch(EventTypes.SELECT_CELL, { rowIdx: props.idx, idx: 0 });
    }
    var lastColumn = props.columns[props.columns.length - 1];
    var style = { width: lastColumn.left + lastColumn.width };
    var Renderer = props.renderer || DefaultBase;
    return (React.createElement("div", { className: "react-grid-row-group", style: style, onClick: onClick },
        React.createElement(Renderer, __assign({}, props, { ref: ref, onRowExpandClick: onRowExpandClick, onRowExpandToggle: onRowExpandToggle }))));
});
export default RowGroup;
var DefaultBase = forwardRef(function DefaultBase(props, ref) {
    function onKeyDown(_a) {
        var key = _a.key;
        var onRowExpandToggle = props.onRowExpandToggle;
        if (key === 'ArrowLeft') {
            onRowExpandToggle(false);
        }
        if (key === 'ArrowRight') {
            onRowExpandToggle(true);
        }
        if (key === 'Enter') {
            onRowExpandToggle(!props.isExpanded);
        }
    }
    var _a = props.treeDepth, treeDepth = _a === void 0 ? 0 : _a, height = props.height, onRowExpandClick = props.onRowExpandClick, isExpanded = props.isExpanded, columnGroupDisplayName = props.columnGroupDisplayName, name = props.name;
    var marginLeft = treeDepth * 20;
    return (React.createElement("div", { className: "rdg-row-group-default", style: { height: height }, onKeyDown: onKeyDown, tabIndex: 0, ref: ref },
        React.createElement("span", { className: "row-expand-icon", style: { marginLeft: marginLeft }, onClick: onRowExpandClick }, isExpanded ? String.fromCharCode(9660) : String.fromCharCode(9658)),
        React.createElement("strong", null,
            columnGroupDisplayName,
            ": ",
            name)));
});
//# sourceMappingURL=RowGroup.js.map