@skbkontur/markdown 2.4.6 → 2.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -21,7 +21,7 @@ import remarkMath from 'remark-math';
|
|
|
21
21
|
import { MarkdownImage } from './Helpers/MarkdownImage';
|
|
22
22
|
import { MarkdownLink } from './Helpers/MarkdownLink';
|
|
23
23
|
import { MarkdownTable } from './Helpers/MarkdownTable';
|
|
24
|
-
import { BlockQuote, CheckBoxWrapper, FileButtonWrapper, FileName, getListStyle,
|
|
24
|
+
import { BlockQuote, CheckBoxWrapper, FileButtonWrapper, FileName, getListStyle, CheckListItem, Paragraph, VisuallyHidden, Wrapper, ListItem, } from './MarkdownViewer.styles';
|
|
25
25
|
import { useFileLogic } from '../Markdown/Files/Files.logic';
|
|
26
26
|
import { AttachPaperclip } from '../MarkdownIcons/AttachPaperclip';
|
|
27
27
|
import { CheckboxCheckedIcon } from '../MarkdownIcons/CheckboxCheckedIcon';
|
|
@@ -61,9 +61,7 @@ export var MarkdownViewer = function (_a) {
|
|
|
61
61
|
}
|
|
62
62
|
function renderListItem(props) {
|
|
63
63
|
var children = props.children;
|
|
64
|
-
|
|
65
|
-
return React.createElement("li", null, children);
|
|
66
|
-
return checkIfChecklistItem(props) ? getCheckListItem(children) : React.createElement("li", null, children);
|
|
64
|
+
return checkIfChecklistItem(props) ? React.createElement(CheckListItem, null, children) : React.createElement(ListItem, null, children);
|
|
67
65
|
}
|
|
68
66
|
function renderLink(props) {
|
|
69
67
|
var _a = props.href, href = _a === void 0 ? '' : _a, children = props.children;
|
|
@@ -81,9 +79,6 @@ export var MarkdownViewer = function (_a) {
|
|
|
81
79
|
function checkIfChecklistItem(props) {
|
|
82
80
|
return props.checked !== null || props.className === 'task-list-item';
|
|
83
81
|
}
|
|
84
|
-
function getCheckListItem(children) {
|
|
85
|
-
return React.createElement(ListItem, null, children);
|
|
86
|
-
}
|
|
87
82
|
function renderInput(props) {
|
|
88
83
|
return React.createElement(CheckBoxWrapper, null, props.checked ? React.createElement(CheckboxCheckedIcon, null) : React.createElement(CheckboxUncheckedIcon, null));
|
|
89
84
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
export declare const CheckBoxWrapper: import("styled-components").StyledComponent<"span", import("../..").MarkdownTheme, {}, never>;
|
|
3
3
|
export declare const Wrapper: import("styled-components").StyledComponent<"div", import("../..").MarkdownTheme, {}, never>;
|
|
4
|
+
export declare const CheckListItem: import("styled-components").StyledComponent<"li", import("../..").MarkdownTheme, {}, never>;
|
|
4
5
|
export declare const ListItem: import("styled-components").StyledComponent<"li", import("../..").MarkdownTheme, {}, never>;
|
|
5
6
|
export declare const Paragraph: import("styled-components").StyledComponent<"p", import("../..").MarkdownTheme, {}, never>;
|
|
6
7
|
export declare const BlockQuote: import("styled-components").StyledComponent<"blockquote", import("../..").MarkdownTheme, {}, never>;
|
|
@@ -6,17 +6,18 @@ import styled, { css } from '../styles/styled-components';
|
|
|
6
6
|
var baseVisuallyHiddenStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n"], ["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n"])));
|
|
7
7
|
export var CheckBoxWrapper = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n align-items: baseline;\n transform: translateX(-10%);\n"], ["\n display: inline-flex;\n align-items: baseline;\n transform: translateX(-10%);\n"])));
|
|
8
8
|
export var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n overflow-wrap: break-word;\n word-wrap: break-word;\n position: relative;\n\n word-break: break-word;\n\n p,\n hr,\n table,\n blockquote {\n margin-bottom: 16px;\n }\n\n ul > li > ", ", ul > li > p > ", " {\n display: inline-flex;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n padding: 0;\n }\n\n ul,\n ol,\n li {\n p {\n margin: 0;\n }\n }\n\n h1 {\n margin-top: 36px;\n margin-bottom: 28px;\n }\n\n h2 {\n margin-top: 32px;\n margin-bottom: 24px;\n }\n\n h3 {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n\n h4 {\n margin-top: 24px;\n margin-bottom: 16px;\n }\n\n img {\n max-width: 100%;\n }\n\n button {\n text-align: left;\n color: ", ";\n }\n\n table {\n background: transparent;\n }\n\n blockquote {\n margin: 24px 0;\n padding-left: 16px;\n }\n\n hr {\n margin-top: 0;\n }\n\n code {\n display: inline-block;\n white-space: pre-wrap;\n padding: 4px;\n border-radius: 8px;\n border: 1px solid ", ";\n }\n\n ul,\n ol {\n padding-inline-start: 0;\n\n li {\n margin-inline-start: 0;\n margin: 8px 0 8px 20px;\n }\n }\n\n .math {\n [aria-hidden='true'] {\n ", ";\n }\n }\n\n & > *:first-child {\n margin-top: 0 !important;\n padding-top: 0 !important;\n }\n\n & > *:last-child {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n"], ["\n overflow-wrap: break-word;\n word-wrap: break-word;\n position: relative;\n\n word-break: break-word;\n\n p,\n hr,\n table,\n blockquote {\n margin-bottom: 16px;\n }\n\n ul > li > ", ", ul > li > p > ", " {\n display: inline-flex;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n padding: 0;\n }\n\n ul,\n ol,\n li {\n p {\n margin: 0;\n }\n }\n\n h1 {\n margin-top: 36px;\n margin-bottom: 28px;\n }\n\n h2 {\n margin-top: 32px;\n margin-bottom: 24px;\n }\n\n h3 {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n\n h4 {\n margin-top: 24px;\n margin-bottom: 16px;\n }\n\n img {\n max-width: 100%;\n }\n\n button {\n text-align: left;\n color: ", ";\n }\n\n table {\n background: transparent;\n }\n\n blockquote {\n margin: 24px 0;\n padding-left: 16px;\n }\n\n hr {\n margin-top: 0;\n }\n\n code {\n display: inline-block;\n white-space: pre-wrap;\n padding: 4px;\n border-radius: 8px;\n border: 1px solid ", ";\n }\n\n ul,\n ol {\n padding-inline-start: 0;\n\n li {\n margin-inline-start: 0;\n margin: 8px 0 8px 20px;\n }\n }\n\n .math {\n [aria-hidden='true'] {\n ", ";\n }\n }\n\n & > *:first-child {\n margin-top: 0 !important;\n padding-top: 0 !important;\n }\n\n & > *:last-child {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n"])), CheckBoxWrapper, CheckBoxWrapper, function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.link; }, function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.grayDefault; }, baseVisuallyHiddenStyle);
|
|
9
|
-
export var
|
|
10
|
-
export var
|
|
11
|
-
export var
|
|
12
|
-
export var
|
|
13
|
-
export var
|
|
14
|
-
export var
|
|
15
|
-
export var
|
|
16
|
-
export var
|
|
17
|
-
export var
|
|
9
|
+
export var CheckListItem = styled.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n list-style: none;\n margin-left: 0 !important;\n padding-inline-start: 22px;\n position: relative;\n"], ["\n list-style: none;\n margin-left: 0 !important;\n padding-inline-start: 22px;\n position: relative;\n"])));
|
|
10
|
+
export var ListItem = styled.li(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding-inline-start: 2px;\n"], ["\n padding-inline-start: 2px;\n"])));
|
|
11
|
+
export var Paragraph = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
12
|
+
export var BlockQuote = styled.blockquote(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin: 0;\n padding-left: 8px;\n border-left: 4px solid ", ";\n"], ["\n margin: 0;\n padding-left: 8px;\n border-left: 4px solid ", ";\n"])), function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.grayDefault; });
|
|
13
|
+
export var FileButtonWrapper = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n white-space: pre-wrap;\n"], ["\n display: flex;\n white-space: pre-wrap;\n"])));
|
|
14
|
+
export var Href = styled.a(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n white-space: pre-wrap;\n"], ["\n white-space: pre-wrap;\n"])));
|
|
15
|
+
export var FileName = styled.span(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n white-space: pre-wrap;\n"], ["\n white-space: pre-wrap;\n"])));
|
|
16
|
+
export var ImgHref = styled.a(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n text-decoration: none !important;\n border: none !important;\n"], ["\n text-decoration: none !important;\n border: none !important;\n"])));
|
|
17
|
+
export var TableWrapper = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n width: 100%;\n overflow-x: auto;\n"], ["\n width: 100%;\n overflow-x: auto;\n"])));
|
|
18
|
+
export var Table = styled.table(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n width: 100%;\n min-width: 400px;\n"], ["\n width: 100%;\n min-width: 400px;\n"])));
|
|
18
19
|
export function getListStyle(depth) {
|
|
19
20
|
return depth ? { marginTop: 4 } : { marginBottom: 16 };
|
|
20
21
|
}
|
|
21
|
-
export var VisuallyHidden = styled.span(
|
|
22
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
22
|
+
export var VisuallyHidden = styled.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), baseVisuallyHiddenStyle);
|
|
23
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|