slate-react 0.120.0 → 0.123.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/chunking/reconcile-children.d.ts.map +1 -1
- package/dist/components/chunk-tree.d.ts +8 -7
- package/dist/components/chunk-tree.d.ts.map +1 -1
- package/dist/components/editable.d.ts +10 -10
- package/dist/components/editable.d.ts.map +1 -1
- package/dist/components/element.d.ts +10 -10
- package/dist/components/element.d.ts.map +1 -1
- package/dist/components/leaf.d.ts +2 -2
- package/dist/components/leaf.d.ts.map +1 -1
- package/dist/components/text.d.ts +3 -3
- package/dist/components/text.d.ts.map +1 -1
- package/dist/hooks/android-input-manager/android-input-manager.d.ts.map +1 -1
- package/dist/hooks/use-children.d.ts +5 -5
- package/dist/hooks/use-children.d.ts.map +1 -1
- package/dist/hooks/use-decorations.d.ts.map +1 -1
- package/dist/index.es.js +50 -41
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +49 -40
- package/dist/index.js.map +1 -1
- package/dist/slate-react.js +66 -56
- package/dist/slate-react.min.js +1 -1
- package/package.json +5 -5
package/dist/slate-react.js
CHANGED
|
@@ -1558,7 +1558,7 @@
|
|
|
1558
1558
|
// If the drop target is inside a void node, move it into either the
|
|
1559
1559
|
// next or previous node, depending on which side the `x` and `y`
|
|
1560
1560
|
// coordinates are closest to.
|
|
1561
|
-
if (slate.
|
|
1561
|
+
if (slate.Node.isElement(node) && slate.Editor.isVoid(editor, node)) {
|
|
1562
1562
|
var rect = target.getBoundingClientRect();
|
|
1563
1563
|
var isPrev = editor.isInline(node) ? x - rect.left < rect.left + rect.width - x : y - rect.top < rect.top + rect.height - y;
|
|
1564
1564
|
var edge = slate.Editor.point(editor, path, {
|
|
@@ -1610,7 +1610,7 @@
|
|
|
1610
1610
|
while (true) {
|
|
1611
1611
|
var parent = NODE_TO_PARENT.get(child);
|
|
1612
1612
|
if (parent == null) {
|
|
1613
|
-
if (
|
|
1613
|
+
if (child === editor) {
|
|
1614
1614
|
return path;
|
|
1615
1615
|
} else {
|
|
1616
1616
|
break;
|
|
@@ -1731,13 +1731,14 @@
|
|
|
1731
1731
|
isReadOnly: editor => !!IS_READ_ONLY.get(editor),
|
|
1732
1732
|
isTargetInsideNonReadonlyVoid: (editor, target) => {
|
|
1733
1733
|
if (IS_READ_ONLY.get(editor)) return false;
|
|
1734
|
-
|
|
1735
|
-
|
|
1734
|
+
if (!DOMEditor.hasTarget(editor, target)) return false;
|
|
1735
|
+
var slateNode = DOMEditor.toSlateNode(editor, target);
|
|
1736
|
+
return slate.Node.isElement(slateNode) && slate.Editor.isVoid(editor, slateNode);
|
|
1736
1737
|
},
|
|
1737
1738
|
setFragmentData: (editor, data, originEvent) => editor.setFragmentData(data, originEvent),
|
|
1738
1739
|
toDOMNode: (editor, node) => {
|
|
1739
|
-
var
|
|
1740
|
-
var domNode =
|
|
1740
|
+
var _EDITOR_TO_KEY_TO_ELE;
|
|
1741
|
+
var domNode = node === editor ? EDITOR_TO_ELEMENT.get(editor) : (_EDITOR_TO_KEY_TO_ELE = EDITOR_TO_KEY_TO_ELEMENT.get(editor)) === null || _EDITOR_TO_KEY_TO_ELE === void 0 ? void 0 : _EDITOR_TO_KEY_TO_ELE.get(DOMEditor.findKey(editor, node));
|
|
1741
1742
|
if (!domNode) {
|
|
1742
1743
|
throw new Error("Cannot resolve a DOM node from Slate node: ".concat(slate.Scrubber.stringify(node)));
|
|
1743
1744
|
}
|
|
@@ -2142,7 +2143,7 @@
|
|
|
2142
2143
|
return false;
|
|
2143
2144
|
}
|
|
2144
2145
|
var node = slate.Node.get(editor, path);
|
|
2145
|
-
if (!slate.
|
|
2146
|
+
if (!slate.Node.isText(node)) {
|
|
2146
2147
|
return false;
|
|
2147
2148
|
}
|
|
2148
2149
|
if (diff.start !== node.text.length || diff.text.length === 0) {
|
|
@@ -2153,7 +2154,7 @@
|
|
|
2153
2154
|
return false;
|
|
2154
2155
|
}
|
|
2155
2156
|
var nextNode = slate.Node.get(editor, nextPath);
|
|
2156
|
-
return slate.
|
|
2157
|
+
return slate.Node.isText(nextNode) && nextNode.text.startsWith(diff.text);
|
|
2157
2158
|
}
|
|
2158
2159
|
function applyStringDiff(text) {
|
|
2159
2160
|
for (var _len = arguments.length, diffs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
@@ -2253,11 +2254,11 @@
|
|
|
2253
2254
|
return null;
|
|
2254
2255
|
}
|
|
2255
2256
|
var leaf = slate.Node.get(editor, path);
|
|
2256
|
-
if (!slate.
|
|
2257
|
+
if (!slate.Node.isText(leaf)) {
|
|
2257
2258
|
return null;
|
|
2258
2259
|
}
|
|
2259
2260
|
var parentBlock = slate.Editor.above(editor, {
|
|
2260
|
-
match: n => slate.
|
|
2261
|
+
match: n => slate.Node.isElement(n) && slate.Editor.isBlock(editor, n),
|
|
2261
2262
|
at: path
|
|
2262
2263
|
});
|
|
2263
2264
|
if (!parentBlock) {
|
|
@@ -2266,7 +2267,7 @@
|
|
|
2266
2267
|
while (offset > leaf.text.length) {
|
|
2267
2268
|
var entry = slate.Editor.next(editor, {
|
|
2268
2269
|
at: path,
|
|
2269
|
-
match: slate.
|
|
2270
|
+
match: slate.Node.isText
|
|
2270
2271
|
});
|
|
2271
2272
|
if (!entry || !slate.Path.isDescendant(entry[1], parentBlock[1])) {
|
|
2272
2273
|
return null;
|
|
@@ -2595,7 +2596,7 @@
|
|
|
2595
2596
|
}
|
|
2596
2597
|
if (e.selection && slate.Range.isCollapsed(e.selection)) {
|
|
2597
2598
|
var parentBlockEntry = slate.Editor.above(e, {
|
|
2598
|
-
match: n => slate.
|
|
2599
|
+
match: n => slate.Node.isElement(n) && slate.Editor.isBlock(e, n),
|
|
2599
2600
|
at: e.selection
|
|
2600
2601
|
});
|
|
2601
2602
|
if (parentBlockEntry) {
|
|
@@ -2626,7 +2627,7 @@
|
|
|
2626
2627
|
}
|
|
2627
2628
|
var pendingAction = EDITOR_TO_PENDING_ACTION.get(e);
|
|
2628
2629
|
if (pendingAction !== null && pendingAction !== void 0 && pendingAction.at) {
|
|
2629
|
-
var at = slate.
|
|
2630
|
+
var at = slate.Location.isPoint(pendingAction === null || pendingAction === void 0 ? void 0 : pendingAction.at) ? transformPendingPoint(e, pendingAction.at, op) : transformPendingRange(e, pendingAction.at, op);
|
|
2630
2631
|
EDITOR_TO_PENDING_ACTION.set(e, at ? _objectSpread$1$1(_objectSpread$1$1({}, pendingAction), {}, {
|
|
2631
2632
|
at
|
|
2632
2633
|
}) : null);
|
|
@@ -2961,8 +2962,8 @@
|
|
|
2961
2962
|
|
|
2962
2963
|
var _excluded$3 = ["anchor", "focus"],
|
|
2963
2964
|
_excluded2$1 = ["anchor", "focus"];
|
|
2964
|
-
function ownKeys$
|
|
2965
|
-
function _objectSpread$
|
|
2965
|
+
function ownKeys$9(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; }
|
|
2966
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2966
2967
|
var shallowCompare = (obj1, obj2) => Object.keys(obj1).length === Object.keys(obj2).length && Object.keys(obj1).every(key => obj2.hasOwnProperty(key) && obj1[key] === obj2[key]);
|
|
2967
2968
|
var isDecorationFlagsEqual = (range, other) => {
|
|
2968
2969
|
var rangeOwnProps = _objectWithoutProperties(range, _excluded$3);
|
|
@@ -3057,7 +3058,7 @@
|
|
|
3057
3058
|
var childRange = getChildRange(i);
|
|
3058
3059
|
var childDecorationRange = slate.Range.intersection(childRange, decoration);
|
|
3059
3060
|
if (!childDecorationRange) continue;
|
|
3060
|
-
ds.push(_objectSpread$
|
|
3061
|
+
ds.push(_objectSpread$9(_objectSpread$9({}, decoration), childDecorationRange));
|
|
3061
3062
|
}
|
|
3062
3063
|
}
|
|
3063
3064
|
return decorationsByChild;
|
|
@@ -3066,8 +3067,8 @@
|
|
|
3066
3067
|
// eslint-disable-next-line no-redeclare
|
|
3067
3068
|
var ReactEditor = DOMEditor;
|
|
3068
3069
|
|
|
3069
|
-
function ownKeys$
|
|
3070
|
-
function _objectSpread$
|
|
3070
|
+
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; }
|
|
3071
|
+
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), !0).forEach(function (r) { _defineProperty$1(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; }
|
|
3071
3072
|
// https://github.com/facebook/draft-js/blob/main/src/component/handlers/composition/DraftEditorCompositionHandler.js#L41
|
|
3072
3073
|
// When using keyboard English association function, conpositionEnd triggered too fast, resulting in after `insertText` still maintain association state.
|
|
3073
3074
|
var RESOLVE_DELAY = 25;
|
|
@@ -3107,7 +3108,7 @@
|
|
|
3107
3108
|
return;
|
|
3108
3109
|
}
|
|
3109
3110
|
if (action.at) {
|
|
3110
|
-
var target = slate.
|
|
3111
|
+
var target = slate.Location.isPoint(action.at) ? normalizePoint(editor, action.at) : normalizeRange(editor, action.at);
|
|
3111
3112
|
if (!target) {
|
|
3112
3113
|
return;
|
|
3113
3114
|
}
|
|
@@ -3263,7 +3264,7 @@
|
|
|
3263
3264
|
updatePlaceholderVisibility();
|
|
3264
3265
|
return;
|
|
3265
3266
|
}
|
|
3266
|
-
pendingDiffs[idx] = _objectSpread$
|
|
3267
|
+
pendingDiffs[idx] = _objectSpread$8(_objectSpread$8({}, pendingDiffs[idx]), {}, {
|
|
3267
3268
|
diff: merged
|
|
3268
3269
|
});
|
|
3269
3270
|
};
|
|
@@ -3345,7 +3346,7 @@
|
|
|
3345
3346
|
if (leaf.text.length === start.offset && end.offset === 0) {
|
|
3346
3347
|
var next = slate.Editor.next(editor, {
|
|
3347
3348
|
at: start.path,
|
|
3348
|
-
match: slate.
|
|
3349
|
+
match: slate.Node.isText
|
|
3349
3350
|
});
|
|
3350
3351
|
if (next && slate.Path.equals(next[1], end.path)) {
|
|
3351
3352
|
// when deleting a linebreak, targetRange will span across the break (ie start in the node before and end in the node after)
|
|
@@ -3628,7 +3629,7 @@
|
|
|
3628
3629
|
if (insertPositionHint === null) {
|
|
3629
3630
|
insertPositionHint = _diff;
|
|
3630
3631
|
} else if (insertPositionHint && slate.Range.isCollapsed(targetRange) && insertPositionHint.end + insertPositionHint.text.length === _start.offset) {
|
|
3631
|
-
insertPositionHint = _objectSpread$
|
|
3632
|
+
insertPositionHint = _objectSpread$8(_objectSpread$8({}, insertPositionHint), {}, {
|
|
3632
3633
|
text: insertPositionHint.text + _text
|
|
3633
3634
|
});
|
|
3634
3635
|
} else {
|
|
@@ -3787,8 +3788,8 @@
|
|
|
3787
3788
|
}
|
|
3788
3789
|
|
|
3789
3790
|
var _excluded$2 = ["node"];
|
|
3790
|
-
function ownKeys$
|
|
3791
|
-
function _objectSpread$
|
|
3791
|
+
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; }
|
|
3792
|
+
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), !0).forEach(function (r) { _defineProperty$1(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; }
|
|
3792
3793
|
var MUTATION_OBSERVER_CONFIG$1 = {
|
|
3793
3794
|
subtree: true,
|
|
3794
3795
|
childList: true,
|
|
@@ -3805,7 +3806,7 @@
|
|
|
3805
3806
|
var editor = useSlateStatic();
|
|
3806
3807
|
var isMounted = useIsMounted();
|
|
3807
3808
|
var _useState = React.useState(function () {
|
|
3808
|
-
return createAndroidInputManager(_objectSpread$
|
|
3809
|
+
return createAndroidInputManager(_objectSpread$7({
|
|
3809
3810
|
editor: editor
|
|
3810
3811
|
}, options));
|
|
3811
3812
|
}),
|
|
@@ -4318,8 +4319,8 @@
|
|
|
4318
4319
|
return ResizeObserver;
|
|
4319
4320
|
}());
|
|
4320
4321
|
|
|
4321
|
-
function ownKeys$
|
|
4322
|
-
function _objectSpread$
|
|
4322
|
+
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; }
|
|
4323
|
+
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), !0).forEach(function (r) { _defineProperty$1(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; }
|
|
4323
4324
|
/**
|
|
4324
4325
|
* Leaf content strings.
|
|
4325
4326
|
*/
|
|
@@ -4436,11 +4437,11 @@
|
|
|
4436
4437
|
// be because accepting an IME suggestion when at the start of a block (no
|
|
4437
4438
|
// preceding \uFEFF) removes one or more DOM elements that `toSlateRange`
|
|
4438
4439
|
// depends on. (https://github.com/ianstormtaylor/slate/issues/5703)
|
|
4439
|
-
return /*#__PURE__*/React.createElement("span", _objectSpread$
|
|
4440
|
+
return /*#__PURE__*/React.createElement("span", _objectSpread$6({}, attributes), !IS_ANDROID || !isLineBreak ? "\uFEFF" : null, isLineBreak ? /*#__PURE__*/React.createElement("br", null) : null);
|
|
4440
4441
|
};
|
|
4441
4442
|
|
|
4442
|
-
function ownKeys$
|
|
4443
|
-
function _objectSpread$
|
|
4443
|
+
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; }
|
|
4444
|
+
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), !0).forEach(function (r) { _defineProperty$1(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; }
|
|
4444
4445
|
// Delay the placeholder on Android to prevent the keyboard from closing.
|
|
4445
4446
|
// (https://github.com/ianstormtaylor/slate/pull/5368)
|
|
4446
4447
|
var PLACEHOLDER_DELAY = IS_ANDROID ? 300 : 0;
|
|
@@ -4459,7 +4460,7 @@
|
|
|
4459
4460
|
}
|
|
4460
4461
|
}
|
|
4461
4462
|
var defaultRenderLeaf = function defaultRenderLeaf(props) {
|
|
4462
|
-
return /*#__PURE__*/React.createElement(DefaultLeaf, _objectSpread$
|
|
4463
|
+
return /*#__PURE__*/React.createElement(DefaultLeaf, _objectSpread$5({}, props));
|
|
4463
4464
|
};
|
|
4464
4465
|
/**
|
|
4465
4466
|
* Individual leaves in a text node with unique formatting.
|
|
@@ -4569,7 +4570,7 @@
|
|
|
4569
4570
|
var DefaultLeaf = function DefaultLeaf(props) {
|
|
4570
4571
|
var attributes = props.attributes,
|
|
4571
4572
|
children = props.children;
|
|
4572
|
-
return /*#__PURE__*/React.createElement("span", _objectSpread$
|
|
4573
|
+
return /*#__PURE__*/React.createElement("span", _objectSpread$5({}, attributes), children);
|
|
4573
4574
|
};
|
|
4574
4575
|
|
|
4575
4576
|
var arrayWithoutHoles = createCommonjsModule(function (module) {
|
|
@@ -4701,7 +4702,7 @@
|
|
|
4701
4702
|
var path = ReactEditor.findPath(editor, node);
|
|
4702
4703
|
return decorate([node, path]);
|
|
4703
4704
|
};
|
|
4704
|
-
var equalityFn = slate.
|
|
4705
|
+
var equalityFn = slate.Node.isText(node) ? isTextDecorationsEqual : isElementDecorationsEqual;
|
|
4705
4706
|
var _useGenericSelector = useGenericSelector(selector, equalityFn),
|
|
4706
4707
|
_useGenericSelector2 = _slicedToArray(_useGenericSelector, 2),
|
|
4707
4708
|
decorations = _useGenericSelector2[0],
|
|
@@ -4741,10 +4742,10 @@
|
|
|
4741
4742
|
}, [decorate, addEventListener]);
|
|
4742
4743
|
};
|
|
4743
4744
|
|
|
4744
|
-
function ownKeys$
|
|
4745
|
-
function _objectSpread$
|
|
4745
|
+
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; }
|
|
4746
|
+
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), !0).forEach(function (r) { _defineProperty$1(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; }
|
|
4746
4747
|
var defaultRenderText = function defaultRenderText(props) {
|
|
4747
|
-
return /*#__PURE__*/React.createElement(DefaultText, _objectSpread$
|
|
4748
|
+
return /*#__PURE__*/React.createElement(DefaultText, _objectSpread$4({}, props));
|
|
4748
4749
|
};
|
|
4749
4750
|
/**
|
|
4750
4751
|
* Text.
|
|
@@ -4811,13 +4812,13 @@
|
|
|
4811
4812
|
var DefaultText = function DefaultText(props) {
|
|
4812
4813
|
var attributes = props.attributes,
|
|
4813
4814
|
children = props.children;
|
|
4814
|
-
return /*#__PURE__*/React.createElement("span", _objectSpread$
|
|
4815
|
+
return /*#__PURE__*/React.createElement("span", _objectSpread$4({}, attributes), children);
|
|
4815
4816
|
};
|
|
4816
4817
|
|
|
4817
|
-
function ownKeys$
|
|
4818
|
-
function _objectSpread$
|
|
4818
|
+
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; }
|
|
4819
|
+
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), !0).forEach(function (r) { _defineProperty$1(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; }
|
|
4819
4820
|
var defaultRenderElement = function defaultRenderElement(props) {
|
|
4820
|
-
return /*#__PURE__*/React.createElement(DefaultElement, _objectSpread$
|
|
4821
|
+
return /*#__PURE__*/React.createElement(DefaultElement, _objectSpread$3({}, props));
|
|
4821
4822
|
};
|
|
4822
4823
|
/**
|
|
4823
4824
|
* Element.
|
|
@@ -4922,7 +4923,7 @@
|
|
|
4922
4923
|
element = props.element;
|
|
4923
4924
|
var editor = useSlateStatic();
|
|
4924
4925
|
var Tag = editor.isInline(element) ? 'span' : 'div';
|
|
4925
|
-
return /*#__PURE__*/React.createElement(Tag, _objectSpread$
|
|
4926
|
+
return /*#__PURE__*/React.createElement(Tag, _objectSpread$3(_objectSpread$3({}, attributes), {}, {
|
|
4926
4927
|
style: {
|
|
4927
4928
|
position: 'relative'
|
|
4928
4929
|
}
|
|
@@ -5578,7 +5579,6 @@
|
|
|
5578
5579
|
onUpdate = _ref.onUpdate,
|
|
5579
5580
|
onIndexChange = _ref.onIndexChange,
|
|
5580
5581
|
debug = _ref.debug;
|
|
5581
|
-
chunkTree.modifiedChunks.clear();
|
|
5582
5582
|
var chunkTreeHelper = new ChunkTreeHelper(chunkTree, {
|
|
5583
5583
|
chunkSize: chunkSize,
|
|
5584
5584
|
debug: debug
|
|
@@ -5654,8 +5654,8 @@
|
|
|
5654
5654
|
chunkTree.movedNodeKeys.clear();
|
|
5655
5655
|
};
|
|
5656
5656
|
|
|
5657
|
-
function ownKeys$
|
|
5658
|
-
function _objectSpread$
|
|
5657
|
+
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; }
|
|
5658
|
+
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), !0).forEach(function (r) { _defineProperty$1(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; }
|
|
5659
5659
|
var KEY_TO_CHUNK_TREE = new WeakMap();
|
|
5660
5660
|
/**
|
|
5661
5661
|
* Get or create the chunk tree for a Slate node
|
|
@@ -5678,7 +5678,7 @@
|
|
|
5678
5678
|
KEY_TO_CHUNK_TREE.set(key, chunkTree);
|
|
5679
5679
|
}
|
|
5680
5680
|
if (options.reconcile) {
|
|
5681
|
-
reconcileChildren(editor, _objectSpread$
|
|
5681
|
+
reconcileChildren(editor, _objectSpread$2({
|
|
5682
5682
|
chunkTree: chunkTree,
|
|
5683
5683
|
children: node.children
|
|
5684
5684
|
}, options.reconcile));
|
|
@@ -5686,6 +5686,8 @@
|
|
|
5686
5686
|
return chunkTree;
|
|
5687
5687
|
};
|
|
5688
5688
|
|
|
5689
|
+
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; }
|
|
5690
|
+
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), !0).forEach(function (r) { _defineProperty$1(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; }
|
|
5689
5691
|
var defaultRenderChunk = function defaultRenderChunk(_ref) {
|
|
5690
5692
|
var children = _ref.children;
|
|
5691
5693
|
return children;
|
|
@@ -5723,7 +5725,16 @@
|
|
|
5723
5725
|
return renderElement(element, chunkNode.index, chunkNode.key);
|
|
5724
5726
|
});
|
|
5725
5727
|
};
|
|
5726
|
-
var ChunkTree =
|
|
5728
|
+
var ChunkTree = function ChunkTree(props) {
|
|
5729
|
+
// Clear the set of modified chunks only when React finishes rendering. The
|
|
5730
|
+
// timing of this is important in strict mode because if the chunks are
|
|
5731
|
+
// cleared during rendering (such as in reconcileChildren), strict mode's
|
|
5732
|
+
// second render won't include them.
|
|
5733
|
+
React.useEffect(function () {
|
|
5734
|
+
props.root.modifiedChunks.clear();
|
|
5735
|
+
});
|
|
5736
|
+
return /*#__PURE__*/React.createElement(ChunkAncestor, _objectSpread$1({}, props));
|
|
5737
|
+
};
|
|
5727
5738
|
var MemoizedChunk = /*#__PURE__*/React.memo(ChunkAncestor, function (prev, next) {
|
|
5728
5739
|
return prev.root === next.root && prev.renderElement === next.renderElement && prev.renderChunk === next.renderChunk && !next.root.modifiedChunks.has(next.ancestor);
|
|
5729
5740
|
});
|
|
@@ -5759,8 +5770,7 @@
|
|
|
5759
5770
|
renderLeaf = props.renderLeaf;
|
|
5760
5771
|
var editor = useSlateStatic();
|
|
5761
5772
|
IS_NODE_MAP_DIRTY.set(editor, false);
|
|
5762
|
-
var
|
|
5763
|
-
var isBlock = !isEditor && slate.Element.isElement(node) && !editor.isInline(node);
|
|
5773
|
+
var isBlock = slate.Node.isElement(node) && !editor.isInline(node);
|
|
5764
5774
|
var isLeafBlock = isBlock && slate.Editor.hasInlines(editor, node);
|
|
5765
5775
|
var chunkSize = isLeafBlock ? null : editor.getChunkSize(node);
|
|
5766
5776
|
var chunking = !!chunkSize;
|
|
@@ -5807,7 +5817,7 @@
|
|
|
5807
5817
|
};
|
|
5808
5818
|
if (!chunking) {
|
|
5809
5819
|
return node.children.map(function (n, i) {
|
|
5810
|
-
return slate.
|
|
5820
|
+
return slate.Node.isText(n) ? renderTextComponent(n, i) : renderElementComponent(n, i);
|
|
5811
5821
|
});
|
|
5812
5822
|
}
|
|
5813
5823
|
var chunkTree = getChunkTreeForNode(editor, node, {
|
|
@@ -6653,7 +6663,7 @@
|
|
|
6653
6663
|
var block = slate.Editor.above(editor, {
|
|
6654
6664
|
at: anchor.path,
|
|
6655
6665
|
match: function match(n) {
|
|
6656
|
-
return slate.
|
|
6666
|
+
return slate.Node.isElement(n) && slate.Editor.isBlock(editor, n);
|
|
6657
6667
|
}
|
|
6658
6668
|
});
|
|
6659
6669
|
if (block && slate.Node.string(block[0]).includes('\t')) {
|
|
@@ -7064,7 +7074,7 @@
|
|
|
7064
7074
|
// a list item of the check list example).
|
|
7065
7075
|
if (relatedTarget != null && isDOMNode(relatedTarget) && ReactEditor.hasDOMNode(editor, relatedTarget)) {
|
|
7066
7076
|
var node = ReactEditor.toSlateNode(editor, relatedTarget);
|
|
7067
|
-
if (slate.
|
|
7077
|
+
if (slate.Node.isElement(node) && !editor.isVoid(node)) {
|
|
7068
7078
|
return;
|
|
7069
7079
|
}
|
|
7070
7080
|
}
|
|
@@ -7090,11 +7100,11 @@
|
|
|
7090
7100
|
}
|
|
7091
7101
|
if (event.detail === TRIPLE_CLICK && path.length >= 1) {
|
|
7092
7102
|
var blockPath = path;
|
|
7093
|
-
if (!(slate.
|
|
7103
|
+
if (!(slate.Node.isElement(node) && slate.Editor.isBlock(editor, node))) {
|
|
7094
7104
|
var _block$;
|
|
7095
7105
|
var block = slate.Editor.above(editor, {
|
|
7096
7106
|
match: function match(n) {
|
|
7097
|
-
return slate.
|
|
7107
|
+
return slate.Node.isElement(n) && slate.Editor.isBlock(editor, n);
|
|
7098
7108
|
},
|
|
7099
7109
|
at: path
|
|
7100
7110
|
});
|
|
@@ -7213,7 +7223,7 @@
|
|
|
7213
7223
|
// that drops are allowed. Editable content is droppable by
|
|
7214
7224
|
// default, and calling `preventDefault` hides the cursor.
|
|
7215
7225
|
var node = ReactEditor.toSlateNode(editor, event.target);
|
|
7216
|
-
if (slate.
|
|
7226
|
+
if (slate.Node.isElement(node) && slate.Editor.isVoid(editor, node)) {
|
|
7217
7227
|
event.preventDefault();
|
|
7218
7228
|
}
|
|
7219
7229
|
}
|
|
@@ -7222,7 +7232,7 @@
|
|
|
7222
7232
|
if (!readOnly && ReactEditor.hasTarget(editor, event.target) && !isEventHandled(event, attributes.onDragStart)) {
|
|
7223
7233
|
var node = ReactEditor.toSlateNode(editor, event.target);
|
|
7224
7234
|
var path = ReactEditor.findPath(editor, node);
|
|
7225
|
-
var voidMatch = slate.
|
|
7235
|
+
var voidMatch = slate.Node.isElement(node) && slate.Editor.isVoid(editor, node) || slate.Editor["void"](editor, {
|
|
7226
7236
|
at: path,
|
|
7227
7237
|
voids: true
|
|
7228
7238
|
});
|
|
@@ -7514,7 +7524,7 @@
|
|
|
7514
7524
|
// an event when deleting backwards in a selected void inline node
|
|
7515
7525
|
if (selection && (hotkeys.isDeleteBackward(nativeEvent) || hotkeys.isDeleteForward(nativeEvent)) && slate.Range.isCollapsed(selection)) {
|
|
7516
7526
|
var currentNode = slate.Node.parent(editor, selection.anchor.path);
|
|
7517
|
-
if (slate.
|
|
7527
|
+
if (slate.Node.isElement(currentNode) && slate.Editor.isVoid(editor, currentNode) && (slate.Editor.isInline(editor, currentNode) || slate.Editor.isBlock(editor, currentNode))) {
|
|
7518
7528
|
event.preventDefault();
|
|
7519
7529
|
slate.Editor.deleteBackward(editor, {
|
|
7520
7530
|
unit: 'block'
|