@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
41 lines • 2.82 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var util_shared_styles_1 = require("@atlaskit/util-shared-styles");
var styled_components_1 = require("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_components_1.default.li(_a, function (props) { return props.selected ? util_shared_styles_1.akColorN30 : 'transparent'; }));
var NameWrapper = (_b = ["\n overflow: hidden;\n"], _b.raw = ["\n overflow: hidden;\n"], styled_components_1.default.span(_b));
exports.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_components_1.default.div(_c, util_shared_styles_1.akColorN800));
exports.ContainerName = (_d = ["\n color: ", ";\n font-size: 12px;\n"], _d.raw = ["\n color: ", ";\n font-size: 12px;\n"], styled_components_1.default.div(_d, util_shared_styles_1.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_components_1.default.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(exports.Name, null, item.name),
React.createElement(exports.ContainerName, null, item.container))));
};
return RecentItem;
}(React.PureComponent));
exports.default = RecentItem;
var _a, _b, _c, _d, _e;
//# sourceMappingURL=RecentItem.js.map