@talend/react-components
Version:
Set of react components.
80 lines (79 loc) • 3.61 kB
JavaScript
;
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