@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
37 lines • 1.96 kB
JavaScript
import * as tslib_1 from "tslib";
import * as React from 'react';
import { PureComponent } from 'react';
import Spinner from '@atlaskit/spinner';
import styled from 'styled-components';
import RecentItem from './RecentItem';
// tslint:disable-next-line:variable-name
var Container = (_a = ["\n padding-top: 10px;\n"], _a.raw = ["\n padding-top: 10px;\n"], styled.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.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.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, { 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, { item: item, selected: selectedIndex === index, onMouseMove: onMouseMove, onSelect: onSelect, key: item.objectId });
}))));
};
return RecentList;
}(PureComponent));
export default RecentList;
var _a, _b, _c;
//# sourceMappingURL=RecentList.js.map