@handlewithcare/react-prosemirror 3.1.0-tiptap.42 → 3.1.0-tiptap.43

package/dist/esm/ReactEditorView.js

@@ -30,6 +30,62 @@ function changedNodeViews(a, b) {
  * latest, uncommitted props. The base class can then be told to update when the
  * React effects are commit an update, applying the pending, uncommitted props.
  */ export class ReactEditorView extends EditorView {
+    nextProps;
+    prevState;
+    _destroyed;
+    constructor(place, props){
+        // Prevent the base class from destroying the React-managed nodes.
+        // Restore them below after invoking the base class constructor.
+        const reactContent = [
+            ...place.mount.childNodes
+        ];
+        // Prevent the base class from mutating the React-managed attributes.
+        // Restore them below after invoking the base class constructor.
+        const reactAttrs = [
+            ...place.mount.attributes
+        ];
+        for (const attr of reactAttrs){
+            place.mount.removeAttributeNode(attr);
+        }
+        try {
+            // Call the superclass constructor with only a state and no plugins.
+            // We'll set everything else ourselves and apply props during layout.
+            super(place, {
+                state: EMPTY_STATE
+            });
+            this.domObserver.stop();
+            this.domObserver.observer = null;
+            this.domObserver.queue = [];
+            const originalOnSelectionChange = this.domObserver.onSelectionChange;
+            this.domObserver.onSelectionChange = ()=>{
+                // During a composition, we completely pause React-driven
+                // selection and DOM updates. Compositions are "fragile";
+                // in Safari, even updating the selection to the same
+                // position it's already set to will end the current
+                // composition.
+                if (this.composing) return;
+                originalOnSelectionChange();
+            };
+        } finally{
+            place.mount.replaceChildren(...reactContent);
+            for (const attr of place.mount.attributes){
+                place.mount.removeAttributeNode(attr);
+            }
+            for (const attr of reactAttrs){
+                place.mount.setAttributeNode(attr);
+            }
+        }
+        this.prevState = EMPTY_STATE;
+        this.nextProps = props;
+        this.state = props.state;
+        this.nodeViews = buildNodeViews(this);
+        // Destroy the document view description that the base class makes.
+        // A React document view will assign itself to this attribute later.
+        this.docView.destroy();
+        // @ts-expect-error this violates the typing but class does it, too.
+        this.docView = null;
+        this._destroyed = false;
+    }
     get props() {
         return this.nextProps;
     }
@@ -79,22 +135,21 @@ function changedNodeViews(a, b) {
                 return result;
             }
         }
-        var _plugins;
-        for (const plugin of (_plugins = this.props.plugins) !== null && _plugins !== void 0 ? _plugins : []){
-            const prop1 = plugin.props[propName];
-            if (prop1 != null) {
-                const result1 = f ? f(prop1) : prop1;
-                if (result1) {
-                    return result1;
+        for (const plugin of this.props.plugins ?? []){
+            const prop = plugin.props[propName];
+            if (prop != null) {
+                const result = f ? f(prop) : prop;
+                if (result) {
+                    return result;
                 }
             }
         }
-        for (const plugin1 of this.state.plugins){
-            const prop2 = plugin1.props[propName];
-            if (prop2 != null) {
-                const result2 = f ? f(prop2) : prop2;
-                if (result2) {
-                    return result2;
+        for (const plugin of this.state.plugins){
+            const prop = plugin.props[propName];
+            if (prop != null) {
+                const result = f ? f(prop) : prop;
+                if (result) {
+                    return result;
                 }
             }
         }
@@ -134,57 +189,4 @@ function changedNodeViews(a, b) {
         // Store the new previous state.
         this.prevState = this.state;
     }
-    constructor(place, props){
-        // Prevent the base class from destroying the React-managed nodes.
-        // Restore them below after invoking the base class constructor.
-        const reactContent = [
-            ...place.mount.childNodes
-        ];
-        // Prevent the base class from mutating the React-managed attributes.
-        // Restore them below after invoking the base class constructor.
-        const reactAttrs = [
-            ...place.mount.attributes
-        ];
-        for (const attr of reactAttrs){
-            place.mount.removeAttributeNode(attr);
-        }
-        try {
-            // Call the superclass constructor with only a state and no plugins.
-            // We'll set everything else ourselves and apply props during layout.
-            super(place, {
-                state: EMPTY_STATE
-            });
-            this.domObserver.stop();
-            this.domObserver.observer = null;
-            this.domObserver.queue = [];
-            const originalOnSelectionChange = this.domObserver.onSelectionChange;
-            this.domObserver.onSelectionChange = ()=>{
-                // During a composition, we completely pause React-driven
-                // selection and DOM updates. Compositions are "fragile";
-                // in Safari, even updating the selection to the same
-                // position it's already set to will end the current
-                // composition.
-                if (this.composing) return;
-                originalOnSelectionChange();
-            };
-        } finally{
-            place.mount.replaceChildren(...reactContent);
-            for (const attr1 of place.mount.attributes){
-                place.mount.removeAttributeNode(attr1);
-            }
-            for (const attr2 of reactAttrs){
-                place.mount.setAttributeNode(attr2);
-            }
-        }
-        this.prevState = EMPTY_STATE;
-        this.nextProps = props;
-        this.state = props.state;
-        this.nodeViews = buildNodeViews(this);
-        // Destroy the document view description that the base class makes.
-        // A React document view will assign itself to this attribute later.
-        this.docView.destroy();
-        // @ts-expect-error this violates the typing but class does it, too.
-        this.docView = null;
-        this._destroyed = false;
-    }
 }

package/dist/esm/StaticEditorView.js

@@ -1,4 +1,10 @@
 export class StaticEditorView {
+    props;
+    nodeViews;
+    constructor(props){
+        this.props = props;
+        this.nodeViews = {};
+    }
     get composing() {
         return false;
     }
@@ -36,22 +42,21 @@ export class StaticEditorView {
                 return result;
             }
         }
-        var _plugins;
-        for (const plugin of (_plugins = this.props.plugins) !== null && _plugins !== void 0 ? _plugins : []){
-            const prop1 = plugin.props[propName];
-            if (prop1 != null) {
-                const result1 = f ? f(prop1) : prop1;
-                if (result1) {
-                    return result1;
+        for (const plugin of this.props.plugins ?? []){
+            const prop = plugin.props[propName];
+            if (prop != null) {
+                const result = f ? f(prop) : prop;
+                if (result) {
+                    return result;
                 }
             }
         }
-        for (const plugin1 of this.state.plugins){
-            const prop2 = plugin1.props[propName];
-            if (prop2 != null) {
-                const result2 = f ? f(prop2) : prop2;
-                if (result2) {
-                    return result2;
+        for (const plugin of this.state.plugins){
+            const prop = plugin.props[propName];
+            if (prop != null) {
+                const result = f ? f(prop) : prop;
+                if (result) {
+                    return result;
                 }
             }
         }
@@ -71,8 +76,4 @@ export class StaticEditorView {
     domSelection() {
         return null;
     }
-    constructor(props){
-        this.props = props;
-        this.nodeViews = {};
-    }
 }

package/dist/esm/commands/reorderSiblings.js

@@ -48,13 +48,13 @@ export function reorderSiblingsOnTransaction(pos, order, tr, state, dispatch) {
     start = pos;
     const newPositions = [];
     for(let i = 0; i < reordered.length; i++){
-        const node1 = reordered[i];
+        const node = reordered[i];
         newPositions[order[i]] = start;
-        start += node1.nodeSize;
+        start += node.nodeSize;
     }
-    for(let i1 = 0; i1 < oldPositions.length; i1++){
-        const oldPosition = oldPositions[i1];
-        const newPosition = newPositions[i1];
+    for(let i = 0; i < oldPositions.length; i++){
+        const oldPosition = oldPositions[i];
+        const newPosition = newPositions[i];
         meta.overrides[oldPosition] = newPosition;
     }
     tr.setMeta(reactKeysPluginKey, meta);

package/dist/esm/components/ChildNodeViews.js

@@ -13,13 +13,13 @@ import { WidgetView } from "./WidgetView.js";
 import { MarkView } from "./marks/MarkView.js";
 import { NodeView } from "./nodes/NodeView.js";
 export function wrapInDeco(reactNode, deco) {
-    const { nodeName , ...attrs } = deco.type.attrs;
+    const { nodeName, ...attrs } = deco.type.attrs;
     const props = htmlAttrsToReactProps(attrs);
     // We auto-wrap text nodes in spans so that we can apply attributes
     // and styles, but we want to avoid double-wrapping the same
     // text node
     if (nodeName || typeof reactNode === "string") {
-        return /*#__PURE__*/ createElement(nodeName !== null && nodeName !== void 0 ? nodeName : "span", props, reactNode);
+        return /*#__PURE__*/ createElement(nodeName ?? "span", props, reactNode);
     }
     return /*#__PURE__*/ cloneElement(reactNode, mergeReactProps(reactNode.props, props));
 }
@@ -27,8 +27,8 @@ function areChildrenEqual(a, b) {
     return a.type === b.type && a.marks.every((mark)=>mark.isInSet(b.marks)) && b.marks.every((mark)=>mark.isInSet(a.marks)) && a.key === b.key && (a.type !== "node" || b.type !== "node" || a.node.eq(b.node) && sameOuterDeco(a.outerDeco, b.outerDeco) && a.innerDeco.eq(b.innerDeco)) && a.widget === b.widget;
 }
 const ChildView = /*#__PURE__*/ memo(function ChildView(param) {
-    let { child , getInnerPos  } = param;
-    const { view  } = useContext(EditorContext);
+    let { child, getInnerPos } = param;
+    const { view } = useContext(EditorContext);
     const childRef = useRef(child);
     childRef.current = child;
     const getPos = useCallback(()=>{
@@ -49,9 +49,9 @@ const ChildView = /*#__PURE__*/ memo(function ChildView(param) {
         getPos: getPos
     }) : child.node.isText ? /*#__PURE__*/ React.createElement(ChildDescriptionsContext.Consumer, {
         key: child.key
-    }, (param)=>/*#__PURE__*/ {
-        let { siblingsRef , parentRef  } = param;
-        return React.createElement(TextNodeView, {
+    }, (param)=>{
+        let { siblingsRef, parentRef } = param;
+        return /*#__PURE__*/ React.createElement(TextNodeView, {
             view: view,
             node: child.node,
             getPos: getPos,
@@ -68,7 +68,7 @@ const ChildView = /*#__PURE__*/ memo(function ChildView(param) {
     });
 });
 const InlinePartition = /*#__PURE__*/ memo(function InlinePartition(param) {
-    let { childViews , getInnerPos  } = param;
+    let { childViews, getInnerPos } = param;
     const firstChild = childViews[0];
     const firstChildRef = useRef(firstChild);
     firstChildRef.current = firstChild;
@@ -102,11 +102,9 @@ const InlinePartition = /*#__PURE__*/ memo(function InlinePartition(param) {
     }));
 });
 const InlineView = /*#__PURE__*/ memo(function InlineView(param) {
-    let { getInnerPos , childViews  } = param;
+    let { getInnerPos, childViews } = param;
     // const editorState = useEditorState();
     const partitioned = childViews.reduce((acc, child)=>{
-        var // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        ref;
         const lastPartition = acc[acc.length - 1];
         if (!lastPartition) {
             return [
@@ -124,7 +122,8 @@ const InlineView = /*#__PURE__*/ memo(function InlineView(param) {
                 ]
             ];
         }
-        if (!child.marks.length && !lastChild.marks.length || child.marks.length && lastChild.marks.length && ((ref = child.marks[0]) === null || ref === void 0 ? void 0 : ref.eq(lastChild.marks[0]))) {
+        if (!child.marks.length && !lastChild.marks.length || child.marks.length && lastChild.marks.length && // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        child.marks[0]?.eq(lastChild.marks[0])) {
             return [
                 ...acc.slice(0, acc.length - 1),
                 [
@@ -152,22 +151,22 @@ const InlineView = /*#__PURE__*/ memo(function InlineView(param) {
 });
 function createKey(innerPos, offset, index, type, posToKey, widget) {
     const pos = innerPos + offset;
-    const key = posToKey === null || posToKey === void 0 ? void 0 : posToKey.get(pos);
+    const key = posToKey?.get(pos);
     if (type === "widget" || type === "native-widget") {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (widget.type.spec.key) // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return widget.type.spec.key;
         if (type === "widget") {
             // eslint-disable-next-line no-console
-            console.warn("Widget at position ".concat(pos, " doesn't have a key specified. React ProseMirror will generate a key partially based on this widget’s index into its parent’s children. This can cause issues if there are multiple adjacent widgets."));
+            console.warn(`Widget at position ${pos} doesn't have a key specified. React ProseMirror will generate a key partially based on this widget’s index into its parent’s children. This can cause issues if there are multiple adjacent widgets.`);
         }
-        return "".concat(key, "-").concat(index);
+        return `${key}-${index}`;
     }
     if (key) return key;
     // if (!doc) return pos;
     const parentPos = innerPos - 1;
-    const parentKey = posToKey === null || posToKey === void 0 ? void 0 : posToKey.get(parentPos);
-    if (parentKey) return "".concat(parentKey, "-").concat(offset);
+    const parentKey = posToKey?.get(parentPos);
+    if (parentKey) return `${parentKey}-${offset}`;
     return pos;
 }
 function adjustWidgetMarksForward(lastNodeChild, widgetChild) {
@@ -193,7 +192,7 @@ function adjustWidgetMarksBack(widgetChildren, nodeChild) {
     }
 }
 const ChildElement = /*#__PURE__*/ memo(function ChildElement(param) {
-    let { child , getInnerPos  } = param;
+    let { child, getInnerPos } = param;
     const childRef = useRef(child);
     childRef.current = child;
     const getPos = useCallback(()=>{
@@ -244,7 +243,7 @@ function createChildElements(children, getInnerPos) {
     });
 }
 export const ChildNodeViews = /*#__PURE__*/ memo(function ChildNodeViews(param) {
-    let { getPos , node , innerDecorations  } = param;
+    let { getPos, node, innerDecorations } = param;
     const reactKeys = useReactKeys();
     const getInnerPos = useCallback(()=>getPos() + 1, [
         getPos
@@ -255,12 +254,11 @@ export const ChildNodeViews = /*#__PURE__*/ memo(function ChildNodeViews(param)
     let widgetChildren = [];
     let lastNodeChild = null;
     iterDeco(node, innerDecorations, (widget, isNative, offset, index)=>{
-        var _marks;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const widgetMarks = (_marks = widget.type.spec.marks) !== null && _marks !== void 0 ? _marks : [];
+        const widgetMarks = widget.type.spec.marks ?? [];
         let key;
         if (isNative) {
-            key = createKey(getInnerPos(), offset, index, "native-widget", reactKeys === null || reactKeys === void 0 ? void 0 : reactKeys.posToKey, widget);
+            key = createKey(getInnerPos(), offset, index, "native-widget", reactKeys?.posToKey, widget);
             const child = {
                 type: "native-widget",
                 widget,
@@ -277,8 +275,8 @@ export const ChildNodeViews = /*#__PURE__*/ memo(function ChildNodeViews(param)
             }
             keysSeen.set(key, keysSeen.size);
         } else {
-            key = createKey(getInnerPos(), offset, index, "widget", reactKeys === null || reactKeys === void 0 ? void 0 : reactKeys.posToKey, widget);
-            const child1 = {
+            key = createKey(getInnerPos(), offset, index, "widget", reactKeys?.posToKey, widget);
+            const child = {
                 type: "widget",
                 widget: widget,
                 marks: widgetMarks,
@@ -286,19 +284,19 @@ export const ChildNodeViews = /*#__PURE__*/ memo(function ChildNodeViews(param)
                 index,
                 key
             };
-            const prevChild1 = childMap.get(key);
-            if (prevChild1 && areChildrenEqual(prevChild1, child1)) {
-                prevChild1.offset = offset;
+            const prevChild = childMap.get(key);
+            if (prevChild && areChildrenEqual(prevChild, child)) {
+                prevChild.offset = offset;
             } else {
-                childMap.set(key, child1);
+                childMap.set(key, child);
             }
             keysSeen.set(key, keysSeen.size);
         }
-        const child2 = childMap.get(key);
-        widgetChildren.push(child2);
+        const child = childMap.get(key);
+        widgetChildren.push(child);
         adjustWidgetMarksForward(lastNodeChild, childMap.get(key));
     }, (childNode, outerDeco, innerDeco, offset, index)=>{
-        const key = createKey(getInnerPos(), offset, index, "node", reactKeys === null || reactKeys === void 0 ? void 0 : reactKeys.posToKey);
+        const key = createKey(getInnerPos(), offset, index, "node", reactKeys?.posToKey);
         const child = {
             type: "node",
             node: childNode,
@@ -335,20 +333,19 @@ export const ChildNodeViews = /*#__PURE__*/ memo(function ChildNodeViews(param)
         if (!lastChild || lastChild.type !== "node" || lastChild.node.isInline && !lastChild.node.isText || // RegExp.test actually handles undefined just fine
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         /\n$/.test(lastChild.node.text)) {
-            var ref, ref1, ref2, ref3;
             children.push({
                 type: "hack",
                 component: SeparatorHackView,
                 marks: [],
-                offset: (ref = lastChild === null || lastChild === void 0 ? void 0 : lastChild.offset) !== null && ref !== void 0 ? ref : 0,
-                index: ((ref1 = lastChild === null || lastChild === void 0 ? void 0 : lastChild.index) !== null && ref1 !== void 0 ? ref1 : 0) + 2,
+                offset: lastChild?.offset ?? 0,
+                index: (lastChild?.index ?? 0) + 2,
                 key: "trailing-hack-img"
             }, {
                 type: "hack",
                 component: TrailingHackView,
                 marks: [],
-                offset: (ref2 = lastChild === null || lastChild === void 0 ? void 0 : lastChild.offset) !== null && ref2 !== void 0 ? ref2 : 0,
-                index: ((ref3 = lastChild === null || lastChild === void 0 ? void 0 : lastChild.index) !== null && ref3 !== void 0 ? ref3 : 0) + 1,
+                offset: lastChild?.offset ?? 0,
+                index: (lastChild?.index ?? 0) + 1,
                 key: "trailing-hack-br"
             });
         }

package/dist/esm/components/CursorWrapper.js

@@ -1,22 +1,8 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { forwardRef, useImperativeHandle, useRef, useState } from "react";
 import { domIndex } from "../dom.js";
 import { useEditorEffect } from "../hooks/useEditorEffect.js";
 export const CursorWrapper = /*#__PURE__*/ forwardRef(function CursorWrapper(param, ref) {
-    let { widget , getPos , ...props } = param;
+    let { widget, getPos, ...props } = param;
     const [shouldRender, setShouldRender] = useState(true);
     const innerRef = useRef(null);
     useImperativeHandle(ref, ()=>{
@@ -43,11 +29,12 @@ export const CursorWrapper = /*#__PURE__*/ forwardRef(function CursorWrapper(par
         // @ts-expect-error Internal property - domObserver
         view.domObserver.connectSelection();
     }, []);
-    return shouldRender ? /*#__PURE__*/ React.createElement("img", _extends({
+    return shouldRender ? /*#__PURE__*/ React.createElement("img", {
         ref: innerRef,
         className: "ProseMirror-separator",
         // eslint-disable-next-line react/no-unknown-property
         "mark-placeholder": "true",
-        alt: ""
-    }, props)) : null;
+        alt: "",
+        ...props
+    }) : null;
 });

package/dist/esm/components/LayoutGroup.js

@@ -9,7 +9,7 @@ import { useForceUpdate } from "../hooks/useForceUpdate.js";
  * effects that run after all descendants within the group have processed their
  * regular layout effects.
  */ export function LayoutGroup(param) {
-    let { children  } = param;
+    let { children } = param;
     const createQueue = useRef(new Set()).current;
     const destroyQueue = useRef(new Set()).current;
     const isMounted = useRef(false);

package/dist/esm/components/NativeWidgetView.js

@@ -4,8 +4,8 @@ import { useClientLayoutEffect } from "../hooks/useClientLayoutEffect.js";
 import { useEditorEffect } from "../hooks/useEditorEffect.js";
 import { WidgetViewDesc, sortViewDescs } from "../viewdesc.js";
 export function NativeWidgetView(param) {
-    let { widget , getPos  } = param;
-    const { siblingsRef , parentRef  } = useContext(ChildDescriptionsContext);
+    let { widget, getPos } = param;
+    const { siblingsRef, parentRef } = useContext(ChildDescriptionsContext);
     const viewDescRef = useRef(null);
     const rootDomRef = useRef(null);
     useClientLayoutEffect(()=>{

package/dist/esm/components/OutputSpec.js

@@ -22,7 +22,7 @@ import { useMergedDOMRefs } from "../refs.js";
     return false;
 }
 const ForwardedOutputSpec = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef(function OutputSpec(param, ref) {
-    let { outputSpec , isMark , contentDOMRef , children , ...propOverrides } = param;
+    let { outputSpec, isMark, contentDOMRef, children, ...propOverrides } = param;
     const mergedRef = useMergedDOMRefs(ref, contentDOMRef);
     if (typeof outputSpec === "string") {
         return /*#__PURE__*/ React.createElement(React.Fragment, null, outputSpec);

package/dist/esm/components/ProseMirror.js

@@ -1,17 +1,3 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { useMemo, useState } from "react";
 import { ChildDescriptionsContext } from "../contexts/ChildDescriptionsContext.js";
 import { EditorContext } from "../contexts/EditorContext.js";
@@ -34,9 +20,9 @@ const rootChildDescriptionsContextValue = {
     }
 };
 function ProseMirrorInner(param) {
-    let { children , nodeViewComponents , markViewComponents , ...props } = param;
+    let { children, nodeViewComponents, markViewComponents, ...props } = param;
     const [mount, setMount] = useState(null);
-    const { editor , state  } = useEditor(mount, props);
+    const { editor, state } = useEditor(mount, props);
     const nodeViewConstructors = editor.view.nodeViews;
     const nodeViewContextValue = useMemo(()=>{
         return {
@@ -78,5 +64,5 @@ function ProseMirrorInner(param) {
     }, children)))));
 }
 export function ProseMirror(props) {
-    return /*#__PURE__*/ React.createElement(LayoutGroup, null, /*#__PURE__*/ React.createElement(ProseMirrorInner, _extends({}, props)));
+    return /*#__PURE__*/ React.createElement(LayoutGroup, null, /*#__PURE__*/ React.createElement(ProseMirrorInner, props));
 }

package/dist/esm/components/ProseMirrorDoc.js

@@ -1,26 +1,13 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { createContext, forwardRef, useContext } from "react";
 import { DocNodeView } from "./nodes/DocNodeView.js";
 export const DocNodeViewContext = /*#__PURE__*/ createContext(null);
 export const ProseMirrorDoc = /*#__PURE__*/ forwardRef(function ProseMirrorDoc(param, ref) {
-    let { as , ...props } = param;
+    let { as, ...props } = param;
     const docProps = useContext(DocNodeViewContext);
-    return /*#__PURE__*/ React.createElement(DocNodeView, _extends({
-        ref: ref
-    }, props, docProps, {
+    return /*#__PURE__*/ React.createElement(DocNodeView, {
+        ref: ref,
+        ...props,
+        ...docProps,
         as: as
-    }));
+    });
 });

package/dist/esm/components/SeparatorHackView.js

@@ -4,8 +4,8 @@ import { ChildDescriptionsContext } from "../contexts/ChildDescriptionsContext.j
 import { useClientLayoutEffect } from "../hooks/useClientLayoutEffect.js";
 import { TrailingHackViewDesc, sortViewDescs } from "../viewdesc.js";
 export function SeparatorHackView(param) {
-    let { getPos  } = param;
-    const { siblingsRef , parentRef  } = useContext(ChildDescriptionsContext);
+    let { getPos } = param;
+    const { siblingsRef, parentRef } = useContext(ChildDescriptionsContext);
     const viewDescRef = useRef(null);
     const ref = useRef(null);
     const [shouldRender, setShouldRender] = useState(false);
@@ -25,10 +25,9 @@ export function SeparatorHackView(param) {
     // we call setShouldRender conditionally
     // eslint-disable-next-line react-hooks/exhaustive-deps
     useClientLayoutEffect(()=>{
-        var ref1;
         const nonHackSiblings = siblingsRef.current.filter((viewdesc)=>!(viewdesc instanceof TrailingHackViewDesc));
         const lastSibling = nonHackSiblings[nonHackSiblings.length - 1];
-        if ((browser.safari || browser.chrome) && ((ref1 = lastSibling === null || lastSibling === void 0 ? void 0 : lastSibling.dom) === null || ref1 === void 0 ? void 0 : ref1.contentEditable) == "false") {
+        if ((browser.safari || browser.chrome) && lastSibling?.dom?.contentEditable == "false") {
             setShouldRender(true);
             return;
         }

package/dist/esm/components/TextNodeView.js

@@ -26,8 +26,10 @@ function shallowEqual(objA, objB) {
     return true;
 }
 export class TextNodeView extends Component {
+    viewDescRef = null;
+    renderRef = null;
     updateEffect() {
-        const { view , decorations , siblingsRef , parentRef , getPos , node  } = this.props;
+        const { view, decorations, siblingsRef, parentRef, getPos, node } = this.props;
         // There simply is no other way to ref a text node
         // eslint-disable-next-line react/no-find-dom-node
         const dom = findDOMNode(this);
@@ -36,13 +38,12 @@ export class TextNodeView extends Component {
         // Otherwise we just rely on re-rendering the renderRef
         if (!dom) {
             if (!view.composing) return;
-            var _text, _text1;
             this.viewDescRef = new CompositionViewDesc(parentRef.current, getPos, // These are just placeholders/dummies. We can't
             // actually find the correct DOM nodes from here,
             // so we let our parent do it.
             // Passing a valid element here just so that the
             // ViewDesc constructor doesn't blow up.
-            document.createElement("div"), document.createTextNode((_text = node.text) !== null && _text !== void 0 ? _text : ""), (_text1 = node.text) !== null && _text1 !== void 0 ? _text1 : "");
+            document.createElement("div"), document.createTextNode(node.text ?? ""), node.text ?? "");
             return;
         }
         let textNode = dom;
@@ -76,7 +77,7 @@ export class TextNodeView extends Component {
         this.updateEffect();
     }
     componentWillUnmount() {
-        const { siblingsRef  } = this.props;
+        const { siblingsRef } = this.props;
         if (!this.viewDescRef) return;
         if (siblingsRef.current.includes(this.viewDescRef)) {
             const index = siblingsRef.current.indexOf(this.viewDescRef);
@@ -84,7 +85,7 @@ export class TextNodeView extends Component {
         }
     }
     render() {
-        const { view , getPos , node , decorations  } = this.props;
+        const { view, getPos, node, decorations } = this.props;
         // During a composition, it's crucial that we don't try to
         // update the DOM that the user is working in. If there's
         // an active composition and the selection is in this node,
@@ -96,9 +97,4 @@ export class TextNodeView extends Component {
         this.renderRef = decorations.reduce(wrapInDeco, node.text);
         return this.renderRef;
     }
-    constructor(...args){
-        super(...args);
-        this.viewDescRef = null;
-        this.renderRef = null;
-    }
 }

package/dist/esm/components/TrailingHackView.js

@@ -3,8 +3,8 @@ import { ChildDescriptionsContext } from "../contexts/ChildDescriptionsContext.j
 import { useClientLayoutEffect } from "../hooks/useClientLayoutEffect.js";
 import { TrailingHackViewDesc, sortViewDescs } from "../viewdesc.js";
 export function TrailingHackView(param) {
-    let { getPos  } = param;
-    const { siblingsRef , parentRef  } = useContext(ChildDescriptionsContext);
+    let { getPos } = param;
+    const { siblingsRef, parentRef } = useContext(ChildDescriptionsContext);
     const viewDescRef = useRef(null);
     const ref = useRef(null);
     useClientLayoutEffect(()=>{