@os-design/editor 1.0.260 → 1.0.262
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/dist/@types/emotion.d.js +1 -0
- package/dist/{types/Editor → Editor}/BlockToolbar.d.ts +2 -2
- package/dist/Editor/BlockToolbar.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/BlockToolbar.js +12 -9
- package/dist/{types/Editor → Editor}/StyleToolbar.d.ts +2 -2
- package/dist/Editor/StyleToolbar.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/StyleToolbar.js +19 -17
- package/dist/Editor/Toolbar.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/Toolbar.js +1 -2
- package/dist/Editor/ToolbarButton.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/ToolbarButton.js +6 -6
- package/dist/Editor/blocks/Figure.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/blocks/Figure.js +1 -2
- package/dist/Editor/blocks/FigureCaption.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/blocks/FigureCaption.js +1 -2
- package/dist/{types/Editor → Editor}/blocks/imageBlock.d.ts +1 -1
- package/dist/Editor/blocks/imageBlock.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/blocks/imageBlock.js +22 -15
- package/dist/Editor/blocks/types.d.ts.map +1 -0
- package/dist/Editor/blocks/types.js +1 -0
- package/dist/{types/Editor → Editor}/blocks/videoBlock.d.ts +1 -1
- package/dist/Editor/blocks/videoBlock.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/blocks/videoBlock.js +17 -13
- package/dist/Editor/decorators/linkDecorator.d.ts +4 -0
- package/dist/Editor/decorators/linkDecorator.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/decorators/linkDecorator.js +6 -6
- package/dist/{types/Editor → Editor}/hooks/useBlockToolbarProps.d.ts +3 -0
- package/dist/Editor/hooks/useBlockToolbarProps.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/hooks/useBlockToolbarProps.js +2 -3
- package/dist/{types/Editor → Editor}/hooks/usePastedTextHandler.d.ts +4 -1
- package/dist/Editor/hooks/usePastedTextHandler.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/hooks/usePastedTextHandler.js +1 -2
- package/dist/{types/Editor → Editor}/hooks/useReturnHandler.d.ts +4 -1
- package/dist/Editor/hooks/useReturnHandler.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/hooks/useReturnHandler.js +3 -4
- package/dist/{types/Editor → Editor}/hooks/useStyleToolbarProps.d.ts +3 -0
- package/dist/Editor/hooks/useStyleToolbarProps.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/hooks/useStyleToolbarProps.js +2 -3
- package/dist/Editor/index.d.ts +42 -0
- package/dist/Editor/index.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/index.js +51 -47
- package/dist/Editor/styles/defaultDraftJsStyles.d.ts +7 -0
- package/dist/Editor/styles/defaultDraftJsStyles.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/styles/defaultDraftJsStyles.js +1 -2
- package/dist/{types/Editor → Editor}/styles/overrideDraftJsStyles.d.ts +1 -1
- package/dist/Editor/styles/overrideDraftJsStyles.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/styles/overrideDraftJsStyles.js +1 -4
- package/dist/Editor/utils/addNewBlockAt.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/addNewBlockAt.js +1 -2
- package/dist/Editor/utils/changeBlock.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/changeBlock.js +1 -2
- package/dist/Editor/utils/createContentEditorState.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/createContentEditorState.js +2 -3
- package/dist/Editor/utils/createDecorator.d.ts.map +1 -0
- package/dist/Editor/utils/createDecorator.js +4 -0
- package/dist/Editor/utils/createEmptyEditorState.d.ts.map +1 -0
- package/dist/Editor/utils/createEmptyEditorState.js +4 -0
- package/dist/Editor/utils/defaultStyleToolbarItems.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/defaultStyleToolbarItems.js +8 -8
- package/dist/Editor/utils/getCurrentBlock.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/getCurrentBlock.js +1 -2
- package/dist/Editor/utils/getSelectedBlockElement.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/getSelectedBlockElement.js +2 -3
- package/dist/Editor/utils/getSelectionRange.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/getSelectionRange.js +1 -2
- package/dist/Editor/utils/setLink.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/setLink.js +1 -2
- package/dist/Editor/utils/transformers.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/transformers.js +1 -2
- package/dist/Editor/utils/unsetLink.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/unsetLink.js +1 -2
- package/dist/EditorSkeleton/index.d.ts +8 -0
- package/dist/EditorSkeleton/index.d.ts.map +1 -0
- package/dist/EditorSkeleton/index.js +17 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +15 -0
- package/package.json +12 -13
- package/src/@types/emotion.d.ts +1 -1
- package/src/Editor/BlockToolbar.tsx +2 -2
- package/src/Editor/StyleToolbar.tsx +2 -3
- package/src/Editor/blocks/imageBlock.tsx +1 -1
- package/src/Editor/blocks/videoBlock.tsx +1 -3
- package/src/Editor/decorators/linkDecorator.tsx +1 -2
- package/src/Editor/hooks/usePastedTextHandler.ts +2 -2
- package/src/Editor/hooks/useReturnHandler.ts +1 -1
- package/src/Editor/index.tsx +5 -5
- package/src/Editor/styles/overrideDraftJsStyles.ts +0 -1
- package/src/EditorSkeleton/index.tsx +2 -2
- package/dist/cjs/@types/emotion.d.js +0 -4
- package/dist/cjs/@types/emotion.d.js.map +0 -1
- package/dist/cjs/Editor/BlockToolbar.js +0 -44
- package/dist/cjs/Editor/BlockToolbar.js.map +0 -1
- package/dist/cjs/Editor/StyleToolbar.js +0 -65
- package/dist/cjs/Editor/StyleToolbar.js.map +0 -1
- package/dist/cjs/Editor/Toolbar.js +0 -18
- package/dist/cjs/Editor/Toolbar.js.map +0 -1
- package/dist/cjs/Editor/ToolbarButton.js +0 -47
- package/dist/cjs/Editor/ToolbarButton.js.map +0 -1
- package/dist/cjs/Editor/blocks/Figure.js +0 -16
- package/dist/cjs/Editor/blocks/Figure.js.map +0 -1
- package/dist/cjs/Editor/blocks/FigureCaption.js +0 -21
- package/dist/cjs/Editor/blocks/FigureCaption.js.map +0 -1
- package/dist/cjs/Editor/blocks/imageBlock.js +0 -156
- package/dist/cjs/Editor/blocks/imageBlock.js.map +0 -1
- package/dist/cjs/Editor/blocks/types.js +0 -2
- package/dist/cjs/Editor/blocks/types.js.map +0 -1
- package/dist/cjs/Editor/blocks/videoBlock.js +0 -82
- package/dist/cjs/Editor/blocks/videoBlock.js.map +0 -1
- package/dist/cjs/Editor/decorators/linkDecorator.js +0 -29
- package/dist/cjs/Editor/decorators/linkDecorator.js.map +0 -1
- package/dist/cjs/Editor/hooks/useBlockToolbarProps.js +0 -69
- package/dist/cjs/Editor/hooks/useBlockToolbarProps.js.map +0 -1
- package/dist/cjs/Editor/hooks/usePastedTextHandler.js +0 -26
- package/dist/cjs/Editor/hooks/usePastedTextHandler.js.map +0 -1
- package/dist/cjs/Editor/hooks/useReturnHandler.js +0 -27
- package/dist/cjs/Editor/hooks/useReturnHandler.js.map +0 -1
- package/dist/cjs/Editor/hooks/useStyleToolbarProps.js +0 -56
- package/dist/cjs/Editor/hooks/useStyleToolbarProps.js.map +0 -1
- package/dist/cjs/Editor/index.js +0 -156
- package/dist/cjs/Editor/index.js.map +0 -1
- package/dist/cjs/Editor/styles/defaultDraftJsStyles.js +0 -16
- package/dist/cjs/Editor/styles/defaultDraftJsStyles.js.map +0 -1
- package/dist/cjs/Editor/styles/overrideDraftJsStyles.js +0 -16
- package/dist/cjs/Editor/styles/overrideDraftJsStyles.js.map +0 -1
- package/dist/cjs/Editor/utils/addNewBlockAt.js +0 -48
- package/dist/cjs/Editor/utils/addNewBlockAt.js.map +0 -1
- package/dist/cjs/Editor/utils/changeBlock.js +0 -22
- package/dist/cjs/Editor/utils/changeBlock.js.map +0 -1
- package/dist/cjs/Editor/utils/createContentEditorState.js +0 -14
- package/dist/cjs/Editor/utils/createContentEditorState.js.map +0 -1
- package/dist/cjs/Editor/utils/createDecorator.js +0 -14
- package/dist/cjs/Editor/utils/createDecorator.js.map +0 -1
- package/dist/cjs/Editor/utils/createEmptyEditorState.js +0 -14
- package/dist/cjs/Editor/utils/createEmptyEditorState.js.map +0 -1
- package/dist/cjs/Editor/utils/defaultStyleToolbarItems.js +0 -40
- package/dist/cjs/Editor/utils/defaultStyleToolbarItems.js.map +0 -1
- package/dist/cjs/Editor/utils/getCurrentBlock.js +0 -13
- package/dist/cjs/Editor/utils/getCurrentBlock.js.map +0 -1
- package/dist/cjs/Editor/utils/getSelectedBlockElement.js +0 -20
- package/dist/cjs/Editor/utils/getSelectedBlockElement.js.map +0 -1
- package/dist/cjs/Editor/utils/getSelectionRange.js +0 -13
- package/dist/cjs/Editor/utils/getSelectionRange.js.map +0 -1
- package/dist/cjs/Editor/utils/setLink.js +0 -22
- package/dist/cjs/Editor/utils/setLink.js.map +0 -1
- package/dist/cjs/Editor/utils/transformers.js +0 -16
- package/dist/cjs/Editor/utils/transformers.js.map +0 -1
- package/dist/cjs/Editor/utils/unsetLink.js +0 -15
- package/dist/cjs/Editor/utils/unsetLink.js.map +0 -1
- package/dist/cjs/EditorSkeleton/index.js +0 -31
- package/dist/cjs/EditorSkeleton/index.js.map +0 -1
- package/dist/cjs/index.js +0 -146
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/@types/emotion.d.js +0 -2
- package/dist/esm/@types/emotion.d.js.map +0 -1
- package/dist/esm/Editor/BlockToolbar.js.map +0 -1
- package/dist/esm/Editor/StyleToolbar.js.map +0 -1
- package/dist/esm/Editor/Toolbar.js.map +0 -1
- package/dist/esm/Editor/ToolbarButton.js.map +0 -1
- package/dist/esm/Editor/blocks/Figure.js.map +0 -1
- package/dist/esm/Editor/blocks/FigureCaption.js.map +0 -1
- package/dist/esm/Editor/blocks/imageBlock.js.map +0 -1
- package/dist/esm/Editor/blocks/types.js +0 -2
- package/dist/esm/Editor/blocks/types.js.map +0 -1
- package/dist/esm/Editor/blocks/videoBlock.js.map +0 -1
- package/dist/esm/Editor/decorators/linkDecorator.js.map +0 -1
- package/dist/esm/Editor/hooks/useBlockToolbarProps.js.map +0 -1
- package/dist/esm/Editor/hooks/usePastedTextHandler.js.map +0 -1
- package/dist/esm/Editor/hooks/useReturnHandler.js.map +0 -1
- package/dist/esm/Editor/hooks/useStyleToolbarProps.js.map +0 -1
- package/dist/esm/Editor/index.js.map +0 -1
- package/dist/esm/Editor/styles/defaultDraftJsStyles.js.map +0 -1
- package/dist/esm/Editor/styles/overrideDraftJsStyles.js.map +0 -1
- package/dist/esm/Editor/utils/addNewBlockAt.js.map +0 -1
- package/dist/esm/Editor/utils/changeBlock.js.map +0 -1
- package/dist/esm/Editor/utils/createContentEditorState.js.map +0 -1
- package/dist/esm/Editor/utils/createDecorator.js +0 -5
- package/dist/esm/Editor/utils/createDecorator.js.map +0 -1
- package/dist/esm/Editor/utils/createEmptyEditorState.js +0 -5
- package/dist/esm/Editor/utils/createEmptyEditorState.js.map +0 -1
- package/dist/esm/Editor/utils/defaultStyleToolbarItems.js.map +0 -1
- package/dist/esm/Editor/utils/getCurrentBlock.js.map +0 -1
- package/dist/esm/Editor/utils/getSelectedBlockElement.js.map +0 -1
- package/dist/esm/Editor/utils/getSelectionRange.js.map +0 -1
- package/dist/esm/Editor/utils/setLink.js.map +0 -1
- package/dist/esm/Editor/utils/transformers.js.map +0 -1
- package/dist/esm/Editor/utils/unsetLink.js.map +0 -1
- package/dist/esm/EditorSkeleton/index.js +0 -17
- package/dist/esm/EditorSkeleton/index.js.map +0 -1
- package/dist/esm/index.js +0 -16
- package/dist/esm/index.js.map +0 -1
- package/dist/types/Editor/BlockToolbar.d.ts.map +0 -1
- package/dist/types/Editor/StyleToolbar.d.ts.map +0 -1
- package/dist/types/Editor/Toolbar.d.ts.map +0 -1
- package/dist/types/Editor/ToolbarButton.d.ts.map +0 -1
- package/dist/types/Editor/blocks/Figure.d.ts.map +0 -1
- package/dist/types/Editor/blocks/FigureCaption.d.ts.map +0 -1
- package/dist/types/Editor/blocks/imageBlock.d.ts.map +0 -1
- package/dist/types/Editor/blocks/types.d.ts.map +0 -1
- package/dist/types/Editor/blocks/videoBlock.d.ts.map +0 -1
- package/dist/types/Editor/decorators/linkDecorator.d.ts +0 -4
- package/dist/types/Editor/decorators/linkDecorator.d.ts.map +0 -1
- package/dist/types/Editor/hooks/useBlockToolbarProps.d.ts.map +0 -1
- package/dist/types/Editor/hooks/usePastedTextHandler.d.ts.map +0 -1
- package/dist/types/Editor/hooks/useReturnHandler.d.ts.map +0 -1
- package/dist/types/Editor/hooks/useStyleToolbarProps.d.ts.map +0 -1
- package/dist/types/Editor/index.d.ts +0 -16
- package/dist/types/Editor/index.d.ts.map +0 -1
- package/dist/types/Editor/styles/defaultDraftJsStyles.d.ts +0 -3
- package/dist/types/Editor/styles/defaultDraftJsStyles.d.ts.map +0 -1
- package/dist/types/Editor/styles/overrideDraftJsStyles.d.ts.map +0 -1
- package/dist/types/Editor/utils/addNewBlockAt.d.ts.map +0 -1
- package/dist/types/Editor/utils/changeBlock.d.ts.map +0 -1
- package/dist/types/Editor/utils/createContentEditorState.d.ts.map +0 -1
- package/dist/types/Editor/utils/createDecorator.d.ts.map +0 -1
- package/dist/types/Editor/utils/createEmptyEditorState.d.ts.map +0 -1
- package/dist/types/Editor/utils/defaultStyleToolbarItems.d.ts.map +0 -1
- package/dist/types/Editor/utils/getCurrentBlock.d.ts.map +0 -1
- package/dist/types/Editor/utils/getSelectedBlockElement.d.ts.map +0 -1
- package/dist/types/Editor/utils/getSelectionRange.d.ts.map +0 -1
- package/dist/types/Editor/utils/setLink.d.ts.map +0 -1
- package/dist/types/Editor/utils/transformers.d.ts.map +0 -1
- package/dist/types/Editor/utils/unsetLink.d.ts.map +0 -1
- package/dist/types/EditorSkeleton/index.d.ts +0 -6
- package/dist/types/EditorSkeleton/index.d.ts.map +0 -1
- package/dist/types/index.d.ts.map +0 -1
- /package/dist/{types/Editor → Editor}/Toolbar.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/ToolbarButton.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/blocks/Figure.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/blocks/FigureCaption.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/blocks/types.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/addNewBlockAt.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/changeBlock.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/createContentEditorState.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/createDecorator.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/createEmptyEditorState.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/defaultStyleToolbarItems.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/getCurrentBlock.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/getSelectedBlockElement.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/getSelectionRange.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/setLink.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/transformers.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/utils/unsetLink.d.ts +0 -0
- /package/dist/{types/index.d.ts → index.d.ts} +0 -0
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.VIDEO_BLOCK = void 0;
|
|
7
|
-
var _core = require("@os-design/core");
|
|
8
|
-
var _icons = require("@os-design/icons");
|
|
9
|
-
var _draftJs = require("draft-js");
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _changeBlock = _interopRequireDefault(require("../utils/changeBlock"));
|
|
12
|
-
var _getCurrentBlock = _interopRequireDefault(require("../utils/getCurrentBlock"));
|
|
13
|
-
var _Figure = _interopRequireDefault(require("./Figure"));
|
|
14
|
-
var _FigureCaption = _interopRequireDefault(require("./FigureCaption"));
|
|
15
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
16
|
-
var VideoBlock = function VideoBlock(props) {
|
|
17
|
-
var block = props.block;
|
|
18
|
-
var data = block.getData();
|
|
19
|
-
var src = data.get('src');
|
|
20
|
-
if (!src) return null;
|
|
21
|
-
return /*#__PURE__*/_react["default"].createElement(_Figure["default"], null, /*#__PURE__*/_react["default"].createElement(_core.Video, {
|
|
22
|
-
src: src,
|
|
23
|
-
title: block.getText()
|
|
24
|
-
}), /*#__PURE__*/_react["default"].createElement(_FigureCaption["default"], null, /*#__PURE__*/_react["default"].createElement(_draftJs.EditorBlock, props)));
|
|
25
|
-
};
|
|
26
|
-
var videoTypes = [
|
|
27
|
-
/**
|
|
28
|
-
* YouTube. Supported formats:
|
|
29
|
-
* https://www.youtube.com/watch?v=FJIhWbUt600&ab_channel=IlyaOrdin
|
|
30
|
-
* https://www.youtube.com/embed/FJIhWbUt600
|
|
31
|
-
* https://youtu.be/FJIhWbUt600
|
|
32
|
-
*/
|
|
33
|
-
{
|
|
34
|
-
re: /^https:\/\/(?:www\.youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([A-z0-9-_]*).*$/,
|
|
35
|
-
getUrl: function getUrl(id) {
|
|
36
|
-
return "https://www.youtube.com/embed/".concat(id);
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
/**
|
|
40
|
-
* RuTube. Supported formats:
|
|
41
|
-
* https://rutube.ru/video/d00526135b2b96d272f6d89b486036c1/
|
|
42
|
-
* https://rutube.ru/play/embed/d00526135b2b96d272f6d89b486036c1
|
|
43
|
-
*/
|
|
44
|
-
{
|
|
45
|
-
re: /^https:\/\/rutube\.ru\/(?:video|play\/embed)\/([a-z0-9]*)\/?$/,
|
|
46
|
-
getUrl: function getUrl(id) {
|
|
47
|
-
return "https://rutube.ru/play/embed/".concat(id);
|
|
48
|
-
}
|
|
49
|
-
}];
|
|
50
|
-
var detectVideo = function detectVideo(url) {
|
|
51
|
-
// eslint-disable-next-line no-restricted-syntax
|
|
52
|
-
for (var _i = 0, _videoTypes = videoTypes; _i < _videoTypes.length; _i++) {
|
|
53
|
-
var _videoTypes$_i = _videoTypes[_i],
|
|
54
|
-
re = _videoTypes$_i.re,
|
|
55
|
-
getUrl = _videoTypes$_i.getUrl;
|
|
56
|
-
var groups = url.match(re);
|
|
57
|
-
if (groups && groups[1]) return getUrl(groups[1]);
|
|
58
|
-
}
|
|
59
|
-
return null;
|
|
60
|
-
};
|
|
61
|
-
var VIDEO_BLOCK = exports.VIDEO_BLOCK = 'atomic:video';
|
|
62
|
-
var videoBlock = {
|
|
63
|
-
type: VIDEO_BLOCK,
|
|
64
|
-
component: VideoBlock,
|
|
65
|
-
icon: /*#__PURE__*/_react["default"].createElement(_icons.Video, null),
|
|
66
|
-
onClick: function onClick(_ref) {
|
|
67
|
-
var value = _ref.value,
|
|
68
|
-
onChange = _ref.onChange;
|
|
69
|
-
// eslint-disable-next-line no-alert
|
|
70
|
-
var url = prompt('Insert a link to YouTube or RuTube');
|
|
71
|
-
if (!url) return;
|
|
72
|
-
var src = detectVideo(url);
|
|
73
|
-
if (!src) return;
|
|
74
|
-
var currentBlock = (0, _getCurrentBlock["default"])(value);
|
|
75
|
-
var nextEditorState = (0, _changeBlock["default"])(value, currentBlock, VIDEO_BLOCK, {
|
|
76
|
-
src: src
|
|
77
|
-
});
|
|
78
|
-
onChange(nextEditorState);
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
var _default = exports["default"] = videoBlock;
|
|
82
|
-
//# sourceMappingURL=videoBlock.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"videoBlock.js","names":["_core","require","_icons","_draftJs","_react","_interopRequireDefault","_changeBlock","_getCurrentBlock","_Figure","_FigureCaption","e","__esModule","VideoBlock","props","block","data","getData","src","get","createElement","Video","title","getText","EditorBlock","videoTypes","re","getUrl","id","concat","detectVideo","url","_i","_videoTypes","length","_videoTypes$_i","groups","match","VIDEO_BLOCK","exports","videoBlock","type","component","icon","onClick","_ref","value","onChange","prompt","currentBlock","getCurrentBlock","nextEditorState","changeBlock","_default"],"sources":["../../../../src/Editor/blocks/videoBlock.tsx"],"sourcesContent":["import { Video } from '@os-design/core';\nimport { Video as VideoIcon } from '@os-design/icons';\nimport { EditorBlock } from 'draft-js';\nimport React from 'react';\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\nimport FigureCaption from './FigureCaption';\nimport { BlockProps, BlockToolbarItem } from './types';\n\nconst VideoBlock: React.FC<BlockProps> = (props) => {\n const { block } = props;\n const data = block.getData();\n const src = data.get('src');\n\n if (!src) return null;\n\n return (\n <Figure>\n <Video src={src} title={block.getText()} />\n <FigureCaption>\n <EditorBlock {...props} />\n </FigureCaption>\n </Figure>\n );\n};\n\nconst videoTypes = [\n /**\n * YouTube. Supported formats:\n * https://www.youtube.com/watch?v=FJIhWbUt600&ab_channel=IlyaOrdin\n * https://www.youtube.com/embed/FJIhWbUt600\n * https://youtu.be/FJIhWbUt600\n */\n {\n re: /^https:\\/\\/(?:www\\.youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([A-z0-9-_]*).*$/,\n getUrl: (id: string) => `https://www.youtube.com/embed/${id}`,\n },\n /**\n * RuTube. Supported formats:\n * https://rutube.ru/video/d00526135b2b96d272f6d89b486036c1/\n * https://rutube.ru/play/embed/d00526135b2b96d272f6d89b486036c1\n */\n {\n re: /^https:\\/\\/rutube\\.ru\\/(?:video|play\\/embed)\\/([a-z0-9]*)\\/?$/,\n getUrl: (id: string) => `https://rutube.ru/play/embed/${id}`,\n },\n];\n\nconst detectVideo = (url: string) => {\n // eslint-disable-next-line no-restricted-syntax\n for (const { re, getUrl } of videoTypes) {\n const groups = url.match(re);\n if (groups && groups[1]) return getUrl(groups[1]);\n }\n return null;\n};\n\nexport const VIDEO_BLOCK = 'atomic:video';\n\nconst videoBlock: BlockToolbarItem = {\n type: VIDEO_BLOCK,\n component: VideoBlock,\n icon: <VideoIcon />,\n onClick: ({ value, onChange }) => {\n // eslint-disable-next-line no-alert\n const url = prompt('Insert a link to YouTube or RuTube');\n if (!url) return;\n\n const src = detectVideo(url);\n if (!src) return;\n\n const currentBlock = getCurrentBlock(value);\n const nextEditorState = changeBlock(value, currentBlock, VIDEO_BLOCK, {\n src,\n });\n\n onChange(nextEditorState);\n },\n};\n\nexport default videoBlock;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _core = require("@os-design/core");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
-
var linkDecorator = {
|
|
11
|
-
strategy: function strategy(contentBlock, callback, contentState) {
|
|
12
|
-
return contentBlock.findEntityRanges(function (character) {
|
|
13
|
-
var entityKey = character.getEntity();
|
|
14
|
-
return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
|
|
15
|
-
}, callback);
|
|
16
|
-
},
|
|
17
|
-
component: function component(_ref) {
|
|
18
|
-
var contentState = _ref.contentState,
|
|
19
|
-
entityKey = _ref.entityKey,
|
|
20
|
-
children = _ref.children;
|
|
21
|
-
var _contentState$getEnti = contentState.getEntity(entityKey).getData(),
|
|
22
|
-
url = _contentState$getEnti.url;
|
|
23
|
-
return /*#__PURE__*/_react["default"].createElement(_core.Link, {
|
|
24
|
-
href: url
|
|
25
|
-
}, children);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
var _default = exports["default"] = linkDecorator;
|
|
29
|
-
//# sourceMappingURL=linkDecorator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"linkDecorator.js","names":["_core","require","_react","_interopRequireDefault","e","__esModule","linkDecorator","strategy","contentBlock","callback","contentState","findEntityRanges","character","entityKey","getEntity","getType","component","_ref","children","_contentState$getEnti","getData","url","createElement","Link","href","_default","exports"],"sources":["../../../../src/Editor/decorators/linkDecorator.tsx"],"sourcesContent":["import { Link } from '@os-design/core';\nimport { DraftDecorator } from 'draft-js';\nimport React from 'react';\n\nconst linkDecorator: DraftDecorator = {\n strategy: (contentBlock, callback, contentState) =>\n contentBlock.findEntityRanges((character) => {\n const entityKey = character.getEntity();\n return (\n entityKey !== null &&\n contentState.getEntity(entityKey).getType() === 'LINK'\n );\n }, callback),\n\n component: ({ contentState, entityKey, children }) => {\n const { url } = contentState.getEntity(entityKey).getData();\n return <Link href={url}>{children}</Link>;\n },\n};\n\nexport default linkDecorator;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAE1B,IAAME,aAA6B,GAAG;EACpCC,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,YAAY,EAAEC,QAAQ,EAAEC,YAAY;IAAA,OAC7CF,YAAY,CAACG,gBAAgB,CAAC,UAACC,SAAS,EAAK;MAC3C,IAAMC,SAAS,GAAGD,SAAS,CAACE,SAAS,CAAC,CAAC;MACvC,OACED,SAAS,KAAK,IAAI,IAClBH,YAAY,CAACI,SAAS,CAACD,SAAS,CAAC,CAACE,OAAO,CAAC,CAAC,KAAK,MAAM;IAE1D,CAAC,EAAEN,QAAQ,CAAC;EAAA;EAEdO,SAAS,EAAE,SAAXA,SAASA,CAAAC,IAAA,EAA6C;IAAA,IAAxCP,YAAY,GAAAO,IAAA,CAAZP,YAAY;MAAEG,SAAS,GAAAI,IAAA,CAATJ,SAAS;MAAEK,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAC7C,IAAAC,qBAAA,GAAgBT,YAAY,CAACI,SAAS,CAACD,SAAS,CAAC,CAACO,OAAO,CAAC,CAAC;MAAnDC,GAAG,GAAAF,qBAAA,CAAHE,GAAG;IACX,oBAAOnB,MAAA,YAAAoB,aAAA,CAACtB,KAAA,CAAAuB,IAAI;MAACC,IAAI,EAAEH;IAAI,GAAEH,QAAe,CAAC;EAC3C;AACF,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,cAEapB,aAAa","ignoreList":[]}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _getSelectedBlockElement = _interopRequireDefault(require("../utils/getSelectedBlockElement"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
11
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
12
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
13
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
14
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
15
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
16
|
-
/**
|
|
17
|
-
* Updates the visibility of the block toolbar.
|
|
18
|
-
*/
|
|
19
|
-
var useBlockToolbarProps = function useBlockToolbarProps(value, show) {
|
|
20
|
-
var _useState = (0, _react.useState)({
|
|
21
|
-
top: 0,
|
|
22
|
-
left: 0,
|
|
23
|
-
width: 0,
|
|
24
|
-
height: 0
|
|
25
|
-
}),
|
|
26
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
-
trigger = _useState2[0],
|
|
28
|
-
setTrigger = _useState2[1];
|
|
29
|
-
var _useState3 = (0, _react.useState)(false),
|
|
30
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
31
|
-
visible = _useState4[0],
|
|
32
|
-
setVisible = _useState4[1];
|
|
33
|
-
(0, _react.useEffect)(function () {
|
|
34
|
-
if (!show || !value) return;
|
|
35
|
-
var selectedBlockElement = (0, _getSelectedBlockElement["default"])();
|
|
36
|
-
if (!selectedBlockElement) {
|
|
37
|
-
setVisible(false);
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
var selectionState = value.getSelection();
|
|
41
|
-
var currentBlockKey = selectionState.getStartKey();
|
|
42
|
-
var contentState = value.getCurrentContent();
|
|
43
|
-
var currentBlock = contentState.getBlockForKey(currentBlockKey);
|
|
44
|
-
var lineNumber = contentState.getBlockMap().keySeq().findIndex(function (k) {
|
|
45
|
-
return k === currentBlockKey;
|
|
46
|
-
});
|
|
47
|
-
if (currentBlock.getType() !== 'unstyled' || currentBlock.getLength() > 0 || lineNumber === 0) {
|
|
48
|
-
setVisible(false);
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
var _selectedBlockElement = selectedBlockElement.getBoundingClientRect(),
|
|
52
|
-
top = _selectedBlockElement.top,
|
|
53
|
-
left = _selectedBlockElement.left,
|
|
54
|
-
height = _selectedBlockElement.height;
|
|
55
|
-
setTrigger({
|
|
56
|
-
top: top,
|
|
57
|
-
left: left,
|
|
58
|
-
width: 0,
|
|
59
|
-
height: height
|
|
60
|
-
});
|
|
61
|
-
setVisible(true);
|
|
62
|
-
}, [show, value]);
|
|
63
|
-
return {
|
|
64
|
-
trigger: trigger,
|
|
65
|
-
visible: visible
|
|
66
|
-
};
|
|
67
|
-
};
|
|
68
|
-
var _default = exports["default"] = useBlockToolbarProps;
|
|
69
|
-
//# sourceMappingURL=useBlockToolbarProps.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useBlockToolbarProps.js","names":["_react","require","_getSelectedBlockElement","_interopRequireDefault","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","useBlockToolbarProps","show","_useState","useState","top","left","width","height","_useState2","trigger","setTrigger","_useState3","_useState4","visible","setVisible","useEffect","selectedBlockElement","getSelectedBlockElement","selectionState","getSelection","currentBlockKey","getStartKey","contentState","getCurrentContent","currentBlock","getBlockForKey","lineNumber","getBlockMap","keySeq","findIndex","k","getType","getLength","_selectedBlockElement","getBoundingClientRect","_default","exports"],"sources":["../../../../src/Editor/hooks/useBlockToolbarProps.ts"],"sourcesContent":["import { EditorState } from 'draft-js';\nimport { useEffect, useState } from 'react';\nimport getSelectedBlockElement from '../utils/getSelectedBlockElement';\n\ninterface Rect {\n top: number;\n left: number;\n width: number;\n height: number;\n}\n\ninterface UseBlockToolbarPropsRes {\n trigger: Rect;\n visible: boolean;\n}\n\n/**\n * Updates the visibility of the block toolbar.\n */\nconst useBlockToolbarProps = (\n value: EditorState,\n show: boolean\n): UseBlockToolbarPropsRes => {\n const [trigger, setTrigger] = useState({\n top: 0,\n left: 0,\n width: 0,\n height: 0,\n });\n const [visible, setVisible] = useState(false);\n\n useEffect(() => {\n if (!show || !value) return;\n\n const selectedBlockElement = getSelectedBlockElement();\n if (!selectedBlockElement) {\n setVisible(false);\n return;\n }\n\n const selectionState = value.getSelection();\n const currentBlockKey = selectionState.getStartKey();\n const contentState = value.getCurrentContent();\n const currentBlock = contentState.getBlockForKey(currentBlockKey);\n const lineNumber = contentState\n .getBlockMap()\n .keySeq()\n .findIndex((k) => k === currentBlockKey);\n\n if (\n currentBlock.getType() !== 'unstyled' ||\n currentBlock.getLength() > 0 ||\n lineNumber === 0\n ) {\n setVisible(false);\n return;\n }\n\n const { top, left, height } = selectedBlockElement.getBoundingClientRect();\n setTrigger({\n top,\n left,\n width: 0,\n height,\n });\n setVisible(true);\n }, [show, value]);\n\n return { trigger, visible };\n};\n\nexport default useBlockToolbarProps;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _draftJs = require("draft-js");
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
/**
|
|
10
|
-
* Pastes only text if the current block is atomic.
|
|
11
|
-
*/
|
|
12
|
-
var usePastedTextHandler = function usePastedTextHandler(onChange, handler) {
|
|
13
|
-
return (0, _react.useCallback)(function (text, html, editorState) {
|
|
14
|
-
var currentBlockType = _draftJs.RichUtils.getCurrentBlockType(editorState);
|
|
15
|
-
if (currentBlockType.startsWith('atomic')) {
|
|
16
|
-
var contentState = editorState.getCurrentContent();
|
|
17
|
-
var nextContentState = _draftJs.Modifier.insertText(contentState, editorState.getSelection(), text);
|
|
18
|
-
var nextEditorState = _draftJs.EditorState.push(editorState, nextContentState, 'insert-characters');
|
|
19
|
-
onChange(nextEditorState);
|
|
20
|
-
return 'handled';
|
|
21
|
-
}
|
|
22
|
-
return handler(text, html, editorState);
|
|
23
|
-
}, [onChange, handler]);
|
|
24
|
-
};
|
|
25
|
-
var _default = exports["default"] = usePastedTextHandler;
|
|
26
|
-
//# sourceMappingURL=usePastedTextHandler.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"usePastedTextHandler.js","names":["_draftJs","require","_react","usePastedTextHandler","onChange","handler","useCallback","text","html","editorState","currentBlockType","RichUtils","getCurrentBlockType","startsWith","contentState","getCurrentContent","nextContentState","Modifier","insertText","getSelection","nextEditorState","EditorState","push","_default","exports"],"sources":["../../../../src/Editor/hooks/usePastedTextHandler.ts"],"sourcesContent":["import {\n EditorProps as DraftEditorProps,\n DraftHandleValue,\n EditorState,\n Modifier,\n RichUtils,\n} from 'draft-js';\nimport { useCallback } from 'react';\n\ntype UsePastedTextHandlerRes = Exclude<\n DraftEditorProps['handlePastedText'],\n undefined\n>;\n\n/**\n * Pastes only text if the current block is atomic.\n */\nconst usePastedTextHandler = (\n onChange: (value: EditorState) => void,\n handler: UsePastedTextHandlerRes\n): UsePastedTextHandlerRes =>\n useCallback<UsePastedTextHandlerRes>(\n (text, html, editorState): DraftHandleValue => {\n const currentBlockType = RichUtils.getCurrentBlockType(editorState);\n\n if (currentBlockType.startsWith('atomic')) {\n const contentState = editorState.getCurrentContent();\n const nextContentState = Modifier.insertText(\n contentState,\n editorState.getSelection(),\n text\n );\n const nextEditorState = EditorState.push(\n editorState,\n nextContentState,\n 'insert-characters'\n );\n onChange(nextEditorState);\n return 'handled';\n }\n\n return handler(text, html, editorState);\n },\n [onChange, handler]\n );\n\nexport default usePastedTextHandler;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AAOA;AACA;AACA;AACA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CACxBC,QAAsC,EACtCC,OAAgC;EAAA,OAEhC,IAAAC,kBAAW,EACT,UAACC,IAAI,EAAEC,IAAI,EAAEC,WAAW,EAAuB;IAC7C,IAAMC,gBAAgB,GAAGC,kBAAS,CAACC,mBAAmB,CAACH,WAAW,CAAC;IAEnE,IAAIC,gBAAgB,CAACG,UAAU,CAAC,QAAQ,CAAC,EAAE;MACzC,IAAMC,YAAY,GAAGL,WAAW,CAACM,iBAAiB,CAAC,CAAC;MACpD,IAAMC,gBAAgB,GAAGC,iBAAQ,CAACC,UAAU,CAC1CJ,YAAY,EACZL,WAAW,CAACU,YAAY,CAAC,CAAC,EAC1BZ,IACF,CAAC;MACD,IAAMa,eAAe,GAAGC,oBAAW,CAACC,IAAI,CACtCb,WAAW,EACXO,gBAAgB,EAChB,mBACF,CAAC;MACDZ,QAAQ,CAACgB,eAAe,CAAC;MACzB,OAAO,SAAS;IAClB;IAEA,OAAOf,OAAO,CAACE,IAAI,EAAEC,IAAI,EAAEC,WAAW,CAAC;EACzC,CAAC,EACD,CAACL,QAAQ,EAAEC,OAAO,CACpB,CAAC;AAAA;AAAC,IAAAkB,QAAA,GAAAC,OAAA,cAEWrB,oBAAoB","ignoreList":[]}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _addNewBlockAt = _interopRequireDefault(require("../utils/addNewBlockAt"));
|
|
9
|
-
var _getCurrentBlock = _interopRequireDefault(require("../utils/getCurrentBlock"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
-
/**
|
|
12
|
-
* Adds a new unstyled block if the user presses the return key.
|
|
13
|
-
*/
|
|
14
|
-
var useReturnHandler = function useReturnHandler(onChange, handler) {
|
|
15
|
-
return (0, _react.useCallback)(function (e, editorState) {
|
|
16
|
-
var currentBlock = (0, _getCurrentBlock["default"])(editorState);
|
|
17
|
-
var currentBlockType = currentBlock.getType();
|
|
18
|
-
if (currentBlockType.startsWith('atomic') || currentBlockType.startsWith('header')) {
|
|
19
|
-
var nextEditorState = (0, _addNewBlockAt["default"])(editorState, currentBlock.getKey());
|
|
20
|
-
onChange(nextEditorState);
|
|
21
|
-
return 'handled';
|
|
22
|
-
}
|
|
23
|
-
return handler(e, editorState);
|
|
24
|
-
}, [onChange, handler]);
|
|
25
|
-
};
|
|
26
|
-
var _default = exports["default"] = useReturnHandler;
|
|
27
|
-
//# sourceMappingURL=useReturnHandler.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useReturnHandler.js","names":["_react","require","_addNewBlockAt","_interopRequireDefault","_getCurrentBlock","e","__esModule","useReturnHandler","onChange","handler","useCallback","editorState","currentBlock","getCurrentBlock","currentBlockType","getType","startsWith","nextEditorState","addNewBlockAt","getKey","_default","exports"],"sources":["../../../../src/Editor/hooks/useReturnHandler.ts"],"sourcesContent":["import { EditorProps as DraftEditorProps, EditorState } from 'draft-js';\nimport { useCallback } from 'react';\nimport addNewBlockAt from '../utils/addNewBlockAt';\nimport getCurrentBlock from '../utils/getCurrentBlock';\n\ntype UseReturnHandlerRes = NonNullable<DraftEditorProps['handleReturn']>;\n\n/**\n * Adds a new unstyled block if the user presses the return key.\n */\nconst useReturnHandler = (\n onChange: (value: EditorState) => void,\n handler: UseReturnHandlerRes\n): UseReturnHandlerRes =>\n useCallback<UseReturnHandlerRes>(\n (e, editorState) => {\n const currentBlock = getCurrentBlock(editorState);\n const currentBlockType = currentBlock.getType();\n\n if (\n currentBlockType.startsWith('atomic') ||\n currentBlockType.startsWith('header')\n ) {\n const nextEditorState = addNewBlockAt(\n editorState,\n currentBlock.getKey()\n );\n onChange(nextEditorState);\n return 'handled';\n }\n\n return handler(e, editorState);\n },\n [onChange, handler]\n );\n\nexport default useReturnHandler;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAuD,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAIvD;AACA;AACA;AACA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACpBC,QAAsC,EACtCC,OAA4B;EAAA,OAE5B,IAAAC,kBAAW,EACT,UAACL,CAAC,EAAEM,WAAW,EAAK;IAClB,IAAMC,YAAY,GAAG,IAAAC,2BAAe,EAACF,WAAW,CAAC;IACjD,IAAMG,gBAAgB,GAAGF,YAAY,CAACG,OAAO,CAAC,CAAC;IAE/C,IACED,gBAAgB,CAACE,UAAU,CAAC,QAAQ,CAAC,IACrCF,gBAAgB,CAACE,UAAU,CAAC,QAAQ,CAAC,EACrC;MACA,IAAMC,eAAe,GAAG,IAAAC,yBAAa,EACnCP,WAAW,EACXC,YAAY,CAACO,MAAM,CAAC,CACtB,CAAC;MACDX,QAAQ,CAACS,eAAe,CAAC;MACzB,OAAO,SAAS;IAClB;IAEA,OAAOR,OAAO,CAACJ,CAAC,EAAEM,WAAW,CAAC;EAChC,CAAC,EACD,CAACH,QAAQ,EAAEC,OAAO,CACpB,CAAC;AAAA;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEWd,gBAAgB","ignoreList":[]}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _draftJs = require("draft-js");
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _getSelectionRange = _interopRequireDefault(require("../utils/getSelectionRange"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
12
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
14
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
15
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
16
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
17
|
-
/**
|
|
18
|
-
* Updates the visibility of the style toolbar
|
|
19
|
-
*/
|
|
20
|
-
var useStyleToolbarProps = function useStyleToolbarProps(value) {
|
|
21
|
-
var _useState = (0, _react.useState)({
|
|
22
|
-
top: 0,
|
|
23
|
-
left: 0,
|
|
24
|
-
width: 0,
|
|
25
|
-
height: 0
|
|
26
|
-
}),
|
|
27
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
-
trigger = _useState2[0],
|
|
29
|
-
setTrigger = _useState2[1];
|
|
30
|
-
var _useState3 = (0, _react.useState)(false),
|
|
31
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
32
|
-
visible = _useState4[0],
|
|
33
|
-
setVisible = _useState4[1];
|
|
34
|
-
(0, _react.useEffect)(function () {
|
|
35
|
-
if (!value) return;
|
|
36
|
-
var selectionRange = (0, _getSelectionRange["default"])();
|
|
37
|
-
|
|
38
|
-
// Do not show the panel if either there is no selected text,
|
|
39
|
-
// or the selection range is collapsed,
|
|
40
|
-
// or the selected text is in an atomic block.
|
|
41
|
-
if (!selectionRange || value.getSelection().isCollapsed() || _draftJs.RichUtils.getCurrentBlockType(value).startsWith('atomic')) {
|
|
42
|
-
setVisible(false);
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
// Otherwise, set the rect of the selection range
|
|
47
|
-
setTrigger(selectionRange.getBoundingClientRect());
|
|
48
|
-
setVisible(true);
|
|
49
|
-
}, [value]);
|
|
50
|
-
return {
|
|
51
|
-
trigger: trigger,
|
|
52
|
-
visible: visible
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
var _default = exports["default"] = useStyleToolbarProps;
|
|
56
|
-
//# sourceMappingURL=useStyleToolbarProps.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useStyleToolbarProps.js","names":["_draftJs","require","_react","_getSelectionRange","_interopRequireDefault","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","useStyleToolbarProps","_useState","useState","top","left","width","height","_useState2","trigger","setTrigger","_useState3","_useState4","visible","setVisible","useEffect","selectionRange","getSelectionRange","getSelection","isCollapsed","RichUtils","getCurrentBlockType","startsWith","getBoundingClientRect","_default","exports"],"sources":["../../../../src/Editor/hooks/useStyleToolbarProps.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\nimport { useEffect, useState } from 'react';\nimport getSelectionRange from '../utils/getSelectionRange';\n\ninterface Rect {\n top: number;\n left: number;\n width: number;\n height: number;\n}\n\ninterface UseStyleToolbarPropsRes {\n trigger: Rect;\n visible: boolean;\n}\n\n/**\n * Updates the visibility of the style toolbar\n */\nconst useStyleToolbarProps = (value: EditorState): UseStyleToolbarPropsRes => {\n const [trigger, setTrigger] = useState({\n top: 0,\n left: 0,\n width: 0,\n height: 0,\n });\n const [visible, setVisible] = useState(false);\n\n useEffect(() => {\n if (!value) return;\n const selectionRange = getSelectionRange();\n\n // Do not show the panel if either there is no selected text,\n // or the selection range is collapsed,\n // or the selected text is in an atomic block.\n if (\n !selectionRange ||\n value.getSelection().isCollapsed() ||\n RichUtils.getCurrentBlockType(value).startsWith('atomic')\n ) {\n setVisible(false);\n return;\n }\n\n // Otherwise, set the rect of the selection range\n setTrigger(selectionRange.getBoundingClientRect());\n setVisible(true);\n }, [value]);\n\n return { trigger, visible };\n};\n\nexport default useStyleToolbarProps;\n"],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/Editor/index.js
DELETED
|
@@ -1,156 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = require("@emotion/react");
|
|
9
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
|
-
var _core = require("@os-design/core");
|
|
11
|
-
var _utils = require("@os-design/utils");
|
|
12
|
-
var _draftJs = require("draft-js");
|
|
13
|
-
var _react2 = _interopRequireWildcard(require("react"));
|
|
14
|
-
var _BlockToolbar = _interopRequireDefault(require("./BlockToolbar"));
|
|
15
|
-
var _StyleToolbar = _interopRequireDefault(require("./StyleToolbar"));
|
|
16
|
-
var _useBlockToolbarProps = _interopRequireDefault(require("./hooks/useBlockToolbarProps"));
|
|
17
|
-
var _usePastedTextHandler = _interopRequireDefault(require("./hooks/usePastedTextHandler"));
|
|
18
|
-
var _useReturnHandler = _interopRequireDefault(require("./hooks/useReturnHandler"));
|
|
19
|
-
var _useStyleToolbarProps = _interopRequireDefault(require("./hooks/useStyleToolbarProps"));
|
|
20
|
-
var _defaultDraftJsStyles = _interopRequireDefault(require("./styles/defaultDraftJsStyles"));
|
|
21
|
-
var _overrideDraftJsStyles = _interopRequireDefault(require("./styles/overrideDraftJsStyles"));
|
|
22
|
-
var _createEmptyEditorState = _interopRequireDefault(require("./utils/createEmptyEditorState"));
|
|
23
|
-
var _defaultStyleToolbarItems = _interopRequireDefault(require("./utils/defaultStyleToolbarItems"));
|
|
24
|
-
var _excluded = ["disabled", "styleToolbarItems", "blockToolbarItems", "value", "defaultValue", "onChange", "size", "readOnly", "handleReturn", "handlePastedText"];
|
|
25
|
-
var _templateObject, _templateObject2;
|
|
26
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
27
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
28
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
29
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
30
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
31
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
32
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
33
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
34
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
35
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
36
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
37
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
38
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
39
|
-
var disabledStyles = function disabledStyles(p) {
|
|
40
|
-
return p.disabled && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
41
|
-
};
|
|
42
|
-
var Container = (0, _styled["default"])(_core.InputContainer)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n height: unset;\n cursor: text;\n\n padding: ", "em\n ", "em;\n min-height: ", "em;\n\n ", ";\n ", ";\n ", ";\n"])), function (p) {
|
|
43
|
-
return p.theme.editorPaddingVertical;
|
|
44
|
-
}, function (p) {
|
|
45
|
-
return p.theme.inputPaddingHorizontal;
|
|
46
|
-
}, function (p) {
|
|
47
|
-
return p.theme.editorMinHeight;
|
|
48
|
-
}, _defaultDraftJsStyles["default"], _overrideDraftJsStyles["default"], disabledStyles);
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* Rich text editor based on the Draft.js.
|
|
52
|
-
*/
|
|
53
|
-
var Editor = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
|
54
|
-
var _ref$disabled = _ref.disabled,
|
|
55
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
56
|
-
_ref$styleToolbarItem = _ref.styleToolbarItems,
|
|
57
|
-
styleToolbarItems = _ref$styleToolbarItem === void 0 ? _defaultStyleToolbarItems["default"] : _ref$styleToolbarItem,
|
|
58
|
-
_ref$blockToolbarItem = _ref.blockToolbarItems,
|
|
59
|
-
blockToolbarItems = _ref$blockToolbarItem === void 0 ? [] : _ref$blockToolbarItem,
|
|
60
|
-
value = _ref.value,
|
|
61
|
-
_ref$defaultValue = _ref.defaultValue,
|
|
62
|
-
defaultValue = _ref$defaultValue === void 0 ? (0, _createEmptyEditorState["default"])() : _ref$defaultValue,
|
|
63
|
-
onChange = _ref.onChange,
|
|
64
|
-
size = _ref.size,
|
|
65
|
-
readOnly = _ref.readOnly,
|
|
66
|
-
_ref$handleReturn = _ref.handleReturn,
|
|
67
|
-
handleReturn = _ref$handleReturn === void 0 ? function () {
|
|
68
|
-
return 'not-handled';
|
|
69
|
-
} : _ref$handleReturn,
|
|
70
|
-
_ref$handlePastedText = _ref.handlePastedText,
|
|
71
|
-
handlePastedText = _ref$handlePastedText === void 0 ? function () {
|
|
72
|
-
return 'not-handled';
|
|
73
|
-
} : _ref$handlePastedText,
|
|
74
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
75
|
-
var _useForwardedRef = (0, _utils.useForwardedRef)(ref),
|
|
76
|
-
_useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
|
|
77
|
-
editorRef = _useForwardedRef2[0],
|
|
78
|
-
mergedEditorRef = _useForwardedRef2[1];
|
|
79
|
-
var _useForwardedState = (0, _utils.useForwardedState)({
|
|
80
|
-
value: value,
|
|
81
|
-
defaultValue: defaultValue,
|
|
82
|
-
onChange: onChange
|
|
83
|
-
}),
|
|
84
|
-
_useForwardedState2 = _slicedToArray(_useForwardedState, 2),
|
|
85
|
-
forwardedValue = _useForwardedState2[0],
|
|
86
|
-
setForwardedValue = _useForwardedState2[1];
|
|
87
|
-
|
|
88
|
-
// Used by ImageBlock to make the editor read-only
|
|
89
|
-
// while an image is being uploaded
|
|
90
|
-
var _useState = (0, _react2.useState)(false),
|
|
91
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
92
|
-
innerReadOnly = _useState2[0],
|
|
93
|
-
setInnerReadOnly = _useState2[1];
|
|
94
|
-
|
|
95
|
-
// Get the trigger and visible props for the toolbars
|
|
96
|
-
var styleToolbarProps = (0, _useStyleToolbarProps["default"])(forwardedValue || defaultValue);
|
|
97
|
-
var blockToolbarProps = (0, _useBlockToolbarProps["default"])(forwardedValue || defaultValue, (blockToolbarItems || []).length > 0);
|
|
98
|
-
|
|
99
|
-
// Move the caret to the end of the content when the focus event was fired
|
|
100
|
-
var setEditorState = (0, _react2.useCallback)(function (editorState) {
|
|
101
|
-
if (!editorState.getSelection().getHasFocus()) {
|
|
102
|
-
setForwardedValue(_draftJs.EditorState.moveSelectionToEnd(editorState));
|
|
103
|
-
return;
|
|
104
|
-
}
|
|
105
|
-
setForwardedValue(editorState);
|
|
106
|
-
}, [setForwardedValue]);
|
|
107
|
-
var blockRenderer = (0, _react2.useCallback)(function (block) {
|
|
108
|
-
var blockConfig = blockToolbarItems.find(function (item) {
|
|
109
|
-
return item.type === block.getType();
|
|
110
|
-
});
|
|
111
|
-
if (!blockConfig) return null;
|
|
112
|
-
return {
|
|
113
|
-
component: blockConfig.component
|
|
114
|
-
};
|
|
115
|
-
}, [blockToolbarItems]);
|
|
116
|
-
|
|
117
|
-
// Custom handlers
|
|
118
|
-
var returnHandler = (0, _useReturnHandler["default"])(setForwardedValue, handleReturn);
|
|
119
|
-
var pastedTextHandler = (0, _usePastedTextHandler["default"])(setForwardedValue, handlePastedText);
|
|
120
|
-
return /*#__PURE__*/_react2["default"].createElement(_react2["default"].Fragment, null, /*#__PURE__*/_react2["default"].createElement(Container, {
|
|
121
|
-
disabled: disabled,
|
|
122
|
-
size: size,
|
|
123
|
-
tabIndex: !disabled ? 0 : -1,
|
|
124
|
-
role: !disabled ? 'textbox' : undefined,
|
|
125
|
-
onFocus: function onFocus() {
|
|
126
|
-
if (disabled || !editorRef.current) return;
|
|
127
|
-
editorRef.current.focus();
|
|
128
|
-
}
|
|
129
|
-
}, /*#__PURE__*/_react2["default"].createElement(_draftJs.Editor, _extends({
|
|
130
|
-
onChange: setEditorState,
|
|
131
|
-
blockRendererFn: blockRenderer,
|
|
132
|
-
handleReturn: returnHandler,
|
|
133
|
-
handlePastedText: pastedTextHandler,
|
|
134
|
-
readOnly: readOnly || innerReadOnly || disabled,
|
|
135
|
-
stripPastedStyles: true
|
|
136
|
-
}, rest, {
|
|
137
|
-
editorState: forwardedValue || defaultValue,
|
|
138
|
-
ref: mergedEditorRef
|
|
139
|
-
}))), /*#__PURE__*/_react2["default"].createElement(_StyleToolbar["default"], _extends({}, styleToolbarProps, {
|
|
140
|
-
size: size,
|
|
141
|
-
items: styleToolbarItems,
|
|
142
|
-
value: forwardedValue || defaultValue,
|
|
143
|
-
onChange: setForwardedValue
|
|
144
|
-
})), /*#__PURE__*/_react2["default"].createElement(_BlockToolbar["default"], _extends({}, blockToolbarProps, {
|
|
145
|
-
placement: "right",
|
|
146
|
-
gap: 2.5,
|
|
147
|
-
size: size,
|
|
148
|
-
items: blockToolbarItems,
|
|
149
|
-
value: forwardedValue || defaultValue,
|
|
150
|
-
onChange: setForwardedValue,
|
|
151
|
-
setReadOnly: setInnerReadOnly
|
|
152
|
-
})));
|
|
153
|
-
});
|
|
154
|
-
Editor.displayName = 'Editor';
|
|
155
|
-
var _default = exports["default"] = Editor;
|
|
156
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_core","_utils","_draftJs","_react2","_interopRequireWildcard","_BlockToolbar","_StyleToolbar","_useBlockToolbarProps","_usePastedTextHandler","_useReturnHandler","_useStyleToolbarProps","_defaultDraftJsStyles","_overrideDraftJsStyles","_createEmptyEditorState","_defaultStyleToolbarItems","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","f","o","next","done","push","value","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","_taggedTemplateLiteral","freeze","defineProperties","raw","disabledStyles","p","disabled","css","Container","styled","InputContainer","theme","editorPaddingVertical","inputPaddingHorizontal","editorMinHeight","defaultDraftJsStyles","overrideDraftJsStyles","Editor","forwardRef","_ref","ref","_ref$disabled","_ref$styleToolbarItem","styleToolbarItems","defaultStyleToolbarItems","_ref$blockToolbarItem","blockToolbarItems","_ref$defaultValue","defaultValue","createEmptyEditorState","onChange","size","readOnly","_ref$handleReturn","handleReturn","_ref$handlePastedText","handlePastedText","rest","_useForwardedRef","useForwardedRef","_useForwardedRef2","editorRef","mergedEditorRef","_useForwardedState","useForwardedState","_useForwardedState2","forwardedValue","setForwardedValue","_useState","useState","_useState2","innerReadOnly","setInnerReadOnly","styleToolbarProps","useStyleToolbarProps","blockToolbarProps","useBlockToolbarProps","setEditorState","useCallback","editorState","getSelection","getHasFocus","EditorState","moveSelectionToEnd","blockRenderer","block","blockConfig","find","item","type","getType","component","returnHandler","useReturnHandler","pastedTextHandler","usePastedTextHandler","createElement","Fragment","tabIndex","role","undefined","onFocus","current","focus","blockRendererFn","stripPastedStyles","items","placement","gap","setReadOnly","displayName","_default","exports"],"sources":["../../../src/Editor/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { InputContainer } from '@os-design/core';\nimport { WithSize } from '@os-design/styles';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport {\n Editor as DraftEditor,\n EditorProps as DraftEditorProps,\n EditorState,\n} from 'draft-js';\nimport React, { forwardRef, useCallback, useState } from 'react';\nimport BlockToolbar from './BlockToolbar';\nimport StyleToolbar from './StyleToolbar';\nimport { BlockToolbarItem } from './blocks/types';\nimport useBlockToolbarProps from './hooks/useBlockToolbarProps';\nimport usePastedTextHandler from './hooks/usePastedTextHandler';\nimport useReturnHandler from './hooks/useReturnHandler';\nimport useStyleToolbarProps from './hooks/useStyleToolbarProps';\nimport defaultDraftJsStyles from './styles/defaultDraftJsStyles';\nimport overrideDraftJsStyles from './styles/overrideDraftJsStyles';\nimport createEmptyEditorState from './utils/createEmptyEditorState';\nimport defaultStyleToolbarItems, {\n StyleToolbarItem,\n} from './utils/defaultStyleToolbarItems';\n\nexport interface EditorProps\n extends Omit<DraftEditorProps, 'editorState' | 'onChange'>,\n WithSize {\n /**\n * Whether the editor is disabled.\n * @default false\n */\n disabled?: boolean;\n /**\n * Available styles in the toolbar.\n * @default undefined\n */\n styleToolbarItems?: StyleToolbarItem[];\n /**\n * Available blocks in the toolbar.\n * @default undefined\n */\n blockToolbarItems?: BlockToolbarItem[];\n /**\n * The editor state.\n * @default undefined\n */\n value?: EditorState;\n /**\n * The default value.\n * @default undefined\n */\n defaultValue?: EditorState;\n /**\n * The change event handler.\n * @default undefined\n */\n onChange?: (value: EditorState) => void;\n}\n\nconst disabledStyles = (p) =>\n p.disabled &&\n css`\n cursor: not-allowed;\n `;\n\nconst Container = styled(InputContainer)`\n height: unset;\n cursor: text;\n\n padding: ${(p) => p.theme.editorPaddingVertical}em\n ${(p) => p.theme.inputPaddingHorizontal}em;\n min-height: ${(p) => p.theme.editorMinHeight}em;\n\n ${defaultDraftJsStyles};\n ${overrideDraftJsStyles};\n ${disabledStyles};\n`;\n\n/**\n * Rich text editor based on the Draft.js.\n */\nconst Editor = forwardRef<DraftEditor, EditorProps>(\n (\n {\n disabled = false,\n styleToolbarItems = defaultStyleToolbarItems,\n blockToolbarItems = [],\n value,\n defaultValue = createEmptyEditorState(),\n onChange,\n size,\n readOnly,\n handleReturn = () => 'not-handled',\n handlePastedText = () => 'not-handled',\n ...rest\n },\n ref\n ) => {\n const [editorRef, mergedEditorRef] = useForwardedRef(ref);\n const [forwardedValue, setForwardedValue] = useForwardedState({\n value,\n defaultValue,\n onChange,\n });\n\n // Used by ImageBlock to make the editor read-only\n // while an image is being uploaded\n const [innerReadOnly, setInnerReadOnly] = useState(false);\n\n // Get the trigger and visible props for the toolbars\n const styleToolbarProps = useStyleToolbarProps(\n forwardedValue || defaultValue\n );\n const blockToolbarProps = useBlockToolbarProps(\n forwardedValue || defaultValue,\n (blockToolbarItems || []).length > 0\n );\n\n // Move the caret to the end of the content when the focus event was fired\n const setEditorState = useCallback(\n (editorState: EditorState) => {\n if (!editorState.getSelection().getHasFocus()) {\n setForwardedValue(EditorState.moveSelectionToEnd(editorState));\n return;\n }\n setForwardedValue(editorState);\n },\n [setForwardedValue]\n );\n\n const blockRenderer = useCallback(\n (block) => {\n const blockConfig = blockToolbarItems.find(\n (item) => item.type === block.getType()\n );\n if (!blockConfig) return null;\n return { component: blockConfig.component };\n },\n [blockToolbarItems]\n );\n\n // Custom handlers\n const returnHandler = useReturnHandler(setForwardedValue, handleReturn);\n const pastedTextHandler = usePastedTextHandler(\n setForwardedValue,\n handlePastedText\n );\n\n return (\n <>\n <Container\n disabled={disabled}\n size={size}\n tabIndex={!disabled ? 0 : -1}\n role={!disabled ? 'textbox' : undefined}\n onFocus={() => {\n if (disabled || !editorRef.current) return;\n editorRef.current.focus();\n }}\n >\n <DraftEditor\n onChange={setEditorState}\n blockRendererFn={blockRenderer}\n handleReturn={returnHandler}\n handlePastedText={pastedTextHandler}\n readOnly={readOnly || innerReadOnly || disabled}\n stripPastedStyles\n {...rest}\n editorState={forwardedValue || defaultValue}\n ref={mergedEditorRef}\n />\n </Container>\n\n <StyleToolbar\n {...styleToolbarProps}\n size={size}\n items={styleToolbarItems}\n value={forwardedValue || defaultValue}\n onChange={setForwardedValue}\n />\n\n <BlockToolbar\n {...blockToolbarProps}\n placement='right'\n gap={2.5}\n size={size}\n items={blockToolbarItems}\n value={forwardedValue || defaultValue}\n onChange={setForwardedValue}\n setReadOnly={setInnerReadOnly}\n />\n </>\n );\n }\n);\n\nEditor.displayName = 'Editor';\n\nexport default Editor;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
var _templateObject;
|
|
9
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
10
|
-
/**
|
|
11
|
-
* Default Draft.js styles.
|
|
12
|
-
* The original styles located in `node_modules/draft-js/dist/Draft.css`.
|
|
13
|
-
*/
|
|
14
|
-
var defaultDraftJsStyles = (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .DraftEditor-editorContainer,\n .DraftEditor-root,\n .public-DraftEditor-content {\n height: inherit;\n text-align: initial;\n }\n .public-DraftEditor-content[contenteditable='true'] {\n -webkit-user-modify: read-write-plaintext-only;\n }\n .DraftEditor-root {\n position: relative;\n }\n .DraftEditor-editorContainer {\n background-color: rgba(255, 255, 255, 0);\n border-left: 0.1px solid transparent;\n position: relative;\n z-index: 1;\n }\n .public-DraftEditor-block {\n position: relative;\n }\n .DraftEditor-alignLeft .public-DraftStyleDefault-block {\n text-align: left;\n }\n .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {\n left: 0;\n text-align: left;\n }\n .DraftEditor-alignCenter .public-DraftStyleDefault-block {\n text-align: center;\n }\n .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {\n margin: 0 auto;\n text-align: center;\n width: 100%;\n }\n .DraftEditor-alignRight .public-DraftStyleDefault-block {\n text-align: right;\n }\n .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {\n right: 0;\n text-align: right;\n }\n .public-DraftEditorPlaceholder-root {\n color: #9197a3;\n position: absolute;\n width: 100%;\n z-index: 1;\n }\n .public-DraftEditorPlaceholder-hasFocus {\n color: #bdc1c9;\n }\n .DraftEditorPlaceholder-hidden {\n display: none;\n }\n .public-DraftStyleDefault-block {\n position: relative;\n white-space: pre-wrap;\n }\n .public-DraftStyleDefault-ltr {\n direction: ltr;\n text-align: left;\n }\n .public-DraftStyleDefault-rtl {\n direction: rtl;\n text-align: right;\n }\n .public-DraftStyleDefault-listLTR {\n direction: ltr;\n }\n .public-DraftStyleDefault-listRTL {\n direction: rtl;\n }\n .public-DraftStyleDefault-ol,\n .public-DraftStyleDefault-ul {\n margin: 16px 0;\n padding: 0;\n }\n .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {\n margin-left: 1.5em;\n }\n .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {\n margin-right: 1.5em;\n }\n .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {\n margin-left: 3em;\n }\n .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {\n margin-right: 3em;\n }\n .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {\n margin-left: 4.5em;\n }\n .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {\n margin-right: 4.5em;\n }\n .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {\n margin-left: 6em;\n }\n .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {\n margin-right: 6em;\n }\n .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {\n margin-left: 7.5em;\n }\n .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {\n margin-right: 7.5em;\n }\n .public-DraftStyleDefault-unorderedListItem {\n list-style-type: square;\n position: relative;\n }\n .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {\n list-style-type: disc;\n }\n .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {\n list-style-type: circle;\n }\n .public-DraftStyleDefault-orderedListItem {\n list-style-type: none;\n position: relative;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {\n left: -36px;\n position: absolute;\n text-align: right;\n width: 30px;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {\n position: absolute;\n right: -36px;\n text-align: left;\n width: 30px;\n }\n .public-DraftStyleDefault-orderedListItem:before {\n content: counter(ol0) '. ';\n counter-increment: ol0;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {\n content: counter(ol1, lower-alpha) '. ';\n counter-increment: ol1;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {\n content: counter(ol2, lower-roman) '. ';\n counter-increment: ol2;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {\n content: counter(ol3) '. ';\n counter-increment: ol3;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {\n content: counter(ol4, lower-alpha) '. ';\n counter-increment: ol4;\n }\n .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {\n counter-reset: ol0;\n }\n .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {\n counter-reset: ol1;\n }\n .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {\n counter-reset: ol2;\n }\n .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {\n counter-reset: ol3;\n }\n .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {\n counter-reset: ol4;\n }\n"])));
|
|
15
|
-
var _default = exports["default"] = defaultDraftJsStyles;
|
|
16
|
-
//# sourceMappingURL=defaultDraftJsStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"defaultDraftJsStyles.js","names":["_react","require","_templateObject","_taggedTemplateLiteral","e","t","slice","Object","freeze","defineProperties","raw","value","defaultDraftJsStyles","css","_default","exports"],"sources":["../../../../src/Editor/styles/defaultDraftJsStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\n/**\n * Default Draft.js styles.\n * The original styles located in `node_modules/draft-js/dist/Draft.css`.\n */\nconst defaultDraftJsStyles = css`\n .DraftEditor-editorContainer,\n .DraftEditor-root,\n .public-DraftEditor-content {\n height: inherit;\n text-align: initial;\n }\n .public-DraftEditor-content[contenteditable='true'] {\n -webkit-user-modify: read-write-plaintext-only;\n }\n .DraftEditor-root {\n position: relative;\n }\n .DraftEditor-editorContainer {\n background-color: rgba(255, 255, 255, 0);\n border-left: 0.1px solid transparent;\n position: relative;\n z-index: 1;\n }\n .public-DraftEditor-block {\n position: relative;\n }\n .DraftEditor-alignLeft .public-DraftStyleDefault-block {\n text-align: left;\n }\n .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {\n left: 0;\n text-align: left;\n }\n .DraftEditor-alignCenter .public-DraftStyleDefault-block {\n text-align: center;\n }\n .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {\n margin: 0 auto;\n text-align: center;\n width: 100%;\n }\n .DraftEditor-alignRight .public-DraftStyleDefault-block {\n text-align: right;\n }\n .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {\n right: 0;\n text-align: right;\n }\n .public-DraftEditorPlaceholder-root {\n color: #9197a3;\n position: absolute;\n width: 100%;\n z-index: 1;\n }\n .public-DraftEditorPlaceholder-hasFocus {\n color: #bdc1c9;\n }\n .DraftEditorPlaceholder-hidden {\n display: none;\n }\n .public-DraftStyleDefault-block {\n position: relative;\n white-space: pre-wrap;\n }\n .public-DraftStyleDefault-ltr {\n direction: ltr;\n text-align: left;\n }\n .public-DraftStyleDefault-rtl {\n direction: rtl;\n text-align: right;\n }\n .public-DraftStyleDefault-listLTR {\n direction: ltr;\n }\n .public-DraftStyleDefault-listRTL {\n direction: rtl;\n }\n .public-DraftStyleDefault-ol,\n .public-DraftStyleDefault-ul {\n margin: 16px 0;\n padding: 0;\n }\n .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {\n margin-left: 1.5em;\n }\n .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {\n margin-right: 1.5em;\n }\n .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {\n margin-left: 3em;\n }\n .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {\n margin-right: 3em;\n }\n .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {\n margin-left: 4.5em;\n }\n .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {\n margin-right: 4.5em;\n }\n .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {\n margin-left: 6em;\n }\n .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {\n margin-right: 6em;\n }\n .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {\n margin-left: 7.5em;\n }\n .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {\n margin-right: 7.5em;\n }\n .public-DraftStyleDefault-unorderedListItem {\n list-style-type: square;\n position: relative;\n }\n .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {\n list-style-type: disc;\n }\n .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {\n list-style-type: circle;\n }\n .public-DraftStyleDefault-orderedListItem {\n list-style-type: none;\n position: relative;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {\n left: -36px;\n position: absolute;\n text-align: right;\n width: 30px;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {\n position: absolute;\n right: -36px;\n text-align: left;\n width: 30px;\n }\n .public-DraftStyleDefault-orderedListItem:before {\n content: counter(ol0) '. ';\n counter-increment: ol0;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {\n content: counter(ol1, lower-alpha) '. ';\n counter-increment: ol1;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {\n content: counter(ol2, lower-roman) '. ';\n counter-increment: ol2;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {\n content: counter(ol3) '. ';\n counter-increment: ol3;\n }\n .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {\n content: counter(ol4, lower-alpha) '. ';\n counter-increment: ol4;\n }\n .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {\n counter-reset: ol0;\n }\n .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {\n counter-reset: ol1;\n }\n .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {\n counter-reset: ol2;\n }\n .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {\n counter-reset: ol3;\n }\n .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {\n counter-reset: ol4;\n }\n`;\n\nexport default defaultDraftJsStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAAA,SAAAC,uBAAAC,CAAA,EAAAC,CAAA,WAAAA,CAAA,KAAAA,CAAA,GAAAD,CAAA,CAAAE,KAAA,MAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,CAAA,IAAAM,GAAA,IAAAC,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAAH,CAAA;AAErC;AACA;AACA;AACA;AACA,IAAMO,oBAAoB,OAAGC,UAAG,EAAAX,eAAA,KAAAA,eAAA,GAAAC,sBAAA,84JA0K/B;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEaH,oBAAoB","ignoreList":[]}
|