@blueprintjs/table
Version:
Scalable interactive table component
70 lines • 3.45 kB
JavaScript
;
/*
* Copyright 2016 Palantir Technologies, Inc. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
Object.defineProperty(exports, "__esModule", { value: true });
exports.GuideLayer = void 0;
var tslib_1 = require("tslib");
var classnames_1 = tslib_1.__importDefault(require("classnames"));
var React = tslib_1.__importStar(require("react"));
var core_1 = require("@blueprintjs/core");
var Classes = tslib_1.__importStar(require("../common/classes"));
var GuideLayer = /** @class */ (function (_super) {
tslib_1.__extends(GuideLayer, _super);
function GuideLayer() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.renderVerticalGuide = function (offset, index) {
var _a;
var style = {
left: "".concat(offset, "px"),
};
var className = (0, classnames_1.default)(Classes.TABLE_OVERLAY, Classes.TABLE_VERTICAL_GUIDE, (_a = {},
_a["".concat(Classes.TABLE_VERTICAL_GUIDE, "-flush-left")] = offset === 0,
_a));
return React.createElement("div", { className: className, key: index, style: style });
};
_this.renderHorizontalGuide = function (offset, index) {
var _a;
var style = {
top: "".concat(offset, "px"),
};
var className = (0, classnames_1.default)(Classes.TABLE_OVERLAY, Classes.TABLE_HORIZONTAL_GUIDE, (_a = {},
_a["".concat(Classes.TABLE_HORIZONTAL_GUIDE, "-flush-top")] = offset === 0,
_a));
return React.createElement("div", { className: className, key: index, style: style });
};
return _this;
}
GuideLayer.prototype.shouldComponentUpdate = function (nextProps) {
if (this.props.className !== nextProps.className) {
return true;
}
// shallow-comparing guide arrays leads to tons of unnecessary re-renders, so we check the
// array contents explicitly.
return (!core_1.Utils.arraysEqual(this.props.verticalGuides, nextProps.verticalGuides) ||
!core_1.Utils.arraysEqual(this.props.horizontalGuides, nextProps.horizontalGuides));
};
GuideLayer.prototype.render = function () {
var _a = this.props, verticalGuides = _a.verticalGuides, horizontalGuides = _a.horizontalGuides, className = _a.className;
var verticals = verticalGuides == null ? undefined : verticalGuides.map(this.renderVerticalGuide);
var horizontals = horizontalGuides == null ? undefined : horizontalGuides.map(this.renderHorizontalGuide);
return (React.createElement("div", { className: (0, classnames_1.default)(className, Classes.TABLE_OVERLAY_LAYER) },
verticals,
horizontals));
};
return GuideLayer;
}(React.Component));
exports.GuideLayer = GuideLayer;
//# sourceMappingURL=guides.js.map