@gridsheet/preact-core 3.4.2 → 3.4.4

package/dist/index.js

@@ -1,6 +1,6 @@
 import { h, render } from "preact";
-import { f as fe, u as ue, p as pe, k as ks, _, t as te, D as Dn, a as useBrowser, s as setEditingAddress, o as oe, G, w as write, b as setInputting, c as updateSheet, d as bt, e as te$1, g as ae, r as redo, h as undo, i as cut, P as Pe, j as fillRight, l as setSearchQuery, m as setEntering, n as fillDown, q as copy, v as select, x as selectToDataEdge, y as arrow, z as escape, A as clear, R, B as walk, M as Mn, C as ee, E as paste, F as setEditorHovering, H as Pn, I as setStore, J as submitAutofill, K as setDragging, L as setAutofillDraggingTo, N as drag, O as he, Q as rt, S as setResizingPositionY, T as setResizingPositionX, U as nn, V as cn, W as M, X as qr, Z as Zr, Y as filterRows, $ as sortRows, a0 as an, a1 as removeCols, a2 as removeRows, a3 as insertColsRight, a4 as insertColsLeft, a5 as insertRowsBelow, a6 as insertRowsAbove, a7 as setContextMenuPosition, a8 as Ln, a9 as setColumnMenu, aa as setRowMenu, ab as isXSheetFocused, ac as setEditorRect, ad as S, ae as L, af as choose, ag as q, ah as rn, ai as ce, aj as be, ak as on, al as le, am as re, an as selectCols, ao as useDebounceCallback, ap as selectRows, aq as W, ar as Hn, as as Q, at as T, au as ge, av as se, aw as ne, ax as en, ay as bn, az as Z, aA as ie, aB as de, aC as search, aD as setSearchCaseSensitive, aE as setSearchRegex, aF as wn, aG as setSearchRange, aH as useBook, aI as Y, aJ as reducer, aK as me, aL as isAsyncMutationAction, aM as isMutationAction, aN as commitAsyncOp, aO as Hs, aP as $e, aQ as $t, aR as jr, aS as Le, aT as kt, aU as Gr } from "./hooks-Ij1DTX5N.mjs";
-import { bi, bj, bA, bk, bz, bx, bn as bn2, bl, b6, bB, by, b1, bm, aW, a_, a$, b0, aX, aY, b2, b5, bs, bv, b7, bu, b8, bt as bt2, bq, br, bp, bo, aZ, aV, b3, b4, bw, bh, be as be2, bf, bg, bd, b9, ba, bb, bc, bC } from "./hooks-Ij1DTX5N.mjs";
+import { f as fe, u as ue, p as pe, k as ks, _, t as te, D as Dn, a as useBrowser, s as setEditingAddress, o as oe, G, w as write, b as setInputting, c as updateSheet, d as bt, e as te$1, g as ae, r as redo, h as undo, i as cut, P as Pe, j as fillRight, l as setSearchQuery, m as setEntering, n as fillDown, q as copy, v as select, x as selectToDataEdge, y as arrow, z as escape, A as clear, R, B as walk, M as Mn, C as ee, E as paste, F as setEditorHovering, H as Pn, I as setStore, J as submitAutofill, K as setDragging, L as setAutofillDraggingTo, N as drag, O as he, Q as rt, S as setResizingPositionY, T as setResizingPositionX, U as nn, V as cn, W as M, X as qr, Z as Zr, Y as filterRows, $ as sortRows, a0 as an, a1 as removeCols, a2 as removeRows, a3 as insertColsRight, a4 as insertColsLeft, a5 as insertRowsBelow, a6 as insertRowsAbove, a7 as setContextMenuPosition, a8 as Ln, a9 as setColumnMenu, aa as setRowMenu, ab as isXSheetFocused, ac as setEditorRect, ad as S, ae as L, af as choose, ag as q, ah as rn, ai as ce, aj as be, ak as on, al as le, am as re, an as selectCols, ao as useDebounceCallback, ap as selectRows, aq as W, ar as Hn, as as Q, at as T, au as ge, av as se, aw as ne, ax as en, ay as bn, az as Z, aA as ie, aB as de, aC as search, aD as setSearchCaseSensitive, aE as setSearchRegex, aF as wn, aG as setSearchRange, aH as useBook, aI as Y, aJ as reducer, aK as me, aL as isAsyncMutationAction, aM as isMutationAction, aN as commitAsyncOp, aO as Hs, aP as $e, aQ as $t, aR as jr, aS as Le, aT as kt, aU as Gr } from "./hooks-CWD7gJMA.mjs";
+import { bi, bj, bA, bk, bz, bx, bn as bn2, bl, b6, bB, by, b1, bm, aW, a_, a$, b0, aX, aY, b2, b5, bs, bv, b7, bu, b8, bt as bt2, bq, br, bp, bo, aZ, aV, b3, b4, bw, bh, be as be2, bf, bg, bd, b9, ba, bb, bc, bC } from "./hooks-CWD7gJMA.mjs";
 import { jsx, jsxs, Fragment } from "preact/compat/jsx-runtime";
 import React, { createContext, forwardRef, useState, useImperativeHandle, useRef, useContext, useLayoutEffect, useMemo, useCallback, createPortal, memo, useEffect, createRef, useReducer } from "preact/compat";
 import { Children, Component, Fragment as Fragment2, PureComponent, StrictMode, Suspense, SuspenseList, cloneElement, render as render2, createContext as createContext2, createElement, createFactory, createPortal as createPortal2, createRef as createRef2, findDOMNode, forwardRef as forwardRef2, hydrate, isValidElement, lazy, memo as memo2, unmountComponentAtNode, unstable_batchedUpdates, useCallback as useCallback2, useContext as useContext2, useDebugValue, useEffect as useEffect2, useImperativeHandle as useImperativeHandle2, useLayoutEffect as useLayoutEffect2, useMemo as useMemo2, useReducer as useReducer2, useRef as useRef2, useState as useState2, version } from "preact/compat";
@@ -5387,6 +5387,7 @@ function GridSheet({
   const [resizedHeight, setResizedHeight] = useState(false);
   const fixedWidth = centersWidth && (options.sheetWidth != null || resizedWidth);
   const fixedHeight = centersHeight && (options.sheetHeight != null || resizedHeight);
+  const canResizeVertical = sheetResize === "both" || sheetResize === "vertical";
   const [sheetHeight, setSheetHeight] = useState(
     typeof (options == null ? void 0 : options.sheetHeight) === "number" ? options.sheetHeight : estimateSheetHeight(initialCells)
   );
@@ -5414,7 +5415,8 @@ function GridSheet({
       }
       const root = rootRef.current;
       if (fillHeight || el.style.height) {
-        setSheetHeight(root ? Math.min(el.clientHeight, root.clientHeight) : el.clientHeight);
+        const measured = el.style.height && !fillHeight ? el.clientHeight : root ? Math.min(el.clientHeight, root.clientHeight) : el.clientHeight;
+        setSheetHeight(measured);
       }
       setSheetWidth(root ? Math.min(el.clientWidth, root.clientWidth) : el.clientWidth);
     });
@@ -5426,6 +5428,16 @@ function GridSheet({
       setSheetHeight(options.sheetHeight);
     }
   }, [options.sheetHeight]);
+  useLayoutEffect(() => {
+    var _a2;
+    const el = mainRef.current;
+    if (!el || !canResizeVertical || !fixedHeight) {
+      return;
+    }
+    const target = typeof options.sheetHeight === "number" ? options.sheetHeight : sheetHeight;
+    const content = (((_a2 = store.sheetReactive.current) == null ? void 0 : _a2.fullHeight) || 0) + 2;
+    el.style.height = `${Math.min(target, content)}px`;
+  }, [options.sheetHeight, canResizeVertical, fixedHeight]);
   useEffect(() => {
     if (typeof options.sheetWidth === "number") {
       setSheetWidth(options.sheetWidth);
@@ -5490,7 +5502,12 @@ function GridSheet({
         } catch (e) {
           console.error("[gridsheet] async op failed:", e);
           if (!cancelled) {
-            dispatch(commitAsyncOp({ sheet: latestStoreRef.current.sheetReactive.current, selectingZone: pendingAsyncOp.selectingZone }));
+            dispatch(
+              commitAsyncOp({
+                sheet: latestStoreRef.current.sheetReactive.current,
+                selectingZone: pendingAsyncOp.selectingZone
+              })
+            );
           }
         }
       })
@@ -5539,7 +5556,14 @@ function GridSheet({
               // (never shrink to the viewport — otherwise a grid placed low on a page or in a
               // short viewport collapses). Only the shrink-to-content case caps at the viewport
               // bottom so a very tall grid stays usable within the current view.
-              ...fillHeight ? { flex: 1, minHeight: 0, maxHeight: "100%" } : fixedHeight ? { maxHeight: sheetHeight } : {
+              ...fillHeight ? { flex: 1, minHeight: 0, maxHeight: "100%" } : fixedHeight ? canResizeVertical ? (
+                // A user-resizable fixed-height box can't be React-controlled: `maxHeight`
+                // blocks the CSS resize handle from dragging taller, and a controlled `height`
+                // is overwritten on every render (fighting the drag). So leave the height
+                // uncontrolled here — the initial pixel height is set imperatively in a layout
+                // effect and the ResizeObserver syncs drags back into `sheetHeight`.
+                {}
+              ) : { maxHeight: sheetHeight } : {
                 maxHeight: mainRef.current ? window.innerHeight - mainRef.current.getBoundingClientRect().top : (((_c = store.sheetReactive.current) == null ? void 0 : _c.fullHeight) || 0) + 2
               },
               resize: sheetResize,