@skbkontur/markdown 2.5.8-alpha.9 → 2.6.0

package/src/Markdown/MarkdownHelpItems.js

@@ -11,6 +11,7 @@ var _a, _b;
 import React from 'react';
 import { MarkdownSymbolWrapper } from './Markdown.styled';
 import { MarkdownFormat } from './MarkdownFormat';
+import { MarkdownTids } from './MarkdownTids';
 import { AttachLink } from '../MarkdownIcons/AttachLink';
 import { AttachPaperclip } from '../MarkdownIcons/AttachPaperclip';
 import { CheckedList } from '../MarkdownIcons/CheckedList';
@@ -70,6 +71,7 @@ export function checkSpaceSymbol(text, checkedLength) {
 export var markdownHelpHeaders = [
     {
         format: MarkdownFormat.h2,
+        tid: MarkdownTids.HeadingH2,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "##"),
             " \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 2")),
@@ -78,6 +80,7 @@ export var markdownHelpHeaders = [
     },
     {
         format: MarkdownFormat.h3,
+        tid: MarkdownTids.HeadingH3,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "###"),
             " \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 3")),
@@ -86,6 +89,7 @@ export var markdownHelpHeaders = [
     },
     {
         format: MarkdownFormat.h4,
+        tid: MarkdownTids.HeadingH4,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "####"),
             " \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 4")),
@@ -96,6 +100,7 @@ export var markdownHelpHeaders = [
 export var markdownHelpText = [
     {
         format: MarkdownFormat.bold,
+        tid: MarkdownTids.Bold,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "**"),
             "\u0416\u0438\u0440\u043D\u044B\u0439",
@@ -107,6 +112,7 @@ export var markdownHelpText = [
     },
     {
         format: MarkdownFormat.italic,
+        tid: MarkdownTids.Italic,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "*"),
             "\u041A\u0443\u0440\u0441\u0438\u0432",
@@ -118,6 +124,7 @@ export var markdownHelpText = [
     },
     {
         format: MarkdownFormat.crossed,
+        tid: MarkdownTids.Crossed,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "~~"),
             "\u0417\u0430\u0447\u0435\u0440\u043A\u043D\u0443\u0442\u044B\u0439",
@@ -131,6 +138,7 @@ export var markdownHelpText = [
     },
     {
         format: MarkdownFormat.ref,
+        tid: MarkdownTids.Ref,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "["),
             "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0441\u044B\u043B\u043A\u0438",
@@ -147,6 +155,7 @@ export var markdownHelpText = [
 export var markdownHelpLists = [
     {
         format: MarkdownFormat.list,
+        tid: MarkdownTids.List,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "*"),
             " \u0421\u043F\u0438\u0441\u043E\u043A")),
@@ -156,6 +165,7 @@ export var markdownHelpLists = [
     },
     {
         format: MarkdownFormat.checkedList,
+        tid: MarkdownTids.CheckedList,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "* [x]"),
             " \u0421\u043F\u0438\u0441\u043E\u043A - \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u043E")),
@@ -165,6 +175,7 @@ export var markdownHelpLists = [
     },
     {
         format: MarkdownFormat.numberedList,
+        tid: MarkdownTids.NumberedList,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "1. "),
             " \u0421\u043F\u0438\u0441\u043E\u043A - \u043D\u0443\u043C\u0435\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439")),
@@ -176,6 +187,7 @@ export var markdownHelpLists = [
 export var markdownHelpOther = [
     {
         format: MarkdownFormat.codeBlock,
+        tid: MarkdownTids.CodeBlock,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null, "`"),
             "\u0411\u043B\u043E\u043A \u043A\u043E\u0434\u0430",
@@ -187,6 +199,7 @@ export var markdownHelpOther = [
     },
     {
         format: MarkdownFormat.quote,
+        tid: MarkdownTids.Quote,
         node: (React.createElement(React.Fragment, null,
             React.createElement(MarkdownSymbolWrapper, null,
                 '>',
@@ -198,6 +211,7 @@ export var markdownHelpOther = [
     },
     {
         format: MarkdownFormat.table,
+        tid: MarkdownTids.Table,
         node: 'Таблица',
         icon: React.createElement(Table, null),
         wrapContent: function () { return "| \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A | \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A |\n| ------ | ------ |\n| \u042F\u0447\u0435\u0439\u043A\u0430 | \u042F\u0447\u0435\u0439\u043A\u0430 |\n| \u042F\u0447\u0435\u0439\u043A\u0430 | \u042F\u0447\u0435\u0439\u043A\u0430 |"; },
@@ -210,6 +224,7 @@ export var markdownHelpFiles = function (fileApiUrl) {
     return [
         {
             format: MarkdownFormat.image,
+            tid: MarkdownTids.AttachFile,
             node: '',
             icon: React.createElement("span", null),
             wrapContent: function (file) { return "![img](".concat(fileApiUrl).concat(file.id, ")"); },
@@ -217,6 +232,7 @@ export var markdownHelpFiles = function (fileApiUrl) {
         },
         {
             format: MarkdownFormat.file,
+            tid: MarkdownTids.AttachFile,
             node: '',
             icon: React.createElement(AttachPaperclip, null),
             wrapContent: function (file) { return "[".concat(file.caption, "](").concat(fileApiUrl).concat(file.id, ")"); },

package/src/Markdown/MarkdownHelpers/MarkdownFormatButton.d.ts

@@ -1,9 +1,22 @@
-import { FC } from 'react';
-import { MarkdownButtonProps } from './types';
+import { PopupPositionsType, ShortPopupPositionsType } from '@skbkontur/react-ui/cjs/internal/Popup';
+import { FC, ReactNode, SyntheticEvent } from 'react';
 import { MarkdownFormat } from '../MarkdownFormat';
-interface Props extends MarkdownButtonProps {
+import { MarkdownTids } from '../MarkdownTids';
+interface Props {
+    hintText: ReactNode;
+    icon: ReactNode;
+    text: ReactNode;
+    dataTid?: MarkdownTids;
+    disabled?: boolean;
     format?: MarkdownFormat;
+    hintPos?: ShortPopupPositionsType | PopupPositionsType;
     href?: string;
+    isLoading?: boolean;
+    onClick?: (event: SyntheticEvent) => void;
+    showActionHint?: boolean;
+    showHintWhenDisabled?: boolean;
+    showShortKey?: boolean;
+    showText?: boolean;
 }
 export declare const MarkdownFormatButton: FC<Props>;
 export {};

package/src/Markdown/MarkdownHelpers/MarkdownFormatButton.js

@@ -1,16 +1,17 @@
 import { Hint } from '@skbkontur/react-ui';
 import React from 'react';
 import { MarkdownCombination } from '../../MarkdownCombination/MarkdownCombination';
-import { MarkdownButtonIcon, MarkdownButtonWrapper, VisuallyHidden } from '../Markdown.styled';
+import { MarkdownButtonContentWrapper, MarkdownButtonIcon, MarkdownButtonWrapper, VisuallyHidden, } from '../Markdown.styled';
 export var MarkdownFormatButton = function (_a) {
-    var icon = _a.icon, hintText = _a.hintText, onClick = _a.onClick, format = _a.format, disabled = _a.disabled, text = _a.text, href = _a.href, showActionHint = _a.showActionHint, showShortKey = _a.showShortKey;
-    var button = (React.createElement(MarkdownButtonWrapper, { borderless: true, disabled: disabled, onClick: onClick },
-        React.createElement(MarkdownButtonIcon, null, icon),
-        React.createElement(VisuallyHidden, null, text)));
+    var dataTid = _a.dataTid, icon = _a.icon, hintText = _a.hintText, onClick = _a.onClick, format = _a.format, disabled = _a.disabled, text = _a.text, href = _a.href, showActionHint = _a.showActionHint, showHintWhenDisabled = _a.showHintWhenDisabled, showShortKey = _a.showShortKey, showText = _a.showText, hintPos = _a.hintPos;
+    var button = (React.createElement(MarkdownButtonWrapper, { borderless: true, disabled: disabled, "data-tid": dataTid, onClick: onClick },
+        React.createElement(MarkdownButtonContentWrapper, { onMouseDown: function (e) { return e.preventDefault(); } },
+            !!icon && React.createElement(MarkdownButtonIcon, null, icon),
+            showText ? text : React.createElement(VisuallyHidden, null, text))));
     var content = href ? (React.createElement("a", { href: href, tabIndex: -1, target: "_blank", rel: "noopener noreferrer nofollow" }, button)) : (button);
     if (!showActionHint && !showShortKey)
         return content;
     var actualHintText = showActionHint && hintText;
     var hintComponent = format ? (React.createElement(MarkdownCombination, { format: format, text: actualHintText, showShortKey: showShortKey })) : (actualHintText);
-    return (React.createElement(Hint, { manual: disabled, text: hintComponent, pos: "top center", maxWidth: 360 }, content));
+    return (React.createElement(Hint, { manual: !showHintWhenDisabled && disabled, text: hintComponent, pos: hintPos !== null && hintPos !== void 0 ? hintPos : 'top center', maxWidth: 360 }, content));
 };

package/src/Markdown/MarkdownTids.d.ts

@@ -0,0 +1,24 @@
+export declare enum MarkdownTids {
+    HeadingDropdown = "MarkdownHeadingDropdown",
+    HeadingH2 = "MarkdownHeadingH2",
+    HeadingH3 = "MarkdownHeadingH3",
+    HeadingH4 = "MarkdownHeadingH4",
+    Bold = "MarkdownBold",
+    Italic = "MarkdownItalic",
+    Crossed = "MarkdownCrossed",
+    Ref = "MarkdownRef",
+    List = "MarkdownList",
+    CheckedList = "MarkdownCheckedList",
+    NumberedList = "MarkdownNumberedList",
+    CodeBlock = "MarkdownCodeBlock",
+    Quote = "MarkdownQuote",
+    Table = "MarkdownTable",
+    AttachFile = "MarkdownAttachFile",
+    Emoji = "MarkdownEmoji",
+    AI = "MarkdownAI",
+    Help = "MarkdownHelp",
+    SplitView = "MarkdownSplitView",
+    EditView = "MarkdownEditView",
+    PreviewView = "MarkdownPreviewView",
+    FullscreenToggle = "MarkdownFullscreenToggle"
+}

package/src/Markdown/MarkdownTids.js

@@ -0,0 +1,25 @@
+export var MarkdownTids;
+(function (MarkdownTids) {
+    MarkdownTids["HeadingDropdown"] = "MarkdownHeadingDropdown";
+    MarkdownTids["HeadingH2"] = "MarkdownHeadingH2";
+    MarkdownTids["HeadingH3"] = "MarkdownHeadingH3";
+    MarkdownTids["HeadingH4"] = "MarkdownHeadingH4";
+    MarkdownTids["Bold"] = "MarkdownBold";
+    MarkdownTids["Italic"] = "MarkdownItalic";
+    MarkdownTids["Crossed"] = "MarkdownCrossed";
+    MarkdownTids["Ref"] = "MarkdownRef";
+    MarkdownTids["List"] = "MarkdownList";
+    MarkdownTids["CheckedList"] = "MarkdownCheckedList";
+    MarkdownTids["NumberedList"] = "MarkdownNumberedList";
+    MarkdownTids["CodeBlock"] = "MarkdownCodeBlock";
+    MarkdownTids["Quote"] = "MarkdownQuote";
+    MarkdownTids["Table"] = "MarkdownTable";
+    MarkdownTids["AttachFile"] = "MarkdownAttachFile";
+    MarkdownTids["Emoji"] = "MarkdownEmoji";
+    MarkdownTids["AI"] = "MarkdownAI";
+    MarkdownTids["Help"] = "MarkdownHelp";
+    MarkdownTids["SplitView"] = "MarkdownSplitView";
+    MarkdownTids["EditView"] = "MarkdownEditView";
+    MarkdownTids["PreviewView"] = "MarkdownPreviewView";
+    MarkdownTids["FullscreenToggle"] = "MarkdownFullscreenToggle";
+})(MarkdownTids || (MarkdownTids = {}));

package/src/Markdown/MarkdownHelpers/types.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode, SyntheticEvent } from 'react';
-export interface MarkdownButtonProps {
-    hintText: ReactNode;
-    icon: ReactNode;
-    text: string;
-    disabled?: boolean;
-    isLoading?: boolean;
-    onClick?: (event: SyntheticEvent) => void;
-    showActionHint?: boolean;
-    showShortKey?: boolean;
-}

package/src/Markdown/MarkdownHelpers/types.js

@@ -1 +0,0 @@
-export {};