@sheetxl/grid-react 0.7.28-beta.4 → 0.8.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -5
- package/browser/esm/index.mjs +3421 -2710
- package/licenses/dependencies.txt +18 -192
- package/node/esm/index.mjs +3878 -2267
- package/package.json +8 -12
- package/types/src/cell/CellRenderer.d.ts +14 -3
- package/types/src/editor/DefaultEditable.d.ts +23 -4
- package/types/src/editor/EditSession.d.ts +34 -5
- package/types/src/editor/EditState.d.ts +6 -0
- package/types/src/editor/EditorInput.d.ts +7 -3
- package/types/src/editor/EditorLayer.d.ts +9 -4
- package/types/src/editor/EditorStartLayer.d.ts +32 -0
- package/types/src/editor/index.d.ts +1 -0
- package/types/src/editor/useEditorKeymap.d.ts +18 -2
- package/types/src/header/GridFreezeAnchor.d.ts +29 -0
- package/types/src/header/HeaderDividerAnchor.d.ts +29 -0
- package/types/src/header/HeaderFreezeAnchor.d.ts +37 -0
- package/types/src/header/_freezeSnap.d.ts +28 -0
- package/types/src/header/_useFreezeGrip.d.ts +28 -0
- package/types/src/header/index.d.ts +2 -0
- package/types/src/header/useHeaderSelectionPointer.d.ts +10 -6
- package/types/src/layer/GestureTip.d.ts +69 -0
- package/types/src/layer/GridFloatPanel.d.ts +19 -0
- package/types/src/layer/Layer.d.ts +6 -0
- package/types/src/layer/RangeFloatLayer.d.ts +233 -0
- package/types/src/layer/RangePrompt.d.ts +8 -8
- package/types/src/layer/RangeTooltip.d.ts +123 -0
- package/types/src/layer/RangeTooltipLayer.d.ts +53 -0
- package/types/src/layer/StickyAnchor.d.ts +16 -8
- package/types/src/layer/StickyPortal.d.ts +73 -0
- package/types/src/layer/TooltipProvider.d.ts +101 -0
- package/types/src/layer/index.d.ts +8 -4
- package/types/src/layer/useGridAnchor.d.ts +66 -8
- package/types/src/layer/useHoverIntent.d.ts +35 -8
- package/types/src/list/CheckboxList.d.ts +22 -1
- package/types/src/list/List.d.ts +14 -5
- package/types/src/list/ListSearch.d.ts +52 -0
- package/types/src/list/ListSurface.d.ts +93 -0
- package/types/src/list/PickList.d.ts +71 -0
- package/types/src/list/_measureText.d.ts +14 -0
- package/types/src/list/index.d.ts +3 -0
- package/types/src/range/DragHandle.d.ts +19 -2
- package/types/src/range/Draggable.d.ts +132 -7
- package/types/src/range/FillHandle.d.ts +33 -3
- package/types/src/range/RangeInsertBar.d.ts +91 -0
- package/types/src/range/index.d.ts +2 -0
- package/types/src/selection/SelectionLayer.d.ts +128 -15
- package/types/src/selection/SelectionStyle.d.ts +33 -0
- package/types/src/selection/SelectionTouchGrips.d.ts +0 -4
- package/types/src/selection/_SelectionUtils.d.ts +6 -0
- package/types/src/selection/useDragCells.d.ts +65 -9
- package/types/src/surface/useSurfaceState.d.ts +19 -0
- package/types/src/svg/_Glide.d.ts +9 -0
- package/browser/cjs/index.cjs +0 -3
- package/types/src/layer/HoverTipLayer.d.ts +0 -74
- package/types/src/layer/StickyFloat.d.ts +0 -65
- package/types/src/layer/useRangeHover.d.ts +0 -35
package/README.md
CHANGED
|
@@ -304,8 +304,16 @@ const pane = useGridPane();
|
|
|
304
304
|
The **Stage is the grid's surface** — focus rests on it, and that's what cell navigation uses.
|
|
305
305
|
Programmatically, `gridRef.current.focus()` (or `pane.focus()`) focuses the surface. A `VirtualDiv`
|
|
306
306
|
that should take keyboard focus opts in with `tabIndex` — regular div focus semantics: when it's
|
|
307
|
-
focused it
|
|
308
|
-
|
|
307
|
+
focused, keys target it and reach its handlers at its layer's turn (after the taps above it, per
|
|
308
|
+
law 3), and it may `stopPropagation` to keep them from the layers below; when the surface is
|
|
309
|
+
focused, keys reach the grid and it navigates as usual.
|
|
310
|
+
|
|
311
|
+
A behavior that belongs to the **grid in ready mode** — opening the cell editor on a typed key or a
|
|
312
|
+
double-click — is the floor's, not the top's: put it on its own Layer at the *bottom* of the stack
|
|
313
|
+
(it then hears only what no widget above consumed) and, for keys, act only when the surface itself
|
|
314
|
+
is the event target. A layer that sits high to *paint* (the editor box) must not carry that
|
|
315
|
+
behavior, because its tap would hear every widget's keys first. `EditorStartLayer` + `EditorLayer`
|
|
316
|
+
are this split.
|
|
309
317
|
|
|
310
318
|
Keys are positionless, so their walk skips hit-testing: **every** layer is offered the key, top of
|
|
311
319
|
z first, then the command system terminates the bubble. There is **no** "is the target an input?"
|
|
@@ -364,8 +372,9 @@ anchor resolver + Floating UI), not from them:
|
|
|
364
372
|
|
|
365
373
|
- **`StickyAnchor`** — resolves a grid anchor (range / cell / edge / point) to a live position;
|
|
366
374
|
children render inline (clipping with the pane) or self-position via render-prop.
|
|
367
|
-
- **`
|
|
368
|
-
- **`
|
|
375
|
+
- **`StickyPortal`** — the portal flavor: floats content beside the anchor with flip/shift/clamp.
|
|
376
|
+
- **`RangeTooltipLayer`** — the tooltip kind: a `Layer` tap probing the hovered cell + a `StickyPortal` in the
|
|
377
|
+
group's bubble; `TooltipProvider` sets the timing, the bubble and the single-open group.
|
|
369
378
|
- **`RangePrompt`** — a persistent prompt pinned to a range, with an out-of-view "go to" affordance.
|
|
370
379
|
|
|
371
380
|
Naming convention: a component ending in `-Layer` roots a `Layer` (drop it in as a grid child);
|
|
@@ -390,7 +399,9 @@ Complete, drop-in layers (each roots its own `Layer` — stack them like any oth
|
|
|
390
399
|
directly on a `GridSurface` when you own the stack.
|
|
391
400
|
- **`SelectionLayer`** — pointer + keyboard selection over an `ISelection` model, with move grip and
|
|
392
401
|
fill handle slots.
|
|
393
|
-
- **`
|
|
402
|
+
- **`EditorStartLayer`** — the ready-mode edit starters (typed key / F2 / double-click); mount it
|
|
403
|
+
first (the floor).
|
|
404
|
+
- **`EditorLayer`** — an always-mounted inline cell editor (swappable input); mount it last (the top).
|
|
394
405
|
- **`RangesPickerLayer`** — multi-rectangle range picking (formula references, chart ranges).
|
|
395
406
|
- **`List`** — a virtualized list built from the same engine (a one-column grid + selection).
|
|
396
407
|
|