@talend/react-components/lib-esm/DataViewer/RecordsViewer/RecordsViewer.component.js

Set of react components.

function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
import { Component } from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';
import theme from './RecordsViewer.module.scss';
import { Tree } from '../Core';
import { VirtualizedTree } from '../Virtualized';
import { TreeHeader } from '../Headers';
import RecordsCellRenderer from './CellRenderer';
import getDefaultT from '../../translate';
import { get } from "lodash";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export class RecordsViewer extends Component {
  constructor(..._args) {
    super(..._args);
    _defineProperty(this, "renderCellRenderer", args => /*#__PURE__*/_jsx(RecordsCellRenderer, {
      ...this.props,
      ...args
    }));
  }
  render() {
    const {
      onCollapseAll,
      onVerticalScroll,
      t,
      virtualized,
      displayHeader,
      disableHeight,
      ...props
    } = this.props;
    return /*#__PURE__*/_jsxs("div", {
      className: classNames(theme['tc-records-viewer'], 'tc-records-viewer'),
      children: [displayHeader && /*#__PURE__*/_jsx(TreeHeader, {
        title: t('RECORDS_HEADER_TITLE', {
          defaultValue: 'Records'
        }),
        onClickCollapseAll: onCollapseAll
      }), virtualized ? /*#__PURE__*/_jsx(VirtualizedTree, {
        cellRenderer: this.renderCellRenderer,
        cellMeasurerClassName: classNames(theme['tc-records-viewer-tree-border'], 'tc-records-viewer-tree-border'),
        className: classNames(theme['tc-records-viewer-tree'], 'tc-records-viewer-tree'),
        onVerticalScroll: onVerticalScroll,
        paddingOffset: props.paddingOffset,
        rowCount: get(props, 'value', []).length,
        disableHeight: disableHeight
      }) : /*#__PURE__*/_jsx(Tree, {
        ...props,
        jsonpath: "$",
        level: 0
      })]
    });
  }
}
_defineProperty(RecordsViewer, "propTypes", {
  onCollapseAll: PropTypes.func.isRequired,
  onVerticalScroll: PropTypes.func,
  paddingOffset: PropTypes.number,
  t: PropTypes.func,
  virtualized: PropTypes.bool,
  displayHeader: PropTypes.bool,
  disableHeight: PropTypes.bool
});
_defineProperty(RecordsViewer, "defaultProps", {
  disableHeight: false,
  virtualized: true,
  t: getDefaultT(),
  displayHeader: true
});
export default RecordsViewer;
//# sourceMappingURL=RecordsViewer.component.js.map