@portabletext/editor 1.4.0 → 1.4.1

package/lib/index.mjs

@@ -2,7 +2,7 @@ import { isPortableTextTextBlock, isPortableTextSpan as isPortableTextSpan$1, is
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import isEqual from "lodash/isEqual.js";
 import noop from "lodash/noop.js";
-import require$$0, { useRef, useState, useEffect, useMemo, createContext, useContext, useCallback, startTransition, Component, forwardRef, useImperativeHandle, useLayoutEffect } from "react";
+import { useRef, useState, useEffect, useMemo, createContext, useContext, useCallback, startTransition, Component, forwardRef, useImperativeHandle } from "react";
 import { Editor, Element as Element$1, Range, Point, Text, Path, Transforms, Node, Operation, createEditor, deleteBackward, deleteForward, insertText } from "slate";
 import { useSlateStatic, ReactEditor, useSelected, withReact, Slate, useSlate, Editable } from "slate-react";
 import debug$m from "debug";
@@ -10,7 +10,7 @@ import { c } from "react-compiler-runtime";
 import { styled } from "styled-components";
 import uniq from "lodash/uniq.js";
 import { Subject } from "rxjs";
-import { fromCallback, setup, assign, assertEvent, emit, enqueueActions, createActor, toObserver } from "xstate";
+import { fromCallback, setup, assign, assertEvent, emit, enqueueActions, createActor } from "xstate";
 import { Schema } from "@sanity/schema";
 import { diffMatchPatch as diffMatchPatch$1, set, insert, setIfMissing, unset, applyAll } from "@portabletext/patches";
 import get from "lodash/get.js";
@@ -24,6 +24,7 @@ import throttle from "lodash/throttle.js";
 import { useEffectEvent } from "use-effect-event";
 import debounce from "lodash/debounce.js";
 import { randomKey } from "@sanity/util/content";
+import { useActorRef } from "@xstate/react";
 function defineBehavior(behavior) {
   return behavior;
 }
@@ -2699,9 +2700,9 @@ function debugState(editor, stateName) {
 }
 function findBlockFromPath(editor, path) {
   let blockIndex = -1;
-  const block = editor.children.find((node, index2) => {
-    const isMatch = isKeyedSegment(path[0]) ? node._key === path[0]._key : index2 === path[0];
-    return isMatch && (blockIndex = index2), isMatch;
+  const block = editor.children.find((node, index) => {
+    const isMatch = isKeyedSegment(path[0]) ? node._key === path[0]._key : index === path[0];
+    return isMatch && (blockIndex = index), isMatch;
   });
   return block ? {
     block,
@@ -2721,9 +2722,9 @@ function findBlockAndChildFromPath(editor, path) {
       childPath: void 0
     };
   let childIndex = -1;
-  const child = block.children.find((node, index2) => {
-    const isMatch = isKeyedSegment(path[2]) ? node._key === path[2]._key : index2 === path[2];
-    return isMatch && (childIndex = index2), isMatch;
+  const child = block.children.find((node, index) => {
+    const isMatch = isKeyedSegment(path[2]) ? node._key === path[2]._key : index === path[2];
+    return isMatch && (childIndex = index), isMatch;
   });
   return child ? {
     block,
@@ -2920,9 +2921,9 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
       const {
         diffs
       } = diffPatch;
-      if (diffs.forEach((diff2, index2) => {
+      if (diffs.forEach((diff2, index) => {
         const [diffType, text] = diff2;
-        diffType === DIFF_INSERT ? (adjustOffsetBy += text.length, changedOffset += text.length) : diffType === DIFF_DELETE ? (adjustOffsetBy -= text.length, changedOffset -= text.length) : diffType === DIFF_EQUAL && (diffs.slice(index2).every(([dType]) => dType === DIFF_EQUAL) || (changedOffset += text.length));
+        diffType === DIFF_INSERT ? (adjustOffsetBy += text.length, changedOffset += text.length) : diffType === DIFF_DELETE ? (adjustOffsetBy -= text.length, changedOffset -= text.length) : diffType === DIFF_EQUAL && (diffs.slice(index).every(([dType]) => dType === DIFF_EQUAL) || (changedOffset += text.length));
       }), transformedOperation.type === "insert_text" && changedOffset < transformedOperation.offset && (transformedOperation.offset += adjustOffsetBy), transformedOperation.type === "remove_text" && changedOffset <= transformedOperation.offset - transformedOperation.text.length && (transformedOperation.offset += adjustOffsetBy), transformedOperation.type === "set_selection") {
         const currentFocus = transformedOperation.properties?.focus ? {
           ...transformedOperation.properties.focus
@@ -4016,10 +4017,10 @@ function validateValue(value, types, keyGenerator) {
       }
     },
     value
-  } : (value.some((blk, index2) => {
+  } : (value.some((blk, index) => {
     if (!isPlainObject(blk))
       return resolution = {
-        patches: [unset([index2])],
+        patches: [unset([index])],
         description: `Block must be an object, got ${String(blk)}`,
         action: "Unset invalid item",
         item: blk,
@@ -4027,7 +4028,7 @@ function validateValue(value, types, keyGenerator) {
           description: "inputs.portable-text.invalid-value.not-an-object.description",
           action: "inputs.portable-text.invalid-value.not-an-object.action",
           values: {
-            index: index2
+            index
           }
         }
       }, !0;
@@ -4036,15 +4037,15 @@ function validateValue(value, types, keyGenerator) {
         patches: [set({
           ...blk,
           _key: keyGenerator()
-        }, [index2])],
-        description: `Block at index ${index2} is missing required _key.`,
+        }, [index])],
+        description: `Block at index ${index} is missing required _key.`,
         action: "Set the block with a random _key value",
         item: blk,
         i18n: {
           description: "inputs.portable-text.invalid-value.missing-key.description",
           action: "inputs.portable-text.invalid-value.missing-key.action",
           values: {
-            index: index2
+            index
           }
         }
       }, !0;
@@ -4676,9 +4677,9 @@ function useSyncValue(props) {
           withoutPatching(slateEditor, () => {
             hadSelection && Transforms.deselect(slateEditor);
             const childrenLength = slateEditor.children.length;
-            slateEditor.children.forEach((_, index2) => {
+            slateEditor.children.forEach((_, index) => {
               Transforms.removeNodes(slateEditor, {
-                at: [childrenLength - 1 - index2]
+                at: [childrenLength - 1 - index]
               });
             }), Transforms.insertNodes(slateEditor, slateEditor.pteCreateTextBlock({
               decorators: []
@@ -4783,8 +4784,8 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
     at: [currentBlockIndex]
   }), slateEditor.isTextBlock(currentBlock) && slateEditor.isTextBlock(oldBlock)) {
     const oldBlockChildrenLength = oldBlock.children.length;
-    currentBlock.children.length < oldBlockChildrenLength && Array.from(Array(oldBlockChildrenLength - currentBlock.children.length)).forEach((_, index2) => {
-      const childIndex = oldBlockChildrenLength - 1 - index2;
+    currentBlock.children.length < oldBlockChildrenLength && Array.from(Array(oldBlockChildrenLength - currentBlock.children.length)).forEach((_, index) => {
+      const childIndex = oldBlockChildrenLength - 1 - index;
       childIndex > 0 && (debug$5("Removing child"), Transforms.removeNodes(slateEditor, {
         at: [currentBlockIndex, childIndex]
       }));
@@ -6214,310 +6215,6 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   ) : null;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
-var index = typeof document < "u" ? useLayoutEffect : useEffect, withSelector = { exports: {} }, withSelector_production_min = {}, shim = { exports: {} }, useSyncExternalStoreShim_production_min = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredUseSyncExternalStoreShim_production_min;
-function requireUseSyncExternalStoreShim_production_min() {
-  if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
-  hasRequiredUseSyncExternalStoreShim_production_min = 1;
-  var e = require$$0;
-  function h(a, b) {
-    return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
-  }
-  var k = typeof Object.is == "function" ? Object.is : h, l = e.useState, m = e.useEffect, n = e.useLayoutEffect, p = e.useDebugValue;
-  function q(a, b) {
-    var d = b(), f = l({
-      inst: {
-        value: d,
-        getSnapshot: b
-      }
-    }), c2 = f[0].inst, g = f[1];
-    return n(function() {
-      c2.value = d, c2.getSnapshot = b, r(c2) && g({
-        inst: c2
-      });
-    }, [a, d, b]), m(function() {
-      return r(c2) && g({
-        inst: c2
-      }), a(function() {
-        r(c2) && g({
-          inst: c2
-        });
-      });
-    }, [a]), p(d), d;
-  }
-  function r(a) {
-    var b = a.getSnapshot;
-    a = a.value;
-    try {
-      var d = b();
-      return !k(a, d);
-    } catch {
-      return !0;
-    }
-  }
-  function t(a, b) {
-    return b();
-  }
-  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? t : q;
-  return useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, useSyncExternalStoreShim_production_min;
-}
-var useSyncExternalStoreShim_development = {};
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredUseSyncExternalStoreShim_development;
-function requireUseSyncExternalStoreShim_development() {
-  return hasRequiredUseSyncExternalStoreShim_development || (hasRequiredUseSyncExternalStoreShim_development = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var React = require$$0, ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function error(format) {
-      {
-        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++)
-          args[_key2 - 1] = arguments[_key2];
-        printWarning("error", format, args);
-      }
-    }
-    function printWarning(level, format, args) {
-      {
-        var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame, stack = ReactDebugCurrentFrame.getStackAddendum();
-        stack !== "" && (format += "%s", args = args.concat([stack]));
-        var argsWithFormat = args.map(function(item) {
-          return String(item);
-        });
-        argsWithFormat.unshift("Warning: " + format), Function.prototype.apply.call(console[level], console, argsWithFormat);
-      }
-    }
-    function is(x, y) {
-      return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
-    }
-    var objectIs = typeof Object.is == "function" ? Object.is : is, useState2 = React.useState, useEffect2 = React.useEffect, useLayoutEffect2 = React.useLayoutEffect, useDebugValue = React.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1;
-    function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-      didWarnOld18Alpha || React.startTransition !== void 0 && (didWarnOld18Alpha = !0, error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-      var value = getSnapshot();
-      if (!didWarnUncachedGetSnapshot) {
-        var cachedValue = getSnapshot();
-        objectIs(value, cachedValue) || (error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = !0);
-      }
-      var _useState = useState2({
-        inst: {
-          value,
-          getSnapshot
-        }
-      }), inst = _useState[0].inst, forceUpdate = _useState[1];
-      return useLayoutEffect2(function() {
-        inst.value = value, inst.getSnapshot = getSnapshot, checkIfSnapshotChanged(inst) && forceUpdate({
-          inst
-        });
-      }, [subscribe, value, getSnapshot]), useEffect2(function() {
-        checkIfSnapshotChanged(inst) && forceUpdate({
-          inst
-        });
-        var handleStoreChange = function() {
-          checkIfSnapshotChanged(inst) && forceUpdate({
-            inst
-          });
-        };
-        return subscribe(handleStoreChange);
-      }, [subscribe]), useDebugValue(value), value;
-    }
-    function checkIfSnapshotChanged(inst) {
-      var latestGetSnapshot = inst.getSnapshot, prevValue = inst.value;
-      try {
-        var nextValue = latestGetSnapshot();
-        return !objectIs(prevValue, nextValue);
-      } catch {
-        return !0;
-      }
-    }
-    function useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) {
-      return getSnapshot();
-    }
-    var canUseDOM = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", isServerEnvironment = !canUseDOM, shim2 = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore, useSyncExternalStore$2 = React.useSyncExternalStore !== void 0 ? React.useSyncExternalStore : shim2;
-    useSyncExternalStoreShim_development.useSyncExternalStore = useSyncExternalStore$2, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), useSyncExternalStoreShim_development;
-}
-var hasRequiredShim;
-function requireShim() {
-  return hasRequiredShim || (hasRequiredShim = 1, process.env.NODE_ENV === "production" ? shim.exports = requireUseSyncExternalStoreShim_production_min() : shim.exports = requireUseSyncExternalStoreShim_development()), shim.exports;
-}
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredWithSelector_production_min;
-function requireWithSelector_production_min() {
-  if (hasRequiredWithSelector_production_min) return withSelector_production_min;
-  hasRequiredWithSelector_production_min = 1;
-  var h = require$$0, n = requireShim();
-  function p(a, b) {
-    return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
-  }
-  var q = typeof Object.is == "function" ? Object.is : p, r = n.useSyncExternalStore, t = h.useRef, u = h.useEffect, v = h.useMemo, w = h.useDebugValue;
-  return withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e, l, g) {
-    var c2 = t(null);
-    if (c2.current === null) {
-      var f = {
-        hasValue: !1,
-        value: null
-      };
-      c2.current = f;
-    } else f = c2.current;
-    c2 = v(function() {
-      function a2(a3) {
-        if (!c3) {
-          if (c3 = !0, d2 = a3, a3 = l(a3), g !== void 0 && f.hasValue) {
-            var b2 = f.value;
-            if (g(b2, a3)) return k = b2;
-          }
-          return k = a3;
-        }
-        if (b2 = k, q(d2, a3)) return b2;
-        var e2 = l(a3);
-        return g !== void 0 && g(b2, e2) ? b2 : (d2 = a3, k = e2);
-      }
-      var c3 = !1, d2, k, m = e === void 0 ? null : e;
-      return [function() {
-        return a2(b());
-      }, m === null ? void 0 : function() {
-        return a2(m());
-      }];
-    }, [b, e, l, g]);
-    var d = r(a, c2[0], c2[1]);
-    return u(function() {
-      f.hasValue = !0, f.value = d;
-    }, [d]), w(d), d;
-  }, withSelector_production_min;
-}
-var withSelector_development = {};
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredWithSelector_development;
-function requireWithSelector_development() {
-  return hasRequiredWithSelector_development || (hasRequiredWithSelector_development = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var React = require$$0, shim2 = requireShim();
-    function is(x, y) {
-      return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
-    }
-    var objectIs = typeof Object.is == "function" ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React.useRef, useEffect2 = React.useEffect, useMemo2 = React.useMemo, useDebugValue = React.useDebugValue;
-    function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual2) {
-      var instRef = useRef2(null), inst;
-      instRef.current === null ? (inst = {
-        hasValue: !1,
-        value: null
-      }, instRef.current = inst) : inst = instRef.current;
-      var _useMemo = useMemo2(function() {
-        var hasMemo = !1, memoizedSnapshot, memoizedSelection, memoizedSelector = function(nextSnapshot) {
-          if (!hasMemo) {
-            hasMemo = !0, memoizedSnapshot = nextSnapshot;
-            var _nextSelection = selector(nextSnapshot);
-            if (isEqual2 !== void 0 && inst.hasValue) {
-              var currentSelection = inst.value;
-              if (isEqual2(currentSelection, _nextSelection))
-                return memoizedSelection = currentSelection, currentSelection;
-            }
-            return memoizedSelection = _nextSelection, _nextSelection;
-          }
-          var prevSnapshot = memoizedSnapshot, prevSelection = memoizedSelection;
-          if (objectIs(prevSnapshot, nextSnapshot))
-            return prevSelection;
-          var nextSelection = selector(nextSnapshot);
-          return isEqual2 !== void 0 && isEqual2(prevSelection, nextSelection) ? prevSelection : (memoizedSnapshot = nextSnapshot, memoizedSelection = nextSelection, nextSelection);
-        }, maybeGetServerSnapshot = getServerSnapshot === void 0 ? null : getServerSnapshot, getSnapshotWithSelector = function() {
-          return memoizedSelector(getSnapshot());
-        }, getServerSnapshotWithSelector = maybeGetServerSnapshot === null ? void 0 : function() {
-          return memoizedSelector(maybeGetServerSnapshot());
-        };
-        return [getSnapshotWithSelector, getServerSnapshotWithSelector];
-      }, [getSnapshot, getServerSnapshot, selector, isEqual2]), getSelection = _useMemo[0], getServerSelection = _useMemo[1], value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
-      return useEffect2(function() {
-        inst.hasValue = !0, inst.value = value;
-      }, [value]), useDebugValue(value), value;
-    }
-    withSelector_development.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), withSelector_development;
-}
-var hasRequiredWithSelector;
-function requireWithSelector() {
-  return hasRequiredWithSelector || (hasRequiredWithSelector = 1, process.env.NODE_ENV === "production" ? withSelector.exports = requireWithSelector_production_min() : withSelector.exports = requireWithSelector_development()), withSelector.exports;
-}
-requireWithSelector();
-requireShim();
-const forEachActor = (actorRef, callback) => {
-  callback(actorRef);
-  const children = actorRef.getSnapshot().children;
-  children && Object.values(children).forEach((child) => {
-    forEachActor(child, callback);
-  });
-};
-function stopRootWithRehydration(actorRef) {
-  const persistedSnapshots = [];
-  forEachActor(actorRef, (ref) => {
-    persistedSnapshots.push([ref, ref.getSnapshot()]), ref.observers = /* @__PURE__ */ new Set();
-  });
-  const systemSnapshot = actorRef.system.getSnapshot?.();
-  actorRef.stop(), actorRef.system._snapshot = systemSnapshot, persistedSnapshots.forEach(([ref, snapshot]) => {
-    ref._processingStatus = 0, ref._snapshot = snapshot;
-  });
-}
-function useIdleActorRef(logic, ...[options]) {
-  let [[currentConfig, actorRef], setCurrent] = useState(() => {
-    const actorRef2 = createActor(logic, options);
-    return [logic.config, actorRef2];
-  });
-  if (logic.config !== currentConfig) {
-    const newActorRef = createActor(logic, {
-      ...options,
-      snapshot: actorRef.getPersistedSnapshot({
-        __unsafeAllowInlineActors: !0
-      })
-    });
-    setCurrent([logic.config, newActorRef]), actorRef = newActorRef;
-  }
-  return index(() => {
-    actorRef.logic.implementations = logic.implementations;
-  }), actorRef;
-}
-function useActorRef(machine, ...[options, observerOrListener]) {
-  const actorRef = useIdleActorRef(machine, options);
-  return useEffect(() => {
-    if (!observerOrListener)
-      return;
-    let sub = actorRef.subscribe(toObserver(observerOrListener));
-    return () => {
-      sub.unsubscribe();
-    };
-  }, [observerOrListener]), useEffect(() => (actorRef.start(), () => {
-    stopRootWithRehydration(actorRef);
-  }), [actorRef]), actorRef;
-}
 function useEditor(config) {
   const $ = c(8);
   let t0;