@skbkontur/markdown 1.0.3

package/src/Markdown/MarkdownHelpers/markdownMentionHelpers.js

@@ -0,0 +1,44 @@
+import { useEffect } from 'react';
+import { getTextareaTokens } from './markdownTextareaHelpers';
+var ArrowsVertical = ['ArrowUp', 'ArrowDown'];
+export function mentionActions(event, setToken) {
+    var _a = event.currentTarget, value = _a.value, selectionStart = _a.selectionStart;
+    var tokens = getTextareaTokens(value);
+    var mention = tokens.find(function (t) { return selectionStart >= t.positions[0] && selectionStart <= t.positions[1] && t.value.startsWith('@'); });
+    if (mention) {
+        setToken(mention);
+    }
+    else {
+        setToken(undefined);
+    }
+}
+export var useMenuKeyListener = function (onUserSelect, users, menuRef) {
+    useEffect(function () {
+        var keyListener = function (event) {
+            var _a;
+            if (menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) {
+                if (ArrowsVertical.includes(event.key)) {
+                    event.preventDefault();
+                    if (event.key === 'ArrowUp')
+                        menuRef.current.up();
+                    if (event.key === 'ArrowDown')
+                        menuRef.current.down();
+                }
+                if (event.key === 'Enter' && (users === null || users === void 0 ? void 0 : users.length)) {
+                    event.preventDefault();
+                    var selected = users[menuRef.current.state.highlightedIndex];
+                    onUserSelect((_a = selected.login) !== null && _a !== void 0 ? _a : '', selected.name);
+                }
+            }
+        };
+        window.addEventListener('keydown', keyListener);
+        return function () { return window.removeEventListener('keydown', keyListener); };
+    }, [menuRef, onUserSelect, users]);
+};
+export var getMentionValue = function (mention) { var _a, _b; return (_b = (_a = mention === null || mention === void 0 ? void 0 : mention.value) === null || _a === void 0 ? void 0 : _a.replace('@', '')) !== null && _b !== void 0 ? _b : ''; };
+export function getAvatarUrl(sid) {
+    if (!sid) {
+        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANTSURBVFhH7Zg/aBNRHMebXEv+CFKxSusgBAcXRdDJWnA4qAVdRMzgIogScCldmj8dQighoRgh/hnataCSSXRyCA7BQS0OdVGHgrGCOqQiUmNiEr+v960Ycum9dy9m8gPH789d775573fv/a4D/9HEQ6tFLpcL1Gq1Cx6Px9dsNj/CvonFYu9hW7zENdoCk8mk1+/3ZyBmlqktWq3WOkwB+TzElq2sOq4Ezs/PHzIMY9br9U5CyBhEDCHttc52UMU1sXg8nmeshEErTTabnYCwEo5xhMMQNwi70w8dxDVTpmkaxWLxKXPSKI1gPp/3bW5uvsMDDzIlDUaxhR9lRqNRJZHdpsWWarV6xo04Af7OgxcoxVAaJYF4wEm6bplYWFgYpS+FkkAwRusKMYqNRuMEQymUBKKG6Gmxl1YK1SneoKvDD1oppAVieREvxx4r0mIUi/tu+o6ojOAKSugyfdfgHrcCgcBdho5ICSwUCmJB32dF+ojdh64jUgLD4XADN/3GUBuMYoWuI9JTjJu+oNsLpO+lIvA2jHb7BDawFi7Td0RaIPbQR1hmpjDVaaaUECWC4zrEjc/NzX1m2hHldmtxcXGoUqmsY0T3MyUFxN1Hy3WJoTTSI7hNJBKpw6j2dk3sQjfpK6EsUBAMBnMwL63IGYzeDZTICkMlXAmcnp7+iVo6iwe/ZaoruOYe2rQ4Q2W0vknE9gcBr1GP3bau0tramrm0tCTKwhWuRnAb8TEEcV8Y2rGqI06gJZD8orVjp3NSaAlkd9y1v8P0H0bnIj6qXOOqBkW7hI7kKtwEDqcGdBVlkAyFQo/Fns6cNNICIWoEy4uJUTmH4zweuounpMDfiA/5Bzie4D4lsRJsnXBgR4GizcJbeBHuNTzgNEQpf0d34TuOh9g67yQSiedWyp6uAjOZzDGYZYg6amX+DfjhBb/fH5mZmfnKVBu2AtPp9BHDMJ7BlW7NdYDIV1jMT6VSqSpTf7B9i7Fvio6lL+IEmKXjPp/vCsM2OgSyvTetqH9gUCbpttEhsFwuH1B9Q3uEba13CKzX6yN0+wrqcJhuG3Y1qPTl30NqtG10CEQtBOn2FZSV7Zdeh0Asnq62vx7wibYNuynuxf9flEENfqD7FwMDvwH9BxCkLLaB+AAAAABJRU5ErkJggg==';
+    }
+    return "https://staff.skbkontur.ru/api/avatar/".concat(sid, "?size=s}");
+}

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

@@ -0,0 +1,11 @@
+import { Textarea } from '@skbkontur/react-ui';
+import { Token } from '../types';
+export declare const textareaTokensRegExp: RegExp;
+export declare const getTextareaTokens: (value: string) => Token[];
+export declare const getCursorCoordinates: (textArea: HTMLTextAreaElement, id: string) => {
+    x: number;
+    y: number;
+};
+export declare const useListenTextareaScroll: (setMention: (value: undefined) => void, textarea?: Textarea | null) => void;
+export declare const getFullscreenHorizontalPadding: (fullscreen: boolean, textareaWidth: number) => number | undefined;
+export declare const getPastedHtml: (html: string, event: ClipboardEvent, textArea: HTMLTextAreaElement) => void;

package/src/Markdown/MarkdownHelpers/markdownTextareaHelpers.js

@@ -0,0 +1,86 @@
+import { useCallback, useEffect } from 'react';
+import { setMarkdownPastedHtml } from './markdownHelpers';
+import { MENTION_WRAPPER_ID_POSTFIX } from '../constants';
+import { turndownService } from '../utils/htmlToMd';
+export var textareaTokensRegExp = /(\[[\w\s\dА-Яа-яЁёЙй]+]\(@[\w\d]+\)|[@А-Яа-яЁёЙйA-Za-z]+)/g;
+export var getTextareaTokens = function (value) {
+    var _a, _b;
+    var splitValue = value.split(textareaTokensRegExp).filter(Boolean);
+    var tokens = [];
+    for (var i = 0; i < splitValue.length; i++) {
+        var prevPositions = (_b = (_a = tokens[i - 1]) === null || _a === void 0 ? void 0 : _a.positions) !== null && _b !== void 0 ? _b : [0, 0];
+        var start = i ? prevPositions[1] + 1 : prevPositions[0];
+        var val = splitValue[i] || '';
+        var end = i ? start + (val.length - 1 || 0) : val.length;
+        if (val === ' ')
+            end = start;
+        if (val === '\n')
+            end = end - 1;
+        tokens.push({
+            value: val,
+            positions: [start, end],
+        });
+    }
+    return tokens;
+};
+export var getCursorCoordinates = function (textArea, id) {
+    var container = document.getElementById("".concat(id).concat(MENTION_WRAPPER_ID_POSTFIX));
+    var textBefore = textArea.value.slice(0, textArea.selectionStart).replace('\n', '<br/>');
+    var textAfter = textArea.value.slice(textArea.selectionStart).replace('\n', '<br/>');
+    var textareaStyles = getComputedStyle(textArea);
+    if (container) {
+        var content = "<span style='position: relative; display: inline;'>" + textBefore + '</span>';
+        content += "<span id='caret' style='position: relative; display: inline;'>|</span>";
+        content += "<span style='position: relative; display: inline;'>" + textAfter + '</span>';
+        container.contentEditable = 'true';
+        container.innerHTML = content;
+        for (var _i = 0, _a = textareaStyles; _i < _a.length; _i++) {
+            var prop = _a[_i];
+            container.style[prop] = textareaStyles[prop];
+        }
+        container.style['top'] = '0';
+        container.style['position'] = 'absolute';
+        container.style['zIndex'] = '100';
+        container.style['whiteSpace'] = 'pre-wrap';
+        container.style['wordBreak'] = 'normal';
+        container.style['overflowWrap'] = 'break-word';
+        container.style['overflowY'] = 'scroll';
+        container.style['visibility'] = 'hidden';
+        container.scrollTop = textArea.scrollTop;
+    }
+    var caret = document.getElementById('caret');
+    var _b = caret.getBoundingClientRect(), top = _b.top, left = _b.left;
+    container.innerHTML = '';
+    return {
+        x: left,
+        y: top + window.scrollY + parseInt(textareaStyles.lineHeight),
+    };
+};
+export var useListenTextareaScroll = function (setMention, textarea) {
+    var resetMention = useCallback(function () {
+        setMention(undefined);
+    }, [setMention]);
+    useEffect(function () {
+        if (textarea) {
+            var node_1 = textarea === null || textarea === void 0 ? void 0 : textarea.node;
+            node_1 === null || node_1 === void 0 ? void 0 : node_1.addEventListener('scroll', resetMention);
+            return function () { return node_1 === null || node_1 === void 0 ? void 0 : node_1.removeEventListener('scroll', resetMention); };
+        }
+    }, [resetMention, textarea]);
+    useEffect(function () {
+        window.addEventListener('scroll', resetMention);
+        return window.removeEventListener('scroll', resetMention);
+    }, [resetMention]);
+};
+export var getFullscreenHorizontalPadding = function (fullscreen, textareaWidth) {
+    if (fullscreen) {
+        return (document.body.clientWidth - textareaWidth) / 2;
+    }
+};
+export var getPastedHtml = function (html, event, textArea) {
+    /** Игнорируем Google Docs/Tables/Presentations **/
+    if (!html.includes('id="docs-internal-guid') && !html.includes('<google-sheets-html')) {
+        event.preventDefault();
+        setMarkdownPastedHtml(turndownService.turndown(html), textArea);
+    }
+};

package/src/Markdown/MarkdownMention.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { User } from './types';
+interface Props {
+    getUsersApi: (value: string) => Promise<User[]>;
+    onUserSelect: (login: string, name: string) => void;
+    value: string;
+    x: number;
+    y: number;
+}
+export declare const MarkdownMention: FC<Props>;
+export {};

package/src/Markdown/MarkdownMention.js

@@ -0,0 +1,88 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { Toast } from '@skbkontur/react-ui';
+import { Menu } from '@skbkontur/react-ui/internal/Menu';
+import { ZIndex } from '@skbkontur/react-ui/internal/ZIndex';
+import React, { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { markdownRenderContainer, textEditorDebounceTime } from './constants';
+import { getMarkdownMentionStyle, MentionMenuItem, UserDescriptions, UserWrapper, Avatar } from './Markdown.styled';
+import { getAvatarUrl, useMenuKeyListener } from './MarkdownHelpers/markdownMentionHelpers';
+export var MarkdownMention = function (_a) {
+    var value = _a.value, onUserSelect = _a.onUserSelect, x = _a.x, y = _a.y, getUsersApi = _a.getUsersApi;
+    var _b = useState(), users = _b[0], setUsers = _b[1];
+    var menuRef = useRef(null);
+    var markdownMentionsRef = useRef(document.getElementById(markdownRenderContainer));
+    var timerRef = useRef(textEditorDebounceTime);
+    if (!markdownMentionsRef.current) {
+        var container = document.createElement('div');
+        container.id = markdownRenderContainer;
+        document.body.appendChild(container);
+        markdownMentionsRef.current = container;
+    }
+    useEffect(function () {
+        window.clearTimeout(timerRef.current);
+        try {
+            var load_1 = function () { return __awaiter(void 0, void 0, void 0, function () {
+                var result;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, getUsersApi(value)];
+                        case 1:
+                            result = _a.sent();
+                            result && setUsers(result);
+                            return [2 /*return*/];
+                    }
+                });
+            }); };
+            timerRef.current = window.setTimeout(function () { return void load_1(); }, textEditorDebounceTime);
+        }
+        catch (e) {
+            Toast.push('Ошибка в получении списка пользователей');
+        }
+    }, [getUsersApi, value]);
+    useMenuKeyListener(onUserSelect, users, menuRef);
+    if (!(users === null || users === void 0 ? void 0 : users.length))
+        return null;
+    return createPortal(React.createElement(ZIndex, { priority: "Toast", style: getMarkdownMentionStyle(x, y) },
+        React.createElement(Menu, { ref: menuRef, preventWindowScroll: true, hasShadow: true, maxHeight: 300, width: 300 }, users === null || users === void 0 ? void 0 : users.map(function (user) { return (React.createElement(MentionMenuItem, { key: user.id, onClick: function () { var _a; return onUserSelect((_a = user === null || user === void 0 ? void 0 : user.login) !== null && _a !== void 0 ? _a : '', user.name); } },
+            React.createElement(UserWrapper, null,
+                React.createElement(Avatar, { height: 48, width: 48, src: getAvatarUrl(user.sid) }),
+                React.createElement("div", null,
+                    React.createElement("div", null, user.name),
+                    React.createElement(UserDescriptions, null, user === null || user === void 0 ? void 0 : user.teams.map(function (t) { return t.caption; }).join(', ')))))); }))), markdownMentionsRef.current);
+};

package/src/Markdown/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const MENTION_WRAPPER_ID_POSTFIX = "_MentionWrapper";
+export declare const textEditorDebounceTime = 500;
+export declare const markdownRenderContainer = "markdownRenderContainer";

package/src/Markdown/constants.js

@@ -0,0 +1,3 @@
+export var MENTION_WRAPPER_ID_POSTFIX = '_MentionWrapper';
+export var textEditorDebounceTime = 500;
+export var markdownRenderContainer = 'markdownRenderContainer';

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

@@ -0,0 +1 @@
+declare module 'turndown-plugin-gfm';

package/src/Markdown/types.d.ts

@@ -0,0 +1,39 @@
+import { THEME_2022, THEME_2022_DARK } from '@skbkontur/react-ui';
+export declare enum ViewMode {
+    Preview = "Preview",
+    Edit = "Edit"
+}
+export interface Token {
+    positions: number[];
+    value: string;
+}
+export interface HorizontalPaddings {
+    fullscreenPadding?: number;
+    panelPadding?: number;
+}
+export type Nullable<T> = T | null | undefined;
+export interface RefItem {
+    caption: string;
+    id: string;
+}
+export type ReactUiTheme = typeof THEME_2022 | typeof THEME_2022_DARK;
+export interface User {
+    id: string;
+    login: string;
+    name: string;
+    teams: RefItem[];
+    sid?: string;
+}
+export interface MarkdownApi {
+    /** Метод для загрузки файла */
+    fileDownloadApi?: (id: string) => Promise<File>;
+    /** Метод для скачивания файла */
+    fileUploadApi?: (file: File) => Promise<RefItem>;
+    /** Метод для получения списка пользователей */
+    getUsersApi?: (query: string) => Promise<User[]>;
+}
+export interface TestCase<V, E> {
+    expected: E;
+    name: string;
+    values: V;
+}

package/src/Markdown/types.js

@@ -0,0 +1,5 @@
+export var ViewMode;
+(function (ViewMode) {
+    ViewMode["Preview"] = "Preview";
+    ViewMode["Edit"] = "Edit";
+})(ViewMode || (ViewMode = {}));

package/src/Markdown/utils/guid.d.ts

@@ -0,0 +1,6 @@
+export declare class Guid {
+    private _generated;
+    constructor();
+    get generated(): string;
+    generate(): string;
+}

package/src/Markdown/utils/guid.js

@@ -0,0 +1,23 @@
+import { v4 as uuid } from 'uuid';
+var Guid = /** @class */ (function () {
+    function Guid() {
+        this._generated = uuid();
+    }
+    Object.defineProperty(Guid.prototype, "generated", {
+        get: function () {
+            if (this._generated) {
+                return this._generated;
+            }
+            return this.generate();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Guid.prototype.generate = function () {
+        var id = uuid();
+        this._generated = id;
+        return id;
+    };
+    return Guid;
+}());
+export { Guid };

package/src/Markdown/utils/htmlToMd.d.ts

@@ -0,0 +1,2 @@
+import TurndownService from 'turndown';
+export declare const turndownService: TurndownService;

package/src/Markdown/utils/htmlToMd.js

@@ -0,0 +1,5 @@
+import TurndownService from 'turndown';
+import * as TurndownPluginGfm from 'turndown-plugin-gfm';
+var gfm = TurndownPluginGfm.gfm;
+export var turndownService = new TurndownService({ hr: '---', headingStyle: 'atx' });
+turndownService.use(gfm);

package/src/Markdown/utils/isMacintosh.d.ts

@@ -0,0 +1 @@
+export declare function isMacintosh(): boolean;

package/src/Markdown/utils/isMacintosh.js

@@ -0,0 +1,3 @@
+export function isMacintosh() {
+    return navigator.platform.indexOf('Mac') > -1;
+}

package/src/Markdown/utils/requestStatus.d.ts

@@ -0,0 +1,6 @@
+export declare enum RequestStatus {
+    Default = 0,
+    isFetching = 1,
+    isLoaded = 2,
+    isFailed = 3
+}

package/src/Markdown/utils/requestStatus.js

@@ -0,0 +1,7 @@
+export var RequestStatus;
+(function (RequestStatus) {
+    RequestStatus[RequestStatus["Default"] = 0] = "Default";
+    RequestStatus[RequestStatus["isFetching"] = 1] = "isFetching";
+    RequestStatus[RequestStatus["isLoaded"] = 2] = "isLoaded";
+    RequestStatus[RequestStatus["isFailed"] = 3] = "isFailed";
+})(RequestStatus || (RequestStatus = {}));

package/src/Markdown/utils/saveFile.d.ts

@@ -0,0 +1 @@
+export declare const saveFile: (response: File, fileName?: string) => void;

package/src/Markdown/utils/saveFile.js

@@ -0,0 +1,9 @@
+export var saveFile = function (response, fileName) {
+    var url = window.URL.createObjectURL(response);
+    var link = document.createElement('a');
+    link.href = url;
+    link.setAttribute('download', "".concat(fileName || response.name));
+    document.body.appendChild(link);
+    link.click();
+    window.URL.revokeObjectURL(url);
+};

package/src/MarkdownIcons/AttachLink.d.ts

@@ -0,0 +1 @@
+export declare const AttachLink: () => JSX.Element;

package/src/MarkdownIcons/AttachLink.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export var AttachLink = function () { return (React.createElement("svg", { width: "18", height: "11", viewBox: "0 0 18 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M0 5.5C0 2.46243 2.46243 0 5.5 0H6.75C7.02614 0 7.25 0.223858 7.25 0.5C7.25 0.776142 7.02614 1 6.75 1H5.5C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10H6.75C7.02614 10 7.25 10.2239 7.25 10.5C7.25 10.7761 7.02614 11 6.75 11H5.5C2.46243 11 0 8.53757 0 5.5Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M18 5.5C18 2.46243 15.5376 0 12.5 0H11.25C10.9739 0 10.75 0.223858 10.75 0.5C10.75 0.776142 10.9739 1 11.25 1H12.5C14.9853 1 17 3.01472 17 5.5C17 7.98528 14.9853 10 12.5 10H11.25C10.9739 10 10.75 10.2239 10.75 10.5C10.75 10.7761 10.9739 11 11.25 11H12.5C15.5376 11 18 8.53757 18 5.5Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M5 5C4.72386 5 4.5 5.22386 4.5 5.5C4.5 5.77614 4.72386 6 5 6H13C13.2761 6 13.5 5.77614 13.5 5.5C13.5 5.22386 13.2761 5 13 5H5Z", fill: "currentColor" }))); };

package/src/MarkdownIcons/AttachPaperclip.d.ts

@@ -0,0 +1 @@
+export declare const AttachPaperclip: () => JSX.Element;

package/src/MarkdownIcons/AttachPaperclip.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var AttachPaperclip = function () { return (React.createElement("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M10.4504 0.95575C11.7177 -0.311543 13.7724 -0.311544 15.0397 0.955749C16.307 2.22304 16.307 4.27773 15.0397 5.54502L7.91213 12.6726C6.10883 14.4759 3.18509 14.4759 1.38178 12.6726C-0.421531 10.8693 -0.421529 7.94555 1.38178 6.14224L6.34291 1.18111C6.53817 0.985847 6.85476 0.985847 7.05002 1.18111C7.24528 1.37637 7.24528 1.69295 7.05002 1.88822L2.08889 6.84935C0.676101 8.26213 0.6761 10.5527 2.08888 11.9655C3.50167 13.3783 5.79224 13.3783 7.20503 11.9655L14.3326 4.83792C15.2094 3.96115 15.2094 2.53962 14.3326 1.66286C13.4558 0.786087 12.0343 0.786088 11.1575 1.66286L4.14265 8.67776C3.80189 9.01851 3.80189 9.57098 4.14265 9.91173C4.4834 10.2525 5.03587 10.2525 5.37662 9.91173L10.2251 5.06328C10.4203 4.86801 10.7369 4.86801 10.9322 5.06328C11.1274 5.25854 11.1274 5.57512 10.9322 5.77038L6.08373 10.6188C5.35245 11.3501 4.16682 11.3501 3.43554 10.6188C2.70426 9.88756 2.70426 8.70193 3.43554 7.97065L10.4504 0.95575Z", fill: "currentColor" }))); };

package/src/MarkdownIcons/CheckedList.d.ts

@@ -0,0 +1 @@
+export declare const CheckedList: () => JSX.Element;

package/src/MarkdownIcons/CheckedList.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export var CheckedList = function () { return (React.createElement("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M5.60355 1.35355C5.79882 1.15829 5.79882 0.841709 5.60355 0.646447C5.40829 0.451184 5.09171 0.451184 4.89645 0.646447L2.5 3.04289L1.60355 2.14645C1.40829 1.95118 1.09171 1.95118 0.896447 2.14645C0.701184 2.34171 0.701184 2.65829 0.896447 2.85355L1.79289 3.75C2.18342 4.14053 2.81658 4.14052 3.20711 3.75L5.60355 1.35355Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M15.5 3H7.5C7.22386 3 7 2.77614 7 2.5C7 2.22386 7.22386 2 7.5 2H15.5C15.7761 2 16 2.22386 16 2.5C16 2.77614 15.7761 3 15.5 3Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M7.5 7C7.22386 7 7 7.22386 7 7.5C7 7.77614 7.22386 8 7.5 8H15.5C15.7761 8 16 7.77614 16 7.5C16 7.22386 15.7761 7 15.5 7H7.5Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M15.5 12H7.5C7.22386 12 7 12.2239 7 12.5C7 12.7761 7.22386 13 7.5 13H15.5C15.7761 13 16 12.7761 16 12.5C16 12.2239 15.7761 12 15.5 12Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M5.60355 5.64645C5.79882 5.84171 5.79882 6.15829 5.60355 6.35355L3.20711 8.75C2.81658 9.14052 2.18342 9.14053 1.79289 8.75L0.896447 7.85355C0.701184 7.65829 0.701184 7.34171 0.896447 7.14645C1.09171 6.95118 1.40829 6.95118 1.60355 7.14645L2.5 8.04289L4.89645 5.64645C5.09171 5.45118 5.40829 5.45118 5.60355 5.64645Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M5.60355 11.3536C5.79882 11.1583 5.79882 10.8417 5.60355 10.6464C5.40829 10.4512 5.09171 10.4512 4.89645 10.6464L2.5 13.0429L1.60355 12.1464C1.40829 11.9512 1.09171 11.9512 0.896447 12.1464C0.701184 12.3417 0.701184 12.6583 0.896447 12.8536L1.79289 13.75C2.18342 14.1405 2.81658 14.1405 3.20711 13.75L5.60355 11.3536Z", fill: "currentColor" }))); };

package/src/MarkdownIcons/Collapse.d.ts

@@ -0,0 +1 @@
+export declare const Collapse: () => JSX.Element;

package/src/MarkdownIcons/Collapse.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export var Collapse = function () { return (React.createElement("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M8.93499 11.2072C8.93499 10.1026 8.03956 9.20715 6.93499 9.20715L0.656814 9.20715C0.380672 9.20715 0.156814 9.43101 0.156814 9.70715C0.156814 9.9833 0.380672 10.2072 0.656814 10.2072L6.93499 10.2072C7.48727 10.2072 7.93499 10.6549 7.93499 11.2072L7.93499 17.4853C7.93499 17.7615 8.15885 17.9853 8.43499 17.9853C8.71113 17.9853 8.93499 17.7615 8.93499 17.4853L8.93499 11.2072Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M11.3492 8.79294C10.2446 8.79294 9.3492 7.89751 9.3492 6.79294L9.3492 0.514765C9.3492 0.238622 9.57306 0.0147653 9.8492 0.014765C10.1253 0.0147656 10.3492 0.238623 10.3492 0.514765L10.3492 6.79294C10.3492 7.34522 10.7969 7.79294 11.3492 7.79294L17.6274 7.79294C17.9035 7.79294 18.1274 8.0168 18.1274 8.29294C18.1274 8.56908 17.9035 8.79294 17.6274 8.79294L11.3492 8.79294Z", fill: "currentColor" }))); };

package/src/MarkdownIcons/Expand.d.ts

@@ -0,0 +1 @@
+export declare const Expand: () => JSX.Element;

package/src/MarkdownIcons/Expand.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export var Expand = function () { return (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M2.9851 13.1571C1.88053 13.1571 0.985101 12.2616 0.985101 11.1571L0.985102 4.87888C0.985102 4.60274 1.20896 4.37888 1.4851 4.37888C1.76124 4.37888 1.9851 4.60274 1.9851 4.87888L1.9851 11.1571C1.9851 11.7093 2.43282 12.1571 2.9851 12.1571L9.26328 12.1571C9.53942 12.1571 9.76328 12.3809 9.76328 12.6571C9.76328 12.9332 9.53942 13.1571 9.26328 13.1571L2.9851 13.1571Z", fill: "#222222" }),
+    React.createElement("path", { d: "M13.2988 2.84335C13.2988 1.73878 12.4034 0.843347 11.2988 0.843347L5.02064 0.843347C4.74449 0.843347 4.52064 1.06721 4.52064 1.34335C4.52064 1.61949 4.74449 1.84335 5.02064 1.84335L11.2988 1.84335C11.8511 1.84335 12.2988 2.29106 12.2988 2.84335L12.2988 9.12152C12.2988 9.39767 12.5227 9.62152 12.7988 9.62152C13.075 9.62152 13.2988 9.39766 13.2988 9.12152L13.2988 2.84335Z", fill: "#222222" }))); };

package/src/MarkdownIcons/EyeOpen.d.ts

@@ -0,0 +1 @@
+export declare const EyeOpen: () => JSX.Element;

package/src/MarkdownIcons/EyeOpen.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export var EyeOpen = function () { return (React.createElement("svg", { width: "20", height: "14", viewBox: "0 0 20 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3.3761C7.99853 3.3761 6.37599 4.99863 6.37599 7.00013C6.37599 9.00163 7.99853 10.6242 10 10.6242C12.0015 10.6242 13.6241 9.00163 13.6241 7.00013C13.6241 4.99863 12.0015 3.3761 10 3.3761ZM7.37599 7.00013C7.37599 5.55092 8.55081 4.3761 10 4.3761C11.4492 4.3761 12.6241 5.55092 12.6241 7.00013C12.6241 8.44934 11.4492 9.62416 10 9.62416C8.55081 9.62416 7.37599 8.44934 7.37599 7.00013Z", fill: "currentColor" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 0.5625C5.94148 0.5625 2.45219 2.98066 0.937234 6.44084C0.781176 6.79728 0.781176 7.20273 0.937234 7.55917C2.45219 11.0193 5.94148 13.4375 10 13.4375C14.0586 13.4375 17.5479 11.0193 19.0628 7.55917C19.2189 7.20273 19.2189 6.79728 19.0628 6.44084C17.5479 2.98066 14.0586 0.5625 10 0.5625ZM1.85328 6.84191C3.21211 3.73833 6.34654 1.5625 10 1.5625C13.6535 1.5625 16.7879 3.73833 18.1468 6.84191C18.1909 6.94268 18.1909 7.05732 18.1468 7.1581C16.7879 10.2617 13.6535 12.4375 10 12.4375C6.34654 12.4375 3.21211 10.2617 1.85328 7.1581C1.80916 7.05732 1.80916 6.94268 1.85328 6.84191Z", fill: "currentColor" }))); };

package/src/MarkdownIcons/List.d.ts

@@ -0,0 +1 @@
+export declare const List: () => JSX.Element;

package/src/MarkdownIcons/List.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export var List = function () { return (React.createElement("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M1 2.5C1.55228 2.5 2 2.05228 2 1.5C2 0.947715 1.55228 0.5 1 0.5C0.447715 0.5 0 0.947715 0 1.5C0 2.05228 0.447715 2.5 1 2.5Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M4 1.5C4 1.22386 4.22386 1 4.5 1H13.5C13.7761 1 14 1.22386 14 1.5C14 1.77614 13.7761 2 13.5 2H4.5C4.22386 2 4 1.77614 4 1.5Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M4.5 6C4.22386 6 4 6.22386 4 6.5C4 6.77614 4.22386 7 4.5 7H13.5C13.7761 7 14 6.77614 14 6.5C14 6.22386 13.7761 6 13.5 6H4.5Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M4.5 11C4.22386 11 4 11.2239 4 11.5C4 11.7761 4.22386 12 4.5 12H13.5C13.7761 12 14 11.7761 14 11.5C14 11.2239 13.7761 11 13.5 11H4.5Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M2 6.5C2 7.05228 1.55228 7.5 1 7.5C0.447715 7.5 0 7.05228 0 6.5C0 5.94772 0.447715 5.5 1 5.5C1.55228 5.5 2 5.94772 2 6.5Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M1 12.5C1.55228 12.5 2 12.0523 2 11.5C2 10.9477 1.55228 10.5 1 10.5C0.447715 10.5 0 10.9477 0 11.5C0 12.0523 0.447715 12.5 1 12.5Z", fill: "currentColor" }))); };

package/src/MarkdownIcons/MarkdownIcons.styled.d.ts

@@ -0,0 +1,2 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("../..").MarkdownTheme, {}, never>;
+export declare const RotatedWrapper: import("styled-components").StyledComponent<"div", import("../..").MarkdownTheme, {}, never>;

package/src/MarkdownIcons/MarkdownIcons.styled.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from '../styles/styled-components';
+export var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: 6px;\n"], ["\n  margin-top: 6px;\n"])));
+export var RotatedWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform: rotate(45deg);\n"], ["\n  transform: rotate(45deg);\n"])));
+var templateObject_1, templateObject_2;

package/src/MarkdownIcons/NumberedList.d.ts

@@ -0,0 +1 @@
+export declare const NumberedList: () => JSX.Element;

package/src/MarkdownIcons/NumberedList.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export var NumberedList = function () { return (React.createElement("svg", { width: "15", height: "14", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M2.71209 0.0472114C2.88778 0.129501 3.00001 0.305997 3.00001 0.500006V5.50001C3.00001 5.77615 2.77615 6.00001 2.50001 6.00001C2.22387 6.00001 2.00001 5.77615 2.00001 5.50001V1.56753L1.3201 2.13412C1.10797 2.3109 0.792684 2.28224 0.615902 2.0701C0.43912 1.85796 0.467782 1.54268 0.67992 1.3659L2.17992 0.115895C2.32896 -0.00830596 2.5364 -0.0350785 2.71209 0.0472114Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M6.50001 2.00001C6.22387 2.00001 6.00001 2.22386 6.00001 2.50001C6.00001 2.77615 6.22387 3.00001 6.50001 3.00001H14.5C14.7762 3.00001 15 2.77615 15 2.50001C15 2.22386 14.7762 2.00001 14.5 2.00001H6.50001Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M6.50001 10C6.22387 10 6.00001 10.2239 6.00001 10.5C6.00001 10.7761 6.22387 11 6.50001 11H14.5C14.7762 11 15 10.7761 15 10.5C15 10.2239 14.7762 10 14.5 10H6.50001Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M1.55634 9.49196C1.68544 9.27177 1.8093 9.15912 1.92143 9.09655C2.03381 9.03383 2.17464 8.99896 2.37504 9.00003C2.5843 9.00114 2.77363 9.07222 2.9049 9.19165C3.02784 9.30349 3.13038 9.48457 3.13038 9.77831V9.93822C3.07661 10.3953 2.72366 10.6219 2.06126 11.0281C1.4712 11.3899 0.625013 11.9159 0.625013 13.0738V13.5C0.625013 13.7761 0.84887 14 1.12501 14H3.75001C4.02615 14 4.25001 13.7761 4.25001 13.5C4.25001 13.2239 4.02615 13 3.75001 13H1.62713C1.65634 12.5028 1.98696 12.2467 2.58403 11.8806C2.61887 11.8592 2.65517 11.8373 2.69263 11.8146C3.23939 11.484 4.03302 11.0042 4.1281 10.0123C4.12962 9.9964 4.13038 9.98047 4.13038 9.96454V9.77831C4.13038 9.22236 3.92303 8.76599 3.57784 8.45195C3.241 8.14551 2.80398 8.0023 2.38036 8.00004C2.05843 7.99833 1.73598 8.05487 1.43413 8.22331C1.13202 8.39189 0.890698 8.65015 0.693683 8.98618C0.554014 9.22439 0.633903 9.53073 0.87212 9.6704C1.11034 9.81007 1.41667 9.73018 1.55634 9.49196Z", fill: "currentColor" }))); };

package/src/MarkdownIcons/Table.d.ts

@@ -0,0 +1 @@
+export declare const Table: () => JSX.Element;

package/src/MarkdownIcons/Table.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var Table = function () { return (React.createElement("svg", { width: "14", height: "10", viewBox: "0 0 14 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M1 5V9H7M1 5V1H4H7M1 5H13M13 5V1H7M13 5V9H7M7 1V9", stroke: "currentColor", strokeLinecap: "round" }))); };

package/src/MarkdownIcons/ToolPencil.d.ts

@@ -0,0 +1 @@
+export declare const ToolPencil: () => JSX.Element;

package/src/MarkdownIcons/ToolPencil.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var ToolPencil = function () { return (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.4755 0.43885C11.8897 -0.146935 10.94 -0.146934 10.3542 0.438852L0.43934 10.3537C0.158035 10.635 0 11.0165 0 11.4144V13.5001C0 13.7763 0.223858 14.0001 0.5 14.0001H2.58579C2.98361 14.0001 3.36514 13.8421 3.64645 13.5608L13.5613 3.64595C14.1471 3.06017 14.1471 2.11042 13.5613 1.52463L12.4755 0.43885ZM11.0613 1.14596C11.2566 0.950696 11.5731 0.950696 11.7684 1.14596L12.8542 2.23174C13.0495 2.427 13.0495 2.74358 12.8542 2.93885L11.75 4.04305L9.9571 2.25016L11.0613 1.14596ZM9.25 2.95726L1.14645 11.0608C1.05268 11.1546 1 11.2818 1 11.4144V13.0001H2.58579C2.71839 13.0001 2.84557 12.9475 2.93934 12.8537L11.0429 4.75015L9.25 2.95726Z", fill: "currentColor" }))); };

package/src/MarkdownViewer/Helpers/MarkdownImage.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    src: string;
+}
+export declare const MarkdownImage: FC<Props>;
+export {};

package/src/MarkdownViewer/Helpers/MarkdownImage.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export var MarkdownImage = function (_a) {
+    var src = _a.src;
+    return (React.createElement("a", { href: src, target: "_blank", rel: "noopener noreferrer" },
+        React.createElement("img", { src: src, alt: "" })));
+};

package/src/MarkdownViewer/Helpers/MarkdownLink.d.ts

@@ -0,0 +1,2 @@
+import { MarkdownLinkProps } from '../types';
+export declare const MarkdownLink: ({ href, children, target }: MarkdownLinkProps) => JSX.Element;

package/src/MarkdownViewer/Helpers/MarkdownLink.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export var MarkdownLink = function (_a) {
+    var href = _a.href, children = _a.children, target = _a.target;
+    return (React.createElement("a", { href: href, target: target !== null && target !== void 0 ? target : '_blank', rel: "noopener noreferrer" }, children));
+};

package/src/MarkdownViewer/MarkdownViewer.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+export interface MarkdownViewerProps {
+    /** Метод апи для скачивания файлов */
+    downloadFileApi?: (id: string) => Promise<File>;
+    /** Url апи для файлов  */
+    fileApiUrl?: string;
+    /** Url для профиля сотрудника  */
+    profileUrl?: string;
+    /** MD-текст  */
+    source?: string;
+}
+export declare const MarkdownViewer: FC<MarkdownViewerProps>;