@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
34 lines • 1.74 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var react_1 = require("react");
var styles_1 = require("../styles");
var styles_2 = require("./styles");
var InsertRowButton_1 = require("./InsertRowButton");
var RowControls = (function (_super) {
tslib_1.__extends(RowControls, _super);
function RowControls() {
return _super !== null && _super.apply(this, arguments) || this;
}
RowControls.prototype.render = function () {
var _this = this;
var rows = this.props.tableElement.querySelector('tbody').children;
var nodes = [];
var tableWidth = this.props.tableElement.offsetWidth;
var _loop_1 = function (i, len) {
nodes.push(React.createElement(styles_2.RowControlsButtonWrap, { key: i, className: this_1.props.isSelected(i) ? 'active' : '', style: { height: rows[i].offsetHeight + 1 } },
React.createElement(styles_2.HeaderButton, { onClick: function () { return _this.props.selectRow(i); }, onMouseOver: function () { return _this.props.hoverRow(i); }, onMouseOut: this_1.props.resetHoverSelection }),
React.createElement(InsertRowButton_1.default, { insertRow: this_1.props.insertRow, index: i + 1, lineMarkerWidth: tableWidth + styles_1.toolbarSize })));
};
var this_1 = this;
for (var i = 0, len = rows.length; i < len; i++) {
_loop_1(i, len);
}
return (React.createElement(styles_2.RowContainer, null,
React.createElement(styles_2.RowInner, null, nodes)));
};
return RowControls;
}(react_1.Component));
exports.default = RowControls;
//# sourceMappingURL=index.js.map