UNPKG

@talend/react-components

Version:
80 lines (79 loc) 3.61 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.RecordsViewer = void 0; var _react = require("react"); var _classnames = _interopRequireDefault(require("classnames")); var _propTypes = _interopRequireDefault(require("prop-types")); var _RecordsViewerModule = _interopRequireDefault(require("./RecordsViewer.module.scss")); var _Core = require("../Core"); var _Virtualized = require("../Virtualized"); var _Headers = require("../Headers"); var _CellRenderer = _interopRequireDefault(require("./CellRenderer")); var _translate = _interopRequireDefault(require("../../translate")); var _lodash = require("lodash"); var _jsxRuntime = require("react/jsx-runtime"); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } 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); } class RecordsViewer extends _react.Component { constructor(..._args) { super(..._args); _defineProperty(this, "renderCellRenderer", args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CellRenderer.default, { ...this.props, ...args })); } render() { const { onCollapseAll, onVerticalScroll, t, virtualized, displayHeader, disableHeight, ...props } = this.props; return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", { className: (0, _classnames.default)(_RecordsViewerModule.default['tc-records-viewer'], 'tc-records-viewer'), children: [displayHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Headers.TreeHeader, { title: t('RECORDS_HEADER_TITLE', { defaultValue: 'Records' }), onClickCollapseAll: onCollapseAll }), virtualized ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Virtualized.VirtualizedTree, { cellRenderer: this.renderCellRenderer, cellMeasurerClassName: (0, _classnames.default)(_RecordsViewerModule.default['tc-records-viewer-tree-border'], 'tc-records-viewer-tree-border'), className: (0, _classnames.default)(_RecordsViewerModule.default['tc-records-viewer-tree'], 'tc-records-viewer-tree'), onVerticalScroll: onVerticalScroll, paddingOffset: props.paddingOffset, rowCount: (0, _lodash.get)(props, 'value', []).length, disableHeight: disableHeight }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Core.Tree, { ...props, jsonpath: "$", level: 0 })] }); } } exports.RecordsViewer = RecordsViewer; _defineProperty(RecordsViewer, "propTypes", { onCollapseAll: _propTypes.default.func.isRequired, onVerticalScroll: _propTypes.default.func, paddingOffset: _propTypes.default.number, t: _propTypes.default.func, virtualized: _propTypes.default.bool, displayHeader: _propTypes.default.bool, disableHeight: _propTypes.default.bool }); _defineProperty(RecordsViewer, "defaultProps", { disableHeight: false, virtualized: true, t: (0, _translate.default)(), displayHeader: true }); var _default = exports.default = RecordsViewer; //# sourceMappingURL=RecordsViewer.component.js.map