@talend/react-components
Version:
Set of react components.
107 lines (106 loc) • 4.74 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.RecordsViewer = void 0;
exports.getIcon = getIcon;
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = require("react");
var _reactI18next = require("react-i18next");
var _constants = _interopRequireDefault(require("../../constants"));
var _translate = _interopRequireDefault(require("../../translate"));
var _Managers = require("../Managers");
var _Branch = _interopRequireDefault(require("./Branch"));
var _Leaf = _interopRequireDefault(require("./Leaf"));
var _RecordsViewer2 = _interopRequireDefault(require("./RecordsViewer.component"));
var _RecordsViewer3 = require("./RecordsViewer.parser");
var _RecordsViewerModule = _interopRequireDefault(require("./RecordsViewer.module.scss"));
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); } /**
* Used in the branch to get the icon.
* Allow custom icon.
*/
function getIcon(opened) {
if (opened) {
return {
name: 'talend-minus-circle',
className: (0, _classnames.default)(_RecordsViewerModule.default['tc-records-viewer-branch-icon'], 'tc-records-viewer-branch-icon')
};
}
return {
name: 'talend-plus-circle',
className: (0, _classnames.default)(_RecordsViewerModule.default['tc-records-viewer-branch-icon'], 'tc-records-viewer-branch-icon')
};
}
class RecordsViewer extends _react.Component {
constructor(..._args) {
super(..._args);
_defineProperty(this, "renderLeaf", args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Leaf.default, {
...args,
renderLeafAdditionalValue: this.props.renderLeafAdditionalValue
}));
_defineProperty(this, "renderBranch", args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Branch.default, {
...args,
getChilds: this.props.getChilds,
getChildsCount: this.props.getChildsCount,
getIcon: this.props.getIcon,
getObjectBranchDatakey: this.props.getObjectBranchDatakey,
t: this.props.t,
renderBranchAdditionalValue: this.props.renderBranchAdditionalValue
}));
_defineProperty(this, "renderComponent", args => {
const componentProps = {
...this.props,
branch: this.renderBranch,
getJSONPath: this.props.getJSONPath,
getValueType: this.props.getItemType,
leaf: this.renderLeaf,
value: this.props.sample.data,
t: this.props.t
};
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RecordsViewer2.default, {
...args,
...componentProps
});
});
}
render() {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Managers.TreeManager, {
componentId: this.props.componentId || 'RecordsViewer',
highlighted: this.props.highlighted,
wrappedComponent: this.renderComponent,
sample: this.props.sample
});
}
}
exports.RecordsViewer = RecordsViewer;
_defineProperty(RecordsViewer, "displayName", 'RecordsViewerContainer');
_defineProperty(RecordsViewer, "propTypes", {
componentId: _propTypes.default.string,
getChilds: _propTypes.default.func,
getChildsCount: _propTypes.default.func,
getIcon: _propTypes.default.func,
getObjectBranchDatakey: _propTypes.default.func,
getJSONPath: _propTypes.default.func,
getItemType: _propTypes.default.func,
highlighted: _propTypes.default.array,
sample: _propTypes.default.object,
t: _propTypes.default.func,
renderBranchAdditionalValue: _propTypes.default.func,
renderLeafAdditionalValue: _propTypes.default.func
});
_defineProperty(RecordsViewer, "defaultProps", {
getChilds: _RecordsViewer3.getChilds,
getChildsCount: _RecordsViewer3.getChildsCount,
getIcon,
getObjectBranchDatakey: _RecordsViewer3.getObjectBranchDatakey,
getJSONPath: _RecordsViewer3.getJSONPath,
getItemType: _RecordsViewer3.getItemType,
t: (0, _translate.default)()
});
var _default = exports.default = (0, _reactI18next.withTranslation)(_constants.default)(RecordsViewer);
//# sourceMappingURL=RecordsViewer.container.js.map