@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
39 lines • 2.57 kB
JavaScript
import * as tslib_1 from "tslib";
import * as React from 'react';
import { akColorN100, akColorN800, akColorN30 } from '@atlaskit/util-shared-styles';
import styled from 'styled-components';
// tslint:disable:next-line variable-name
var Container = (_a = ["\n background-color: ", ";\n padding: 5px;\n cursor: pointer;\n display: flex;\n"], _a.raw = ["\n background-color: ", ";\n padding: 5px;\n cursor: pointer;\n display: flex;\n"], styled.li(_a, function (props) { return props.selected ? akColorN30 : 'transparent'; }));
var NameWrapper = (_b = ["\n overflow: hidden;\n"], _b.raw = ["\n overflow: hidden;\n"], styled.span(_b));
export var Name = (_c = ["\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"], _c.raw = ["\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"], styled.div(_c, akColorN800));
export var ContainerName = (_d = ["\n color: ", ";\n font-size: 12px;\n"], _d.raw = ["\n color: ", ";\n font-size: 12px;\n"], styled.div(_d, akColorN100));
var Icon = (_e = ["\n min-width: 16px;\n margin-top: 3px;\n margin-right: 8px;\n"], _e.raw = ["\n min-width: 16px;\n margin-top: 3px;\n margin-right: 8px;\n"], styled.span(_e));
var RecentItem = (function (_super) {
tslib_1.__extends(RecentItem, _super);
function RecentItem() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.handleSelect = function (e) {
e.preventDefault(); // don't let editor lose focus
var _a = _this.props, item = _a.item, onSelect = _a.onSelect;
onSelect(item.url, item.name);
};
_this.handleMouseMove = function () {
var _a = _this.props, onMouseMove = _a.onMouseMove, item = _a.item;
onMouseMove(item.objectId);
};
return _this;
}
RecentItem.prototype.render = function () {
var _a = this.props, item = _a.item, selected = _a.selected;
return (React.createElement(Container, { selected: selected, onMouseMove: this.handleMouseMove, onMouseDown: this.handleSelect },
React.createElement(Icon, null,
React.createElement("img", { src: item.iconUrl })),
React.createElement(NameWrapper, null,
React.createElement(Name, null, item.name),
React.createElement(ContainerName, null, item.container))));
};
return RecentItem;
}(React.PureComponent));
export default RecentItem;
var _a, _b, _c, _d, _e;
//# sourceMappingURL=RecentItem.js.map