sanity 6.8.0-next.2 → 6.8.0-next.21

package/lib/{PresentationToolGrantsCheck-CxqDuu8I.js → PresentationToolGrantsCheck-CITNu5DG.js}

@@ -216,6 +216,9 @@ function getPanelWidth(panels, id, widths) {
 	let width = widths[panels.findIndex((panel) => panel.id === id)];
 	return width == null ? "0" : width.toPrecision(10);
 }
+function getContainerRect(containerElement) {
+	return containerElement?.getBoundingClientRect() ?? null;
+}
 function getOffset(event, handleElement, initialOffset = 0, initialHandleElementRect = null) {
 	return event.clientX - (initialHandleElementRect || handleElement.getBoundingClientRect()).left - initialOffset;
 }
@@ -248,7 +251,7 @@ function getDefaultWidths(panels) {
 }
 const PanelsWrapper = styled.div.withConfig({
 	displayName: "PanelsWrapper",
-	componentId: "sc-aig7ic-0"
+	componentId: "sc-eromwp-0"
 })`display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;`, Panels = function(t0) {
 	let $ = c(46), { children } = t0, panelsEl = useRef(null), t1;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ new Map(), $[0] = t1) : t1 = $[0];
@@ -285,7 +288,8 @@ const PanelsWrapper = styled.div.withConfig({
 	}, $[13] = t7) : t7 = $[13];
 	let unregisterElement = t7, t8;
 	$[14] === Symbol.for("react.memo_cache_sentinel") ? (t8 = {
-		containerWidth: window.innerWidth,
+		containerRect: null,
+		windowWidth: window.innerWidth,
 		dragOffset: 0,
 		panelAfter: null,
 		panelBefore: null,
@@ -303,7 +307,8 @@ const PanelsWrapper = styled.div.withConfig({
 			resizerIndex: index,
 			panelBefore: elementsArr.reduce((acc, el_0, i) => isPanel(el_0) && i < index ? el_0 : acc, null),
 			panelAfter: elementsArr.reduce((acc_0, el_1, i_0) => acc_0 === null && isPanel(el_1) && i_0 > index ? el_1 : acc_0, null),
-			containerWidth: window.innerWidth,
+			containerRect: getContainerRect(panelsEl.current),
+			windowWidth: window.innerWidth,
 			startX: event.pageX,
 			dragOffset: getOffset(event, resizeElement),
 			resizerRect: resizeElement.getBoundingClientRect(),
@@ -317,7 +322,7 @@ const PanelsWrapper = styled.div.withConfig({
 	let stopDragging = t10, t11;
 	$[18] === elements ? t11 = $[19] : (t11 = (id_3, event_0) => {
 		event_0.preventDefault(), event_0.stopPropagation();
-		let { containerWidth, dragOffset, panelBefore, panelAfter, resizerRect } = dragRef.current;
+		let { containerRect, windowWidth, dragOffset, panelBefore, panelAfter, resizerRect } = dragRef.current;
 		if (panelBefore == null || panelAfter == null) return;
 		let resizer_0 = elements.get(id_3);
 		if (!resizer_0 || !isResizer(resizer_0)) return;
@@ -325,7 +330,9 @@ const PanelsWrapper = styled.div.withConfig({
 		if (!resizeElement_0) return;
 		let offset = getOffset(event_0, resizeElement_0, dragOffset, resizerRect);
 		if (offset === 0) return;
-		let { widths: prevWidths } = panelsRef.current, nextWidths = getNextWidths(offset / panelsEl.current.getBoundingClientRect().width * 100, containerWidth, panelBefore, panelAfter, panelsRef.current, dragRef.current);
+		let { widths: prevWidths } = panelsRef.current, containerWidthPx = containerRect?.width;
+		if (!containerWidthPx) return;
+		let nextWidths = getNextWidths(offset / containerWidthPx * 100, windowWidth, panelBefore, panelAfter, panelsRef.current, dragRef.current);
 		prevWidths.some((prevWidth, i_1) => prevWidth !== nextWidths[i_1]) && setWidths(nextWidths);
 	}, $[18] = elements, $[19] = t11);
 	let drag = t11, t12, t13;
@@ -360,6 +367,7 @@ const PanelsWrapper = styled.div.withConfig({
 	let t18, t19;
 	$[34] === Symbol.for("react.memo_cache_sentinel") ? (t18 = () => {
 		let resizeObserver = new ResizeObserver(() => {
+			dragRef.current.containerRect = getContainerRect(panelsEl.current);
 			let { panels: panels_0, widths: prevWidths_0 } = panelsRef.current, nextWidths_0 = validateWidths(panels_0, prevWidths_0, window.innerWidth);
 			prevWidths_0.some((prevWidth_0, i_2) => prevWidth_0 !== nextWidths_0[i_2]) && setWidths(nextWidths_0);
 		});
@@ -4355,4 +4363,4 @@ function _temp(state) {
 }
 export { PresentationToolGrantsCheck as default };
 
-//# sourceMappingURL=PresentationToolGrantsCheck-CxqDuu8I.js.map
+//# sourceMappingURL=PresentationToolGrantsCheck-CITNu5DG.js.map