@os-design/editor 1.0.201 → 1.0.203
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/cjs/@types/emotion.d.js.map +1 -1
- package/dist/cjs/Editor/BlockToolbar.js.map +1 -1
- package/dist/cjs/Editor/StyleToolbar.js +3 -3
- package/dist/cjs/Editor/StyleToolbar.js.map +1 -1
- package/dist/cjs/Editor/Toolbar.js.map +1 -1
- package/dist/cjs/Editor/ToolbarButton.js +5 -5
- package/dist/cjs/Editor/ToolbarButton.js.map +1 -1
- package/dist/cjs/Editor/blocks/Figure.js.map +1 -1
- package/dist/cjs/Editor/blocks/FigureCaption.js.map +1 -1
- package/dist/cjs/Editor/blocks/imageBlock.js +14 -14
- package/dist/cjs/Editor/blocks/imageBlock.js.map +1 -1
- package/dist/cjs/Editor/blocks/types.js +0 -4
- package/dist/cjs/Editor/blocks/types.js.map +1 -1
- package/dist/cjs/Editor/blocks/videoBlock.js +3 -3
- package/dist/cjs/Editor/blocks/videoBlock.js.map +1 -1
- package/dist/cjs/Editor/decorators/linkDecorator.js.map +1 -1
- package/dist/cjs/Editor/hooks/useBlockToolbarProps.js.map +1 -1
- package/dist/cjs/Editor/hooks/usePastedTextHandler.js +1 -1
- package/dist/cjs/Editor/hooks/usePastedTextHandler.js.map +1 -1
- package/dist/cjs/Editor/hooks/useReturnHandler.js +1 -1
- package/dist/cjs/Editor/hooks/useReturnHandler.js.map +1 -1
- package/dist/cjs/Editor/hooks/useStyleToolbarProps.js +1 -1
- package/dist/cjs/Editor/hooks/useStyleToolbarProps.js.map +1 -1
- package/dist/cjs/Editor/index.js +21 -21
- package/dist/cjs/Editor/index.js.map +1 -1
- package/dist/cjs/Editor/styles/defaultDraftJsStyles.js.map +1 -1
- package/dist/cjs/Editor/styles/overrideDraftJsStyles.js.map +1 -1
- package/dist/cjs/Editor/utils/addNewBlockAt.js +1 -1
- package/dist/cjs/Editor/utils/addNewBlockAt.js.map +1 -1
- package/dist/cjs/Editor/utils/changeBlock.js.map +1 -1
- package/dist/cjs/Editor/utils/createContentEditorState.js.map +1 -1
- package/dist/cjs/Editor/utils/createDecorator.js.map +1 -1
- package/dist/cjs/Editor/utils/createEmptyEditorState.js.map +1 -1
- package/dist/cjs/Editor/utils/defaultStyleToolbarItems.js +1 -1
- package/dist/cjs/Editor/utils/defaultStyleToolbarItems.js.map +1 -1
- package/dist/cjs/Editor/utils/getCurrentBlock.js.map +1 -1
- package/dist/cjs/Editor/utils/getSelectedBlockElement.js.map +1 -1
- package/dist/cjs/Editor/utils/getSelectionRange.js.map +1 -1
- package/dist/cjs/Editor/utils/setLink.js.map +1 -1
- package/dist/cjs/Editor/utils/transformers.js.map +1 -1
- package/dist/cjs/Editor/utils/unsetLink.js.map +1 -1
- package/dist/cjs/EditorSkeleton/index.js +1 -1
- package/dist/cjs/EditorSkeleton/index.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/Editor/BlockToolbar.js.map +1 -1
- package/dist/esm/Editor/StyleToolbar.js +3 -3
- package/dist/esm/Editor/StyleToolbar.js.map +1 -1
- package/dist/esm/Editor/ToolbarButton.js +2 -2
- package/dist/esm/Editor/ToolbarButton.js.map +1 -1
- package/dist/esm/Editor/blocks/imageBlock.js +5 -5
- package/dist/esm/Editor/blocks/imageBlock.js.map +1 -1
- package/dist/esm/Editor/blocks/types.js.map +1 -1
- package/dist/esm/Editor/blocks/videoBlock.js +3 -3
- package/dist/esm/Editor/blocks/videoBlock.js.map +1 -1
- package/dist/esm/Editor/decorators/linkDecorator.js.map +1 -1
- package/dist/esm/Editor/hooks/useBlockToolbarProps.js.map +1 -1
- package/dist/esm/Editor/hooks/usePastedTextHandler.js +1 -1
- package/dist/esm/Editor/hooks/usePastedTextHandler.js.map +1 -1
- package/dist/esm/Editor/hooks/useReturnHandler.js +1 -1
- package/dist/esm/Editor/hooks/useReturnHandler.js.map +1 -1
- package/dist/esm/Editor/hooks/useStyleToolbarProps.js +1 -1
- package/dist/esm/Editor/hooks/useStyleToolbarProps.js.map +1 -1
- package/dist/esm/Editor/index.js +11 -11
- package/dist/esm/Editor/index.js.map +1 -1
- package/dist/esm/Editor/utils/addNewBlockAt.js +1 -1
- package/dist/esm/Editor/utils/addNewBlockAt.js.map +1 -1
- package/dist/esm/Editor/utils/changeBlock.js.map +1 -1
- package/dist/esm/Editor/utils/createContentEditorState.js.map +1 -1
- package/dist/esm/Editor/utils/createDecorator.js.map +1 -1
- package/dist/esm/Editor/utils/createEmptyEditorState.js.map +1 -1
- package/dist/esm/Editor/utils/defaultStyleToolbarItems.js +2 -2
- package/dist/esm/Editor/utils/defaultStyleToolbarItems.js.map +1 -1
- package/dist/esm/Editor/utils/getCurrentBlock.js.map +1 -1
- package/dist/esm/Editor/utils/getSelectedBlockElement.js.map +1 -1
- package/dist/esm/Editor/utils/getSelectionRange.js.map +1 -1
- package/dist/esm/Editor/utils/setLink.js.map +1 -1
- package/dist/esm/Editor/utils/transformers.js.map +1 -1
- package/dist/esm/Editor/utils/unsetLink.js.map +1 -1
- package/dist/esm/EditorSkeleton/index.js +1 -1
- package/dist/esm/EditorSkeleton/index.js.map +1 -1
- package/dist/types/Editor/BlockToolbar.d.ts +2 -2
- package/dist/types/Editor/BlockToolbar.d.ts.map +1 -1
- package/dist/types/Editor/StyleToolbar.d.ts +2 -2
- package/dist/types/Editor/StyleToolbar.d.ts.map +1 -1
- package/dist/types/Editor/ToolbarButton.d.ts.map +1 -1
- package/dist/types/Editor/blocks/imageBlock.d.ts.map +1 -1
- package/dist/types/Editor/blocks/types.d.ts +1 -1
- package/dist/types/Editor/blocks/types.d.ts.map +1 -1
- package/dist/types/Editor/blocks/videoBlock.d.ts.map +1 -1
- package/dist/types/Editor/decorators/linkDecorator.d.ts.map +1 -1
- package/dist/types/Editor/hooks/useBlockToolbarProps.d.ts.map +1 -1
- package/dist/types/Editor/hooks/usePastedTextHandler.d.ts.map +1 -1
- package/dist/types/Editor/hooks/useReturnHandler.d.ts.map +1 -1
- package/dist/types/Editor/hooks/useStyleToolbarProps.d.ts.map +1 -1
- package/dist/types/Editor/index.d.ts +3 -3
- package/dist/types/Editor/index.d.ts.map +1 -1
- package/dist/types/Editor/utils/addNewBlockAt.d.ts.map +1 -1
- package/dist/types/Editor/utils/defaultStyleToolbarItems.d.ts.map +1 -1
- package/dist/types/EditorSkeleton/index.d.ts +1 -1
- package/dist/types/EditorSkeleton/index.d.ts.map +1 -1
- package/package.json +7 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStyleToolbarProps.js","names":["
|
|
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","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","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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"}
|
package/dist/cjs/Editor/index.js
CHANGED
|
@@ -5,27 +5,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
|
-
var _react =
|
|
9
|
-
var _draftJs = require("draft-js");
|
|
10
|
-
var _core = require("@os-design/core");
|
|
8
|
+
var _react = require("@emotion/react");
|
|
11
9
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
|
+
var _core = require("@os-design/core");
|
|
12
11
|
var _utils = require("@os-design/utils");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var _defaultDraftJsStyles = _interopRequireDefault(require("./styles/defaultDraftJsStyles"));
|
|
16
|
-
var _overrideDraftJsStyles = _interopRequireDefault(require("./styles/overrideDraftJsStyles"));
|
|
17
|
-
var _defaultStyleToolbarItems = _interopRequireDefault(require("./utils/defaultStyleToolbarItems"));
|
|
18
|
-
var _StyleToolbar = _interopRequireDefault(require("./StyleToolbar"));
|
|
12
|
+
var _draftJs = require("draft-js");
|
|
13
|
+
var _react2 = _interopRequireWildcard(require("react"));
|
|
19
14
|
var _BlockToolbar = _interopRequireDefault(require("./BlockToolbar"));
|
|
20
|
-
var
|
|
15
|
+
var _StyleToolbar = _interopRequireDefault(require("./StyleToolbar"));
|
|
21
16
|
var _useBlockToolbarProps = _interopRequireDefault(require("./hooks/useBlockToolbarProps"));
|
|
22
|
-
var _useReturnHandler = _interopRequireDefault(require("./hooks/useReturnHandler"));
|
|
23
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
24
|
var _excluded = ["disabled", "styleToolbarItems", "blockToolbarItems", "value", "defaultValue", "onChange", "size", "readOnly", "handleReturn", "handlePastedText"];
|
|
25
25
|
var _templateObject, _templateObject2;
|
|
26
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
26
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
28
27
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
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
30
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
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."); }
|
|
@@ -37,7 +37,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
37
37
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
38
38
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
39
39
|
var disabledStyles = function disabledStyles(p) {
|
|
40
|
-
return p.disabled && (0,
|
|
40
|
+
return p.disabled && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
41
41
|
};
|
|
42
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
43
|
return p.theme.editorPaddingVertical;
|
|
@@ -50,7 +50,7 @@ var Container = (0, _styled["default"])(_core.InputContainer)(_templateObject2 |
|
|
|
50
50
|
/**
|
|
51
51
|
* Rich text editor based on the Draft.js.
|
|
52
52
|
*/
|
|
53
|
-
var Editor = /*#__PURE__*/(0,
|
|
53
|
+
var Editor = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
|
54
54
|
var _ref$disabled = _ref.disabled,
|
|
55
55
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
56
56
|
_ref$styleToolbarItem = _ref.styleToolbarItems,
|
|
@@ -87,7 +87,7 @@ var Editor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
87
87
|
|
|
88
88
|
// Used by ImageBlock to make the editor read-only
|
|
89
89
|
// while an image is being uploaded
|
|
90
|
-
var _useState = (0,
|
|
90
|
+
var _useState = (0, _react2.useState)(false),
|
|
91
91
|
_useState2 = _slicedToArray(_useState, 2),
|
|
92
92
|
innerReadOnly = _useState2[0],
|
|
93
93
|
setInnerReadOnly = _useState2[1];
|
|
@@ -97,14 +97,14 @@ var Editor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
97
97
|
var blockToolbarProps = (0, _useBlockToolbarProps["default"])(forwardedValue || defaultValue, (blockToolbarItems || []).length > 0);
|
|
98
98
|
|
|
99
99
|
// Move the caret to the end of the content when the focus event was fired
|
|
100
|
-
var setEditorState = (0,
|
|
100
|
+
var setEditorState = (0, _react2.useCallback)(function (editorState) {
|
|
101
101
|
if (!editorState.getSelection().getHasFocus()) {
|
|
102
102
|
setForwardedValue(_draftJs.EditorState.moveSelectionToEnd(editorState));
|
|
103
103
|
return;
|
|
104
104
|
}
|
|
105
105
|
setForwardedValue(editorState);
|
|
106
106
|
}, [setForwardedValue]);
|
|
107
|
-
var blockRenderer = (0,
|
|
107
|
+
var blockRenderer = (0, _react2.useCallback)(function (block) {
|
|
108
108
|
var blockConfig = blockToolbarItems.find(function (item) {
|
|
109
109
|
return item.type === block.getType();
|
|
110
110
|
});
|
|
@@ -117,7 +117,7 @@ var Editor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
117
117
|
// Custom handlers
|
|
118
118
|
var returnHandler = (0, _useReturnHandler["default"])(setForwardedValue, handleReturn);
|
|
119
119
|
var pastedTextHandler = (0, _usePastedTextHandler["default"])(setForwardedValue, handlePastedText);
|
|
120
|
-
return /*#__PURE__*/
|
|
120
|
+
return /*#__PURE__*/_react2["default"].createElement(_react2["default"].Fragment, null, /*#__PURE__*/_react2["default"].createElement(Container, {
|
|
121
121
|
disabled: disabled,
|
|
122
122
|
size: size,
|
|
123
123
|
tabIndex: !disabled ? 0 : -1,
|
|
@@ -126,7 +126,7 @@ var Editor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
126
126
|
if (disabled || !editorRef.current) return;
|
|
127
127
|
editorRef.current.focus();
|
|
128
128
|
}
|
|
129
|
-
}, /*#__PURE__*/
|
|
129
|
+
}, /*#__PURE__*/_react2["default"].createElement(_draftJs.Editor, _extends({
|
|
130
130
|
onChange: setEditorState,
|
|
131
131
|
blockRendererFn: blockRenderer,
|
|
132
132
|
handleReturn: returnHandler,
|
|
@@ -136,12 +136,12 @@ var Editor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
136
136
|
}, rest, {
|
|
137
137
|
editorState: forwardedValue || defaultValue,
|
|
138
138
|
ref: mergedEditorRef
|
|
139
|
-
}))), /*#__PURE__*/
|
|
139
|
+
}))), /*#__PURE__*/_react2["default"].createElement(_StyleToolbar["default"], _extends({}, styleToolbarProps, {
|
|
140
140
|
size: size,
|
|
141
141
|
items: styleToolbarItems,
|
|
142
142
|
value: forwardedValue || defaultValue,
|
|
143
143
|
onChange: setForwardedValue
|
|
144
|
-
})), /*#__PURE__*/
|
|
144
|
+
})), /*#__PURE__*/_react2["default"].createElement(_BlockToolbar["default"], _extends({}, blockToolbarProps, {
|
|
145
145
|
placement: "right",
|
|
146
146
|
gap: 2.5,
|
|
147
147
|
size: size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["disabledStyles","p","disabled","css","Container","styled","InputContainer","theme","editorPaddingVertical","inputPaddingHorizontal","editorMinHeight","defaultDraftJsStyles","overrideDraftJsStyles","Editor","forwardRef","ref","styleToolbarItems","defaultStyleToolbarItems","blockToolbarItems","value","defaultValue","createEmptyEditorState","onChange","size","readOnly","handleReturn","handlePastedText","rest","useForwardedRef","editorRef","mergedEditorRef","useForwardedState","forwardedValue","setForwardedValue","useState","innerReadOnly","setInnerReadOnly","styleToolbarProps","useStyleToolbarProps","blockToolbarProps","useBlockToolbarProps","length","setEditorState","useCallback","editorState","getSelection","getHasFocus","EditorState","moveSelectionToEnd","blockRenderer","block","blockConfig","find","item","type","getType","component","returnHandler","useReturnHandler","pastedTextHandler","usePastedTextHandler","undefined","current","focus","displayName"],"sources":["../../../src/Editor/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from 'react';\nimport {\n Editor as DraftEditor,\n EditorState,\n EditorProps as DraftEditorProps,\n} from 'draft-js';\nimport { InputContainer } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { WithSize } from '@os-design/styles';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport createEmptyEditorState from './utils/createEmptyEditorState';\nimport defaultDraftJsStyles from './styles/defaultDraftJsStyles';\nimport overrideDraftJsStyles from './styles/overrideDraftJsStyles';\nimport defaultStyleToolbarItems, {\n StyleToolbarItem,\n} from './utils/defaultStyleToolbarItems';\nimport StyleToolbar from './StyleToolbar';\nimport BlockToolbar from './BlockToolbar';\nimport useStyleToolbarProps from './hooks/useStyleToolbarProps';\nimport useBlockToolbarProps from './hooks/useBlockToolbarProps';\nimport useReturnHandler from './hooks/useReturnHandler';\nimport usePastedTextHandler from './hooks/usePastedTextHandler';\nimport { BlockToolbarItem } from './blocks/types';\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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"}
|
|
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","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_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';\n\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';\n\nimport defaultDraftJsStyles from './styles/defaultDraftJsStyles';\nimport overrideDraftJsStyles from './styles/overrideDraftJsStyles';\nimport createEmptyEditorState from './utils/createEmptyEditorState';\n\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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultDraftJsStyles.js","names":["defaultDraftJsStyles","css"],"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;AAAqC;AAAA;AAErC;AACA;AACA;AACA;AACA,
|
|
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,GAEaF,oBAAoB;AAAAG,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overrideDraftJsStyles.js","names":["overrideDraftJsStyles","p","css","theme","lineHeight","clr","colorText","inputColorPlaceholder","paragraphMarginBottom"],"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;AACA;AAAyC;AAAA;AAEzC;AACA,
|
|
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,GAEaT,qBAAqB;AAAAU,OAAA,cAAAD,QAAA"}
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
var _immutable = _interopRequireDefault(require("immutable"));
|
|
8
7
|
var _draftJs = require("draft-js");
|
|
8
|
+
var _immutable = _interopRequireDefault(require("immutable"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
var addNewBlockAt = function addNewBlockAt(editorState, pivotBlockKey) {
|
|
11
11
|
var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'unstyled';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addNewBlockAt.js","names":["addNewBlockAt","editorState","pivotBlockKey","type","data","contentState","getCurrentContent","blockMap","getBlockMap","pivotBlock","get","Error","blocksBefore","toSeq","takeUntil","v","blocksAfter","skipUntil","rest","key","genKey","block","ContentBlock","text","characterList","Immutable","List","depth","Map","selectionState","getSelection","nextBlockMap","
|
|
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,GAEahD,aAAa;AAAAiD,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"changeBlock.js","names":["changeBlock","editorState","block","type","data","contentState","getCurrentContent","nextCurrentBlock","merge","nextContentState","blockMap","getBlockMap","set","getKey","selectionAfter","getSelection","EditorState","push"],"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;AAEA,
|
|
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,GAEarB,WAAW;AAAAsB,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createContentEditorState.js","names":["createContentEditorState","contentState","EditorState","createWithContent","createDecorator"],"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;AACA;AAAgD;AAEhD,
|
|
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,GAElDL,wBAAwB;AAAAM,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDecorator.js","names":["createDecorator","CompositeDecorator","linkDecorator"],"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;AACA;AAAwD;AAExD,
|
|
1
|
+
{"version":3,"file":"createDecorator.js","names":["_draftJs","require","_linkDecorator","_interopRequireDefault","obj","__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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAExD,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OACnB,IAAIC,2BAAkB,CAAC,CAACC,yBAAa,CAAC,CAAC;AAAA;AAAC,IAAAC,QAAA,GAE3BH,eAAe;AAAAI,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createEmptyEditorState.js","names":["createEmptyEditorState","EditorState","createEmpty","createDecorator"],"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;AACA;AAAgD;AAEhD,
|
|
1
|
+
{"version":3,"file":"createEmptyEditorState.js","names":["_draftJs","require","_createDecorator","_interopRequireDefault","obj","__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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAEhD,IAAME,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA;EAAA,OAC1BC,oBAAW,CAACC,WAAW,CAAC,IAAAC,2BAAe,EAAC,CAAC,CAAC;AAAA;AAAC,IAAAC,QAAA,GAE9BJ,sBAAsB;AAAAK,OAAA,cAAAD,QAAA"}
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
7
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
8
|
var _icons = require("@os-design/icons");
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _templateObject;
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultStyleToolbarItems.js","names":["FontSizeSmall","styled","FontSize","defaultStyleToolbarItems","name","type","icon"],"sources":["../../../../src/Editor/utils/defaultStyleToolbarItems.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"defaultStyleToolbarItems.js","names":["_styled","_interopRequireDefault","require","_icons","_react","_templateObject","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","FontSizeSmall","styled","FontSize","defaultStyleToolbarItems","name","type","icon","createElement","Bold","UnorderedList","OrderedList","Link","_default","exports"],"sources":["../../../../src/Editor/utils/defaultStyleToolbarItems.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n Bold,\n FontSize,\n Link as LinkIcon,\n OrderedList,\n UnorderedList,\n} from '@os-design/icons';\nimport React from 'react';\n\nexport interface StyleToolbarItem {\n name: string;\n type: 'block' | 'inline';\n icon: React.ReactNode;\n}\n\nconst FontSizeSmall = styled(FontSize)`\n transform: scale(0.7);\n`;\n\nconst defaultStyleToolbarItems: StyleToolbarItem[] = [\n { name: 'header-two', type: 'block', icon: <FontSize /> },\n { name: 'header-three', type: 'block', icon: <FontSizeSmall /> },\n { name: 'BOLD', type: 'inline', icon: <Bold /> },\n { name: 'unordered-list-item', type: 'block', icon: <UnorderedList /> },\n { name: 'ordered-list-item', type: 'block', icon: <OrderedList /> },\n { name: 'LINK', type: 'inline', icon: <LinkIcon /> },\n];\n\nexport default defaultStyleToolbarItems;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA0B,IAAAG,eAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,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;AAQ1B,IAAMM,aAAa,GAAG,IAAAC,kBAAM,EAACC,eAAQ,CAAC,CAAAb,eAAA,KAAAA,eAAA,GAAAG,sBAAA,oCAErC;AAED,IAAMW,wBAA4C,GAAG,CACnD;EAAEC,IAAI,EAAE,YAAY;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAe,QAAQ,MAAE;AAAE,CAAC,EACzD;EAAEE,IAAI,EAAE,cAAc;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACP,aAAa,MAAE;AAAE,CAAC,EAChE;EAAEI,IAAI,EAAE,MAAM;EAAEC,IAAI,EAAE,QAAQ;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAqB,IAAI,MAAE;AAAE,CAAC,EAChD;EAAEJ,IAAI,EAAE,qBAAqB;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAsB,aAAa,MAAE;AAAE,CAAC,EACvE;EAAEL,IAAI,EAAE,mBAAmB;EAAEC,IAAI,EAAE,OAAO;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAuB,WAAW,MAAE;AAAE,CAAC,EACnE;EAAEN,IAAI,EAAE,MAAM;EAAEC,IAAI,EAAE,QAAQ;EAAEC,IAAI,eAAElB,MAAA,YAAAmB,aAAA,CAACpB,MAAA,CAAAwB,IAAQ,MAAE;AAAE,CAAC,CACrD;AAAC,IAAAC,QAAA,GAEaT,wBAAwB;AAAAU,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getCurrentBlock.js","names":["getCurrentBlock","editorState","selectionState","getSelection","contentState","getCurrentContent","getBlockForKey","getStartKey"],"sources":["../../../../src/Editor/utils/getCurrentBlock.ts"],"sourcesContent":["import { ContentBlock, EditorState } from 'draft-js';\n\nconst getCurrentBlock = (editorState: EditorState): ContentBlock => {\n const selectionState = editorState.getSelection();\n const contentState = editorState.getCurrentContent();\n return contentState.getBlockForKey(selectionState.getStartKey());\n};\n\nexport default getCurrentBlock;\n"],"mappings":";;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,
|
|
1
|
+
{"version":3,"file":"getCurrentBlock.js","names":["getCurrentBlock","editorState","selectionState","getSelection","contentState","getCurrentContent","getBlockForKey","getStartKey","_default","exports"],"sources":["../../../../src/Editor/utils/getCurrentBlock.ts"],"sourcesContent":["import { ContentBlock, EditorState } from 'draft-js';\n\nconst getCurrentBlock = (editorState: EditorState): ContentBlock => {\n const selectionState = editorState.getSelection();\n const contentState = editorState.getCurrentContent();\n return contentState.getBlockForKey(selectionState.getStartKey());\n};\n\nexport default getCurrentBlock;\n"],"mappings":";;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,WAAwB,EAAmB;EAClE,IAAMC,cAAc,GAAGD,WAAW,CAACE,YAAY,CAAC,CAAC;EACjD,IAAMC,YAAY,GAAGH,WAAW,CAACI,iBAAiB,CAAC,CAAC;EACpD,OAAOD,YAAY,CAACE,cAAc,CAACJ,cAAc,CAACK,WAAW,CAAC,CAAC,CAAC;AAClE,CAAC;AAAC,IAAAC,QAAA,GAEaR,eAAe;AAAAS,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getSelectedBlockElement.js","names":["getSelectedBlockElement","selectionRange","getSelectionRange","node","startContainer","Element","getAttribute","parentNode"],"sources":["../../../../src/Editor/utils/getSelectedBlockElement.ts"],"sourcesContent":["import getSelectionRange from './getSelectionRange';\n\nconst getSelectedBlockElement = (): Element | null => {\n const selectionRange = getSelectionRange();\n if (!selectionRange) return null;\n\n let node: Node | null = selectionRange.startContainer;\n\n do {\n if (node instanceof Element && node.getAttribute('data-block') === 'true')\n return node;\n node = node.parentNode;\n } while (node != null);\n return null;\n};\n\nexport default getSelectedBlockElement;\n"],"mappings":";;;;;;AAAA;AAAoD;AAEpD,
|
|
1
|
+
{"version":3,"file":"getSelectedBlockElement.js","names":["_getSelectionRange","_interopRequireDefault","require","obj","__esModule","getSelectedBlockElement","selectionRange","getSelectionRange","node","startContainer","Element","getAttribute","parentNode","_default","exports"],"sources":["../../../../src/Editor/utils/getSelectedBlockElement.ts"],"sourcesContent":["import getSelectionRange from './getSelectionRange';\n\nconst getSelectedBlockElement = (): Element | null => {\n const selectionRange = getSelectionRange();\n if (!selectionRange) return null;\n\n let node: Node | null = selectionRange.startContainer;\n\n do {\n if (node instanceof Element && node.getAttribute('data-block') === 'true')\n return node;\n node = node.parentNode;\n } while (node != null);\n return null;\n};\n\nexport default getSelectedBlockElement;\n"],"mappings":";;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAEpD,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAyB;EACpD,IAAMC,cAAc,GAAG,IAAAC,6BAAiB,EAAC,CAAC;EAC1C,IAAI,CAACD,cAAc,EAAE,OAAO,IAAI;EAEhC,IAAIE,IAAiB,GAAGF,cAAc,CAACG,cAAc;EAErD,GAAG;IACD,IAAID,IAAI,YAAYE,OAAO,IAAIF,IAAI,CAACG,YAAY,CAAC,YAAY,CAAC,KAAK,MAAM,EACvE,OAAOH,IAAI;IACbA,IAAI,GAAGA,IAAI,CAACI,UAAU;EACxB,CAAC,QAAQJ,IAAI,IAAI,IAAI;EACrB,OAAO,IAAI;AACb,CAAC;AAAC,IAAAK,QAAA,GAEaR,uBAAuB;AAAAS,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getSelectionRange.js","names":["getSelectionRange","selection","document","getSelection","rangeCount","getRangeAt"],"sources":["../../../../src/Editor/utils/getSelectionRange.ts"],"sourcesContent":["const getSelectionRange = (): Range | null => {\n const selection = document.getSelection();\n if (!selection || selection.rangeCount === 0) return null;\n return selection.getRangeAt(0);\n};\n\nexport default getSelectionRange;\n"],"mappings":";;;;;;AAAA,IAAMA,iBAAiB,GAAG,SAApBA,
|
|
1
|
+
{"version":3,"file":"getSelectionRange.js","names":["getSelectionRange","selection","document","getSelection","rangeCount","getRangeAt","_default","exports"],"sources":["../../../../src/Editor/utils/getSelectionRange.ts"],"sourcesContent":["const getSelectionRange = (): Range | null => {\n const selection = document.getSelection();\n if (!selection || selection.rangeCount === 0) return null;\n return selection.getRangeAt(0);\n};\n\nexport default getSelectionRange;\n"],"mappings":";;;;;;AAAA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAuB;EAC5C,IAAMC,SAAS,GAAGC,QAAQ,CAACC,YAAY,CAAC,CAAC;EACzC,IAAI,CAACF,SAAS,IAAIA,SAAS,CAACG,UAAU,KAAK,CAAC,EAAE,OAAO,IAAI;EACzD,OAAOH,SAAS,CAACI,UAAU,CAAC,CAAC,CAAC;AAChC,CAAC;AAAC,IAAAC,QAAA,GAEaN,iBAAiB;AAAAO,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setLink.js","names":["setLink","editorState","url","containsLink","RichUtils","currentBlockContainsLink","contentState","getCurrentContent","contentStateWithLink","createEntity","entityKey","getLastCreatedEntityKey","nextEditorState","EditorState","set","currentContent","toggleLink","getSelection"],"sources":["../../../../src/Editor/utils/setLink.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\n\nconst setLink = (editorState: EditorState, url: string): EditorState => {\n const containsLink = RichUtils.currentBlockContainsLink(editorState);\n if (containsLink) return editorState;\n\n const contentState = editorState.getCurrentContent();\n const contentStateWithLink = contentState.createEntity('LINK', 'MUTABLE', {\n url,\n });\n const entityKey = contentStateWithLink.getLastCreatedEntityKey();\n const nextEditorState = EditorState.set(editorState, {\n currentContent: contentStateWithLink,\n });\n return RichUtils.toggleLink(\n nextEditorState,\n nextEditorState.getSelection(),\n entityKey\n );\n};\n\nexport default setLink;\n"],"mappings":";;;;;;AAAA;AAEA,
|
|
1
|
+
{"version":3,"file":"setLink.js","names":["_draftJs","require","setLink","editorState","url","containsLink","RichUtils","currentBlockContainsLink","contentState","getCurrentContent","contentStateWithLink","createEntity","entityKey","getLastCreatedEntityKey","nextEditorState","EditorState","set","currentContent","toggleLink","getSelection","_default","exports"],"sources":["../../../../src/Editor/utils/setLink.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\n\nconst setLink = (editorState: EditorState, url: string): EditorState => {\n const containsLink = RichUtils.currentBlockContainsLink(editorState);\n if (containsLink) return editorState;\n\n const contentState = editorState.getCurrentContent();\n const contentStateWithLink = contentState.createEntity('LINK', 'MUTABLE', {\n url,\n });\n const entityKey = contentStateWithLink.getLastCreatedEntityKey();\n const nextEditorState = EditorState.set(editorState, {\n currentContent: contentStateWithLink,\n });\n return RichUtils.toggleLink(\n nextEditorState,\n nextEditorState.getSelection(),\n entityKey\n );\n};\n\nexport default setLink;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,WAAwB,EAAEC,GAAW,EAAkB;EACtE,IAAMC,YAAY,GAAGC,kBAAS,CAACC,wBAAwB,CAACJ,WAAW,CAAC;EACpE,IAAIE,YAAY,EAAE,OAAOF,WAAW;EAEpC,IAAMK,YAAY,GAAGL,WAAW,CAACM,iBAAiB,CAAC,CAAC;EACpD,IAAMC,oBAAoB,GAAGF,YAAY,CAACG,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE;IACxEP,GAAG,EAAHA;EACF,CAAC,CAAC;EACF,IAAMQ,SAAS,GAAGF,oBAAoB,CAACG,uBAAuB,CAAC,CAAC;EAChE,IAAMC,eAAe,GAAGC,oBAAW,CAACC,GAAG,CAACb,WAAW,EAAE;IACnDc,cAAc,EAAEP;EAClB,CAAC,CAAC;EACF,OAAOJ,kBAAS,CAACY,UAAU,CACzBJ,eAAe,EACfA,eAAe,CAACK,YAAY,CAAC,CAAC,EAC9BP,SACF,CAAC;AACH,CAAC;AAAC,IAAAQ,QAAA,GAEalB,OAAO;AAAAmB,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transformers.js","names":["editorStateToFirstParagraph","editorState","firstUnstyledBlock","getCurrentContent","getBlocksAsArray","find","block","getType","getText","editorStateToMetaDescription","slice","replace","trim"],"sources":["../../../../src/Editor/utils/transformers.ts"],"sourcesContent":["import { EditorState } from 'draft-js';\n\nexport const editorStateToFirstParagraph = (\n editorState: EditorState\n): string => {\n const firstUnstyledBlock = editorState\n .getCurrentContent()\n .getBlocksAsArray()\n .find((block) => block.getType() === 'unstyled');\n\n return firstUnstyledBlock ? firstUnstyledBlock.getText() : '';\n};\n\nexport const editorStateToMetaDescription = (\n editorState: EditorState\n): string =>\n editorStateToFirstParagraph(editorState)\n .slice(0, 200)\n .replace(/^(.*[.?!])(.*)/, '$1')\n .trim();\n"],"mappings":";;;;;;AAEO,IAAMA,2BAA2B,GAAG,SAA9BA,
|
|
1
|
+
{"version":3,"file":"transformers.js","names":["editorStateToFirstParagraph","editorState","firstUnstyledBlock","getCurrentContent","getBlocksAsArray","find","block","getType","getText","exports","editorStateToMetaDescription","slice","replace","trim"],"sources":["../../../../src/Editor/utils/transformers.ts"],"sourcesContent":["import { EditorState } from 'draft-js';\n\nexport const editorStateToFirstParagraph = (\n editorState: EditorState\n): string => {\n const firstUnstyledBlock = editorState\n .getCurrentContent()\n .getBlocksAsArray()\n .find((block) => block.getType() === 'unstyled');\n\n return firstUnstyledBlock ? firstUnstyledBlock.getText() : '';\n};\n\nexport const editorStateToMetaDescription = (\n editorState: EditorState\n): string =>\n editorStateToFirstParagraph(editorState)\n .slice(0, 200)\n .replace(/^(.*[.?!])(.*)/, '$1')\n .trim();\n"],"mappings":";;;;;;AAEO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CACtCC,WAAwB,EACb;EACX,IAAMC,kBAAkB,GAAGD,WAAW,CACnCE,iBAAiB,CAAC,CAAC,CACnBC,gBAAgB,CAAC,CAAC,CAClBC,IAAI,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,OAAO,CAAC,CAAC,KAAK,UAAU;EAAA,EAAC;EAElD,OAAOL,kBAAkB,GAAGA,kBAAkB,CAACM,OAAO,CAAC,CAAC,GAAG,EAAE;AAC/D,CAAC;AAACC,OAAA,CAAAT,2BAAA,GAAAA,2BAAA;AAEK,IAAMU,4BAA4B,GAAG,SAA/BA,4BAA4BA,CACvCT,WAAwB;EAAA,OAExBD,2BAA2B,CAACC,WAAW,CAAC,CACrCU,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CACbC,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAC/BC,IAAI,CAAC,CAAC;AAAA;AAACJ,OAAA,CAAAC,4BAAA,GAAAA,4BAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"unsetLink.js","names":["unsetLink","editorState","containsLink","RichUtils","currentBlockContainsLink","selectionState","getSelection","toggleLink"],"sources":["../../../../src/Editor/utils/unsetLink.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\n\nconst unsetLink = (editorState: EditorState): EditorState => {\n const containsLink = RichUtils.currentBlockContainsLink(editorState);\n if (!containsLink) return editorState;\n\n const selectionState = editorState.getSelection();\n return RichUtils.toggleLink(editorState, selectionState, null);\n};\n\nexport default unsetLink;\n"],"mappings":";;;;;;AAAA;AAEA,
|
|
1
|
+
{"version":3,"file":"unsetLink.js","names":["_draftJs","require","unsetLink","editorState","containsLink","RichUtils","currentBlockContainsLink","selectionState","getSelection","toggleLink","_default","exports"],"sources":["../../../../src/Editor/utils/unsetLink.ts"],"sourcesContent":["import { EditorState, RichUtils } from 'draft-js';\n\nconst unsetLink = (editorState: EditorState): EditorState => {\n const containsLink = RichUtils.currentBlockContainsLink(editorState);\n if (!containsLink) return editorState;\n\n const selectionState = editorState.getSelection();\n return RichUtils.toggleLink(editorState, selectionState, null);\n};\n\nexport default unsetLink;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,WAAwB,EAAkB;EAC3D,IAAMC,YAAY,GAAGC,kBAAS,CAACC,wBAAwB,CAACH,WAAW,CAAC;EACpE,IAAI,CAACC,YAAY,EAAE,OAAOD,WAAW;EAErC,IAAMI,cAAc,GAAGJ,WAAW,CAACK,YAAY,CAAC,CAAC;EACjD,OAAOH,kBAAS,CAACI,UAAU,CAACN,WAAW,EAAEI,cAAc,EAAE,IAAI,CAAC;AAChE,CAAC;AAAC,IAAAG,QAAA,GAEaR,SAAS;AAAAS,OAAA,cAAAD,QAAA"}
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
9
|
var _core = require("@os-design/core");
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _templateObject;
|
|
12
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["StyledEditorSkeleton","styled","InputSkeleton","p","theme","editorMinHeight","EditorSkeleton","forwardRef","props","ref","displayName"],"sources":["../../../src/EditorSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport
|
|
1
|
+
{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_core","_react","_interopRequireWildcard","_templateObject","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledEditorSkeleton","styled","InputSkeleton","p","theme","editorMinHeight","EditorSkeleton","forwardRef","props","ref","createElement","displayName","_default","exports"],"sources":["../../../src/EditorSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport { InputSkeleton, InputSkeletonProps } from '@os-design/core';\nimport React, { forwardRef } from 'react';\n\nexport type EditorSkeletonProps = InputSkeletonProps;\n\nconst StyledEditorSkeleton = styled(InputSkeleton)`\n height: ${(p) => p.theme.editorMinHeight}em;\n`;\n\n/**\n * Provides an editor placeholder while a user waits for the content to load.\n */\nconst EditorSkeleton = forwardRef<HTMLDivElement, EditorSkeletonProps>(\n (props, ref) => <StyledEditorSkeleton {...props} ref={ref} />\n);\n\nEditorSkeleton.displayName = 'EditorSkeleton';\n\nexport default EditorSkeleton;\n"],"mappings":"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"}
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Editor } from './Editor';\nexport { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';\nexport { default as changeBlock } from './Editor/utils/changeBlock';\nexport { default as createContentEditorState } from './Editor/utils/createContentEditorState';\nexport { default as createDecorator } from './Editor/utils/createDecorator';\nexport { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';\nexport { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';\nexport { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';\nexport { default as imageBlock } from './Editor/blocks/imageBlock';\nexport { default as videoBlock } from './Editor/blocks/videoBlock';\nexport { default as EditorSkeleton } from './EditorSkeleton';\n\nexport * from './Editor';\nexport * from './Editor/utils/transformers';\nexport * from './Editor/blocks/types';\nexport * from './EditorSkeleton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Editor","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_addNewBlockAt","_interopRequireDefault","_changeBlock","_createContentEditorState","_createDecorator","_createEmptyEditorState","_defaultStyleToolbarItems","_getCurrentBlock","_imageBlock","_videoBlock","_EditorSkeleton","_transformers","_types","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Editor } from './Editor';\nexport { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';\nexport { default as changeBlock } from './Editor/utils/changeBlock';\nexport { default as createContentEditorState } from './Editor/utils/createContentEditorState';\nexport { default as createDecorator } from './Editor/utils/createDecorator';\nexport { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';\nexport { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';\nexport { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';\nexport { default as imageBlock } from './Editor/blocks/imageBlock';\nexport { default as videoBlock } from './Editor/blocks/videoBlock';\nexport { default as EditorSkeleton } from './EditorSkeleton';\n\nexport * from './Editor';\nexport * from './Editor/utils/transformers';\nexport * from './Editor/blocks/types';\nexport * from './EditorSkeleton';\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockToolbar.js","names":["React","useCallback","Toolbar","ToolbarButton","getCurrentBlock","BlockToolbar","items","value","onChange","setReadOnly","rest","clickHandler","onClick","currentBlock","getType","getLength","map","item","type","icon"],"sources":["../../../src/Editor/BlockToolbar.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"BlockToolbar.js","names":["React","useCallback","Toolbar","ToolbarButton","getCurrentBlock","BlockToolbar","items","value","onChange","setReadOnly","rest","clickHandler","onClick","currentBlock","getType","getLength","createElement","map","item","key","type","icon"],"sources":["../../../src/Editor/BlockToolbar.tsx"],"sourcesContent":["import { PopoverProps } from '@os-design/core';\nimport { EditorState } from 'draft-js';\nimport React, { useCallback } from 'react';\n\nimport Toolbar from './Toolbar';\nimport ToolbarButton from './ToolbarButton';\nimport { BlockToolbarItem } from './blocks/types';\nimport getCurrentBlock from './utils/getCurrentBlock';\n\ninterface BlockToolbarProps extends Omit<PopoverProps, 'onChange'> {\n items: BlockToolbarItem[];\n value: EditorState;\n onChange: (value: EditorState) => void;\n setReadOnly: (readOnly: boolean) => void;\n}\n\nconst BlockToolbar: React.FC<BlockToolbarProps> = ({\n items,\n value,\n onChange,\n setReadOnly,\n ...rest\n}) => {\n const clickHandler = useCallback<(item: BlockToolbarItem) => void>(\n ({ onClick }) => {\n const currentBlock = getCurrentBlock(value);\n if (currentBlock.getType() !== 'unstyled' || currentBlock.getLength() > 0)\n return;\n onClick({\n value,\n onChange,\n setReadOnly,\n });\n },\n [value, onChange, setReadOnly]\n );\n\n return (\n <Toolbar {...rest}>\n {items.map((item) => (\n <ToolbarButton key={item.type} onClick={() => clickHandler(item)}>\n {item.icon}\n </ToolbarButton>\n ))}\n </Toolbar>\n );\n};\n\nexport default BlockToolbar;\n"],"mappings":"AAEA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,OAAOC,eAAe,MAAM,yBAAyB;AASrD,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACX,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGV,WAAW,CAC9B,CAAC;IAAEW;EAAQ,CAAC,KAAK;IACf,MAAMC,YAAY,GAAGT,eAAe,CAACG,KAAK,CAAC;IAC3C,IAAIM,YAAY,CAACC,OAAO,CAAC,CAAC,KAAK,UAAU,IAAID,YAAY,CAACE,SAAS,CAAC,CAAC,GAAG,CAAC,EACvE;IACFH,OAAO,CAAC;MACNL,KAAK;MACLC,QAAQ;MACRC;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACF,KAAK,EAAEC,QAAQ,EAAEC,WAAW,CAC/B,CAAC;EAED,oBACET,KAAA,CAAAgB,aAAA,CAACd,OAAO,EAAKQ,IAAI,EACdJ,KAAK,CAACW,GAAG,CAAEC,IAAI,iBACdlB,KAAA,CAAAgB,aAAA,CAACb,aAAa;IAACgB,GAAG,EAAED,IAAI,CAACE,IAAK;IAACR,OAAO,EAAEA,CAAA,KAAMD,YAAY,CAACO,IAAI;EAAE,GAC9DA,IAAI,CAACG,IACO,CAChB,CACM,CAAC;AAEd,CAAC;AAED,eAAehB,YAAY"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React, { useCallback, useMemo } from 'react';
|
|
2
1
|
import { RichUtils } from 'draft-js';
|
|
3
|
-
import
|
|
4
|
-
import unsetLink from './utils/unsetLink';
|
|
2
|
+
import React, { useCallback, useMemo } from 'react';
|
|
5
3
|
import Toolbar from './Toolbar';
|
|
6
4
|
import ToolbarButton from './ToolbarButton';
|
|
5
|
+
import setLink from './utils/setLink';
|
|
6
|
+
import unsetLink from './utils/unsetLink';
|
|
7
7
|
const StyleToolbar = ({
|
|
8
8
|
items,
|
|
9
9
|
value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyleToolbar.js","names":["React","useCallback","useMemo","
|
|
1
|
+
{"version":3,"file":"StyleToolbar.js","names":["RichUtils","React","useCallback","useMemo","Toolbar","ToolbarButton","setLink","unsetLink","StyleToolbar","items","value","onChange","rest","currentBlockType","getCurrentBlockType","currentBlockContainsLink","toggleLink","url","prompt","clickHandler","item","type","toggleInlineStyle","name","toggleBlockType","length","createElement","map","isLink","active","getCurrentInlineStyle","has","onClick","key","icon","displayName"],"sources":["../../../src/Editor/StyleToolbar.tsx"],"sourcesContent":["import { PopoverProps } from '@os-design/core';\nimport { EditorState, RichUtils } from 'draft-js';\n\nimport React, { useCallback, useMemo } from 'react';\nimport Toolbar from './Toolbar';\nimport ToolbarButton from './ToolbarButton';\n\nimport { StyleToolbarItem } from './utils/defaultStyleToolbarItems';\nimport setLink from './utils/setLink';\nimport unsetLink from './utils/unsetLink';\n\ninterface StyleToolbarProps extends Omit<PopoverProps, 'onChange'> {\n items: StyleToolbarItem[];\n value: EditorState;\n onChange: (value: EditorState) => void;\n}\n\nconst StyleToolbar: React.FC<StyleToolbarProps> = ({\n items,\n value,\n onChange = () => {},\n ...rest\n}) => {\n const currentBlockType = useMemo(\n () => RichUtils.getCurrentBlockType(value),\n [value]\n );\n const currentBlockContainsLink = useMemo(\n () => RichUtils.currentBlockContainsLink(value),\n [value]\n );\n\n const toggleLink = useCallback(() => {\n if (currentBlockContainsLink) {\n onChange(unsetLink(value));\n return;\n }\n // eslint-disable-next-line no-alert\n const url = prompt('Paste or type a link');\n if (!url) return;\n onChange(setLink(value, url));\n }, [currentBlockContainsLink, value, onChange]);\n\n const clickHandler = useCallback<(item: StyleToolbarItem) => void>(\n (item) => {\n if (item.type === 'inline') {\n onChange(RichUtils.toggleInlineStyle(value, item.name));\n } else if (item.type === 'block') {\n onChange(RichUtils.toggleBlockType(value, item.name));\n }\n },\n [value, onChange]\n );\n\n if (items.length === 0) return null;\n\n return (\n <Toolbar {...rest}>\n {items.map((item) => {\n const isLink = item.name === 'LINK' && item.type === 'inline';\n\n const active = isLink\n ? currentBlockContainsLink\n : value.getCurrentInlineStyle().has(item.name) ||\n currentBlockType === item.name;\n const onClick = isLink ? toggleLink : () => clickHandler(item);\n\n return (\n <ToolbarButton key={item.name} active={active} onClick={onClick}>\n {item.icon}\n </ToolbarButton>\n );\n })}\n </Toolbar>\n );\n};\n\nStyleToolbar.displayName = 'StyleToolbar';\n\nexport default StyleToolbar;\n"],"mappings":"AACA,SAAsBA,SAAS,QAAQ,UAAU;AAEjD,OAAOC,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,aAAa,MAAM,iBAAiB;AAG3C,OAAOC,OAAO,MAAM,iBAAiB;AACrC,OAAOC,SAAS,MAAM,mBAAmB;AAQzC,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,KAAK;EACLC,KAAK;EACLC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGV,OAAO,CAC9B,MAAMH,SAAS,CAACc,mBAAmB,CAACJ,KAAK,CAAC,EAC1C,CAACA,KAAK,CACR,CAAC;EACD,MAAMK,wBAAwB,GAAGZ,OAAO,CACtC,MAAMH,SAAS,CAACe,wBAAwB,CAACL,KAAK,CAAC,EAC/C,CAACA,KAAK,CACR,CAAC;EAED,MAAMM,UAAU,GAAGd,WAAW,CAAC,MAAM;IACnC,IAAIa,wBAAwB,EAAE;MAC5BJ,QAAQ,CAACJ,SAAS,CAACG,KAAK,CAAC,CAAC;MAC1B;IACF;IACA;IACA,MAAMO,GAAG,GAAGC,MAAM,CAAC,sBAAsB,CAAC;IAC1C,IAAI,CAACD,GAAG,EAAE;IACVN,QAAQ,CAACL,OAAO,CAACI,KAAK,EAAEO,GAAG,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACF,wBAAwB,EAAEL,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAE/C,MAAMQ,YAAY,GAAGjB,WAAW,CAC7BkB,IAAI,IAAK;IACR,IAAIA,IAAI,CAACC,IAAI,KAAK,QAAQ,EAAE;MAC1BV,QAAQ,CAACX,SAAS,CAACsB,iBAAiB,CAACZ,KAAK,EAAEU,IAAI,CAACG,IAAI,CAAC,CAAC;IACzD,CAAC,MAAM,IAAIH,IAAI,CAACC,IAAI,KAAK,OAAO,EAAE;MAChCV,QAAQ,CAACX,SAAS,CAACwB,eAAe,CAACd,KAAK,EAAEU,IAAI,CAACG,IAAI,CAAC,CAAC;IACvD;EACF,CAAC,EACD,CAACb,KAAK,EAAEC,QAAQ,CAClB,CAAC;EAED,IAAIF,KAAK,CAACgB,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEnC,oBACExB,KAAA,CAAAyB,aAAA,CAACtB,OAAO,EAAKQ,IAAI,EACdH,KAAK,CAACkB,GAAG,CAAEP,IAAI,IAAK;IACnB,MAAMQ,MAAM,GAAGR,IAAI,CAACG,IAAI,KAAK,MAAM,IAAIH,IAAI,CAACC,IAAI,KAAK,QAAQ;IAE7D,MAAMQ,MAAM,GAAGD,MAAM,GACjBb,wBAAwB,GACxBL,KAAK,CAACoB,qBAAqB,CAAC,CAAC,CAACC,GAAG,CAACX,IAAI,CAACG,IAAI,CAAC,IAC5CV,gBAAgB,KAAKO,IAAI,CAACG,IAAI;IAClC,MAAMS,OAAO,GAAGJ,MAAM,GAAGZ,UAAU,GAAG,MAAMG,YAAY,CAACC,IAAI,CAAC;IAE9D,oBACEnB,KAAA,CAAAyB,aAAA,CAACrB,aAAa;MAAC4B,GAAG,EAAEb,IAAI,CAACG,IAAK;MAACM,MAAM,EAAEA,MAAO;MAACG,OAAO,EAAEA;IAAQ,GAC7DZ,IAAI,CAACc,IACO,CAAC;EAEpB,CAAC,CACM,CAAC;AAEd,CAAC;AAED1B,YAAY,CAAC2B,WAAW,GAAG,cAAc;AAEzC,eAAe3B,YAAY"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
import React from 'react';
|
|
3
2
|
import { css } from '@emotion/react';
|
|
4
|
-
import { clr } from '@os-design/theming';
|
|
5
3
|
import styled from '@emotion/styled';
|
|
6
4
|
import { resetButtonStyles, transitionStyles } from '@os-design/styles';
|
|
5
|
+
import { clr } from '@os-design/theming';
|
|
7
6
|
import { omitEmotionProps } from '@os-design/utils';
|
|
7
|
+
import React from 'react';
|
|
8
8
|
const activeStyles = p => p.active && css`
|
|
9
9
|
background-color: ${clr(p.theme.editorToolbarButtonColorBgActive)};
|
|
10
10
|
`;
|