@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
23 lines • 2.64 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var styled_components_1 = require("styled-components");
var logo_1 = require("@atlaskit/logo");
var util_shared_styles_1 = require("@atlaskit/util-shared-styles");
// tslint:disable-next-line:variable-name
var WrapperNode = (_a = ["\n align-items: center;\n background: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n box-sizing: border-box;\n cursor: default;\n display: inline-flex;\n font-size: 13px;\n margin: 0 2px;\n min-height: 24px;\n padding: 0 4px;\n user-select: none;\n vertical-align: middle;\n white-space: nowrap;\n\n .ProseMirror-selectednode & {\n background: ", ";\n outline: none;\n }\n"], _a.raw = ["\n align-items: center;\n background: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n box-sizing: border-box;\n cursor: default;\n display: inline-flex;\n font-size: 13px;\n margin: 0 2px;\n min-height: 24px;\n padding: 0 4px;\n user-select: none;\n vertical-align: middle;\n white-space: nowrap;\n\n .ProseMirror-selectednode & {\n background: ", ";\n outline: none;\n }\n"], styled_components_1.default.span(_a, util_shared_styles_1.akColorN30, util_shared_styles_1.akColorN50, util_shared_styles_1.akBorderRadius, util_shared_styles_1.akColorN50));
// tslint:disable-next-line:variable-name
var JiraChildNode = (_b = ["\n display: inline-block;\n color: #707070;\n line-height: 24px;\n vertical-align: top;\n\n &:before {\n color: black;\n content: \"JIRA | \";\n }\n"], _b.raw = ["\n display: inline-block;\n color: #707070;\n line-height: 24px;\n vertical-align: top;\n\n &:before {\n color: black;\n content: \"JIRA | \";\n }\n"], styled_components_1.default.span(_b));
// tslint:disable-next-line:variable-name
var SvgChildNode = (_c = ["\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n\n & > div {\n height: 24px;\n width: 24px;\n }\n"], _c.raw = ["\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n\n & > div {\n height: 24px;\n width: 24px;\n }\n"], styled_components_1.default.span(_c));
function JIRAIssueNode(props) {
var node = props.node;
var issueKey = node.attrs.issueKey;
return (React.createElement(WrapperNode, null,
React.createElement(SvgChildNode, null,
React.createElement(logo_1.JiraLogo, { size: "small", collapseTo: "icon" })),
React.createElement(JiraChildNode, null, issueKey)));
}
exports.default = JIRAIssueNode;
var _a, _b, _c;
//# sourceMappingURL=jira-issue.js.map