@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
20 lines • 2.4 kB
JavaScript
import * as React from 'react';
import styled from 'styled-components';
import { JiraLogo } from '@atlaskit/logo';
import { akBorderRadius, akColorN30, akColorN50, } from '@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.span(_a, akColorN30, akColorN50, akBorderRadius, 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.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.span(_c));
export default function JIRAIssueNode(props) {
var node = props.node;
var issueKey = node.attrs.issueKey;
return (React.createElement(WrapperNode, null,
React.createElement(SvgChildNode, null,
React.createElement(JiraLogo, { size: "small", collapseTo: "icon" })),
React.createElement(JiraChildNode, null, issueKey)));
}
var _a, _b, _c;
//# sourceMappingURL=jira-issue.js.map