@os-design/editor 1.0.259 → 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/{types/Editor → Editor}/Toolbar.d.ts +1 -2
- 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 +6 -0
- 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 +6 -0
- 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/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 +0 -7
- package/dist/types/Editor/blocks/Figure.d.ts.map +0 -1
- package/dist/types/Editor/blocks/FigureCaption.d.ts +0 -7
- 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}/ToolbarButton.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/blocks/types.d.ts +0 -0
- /package/dist/{types/Editor → Editor}/styles/overrideDraftJsStyles.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,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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
13
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
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(arr) { if (Array.isArray(arr)) return arr; }
|
|
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","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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","obj","__esModule","useReturnHandler","onChange","handler","useCallback","e","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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAIvD;AACA;AACA;AACA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACpBC,QAAsC,EACtCC,OAA4B;EAAA,OAE5B,IAAAC,kBAAW,EACT,UAACC,CAAC,EAAEC,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;MACDZ,QAAQ,CAACU,eAAe,CAAC;MACzB,OAAO,SAAS;IAClB;IAEA,OAAOT,OAAO,CAACE,CAAC,EAAEC,WAAW,CAAC;EAChC,CAAC,EACD,CAACJ,QAAQ,EAAEC,OAAO,CACpB,CAAC;AAAA;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEWf,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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
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(arr) { if (Array.isArray(arr)) return arr; }
|
|
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","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
30
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
33
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
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(arr) { if (Array.isArray(arr)) return arr; }
|
|
36
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
37
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
38
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
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","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","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(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
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","strings","raw","slice","Object","freeze","defineProperties","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,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAErC;AACA;AACA;AACA;AACA,IAAMM,oBAAoB,OAAGC,UAAG,EAAAV,eAAA,KAAAA,eAAA,GAAAC,sBAAA,84JA0K/B;AAAC,IAAAU,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(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
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","strings","raw","slice","Object","freeze","defineProperties","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,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAEzC;AACA,IAAMM,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,CAAC;EAAA,WAAKC,UAAG,EAAAX,eAAA,KAAAA,eAAA,GAAAC,sBAAA,6PAIrBS,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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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","obj","__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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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","obj","__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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;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":[]}
|