sanity-plugin-hotspot-array 5.0.4 → 5.0.6

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/Spot.tsx","../src/plugin.tsx","../src/ImageHotspotArray.tsx"],"mappings":";;UA0EiB,mBAAA;EAAA,CAAsC,GAAA;AAAA;EACrD,KAAA,EAAO,WAAA,CAAY,aAAA;EACnB,UAAA,EAAY,gBAAA;EACZ,aAAA,EAAe,qBAAA;AAAA;AAAA,UCvEA,mBAAA;EAAA,CAAsC,GAAA;AAAA;EACrD,QAAA;EACA,SAAA;EACA,eAAA;EACA,OAAA,GAAU,aAAA,CAAc,mBAAA,CAAoB,aAAA;AAAA;AAAA;EAAA,UAI3B,YAAA;IACf,YAAA,GAAe,mBAAmB;EAAA;AAAA;AAAA,cAIzB,uBAAA,mBAAuB,MAAA;AAAA,KCYxB,WAAA;EAAA,CAA8B,GAAA;AAAA;EACxC,IAAA;EACA,KAAA;EACA,CAAA;EACA,CAAA;AAAA,IACE,aAAa;AAAA,iBAED,iBAAA,CACd,KAAA,EAAO,wBAAA,CAAyB,WAAA;EAAgB,mBAAA,EAAqB,mBAAA;AAAA,IACpE,SAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/Spot.tsx","../src/plugin.tsx","../src/ImageHotspotArray.tsx"],"mappings":";;UA0EiB,oBAAoB;GAAkB;;EACrD,OAAO,YAAY;EACnB,YAAY;EACZ,eAAe;;UCvEA,oBAAoB;GAAkB;;EACrD;EACA;EACA;EACA,UAAU,cAAc,oBAAoB;;;YAI3B;IACf,eAAe;;;cAIN,0CAAuB;KCYxB,YAAY;GAAkB;;EACxC;EACA;EACA;EACA;IACE;iBAEY,kBACd,OAAO,yBAAyB;EAAgB,qBAAqB;IACpE"}

package/dist/index.js

@@ -1,377 +1,389 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { getImageDimensions } from "@sanity/asset-utils";
 import { createImageUrlBuilder } from "@sanity/image-url";
-import { Card, Text, Box, Tooltip, Flex, Stack } from "@sanity/ui";
+import { Box, Card, Flex, Stack, Text, Tooltip } from "@sanity/ui";
 import { randomKey } from "@sanity/util/content";
 import get from "lodash-es/get.js";
-import { useState, useEffect, useRef, useMemo } from "react";
-import { useClient, useFormValue, useResolveInitialValueForType, PatchEvent, setIfMissing, insert, set, definePlugin } from "sanity";
-import { useMotionValue, motion } from "motion/react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { PatchEvent, definePlugin, insert, set, setIfMissing, useClient, useFormValue, useResolveInitialValueForType } from "sanity";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { motion, useMotionValue } from "motion/react";
 function Feedback(t0) {
-  const $ = c(2), {
-    children
-  } = t0;
-  let t1;
-  return $[0] !== children ? (t1 = /* @__PURE__ */ jsx(Card, { padding: 4, radius: 2, shadow: 1, tone: "caution", children: /* @__PURE__ */ jsx(Text, { children }) }), $[0] = children, $[1] = t1) : t1 = $[1], t1;
+	let $ = c(2), { children } = t0, t1;
+	return $[0] === children ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx(Card, {
+		padding: 4,
+		radius: 2,
+		shadow: 1,
+		tone: "caution",
+		children: /* @__PURE__ */ jsx(Text, { children })
+	}), $[0] = children, $[1] = t1), t1;
 }
 const dragStyle = {
-  width: "1.4rem",
-  height: "1.4rem",
-  position: "absolute",
-  boxSizing: "border-box",
-  top: 0,
-  left: 0,
-  margin: "-0.7rem 0 0 -0.7rem",
-  cursor: "pointer",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  borderRadius: "50%",
-  background: "#000",
-  color: "white"
+	width: "1.4rem",
+	height: "1.4rem",
+	position: "absolute",
+	boxSizing: "border-box",
+	top: 0,
+	left: 0,
+	margin: "-0.7rem 0 0 -0.7rem",
+	cursor: "pointer",
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "center",
+	borderRadius: "50%",
+	background: "#000",
+	color: "white"
 }, dragStyleWhileDrag = {
-  background: "rgba(0, 0, 0, 0.1)",
-  border: "1px solid #fff",
-  cursor: "none"
+	background: "rgba(0, 0, 0, 0.1)",
+	border: "1px solid #fff",
+	cursor: "none"
 }, dragStyleWhileHover = {
-  background: "rgba(0, 0, 0, 0.1)",
-  border: "1px solid #fff"
+	background: "rgba(0, 0, 0, 0.1)",
+	border: "1px solid #fff"
 }, dotStyle = {
-  position: "absolute",
-  left: "50%",
-  top: "50%",
-  height: "0.2rem",
-  width: "0.2rem",
-  margin: "-0.1rem 0 0 -0.1rem",
-  background: "#fff",
-  visibility: "hidden",
-  borderRadius: "50%",
-  // make sure pointer events only run on the parent
-  pointerEvents: "none"
-}, dotStyleWhileActive = {
-  visibility: "visible"
-}, labelStyle = {
-  color: "white",
-  fontSize: "0.7rem",
-  fontWeight: 600,
-  lineHeight: "1"
-}, labelStyleWhileActive = {
-  visibility: "hidden"
-}, round = (num) => Math.round(num * 100) / 100;
+	position: "absolute",
+	left: "50%",
+	top: "50%",
+	height: "0.2rem",
+	width: "0.2rem",
+	margin: "-0.1rem 0 0 -0.1rem",
+	background: "#fff",
+	visibility: "hidden",
+	borderRadius: "50%",
+	pointerEvents: "none"
+}, dotStyleWhileActive = { visibility: "visible" }, labelStyle = {
+	color: "white",
+	fontSize: "0.7rem",
+	fontWeight: 600,
+	lineHeight: "1"
+}, labelStyleWhileActive = { visibility: "hidden" }, round = (num) => Math.round(num * 100) / 100;
 function Spot(t0) {
-  const $ = c(67), {
-    value,
-    bounds,
-    update,
-    hotspotDescriptionPath,
-    tooltip: TooltipComponent,
-    index,
-    schemaType,
-    renderPreview
-  } = t0, [isDragging, setIsDragging] = useState(!1), [isHovering, setIsHovering] = useState(!1), t1 = bounds.width * (value.x / 100);
-  let t2;
-  $[0] !== t1 ? (t2 = round(t1), $[0] = t1, $[1] = t2) : t2 = $[1];
-  const x = useMotionValue(t2), t3 = bounds.height * (value.y / 100);
-  let t4;
-  $[2] !== t3 ? (t4 = round(t3), $[2] = t3, $[3] = t4) : t4 = $[3];
-  const y = useMotionValue(t4);
-  let t5;
-  $[4] !== bounds.height || $[5] !== bounds.width || $[6] !== value.x || $[7] !== value.y || $[8] !== x || $[9] !== y ? (t5 = () => {
-    x.set(round(bounds.width * (value.x / 100))), y.set(round(bounds.height * (value.y / 100)));
-  }, $[4] = bounds.height, $[5] = bounds.width, $[6] = value.x, $[7] = value.y, $[8] = x, $[9] = y, $[10] = t5) : t5 = $[10];
-  let t6;
-  $[11] !== bounds || $[12] !== value || $[13] !== x || $[14] !== y ? (t6 = [x, y, value, bounds], $[11] = bounds, $[12] = value, $[13] = x, $[14] = y, $[15] = t6) : t6 = $[15], useEffect(t5, t6);
-  let t7;
-  $[16] !== bounds.height || $[17] !== bounds.width || $[18] !== update || $[19] !== value._key || $[20] !== x || $[21] !== y ? (t7 = () => {
-    setIsDragging(!1);
-    const currentX = x.get(), currentY = y.get(), newX = round(currentX * 100 / bounds.width), newY = round(currentY * 100 / bounds.height), safeX = Math.max(0, Math.min(100, newX)), safeY = Math.max(0, Math.min(100, newY));
-    update(value._key, safeX, safeY);
-  }, $[16] = bounds.height, $[17] = bounds.width, $[18] = update, $[19] = value._key, $[20] = x, $[21] = y, $[22] = t7) : t7 = $[22];
-  const handleDragEnd = t7;
-  let t8;
-  $[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = () => setIsDragging(!0), $[23] = t8) : t8 = $[23];
-  const handleDragStart = t8;
-  let t9;
-  $[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = () => setIsHovering(!0), $[24] = t9) : t9 = $[24];
-  const handleHoverStart = t9;
-  let t10;
-  $[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = () => setIsHovering(!1), $[25] = t10) : t10 = $[25];
-  const handleHoverEnd = t10;
-  if (!x || !y)
-    return null;
-  let t11;
-  $[26] !== isDragging ? (t11 = isDragging && {
-    ...dragStyleWhileDrag
-  }, $[26] = isDragging, $[27] = t11) : t11 = $[27];
-  let t12;
-  $[28] !== isHovering ? (t12 = isHovering && {
-    ...dragStyleWhileHover
-  }, $[28] = isHovering, $[29] = t12) : t12 = $[29];
-  let t13;
-  $[30] !== t11 || $[31] !== t12 || $[32] !== x || $[33] !== y ? (t13 = {
-    ...dragStyle,
-    x,
-    y,
-    ...t11,
-    ...t12
-  }, $[30] = t11, $[31] = t12, $[32] = x, $[33] = y, $[34] = t13) : t13 = $[34];
-  let t14;
-  $[35] !== TooltipComponent || $[36] !== hotspotDescriptionPath || $[37] !== renderPreview || $[38] !== schemaType || $[39] !== value ? (t14 = TooltipComponent && typeof TooltipComponent == "function" ? /* @__PURE__ */ jsx(TooltipComponent, { value, renderPreview, schemaType }) : /* @__PURE__ */ jsx(Box, { padding: 2, style: {
-    maxWidth: 200,
-    pointerEvents: "none"
-  }, children: /* @__PURE__ */ jsx(Text, { textOverflow: "ellipsis", children: hotspotDescriptionPath ? get(value, hotspotDescriptionPath) : `${value.x}% x ${value.y}%` }) }), $[35] = TooltipComponent, $[36] = hotspotDescriptionPath, $[37] = renderPreview, $[38] = schemaType, $[39] = value, $[40] = t14) : t14 = $[40];
-  let t15;
-  $[41] !== isDragging || $[42] !== isHovering ? (t15 = (isDragging || isHovering) && {
-    ...dotStyleWhileActive
-  }, $[41] = isDragging, $[42] = isHovering, $[43] = t15) : t15 = $[43];
-  let t16;
-  $[44] !== t15 ? (t16 = /* @__PURE__ */ jsx(Box, { style: {
-    ...dotStyle,
-    ...t15
-  } }), $[44] = t15, $[45] = t16) : t16 = $[45];
-  let t17;
-  $[46] !== isDragging || $[47] !== isHovering ? (t17 = (isDragging || isHovering) && {
-    ...labelStyleWhileActive
-  }, $[46] = isDragging, $[47] = isHovering, $[48] = t17) : t17 = $[48];
-  let t18;
-  $[49] !== t17 ? (t18 = {
-    ...labelStyle,
-    ...t17
-  }, $[49] = t17, $[50] = t18) : t18 = $[50];
-  const t19 = index + 1;
-  let t20;
-  $[51] !== t18 || $[52] !== t19 ? (t20 = /* @__PURE__ */ jsx("div", { style: t18, children: t19 }), $[51] = t18, $[52] = t19, $[53] = t20) : t20 = $[53];
-  let t21;
-  $[54] !== t16 || $[55] !== t20 ? (t21 = /* @__PURE__ */ jsxs("div", { children: [
-    t16,
-    t20
-  ] }), $[54] = t16, $[55] = t20, $[56] = t21) : t21 = $[56];
-  let t22;
-  $[57] !== isDragging || $[58] !== t14 || $[59] !== t21 || $[60] !== value._key ? (t22 = /* @__PURE__ */ jsx(Tooltip, { disabled: isDragging, portal: !0, content: t14, children: t21 }, value._key), $[57] = isDragging, $[58] = t14, $[59] = t21, $[60] = value._key, $[61] = t22) : t22 = $[61];
-  let t23;
-  return $[62] !== bounds || $[63] !== handleDragEnd || $[64] !== t13 || $[65] !== t22 ? (t23 = /* @__PURE__ */ jsx(motion.div, { drag: !0, dragConstraints: bounds, dragElastic: 0, dragMomentum: !1, onDragEnd: handleDragEnd, onDragStart: handleDragStart, onHoverStart: handleHoverStart, onHoverEnd: handleHoverEnd, style: t13, children: t22 }), $[62] = bounds, $[63] = handleDragEnd, $[64] = t13, $[65] = t22, $[66] = t23) : t23 = $[66], t23;
+	let $ = c(67), { value, bounds, update, hotspotDescriptionPath, tooltip: TooltipComponent, index, schemaType, renderPreview } = t0, [isDragging, setIsDragging] = useState(!1), [isHovering, setIsHovering] = useState(!1), t1 = bounds.width * (value.x / 100), t2;
+	$[0] === t1 ? t2 = $[1] : (t2 = round(t1), $[0] = t1, $[1] = t2);
+	let x = useMotionValue(t2), t3 = bounds.height * (value.y / 100), t4;
+	$[2] === t3 ? t4 = $[3] : (t4 = round(t3), $[2] = t3, $[3] = t4);
+	let y = useMotionValue(t4), t5;
+	$[4] !== bounds.height || $[5] !== bounds.width || $[6] !== value.x || $[7] !== value.y || $[8] !== x || $[9] !== y ? (t5 = () => {
+		x.set(round(bounds.width * (value.x / 100))), y.set(round(bounds.height * (value.y / 100)));
+	}, $[4] = bounds.height, $[5] = bounds.width, $[6] = value.x, $[7] = value.y, $[8] = x, $[9] = y, $[10] = t5) : t5 = $[10];
+	let t6;
+	$[11] !== bounds || $[12] !== value || $[13] !== x || $[14] !== y ? (t6 = [
+		x,
+		y,
+		value,
+		bounds
+	], $[11] = bounds, $[12] = value, $[13] = x, $[14] = y, $[15] = t6) : t6 = $[15], useEffect(t5, t6);
+	let t7;
+	$[16] !== bounds.height || $[17] !== bounds.width || $[18] !== update || $[19] !== value._key || $[20] !== x || $[21] !== y ? (t7 = () => {
+		setIsDragging(!1);
+		let currentX = x.get(), currentY = y.get(), newX = round(currentX * 100 / bounds.width), newY = round(currentY * 100 / bounds.height), safeX = Math.max(0, Math.min(100, newX)), safeY = Math.max(0, Math.min(100, newY));
+		update(value._key, safeX, safeY);
+	}, $[16] = bounds.height, $[17] = bounds.width, $[18] = update, $[19] = value._key, $[20] = x, $[21] = y, $[22] = t7) : t7 = $[22];
+	let handleDragEnd = t7, t8;
+	$[23] === Symbol.for("react.memo_cache_sentinel") ? (t8 = () => setIsDragging(!0), $[23] = t8) : t8 = $[23];
+	let handleDragStart = t8, t9;
+	$[24] === Symbol.for("react.memo_cache_sentinel") ? (t9 = () => setIsHovering(!0), $[24] = t9) : t9 = $[24];
+	let handleHoverStart = t9, t10;
+	$[25] === Symbol.for("react.memo_cache_sentinel") ? (t10 = () => setIsHovering(!1), $[25] = t10) : t10 = $[25];
+	let handleHoverEnd = t10;
+	if (!x || !y) return null;
+	let t11;
+	$[26] === isDragging ? t11 = $[27] : (t11 = isDragging && { ...dragStyleWhileDrag }, $[26] = isDragging, $[27] = t11);
+	let t12;
+	$[28] === isHovering ? t12 = $[29] : (t12 = isHovering && { ...dragStyleWhileHover }, $[28] = isHovering, $[29] = t12);
+	let t13;
+	$[30] !== t11 || $[31] !== t12 || $[32] !== x || $[33] !== y ? (t13 = {
+		...dragStyle,
+		x,
+		y,
+		...t11,
+		...t12
+	}, $[30] = t11, $[31] = t12, $[32] = x, $[33] = y, $[34] = t13) : t13 = $[34];
+	let t14;
+	$[35] !== TooltipComponent || $[36] !== hotspotDescriptionPath || $[37] !== renderPreview || $[38] !== schemaType || $[39] !== value ? (t14 = TooltipComponent && typeof TooltipComponent == "function" ? /* @__PURE__ */ jsx(TooltipComponent, {
+		value,
+		renderPreview,
+		schemaType
+	}) : /* @__PURE__ */ jsx(Box, {
+		padding: 2,
+		style: {
+			maxWidth: 200,
+			pointerEvents: "none"
+		},
+		children: /* @__PURE__ */ jsx(Text, {
+			textOverflow: "ellipsis",
+			children: hotspotDescriptionPath ? get(value, hotspotDescriptionPath) : `${value.x}% x ${value.y}%`
+		})
+	}), $[35] = TooltipComponent, $[36] = hotspotDescriptionPath, $[37] = renderPreview, $[38] = schemaType, $[39] = value, $[40] = t14) : t14 = $[40];
+	let t15;
+	$[41] !== isDragging || $[42] !== isHovering ? (t15 = (isDragging || isHovering) && { ...dotStyleWhileActive }, $[41] = isDragging, $[42] = isHovering, $[43] = t15) : t15 = $[43];
+	let t16;
+	$[44] === t15 ? t16 = $[45] : (t16 = /* @__PURE__ */ jsx(Box, { style: {
+		...dotStyle,
+		...t15
+	} }), $[44] = t15, $[45] = t16);
+	let t17;
+	$[46] !== isDragging || $[47] !== isHovering ? (t17 = (isDragging || isHovering) && { ...labelStyleWhileActive }, $[46] = isDragging, $[47] = isHovering, $[48] = t17) : t17 = $[48];
+	let t18;
+	$[49] === t17 ? t18 = $[50] : (t18 = {
+		...labelStyle,
+		...t17
+	}, $[49] = t17, $[50] = t18);
+	let t19 = index + 1, t20;
+	$[51] !== t18 || $[52] !== t19 ? (t20 = /* @__PURE__ */ jsx("div", {
+		style: t18,
+		children: t19
+	}), $[51] = t18, $[52] = t19, $[53] = t20) : t20 = $[53];
+	let t21;
+	$[54] !== t16 || $[55] !== t20 ? (t21 = /* @__PURE__ */ jsxs("div", { children: [t16, t20] }), $[54] = t16, $[55] = t20, $[56] = t21) : t21 = $[56];
+	let t22;
+	$[57] !== isDragging || $[58] !== t14 || $[59] !== t21 || $[60] !== value._key ? (t22 = /* @__PURE__ */ jsx(Tooltip, {
+		disabled: isDragging,
+		portal: !0,
+		content: t14,
+		children: t21
+	}, value._key), $[57] = isDragging, $[58] = t14, $[59] = t21, $[60] = value._key, $[61] = t22) : t22 = $[61];
+	let t23;
+	return $[62] !== bounds || $[63] !== handleDragEnd || $[64] !== t13 || $[65] !== t22 ? (t23 = /* @__PURE__ */ jsx(motion.div, {
+		drag: !0,
+		dragConstraints: bounds,
+		dragElastic: 0,
+		dragMomentum: !1,
+		onDragEnd: handleDragEnd,
+		onDragStart: handleDragStart,
+		onHoverStart: handleHoverStart,
+		onHoverEnd: handleHoverEnd,
+		style: t13,
+		children: t22
+	}), $[62] = bounds, $[63] = handleDragEnd, $[64] = t13, $[65] = t22, $[66] = t23) : t23 = $[66], t23;
 }
+const imageHotspotArrayPlugin = definePlugin({
+	name: "image-hotspot-array",
+	form: { components: { input: (props) => {
+		if (props.schemaType.jsonType === "array" && props.schemaType.options?.imageHotspot) {
+			let imageHotspotOptions = props.schemaType.options?.imageHotspot;
+			if (imageHotspotOptions) return /* @__PURE__ */ jsx(ImageHotspotArray, {
+				...props,
+				imageHotspotOptions
+			});
+		}
+		return props.renderDefault(props);
+	} } }
+});
+/**
+* Run effect only when component is unmounted.
+*
+* @param effect Effector to run on unmount
+*/
 function useUnmountEffect(effect) {
-  const $ = c(5), effectRef = useRef(effect);
-  let t0, t1;
-  $[0] !== effect ? (t0 = () => {
-    effectRef.current = effect;
-  }, t1 = [effect], $[0] = effect, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1);
-  let t2, t3;
-  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = () => () => effectRef.current(), t3 = [], $[3] = t2, $[4] = t3) : (t2 = $[3], t3 = $[4]), useEffect(t2, t3);
+	let $ = c(5), effectRef = useRef(effect), t0, t1;
+	$[0] === effect ? (t0 = $[1], t1 = $[2]) : (t0 = () => {
+		effectRef.current = effect;
+	}, t1 = [effect], $[0] = effect, $[1] = t0, $[2] = t1), useEffect(t0, t1);
+	let t2, t3;
+	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => () => effectRef.current(), t3 = [], $[3] = t2, $[4] = t3) : (t2 = $[3], t3 = $[4]), useEffect(t2, t3);
 }
+/**
+* Makes passed function debounced, otherwise acts like `useCallback`.
+*
+* @param callback Function that will be debounced.
+* @param deps Dependencies list when to update callback. It also replaces invoked
+* 	callback for scheduled debounced invocations.
+* @param delay Debounce delay.
+* @param maxWait The maximum time `callback` is allowed to be delayed before
+* it's invoked. 0 means no max wait.
+*/
 function useDebouncedCallback(callback, deps, delay, maxWait = 0) {
-  const timeout = useRef(void 0), waitTimeout = useRef(void 0), cb = useRef(callback), lastCall = useRef(void 0), clear = () => {
-    timeout.current && (clearTimeout(timeout.current), timeout.current = void 0), waitTimeout.current && (clearTimeout(waitTimeout.current), waitTimeout.current = void 0);
-  };
-  return useUnmountEffect(clear), useEffect(() => {
-    cb.current = callback;
-  }, deps), useMemo(() => {
-    const execute = () => {
-      if (clear(), !lastCall.current) return;
-      const context = lastCall.current;
-      lastCall.current = void 0, cb.current.apply(context.this, context.args);
-    }, wrapped = function(...args) {
-      timeout.current && clearTimeout(timeout.current), lastCall.current = {
-        args,
-        this: this
-      }, timeout.current = setTimeout(execute, delay), maxWait > 0 && !waitTimeout.current && (waitTimeout.current = setTimeout(execute, maxWait));
-    };
-    return Object.defineProperties(wrapped, {
-      length: {
-        value: callback.length
-      },
-      name: {
-        value: `${callback.name || "anonymous"}__debounced__${delay}`
-      }
-    }), wrapped;
-  }, [delay, maxWait, ...deps]);
+	let timeout = useRef(void 0), waitTimeout = useRef(void 0), cb = useRef(callback), lastCall = useRef(void 0), clear = () => {
+		timeout.current &&= (clearTimeout(timeout.current), void 0), waitTimeout.current &&= (clearTimeout(waitTimeout.current), void 0);
+	};
+	return useUnmountEffect(clear), useEffect(() => {
+		cb.current = callback;
+	}, deps), useMemo(() => {
+		let execute = () => {
+			/* istanbul ignore next */
+			if (clear(), !lastCall.current) return;
+			let context = lastCall.current;
+			lastCall.current = void 0, cb.current.apply(context.this, context.args);
+		}, wrapped = function(...args) {
+			timeout.current && clearTimeout(timeout.current), lastCall.current = {
+				args,
+				this: this
+			}, timeout.current = setTimeout(execute, delay), maxWait > 0 && !waitTimeout.current && (waitTimeout.current = setTimeout(execute, maxWait));
+		};
+		return Object.defineProperties(wrapped, {
+			length: { value: callback.length },
+			name: { value: `${callback.name || "anonymous"}__debounced__${delay}` }
+		}), wrapped;
+	}, [
+		delay,
+		maxWait,
+		...deps
+	]);
 }
 const isBrowser = typeof window < "u" && typeof navigator < "u" && typeof document < "u";
 let observerSingleton;
 function getResizeObserver() {
-  if (!isBrowser) return;
-  if (observerSingleton) return observerSingleton;
-  const callbacks = /* @__PURE__ */ new Map(), observer = new ResizeObserver((entries) => {
-    for (const entry of entries) callbacks.get(entry.target)?.forEach((cb) => setTimeout(() => {
-      cb(entry);
-    }, 0));
-  });
-  return observerSingleton = {
-    observer,
-    subscribe(target, callback) {
-      let cbs = callbacks.get(target);
-      cbs || (cbs = /* @__PURE__ */ new Set(), callbacks.set(target, cbs), observer.observe(target)), cbs.add(callback);
-    },
-    unsubscribe(target, callback) {
-      const cbs = callbacks.get(target);
-      cbs && (cbs.delete(callback), cbs.size === 0 && (callbacks.delete(target), observer.unobserve(target)));
-    }
-  }, observerSingleton;
+	if (!isBrowser) return;
+	if (observerSingleton) return observerSingleton;
+	let callbacks = /* @__PURE__ */ new Map(), observer = new ResizeObserver((entries) => {
+		for (let entry of entries) callbacks.get(entry.target)?.forEach((cb) => setTimeout(() => {
+			cb(entry);
+		}, 0));
+	});
+	return observerSingleton = {
+		observer,
+		subscribe(target, callback) {
+			let cbs = callbacks.get(target);
+			cbs || (cbs = /* @__PURE__ */ new Set(), callbacks.set(target, cbs), observer.observe(target)), cbs.add(callback);
+		},
+		unsubscribe(target, callback) {
+			let cbs = callbacks.get(target);
+			/* istanbul ignore else */
+			cbs && (cbs.delete(callback), cbs.size === 0 && (callbacks.delete(target), observer.unobserve(target)));
+		}
+	}, observerSingleton;
 }
+/**
+* Invokes a callback whenever ResizeObserver detects a change to target's size.
+*
+* @param target React reference or Element to track.
+* @param callback Callback that will be invoked on resize.
+* @param enabled Whether resize observer is enabled or not.
+*/
 function useResizeObserver(target, callback, enabled = !0) {
-  const ro = enabled && getResizeObserver(), cb = useRef(callback);
-  useEffect(() => {
-    cb.current = callback;
-  }, [callback]);
-  const tgt = target && "current" in target ? target.current : target;
-  useEffect(() => {
-    const _tgt = target && "current" in target ? target.current : target;
-    if (!ro || !_tgt) return;
-    let subscribed = !0;
-    const handler = (...args) => {
-      subscribed && cb.current(...args);
-    };
-    return ro.subscribe(_tgt, handler), () => {
-      subscribed = !1, ro.unsubscribe(_tgt, handler);
-    };
-  }, [tgt, ro]);
+	let ro = enabled && getResizeObserver(), cb = useRef(callback);
+	useEffect(() => {
+		cb.current = callback;
+	}, [callback]), useEffect(() => {
+		let _tgt = target && "current" in target ? target.current : target;
+		if (!ro || !_tgt) return;
+		let subscribed = !0, handler = (...args) => {
+			/* istanbul ignore else */
+			subscribed && cb.current(...args);
+		};
+		return ro.subscribe(_tgt, handler), () => {
+			subscribed = !1, ro.unsubscribe(_tgt, handler);
+		};
+	}, [target && "current" in target ? target.current : target, ro]);
 }
 const imageStyle = {
-  width: "100%",
-  height: "auto"
+	width: "100%",
+	height: "auto"
 }, VALID_ROOT_PATHS = ["document", "parent"];
 function ImageHotspotArray(props) {
-  const $ = c(49), {
-    value,
-    onChange,
-    imageHotspotOptions,
-    schemaType,
-    renderPreview
-  } = props;
-  let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
-    apiVersion: "2022-01-01"
-  }, $[0] = t0) : t0 = $[0];
-  const sanityClient = useClient(t0), pathRoot = VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot ?? "") ? imageHotspotOptions.pathRoot : "document";
-  let t1;
-  $[1] !== pathRoot || $[2] !== props.path ? (t1 = pathRoot === "document" ? [] : props.path.slice(0, -1), $[1] = pathRoot, $[2] = props.path, $[3] = t1) : t1 = $[3];
-  const rootObject = useFormValue(t1), resolveInitialValueForType = useResolveInitialValueForType();
-  let t2;
-  $[4] !== resolveInitialValueForType ? (t2 = async (type) => resolveInitialValueForType(type, {}).then(_temp).catch(_temp2), $[4] = resolveInitialValueForType, $[5] = t2) : t2 = $[5];
-  const resolveInitialValue = t2;
-  let t3;
-  $[6] !== imageHotspotOptions.imagePath || $[7] !== rootObject ? (t3 = imageHotspotOptions.imagePath ? get(rootObject, imageHotspotOptions.imagePath) : rootObject, $[6] = imageHotspotOptions.imagePath, $[7] = rootObject, $[8] = t3) : t3 = $[8];
-  const hotspotImage = t3;
-  let t4;
-  if ($[9] !== hotspotImage || $[10] !== sanityClient) {
-    bb0: {
-      const builder = createImageUrlBuilder(sanityClient).dataset(sanityClient.config().dataset ?? ""), urlFor = (source) => builder.image(source);
-      if (hotspotImage?.asset?._ref) {
-        let t52;
-        $[12] !== hotspotImage.asset._ref ? (t52 = getImageDimensions(hotspotImage.asset._ref), $[12] = hotspotImage.asset._ref, $[13] = t52) : t52 = $[13];
-        const {
-          aspectRatio
-        } = t52;
-        let t62;
-        $[14] !== aspectRatio ? (t62 = Math.round(1200 / aspectRatio), $[14] = aspectRatio, $[15] = t62) : t62 = $[15];
-        const height = t62, url = urlFor(hotspotImage).width(1200).url();
-        let t72;
-        $[16] !== height || $[17] !== url ? (t72 = {
-          width: 1200,
-          height,
-          url
-        }, $[16] = height, $[17] = url, $[18] = t72) : t72 = $[18], t4 = t72;
-        break bb0;
-      }
-      t4 = null;
-    }
-    $[9] = hotspotImage, $[10] = sanityClient, $[11] = t4;
-  } else
-    t4 = $[11];
-  const displayImage = t4;
-  let t5;
-  $[19] !== imageHotspotOptions.descriptionPath || $[20] !== onChange || $[21] !== resolveInitialValue || $[22] !== schemaType.of[0] ? (t5 = async (event) => {
-    const spotType = schemaType.of[0];
-    if (!spotType)
-      return;
-    const {
-      nativeEvent,
-      currentTarget
-    } = event, x = Number((nativeEvent.offsetX * 100 / currentTarget.width).toFixed(2)), y = Number((nativeEvent.offsetY * 100 / currentTarget.height).toFixed(2)), description = `New Hotspot at ${x}% x ${y}%`, initialValues = await resolveInitialValue(spotType.type), newRow = {
-      _key: randomKey(12),
-      _type: spotType.name,
-      ...initialValues,
-      x,
-      y
-    };
-    imageHotspotOptions?.descriptionPath && (newRow[imageHotspotOptions.descriptionPath] = description), onChange(PatchEvent.from([setIfMissing([]), insert([newRow], "after", [-1])]));
-  }, $[19] = imageHotspotOptions.descriptionPath, $[20] = onChange, $[21] = resolveInitialValue, $[22] = schemaType.of[0], $[23] = t5) : t5 = $[23];
-  const handleHotspotImageClick = t5;
-  let t6;
-  $[24] !== onChange ? (t6 = (key, x_0, y_0) => {
-    onChange(PatchEvent.from([set(x_0, [{
-      _key: key
-    }, "x"]), set(y_0, [{
-      _key: key
-    }, "y"])]));
-  }, $[24] = onChange, $[25] = t6) : t6 = $[25];
-  const handleHotspotMove = t6, hotspotImageRef = useRef(null), [imageRect, setImageRect] = useState();
-  let t7, t8;
-  $[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = (e) => setImageRect(e.contentRect), t8 = [setImageRect], $[26] = t7, $[27] = t8) : (t7 = $[26], t8 = $[27]), useResizeObserver(hotspotImageRef, useDebouncedCallback(t7, t8, 200));
-  let t9;
-  $[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = [2, 2, 3], $[28] = t9) : t9 = $[28];
-  let t10;
-  $[29] !== displayImage || $[30] !== handleHotspotImageClick || $[31] !== handleHotspotMove || $[32] !== imageHotspotOptions.descriptionPath || $[33] !== imageHotspotOptions.imagePath || $[34] !== imageHotspotOptions.tooltip || $[35] !== imageRect || $[36] !== renderPreview || $[37] !== schemaType.of[0] || $[38] !== value ? (t10 = displayImage?.url ? /* @__PURE__ */ jsxs("div", { style: {
-    position: "relative"
-  }, children: [
-    imageRect && (value?.length ?? 0) > 0 && value?.map((spot, index) => /* @__PURE__ */ jsx(Spot, { index, value: spot, bounds: imageRect, update: handleHotspotMove, hotspotDescriptionPath: imageHotspotOptions?.descriptionPath, tooltip: imageHotspotOptions?.tooltip, renderPreview, schemaType: schemaType.of[0] }, spot._key)),
-    /* @__PURE__ */ jsx(Card, { __unstable_checkered: !0, shadow: 1, children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: /* @__PURE__ */ jsx("img", { ref: hotspotImageRef, src: displayImage.url, width: displayImage.width, height: displayImage.height, alt: "", style: imageStyle, onClick: handleHotspotImageClick }) }) })
-  ] }) : /* @__PURE__ */ jsx(Feedback, { children: imageHotspotOptions.imagePath ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    "No Hotspot image found at path ",
-    /* @__PURE__ */ jsx("code", { children: imageHotspotOptions.imagePath })
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    "Define a path in this field using to the image field in this document at",
-    " ",
-    /* @__PURE__ */ jsx("code", { children: "options.hotspotImagePath" })
-  ] }) }), $[29] = displayImage, $[30] = handleHotspotImageClick, $[31] = handleHotspotMove, $[32] = imageHotspotOptions.descriptionPath, $[33] = imageHotspotOptions.imagePath, $[34] = imageHotspotOptions.tooltip, $[35] = imageRect, $[36] = renderPreview, $[37] = schemaType.of[0], $[38] = value, $[39] = t10) : t10 = $[39];
-  let t11;
-  $[40] !== imageHotspotOptions.pathRoot ? (t11 = imageHotspotOptions.pathRoot && !VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot) && /* @__PURE__ */ jsxs(Feedback, { children: [
-    'The supplied imageHotspotPathRoot "',
-    imageHotspotOptions.pathRoot,
-    '" is not valid, falling back to "document". Available values are "',
-    VALID_ROOT_PATHS.join(", "),
-    '".'
-  ] }), $[40] = imageHotspotOptions.pathRoot, $[41] = t11) : t11 = $[41];
-  const t12 = props;
-  let t13;
-  $[42] !== props.renderDefault || $[43] !== t12 ? (t13 = props.renderDefault(t12), $[42] = props.renderDefault, $[43] = t12, $[44] = t13) : t13 = $[44];
-  let t14;
-  return $[45] !== t10 || $[46] !== t11 || $[47] !== t13 ? (t14 = /* @__PURE__ */ jsxs(Stack, { gap: t9, children: [
-    t10,
-    t11,
-    t13
-  ] }), $[45] = t10, $[46] = t11, $[47] = t13, $[48] = t14) : t14 = $[48], t14;
-}
-function _temp2() {
+	let $ = c(49), { value, onChange, imageHotspotOptions, schemaType, renderPreview } = props, t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "2022-01-01" }, $[0] = t0) : t0 = $[0];
+	let sanityClient = useClient(t0), pathRoot = VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot ?? "") ? imageHotspotOptions.pathRoot : "document", t1;
+	$[1] !== pathRoot || $[2] !== props.path ? (t1 = pathRoot === "document" ? [] : props.path.slice(0, -1), $[1] = pathRoot, $[2] = props.path, $[3] = t1) : t1 = $[3];
+	let rootObject = useFormValue(t1), resolveInitialValueForType = useResolveInitialValueForType(), t2;
+	$[4] === resolveInitialValueForType ? t2 = $[5] : (t2 = async (type) => resolveInitialValueForType(type, {}).then(_temp).catch(_temp2), $[4] = resolveInitialValueForType, $[5] = t2);
+	let resolveInitialValue = t2, t3;
+	$[6] !== imageHotspotOptions.imagePath || $[7] !== rootObject ? (t3 = imageHotspotOptions.imagePath ? get(rootObject, imageHotspotOptions.imagePath) : rootObject, $[6] = imageHotspotOptions.imagePath, $[7] = rootObject, $[8] = t3) : t3 = $[8];
+	let hotspotImage = t3, t4;
+	if ($[9] !== hotspotImage || $[10] !== sanityClient) {
+		bb0: {
+			let builder = createImageUrlBuilder(sanityClient).dataset(sanityClient.config().dataset ?? ""), urlFor = (source) => builder.image(source);
+			if (hotspotImage?.asset?._ref) {
+				let t5;
+				$[12] === hotspotImage.asset._ref ? t5 = $[13] : (t5 = getImageDimensions(hotspotImage.asset._ref), $[12] = hotspotImage.asset._ref, $[13] = t5);
+				let { aspectRatio } = t5, t6;
+				$[14] === aspectRatio ? t6 = $[15] : (t6 = Math.round(1200 / aspectRatio), $[14] = aspectRatio, $[15] = t6);
+				let height = t6, url = urlFor(hotspotImage).width(1200).url(), t7;
+				$[16] !== height || $[17] !== url ? (t7 = {
+					width: 1200,
+					height,
+					url
+				}, $[16] = height, $[17] = url, $[18] = t7) : t7 = $[18], t4 = t7;
+				break bb0;
+			}
+			t4 = null;
+		}
+		$[9] = hotspotImage, $[10] = sanityClient, $[11] = t4;
+	} else t4 = $[11];
+	let displayImage = t4, t5;
+	$[19] !== imageHotspotOptions.descriptionPath || $[20] !== onChange || $[21] !== resolveInitialValue || $[22] !== schemaType.of[0] ? (t5 = async (event) => {
+		let spotType = schemaType.of[0];
+		if (!spotType) return;
+		let { nativeEvent, currentTarget } = event, x = Number((nativeEvent.offsetX * 100 / currentTarget.width).toFixed(2)), y = Number((nativeEvent.offsetY * 100 / currentTarget.height).toFixed(2)), description = `New Hotspot at ${x}% x ${y}%`, initialValues = await resolveInitialValue(spotType.type), newRow = {
+			_key: randomKey(12),
+			_type: spotType.name,
+			...initialValues,
+			x,
+			y
+		};
+		imageHotspotOptions?.descriptionPath && (newRow[imageHotspotOptions.descriptionPath] = description), onChange(PatchEvent.from([setIfMissing([]), insert([newRow], "after", [-1])]));
+	}, $[19] = imageHotspotOptions.descriptionPath, $[20] = onChange, $[21] = resolveInitialValue, $[22] = schemaType.of[0], $[23] = t5) : t5 = $[23];
+	let handleHotspotImageClick = t5, t6;
+	$[24] === onChange ? t6 = $[25] : (t6 = (key, x_0, y_0) => {
+		onChange(PatchEvent.from([set(x_0, [{ _key: key }, "x"]), set(y_0, [{ _key: key }, "y"])]));
+	}, $[24] = onChange, $[25] = t6);
+	let handleHotspotMove = t6, hotspotImageRef = useRef(null), [imageRect, setImageRect] = useState(), t7, t8;
+	$[26] === Symbol.for("react.memo_cache_sentinel") ? (t7 = (e) => setImageRect(e.contentRect), t8 = [setImageRect], $[26] = t7, $[27] = t8) : (t7 = $[26], t8 = $[27]), useResizeObserver(hotspotImageRef, useDebouncedCallback(t7, t8, 200));
+	let t9;
+	$[28] === Symbol.for("react.memo_cache_sentinel") ? (t9 = [
+		2,
+		2,
+		3
+	], $[28] = t9) : t9 = $[28];
+	let t10;
+	$[29] !== displayImage || $[30] !== handleHotspotImageClick || $[31] !== handleHotspotMove || $[32] !== imageHotspotOptions.descriptionPath || $[33] !== imageHotspotOptions.imagePath || $[34] !== imageHotspotOptions.tooltip || $[35] !== imageRect || $[36] !== renderPreview || $[37] !== schemaType.of[0] || $[38] !== value ? (t10 = displayImage?.url ? /* @__PURE__ */ jsxs("div", {
+		style: { position: "relative" },
+		children: [imageRect && (value?.length ?? 0) > 0 && value?.map((spot, index) => /* @__PURE__ */ jsx(Spot, {
+			index,
+			value: spot,
+			bounds: imageRect,
+			update: handleHotspotMove,
+			hotspotDescriptionPath: imageHotspotOptions?.descriptionPath,
+			tooltip: imageHotspotOptions?.tooltip,
+			renderPreview,
+			schemaType: schemaType.of[0]
+		}, spot._key)), /* @__PURE__ */ jsx(Card, {
+			__unstable_checkered: !0,
+			shadow: 1,
+			children: /* @__PURE__ */ jsx(Flex, {
+				align: "center",
+				justify: "center",
+				children: /* @__PURE__ */ jsx("img", {
+					ref: hotspotImageRef,
+					src: displayImage.url,
+					width: displayImage.width,
+					height: displayImage.height,
+					alt: "",
+					style: imageStyle,
+					onClick: handleHotspotImageClick
+				})
+			})
+		})]
+	}) : /* @__PURE__ */ jsx(Feedback, { children: imageHotspotOptions.imagePath ? /* @__PURE__ */ jsxs(Fragment, { children: ["No Hotspot image found at path ", /* @__PURE__ */ jsx("code", { children: imageHotspotOptions.imagePath })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+		"Define a path in this field using to the image field in this document at",
+		" ",
+		/* @__PURE__ */ jsx("code", { children: "options.hotspotImagePath" })
+	] }) }), $[29] = displayImage, $[30] = handleHotspotImageClick, $[31] = handleHotspotMove, $[32] = imageHotspotOptions.descriptionPath, $[33] = imageHotspotOptions.imagePath, $[34] = imageHotspotOptions.tooltip, $[35] = imageRect, $[36] = renderPreview, $[37] = schemaType.of[0], $[38] = value, $[39] = t10) : t10 = $[39];
+	let t11;
+	$[40] === imageHotspotOptions.pathRoot ? t11 = $[41] : (t11 = imageHotspotOptions.pathRoot && !VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot) && /* @__PURE__ */ jsxs(Feedback, { children: [
+		"The supplied imageHotspotPathRoot \"",
+		imageHotspotOptions.pathRoot,
+		"\" is not valid, falling back to \"document\". Available values are \"",
+		VALID_ROOT_PATHS.join(", "),
+		"\"."
+	] }), $[40] = imageHotspotOptions.pathRoot, $[41] = t11);
+	let t12 = props, t13;
+	$[42] !== props.renderDefault || $[43] !== t12 ? (t13 = props.renderDefault(t12), $[42] = props.renderDefault, $[43] = t12, $[44] = t13) : t13 = $[44];
+	let t14;
+	return $[45] !== t10 || $[46] !== t11 || $[47] !== t13 ? (t14 = /* @__PURE__ */ jsxs(Stack, {
+		gap: t9,
+		children: [
+			t10,
+			t11,
+			t13
+		]
+	}), $[45] = t10, $[46] = t11, $[47] = t13, $[48] = t14) : t14 = $[48], t14;
 }
+function _temp2() {}
 function _temp(initialValue) {
-  return initialValue;
+	return initialValue;
 }
-const imageHotspotArrayPlugin = definePlugin({
-  name: "image-hotspot-array",
-  form: {
-    components: {
-      input: (props) => {
-        if (props.schemaType.jsonType === "array" && props.schemaType.options?.imageHotspot) {
-          const imageHotspotOptions = props.schemaType.options?.imageHotspot;
-          if (imageHotspotOptions)
-            return /* @__PURE__ */ jsx(
-              ImageHotspotArray,
-              {
-                ...props,
-                imageHotspotOptions
-              }
-            );
-        }
-        return props.renderDefault(props);
-      }
-    }
-  }
-});
-export {
-  ImageHotspotArray,
-  imageHotspotArrayPlugin
-};
-//# sourceMappingURL=index.js.map
+export { ImageHotspotArray, imageHotspotArrayPlugin };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/Feedback.tsx","../src/Spot.tsx","../src/useDebouncedCallback.ts","../src/useResizeObserver.ts","../src/ImageHotspotArray.tsx","../src/plugin.tsx"],"sourcesContent":["import {Card, Text} from '@sanity/ui'\n\nexport default function Feedback({children}: {children: React.ReactNode}): React.JSX.Element {\n  return (\n    <Card padding={4} radius={2} shadow={1} tone=\"caution\">\n      <Text>{children}</Text>\n    </Card>\n  )\n}\n","import {Box, Text, Tooltip} from '@sanity/ui'\nimport get from 'lodash-es/get.js'\nimport {motion, useMotionValue} from 'motion/react'\nimport {\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react'\nimport {type ObjectSchemaType, type RenderPreviewCallback} from 'sanity'\n\nimport {type FnHotspotMove, type HotspotItem} from './ImageHotspotArray'\n\nconst dragStyle: CSSProperties = {\n  width: '1.4rem',\n  height: '1.4rem',\n  position: 'absolute',\n  boxSizing: 'border-box',\n  top: 0,\n  left: 0,\n  margin: '-0.7rem 0 0 -0.7rem',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '50%',\n  background: '#000',\n  color: 'white',\n}\n\nconst dragStyleWhileDrag: CSSProperties = {\n  background: 'rgba(0, 0, 0, 0.1)',\n  border: '1px solid #fff',\n  cursor: 'none',\n}\n\nconst dragStyleWhileHover: CSSProperties = {\n  background: 'rgba(0, 0, 0, 0.1)',\n  border: '1px solid #fff',\n}\n\nconst dotStyle: CSSProperties = {\n  position: 'absolute',\n  left: '50%',\n  top: '50%',\n  height: '0.2rem',\n  width: '0.2rem',\n  margin: '-0.1rem 0 0 -0.1rem',\n  background: '#fff',\n  visibility: 'hidden',\n  borderRadius: '50%',\n  // make sure pointer events only run on the parent\n  pointerEvents: 'none',\n}\n\nconst dotStyleWhileActive: CSSProperties = {\n  visibility: 'visible',\n}\n\nconst labelStyle: CSSProperties = {\n  color: 'white',\n  fontSize: '0.7rem',\n  fontWeight: 600,\n  lineHeight: '1',\n}\n\nconst labelStyleWhileActive: CSSProperties = {\n  visibility: 'hidden',\n}\n\nconst round = (num: number) => Math.round(num * 100) / 100\n\nexport interface HotspotTooltipProps<HotspotFields = {[key: string]: unknown}> {\n  value: HotspotItem<HotspotFields>\n  schemaType: ObjectSchemaType\n  renderPreview: RenderPreviewCallback\n}\n\ninterface HotspotProps<HotspotFields = {[key: string]: unknown}> {\n  value: HotspotItem\n  bounds: DOMRectReadOnly\n  update: FnHotspotMove\n  hotspotDescriptionPath?: string\n  tooltip?: ComponentType<HotspotTooltipProps<HotspotFields>>\n  index: number\n  schemaType: ObjectSchemaType\n  renderPreview: RenderPreviewCallback\n}\n\nexport default function Spot({\n  value,\n  bounds,\n  update,\n  hotspotDescriptionPath,\n  tooltip: TooltipComponent,\n  index,\n  schemaType,\n  renderPreview,\n}: HotspotProps): ReactNode {\n  const [isDragging, setIsDragging] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  // x/y are stored as % but need to be converted to px\n  const x = useMotionValue(round(bounds.width * (value.x / 100)))\n  const y = useMotionValue(round(bounds.height * (value.y / 100)))\n\n  /**\n   * update x/y if the bounds change when resizing the window\n   */\n  useEffect(() => {\n    x.set(round(bounds.width * (value.x / 100)))\n    y.set(round(bounds.height * (value.y / 100)))\n  }, [x, y, value, bounds])\n\n  const handleDragEnd = useCallback(() => {\n    setIsDragging(false)\n\n    // get current values for x/y in px\n    const currentX = x.get()\n    const currentY = y.get()\n\n    // Which we need to convert back to `%` to patch the document\n    const newX = round((currentX * 100) / bounds.width)\n    const newY = round((currentY * 100) / bounds.height)\n\n    // Don't go below 0 or above 100\n    const safeX = Math.max(0, Math.min(100, newX))\n    const safeY = Math.max(0, Math.min(100, newY))\n\n    update(value._key, safeX, safeY)\n  }, [x, y, value, update, bounds])\n  const handleDragStart = useCallback(() => setIsDragging(true), [])\n\n  const handleHoverStart = useCallback(() => setIsHovering(true), [])\n  const handleHoverEnd = useCallback(() => setIsHovering(false), [])\n\n  if (!x || !y) {\n    return null\n  }\n\n  return (\n    <motion.div\n      drag\n      dragConstraints={bounds}\n      dragElastic={0}\n      dragMomentum={false}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      onHoverStart={handleHoverStart}\n      onHoverEnd={handleHoverEnd}\n      style={{\n        ...dragStyle,\n        x,\n        y,\n        ...(isDragging && {...dragStyleWhileDrag}),\n        ...(isHovering && {...dragStyleWhileHover}),\n      }}\n    >\n      <Tooltip\n        key={value._key}\n        disabled={isDragging}\n        portal\n        content={\n          TooltipComponent && typeof TooltipComponent === 'function' ? (\n            <TooltipComponent value={value} renderPreview={renderPreview} schemaType={schemaType} />\n          ) : (\n            <Box padding={2} style={{maxWidth: 200, pointerEvents: `none`}}>\n              <Text textOverflow=\"ellipsis\">\n                {hotspotDescriptionPath\n                  ? // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- the configured descriptionPath is expected to point to a string field\n                    (get(value, hotspotDescriptionPath) as string)\n                  : `${value.x}% x ${value.y}%`}\n              </Text>\n            </Box>\n          )\n        }\n      >\n        <div>\n          {/* Dot */}\n          <Box\n            style={{\n              ...dotStyle,\n              ...((isDragging || isHovering) && {...dotStyleWhileActive}),\n            }}\n          />\n          {/* Label */}\n          <div\n            style={{\n              ...labelStyle,\n              ...((isDragging || isHovering) && {...labelStyleWhileActive}),\n            }}\n          >\n            {index + 1}\n          </div>\n        </div>\n      </Tooltip>\n    </motion.div>\n  )\n}\n","// copied from react-hookz/web\n// https://github.com/react-hookz/web/blob/579a445fcc9f4f4bb5b9d5e670b2e57448b4ee50/src/useDebouncedCallback/index.ts\nimport {type DependencyList, useEffect, useMemo, useRef} from 'react'\n\n/**\n * Run effect only when component is unmounted.\n *\n * @param effect Effector to run on unmount\n */\nfunction useUnmountEffect(effect: CallableFunction): void {\n  const effectRef = useRef(effect)\n  useEffect(() => {\n    effectRef.current = effect\n  }, [effect])\n  useEffect(() => () => effectRef.current(), [])\n}\n\nexport type DebouncedFunction<Fn extends (...args: any[]) => any> = (\n  this: ThisParameterType<Fn>,\n  ...args: Parameters<Fn>\n) => void\n\n/**\n * Makes passed function debounced, otherwise acts like `useCallback`.\n *\n * @param callback Function that will be debounced.\n * @param deps Dependencies list when to update callback. It also replaces invoked\n * \tcallback for scheduled debounced invocations.\n * @param delay Debounce delay.\n * @param maxWait The maximum time `callback` is allowed to be delayed before\n * it's invoked. 0 means no max wait.\n */\nexport function useDebouncedCallback<Fn extends (...args: any[]) => any>(\n  callback: Fn,\n  deps: DependencyList,\n  delay: number,\n  maxWait = 0,\n): DebouncedFunction<Fn> {\n  const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const waitTimeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const cb = useRef(callback)\n  const lastCall = useRef<{args: Parameters<Fn>; this: ThisParameterType<Fn>}>(undefined)\n\n  const clear = () => {\n    if (timeout.current) {\n      clearTimeout(timeout.current)\n      timeout.current = undefined\n    }\n\n    if (waitTimeout.current) {\n      clearTimeout(waitTimeout.current)\n      waitTimeout.current = undefined\n    }\n  }\n\n  // Cancel scheduled execution on unmount\n  useUnmountEffect(clear)\n\n  useEffect(() => {\n    cb.current = callback\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n\n  // oxlint-disable react/react-compiler\n  return useMemo(() => {\n    const execute = () => {\n      clear()\n\n      // Barely possible to test this line\n      /* istanbul ignore next */\n      if (!lastCall.current) return\n\n      const context = lastCall.current\n      lastCall.current = undefined\n\n      cb.current.apply(context.this, context.args)\n    }\n\n    const wrapped = function (this, ...args) {\n      if (timeout.current) {\n        clearTimeout(timeout.current)\n      }\n\n      lastCall.current = {args, this: this}\n\n      // Plan regular execution\n      timeout.current = setTimeout(execute, delay)\n\n      // Plan maxWait execution if required\n      if (maxWait > 0 && !waitTimeout.current) {\n        waitTimeout.current = setTimeout(execute, maxWait)\n      }\n    } as DebouncedFunction<Fn>\n\n    Object.defineProperties(wrapped, {\n      length: {value: callback.length},\n      name: {value: `${callback.name || 'anonymous'}__debounced__${delay}`},\n    })\n\n    return wrapped\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [delay, maxWait, ...deps])\n  // oxlint-enable react/react-compiler\n}\n","// copied from react-hookz/web\n// https://github.com/react-hookz/web/blob/579a445fcc9f4f4bb5b9d5e670b2e57448b4ee50/src/useResizeObserver/index.ts\nimport {type RefObject, useEffect, useRef} from 'react'\n\nconst isBrowser =\n  typeof window !== 'undefined' &&\n  typeof navigator !== 'undefined' &&\n  typeof document !== 'undefined'\n\nexport type UseResizeObserverCallback = (entry: ResizeObserverEntry) => void\n\ntype ResizeObserverSingleton = {\n  observer: ResizeObserver\n  subscribe: (target: Element, callback: UseResizeObserverCallback) => void\n  unsubscribe: (target: Element, callback: UseResizeObserverCallback) => void\n}\n\nlet observerSingleton: ResizeObserverSingleton\n\nfunction getResizeObserver(): ResizeObserverSingleton | undefined {\n  if (!isBrowser) return undefined\n\n  if (observerSingleton) return observerSingleton\n\n  const callbacks = new Map<Element, Set<UseResizeObserverCallback>>()\n\n  const observer = new ResizeObserver((entries) => {\n    for (const entry of entries)\n      callbacks.get(entry.target)?.forEach((cb) =>\n        setTimeout(() => {\n          cb(entry)\n        }, 0),\n      )\n  })\n\n  observerSingleton = {\n    observer,\n    subscribe(target, callback) {\n      let cbs = callbacks.get(target)\n\n      if (!cbs) {\n        // If target has no observers yet - register it\n        cbs = new Set<UseResizeObserverCallback>()\n        callbacks.set(target, cbs)\n        observer.observe(target)\n      }\n\n      // As Set is duplicate-safe - simply add callback on each call\n      cbs.add(callback)\n    },\n    unsubscribe(target, callback) {\n      const cbs = callbacks.get(target)\n\n      // Else branch should never occur in case of normal execution\n      // because callbacks map is hidden in closure - it is impossible to\n      // simulate situation with non-existent `cbs` Set\n      /* istanbul ignore else */\n      if (cbs) {\n        // Remove current observer\n        cbs.delete(callback)\n\n        if (cbs.size === 0) {\n          // If no observers left unregister target completely\n          callbacks.delete(target)\n          observer.unobserve(target)\n        }\n      }\n    },\n  }\n\n  return observerSingleton\n}\n\n/**\n * Invokes a callback whenever ResizeObserver detects a change to target's size.\n *\n * @param target React reference or Element to track.\n * @param callback Callback that will be invoked on resize.\n * @param enabled Whether resize observer is enabled or not.\n */\nexport function useResizeObserver<T extends Element>(\n  target: RefObject<T | null>,\n  callback: UseResizeObserverCallback,\n  enabled = true,\n): void {\n  const ro = enabled && getResizeObserver()\n  const cb = useRef(callback)\n  useEffect(() => {\n    cb.current = callback\n  }, [callback])\n\n  const tgt = target && 'current' in target ? target.current : target\n\n  useEffect(() => {\n    // This secondary target resolve required for case when we receive ref object, which, most\n    // likely, contains null during render stage, but already populated with element during\n    // effect stage.\n\n    const _tgt = target && 'current' in target ? target.current : target\n\n    if (!ro || !_tgt) return undefined\n\n    // As unsubscription in internals of our ResizeObserver abstraction can\n    // happen a bit later than effect cleanup invocation - we need a marker,\n    // that this handler should not be invoked anymore\n    let subscribed = true\n\n    const handler: UseResizeObserverCallback = (...args) => {\n      // It is reinsurance for the highly asynchronous invocations, almost\n      // impossible to achieve in tests, thus excluding from LOC\n      /* istanbul ignore else */\n      if (subscribed) {\n        cb.current(...args)\n      }\n    }\n\n    ro.subscribe(_tgt, handler)\n\n    return () => {\n      subscribed = false\n      ro.unsubscribe(_tgt, handler)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tgt, ro])\n}\n","import {getImageDimensions} from '@sanity/asset-utils'\nimport {createImageUrlBuilder} from '@sanity/image-url'\nimport {Card, Flex, Stack} from '@sanity/ui'\nimport {randomKey} from '@sanity/util/content'\nimport get from 'lodash-es/get.js'\nimport {type MouseEvent, type ReactNode, useCallback, useMemo, useRef, useState} from 'react'\nimport {\n  type ArrayOfObjectsInputProps,\n  type ImageValue,\n  insert,\n  type ObjectSchemaType,\n  PatchEvent,\n  set,\n  setIfMissing,\n  useClient,\n  useFormValue,\n  useResolveInitialValueForType,\n} from 'sanity'\n\nimport Feedback from './Feedback'\nimport {type ImageHotspotOptions} from './plugin'\nimport Spot from './Spot'\nimport {useDebouncedCallback} from './useDebouncedCallback'\nimport {useResizeObserver} from './useResizeObserver'\n\nconst imageStyle = {width: `100%`, height: `auto`}\n\nconst VALID_ROOT_PATHS = ['document', 'parent']\n\nexport type FnHotspotMove = (key: string, x: number, y: number) => void\n\nexport type HotspotItem<HotspotFields = {[key: string]: unknown}> = {\n  _key: string\n  _type: string\n  x: number\n  y: number\n} & HotspotFields\n\nexport function ImageHotspotArray(\n  props: ArrayOfObjectsInputProps<HotspotItem> & {imageHotspotOptions: ImageHotspotOptions},\n): ReactNode {\n  const {value, onChange, imageHotspotOptions, schemaType, renderPreview} = props\n\n  const sanityClient = useClient({apiVersion: '2022-01-01'})\n\n  const imageHotspotPathRoot = useMemo(() => {\n    const pathRoot = VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot ?? '')\n      ? imageHotspotOptions.pathRoot\n      : 'document'\n    return pathRoot === 'document' ? [] : props.path.slice(0, -1)\n  }, [imageHotspotOptions.pathRoot, props.path])\n\n  const rootObject = useFormValue(imageHotspotPathRoot)\n\n  const resolveInitialValueForType = useResolveInitialValueForType()\n  const resolveInitialValue = useCallback(\n    async (type: ObjectSchemaType) => {\n      return resolveInitialValueForType(type, {})\n        .then((initialValue) => {\n          return initialValue\n        })\n        .catch(() => {\n          return undefined\n        })\n    },\n    [resolveInitialValueForType],\n  )\n\n  /**\n   * Finding the image from the imageHotspotPathRoot (defaults to document),\n   * using the path from the hotspot's `options` field\n   *\n   * when changes in imageHotspotPathRoot (e.g. document) occur,\n   * check if there are any changes to the hotspotImage and update the reference\n   */\n  const hotspotImage = useMemo(() => {\n    // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- the configured imagePath is expected to point to an image field\n    return (\n      imageHotspotOptions.imagePath ? get(rootObject, imageHotspotOptions.imagePath) : rootObject\n    ) as ImageValue | undefined\n  }, [rootObject, imageHotspotOptions.imagePath])\n\n  const displayImage = useMemo(() => {\n    const builder = createImageUrlBuilder(sanityClient).dataset(sanityClient.config().dataset ?? '')\n    const urlFor = (source: ImageValue) => builder.image(source)\n\n    if (hotspotImage?.asset?._ref) {\n      const {aspectRatio} = getImageDimensions(hotspotImage.asset._ref)\n      const width = 1200\n      const height = Math.round(width / aspectRatio)\n      const url = urlFor(hotspotImage).width(width).url()\n\n      return {width, height, url}\n    }\n\n    return null\n  }, [hotspotImage, sanityClient])\n\n  const handleHotspotImageClick = useCallback(\n    async (event: MouseEvent<HTMLImageElement>) => {\n      const spotType = schemaType.of[0]\n      if (!spotType) {\n        return\n      }\n\n      const {nativeEvent, currentTarget} = event\n\n      // Calculate the x/y percentage of the click position\n      const x = Number(((nativeEvent.offsetX * 100) / currentTarget.width).toFixed(2))\n      const y = Number(((nativeEvent.offsetY * 100) / currentTarget.height).toFixed(2))\n      const description = `New Hotspot at ${x}% x ${y}%`\n\n      // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- hotspot arrays contain a single object type\n      const initialValues = await resolveInitialValue(spotType.type as ObjectSchemaType)\n\n      const newRow: HotspotItem = {\n        _key: randomKey(12),\n        _type: spotType.name,\n        ...initialValues,\n        x,\n        y,\n      }\n\n      if (imageHotspotOptions?.descriptionPath) {\n        newRow[imageHotspotOptions.descriptionPath] = description\n      }\n\n      onChange(PatchEvent.from([setIfMissing([]), insert([newRow], 'after', [-1])]))\n    },\n    [imageHotspotOptions, onChange, resolveInitialValue, schemaType],\n  )\n\n  const handleHotspotMove: FnHotspotMove = useCallback(\n    (key, x, y) => {\n      onChange(\n        PatchEvent.from([\n          // Set the `x` value of this array key item\n          set(x, [{_key: key}, 'x']),\n          // Set the `y` value of this array key item\n          set(y, [{_key: key}, 'y']),\n        ]),\n      )\n    },\n    [onChange],\n  )\n\n  const hotspotImageRef = useRef<HTMLImageElement | null>(null)\n\n  const [imageRect, setImageRect] = useState<DOMRectReadOnly>()\n\n  useResizeObserver<HTMLImageElement>(\n    hotspotImageRef,\n    useDebouncedCallback(\n      (e: ResizeObserverEntry) => setImageRect(e.contentRect),\n      [setImageRect],\n      200,\n    ),\n  )\n\n  return (\n    <Stack gap={[2, 2, 3]}>\n      {displayImage?.url ? (\n        <div style={{position: `relative`}}>\n          {imageRect &&\n            (value?.length ?? 0) > 0 &&\n            value?.map((spot, index) => (\n              <Spot\n                index={index}\n                key={spot._key}\n                value={spot}\n                bounds={imageRect}\n                update={handleHotspotMove}\n                hotspotDescriptionPath={imageHotspotOptions?.descriptionPath}\n                tooltip={imageHotspotOptions?.tooltip}\n                renderPreview={renderPreview}\n                // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- hotspot arrays contain a single object type\n                schemaType={schemaType.of[0] as ObjectSchemaType}\n              />\n            ))}\n\n          <Card __unstable_checkered shadow={1}>\n            <Flex align=\"center\" justify=\"center\">\n              {/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions -- hotspots are placed via pointer coordinates, which have no keyboard equivalent */}\n              <img\n                ref={hotspotImageRef}\n                src={displayImage.url}\n                width={displayImage.width}\n                height={displayImage.height}\n                alt=\"\"\n                style={imageStyle}\n                onClick={handleHotspotImageClick}\n              />\n            </Flex>\n          </Card>\n        </div>\n      ) : (\n        <Feedback>\n          {imageHotspotOptions.imagePath ? (\n            <>\n              No Hotspot image found at path <code>{imageHotspotOptions.imagePath}</code>\n            </>\n          ) : (\n            <>\n              Define a path in this field using to the image field in this document at{' '}\n              <code>options.hotspotImagePath</code>\n            </>\n          )}\n        </Feedback>\n      )}\n      {imageHotspotOptions.pathRoot && !VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot) && (\n        <Feedback>\n          The supplied imageHotspotPathRoot &quot;{imageHotspotOptions.pathRoot}&quot; is not valid,\n          falling back to &quot;document&quot;. Available values are &quot;\n          {VALID_ROOT_PATHS.join(', ')}&quot;.\n        </Feedback>\n      )}\n      {/* oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- renderDefault expects the base input props */}\n      {props.renderDefault(props as unknown as ArrayOfObjectsInputProps)}\n    </Stack>\n  )\n}\n","import {type ComponentType} from 'react'\nimport {type ArrayOfObjectsInputProps, definePlugin} from 'sanity'\n\nimport {type HotspotItem, ImageHotspotArray} from './ImageHotspotArray'\nimport {type HotspotTooltipProps} from './Spot'\n\nexport interface ImageHotspotOptions<HotspotFields = {[key: string]: unknown}> {\n  pathRoot?: 'document' | 'parent'\n  imagePath: string\n  descriptionPath?: string\n  tooltip?: ComponentType<HotspotTooltipProps<HotspotFields>>\n}\n\ndeclare module 'sanity' {\n  export interface ArrayOptions {\n    imageHotspot?: ImageHotspotOptions\n  }\n}\n\nexport const imageHotspotArrayPlugin = definePlugin({\n  name: 'image-hotspot-array',\n  form: {\n    components: {\n      input: (props) => {\n        if (props.schemaType.jsonType === 'array' && props.schemaType.options?.imageHotspot) {\n          const imageHotspotOptions = props.schemaType.options?.imageHotspot\n          if (imageHotspotOptions) {\n            return (\n              <ImageHotspotArray\n                // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- narrowed by the jsonType/options checks above\n                {...(props as unknown as ArrayOfObjectsInputProps<HotspotItem>)}\n                imageHotspotOptions={imageHotspotOptions}\n              />\n            )\n          }\n        }\n        return props.renderDefault(props)\n      },\n    },\n  },\n})\n"],"names":["Feedback","t0","$","_c","children","t1","dragStyle","width","height","position","boxSizing","top","left","margin","cursor","display","justifyContent","alignItems","borderRadius","background","color","dragStyleWhileDrag","border","dragStyleWhileHover","dotStyle","visibility","pointerEvents","dotStyleWhileActive","labelStyle","fontSize","fontWeight","lineHeight","labelStyleWhileActive","round","num","Math","Spot","value","bounds","update","hotspotDescriptionPath","tooltip","TooltipComponent","index","schemaType","renderPreview","isDragging","setIsDragging","useState","isHovering","setIsHovering","x","t2","useMotionValue","t3","y","t4","t5","set","t6","useEffect","t7","_key","currentX","get","currentY","newX","newY","safeX","max","min","safeY","handleDragEnd","t8","for","handleDragStart","t9","handleHoverStart","t10","handleHoverEnd","t11","t12","t13","t14","maxWidth","t15","t16","t17","t18","t19","t20","t21","t22","t23","useUnmountEffect","effect","effectRef","useRef","current","Symbol","useDebouncedCallback","callback","deps","delay","maxWait","timeout","undefined","waitTimeout","cb","lastCall","clear","clearTimeout","useMemo","execute","context","apply","this","args","wrapped","setTimeout","Object","defineProperties","length","name","isBrowser","window","navigator","document","observerSingleton","getResizeObserver","callbacks","Map","observer","ResizeObserver","entries","entry","target","forEach","subscribe","cbs","Set","observe","add","unsubscribe","delete","size","unobserve","useResizeObserver","enabled","ro","tgt","_tgt","subscribed","handler","imageStyle","VALID_ROOT_PATHS","ImageHotspotArray","props","onChange","imageHotspotOptions","apiVersion","sanityClient","useClient","pathRoot","includes","path","slice","rootObject","useFormValue","resolveInitialValueForType","useResolveInitialValueForType","type","then","_temp","catch","_temp2","resolveInitialValue","imagePath","hotspotImage","bb0","builder","createImageUrlBuilder","dataset","config","urlFor","source","image","asset","_ref","getImageDimensions","aspectRatio","url","displayImage","descriptionPath","of","event","spotType","nativeEvent","currentTarget","Number","offsetX","toFixed","offsetY","description","initialValues","newRow","randomKey","_type","PatchEvent","from","setIfMissing","insert","handleHotspotImageClick","key","x_0","y_0","handleHotspotMove","hotspotImageRef","imageRect","setImageRect","e","contentRect","map","spot","join","renderDefault","initialValue","imageHotspotArrayPlugin","definePlugin","form","components","input","jsonType","options","imageHotspot"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Card","Text","Feedback","t0","$","_c","children","t1","Box","Text","Tooltip","get","motion","useMotionValue","ComponentType","CSSProperties","ReactNode","useCallback","useEffect","useState","ObjectSchemaType","RenderPreviewCallback","FnHotspotMove","HotspotItem","dragStyle","width","height","position","boxSizing","top","left","margin","cursor","display","justifyContent","alignItems","borderRadius","background","color","dragStyleWhileDrag","border","dragStyleWhileHover","dotStyle","visibility","pointerEvents","dotStyleWhileActive","labelStyle","fontSize","fontWeight","lineHeight","labelStyleWhileActive","round","num","Math","HotspotTooltipProps","key","value","HotspotFields","schemaType","renderPreview","HotspotProps","bounds","DOMRectReadOnly","update","hotspotDescriptionPath","tooltip","index","Spot","t0","$","_c","TooltipComponent","isDragging","setIsDragging","isHovering","setIsHovering","t1","x","t2","t3","y","t4","t5","set","t6","t7","_key","currentX","currentY","newX","newY","safeX","max","min","safeY","handleDragEnd","t8","Symbol","for","handleDragStart","t9","handleHoverStart","t10","handleHoverEnd","t11","t12","t13","t14","maxWidth","t15","t16","t17","t18","t19","t20","t21","t22","t23","ComponentType","ArrayOfObjectsInputProps","definePlugin","HotspotItem","ImageHotspotArray","HotspotTooltipProps","ImageHotspotOptions","key","pathRoot","imagePath","descriptionPath","tooltip","HotspotFields","ArrayOptions","imageHotspot","imageHotspotArrayPlugin","name","form","components","input","props","schemaType","jsonType","options","imageHotspotOptions","renderDefault","DependencyList","useEffect","useMemo","useRef","useUnmountEffect","effect","$","_c","effectRef","t0","t1","current","t2","t3","Symbol","for","DebouncedFunction","args","this","ThisParameterType","Fn","Parameters","useDebouncedCallback","callback","deps","delay","maxWait","timeout","ReturnType","setTimeout","undefined","waitTimeout","cb","lastCall","clear","clearTimeout","execute","context","apply","wrapped","Object","defineProperties","length","value","name","RefObject","useEffect","useRef","isBrowser","window","navigator","document","UseResizeObserverCallback","entry","ResizeObserverEntry","ResizeObserverSingleton","observer","ResizeObserver","subscribe","target","Element","callback","unsubscribe","observerSingleton","getResizeObserver","undefined","callbacks","Map","Set","entries","get","forEach","cb","setTimeout","cbs","set","observe","add","delete","size","unobserve","useResizeObserver","T","enabled","ro","current","tgt","_tgt","subscribed","handler","args","getImageDimensions","createImageUrlBuilder","Card","Flex","Stack","randomKey","get","MouseEvent","ReactNode","useCallback","useMemo","useRef","useState","ArrayOfObjectsInputProps","ImageValue","insert","ObjectSchemaType","PatchEvent","set","setIfMissing","useClient","useFormValue","useResolveInitialValueForType","Feedback","ImageHotspotOptions","Spot","useDebouncedCallback","useResizeObserver","imageStyle","width","height","VALID_ROOT_PATHS","FnHotspotMove","key","x","y","HotspotItem","_key","_type","HotspotFields","ImageHotspotArray","props","$","_c","value","onChange","imageHotspotOptions","schemaType","renderPreview","t0","Symbol","for","apiVersion","sanityClient","pathRoot","includes","t1","path","slice","imageHotspotPathRoot","rootObject","resolveInitialValueForType","t2","type","then","_temp","catch","_temp2","resolveInitialValue","t3","imagePath","hotspotImage","t4","bb0","builder","dataset","config","urlFor","source","image","asset","_ref","t5","aspectRatio","t6","Math","round","url","t7","displayImage","descriptionPath","of","event","spotType","nativeEvent","currentTarget","Number","offsetX","toFixed","offsetY","description","initialValues","newRow","name","from","handleHotspotImageClick","x_0","y_0","handleHotspotMove","hotspotImageRef","imageRect","setImageRect","t8","e","contentRect","t9","t10","tooltip","position","length","map","spot","index","t11","join","t12","t13","renderDefault","t14","initialValue"],"sources":["../src/Feedback.tsx","../src/Spot.tsx","../src/plugin.tsx","../src/useDebouncedCallback.ts","../src/useResizeObserver.ts","../src/ImageHotspotArray.tsx"],"sourcesContent":["import {Card, Text} from '@sanity/ui'\n\nexport default function Feedback({children}: {children: React.ReactNode}): React.JSX.Element {\n  return (\n    <Card padding={4} radius={2} shadow={1} tone=\"caution\">\n      <Text>{children}</Text>\n    </Card>\n  )\n}\n","import {Box, Text, Tooltip} from '@sanity/ui'\nimport get from 'lodash-es/get.js'\nimport {motion, useMotionValue} from 'motion/react'\nimport {\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react'\nimport {type ObjectSchemaType, type RenderPreviewCallback} from 'sanity'\n\nimport {type FnHotspotMove, type HotspotItem} from './ImageHotspotArray'\n\nconst dragStyle: CSSProperties = {\n  width: '1.4rem',\n  height: '1.4rem',\n  position: 'absolute',\n  boxSizing: 'border-box',\n  top: 0,\n  left: 0,\n  margin: '-0.7rem 0 0 -0.7rem',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '50%',\n  background: '#000',\n  color: 'white',\n}\n\nconst dragStyleWhileDrag: CSSProperties = {\n  background: 'rgba(0, 0, 0, 0.1)',\n  border: '1px solid #fff',\n  cursor: 'none',\n}\n\nconst dragStyleWhileHover: CSSProperties = {\n  background: 'rgba(0, 0, 0, 0.1)',\n  border: '1px solid #fff',\n}\n\nconst dotStyle: CSSProperties = {\n  position: 'absolute',\n  left: '50%',\n  top: '50%',\n  height: '0.2rem',\n  width: '0.2rem',\n  margin: '-0.1rem 0 0 -0.1rem',\n  background: '#fff',\n  visibility: 'hidden',\n  borderRadius: '50%',\n  // make sure pointer events only run on the parent\n  pointerEvents: 'none',\n}\n\nconst dotStyleWhileActive: CSSProperties = {\n  visibility: 'visible',\n}\n\nconst labelStyle: CSSProperties = {\n  color: 'white',\n  fontSize: '0.7rem',\n  fontWeight: 600,\n  lineHeight: '1',\n}\n\nconst labelStyleWhileActive: CSSProperties = {\n  visibility: 'hidden',\n}\n\nconst round = (num: number) => Math.round(num * 100) / 100\n\nexport interface HotspotTooltipProps<HotspotFields = {[key: string]: unknown}> {\n  value: HotspotItem<HotspotFields>\n  schemaType: ObjectSchemaType\n  renderPreview: RenderPreviewCallback\n}\n\ninterface HotspotProps<HotspotFields = {[key: string]: unknown}> {\n  value: HotspotItem\n  bounds: DOMRectReadOnly\n  update: FnHotspotMove\n  hotspotDescriptionPath?: string\n  tooltip?: ComponentType<HotspotTooltipProps<HotspotFields>>\n  index: number\n  schemaType: ObjectSchemaType\n  renderPreview: RenderPreviewCallback\n}\n\nexport default function Spot({\n  value,\n  bounds,\n  update,\n  hotspotDescriptionPath,\n  tooltip: TooltipComponent,\n  index,\n  schemaType,\n  renderPreview,\n}: HotspotProps): ReactNode {\n  const [isDragging, setIsDragging] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  // x/y are stored as % but need to be converted to px\n  const x = useMotionValue(round(bounds.width * (value.x / 100)))\n  const y = useMotionValue(round(bounds.height * (value.y / 100)))\n\n  /**\n   * update x/y if the bounds change when resizing the window\n   */\n  useEffect(() => {\n    x.set(round(bounds.width * (value.x / 100)))\n    y.set(round(bounds.height * (value.y / 100)))\n  }, [x, y, value, bounds])\n\n  const handleDragEnd = useCallback(() => {\n    setIsDragging(false)\n\n    // get current values for x/y in px\n    const currentX = x.get()\n    const currentY = y.get()\n\n    // Which we need to convert back to `%` to patch the document\n    const newX = round((currentX * 100) / bounds.width)\n    const newY = round((currentY * 100) / bounds.height)\n\n    // Don't go below 0 or above 100\n    const safeX = Math.max(0, Math.min(100, newX))\n    const safeY = Math.max(0, Math.min(100, newY))\n\n    update(value._key, safeX, safeY)\n  }, [x, y, value, update, bounds])\n  const handleDragStart = useCallback(() => setIsDragging(true), [])\n\n  const handleHoverStart = useCallback(() => setIsHovering(true), [])\n  const handleHoverEnd = useCallback(() => setIsHovering(false), [])\n\n  if (!x || !y) {\n    return null\n  }\n\n  return (\n    <motion.div\n      drag\n      dragConstraints={bounds}\n      dragElastic={0}\n      dragMomentum={false}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      onHoverStart={handleHoverStart}\n      onHoverEnd={handleHoverEnd}\n      style={{\n        ...dragStyle,\n        x,\n        y,\n        ...(isDragging && {...dragStyleWhileDrag}),\n        ...(isHovering && {...dragStyleWhileHover}),\n      }}\n    >\n      <Tooltip\n        key={value._key}\n        disabled={isDragging}\n        portal\n        content={\n          TooltipComponent && typeof TooltipComponent === 'function' ? (\n            <TooltipComponent value={value} renderPreview={renderPreview} schemaType={schemaType} />\n          ) : (\n            <Box padding={2} style={{maxWidth: 200, pointerEvents: `none`}}>\n              <Text textOverflow=\"ellipsis\">\n                {hotspotDescriptionPath\n                  ? // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- the configured descriptionPath is expected to point to a string field\n                    (get(value, hotspotDescriptionPath) as string)\n                  : `${value.x}% x ${value.y}%`}\n              </Text>\n            </Box>\n          )\n        }\n      >\n        <div>\n          {/* Dot */}\n          <Box\n            style={{\n              ...dotStyle,\n              ...((isDragging || isHovering) && {...dotStyleWhileActive}),\n            }}\n          />\n          {/* Label */}\n          <div\n            style={{\n              ...labelStyle,\n              ...((isDragging || isHovering) && {...labelStyleWhileActive}),\n            }}\n          >\n            {index + 1}\n          </div>\n        </div>\n      </Tooltip>\n    </motion.div>\n  )\n}\n","import {type ComponentType} from 'react'\nimport {type ArrayOfObjectsInputProps, definePlugin} from 'sanity'\n\nimport {type HotspotItem, ImageHotspotArray} from './ImageHotspotArray'\nimport {type HotspotTooltipProps} from './Spot'\n\nexport interface ImageHotspotOptions<HotspotFields = {[key: string]: unknown}> {\n  pathRoot?: 'document' | 'parent'\n  imagePath: string\n  descriptionPath?: string\n  tooltip?: ComponentType<HotspotTooltipProps<HotspotFields>>\n}\n\ndeclare module 'sanity' {\n  export interface ArrayOptions {\n    imageHotspot?: ImageHotspotOptions\n  }\n}\n\nexport const imageHotspotArrayPlugin = definePlugin({\n  name: 'image-hotspot-array',\n  form: {\n    components: {\n      input: (props) => {\n        if (props.schemaType.jsonType === 'array' && props.schemaType.options?.imageHotspot) {\n          const imageHotspotOptions = props.schemaType.options?.imageHotspot\n          if (imageHotspotOptions) {\n            return (\n              <ImageHotspotArray\n                // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- narrowed by the jsonType/options checks above\n                {...(props as unknown as ArrayOfObjectsInputProps<HotspotItem>)}\n                imageHotspotOptions={imageHotspotOptions}\n              />\n            )\n          }\n        }\n        return props.renderDefault(props)\n      },\n    },\n  },\n})\n","// copied from react-hookz/web\n// https://github.com/react-hookz/web/blob/579a445fcc9f4f4bb5b9d5e670b2e57448b4ee50/src/useDebouncedCallback/index.ts\nimport {type DependencyList, useEffect, useMemo, useRef} from 'react'\n\n/**\n * Run effect only when component is unmounted.\n *\n * @param effect Effector to run on unmount\n */\nfunction useUnmountEffect(effect: CallableFunction): void {\n  const effectRef = useRef(effect)\n  useEffect(() => {\n    effectRef.current = effect\n  }, [effect])\n  useEffect(() => () => effectRef.current(), [])\n}\n\nexport type DebouncedFunction<Fn extends (...args: any[]) => any> = (\n  this: ThisParameterType<Fn>,\n  ...args: Parameters<Fn>\n) => void\n\n/**\n * Makes passed function debounced, otherwise acts like `useCallback`.\n *\n * @param callback Function that will be debounced.\n * @param deps Dependencies list when to update callback. It also replaces invoked\n * \tcallback for scheduled debounced invocations.\n * @param delay Debounce delay.\n * @param maxWait The maximum time `callback` is allowed to be delayed before\n * it's invoked. 0 means no max wait.\n */\nexport function useDebouncedCallback<Fn extends (...args: any[]) => any>(\n  callback: Fn,\n  deps: DependencyList,\n  delay: number,\n  maxWait = 0,\n): DebouncedFunction<Fn> {\n  const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const waitTimeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const cb = useRef(callback)\n  const lastCall = useRef<{args: Parameters<Fn>; this: ThisParameterType<Fn>}>(undefined)\n\n  const clear = () => {\n    if (timeout.current) {\n      clearTimeout(timeout.current)\n      timeout.current = undefined\n    }\n\n    if (waitTimeout.current) {\n      clearTimeout(waitTimeout.current)\n      waitTimeout.current = undefined\n    }\n  }\n\n  // Cancel scheduled execution on unmount\n  useUnmountEffect(clear)\n\n  useEffect(() => {\n    cb.current = callback\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n\n  // oxlint-disable react/react-compiler\n  return useMemo(() => {\n    const execute = () => {\n      clear()\n\n      // Barely possible to test this line\n      /* istanbul ignore next */\n      if (!lastCall.current) return\n\n      const context = lastCall.current\n      lastCall.current = undefined\n\n      cb.current.apply(context.this, context.args)\n    }\n\n    const wrapped = function (this, ...args) {\n      if (timeout.current) {\n        clearTimeout(timeout.current)\n      }\n\n      lastCall.current = {args, this: this}\n\n      // Plan regular execution\n      timeout.current = setTimeout(execute, delay)\n\n      // Plan maxWait execution if required\n      if (maxWait > 0 && !waitTimeout.current) {\n        waitTimeout.current = setTimeout(execute, maxWait)\n      }\n    } as DebouncedFunction<Fn>\n\n    Object.defineProperties(wrapped, {\n      length: {value: callback.length},\n      name: {value: `${callback.name || 'anonymous'}__debounced__${delay}`},\n    })\n\n    return wrapped\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [delay, maxWait, ...deps])\n  // oxlint-enable react/react-compiler\n}\n","// copied from react-hookz/web\n// https://github.com/react-hookz/web/blob/579a445fcc9f4f4bb5b9d5e670b2e57448b4ee50/src/useResizeObserver/index.ts\nimport {type RefObject, useEffect, useRef} from 'react'\n\nconst isBrowser =\n  typeof window !== 'undefined' &&\n  typeof navigator !== 'undefined' &&\n  typeof document !== 'undefined'\n\nexport type UseResizeObserverCallback = (entry: ResizeObserverEntry) => void\n\ntype ResizeObserverSingleton = {\n  observer: ResizeObserver\n  subscribe: (target: Element, callback: UseResizeObserverCallback) => void\n  unsubscribe: (target: Element, callback: UseResizeObserverCallback) => void\n}\n\nlet observerSingleton: ResizeObserverSingleton\n\nfunction getResizeObserver(): ResizeObserverSingleton | undefined {\n  if (!isBrowser) return undefined\n\n  if (observerSingleton) return observerSingleton\n\n  const callbacks = new Map<Element, Set<UseResizeObserverCallback>>()\n\n  const observer = new ResizeObserver((entries) => {\n    for (const entry of entries)\n      callbacks.get(entry.target)?.forEach((cb) =>\n        setTimeout(() => {\n          cb(entry)\n        }, 0),\n      )\n  })\n\n  observerSingleton = {\n    observer,\n    subscribe(target, callback) {\n      let cbs = callbacks.get(target)\n\n      if (!cbs) {\n        // If target has no observers yet - register it\n        cbs = new Set<UseResizeObserverCallback>()\n        callbacks.set(target, cbs)\n        observer.observe(target)\n      }\n\n      // As Set is duplicate-safe - simply add callback on each call\n      cbs.add(callback)\n    },\n    unsubscribe(target, callback) {\n      const cbs = callbacks.get(target)\n\n      // Else branch should never occur in case of normal execution\n      // because callbacks map is hidden in closure - it is impossible to\n      // simulate situation with non-existent `cbs` Set\n      /* istanbul ignore else */\n      if (cbs) {\n        // Remove current observer\n        cbs.delete(callback)\n\n        if (cbs.size === 0) {\n          // If no observers left unregister target completely\n          callbacks.delete(target)\n          observer.unobserve(target)\n        }\n      }\n    },\n  }\n\n  return observerSingleton\n}\n\n/**\n * Invokes a callback whenever ResizeObserver detects a change to target's size.\n *\n * @param target React reference or Element to track.\n * @param callback Callback that will be invoked on resize.\n * @param enabled Whether resize observer is enabled or not.\n */\nexport function useResizeObserver<T extends Element>(\n  target: RefObject<T | null>,\n  callback: UseResizeObserverCallback,\n  enabled = true,\n): void {\n  const ro = enabled && getResizeObserver()\n  const cb = useRef(callback)\n  useEffect(() => {\n    cb.current = callback\n  }, [callback])\n\n  const tgt = target && 'current' in target ? target.current : target\n\n  useEffect(() => {\n    // This secondary target resolve required for case when we receive ref object, which, most\n    // likely, contains null during render stage, but already populated with element during\n    // effect stage.\n\n    const _tgt = target && 'current' in target ? target.current : target\n\n    if (!ro || !_tgt) return undefined\n\n    // As unsubscription in internals of our ResizeObserver abstraction can\n    // happen a bit later than effect cleanup invocation - we need a marker,\n    // that this handler should not be invoked anymore\n    let subscribed = true\n\n    const handler: UseResizeObserverCallback = (...args) => {\n      // It is reinsurance for the highly asynchronous invocations, almost\n      // impossible to achieve in tests, thus excluding from LOC\n      /* istanbul ignore else */\n      if (subscribed) {\n        cb.current(...args)\n      }\n    }\n\n    ro.subscribe(_tgt, handler)\n\n    return () => {\n      subscribed = false\n      ro.unsubscribe(_tgt, handler)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tgt, ro])\n}\n","import {getImageDimensions} from '@sanity/asset-utils'\nimport {createImageUrlBuilder} from '@sanity/image-url'\nimport {Card, Flex, Stack} from '@sanity/ui'\nimport {randomKey} from '@sanity/util/content'\nimport get from 'lodash-es/get.js'\nimport {type MouseEvent, type ReactNode, useCallback, useMemo, useRef, useState} from 'react'\nimport {\n  type ArrayOfObjectsInputProps,\n  type ImageValue,\n  insert,\n  type ObjectSchemaType,\n  PatchEvent,\n  set,\n  setIfMissing,\n  useClient,\n  useFormValue,\n  useResolveInitialValueForType,\n} from 'sanity'\n\nimport Feedback from './Feedback'\nimport {type ImageHotspotOptions} from './plugin'\nimport Spot from './Spot'\nimport {useDebouncedCallback} from './useDebouncedCallback'\nimport {useResizeObserver} from './useResizeObserver'\n\nconst imageStyle = {width: `100%`, height: `auto`}\n\nconst VALID_ROOT_PATHS = ['document', 'parent']\n\nexport type FnHotspotMove = (key: string, x: number, y: number) => void\n\nexport type HotspotItem<HotspotFields = {[key: string]: unknown}> = {\n  _key: string\n  _type: string\n  x: number\n  y: number\n} & HotspotFields\n\nexport function ImageHotspotArray(\n  props: ArrayOfObjectsInputProps<HotspotItem> & {imageHotspotOptions: ImageHotspotOptions},\n): ReactNode {\n  const {value, onChange, imageHotspotOptions, schemaType, renderPreview} = props\n\n  const sanityClient = useClient({apiVersion: '2022-01-01'})\n\n  const imageHotspotPathRoot = useMemo(() => {\n    const pathRoot = VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot ?? '')\n      ? imageHotspotOptions.pathRoot\n      : 'document'\n    return pathRoot === 'document' ? [] : props.path.slice(0, -1)\n  }, [imageHotspotOptions.pathRoot, props.path])\n\n  const rootObject = useFormValue(imageHotspotPathRoot)\n\n  const resolveInitialValueForType = useResolveInitialValueForType()\n  const resolveInitialValue = useCallback(\n    async (type: ObjectSchemaType) => {\n      return resolveInitialValueForType(type, {})\n        .then((initialValue) => {\n          return initialValue\n        })\n        .catch(() => {\n          return undefined\n        })\n    },\n    [resolveInitialValueForType],\n  )\n\n  /**\n   * Finding the image from the imageHotspotPathRoot (defaults to document),\n   * using the path from the hotspot's `options` field\n   *\n   * when changes in imageHotspotPathRoot (e.g. document) occur,\n   * check if there are any changes to the hotspotImage and update the reference\n   */\n  const hotspotImage = useMemo(() => {\n    // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- the configured imagePath is expected to point to an image field\n    return (\n      imageHotspotOptions.imagePath ? get(rootObject, imageHotspotOptions.imagePath) : rootObject\n    ) as ImageValue | undefined\n  }, [rootObject, imageHotspotOptions.imagePath])\n\n  const displayImage = useMemo(() => {\n    const builder = createImageUrlBuilder(sanityClient).dataset(sanityClient.config().dataset ?? '')\n    const urlFor = (source: ImageValue) => builder.image(source)\n\n    if (hotspotImage?.asset?._ref) {\n      const {aspectRatio} = getImageDimensions(hotspotImage.asset._ref)\n      const width = 1200\n      const height = Math.round(width / aspectRatio)\n      const url = urlFor(hotspotImage).width(width).url()\n\n      return {width, height, url}\n    }\n\n    return null\n  }, [hotspotImage, sanityClient])\n\n  const handleHotspotImageClick = useCallback(\n    async (event: MouseEvent<HTMLImageElement>) => {\n      const spotType = schemaType.of[0]\n      if (!spotType) {\n        return\n      }\n\n      const {nativeEvent, currentTarget} = event\n\n      // Calculate the x/y percentage of the click position\n      const x = Number(((nativeEvent.offsetX * 100) / currentTarget.width).toFixed(2))\n      const y = Number(((nativeEvent.offsetY * 100) / currentTarget.height).toFixed(2))\n      const description = `New Hotspot at ${x}% x ${y}%`\n\n      // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- hotspot arrays contain a single object type\n      const initialValues = await resolveInitialValue(spotType.type as ObjectSchemaType)\n\n      const newRow: HotspotItem = {\n        _key: randomKey(12),\n        _type: spotType.name,\n        ...initialValues,\n        x,\n        y,\n      }\n\n      if (imageHotspotOptions?.descriptionPath) {\n        newRow[imageHotspotOptions.descriptionPath] = description\n      }\n\n      onChange(PatchEvent.from([setIfMissing([]), insert([newRow], 'after', [-1])]))\n    },\n    [imageHotspotOptions, onChange, resolveInitialValue, schemaType],\n  )\n\n  const handleHotspotMove: FnHotspotMove = useCallback(\n    (key, x, y) => {\n      onChange(\n        PatchEvent.from([\n          // Set the `x` value of this array key item\n          set(x, [{_key: key}, 'x']),\n          // Set the `y` value of this array key item\n          set(y, [{_key: key}, 'y']),\n        ]),\n      )\n    },\n    [onChange],\n  )\n\n  const hotspotImageRef = useRef<HTMLImageElement | null>(null)\n\n  const [imageRect, setImageRect] = useState<DOMRectReadOnly>()\n\n  useResizeObserver<HTMLImageElement>(\n    hotspotImageRef,\n    useDebouncedCallback(\n      (e: ResizeObserverEntry) => setImageRect(e.contentRect),\n      [setImageRect],\n      200,\n    ),\n  )\n\n  return (\n    <Stack gap={[2, 2, 3]}>\n      {displayImage?.url ? (\n        <div style={{position: `relative`}}>\n          {imageRect &&\n            (value?.length ?? 0) > 0 &&\n            value?.map((spot, index) => (\n              <Spot\n                index={index}\n                key={spot._key}\n                value={spot}\n                bounds={imageRect}\n                update={handleHotspotMove}\n                hotspotDescriptionPath={imageHotspotOptions?.descriptionPath}\n                tooltip={imageHotspotOptions?.tooltip}\n                renderPreview={renderPreview}\n                // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- hotspot arrays contain a single object type\n                schemaType={schemaType.of[0] as ObjectSchemaType}\n              />\n            ))}\n\n          <Card __unstable_checkered shadow={1}>\n            <Flex align=\"center\" justify=\"center\">\n              {/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions -- hotspots are placed via pointer coordinates, which have no keyboard equivalent */}\n              <img\n                ref={hotspotImageRef}\n                src={displayImage.url}\n                width={displayImage.width}\n                height={displayImage.height}\n                alt=\"\"\n                style={imageStyle}\n                onClick={handleHotspotImageClick}\n              />\n            </Flex>\n          </Card>\n        </div>\n      ) : (\n        <Feedback>\n          {imageHotspotOptions.imagePath ? (\n            <>\n              No Hotspot image found at path <code>{imageHotspotOptions.imagePath}</code>\n            </>\n          ) : (\n            <>\n              Define a path in this field using to the image field in this document at{' '}\n              <code>options.hotspotImagePath</code>\n            </>\n          )}\n        </Feedback>\n      )}\n      {imageHotspotOptions.pathRoot && !VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot) && (\n        <Feedback>\n          The supplied imageHotspotPathRoot &quot;{imageHotspotOptions.pathRoot}&quot; is not valid,\n          falling back to &quot;document&quot;. Available values are &quot;\n          {VALID_ROOT_PATHS.join(', ')}&quot;.\n        </Feedback>\n      )}\n      {/* oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- renderDefault expects the base input props */}\n      {props.renderDefault(props as unknown as ArrayOfObjectsInputProps)}\n    </Stack>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-hotspot-array",
-  "version": "5.0.4",
+  "version": "5.0.6",
   "description": "A configurable Custom Input for Arrays that will add and update items by clicking on an Image",
   "keywords": [
     "sanity",
@@ -29,15 +29,16 @@
   "dependencies": {
     "@sanity/asset-utils": "^2.3.0",
     "@sanity/image-url": "^2.1.1",
-    "@sanity/ui": "^3.3.0",
+    "@sanity/ui": "^3.3.5",
     "@sanity/util": "^6.3.0",
     "lodash-es": "^4.18.1",
     "motion": "^12.42.2"
   },
   "devDependencies": {
-    "@sanity/pkg-utils": "^10.9.0",
+    "@sanity/tsconfig": "^2.2.0",
+    "@sanity/tsdown-config": "^0.13.1",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.13.2",
+    "@types/node": "^24.13.3",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "babel-plugin-react-compiler": "^1.0.0",
@@ -45,8 +46,7 @@
     "react-dom": "^19.2.7",
     "sanity": "^6.3.0",
     "styled-components": "^6.4.3",
-    "@repo/package.config": "0.0.0",
-    "@repo/tsconfig": "0.0.0"
+    "tsdown": "^0.22.5"
   },
   "peerDependencies": {
     "react": "^19.2",
@@ -57,6 +57,6 @@
     "node": ">=20.19 <22 || >=22.12"
   },
   "scripts": {
-    "build": "pkg build --strict --check --clean"
+    "build": "tsdown"
   }
 }