@os-design/editor 1.0.260 → 1.0.261
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 +9 -6
- 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 +15 -13
- 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 +18 -11
- 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 +13 -9
- 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 +1 -2
- 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 +1 -2
- 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 +1 -2
- package/dist/Editor/index.d.ts +42 -0
- package/dist/Editor/index.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/index.js +41 -37
- 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 +1 -2
- package/dist/Editor/utils/createDecorator.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/createDecorator.js +1 -2
- package/dist/Editor/utils/createEmptyEditorState.d.ts.map +1 -0
- package/dist/{esm/Editor → Editor}/utils/createEmptyEditorState.js +1 -2
- 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 +1 -2
- 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/{esm/index.js → index.js} +1 -2
- 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.map +0 -1
- 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.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 +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":[]}
|
|
@@ -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 _theming = require("@os-design/theming");
|
|
9
|
-
var _templateObject;
|
|
10
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
11
|
-
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
12
|
-
var overrideDraftJsStyles = function overrideDraftJsStyles(p) {
|
|
13
|
-
return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .DraftEditor-root {\n width: 100%;\n overflow: hidden;\n line-height: ", ";\n color: ", ";\n }\n .public-DraftEditorPlaceholder-root {\n color: ", ";\n }\n .public-DraftStyleDefault-block {\n margin: 0 0 ", "em;\n }\n"])), p.theme.lineHeight, (0, _theming.clr)(p.theme.colorText), (0, _theming.clr)(p.theme.inputColorPlaceholder), p.theme.paragraphMarginBottom);
|
|
14
|
-
};
|
|
15
|
-
var _default = exports["default"] = overrideDraftJsStyles;
|
|
16
|
-
//# sourceMappingURL=overrideDraftJsStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"overrideDraftJsStyles.js","names":["_react","require","_theming","_templateObject","_taggedTemplateLiteral","e","t","slice","Object","freeze","defineProperties","raw","value","overrideDraftJsStyles","p","css","theme","lineHeight","clr","colorText","inputColorPlaceholder","paragraphMarginBottom","_default","exports"],"sources":["../../../../src/Editor/styles/overrideDraftJsStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { clr } from '@os-design/theming';\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst overrideDraftJsStyles = (p) => css`\n .DraftEditor-root {\n width: 100%;\n overflow: hidden;\n line-height: ${p.theme.lineHeight};\n color: ${clr(p.theme.colorText)};\n }\n .public-DraftEditorPlaceholder-root {\n color: ${clr(p.theme.inputColorPlaceholder)};\n }\n .public-DraftStyleDefault-block {\n margin: 0 0 ${p.theme.paragraphMarginBottom}em;\n }\n`;\n\nexport default overrideDraftJsStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAyC,IAAAE,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;AAEzC;AACA,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,CAAC;EAAA,WAAKC,UAAG,EAAAZ,eAAA,KAAAA,eAAA,GAAAC,sBAAA,6PAIrBU,CAAC,CAACE,KAAK,CAACC,UAAU,EACxB,IAAAC,YAAG,EAACJ,CAAC,CAACE,KAAK,CAACG,SAAS,CAAC,EAGtB,IAAAD,YAAG,EAACJ,CAAC,CAACE,KAAK,CAACI,qBAAqB,CAAC,EAG7BN,CAAC,CAACE,KAAK,CAACK,qBAAqB;AAAA,CAE9C;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaV,qBAAqB","ignoreList":[]}
|
|
@@ -1,48 +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 _immutable = _interopRequireDefault(require("immutable"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
-
var addNewBlockAt = function addNewBlockAt(editorState, pivotBlockKey) {
|
|
11
|
-
var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'unstyled';
|
|
12
|
-
var data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
13
|
-
var contentState = editorState.getCurrentContent();
|
|
14
|
-
var blockMap = contentState.getBlockMap();
|
|
15
|
-
var pivotBlock = blockMap.get(pivotBlockKey);
|
|
16
|
-
if (!pivotBlock) throw new Error("The pivot key - ".concat(pivotBlockKey, " is not present in blockMap"));
|
|
17
|
-
var blocksBefore = blockMap.toSeq().takeUntil(function (v) {
|
|
18
|
-
return v === pivotBlock;
|
|
19
|
-
});
|
|
20
|
-
var blocksAfter = blockMap.toSeq().skipUntil(function (v) {
|
|
21
|
-
return v === pivotBlock;
|
|
22
|
-
}).rest();
|
|
23
|
-
var key = (0, _draftJs.genKey)();
|
|
24
|
-
var block = new _draftJs.ContentBlock({
|
|
25
|
-
key: key,
|
|
26
|
-
type: type,
|
|
27
|
-
text: '',
|
|
28
|
-
characterList: _immutable["default"].List(),
|
|
29
|
-
depth: 0,
|
|
30
|
-
data: _immutable["default"].Map(data)
|
|
31
|
-
});
|
|
32
|
-
var selectionState = editorState.getSelection();
|
|
33
|
-
var nextBlockMap = blocksBefore.concat([[pivotBlockKey, pivotBlock], [key, block]], blocksAfter).toOrderedMap();
|
|
34
|
-
var nextContentState = contentState.merge({
|
|
35
|
-
blockMap: nextBlockMap,
|
|
36
|
-
selectionBefore: selectionState,
|
|
37
|
-
selectionAfter: selectionState.merge({
|
|
38
|
-
anchorKey: key,
|
|
39
|
-
anchorOffset: 0,
|
|
40
|
-
focusKey: key,
|
|
41
|
-
focusOffset: 0,
|
|
42
|
-
isBackward: false
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
return _draftJs.EditorState.push(editorState, nextContentState, 'split-block');
|
|
46
|
-
};
|
|
47
|
-
var _default = exports["default"] = addNewBlockAt;
|
|
48
|
-
//# sourceMappingURL=addNewBlockAt.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"addNewBlockAt.js","names":["_draftJs","require","_immutable","_interopRequireDefault","e","__esModule","addNewBlockAt","editorState","pivotBlockKey","type","arguments","length","undefined","data","contentState","getCurrentContent","blockMap","getBlockMap","pivotBlock","get","Error","concat","blocksBefore","toSeq","takeUntil","v","blocksAfter","skipUntil","rest","key","genKey","block","ContentBlock","text","characterList","Immutable","List","depth","Map","selectionState","getSelection","nextBlockMap","toOrderedMap","nextContentState","merge","selectionBefore","selectionAfter","anchorKey","anchorOffset","focusKey","focusOffset","isBackward","EditorState","push","_default","exports"],"sources":["../../../../src/Editor/utils/addNewBlockAt.ts"],"sourcesContent":["import { ContentBlock, ContentState, EditorState, genKey } from 'draft-js';\nimport Immutable from 'immutable';\n\nconst addNewBlockAt = (\n editorState: EditorState,\n pivotBlockKey: string,\n type = 'unstyled',\n data: Record<string, any> = {} // eslint-disable-line @typescript-eslint/no-explicit-any\n): EditorState => {\n const contentState = editorState.getCurrentContent();\n const blockMap = contentState.getBlockMap();\n const pivotBlock = blockMap.get(pivotBlockKey);\n if (!pivotBlock)\n throw new Error(\n `The pivot key - ${pivotBlockKey} is not present in blockMap`\n );\n const blocksBefore = blockMap.toSeq().takeUntil((v) => v === pivotBlock);\n const blocksAfter = blockMap\n .toSeq()\n .skipUntil((v) => v === pivotBlock)\n .rest();\n const key = genKey();\n\n const block = new ContentBlock({\n key,\n type,\n text: '',\n characterList: Immutable.List(),\n depth: 0,\n data: Immutable.Map(data),\n });\n\n const selectionState = editorState.getSelection();\n const nextBlockMap = blocksBefore\n .concat(\n [\n [pivotBlockKey, pivotBlock],\n [key, block],\n ],\n blocksAfter\n )\n .toOrderedMap();\n\n const nextContentState = contentState.merge({\n blockMap: nextBlockMap,\n selectionBefore: selectionState,\n selectionAfter: selectionState.merge({\n anchorKey: key,\n anchorOffset: 0,\n focusKey: key,\n focusOffset: 0,\n isBackward: false,\n }),\n }) as ContentState;\n\n return EditorState.push(editorState, nextContentState, 'split-block');\n};\n\nexport default addNewBlockAt;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAkC,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAElC,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,WAAwB,EACxBC,aAAqB,EAGL;EAAA,IAFhBC,IAAI,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,UAAU;EAAA,IACjBG,IAAyB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAE9B,IAAMI,YAAY,GAAGP,WAAW,CAACQ,iBAAiB,CAAC,CAAC;EACpD,IAAMC,QAAQ,GAAGF,YAAY,CAACG,WAAW,CAAC,CAAC;EAC3C,IAAMC,UAAU,GAAGF,QAAQ,CAACG,GAAG,CAACX,aAAa,CAAC;EAC9C,IAAI,CAACU,UAAU,EACb,MAAM,IAAIE,KAAK,oBAAAC,MAAA,CACMb,aAAa,gCAClC,CAAC;EACH,IAAMc,YAAY,GAAGN,QAAQ,CAACO,KAAK,CAAC,CAAC,CAACC,SAAS,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,KAAKP,UAAU;EAAA,EAAC;EACxE,IAAMQ,WAAW,GAAGV,QAAQ,CACzBO,KAAK,CAAC,CAAC,CACPI,SAAS,CAAC,UAACF,CAAC;IAAA,OAAKA,CAAC,KAAKP,UAAU;EAAA,EAAC,CAClCU,IAAI,CAAC,CAAC;EACT,IAAMC,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EAEpB,IAAMC,KAAK,GAAG,IAAIC,qBAAY,CAAC;IAC7BH,GAAG,EAAHA,GAAG;IACHpB,IAAI,EAAJA,IAAI;IACJwB,IAAI,EAAE,EAAE;IACRC,aAAa,EAAEC,qBAAS,CAACC,IAAI,CAAC,CAAC;IAC/BC,KAAK,EAAE,CAAC;IACRxB,IAAI,EAAEsB,qBAAS,CAACG,GAAG,CAACzB,IAAI;EAC1B,CAAC,CAAC;EAEF,IAAM0B,cAAc,GAAGhC,WAAW,CAACiC,YAAY,CAAC,CAAC;EACjD,IAAMC,YAAY,GAAGnB,YAAY,CAC9BD,MAAM,CACL,CACE,CAACb,aAAa,EAAEU,UAAU,CAAC,EAC3B,CAACW,GAAG,EAAEE,KAAK,CAAC,CACb,EACDL,WACF,CAAC,CACAgB,YAAY,CAAC,CAAC;EAEjB,IAAMC,gBAAgB,GAAG7B,YAAY,CAAC8B,KAAK,CAAC;IAC1C5B,QAAQ,EAAEyB,YAAY;IACtBI,eAAe,EAAEN,cAAc;IAC/BO,cAAc,EAAEP,cAAc,CAACK,KAAK,CAAC;MACnCG,SAAS,EAAElB,GAAG;MACdmB,YAAY,EAAE,CAAC;MACfC,QAAQ,EAAEpB,GAAG;MACbqB,WAAW,EAAE,CAAC;MACdC,UAAU,EAAE;IACd,CAAC;EACH,CAAC,CAAiB;EAElB,OAAOC,oBAAW,CAACC,IAAI,CAAC9C,WAAW,EAAEoC,gBAAgB,EAAE,aAAa,CAAC;AACvE,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEajD,aAAa","ignoreList":[]}
|
|
@@ -1,22 +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 changeBlock = function changeBlock(editorState, block, type) {
|
|
9
|
-
var data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
10
|
-
var contentState = editorState.getCurrentContent();
|
|
11
|
-
var nextCurrentBlock = block.merge({
|
|
12
|
-
type: type,
|
|
13
|
-
data: data
|
|
14
|
-
});
|
|
15
|
-
var nextContentState = contentState.merge({
|
|
16
|
-
blockMap: contentState.getBlockMap().set(block.getKey(), nextCurrentBlock),
|
|
17
|
-
selectionAfter: editorState.getSelection()
|
|
18
|
-
});
|
|
19
|
-
return _draftJs.EditorState.push(editorState, nextContentState, 'change-block-type');
|
|
20
|
-
};
|
|
21
|
-
var _default = exports["default"] = changeBlock;
|
|
22
|
-
//# sourceMappingURL=changeBlock.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"changeBlock.js","names":["_draftJs","require","changeBlock","editorState","block","type","data","arguments","length","undefined","contentState","getCurrentContent","nextCurrentBlock","merge","nextContentState","blockMap","getBlockMap","set","getKey","selectionAfter","getSelection","EditorState","push","_default","exports"],"sources":["../../../../src/Editor/utils/changeBlock.ts"],"sourcesContent":["import { ContentBlock, ContentState, EditorState } from 'draft-js';\n\nconst changeBlock = (\n editorState: EditorState,\n block: ContentBlock,\n type: string,\n data: Record<string, any> = {} // eslint-disable-line @typescript-eslint/no-explicit-any\n): EditorState => {\n const contentState = editorState.getCurrentContent();\n\n const nextCurrentBlock = block.merge({ type, data }) as ContentBlock;\n const nextContentState = contentState.merge({\n blockMap: contentState.getBlockMap().set(block.getKey(), nextCurrentBlock),\n selectionAfter: editorState.getSelection(),\n }) as ContentState;\n\n return EditorState.push(editorState, nextContentState, 'change-block-type');\n};\n\nexport default changeBlock;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CACfC,WAAwB,EACxBC,KAAmB,EACnBC,IAAY,EAEI;EAAA,IADhBC,IAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAE9B,IAAMG,YAAY,GAAGP,WAAW,CAACQ,iBAAiB,CAAC,CAAC;EAEpD,IAAMC,gBAAgB,GAAGR,KAAK,CAACS,KAAK,CAAC;IAAER,IAAI,EAAJA,IAAI;IAAEC,IAAI,EAAJA;EAAK,CAAC,CAAiB;EACpE,IAAMQ,gBAAgB,GAAGJ,YAAY,CAACG,KAAK,CAAC;IAC1CE,QAAQ,EAAEL,YAAY,CAACM,WAAW,CAAC,CAAC,CAACC,GAAG,CAACb,KAAK,CAACc,MAAM,CAAC,CAAC,EAAEN,gBAAgB,CAAC;IAC1EO,cAAc,EAAEhB,WAAW,CAACiB,YAAY,CAAC;EAC3C,CAAC,CAAiB;EAElB,OAAOC,oBAAW,CAACC,IAAI,CAACnB,WAAW,EAAEW,gBAAgB,EAAE,mBAAmB,CAAC;AAC7E,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,cAEatB,WAAW","ignoreList":[]}
|
|
@@ -1,14 +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 _createDecorator = _interopRequireDefault(require("./createDecorator"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
-
var createContentEditorState = function createContentEditorState(contentState) {
|
|
11
|
-
return _draftJs.EditorState.createWithContent(contentState, (0, _createDecorator["default"])());
|
|
12
|
-
};
|
|
13
|
-
var _default = exports["default"] = createContentEditorState;
|
|
14
|
-
//# sourceMappingURL=createContentEditorState.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createContentEditorState.js","names":["_draftJs","require","_createDecorator","_interopRequireDefault","e","__esModule","createContentEditorState","contentState","EditorState","createWithContent","createDecorator","_default","exports"],"sources":["../../../../src/Editor/utils/createContentEditorState.ts"],"sourcesContent":["import { ContentState, EditorState } from 'draft-js';\nimport createDecorator from './createDecorator';\n\nconst createContentEditorState = (contentState: ContentState): EditorState =>\n EditorState.createWithContent(contentState, createDecorator());\n\nexport default createContentEditorState;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAgD,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAEhD,IAAME,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,YAA0B;EAAA,OAC1DC,oBAAW,CAACC,iBAAiB,CAACF,YAAY,EAAE,IAAAG,2BAAe,EAAC,CAAC,CAAC;AAAA;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAElDN,wBAAwB","ignoreList":[]}
|
|
@@ -1,14 +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 _linkDecorator = _interopRequireDefault(require("../decorators/linkDecorator"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
-
var createDecorator = function createDecorator() {
|
|
11
|
-
return new _draftJs.CompositeDecorator([_linkDecorator["default"]]);
|
|
12
|
-
};
|
|
13
|
-
var _default = exports["default"] = createDecorator;
|
|
14
|
-
//# sourceMappingURL=createDecorator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createDecorator.js","names":["_draftJs","require","_linkDecorator","_interopRequireDefault","e","__esModule","createDecorator","CompositeDecorator","linkDecorator","_default","exports"],"sources":["../../../../src/Editor/utils/createDecorator.ts"],"sourcesContent":["import { CompositeDecorator } from 'draft-js';\nimport linkDecorator from '../decorators/linkDecorator';\n\nconst createDecorator = (): CompositeDecorator =>\n new CompositeDecorator([linkDecorator]);\n\nexport default createDecorator;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAwD,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAExD,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OACnB,IAAIC,2BAAkB,CAAC,CAACC,yBAAa,CAAC,CAAC;AAAA;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAE3BJ,eAAe","ignoreList":[]}
|
|
@@ -1,14 +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 _createDecorator = _interopRequireDefault(require("./createDecorator"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
-
var createEmptyEditorState = function createEmptyEditorState() {
|
|
11
|
-
return _draftJs.EditorState.createEmpty((0, _createDecorator["default"])());
|
|
12
|
-
};
|
|
13
|
-
var _default = exports["default"] = createEmptyEditorState;
|
|
14
|
-
//# sourceMappingURL=createEmptyEditorState.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createEmptyEditorState.js","names":["_draftJs","require","_createDecorator","_interopRequireDefault","e","__esModule","createEmptyEditorState","EditorState","createEmpty","createDecorator","_default","exports"],"sources":["../../../../src/Editor/utils/createEmptyEditorState.ts"],"sourcesContent":["import { EditorState } from 'draft-js';\nimport createDecorator from './createDecorator';\n\nconst createEmptyEditorState = (): EditorState =>\n EditorState.createEmpty(createDecorator());\n\nexport default createEmptyEditorState;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAgD,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAEhD,IAAME,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA;EAAA,OAC1BC,oBAAW,CAACC,WAAW,CAAC,IAAAC,2BAAe,EAAC,CAAC,CAAC;AAAA;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAE9BL,sBAAsB","ignoreList":[]}
|