slate-react 0.129.0-20261007194123 → 0.129.0
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/index.es.js +22 -19
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +23 -23
- package/dist/index.js.map +1 -1
- package/dist/slate-react.js +114 -119
- package/dist/slate-react.min.js +1 -1
- package/package.json +5 -5
package/dist/index.es.js
CHANGED
|
@@ -3,8 +3,8 @@ import debounce from 'lodash/debounce';
|
|
|
3
3
|
import throttle from 'lodash/throttle';
|
|
4
4
|
import React, { createContext, useContext, useRef, useEffect, useLayoutEffect, useState, memo, forwardRef, useCallback, useReducer, useMemo, Fragment, Component } from 'react';
|
|
5
5
|
import scrollIntoView from 'scroll-into-view-if-needed';
|
|
6
|
-
import {
|
|
7
|
-
import { DOMEditor,
|
|
6
|
+
import { Node, Range, Editor, Path, Transforms, Location, Text as Text$1, Scrubber } from 'slate';
|
|
7
|
+
import { DOMEditor, isTrackedMutation, EDITOR_TO_FORCE_RENDER, IS_NODE_MAP_DIRTY, EDITOR_TO_PENDING_DIFFS, EDITOR_TO_PENDING_SELECTION, applyStringDiff, EDITOR_TO_PENDING_INSERTION_MARKS, isDOMSelection, IS_COMPOSING, EDITOR_TO_PENDING_ACTION, EDITOR_TO_USER_MARKS, targetRange, verifyDiffState, EDITOR_TO_PLACEHOLDER_ELEMENT, normalizeStringDiff, mergeStringDiffs, normalizeRange, normalizePoint, CAN_USE_DOM, IS_ANDROID, EDITOR_TO_SCHEDULE_FLUSH, MARK_PLACEHOLDER_SYMBOL, PLACEHOLDER_SYMBOL, IS_WEBKIT, isTextDecorationsEqual, isElementDecorationsEqual, EDITOR_TO_KEY_TO_ELEMENT, NODE_TO_ELEMENT, ELEMENT_TO_NODE, NODE_TO_INDEX, NODE_TO_PARENT, Key, splitDecorationsByChild, IS_READ_ONLY, getActiveElement, getSelection, IS_FOCUSED, getDefaultView, EDITOR_TO_WINDOW, EDITOR_TO_ELEMENT, IS_FIREFOX, containsShadowAware, EDITOR_TO_USER_SELECTION, HAS_BEFORE_INPUT_SUPPORT, isPlainTextOnlyPaste, Hotkeys, IS_CHROME, IS_FIREFOX_LEGACY, IS_IOS, IS_WECHATBROWSER, IS_UC_MOBILE, isDOMNode, TRIPLE_CLICK, isDOMElement, EDITOR_TO_ON_CHANGE, withDOM } from 'slate-dom';
|
|
8
8
|
export { NODE_TO_INDEX, NODE_TO_PARENT } from 'slate-dom';
|
|
9
9
|
import ReactDOM from 'react-dom';
|
|
10
10
|
import { ResizeObserver } from '@juggle/resize-observer';
|
|
@@ -52,7 +52,7 @@ function _toPrimitive(input, hint) {
|
|
|
52
52
|
if (_typeof(input) !== "object" || input === null) return input;
|
|
53
53
|
var prim = input[Symbol.toPrimitive];
|
|
54
54
|
if (prim !== undefined) {
|
|
55
|
-
var res = prim.call(input, hint
|
|
55
|
+
var res = prim.call(input, hint);
|
|
56
56
|
if (_typeof(res) !== "object") return res;
|
|
57
57
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
58
58
|
}
|
|
@@ -98,7 +98,7 @@ var useSlateStatic = () => {
|
|
|
98
98
|
var ReactEditor = DOMEditor;
|
|
99
99
|
|
|
100
100
|
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
101
|
-
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t),
|
|
101
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
102
102
|
// https://github.com/facebook/draft-js/blob/main/src/component/handlers/composition/DraftEditorCompositionHandler.js#L41
|
|
103
103
|
// When using keyboard English association function, conpositionEnd triggered too fast, resulting in after `insertText` still maintain association state.
|
|
104
104
|
var RESOLVE_DELAY = 25;
|
|
@@ -885,7 +885,7 @@ function useMutationObserver(node, callback, options) {
|
|
|
885
885
|
|
|
886
886
|
var _excluded$2 = ["node"];
|
|
887
887
|
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
888
|
-
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t),
|
|
888
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
889
889
|
var MUTATION_OBSERVER_CONFIG$1 = {
|
|
890
890
|
subtree: true,
|
|
891
891
|
childList: true,
|
|
@@ -913,7 +913,7 @@ var useAndroidInputManager = !IS_ANDROID ? () => null : _ref => {
|
|
|
913
913
|
};
|
|
914
914
|
|
|
915
915
|
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
916
|
-
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t),
|
|
916
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
917
917
|
/**
|
|
918
918
|
* Leaf content strings.
|
|
919
919
|
*/
|
|
@@ -1013,7 +1013,7 @@ var TextString = props => {
|
|
|
1013
1013
|
ref: ref
|
|
1014
1014
|
}, initialText);
|
|
1015
1015
|
};
|
|
1016
|
-
var MemoizedText$1 = /*#__PURE__*/memo(
|
|
1016
|
+
var MemoizedText$1 = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((props, ref) => {
|
|
1017
1017
|
return /*#__PURE__*/React.createElement("span", {
|
|
1018
1018
|
"data-slate-string": true,
|
|
1019
1019
|
ref: ref
|
|
@@ -1053,7 +1053,7 @@ var ZeroWidthString = props => {
|
|
|
1053
1053
|
};
|
|
1054
1054
|
|
|
1055
1055
|
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1056
|
-
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t),
|
|
1056
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1057
1057
|
// Delay the placeholder on Android to prevent the keyboard from closing.
|
|
1058
1058
|
// (https://github.com/ianstormtaylor/slate/pull/5368)
|
|
1059
1059
|
var PLACEHOLDER_DELAY = IS_ANDROID ? 300 : 0;
|
|
@@ -1315,7 +1315,7 @@ var useDecorateContext = decorateProp => {
|
|
|
1315
1315
|
};
|
|
1316
1316
|
|
|
1317
1317
|
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1318
|
-
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t),
|
|
1318
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1319
1319
|
var defaultRenderText = props => /*#__PURE__*/React.createElement(DefaultText, _objectSpread$4({}, props));
|
|
1320
1320
|
/**
|
|
1321
1321
|
* Text.
|
|
@@ -1341,7 +1341,7 @@ var Text = props => {
|
|
|
1341
1341
|
leaf,
|
|
1342
1342
|
position
|
|
1343
1343
|
} = decoratedLeaves[i];
|
|
1344
|
-
children.push(
|
|
1344
|
+
children.push(/*#__PURE__*/React.createElement(MemoizedLeaf, {
|
|
1345
1345
|
isLast: isLast && i === decoratedLeaves.length - 1,
|
|
1346
1346
|
key: "".concat(key.id, "-").concat(i),
|
|
1347
1347
|
renderPlaceholder: renderPlaceholder,
|
|
@@ -1390,8 +1390,8 @@ var DefaultText = props => {
|
|
|
1390
1390
|
};
|
|
1391
1391
|
|
|
1392
1392
|
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1393
|
-
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t),
|
|
1394
|
-
var defaultRenderElement = props => /*#__PURE__*/React.createElement(DefaultElement, _objectSpread$3({}, props));
|
|
1393
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1394
|
+
var defaultRenderElement = props => (/*#__PURE__*/React.createElement(DefaultElement, _objectSpread$3({}, props)));
|
|
1395
1395
|
/**
|
|
1396
1396
|
* Element.
|
|
1397
1397
|
*/
|
|
@@ -2141,7 +2141,7 @@ var reconcileChildren = (editor, _ref) => {
|
|
|
2141
2141
|
};
|
|
2142
2142
|
|
|
2143
2143
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2144
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t),
|
|
2144
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2145
2145
|
var KEY_TO_CHUNK_TREE = new WeakMap();
|
|
2146
2146
|
/**
|
|
2147
2147
|
* Get or create the chunk tree for a Slate node
|
|
@@ -2173,7 +2173,7 @@ var getChunkTreeForNode = function getChunkTreeForNode(editor, node) {
|
|
|
2173
2173
|
};
|
|
2174
2174
|
|
|
2175
2175
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2176
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t),
|
|
2176
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2177
2177
|
var defaultRenderChunk = _ref => {
|
|
2178
2178
|
var {
|
|
2179
2179
|
children
|
|
@@ -2196,12 +2196,12 @@ var ChunkAncestor = props => {
|
|
|
2196
2196
|
attributes: {
|
|
2197
2197
|
'data-slate-chunk': true
|
|
2198
2198
|
},
|
|
2199
|
-
children: /*#__PURE__*/React.createElement(MemoizedChunk, {
|
|
2199
|
+
children: (/*#__PURE__*/React.createElement(MemoizedChunk, {
|
|
2200
2200
|
root: root,
|
|
2201
2201
|
ancestor: chunkNode,
|
|
2202
2202
|
renderElement: renderElement,
|
|
2203
2203
|
renderChunk: renderChunk
|
|
2204
|
-
})
|
|
2204
|
+
}))
|
|
2205
2205
|
});
|
|
2206
2206
|
return /*#__PURE__*/React.createElement(Fragment, {
|
|
2207
2207
|
key: key
|
|
@@ -2640,8 +2640,8 @@ var useComposing = () => {
|
|
|
2640
2640
|
var _excluded$1 = ["autoFocus", "decorate", "onDOMBeforeInput", "placeholder", "readOnly", "renderElement", "renderChunk", "renderLeaf", "renderText", "renderPlaceholder", "scrollSelectionIntoView", "style", "as", "disableDefaultStyles"],
|
|
2641
2641
|
_excluded2 = ["text"];
|
|
2642
2642
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2643
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t),
|
|
2644
|
-
var Children = props => /*#__PURE__*/React.createElement(React.Fragment, null, useChildren(props));
|
|
2643
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2644
|
+
var Children = props => (/*#__PURE__*/React.createElement(React.Fragment, null, useChildren(props)));
|
|
2645
2645
|
/**
|
|
2646
2646
|
* Editable.
|
|
2647
2647
|
*/
|
|
@@ -3284,7 +3284,10 @@ var Editable = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
3284
3284
|
anchor
|
|
3285
3285
|
} = editor.selection;
|
|
3286
3286
|
var leaf = Node.leaf(editor, anchor.path);
|
|
3287
|
-
var
|
|
3287
|
+
var {
|
|
3288
|
+
text
|
|
3289
|
+
} = leaf,
|
|
3290
|
+
rest = _objectWithoutProperties(leaf, _excluded2);
|
|
3288
3291
|
// While marks isn't a 'complete' text, we can still use loose Text.equals
|
|
3289
3292
|
// here which only compares marks anyway.
|
|
3290
3293
|
if (!Text$1.equals(leaf, marks, {
|