slate-react 0.72.0 → 0.72.1-20211110125948
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/CHANGELOG.md +8 -0
- package/dist/components/editable.d.ts +2 -2
- package/dist/components/editable.d.ts.map +1 -1
- package/dist/index.es.js +14 -13
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +14 -13
- package/dist/index.js.map +1 -1
- package/dist/plugin/react-editor.d.ts +2 -2
- package/dist/plugin/react-editor.d.ts.map +1 -1
- package/dist/slate-react.js +14 -13
- package/dist/slate-react.min.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# slate-react
|
|
2
2
|
|
|
3
|
+
## 0.72.1-20211110125948
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#4720](https://github.com/ianstormtaylor/slate/pull/4720) [`1217021a`](https://github.com/ianstormtaylor/slate/commit/1217021a9a42563c9ee951ab670255c209863452) Thanks [@bryanph](https://github.com/bryanph)! - Add origin event type to setFragmentData to be able to distinguish copy, cut and drag
|
|
8
|
+
|
|
9
|
+
* [#4727](https://github.com/ianstormtaylor/slate/pull/4727) [`0334851c`](https://github.com/ianstormtaylor/slate/commit/0334851cb1da3fd194278e48985166eb658eaf24) Thanks [@ahoisl](https://github.com/ahoisl)! - Fix "Cannot resolve from DOM point" error on onDomSelectionChange for readonly void elements
|
|
10
|
+
|
|
3
11
|
## 0.72.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
|
@@ -81,9 +81,9 @@ export declare const hasTarget: (editor: ReactEditor, target: EventTarget | null
|
|
|
81
81
|
*/
|
|
82
82
|
export declare const hasEditableTarget: (editor: ReactEditor, target: EventTarget | null) => target is DOMNode;
|
|
83
83
|
/**
|
|
84
|
-
* Check if the target is inside void and in
|
|
84
|
+
* Check if the target is inside void and in an non-readonly editor.
|
|
85
85
|
*/
|
|
86
|
-
export declare const
|
|
86
|
+
export declare const isTargetInsideNonReadonlyVoid: (editor: ReactEditor, target: EventTarget | null) => boolean;
|
|
87
87
|
/**
|
|
88
88
|
* Check if an event is overrided by a handler.
|
|
89
89
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/components/editable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAEL,OAAO,EACP,SAAS,EAET,KAAK,EACL,IAAI,EAGL,MAAM,OAAO,CAAA;AAoBd,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAA;AAKhC,OAAO,EAEL,OAAO,EACP,QAAQ,EAKT,MAAM,cAAc,CAAA;AAkBrB;;GAEG;AAEH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,GAAG,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE;QACV,iBAAiB,EAAE,SAAS,CAAA;QAC5B,mBAAmB,CAAC,EAAE,IAAI,CAAA;QAC1B,iBAAiB,CAAC,EAAE,IAAI,CAAA;QACxB,GAAG,CAAC,EAAE,KAAK,CAAA;QACX,GAAG,EAAE,GAAG,CAAA;KACT,CAAA;CACF;AAED;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,GAAG,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,EAAE;QACV,iBAAiB,EAAE,IAAI,CAAA;KACxB,CAAA;CACF;AAED;;GAEG;AAEH,oBAAY,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,EAAE,CAAA;IACxC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG,CAAC,OAAO,CAAA;IAC1D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAA;IACpD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,GAAG,CAAC,OAAO,CAAA;IAClE,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC3E,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,GAAG,KAAK,CAAC,sBAAsB,CAAC,cAAc,CAAC,CAAA;AAEhD;;GAEG;AAEH,eAAO,MAAM,QAAQ,UAAW,aAAa,gBAirC5C,CAAA;AAED;;GAEG;AACH,oBAAY,sBAAsB,GAAG;IACnC,QAAQ,EAAE,GAAG,CAAA;IACb,UAAU,EAAE;QACV,wBAAwB,EAAE,OAAO,CAAA;QACjC,GAAG,CAAC,EAAE,KAAK,CAAA;QACX,eAAe,EAAE,OAAO,CAAA;QACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;QACzB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;KAC3B,CAAA;CACF,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,kBAAkB,8BAG5B,sBAAsB,gBAA4C,CAAA;AAErE;;GAEG;AAEH,eAAO,MAAM,eAAe,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,EAAa,CAAA;AAyBtE;;GAEG;AAEH,eAAO,MAAM,YAAY,MAAO,QAAQ,KAAK,QAAQ,YAWpD,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,SAAS,WACZ,WAAW,UACX,WAAW,GAAG,IAAI,sBAG3B,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,iBAAiB,WACpB,WAAW,UACX,WAAW,GAAG,IAAI,sBAM3B,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/components/editable.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.es.js
CHANGED
|
@@ -1151,8 +1151,8 @@ var Editable$1 = props => {
|
|
|
1151
1151
|
anchorNode,
|
|
1152
1152
|
focusNode
|
|
1153
1153
|
} = domSelection;
|
|
1154
|
-
var anchorNodeSelectable = hasEditableTarget(editor, anchorNode) ||
|
|
1155
|
-
var focusNodeSelectable = hasEditableTarget(editor, focusNode) ||
|
|
1154
|
+
var anchorNodeSelectable = hasEditableTarget(editor, anchorNode) || isTargetInsideNonReadonlyVoid(editor, anchorNode);
|
|
1155
|
+
var focusNodeSelectable = hasEditableTarget(editor, focusNode) || isTargetInsideNonReadonlyVoid(editor, focusNode);
|
|
1156
1156
|
|
|
1157
1157
|
if (anchorNodeSelectable && focusNodeSelectable) {
|
|
1158
1158
|
var range = ReactEditor.toSlateRange(editor, domSelection, {
|
|
@@ -1647,13 +1647,13 @@ var Editable$1 = props => {
|
|
|
1647
1647
|
onCopy: useCallback(event => {
|
|
1648
1648
|
if (hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onCopy)) {
|
|
1649
1649
|
event.preventDefault();
|
|
1650
|
-
ReactEditor.setFragmentData(editor, event.clipboardData);
|
|
1650
|
+
ReactEditor.setFragmentData(editor, event.clipboardData, 'copy');
|
|
1651
1651
|
}
|
|
1652
1652
|
}, [attributes.onCopy]),
|
|
1653
1653
|
onCut: useCallback(event => {
|
|
1654
1654
|
if (!readOnly && hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onCut)) {
|
|
1655
1655
|
event.preventDefault();
|
|
1656
|
-
ReactEditor.setFragmentData(editor, event.clipboardData);
|
|
1656
|
+
ReactEditor.setFragmentData(editor, event.clipboardData, 'cut');
|
|
1657
1657
|
var {
|
|
1658
1658
|
selection
|
|
1659
1659
|
} = editor;
|
|
@@ -1699,7 +1699,7 @@ var Editable$1 = props => {
|
|
|
1699
1699
|
}
|
|
1700
1700
|
|
|
1701
1701
|
state.isDraggingInternally = true;
|
|
1702
|
-
ReactEditor.setFragmentData(editor, event.dataTransfer);
|
|
1702
|
+
ReactEditor.setFragmentData(editor, event.dataTransfer, 'drag');
|
|
1703
1703
|
}
|
|
1704
1704
|
}, [readOnly, attributes.onDragStart]),
|
|
1705
1705
|
onDrop: useCallback(event => {
|
|
@@ -2099,10 +2099,11 @@ var hasEditableTarget = (editor, target) => {
|
|
|
2099
2099
|
});
|
|
2100
2100
|
};
|
|
2101
2101
|
/**
|
|
2102
|
-
* Check if the target is inside void and in
|
|
2102
|
+
* Check if the target is inside void and in an non-readonly editor.
|
|
2103
2103
|
*/
|
|
2104
2104
|
|
|
2105
|
-
var
|
|
2105
|
+
var isTargetInsideNonReadonlyVoid = (editor, target) => {
|
|
2106
|
+
if (IS_READ_ONLY.get(editor)) return false;
|
|
2106
2107
|
var slateNode = hasTarget(editor, target) && ReactEditor.toSlateNode(editor, target);
|
|
2107
2108
|
return Editor.isVoid(editor, slateNode);
|
|
2108
2109
|
};
|
|
@@ -2351,8 +2352,8 @@ var ReactEditor = {
|
|
|
2351
2352
|
/**
|
|
2352
2353
|
* Sets data from the currently selected fragment on a `DataTransfer`.
|
|
2353
2354
|
*/
|
|
2354
|
-
setFragmentData(editor, data) {
|
|
2355
|
-
editor.setFragmentData(data);
|
|
2355
|
+
setFragmentData(editor, data, originEvent) {
|
|
2356
|
+
editor.setFragmentData(data, originEvent);
|
|
2356
2357
|
},
|
|
2357
2358
|
|
|
2358
2359
|
/**
|
|
@@ -3598,8 +3599,8 @@ var AndroidEditable = props => {
|
|
|
3598
3599
|
anchorNode,
|
|
3599
3600
|
focusNode
|
|
3600
3601
|
} = domSelection;
|
|
3601
|
-
var anchorNodeSelectable = hasEditableTarget(editor, anchorNode) ||
|
|
3602
|
-
var focusNodeSelectable = hasEditableTarget(editor, focusNode) ||
|
|
3602
|
+
var anchorNodeSelectable = hasEditableTarget(editor, anchorNode) || isTargetInsideNonReadonlyVoid(editor, anchorNode);
|
|
3603
|
+
var focusNodeSelectable = hasEditableTarget(editor, focusNode) || isTargetInsideNonReadonlyVoid(editor, focusNode);
|
|
3603
3604
|
|
|
3604
3605
|
if (anchorNodeSelectable && focusNodeSelectable) {
|
|
3605
3606
|
var range = ReactEditor.toSlateRange(editor, domSelection, {
|
|
@@ -3667,13 +3668,13 @@ var AndroidEditable = props => {
|
|
|
3667
3668
|
onCopy: useCallback(event => {
|
|
3668
3669
|
if (hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onCopy)) {
|
|
3669
3670
|
event.preventDefault();
|
|
3670
|
-
ReactEditor.setFragmentData(editor, event.clipboardData);
|
|
3671
|
+
ReactEditor.setFragmentData(editor, event.clipboardData, 'copy');
|
|
3671
3672
|
}
|
|
3672
3673
|
}, [attributes.onCopy]),
|
|
3673
3674
|
onCut: useCallback(event => {
|
|
3674
3675
|
if (!readOnly && hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onCut)) {
|
|
3675
3676
|
event.preventDefault();
|
|
3676
|
-
ReactEditor.setFragmentData(editor, event.clipboardData);
|
|
3677
|
+
ReactEditor.setFragmentData(editor, event.clipboardData, 'cut');
|
|
3677
3678
|
var {
|
|
3678
3679
|
selection
|
|
3679
3680
|
} = editor;
|