slate-react 0.105.0 → 0.106.0-20240623211848
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/components/editable.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +20 -15
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +21 -14
- package/dist/index.js.map +1 -1
- package/dist/slate-react.js +21 -14
- package/dist/slate-react.min.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/editable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAON,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,OAAO,EAEL,OAAO,EAEP,SAAS,EAET,KAAK,EACL,IAAI,EAEL,MAAM,OAAO,CAAA;AAQd,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,OAAO,EAEL,QAAQ,EAOT,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/editable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAON,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,OAAO,EAEL,OAAO,EAEP,SAAS,EAET,KAAK,EACL,IAAI,EAEL,MAAM,OAAO,CAAA;AAQd,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,OAAO,EAEL,QAAQ,EAOT,MAAM,cAAc,CAAA;AAsCrB;;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,MAAM,MAAM,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;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,GAAG,KAAK,CAAC,sBAAsB,CAAC,cAAc,CAAC,CAAA;AAEhD;;GAEG;AAEH,eAAO,MAAM,QAAQ,UAAW,aAAa,gBAolD5C,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,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,WAAW,CAAC,GAAG,CAAC,CAAA;QAC3B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;KAC3B,CAAA;CACF,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,kBAAkB,8BAG5B,sBAAsB,gBAOxB,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,eAAe,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,EAAa,CAAA;AA4BtE;;GAEG;AAEH,eAAO,MAAM,cAAc,gHAIO,IAAI,GAAG,OAAO,yBAc/C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,yFAUjC,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,iBAAiB,uDAEJ,IAAI,GAAG,OAAO,yBAevC,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -12,4 +12,5 @@ export { useSlateSelector } from './hooks/use-slate-selector';
|
|
|
12
12
|
export { useSlateSelection } from './hooks/use-slate-selection';
|
|
13
13
|
export { ReactEditor } from './plugin/react-editor';
|
|
14
14
|
export { withReact } from './plugin/with-react';
|
|
15
|
+
export { NODE_TO_INDEX, NODE_TO_PARENT } from './utils/weak-maps';
|
|
15
16
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAG/D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAG/D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAG/C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}
|
package/dist/index.es.js
CHANGED
|
@@ -117,7 +117,7 @@ var IS_WECHATBROWSER = typeof navigator !== 'undefined' && /.*Wechat/.test(navig
|
|
|
117
117
|
// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
|
|
118
118
|
var CAN_USE_DOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
|
|
119
119
|
// Check if the browser is Safari and older than 17
|
|
120
|
-
|
|
120
|
+
typeof navigator !== 'undefined' && /Safari/.test(navigator.userAgent) && /Version\/(\d+)/.test(navigator.userAgent) && ((_navigator$userAgent$ = navigator.userAgent.match(/Version\/(\d+)/)) !== null && _navigator$userAgent$ !== void 0 && _navigator$userAgent$[1] ? parseInt((_navigator$userAgent$2 = navigator.userAgent.match(/Version\/(\d+)/)) === null || _navigator$userAgent$2 === void 0 ? void 0 : _navigator$userAgent$2[1], 10) < 17 : false);
|
|
121
121
|
// COMPAT: Firefox/Edge Legacy don't support the `beforeinput` event
|
|
122
122
|
// Chrome Legacy doesn't support `beforeinput` correctly
|
|
123
123
|
var HAS_BEFORE_INPUT_SUPPORT = (!IS_CHROME_LEGACY || !IS_ANDROID_CHROME_LEGACY) && !IS_EDGE_LEGACY &&
|
|
@@ -2897,7 +2897,7 @@ var Editable = props => {
|
|
|
2897
2897
|
var onDOMSelectionChange = useMemo(() => throttle(() => {
|
|
2898
2898
|
var el = ReactEditor.toDOMNode(editor, editor);
|
|
2899
2899
|
var root = el.getRootNode();
|
|
2900
|
-
if (
|
|
2900
|
+
if (!processing.current && IS_WEBKIT && root instanceof ShadowRoot) {
|
|
2901
2901
|
processing.current = true;
|
|
2902
2902
|
var active = getActiveElement();
|
|
2903
2903
|
if (active) {
|
|
@@ -3105,7 +3105,7 @@ var Editable = props => {
|
|
|
3105
3105
|
var onDOMBeforeInput = useCallback(event => {
|
|
3106
3106
|
var el = ReactEditor.toDOMNode(editor, editor);
|
|
3107
3107
|
var root = el.getRootNode();
|
|
3108
|
-
if (
|
|
3108
|
+
if (processing !== null && processing !== void 0 && processing.current && IS_WEBKIT && root instanceof ShadowRoot) {
|
|
3109
3109
|
var ranges = event.getTargetRanges();
|
|
3110
3110
|
var range = ranges[0];
|
|
3111
3111
|
var newRange = new window.Range();
|
|
@@ -3372,18 +3372,28 @@ var Editable = props => {
|
|
|
3372
3372
|
}
|
|
3373
3373
|
ref.current = node;
|
|
3374
3374
|
}, [onDOMSelectionChange, scheduleOnDOMSelectionChange, editor, onDOMBeforeInput]);
|
|
3375
|
-
// Attach a native DOM event handler for `selectionchange`, because React's
|
|
3376
|
-
// built-in `onSelect` handler doesn't fire for all selection changes. It's a
|
|
3377
|
-
// leaky polyfill that only fires on keypresses or clicks. Instead, we want to
|
|
3378
|
-
// fire for any change to the selection inside the editor. (2019/11/04)
|
|
3379
|
-
// https://github.com/facebook/react/issues/5785
|
|
3380
3375
|
useIsomorphicLayoutEffect(() => {
|
|
3381
3376
|
var window = ReactEditor.getWindow(editor);
|
|
3377
|
+
// Attach a native DOM event handler for `selectionchange`, because React's
|
|
3378
|
+
// built-in `onSelect` handler doesn't fire for all selection changes. It's
|
|
3379
|
+
// a leaky polyfill that only fires on keypresses or clicks. Instead, we
|
|
3380
|
+
// want to fire for any change to the selection inside the editor.
|
|
3381
|
+
// (2019/11/04) https://github.com/facebook/react/issues/5785
|
|
3382
3382
|
window.document.addEventListener('selectionchange', scheduleOnDOMSelectionChange);
|
|
3383
|
+
// Listen for dragend and drop globally. In Firefox, if a drop handler
|
|
3384
|
+
// initiates an operation that causes the originally dragged element to
|
|
3385
|
+
// unmount, that element will not emit a dragend event. (2024/06/21)
|
|
3386
|
+
var stoppedDragging = () => {
|
|
3387
|
+
state.isDraggingInternally = false;
|
|
3388
|
+
};
|
|
3389
|
+
window.document.addEventListener('dragend', stoppedDragging);
|
|
3390
|
+
window.document.addEventListener('drop', stoppedDragging);
|
|
3383
3391
|
return () => {
|
|
3384
3392
|
window.document.removeEventListener('selectionchange', scheduleOnDOMSelectionChange);
|
|
3393
|
+
window.document.removeEventListener('dragend', stoppedDragging);
|
|
3394
|
+
window.document.removeEventListener('drop', stoppedDragging);
|
|
3385
3395
|
};
|
|
3386
|
-
}, [scheduleOnDOMSelectionChange]);
|
|
3396
|
+
}, [scheduleOnDOMSelectionChange, state]);
|
|
3387
3397
|
var decorations = decorate([editor, []]);
|
|
3388
3398
|
var showPlaceholder = placeholder && editor.children.length === 1 && Array.from(Node.texts(editor)).length === 1 && Node.string(editor) === '' && !isComposing;
|
|
3389
3399
|
var placeHolderResizeHandler = useCallback(placeholderEl => {
|
|
@@ -3747,16 +3757,11 @@ var Editable = props => {
|
|
|
3747
3757
|
ReactEditor.focus(editor);
|
|
3748
3758
|
}
|
|
3749
3759
|
}
|
|
3750
|
-
state.isDraggingInternally = false;
|
|
3751
3760
|
}, [readOnly, editor, attributes.onDrop, state]),
|
|
3752
3761
|
onDragEnd: useCallback(event => {
|
|
3753
3762
|
if (!readOnly && state.isDraggingInternally && attributes.onDragEnd && ReactEditor.hasTarget(editor, event.target)) {
|
|
3754
3763
|
attributes.onDragEnd(event);
|
|
3755
3764
|
}
|
|
3756
|
-
// When dropping on a different droppable element than the current editor,
|
|
3757
|
-
// `onDrop` is not called. So we need to clean up in `onDragEnd` instead.
|
|
3758
|
-
// Note: `onDragEnd` is only called when `onDrop` is not called
|
|
3759
|
-
state.isDraggingInternally = false;
|
|
3760
3765
|
}, [readOnly, state, attributes, editor]),
|
|
3761
3766
|
onFocus: useCallback(event => {
|
|
3762
3767
|
if (!readOnly && !state.isUpdatingSelection && ReactEditor.hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onFocus)) {
|
|
@@ -4685,5 +4690,5 @@ var getMatches = (e, path) => {
|
|
|
4685
4690
|
return matches;
|
|
4686
4691
|
};
|
|
4687
4692
|
|
|
4688
|
-
export { DefaultElement, DefaultLeaf, DefaultPlaceholder, Editable, ReactEditor, Slate, useEditor, useFocused, useReadOnly, useSelected, useSlate, useSlateSelection, useSlateSelector, useSlateStatic, useSlateWithV, withReact };
|
|
4693
|
+
export { DefaultElement, DefaultLeaf, DefaultPlaceholder, Editable, NODE_TO_INDEX, NODE_TO_PARENT, ReactEditor, Slate, useEditor, useFocused, useReadOnly, useSelected, useSlate, useSlateSelection, useSlateSelector, useSlateStatic, useSlateWithV, withReact };
|
|
4689
4694
|
//# sourceMappingURL=index.es.js.map
|