@skbkontur/markdown 1.3.5 → 1.4.1

package/index.d.ts

@@ -1,3 +1,6 @@
+import { MarkdownThemeConsumerType, MarkdownThemeProviderType } from './src/styles/types';
+declare const MarkdownThemeProvider: MarkdownThemeProviderType;
+declare const MarkdownThemeConsumer: MarkdownThemeConsumerType;
 export { Markdown, MarkdownProps } from './src/Markdown/Markdown';
 export { MarkdownCombination } from './src/Markdown/MarkdownHelpers/MarkdownCombination';
 export { markdownHelpItems, markdownHelpFiles, markdownHelpLists, markdownHelpOther, } from './src/Markdown/MarkdownHelpItems';
@@ -5,4 +8,4 @@ export { MarkdownViewer } from './src/MarkdownViewer/MarkdownViewer';
 export { MarkdownTheme } from './src/styles/theme';
 export { MarkdownApi, RefItem, User, Token, HorizontalPaddings, ViewMode } from '././src/Markdown/types';
 export { ThemeMode, ColorScheme } from './src/styles/types';
-export { MarkdownThemeProvider, MarkdownThemeConsumer } from './src/styles/styled-components';
+export { MarkdownThemeProvider, MarkdownThemeConsumer };

package/index.js

@@ -1,6 +1,9 @@
+import { ThemeProvider, ThemeConsumer } from 'styled-components';
+var MarkdownThemeProvider = ThemeProvider;
+var MarkdownThemeConsumer = ThemeConsumer;
 export { Markdown } from './src/Markdown/Markdown';
 export { MarkdownCombination } from './src/Markdown/MarkdownHelpers/MarkdownCombination';
 export { markdownHelpItems, markdownHelpFiles, markdownHelpLists, markdownHelpOther, } from './src/Markdown/MarkdownHelpItems';
 export { MarkdownViewer } from './src/MarkdownViewer/MarkdownViewer';
 export { ViewMode } from '././src/Markdown/types';
-export { MarkdownThemeProvider, MarkdownThemeConsumer } from './src/styles/styled-components';
+export { MarkdownThemeProvider, MarkdownThemeConsumer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/markdown",
-  "version": "1.3.5",
+  "version": "1.4.1",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
@@ -10,7 +10,6 @@
   "license": "UNLICENSED",
   "author": "tsypilov",
   "dependencies": {
-    "@types/styled-components": "5.1.26",
     "@types/turndown": "^5.0.1",
     "@types/uuid": "^9.0.1",
     "react-dropzone": "^14.2.3",
@@ -20,7 +19,7 @@
     "rehype-sanitize": "5.0.1",
     "remark-breaks": "^3.0.3",
     "remark-gfm": "^3.0.1",
-    "styled-components": "5.3.11",
+    "styled-components": "6.1.1",
     "turndown": "^7.1.2",
     "turndown-plugin-gfm": "^1.0.2",
     "uuid": "^9.0.0"
@@ -32,7 +31,7 @@
     "lint-staged": "lint-staged",
     "lint": "eslint --ext=ts,tsx src && yarn stylelint",
     "lint:fix": "eslint --ext=.ts,tsx src --fix",
-    "stylelint": "stylelint 'src/**/*.{tsx,ts}'",
+    "stylelint": "stylelint \"src/**/*.{tsx,ts}\"",
     "prepare": "husky install .husky",
     "storybook": "start-storybook -p 6007 -s public",
     "build-storybook": "build-storybook --quiet",
@@ -94,13 +93,13 @@
     "jest-teamcity-reporter": "0.9.0",
     "lerna": "5.0.0",
     "lint-staged": "^12.3.4",
+    "postcss": "8",
+    "postcss-styled-syntax": "0.5.0",
     "prettier": "2.2.1",
     "react": "16.9.0",
     "react-dom": "16.9.0",
-    "stylelint": "13.13.1",
-    "stylelint-config-standard": "22.0.0",
-    "stylelint-config-styled-components": "^0.1.1",
-    "stylelint-processor-styled-components": "^1.10.0",
+    "stylelint": "15.11.0",
+    "stylelint-config-standard": "34.0.0",
     "typescript": "4.9.4"
   },
   "files": [

package/src/Markdown/Markdown.js

@@ -24,6 +24,7 @@ import { SidePage, ThemeContext } from '@skbkontur/react-ui';
 import { HideBodyVerticalScroll } from '@skbkontur/react-ui/internal/HideBodyVerticalScroll';
 import React, { useEffect, useLayoutEffect, useRef, useState, } from 'react';
 import Foco from 'react-foco/lib';
+import { ThemeConsumer, ThemeProvider } from 'styled-components';
 import { MENTION_WRAPPER_ID_POSTFIX } from './constants';
 import { useFileLogic } from './Files/Files.logic';
 import { DroppablePlaceholder, getMarkdownReactUiTheme, MarkdownEditorBlock, MarkdownPreview, MentionWrapper, Wrapper, } from './Markdown.styled';
@@ -31,13 +32,12 @@ import { MarkdownActions } from './MarkdownActions';
 import { MarkdownEditor } from './MarkdownEditor';
 import { usePasteFromClipboard } from './MarkdownHelpers/markdownHelpers';
 import { getMentionValue, mentionActions } from './MarkdownHelpers/markdownMentionHelpers';
-import { getCursorCoordinates, getFullscreenHorizontalPadding, useListenTextareaScroll, } from './MarkdownHelpers/markdownTextareaHelpers';
+import { getCursorCoordinates, useFullscreenHorizontalPadding, useListenTextareaScroll, } from './MarkdownHelpers/markdownTextareaHelpers';
 import { MarkdownMention } from './MarkdownMention';
 import { ViewMode } from './types';
 import { Guid } from './utils/guid';
 import { RequestStatus } from './utils/requestStatus';
 import { MarkdownViewer } from '../MarkdownViewer';
-import { MarkdownThemeProvider, MarkdownThemeConsumer } from '../styles/styled-components';
 import { DEFAULT_MARKDOWN_THEME } from '../styles/theme';
 export var Markdown = function (props) {
     var _a;
@@ -68,7 +68,7 @@ export var Markdown = function (props) {
             textareaNode.selectionEnd = selectionEnd !== null && selectionEnd !== void 0 ? selectionEnd : 0;
         }
     }, [fullscreen, isEditMode, selectionEnd, selectionStart]);
-    var fullscreenTextareaPadding = getFullscreenHorizontalPadding(fullscreen, initialWidth);
+    var fullscreenTextareaPadding = useFullscreenHorizontalPadding(fullscreen, initialWidth);
     var horizontalPaddings = {
         panelPadding: panelHorizontalPadding,
         fullscreenPadding: fullscreenTextareaPadding,
@@ -80,10 +80,10 @@ export var Markdown = function (props) {
             isEditMode && renderEditContainer(),
             isDragActive && isEditMode && React.createElement(DroppablePlaceholder, __assign({}, horizontalPaddings))),
         !isEditMode && (React.createElement(MarkdownPreview, __assign({}, horizontalPaddings), (markdownViewer === null || markdownViewer === void 0 ? void 0 : markdownViewer(props.value)) || (React.createElement(MarkdownViewer, { source: (_a = props.value) !== null && _a !== void 0 ? _a : '', downloadFileApi: api === null || api === void 0 ? void 0 : api.fileDownloadApi, fileApiUrl: fileApiUrl, profileUrl: profileUrl }))))));
-    return (React.createElement(MarkdownThemeConsumer, null, function (theme) {
+    return (React.createElement(ThemeConsumer, null, function (theme) {
         var defaultTheme = theme !== null && theme !== void 0 ? theme : DEFAULT_MARKDOWN_THEME;
         var reactUiTheme = getMarkdownReactUiTheme(defaultTheme, theme === null || theme === void 0 ? void 0 : theme.reactUiTheme, panelHorizontalPadding, fullscreenTextareaPadding);
-        return (React.createElement(MarkdownThemeProvider, { theme: defaultTheme },
+        return (React.createElement(ThemeProvider, { theme: defaultTheme },
             React.createElement(ThemeContext.Provider, { value: reactUiTheme }, fullscreen ? renderFullScreen() : content)));
     }));
     function renderFullScreen() {