@sanity/ui 2.12.0-canary.0 → 2.12.0-canary.1

package/dist/_chunks-cjs/_visual-editing.js

@@ -1,5 +1,5 @@
 "use strict";
-var jsxRuntime = require("react/jsx-runtime"), reactCompilerRuntime = require("react-compiler-runtime"), react = require("react"), styledComponents = require("styled-components"), theme = require("@sanity/ui/theme"), ReactIs = require("react-is"), icons = require("@sanity/icons"), Refractor = require("react-refractor"), reactDom$1 = require("@floating-ui/react-dom"), framerMotion = require("framer-motion"), reactDom = require("react-dom"), useEffectEvent = require("use-effect-event");
+var jsxRuntime = require("react/jsx-runtime"), reactCompilerRuntime = require("react-compiler-runtime"), react = require("react"), styledComponents = require("styled-components"), theme = require("@sanity/ui/theme"), ReactIs = require("react-is"), icons = require("@sanity/icons"), Refractor = require("react-refractor"), reactDom$1 = require("@floating-ui/react-dom"), framerMotion = require("framer-motion"), resizeObserver = require("@juggle/resize-observer"), reactDom = require("react-dom"), useEffectEvent = require("use-effect-event");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -194,295 +194,11 @@ function useCustomValidity(ref, customValidity) {
   let t1;
   $[3] !== customValidity || $[4] !== ref ? (t1 = [customValidity, ref], $[3] = customValidity, $[4] = ref, $[5] = t1) : t1 = $[5], react.useEffect(t0, t1);
 }
-var resizeObservers = [], hasActiveObservations = function() {
-  return resizeObservers.some(function(ro) {
-    return ro.activeTargets.length > 0;
-  });
-}, hasSkippedObservations = function() {
-  return resizeObservers.some(function(ro) {
-    return ro.skippedTargets.length > 0;
-  });
-}, msg = "ResizeObserver loop completed with undelivered notifications.", deliverResizeLoopError = function() {
-  var event;
-  typeof ErrorEvent == "function" ? event = new ErrorEvent("error", {
-    message: msg
-  }) : (event = document.createEvent("Event"), event.initEvent("error", !1, !1), event.message = msg), window.dispatchEvent(event);
-}, ResizeObserverBoxOptions;
-(function(ResizeObserverBoxOptions2) {
-  ResizeObserverBoxOptions2.BORDER_BOX = "border-box", ResizeObserverBoxOptions2.CONTENT_BOX = "content-box", ResizeObserverBoxOptions2.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-})(ResizeObserverBoxOptions || (ResizeObserverBoxOptions = {}));
-var freeze = function(obj) {
-  return Object.freeze(obj);
-}, ResizeObserverSize = /* @__PURE__ */ function() {
-  function ResizeObserverSize2(inlineSize, blockSize) {
-    this.inlineSize = inlineSize, this.blockSize = blockSize, freeze(this);
-  }
-  return ResizeObserverSize2;
-}(), DOMRectReadOnly = function() {
-  function DOMRectReadOnly2(x, y, width, height) {
-    return this.x = x, this.y = y, this.width = width, this.height = height, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, freeze(this);
-  }
-  return DOMRectReadOnly2.prototype.toJSON = function() {
-    var _a = this, x = _a.x, y = _a.y, top = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left, width = _a.width, height = _a.height;
-    return {
-      x,
-      y,
-      top,
-      right,
-      bottom,
-      left,
-      width,
-      height
-    };
-  }, DOMRectReadOnly2.fromRect = function(rectangle) {
-    return new DOMRectReadOnly2(rectangle.x, rectangle.y, rectangle.width, rectangle.height);
-  }, DOMRectReadOnly2;
-}(), isSVG = function(target) {
-  return target instanceof SVGElement && "getBBox" in target;
-}, isHidden = function(target) {
-  if (isSVG(target)) {
-    var _a = target.getBBox(), width = _a.width, height = _a.height;
-    return !width && !height;
-  }
-  var _b = target, offsetWidth = _b.offsetWidth, offsetHeight = _b.offsetHeight;
-  return !(offsetWidth || offsetHeight || target.getClientRects().length);
-}, isElement = function(obj) {
-  var _a;
-  if (obj instanceof Element)
-    return !0;
-  var scope = (_a = obj?.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
-  return !!(scope && obj instanceof scope.Element);
-}, isReplacedElement = function(target) {
-  switch (target.tagName) {
-    case "INPUT":
-      if (target.type !== "image")
-        break;
-    case "VIDEO":
-    case "AUDIO":
-    case "EMBED":
-    case "OBJECT":
-    case "CANVAS":
-    case "IFRAME":
-    case "IMG":
-      return !0;
-  }
-  return !1;
-}, global$1 = typeof window < "u" ? window : {}, cache = /* @__PURE__ */ new WeakMap(), scrollRegexp = /auto|scroll/, verticalRegexp = /^tb|vertical/, IE = /msie|trident/i.test(global$1.navigator && global$1.navigator.userAgent), parseDimension = function(pixel) {
-  return parseFloat(pixel || "0");
-}, size$1 = function(inlineSize, blockSize, switchSizes) {
-  return inlineSize === void 0 && (inlineSize = 0), blockSize === void 0 && (blockSize = 0), switchSizes === void 0 && (switchSizes = !1), new ResizeObserverSize((switchSizes ? blockSize : inlineSize) || 0, (switchSizes ? inlineSize : blockSize) || 0);
-}, zeroBoxes = freeze({
-  devicePixelContentBoxSize: size$1(),
-  borderBoxSize: size$1(),
-  contentBoxSize: size$1(),
-  contentRect: new DOMRectReadOnly(0, 0, 0, 0)
-}), calculateBoxSizes = function(target, forceRecalculation) {
-  if (forceRecalculation === void 0 && (forceRecalculation = !1), cache.has(target) && !forceRecalculation)
-    return cache.get(target);
-  if (isHidden(target))
-    return cache.set(target, zeroBoxes), zeroBoxes;
-  var cs = getComputedStyle(target), svg = isSVG(target) && target.ownerSVGElement && target.getBBox(), removePadding = !IE && cs.boxSizing === "border-box", switchSizes = verticalRegexp.test(cs.writingMode || ""), canScrollVertically = !svg && scrollRegexp.test(cs.overflowY || ""), canScrollHorizontally = !svg && scrollRegexp.test(cs.overflowX || ""), paddingTop = svg ? 0 : parseDimension(cs.paddingTop), paddingRight = svg ? 0 : parseDimension(cs.paddingRight), paddingBottom = svg ? 0 : parseDimension(cs.paddingBottom), paddingLeft = svg ? 0 : parseDimension(cs.paddingLeft), borderTop2 = svg ? 0 : parseDimension(cs.borderTopWidth), borderRight2 = svg ? 0 : parseDimension(cs.borderRightWidth), borderBottom2 = svg ? 0 : parseDimension(cs.borderBottomWidth), borderLeft2 = svg ? 0 : parseDimension(cs.borderLeftWidth), horizontalPadding = paddingLeft + paddingRight, verticalPadding = paddingTop + paddingBottom, horizontalBorderArea = borderLeft2 + borderRight2, verticalBorderArea = borderTop2 + borderBottom2, horizontalScrollbarThickness = canScrollHorizontally ? target.offsetHeight - verticalBorderArea - target.clientHeight : 0, verticalScrollbarThickness = canScrollVertically ? target.offsetWidth - horizontalBorderArea - target.clientWidth : 0, widthReduction = removePadding ? horizontalPadding + horizontalBorderArea : 0, heightReduction = removePadding ? verticalPadding + verticalBorderArea : 0, contentWidth = svg ? svg.width : parseDimension(cs.width) - widthReduction - verticalScrollbarThickness, contentHeight = svg ? svg.height : parseDimension(cs.height) - heightReduction - horizontalScrollbarThickness, borderBoxWidth = contentWidth + horizontalPadding + verticalScrollbarThickness + horizontalBorderArea, borderBoxHeight = contentHeight + verticalPadding + horizontalScrollbarThickness + verticalBorderArea, boxes = freeze({
-    devicePixelContentBoxSize: size$1(Math.round(contentWidth * devicePixelRatio), Math.round(contentHeight * devicePixelRatio), switchSizes),
-    borderBoxSize: size$1(borderBoxWidth, borderBoxHeight, switchSizes),
-    contentBoxSize: size$1(contentWidth, contentHeight, switchSizes),
-    contentRect: new DOMRectReadOnly(paddingLeft, paddingTop, contentWidth, contentHeight)
-  });
-  return cache.set(target, boxes), boxes;
-}, calculateBoxSize = function(target, observedBox, forceRecalculation) {
-  var _a = calculateBoxSizes(target, forceRecalculation), borderBoxSize = _a.borderBoxSize, contentBoxSize = _a.contentBoxSize, devicePixelContentBoxSize = _a.devicePixelContentBoxSize;
-  switch (observedBox) {
-    case ResizeObserverBoxOptions.DEVICE_PIXEL_CONTENT_BOX:
-      return devicePixelContentBoxSize;
-    case ResizeObserverBoxOptions.BORDER_BOX:
-      return borderBoxSize;
-    default:
-      return contentBoxSize;
-  }
-}, ResizeObserverEntry = /* @__PURE__ */ function() {
-  function ResizeObserverEntry2(target) {
-    var boxes = calculateBoxSizes(target);
-    this.target = target, this.contentRect = boxes.contentRect, this.borderBoxSize = freeze([boxes.borderBoxSize]), this.contentBoxSize = freeze([boxes.contentBoxSize]), this.devicePixelContentBoxSize = freeze([boxes.devicePixelContentBoxSize]);
-  }
-  return ResizeObserverEntry2;
-}(), calculateDepthForNode = function(node) {
-  if (isHidden(node))
-    return 1 / 0;
-  for (var depth = 0, parent = node.parentNode; parent; )
-    depth += 1, parent = parent.parentNode;
-  return depth;
-}, broadcastActiveObservations = function() {
-  var shallowestDepth = 1 / 0, callbacks2 = [];
-  resizeObservers.forEach(function(ro) {
-    if (ro.activeTargets.length !== 0) {
-      var entries = [];
-      ro.activeTargets.forEach(function(ot) {
-        var entry = new ResizeObserverEntry(ot.target), targetDepth = calculateDepthForNode(ot.target);
-        entries.push(entry), ot.lastReportedSize = calculateBoxSize(ot.target, ot.observedBox), targetDepth < shallowestDepth && (shallowestDepth = targetDepth);
-      }), callbacks2.push(function() {
-        ro.callback.call(ro.observer, entries, ro.observer);
-      }), ro.activeTargets.splice(0, ro.activeTargets.length);
-    }
-  });
-  for (var _i = 0, callbacks_1 = callbacks2; _i < callbacks_1.length; _i++) {
-    var callback = callbacks_1[_i];
-    callback();
-  }
-  return shallowestDepth;
-}, gatherActiveObservationsAtDepth = function(depth) {
-  resizeObservers.forEach(function(ro) {
-    ro.activeTargets.splice(0, ro.activeTargets.length), ro.skippedTargets.splice(0, ro.skippedTargets.length), ro.observationTargets.forEach(function(ot) {
-      ot.isActive() && (calculateDepthForNode(ot.target) > depth ? ro.activeTargets.push(ot) : ro.skippedTargets.push(ot));
-    });
-  });
-}, process = function() {
-  var depth = 0;
-  for (gatherActiveObservationsAtDepth(depth); hasActiveObservations(); )
-    depth = broadcastActiveObservations(), gatherActiveObservationsAtDepth(depth);
-  return hasSkippedObservations() && deliverResizeLoopError(), depth > 0;
-}, trigger, callbacks = [], notify = function() {
-  return callbacks.splice(0).forEach(function(cb) {
-    return cb();
-  });
-}, queueMicroTask = function(callback) {
-  if (!trigger) {
-    var toggle_1 = 0, el_1 = document.createTextNode(""), config = {
-      characterData: !0
-    };
-    new MutationObserver(function() {
-      return notify();
-    }).observe(el_1, config), trigger = function() {
-      el_1.textContent = "".concat(toggle_1 ? toggle_1-- : toggle_1++);
-    };
-  }
-  callbacks.push(callback), trigger();
-}, queueResizeObserver = function(cb) {
-  queueMicroTask(function() {
-    requestAnimationFrame(cb);
-  });
-}, watching = 0, isWatching = function() {
-  return !!watching;
-}, CATCH_PERIOD = 250, observerConfig = {
-  attributes: !0,
-  characterData: !0,
-  childList: !0,
-  subtree: !0
-}, events = ["resize", "load", "transitionend", "animationend", "animationstart", "animationiteration", "keyup", "keydown", "mouseup", "mousedown", "mouseover", "mouseout", "blur", "focus"], time = function(timeout) {
-  return timeout === void 0 && (timeout = 0), Date.now() + timeout;
-}, scheduled = !1, Scheduler = function() {
-  function Scheduler2() {
-    var _this = this;
-    this.stopped = !0, this.listener = function() {
-      return _this.schedule();
-    };
-  }
-  return Scheduler2.prototype.run = function(timeout) {
-    var _this = this;
-    if (timeout === void 0 && (timeout = CATCH_PERIOD), !scheduled) {
-      scheduled = !0;
-      var until = time(timeout);
-      queueResizeObserver(function() {
-        var elementsHaveResized = !1;
-        try {
-          elementsHaveResized = process();
-        } finally {
-          if (scheduled = !1, timeout = until - time(), !isWatching())
-            return;
-          elementsHaveResized ? _this.run(1e3) : timeout > 0 ? _this.run(timeout) : _this.start();
-        }
-      });
-    }
-  }, Scheduler2.prototype.schedule = function() {
-    this.stop(), this.run();
-  }, Scheduler2.prototype.observe = function() {
-    var _this = this, cb = function() {
-      return _this.observer && _this.observer.observe(document.body, observerConfig);
-    };
-    document.body ? cb() : global$1.addEventListener("DOMContentLoaded", cb);
-  }, Scheduler2.prototype.start = function() {
-    var _this = this;
-    this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), events.forEach(function(name) {
-      return global$1.addEventListener(name, _this.listener, !0);
-    }));
-  }, Scheduler2.prototype.stop = function() {
-    var _this = this;
-    this.stopped || (this.observer && this.observer.disconnect(), events.forEach(function(name) {
-      return global$1.removeEventListener(name, _this.listener, !0);
-    }), this.stopped = !0);
-  }, Scheduler2;
-}(), scheduler = new Scheduler(), updateCount = function(n) {
-  !watching && n > 0 && scheduler.start(), watching += n, !watching && scheduler.stop();
-}, skipNotifyOnElement = function(target) {
-  return !isSVG(target) && !isReplacedElement(target) && getComputedStyle(target).display === "inline";
-}, ResizeObservation = function() {
-  function ResizeObservation2(target, observedBox) {
-    this.target = target, this.observedBox = observedBox || ResizeObserverBoxOptions.CONTENT_BOX, this.lastReportedSize = {
-      inlineSize: 0,
-      blockSize: 0
-    };
-  }
-  return ResizeObservation2.prototype.isActive = function() {
-    var size2 = calculateBoxSize(this.target, this.observedBox, !0);
-    return skipNotifyOnElement(this.target) && (this.lastReportedSize = size2), this.lastReportedSize.inlineSize !== size2.inlineSize || this.lastReportedSize.blockSize !== size2.blockSize;
-  }, ResizeObservation2;
-}(), ResizeObserverDetail = /* @__PURE__ */ function() {
-  function ResizeObserverDetail2(resizeObserver, callback) {
-    this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = resizeObserver, this.callback = callback;
-  }
-  return ResizeObserverDetail2;
-}(), observerMap = /* @__PURE__ */ new WeakMap(), getObservationIndex = function(observationTargets, target) {
-  for (var i = 0; i < observationTargets.length; i += 1)
-    if (observationTargets[i].target === target)
-      return i;
-  return -1;
-}, ResizeObserverController = function() {
-  function ResizeObserverController2() {
-  }
-  return ResizeObserverController2.connect = function(resizeObserver, callback) {
-    var detail = new ResizeObserverDetail(resizeObserver, callback);
-    observerMap.set(resizeObserver, detail);
-  }, ResizeObserverController2.observe = function(resizeObserver, target, options) {
-    var detail = observerMap.get(resizeObserver), firstObservation = detail.observationTargets.length === 0;
-    getObservationIndex(detail.observationTargets, target) < 0 && (firstObservation && resizeObservers.push(detail), detail.observationTargets.push(new ResizeObservation(target, options && options.box)), updateCount(1), scheduler.schedule());
-  }, ResizeObserverController2.unobserve = function(resizeObserver, target) {
-    var detail = observerMap.get(resizeObserver), index = getObservationIndex(detail.observationTargets, target), lastObservation = detail.observationTargets.length === 1;
-    index >= 0 && (lastObservation && resizeObservers.splice(resizeObservers.indexOf(detail), 1), detail.observationTargets.splice(index, 1), updateCount(-1));
-  }, ResizeObserverController2.disconnect = function(resizeObserver) {
-    var _this = this, detail = observerMap.get(resizeObserver);
-    detail.observationTargets.slice().forEach(function(ot) {
-      return _this.unobserve(resizeObserver, ot.target);
-    }), detail.activeTargets.splice(0, detail.activeTargets.length);
-  }, ResizeObserverController2;
-}(), ResizeObserver = function() {
-  function ResizeObserver2(callback) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (typeof callback != "function")
-      throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
-    ResizeObserverController.connect(this, callback);
-  }
-  return ResizeObserver2.prototype.observe = function(target, options) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!isElement(target))
-      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
-    ResizeObserverController.observe(this, target, options);
-  }, ResizeObserver2.prototype.unobserve = function(target) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!isElement(target))
-      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
-    ResizeObserverController.unobserve(this, target);
-  }, ResizeObserver2.prototype.disconnect = function() {
-    ResizeObserverController.disconnect(this);
-  }, ResizeObserver2.toString = function() {
-    return "function ResizeObserver () { [polyfill code] }";
-  }, ResizeObserver2;
-}();
-const _ResizeObserver = typeof document < "u" && typeof window < "u" && window.ResizeObserver ? window.ResizeObserver : ResizeObserver, _elementSizeObserver = _createElementSizeObserver();
+const _ResizeObserver = typeof document < "u" && typeof window < "u" && window.ResizeObserver ? window.ResizeObserver : resizeObserver.ResizeObserver, _elementSizeObserver = _createElementSizeObserver();
 function _createElementRectValueListener() {
   return {
     subscribe(element, subscriber) {
-      const resizeObserver = new _ResizeObserver(([entry]) => {
+      const resizeObserver2 = new _ResizeObserver(([entry]) => {
         subscriber({
           _contentRect: entry.contentRect,
           border: {
@@ -495,8 +211,8 @@ function _createElementRectValueListener() {
           }
         });
       });
-      return resizeObserver.observe(element), () => {
-        resizeObserver.unobserve(element), resizeObserver.disconnect();
+      return resizeObserver2.observe(element), () => {
+        resizeObserver2.unobserve(element), resizeObserver2.disconnect();
       };
     }
   };