@contentful/field-editor-rich-text 4.9.0 → 4.9.2

package/dist/cjs/RichTextEditor.js

@@ -25,6 +25,7 @@ const _emotion = require("emotion");
 const _fastdeepequal = /*#__PURE__*/ _interop_require_default(require("fast-deep-equal"));
 const _noop = /*#__PURE__*/ _interop_require_default(require("lodash/noop"));
 const _ContentfulEditorProvider = require("./ContentfulEditorProvider");
+const _editoroverrides = require("./editor-overrides");
 const _toSlateValue = require("./helpers/toSlateValue");
 const _misc = require("./internal/misc");
 const _plugins = require("./plugins");
@@ -127,7 +128,8 @@ const ConnectedRichTextEditor = (props)=>{
     }), /*#__PURE__*/ _react.createElement(_platecommon.PlateContent, {
         id: id,
         className: classNames,
-        readOnly: props.isDisabled
+        readOnly: props.isDisabled,
+        scrollSelectionIntoView: _editoroverrides.defaultScrollSelectionIntoView
     }))))));
 };
 const RichTextEditor = (props)=>{

package/dist/cjs/editor-overrides/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./scroll-selection-into-view"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/cjs/editor-overrides/scroll-selection-into-view.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "defaultScrollSelectionIntoView", {
+    enumerable: true,
+    get: function() {
+        return defaultScrollSelectionIntoView;
+    }
+});
+const _scrollintoviewifneeded = /*#__PURE__*/ _interop_require_default(require("scroll-into-view-if-needed"));
+const _internal = require("../internal");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const defaultScrollSelectionIntoView = (editor, domRange)=>{
+    if (domRange.getBoundingClientRect && (!editor.selection || editor.selection && _internal.Range.isCollapsed(editor.selection))) {
+        const leafEl = domRange.startContainer.parentElement;
+        const domRect = domRange.getBoundingClientRect();
+        const isZeroDimensionRect = domRect.width === 0 && domRect.height === 0 && domRect.x === 0 && domRect.y === 0;
+        if (isZeroDimensionRect) {
+            const leafRect = leafEl.getBoundingClientRect();
+            const leafHasDimensions = leafRect.width > 0 || leafRect.height > 0;
+            if (leafHasDimensions) {
+                return;
+            }
+        }
+        leafEl.getBoundingClientRect = domRange.getBoundingClientRect.bind(domRange);
+        (0, _scrollintoviewifneeded.default)(leafEl, {
+            scrollMode: 'if-needed'
+        });
+        delete leafEl.getBoundingClientRect;
+    }
+};

package/dist/cjs/internal/types/editor.js

@@ -2,3 +2,52 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "Range", {
+    enumerable: true,
+    get: function() {
+        return Range;
+    }
+});
+const _slate = /*#__PURE__*/ _interop_require_wildcard(require("slate"));
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
+const Range = _slate.Range;

package/dist/esm/RichTextEditor.js

@@ -7,6 +7,7 @@ import { css, cx } from 'emotion';
 import deepEquals from 'fast-deep-equal';
 import noop from 'lodash/noop';
 import { ContentfulEditorIdProvider, getContentfulEditorId } from './ContentfulEditorProvider';
+import { defaultScrollSelectionIntoView } from './editor-overrides';
 import { toSlateValue } from './helpers/toSlateValue';
 import { normalizeInitialValue } from './internal/misc';
 import { getPlugins, disableCorePlugins } from './plugins';
@@ -63,7 +64,8 @@ export const ConnectedRichTextEditor = (props)=>{
     }), /*#__PURE__*/ React.createElement(PlateContent, {
         id: id,
         className: classNames,
-        readOnly: props.isDisabled
+        readOnly: props.isDisabled,
+        scrollSelectionIntoView: defaultScrollSelectionIntoView
     }))))));
 };
 const RichTextEditor = (props)=>{

package/dist/esm/editor-overrides/index.js

@@ -0,0 +1 @@
+export * from './scroll-selection-into-view';

package/dist/esm/editor-overrides/scroll-selection-into-view.js

@@ -0,0 +1,21 @@
+import scrollIntoView from 'scroll-into-view-if-needed';
+import { Range } from '../internal';
+export const defaultScrollSelectionIntoView = (editor, domRange)=>{
+    if (domRange.getBoundingClientRect && (!editor.selection || editor.selection && Range.isCollapsed(editor.selection))) {
+        const leafEl = domRange.startContainer.parentElement;
+        const domRect = domRange.getBoundingClientRect();
+        const isZeroDimensionRect = domRect.width === 0 && domRect.height === 0 && domRect.x === 0 && domRect.y === 0;
+        if (isZeroDimensionRect) {
+            const leafRect = leafEl.getBoundingClientRect();
+            const leafHasDimensions = leafRect.width > 0 || leafRect.height > 0;
+            if (leafHasDimensions) {
+                return;
+            }
+        }
+        leafEl.getBoundingClientRect = domRange.getBoundingClientRect.bind(domRange);
+        scrollIntoView(leafEl, {
+            scrollMode: 'if-needed'
+        });
+        delete leafEl.getBoundingClientRect;
+    }
+};

package/dist/esm/internal/types/editor.js

@@ -1 +1,2 @@
-export { };
+import * as s from 'slate';
+export const Range = s.Range;

package/dist/types/editor-overrides/index.d.ts

@@ -0,0 +1 @@
+export * from './scroll-selection-into-view';

package/dist/types/editor-overrides/scroll-selection-into-view.d.ts

@@ -0,0 +1,2 @@
+import { DOMRange, ReactEditor } from '../internal';
+export declare const defaultScrollSelectionIntoView: (editor: ReactEditor, domRange: DOMRange) => void;

package/dist/types/internal/types/editor.d.ts

@@ -5,6 +5,7 @@ import { MARKS } from '@contentful/rich-text-types';
 import * as p from '@udecode/plate-common';
 import * as s from 'slate';
 import * as sr from 'slate-react';
+import { DOMRange as SlateReactDomRange } from 'slate-react/dist/utils/dom';
 import type { SelectionMoveOptions as SlateSelectionMoveOptions, SelectionCollapseOptions as SlateSelectionCollapseOptions } from 'slate/dist/interfaces/transforms/selection';
 import type { TextInsertTextOptions as SlateTextInsertTextOptions } from 'slate/dist/interfaces/transforms/text';
 import { TrackingPluginActions } from '../../plugins/Tracking';
@@ -59,3 +60,5 @@ export type Span = p.TSpan;
 export type BasePoint = s.BasePoint;
 export type BaseSelection = s.BaseSelection;
 export type PathRef = s.PathRef;
+export type DOMRange = SlateReactDomRange;
+export declare const Range: s.RangeInterface;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "4.9.0",
+  "version": "4.9.2",
   "source": "./src/index.tsx",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -44,7 +44,7 @@
     "@contentful/f36-icons": "^4.29.0",
     "@contentful/f36-tokens": "^4.0.5",
     "@contentful/f36-utils": "^4.24.3",
-    "@contentful/field-editor-reference": "^6.10.0",
+    "@contentful/field-editor-reference": "^6.10.1",
     "@contentful/field-editor-shared": "^2.9.0",
     "@contentful/rich-text-plain-text-renderer": "^17.0.0",
     "@contentful/rich-text-types": "^17.0.0",
@@ -88,5 +88,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "44e5546797a12db4d96f290e039a483297265ffa"
+  "gitHead": "c43c17b9bb1036b1d5aec267ad45adc8c136d528"
 }