Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
onColumnResize={this._onColumnResize}
onColumnReorder={onColumnReorder}
onColumnReorderMove={this._onColumnReorderMove}
onColumnReorderEnd={this._onColumnReorderEnd}
isColumnReordering={!!isColumnReordering}
columnReorderingData={columnReorderingData}
showScrollbarY={scrollEnabledY}
isRTL={this.props.isRTL}
/>;
let topShadow;
if (scrollY) {
topShadow =
<div style="{{top:">;
}
// ownerScrollAvailable is true if the rows rendered will overflow the owner element
// so we show a shadow in that case even if the FDT component can't scroll anymore
const ownerScrollAvailable = ownerHeight && ownerHeight < componentHeight &&
scrollContentHeight > visibleRowsHeight;
let bottomShadow;
if (ownerScrollAvailable || scrollY < maxScrollY) {
bottomShadow =
</div>
onMouseEnter={this.props.onMouseEnter || this.props.onMouseLeave ? this._onMouseEnter : null}
onMouseLeave={this.props.onMouseLeave ? this._onMouseLeave : null}
onTouchStart={this.props.onTouchStart ? this._onTouchStart : null}
onTouchEnd={this.props.onTouchEnd ? this._onTouchEnd : null}
onTouchMove={this.props.onTouchMove ? this._onTouchMove : null}
style={style}>
<div>
{fixedColumns}
{scrollableColumns}
{columnsLeftShadow}
{fixedRightColumns}
{fixedRightColumnsShadow}
{scrollbarSpacer}
</div>
{rowExpanded && <div style="{rowExpandedStyle}">
{rowExpanded}
</div>}
{columnsRightShadow}
);
}
render() /*?object*/ {
if (!this.state.scrollable) {
return null;
}
var size = this.props.size;
var mainStyle;
var faceStyle;
var isHorizontal = this.state.isHorizontal;
var isVertical = !isHorizontal;
var isActive = this.state.focused || this.state.isDragging;
var faceSize = this.state.faceSize;
var isOpaque = this.props.isOpaque;
var verticalTop = this.props.verticalTop || 0;
var mainClassName = cx({
'ScrollbarLayout/main': true,
'ScrollbarLayout/mainVertical': isVertical,
'ScrollbarLayout/mainHorizontal': isHorizontal,
'public/Scrollbar/main': true,
'public/Scrollbar/mainOpaque': isOpaque,
'public/Scrollbar/mainActive': isActive,
});
var faceClassName = cx({
'ScrollbarLayout/face': true,
'ScrollbarLayout/faceHorizontal': isHorizontal,
'ScrollbarLayout/faceVertical': isVertical,
'public/Scrollbar/faceActive': isActive,
'public/Scrollbar/face': true,
});
render() /*object*/ {
var style = {
height: this.props.height,
};
return (
<div> e.stopPropagation() : null}
onTouchMove={this.props.touchEnabled ? e => e.stopPropagation() : null}
style={style}>
</div>
);
}
_renderFixedRightColumnsShadow = (/*number*/ left) => /*?object*/ {
var className = cx(
'fixedDataTableRowLayout/columnsShadow',
'fixedDataTableRowLayout/columnsRightShadow',
'fixedDataTableRowLayout/fixedColumnsDivider',
'public/fixedDataTableRow/columnsShadow',
'public/fixedDataTableRow/columnsRightShadow',
'public/fixedDataTableRow/fixedColumnsDivider'
);
var style = {
height: this.props.height,
left: left
};
return <div style="{style}">;
};
</div>
width,
...style,
};
return (
<div style="{innerStyle}">
<div>
<div>
<div>
{children}
</div>
</div>
</div>
</div>
);
}
}
var tabIndex = null;
if (this.props.keyboardPageEnabled || this.props.keyboardScrollEnabled) {
tabIndex = 0;
}
let tableClassName = className;
if (this.props.isRTL) {
tableClassName = joinClasses(tableClassName, 'fixedDataTable_isRTL');
}
return (
<div width="" style="{{" tabindex="{tabIndex}" aria-rowcount="{ariaRowCount}" role="grid">
</div>
className={joinClasses(className, this.props.className)}
role={'row'}
aria-rowindex={this.props.ariaRowIndex}
{...this.props.attributes}
onClick={this.props.onClick ? this._onClick : null}
onContextMenu={this.props.onContextMenu ? this._onContextMenu : null}
onDoubleClick={this.props.onDoubleClick ? this._onDoubleClick : null}
onMouseDown={this.props.onMouseDown ? this._onMouseDown : null}
onMouseUp={this.props.onMouseUp ? this._onMouseUp : null}
onMouseEnter={this.props.onMouseEnter || this.props.onMouseLeave ? this._onMouseEnter : null}
onMouseLeave={this.props.onMouseLeave ? this._onMouseLeave : null}
onTouchStart={this.props.onTouchStart ? this._onTouchStart : null}
onTouchEnd={this.props.onTouchEnd ? this._onTouchEnd : null}
onTouchMove={this.props.onTouchMove ? this._onTouchMove : null}
style={style}>
<div>
{fixedColumns}
{scrollableColumns}
{columnsLeftShadow}
{fixedRightColumns}
{fixedRightColumnsShadow}
{scrollbarSpacer}
</div>
{rowExpanded && <div style="{rowExpandedStyle}">
{rowExpanded}
</div>}
{columnsRightShadow}
);
}
};
if (this.props.isRTL) {
style.right = this.props.leftOffset;
} else {
style.left = this.props.leftOffset;
}
return (
<div style="{style}">
<div style="{{">
</div>
);
}
</div>
render() {
//Remove some props like columnKey and rowIndex so we don't pass it into the div
var {height, width, style, className, children, columnKey, rowIndex, ...props} = this.props;
var innerStyle = {
height,
width,
...style,
};
return (
<div style="{innerStyle}">
<div>
<div>
<div>
{children}
</div></div></div></div>