@skbkontur/markdown 1.3.4 → 1.4.0

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.4",
+  "version": "1.4.0",
   "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.d.ts

@@ -6,6 +6,8 @@ export interface MarkdownProps extends MarkdownEditorProps {
     api?: MarkdownApi;
     /** Url апи для файлов  */
     fileApiUrl?: string;
+    /** Render валидации файла, если она нужна, максимальный размер файла = 10mb */
+    hideHeadersSelect?: boolean;
     /** Скрыть панель действий (кнопки помощи форматирования текста) */
     hideMarkdownActions?: boolean;
     /** Превьювер мардауна, по умолчанию используется MarkdownViewer */
@@ -14,7 +16,6 @@ export interface MarkdownProps extends MarkdownEditorProps {
     panelHorizontalPadding?: number;
     /** Url для профиля сотрудника  */
     profileUrl?: string;
-    /** Render валидации файла, если она нужна, максимальный размер файла = 10mb */
     renderFilesValidation?: (horizontalPadding: HorizontalPaddings, onReset: () => void) => ReactNode;
 }
 export declare const Markdown: FC<MarkdownProps>;

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';
@@ -37,11 +38,10 @@ 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;
-    var panelHorizontalPadding = props.panelHorizontalPadding, hideMarkdownActions = props.hideMarkdownActions, onClick = props.onClick, onChange = props.onChange, onSelect = props.onSelect, markdownViewer = props.markdownViewer, renderFilesValidation = props.renderFilesValidation, fileApiUrl = props.fileApiUrl, profileUrl = props.profileUrl, api = props.api, textareaProps = __rest(props, ["panelHorizontalPadding", "hideMarkdownActions", "onClick", "onChange", "onSelect", "markdownViewer", "renderFilesValidation", "fileApiUrl", "profileUrl", "api"]);
+    var panelHorizontalPadding = props.panelHorizontalPadding, hideMarkdownActions = props.hideMarkdownActions, onClick = props.onClick, onChange = props.onChange, onSelect = props.onSelect, markdownViewer = props.markdownViewer, renderFilesValidation = props.renderFilesValidation, fileApiUrl = props.fileApiUrl, profileUrl = props.profileUrl, api = props.api, hideHeadersSelect = props.hideHeadersSelect, textareaProps = __rest(props, ["panelHorizontalPadding", "hideMarkdownActions", "onClick", "onChange", "onSelect", "markdownViewer", "renderFilesValidation", "fileApiUrl", "profileUrl", "api", "hideHeadersSelect"]);
     var textareaRef = useRef(null);
     var _b = useState(), mention = _b[0], setMention = _b[1];
     var _c = useState(ViewMode.Edit), viewMode = _c[0], setViewMode = _c[1];
@@ -75,15 +75,15 @@ export var Markdown = function (props) {
     };
     var content = (React.createElement(Foco, { component: "div", onClickOutside: resetStates },
         React.createElement(Wrapper, __assign({}, getRootProps()),
-            !hideMarkdownActions && (React.createElement(MarkdownActions, { textAreaRef: textareaRef, viewMode: viewMode, loadingFile: requestStatus === RequestStatus.isFetching, fullscreen: fullscreen, selectionStart: selectionStart, selectionEnd: selectionEnd, horizontalPaddings: horizontalPaddings, hasFilesApi: !!(api === null || api === void 0 ? void 0 : api.fileDownloadApi) && !!(api === null || api === void 0 ? void 0 : api.fileUploadApi), onOpenFileDialog: open, onChangeViewMode: setViewMode, onClickFullscreen: handleClickFullscreen })),
+            !hideMarkdownActions && (React.createElement(MarkdownActions, { textAreaRef: textareaRef, viewMode: viewMode, loadingFile: requestStatus === RequestStatus.isFetching, fullscreen: fullscreen, hideHeadersSelect: hideHeadersSelect, selectionStart: selectionStart, selectionEnd: selectionEnd, horizontalPaddings: horizontalPaddings, hasFilesApi: !!(api === null || api === void 0 ? void 0 : api.fileDownloadApi) && !!(api === null || api === void 0 ? void 0 : api.fileUploadApi), onOpenFileDialog: open, onChangeViewMode: setViewMode, onClickFullscreen: handleClickFullscreen })),
             isEditMode && error && (api === null || api === void 0 ? void 0 : api.getUsersApi) && (renderFilesValidation === null || renderFilesValidation === void 0 ? void 0 : renderFilesValidation(horizontalPaddings, onResetError)),
             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() {