@talend/react-components/lib-esm/VirtualizedList/ListGrid/ListGrid.component.js

Set of react components.

import PropTypes from 'prop-types';
import { List as VirtualizedList } from 'react-virtualized';
import getRowSelectionRenderer from '../RowSelection';
import theme from './ListGrid.module.scss';
import { decorateRowClick, decorateRowDoubleClick } from '../event/rowclick';

/**
 * List renderer that accepts a custom row renderer.
 * The row renderer will create a row element for each collection item.
 */
import { jsx as _jsx } from "react/jsx-runtime";
function ListGrid(props) {
  const {
    collection,
    isActive,
    isSelected,
    getRowState,
    onRowClick,
    onRowDoubleClick,
    rowRenderer,
    rowCount,
    ...restProps
  } = props;
  let enhancedRowRenderer = rowRenderer;
  if (isActive || isSelected || getRowState) {
    enhancedRowRenderer = getRowSelectionRenderer(rowRenderer, {
      isActive,
      isSelected,
      getRowState,
      getRowData: ({
        index
      }) => collection[index]
    });
  }
  return /*#__PURE__*/_jsx(VirtualizedList, {
    className: `tc-list-list ${theme['tc-list-list']}`,
    collection: collection,
    overscanRowCount: 10,
    onRowClick: decorateRowClick(onRowClick),
    onRowDoubleClick: decorateRowDoubleClick(onRowDoubleClick),
    rowCount: rowCount || collection.length,
    rowRenderer: enhancedRowRenderer,
    rowGetter: index => collection[index] || {},
    role: "group",
    "aria-label": "list",
    containerRole: "list",
    ...restProps
  });
}
ListGrid.displayName = 'VirtualizedList(ListGrid)';
ListGrid.propTypes = {
  children: PropTypes.arrayOf(PropTypes.element),
  collection: PropTypes.arrayOf(PropTypes.object),
  height: PropTypes.number,
  id: PropTypes.string,
  isActive: PropTypes.func,
  isSelected: PropTypes.func,
  getRowState: PropTypes.func,
  noRowsRenderer: PropTypes.func,
  onRowClick: PropTypes.func,
  onRowDoubleClick: PropTypes.func,
  rowCount: PropTypes.number,
  rowHeight: PropTypes.number,
  rowRenderer: PropTypes.func,
  width: PropTypes.number
};
ListGrid.defaultProps = {
  rowHeight: 170
};
export default ListGrid;
//# sourceMappingURL=ListGrid.component.js.map