@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
39 lines • 2.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var react_1 = require("react");
var spinner_1 = require("@atlaskit/spinner");
var styled_components_1 = require("styled-components");
var RecentItem_1 = require("./RecentItem");
// tslint:disable-next-line:variable-name
var Container = (_a = ["\n padding-top: 10px;\n"], _a.raw = ["\n padding-top: 10px;\n"], styled_components_1.default.div(_a));
// tslint:disable-next-line:variable-name
var SpinnerContainer = (_b = ["\n text-align: center;\n min-height: 80px;\n margin-top: 30px;\n"], _b.raw = ["\n text-align: center;\n min-height: 80px;\n margin-top: 30px;\n"], styled_components_1.default.div(_b));
// tslint:disable:next-line variable-name
var List = (_c = ["\n padding: 0;\n list-style: none;\n"], _c.raw = ["\n padding: 0;\n list-style: none;\n"], styled_components_1.default.ul(_c));
var RecentList = (function (_super) {
tslib_1.__extends(RecentList, _super);
function RecentList() {
return _super !== null && _super.apply(this, arguments) || this;
}
RecentList.prototype.render = function () {
var _a = this.props, onSelect = _a.onSelect, onMouseMove = _a.onMouseMove, items = _a.items, selectedIndex = _a.selectedIndex, isLoading = _a.isLoading;
if (isLoading) {
return (React.createElement(Container, null,
React.createElement(SpinnerContainer, null,
React.createElement(spinner_1.default, { invertColor: true, size: "medium" }))));
}
if (!items || items.length === 0) {
return null;
}
return (React.createElement(Container, null,
React.createElement(List, null, items.map(function (item, index) {
return React.createElement(RecentItem_1.default, { item: item, selected: selectedIndex === index, onMouseMove: onMouseMove, onSelect: onSelect, key: item.objectId });
}))));
};
return RecentList;
}(react_1.PureComponent));
exports.default = RecentList;
var _a, _b, _c;
//# sourceMappingURL=RecentList.js.map