@talend/react-components
Version:
Set of react components.
50 lines • 2.3 kB
JavaScript
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 PropTypes from 'prop-types';
import { Tree } from '../../Core';
import { jsx as _jsx } from "react/jsx-runtime";
export default class RecordsCellRenderer extends Component {
constructor(...args) {
super(...args);
_defineProperty(this, "onToggleCell", (event, options) => {
this.props.onToggle(event, options, this.props.index);
});
}
shouldComponentUpdate(nextProps) {
// this is necessary to avoid an infinite call stack
// componentDidUpdate --> measure --> List render --> componentDidUpdate --> ...
return nextProps.paths[nextProps.index] !== this.props.paths[this.props.index] || nextProps.value[nextProps.index] !== this.props.value[this.props.index] || nextProps.highlighted !== this.props.highlighted || nextProps.isAllExpanded !== this.props.isAllExpanded;
}
componentDidUpdate() {
// after data update or toggle update, the height has changed
// triggers the CellMesurer to update height of this cell
this.props.measure();
}
render() {
const {
index,
value
} = this.props;
return /*#__PURE__*/_jsx(Tree, {
...this.props,
dataKey: index,
jsonpath: "$",
level: 0,
onToggle: this.onToggleCell,
type: "object",
value: value[index]
});
}
}
_defineProperty(RecordsCellRenderer, "propTypes", {
highlighted: PropTypes.array,
index: PropTypes.number.isRequired,
isAllExpanded: PropTypes.bool,
measure: PropTypes.func.isRequired,
onToggle: PropTypes.func,
paths: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
value: PropTypes.array.isRequired
});
//# sourceMappingURL=RecordsCellRenderer.component.js.map