@estiva-app/ui 0.12.5 → 0.12.7

package/src/fit.test.ts

@@ -1,101 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { fitMenu } from './fit'
-
-/**
- * The last hand-written geometry in the package, and its one remaining
- * caller's.
- *
- * These were the Menu shell's tests (Katerina, 2026-09-03: the identity menu
- * vanished under a z-indexed panel header, and a reply menu's highlight
- * submenu was cut off by the right screen edge — its hand-rolled flip read a
- * ref that was never attached, so it measured nothing). Stage 4 gave that job
- * to Floating UI, so the `clampBox` and `fitSubmenu` blocks are gone with the
- * functions, and what is left is `fitMenu` as **`ChipInput`** uses it: a
- * suggestion list under a text field, capped at 240.
- *
- * When `ChipInput` moves onto Base UI's `Combobox` at stage 5, this file and
- * `fit.ts` go together.
- */
-const viewport = { width: 1280, height: 800 }
-/** ChipInput's call: 48px rows, and the old `max-h-[240px]`. */
-const fitList = (args: Omit<Parameters<typeof fitMenu>[0], 'cap'>) => fitMenu({ ...args, cap: 240 })
-
-describe('fitMenu, as ChipInput calls it', () => {
-  it('leaves a comfortable list exactly where the field put it', () => {
-    const fit = fitList({
-      anchor: { left: 100, top: 200, bottom: 232 },
-      menu: { width: 240, contentHeight: 144 },
-      viewport,
-    })
-    expect(fit.left).toBe(100)
-    expect(fit.top).toBe(236)
-    expect(fit.bottom).toBeUndefined()
-  })
-
-  it('clamps a list that would run off the right edge', () => {
-    const fit = fitList({
-      anchor: { left: 1200, top: 200, bottom: 232 },
-      menu: { width: 340, contentHeight: 144 },
-      viewport,
-    })
-    // 1280 - 340 - 8 margin: fully on screen, margin kept.
-    expect(fit.left).toBe(932)
-  })
-
-  it('never pushes a list past the LEFT edge either', () => {
-    const fit = fitList({
-      anchor: { left: -20, top: 200, bottom: 232 },
-      menu: { width: 240, contentHeight: 144 },
-      viewport,
-    })
-    expect(fit.left).toBe(8)
-  })
-
-  it('opens upward when the room above is better — the field low on the screen', () => {
-    const fit = fitList({
-      anchor: { left: 100, top: 700, bottom: 732 },
-      menu: { width: 240, contentHeight: 480 },
-      viewport,
-    })
-    expect(fit.top).toBeUndefined()
-    expect(fit.bottom).toBe(800 - 700 + 4) // anchored to the field's top
-    expect(fit.maxHeight).toBe(240) // still capped
-  })
-
-  it('stays below when the room below is bad but the room above is worse', () => {
-    const fit = fitList({
-      anchor: { left: 100, top: 60, bottom: 92 },
-      menu: { width: 240, contentHeight: 480 },
-      viewport,
-    })
-    expect(fit.top).toBe(96)
-    expect(fit.maxHeight).toBe(240)
-  })
-
-  it('caps a long list at 240 with plenty of room — the old max-h-[240px]', () => {
-    const fit = fitList({
-      anchor: { left: 100, top: 100, bottom: 132 },
-      menu: { width: 240, contentHeight: 900 },
-      viewport,
-    })
-    expect(fit.maxHeight).toBe(240)
-  })
-
-  it('keeps a 120px floor in a cramped corner — scrollable beats invisible', () => {
-    const fit = fitList({
-      anchor: { left: 100, top: 740, bottom: 772 },
-      menu: { width: 240, contentHeight: 480 },
-      viewport,
-    })
-    expect(fit.maxHeight).toBeGreaterThanOrEqual(120)
-  })
-
-  it('with no cap, a tall list stands at its full height when the room is there', () => {
-    const fit = fitMenu({
-      anchor: { left: 1100, top: 20, bottom: 56 },
-      menu: { width: 288, contentHeight: 450 },
-      viewport: { width: 1440, height: 900 },
-    })
-    expect(fit.maxHeight).toBeGreaterThanOrEqual(450)
-  })
-})

package/src/fit.ts

@@ -1,50 +0,0 @@
-/**
- * The last of the hand-written viewport geometry.
- *
- * This module existed because the same failure kept recurring one floating
- * surface at a time: the files-panel picker was cut off at the right edge
- * (Select, 2026-09-01), then a reply menu's highlight submenu was cut the
- * same way and the identity menu vanished under a z-indexed header
- * (2026-09-03). Stage 4 handed that job to Floating UI, so `Menu`, `MenuSub`
- * and `Select` no longer call any of it, and `clampBox` and `fitSubmenu` are
- * gone with them.
- *
- * **`fitMenu` survives for exactly one caller: `ChipInput`**, whose suggestion
- * list is still hand-placed. It goes when `ChipInput` moves onto Base UI's
- * `Combobox` at stage 5, and this file goes with it. `PLAN.md` §6 said the
- * geometry had three callers and could be deleted at stage 4; it had four.
- */
-const MARGIN = 8
-const GAP = 4
-
-/**
- * Where a list of this size goes, given its anchor and the viewport.
- *
- * Left is clamped inside the viewport with an 8px margin. Height is capped at
- * `cap` — `ChipInput` passes 240, its old `max-h-[240px]` — but never taller
- * than the room there is; when the room below the anchor is smaller than both
- * the content and the room above, the list opens UPWARD (anchored to the
- * trigger's top via `bottom`). The 120px floor keeps it usable even in a
- * cramped corner — scrollable beats invisible.
- */
-export function fitMenu({
-  anchor,
-  menu,
-  viewport,
-  cap = Number.POSITIVE_INFINITY,
-}: {
-  anchor: { left: number; top: number; bottom: number }
-  menu: { width: number; contentHeight: number }
-  viewport: { width: number; height: number }
-  /** Tallest the menu may stand even with room to spare. Absent: the room is the only limit. */
-  cap?: number
-}): { left: number; top?: number; bottom?: number; maxHeight: number } {
-  const left = Math.max(MARGIN, Math.min(anchor.left, viewport.width - menu.width - MARGIN))
-  const below = viewport.height - anchor.bottom - GAP - MARGIN
-  const above = anchor.top - GAP - MARGIN
-  const openUp = below < Math.min(menu.contentHeight, cap) && above > below
-  const maxHeight = Math.max(Math.min(cap, openUp ? above : below), 120)
-  return openUp
-    ? { left, bottom: viewport.height - anchor.top + GAP, maxHeight }
-    : { left, top: anchor.bottom + GAP, maxHeight }
-}