@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
34 lines • 1.79 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 InsertColumnButton_1 = require("./InsertColumnButton");
var ColumnControls = (function (_super) {
tslib_1.__extends(ColumnControls, _super);
function ColumnControls() {
return _super !== null && _super.apply(this, arguments) || this;
}
ColumnControls.prototype.render = function () {
var _this = this;
var cols = this.props.tableElement.querySelector('tr').children;
var nodes = [];
var tableHeight = this.props.tableElement.offsetHeight;
var _loop_1 = function (i, len) {
nodes.push(React.createElement(styles_2.ColumnControlsButtonWrap, { key: i, className: this_1.props.isSelected(i) ? 'active' : '', style: { width: cols[i].offsetWidth + 1 } },
React.createElement(styles_2.HeaderButton, { onClick: function () { return _this.props.selectColumn(i); }, onMouseOver: function () { return _this.props.hoverColumn(i); }, onMouseOut: this_1.props.resetHoverSelection }),
React.createElement(InsertColumnButton_1.default, { insertColumn: this_1.props.insertColumn, index: i + 1, lineMarkerHeight: tableHeight + styles_1.toolbarSize })));
};
var this_1 = this;
for (var i = 0, len = cols.length; i < len; i++) {
_loop_1(i, len);
}
return (React.createElement(styles_2.ColumnContainer, null,
React.createElement(styles_2.ColumnInner, null, nodes)));
};
return ColumnControls;
}(react_1.Component));
exports.default = ColumnControls;
//# sourceMappingURL=index.js.map