@multiplatform.one/forms 7.81.0 → 7.81.2

package/src/fields/Select/Select.popUp.native.spec.tsx

@@ -0,0 +1,276 @@
+/**
+ * FZ-8655 (LC-112, Round 40 parity): a native Select opens the way the web's
+ * covering Select does, a macOS pop-up. The rows are measured in the native
+ * FloatingPanel and placed by the placement code the web shares
+ * (`placeCheckedOnField`): the checked row on the field, or the first row with
+ * no value, and never a field echo. A list that fits shows whole, a taller one
+ * scrolls with its clipped edges on the safe edges. On a phone a long list
+ * keeps its sheet at page level.
+ */
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { act } from "@testing-library/react";
+import type { ReactNode } from "react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { panelViewportPadding } from "../../FloatingPanel/useFloatingPanel";
+import { OverlayStackProvider } from "../../shared/overlayStack";
+import { placeCheckedOnField, scrollArrowBand } from "../../shared/checkedOnField";
+import { Select } from "./index";
+
+const screen = vi.hoisted(() => ({ width: 1024, height: 1366 }));
+
+vi.mock("tamagui", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("tamagui")>()),
+  isWeb: false,
+}));
+vi.mock("react-native-web", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("react-native")>()),
+  ActionSheetIOS: undefined,
+  Modal: ({ children, visible }: { children: ReactNode; visible: boolean }) =>
+    visible ? children : null,
+  useWindowDimensions: () => ({ ...screen, scale: 2, fontScale: 1 }),
+}));
+vi.mock("../../FloatingPanel", async (importOriginal) => {
+  const actual = await importOriginal<typeof import("../../FloatingPanel")>();
+  const native = await import("../../FloatingPanel/index.native");
+  return { ...actual, FloatingPanel: native.FloatingPanel };
+});
+
+const rowHeight = 44;
+let band = 0;
+let field = { x: 40, y: 400, width: 320, height: 44 };
+
+beforeEach(() => {
+  vi.useFakeTimers();
+  field = { x: 40, y: 400, width: 320, height: 44 };
+  screen.width = 1024;
+  screen.height = 1366;
+  vi.spyOn(HTMLElement.prototype, "getBoundingClientRect").mockImplementation(() => ({
+    ...field,
+    left: field.x,
+    top: field.y,
+    right: field.x + field.width,
+    bottom: field.y + field.height,
+    toJSON: () => ({}),
+  }));
+});
+afterEach(() => {
+  vi.restoreAllMocks();
+  vi.useRealTimers();
+});
+
+/** The band the panel lays out for: half this preset's menu row. */
+function BandProbe() {
+  const { knobProps } = useResolvedKnobs({ painted: false });
+  band = scrollArrowBand(knobProps.menuRow.minHeight);
+  return null;
+}
+
+const cities = (count: number) =>
+  Array.from({ length: count }, (_, i) => ({ value: `c${i}`, label: `City ${i}` }));
+
+function tap(target: Element) {
+  act(() => {
+    target.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, button: 0 }));
+    target.dispatchEvent(new MouseEvent("mouseup", { bubbles: true, button: 0 }));
+    target.dispatchEvent(new MouseEvent("click", { bubbles: true, button: 0 }));
+  });
+  act(() => {
+    vi.advanceTimersByTime(1);
+  });
+}
+
+/** RN-web parks onLayout on the node for a ResizeObserver happy-dom never fires. */
+function layout(node: Element, box: { y?: number; width: number; height: number }) {
+  const onLayout = (node as unknown as { __reactLayoutHandler?: (event: unknown) => void })
+    .__reactLayoutHandler;
+  expect(onLayout).toBeTypeOf("function");
+  act(() => {
+    onLayout?.({ nativeEvent: { layout: { x: 0, y: 0, ...box } } });
+  });
+}
+
+const byTestId = (id: string) => document.querySelector<HTMLElement>(`[data-testid="${id}"]`);
+const menu = () => byTestId("floating-panel-menu");
+const px = (value: string | undefined) => Number.parseFloat(value ?? "");
+
+function open({
+  count,
+  checked,
+  inOverlay = false,
+}: {
+  count: number;
+  checked?: number;
+  inOverlay?: boolean;
+}) {
+  const options = cities(count);
+  const select = (
+    <Select
+      aria-label="City"
+      options={options}
+      value={checked === undefined ? undefined : `c${checked}`}
+    />
+  );
+  const view = renderWithProviders(
+    <>
+      <BandProbe />
+      {inOverlay ? <OverlayStackProvider zIndex={100_000}>{select}</OverlayStackProvider> : select}
+    </>,
+  );
+  tap(view.getByRole("button", { name: "City" }));
+  return { view, options, contentHeight: count * rowHeight };
+}
+
+function measureRows(
+  view: ReturnType<typeof renderWithProviders>,
+  index: number,
+  contentHeight: number,
+) {
+  const frame = menu();
+  expect(frame).not.toBeNull();
+  layout(frame as HTMLElement, { width: 320, height: Math.min(contentHeight + 2, 900) });
+  layout(view.getByRole("button", { name: `City ${index}` }), {
+    y: index * rowHeight,
+    width: 320,
+    height: rowHeight,
+  });
+  layout(byTestId("floating-panel-menu-content") as HTMLElement, {
+    width: 320,
+    height: contentHeight,
+  });
+}
+
+/** The padding box the shared helper asks for, from the screen under test. */
+function expected(index: number, contentHeight: number, border: number) {
+  return placeCheckedOnField({
+    fieldTop: field.y,
+    fieldBottom: field.y + field.height,
+    rowTop: index * rowHeight,
+    rowHeight,
+    contentHeight,
+    boundsTop: panelViewportPadding + border,
+    boundsBottom: screen.height - panelViewportPadding - border,
+    band,
+  });
+}
+
+function border() {
+  const surface = byTestId("floating-panel-menu-surface") as HTMLElement;
+  return Math.round(px(getComputedStyle(surface).borderTopWidth)) || 0;
+}
+
+describe("Select native pop-up (FZ-8655)", () => {
+  it("never echoes the field, and paints nothing until its rows are measured", () => {
+    const { view, contentHeight } = open({ count: 5, checked: 2 });
+    expect(menu()?.style.opacity).toBe("0");
+    measureRows(view, 2, contentHeight);
+    expect(menu()?.style.opacity).toBe("1");
+    expect(byTestId("floating-panel-menu-echo")).toBeNull();
+  });
+
+  it("centres the checked row on the field, the rows before it running up", () => {
+    const { view, contentHeight } = open({ count: 5, checked: 2 });
+    measureRows(view, 2, contentHeight);
+    const b = border();
+    const fit = expected(2, contentHeight, b);
+    expect(px(menu()?.style.top)).toBe(fit.top - b);
+    expect(fit.top + 2 * rowHeight).toBe(field.y);
+  });
+
+  it("puts the first row on the field with no value", () => {
+    const { view, contentHeight } = open({ count: 5 });
+    measureRows(view, 0, contentHeight);
+    const b = border();
+    expect(px(menu()?.style.top) + b).toBe(field.y);
+  });
+
+  it("shows a short list by the bottom edge whole, slid inside the safe edge", () => {
+    field = { ...field, y: 1300 };
+    const { view, contentHeight } = open({ count: 7, checked: 3 });
+    measureRows(view, 3, contentHeight);
+    const b = border();
+    const top = px(menu()?.style.top);
+    expect(top + b + contentHeight).toBe(screen.height - panelViewportPadding - b);
+    expect(px(menu()?.style.maxHeight)).toBe(contentHeight + 2 * b);
+    expect(byTestId("floating-panel-scroll-up")).toBeNull();
+    expect(byTestId("floating-panel-scroll-down")).toBeNull();
+  });
+
+  it("opens at every list length at regular width, not a sheet or a regular panel", () => {
+    const { view, contentHeight } = open({ count: 20, checked: 10 });
+    measureRows(view, 10, contentHeight);
+    expect(byTestId("floating-panel-sheet")).toBeNull();
+    expect(byTestId("floating-panel-regular")).toBeNull();
+    expect(byTestId("floating-panel-menu-echo")).toBeNull();
+  });
+
+  it("scrolls a list taller than the safe viewport, its clipped edges on the safe edges", () => {
+    const { view, contentHeight } = open({ count: 60, checked: 30 });
+    measureRows(view, 30, contentHeight);
+    const b = border();
+    const fit = expected(30, contentHeight, b);
+    expect(fit.scrollTop).toBeGreaterThan(0);
+    expect(px(menu()?.style.top)).toBe(panelViewportPadding);
+    expect(px(menu()?.style.maxHeight)).toBe(screen.height - 2 * panelViewportPadding);
+    expect(byTestId("floating-panel-scroll-up")).not.toBeNull();
+    expect(byTestId("floating-panel-scroll-down")).not.toBeNull();
+    const checkedTop = fit.top - fit.scrollTop + 30 * rowHeight;
+    expect(checkedTop + rowHeight / 2).toBe(field.y + field.height / 2);
+  });
+
+  it("keeps an arrow only on the side that's clipped", () => {
+    const { view, contentHeight } = open({ count: 60, checked: 1 });
+    measureRows(view, 1, contentHeight);
+    expect(byTestId("floating-panel-scroll-up")).toBeNull();
+    expect(byTestId("floating-panel-scroll-down")).not.toBeNull();
+  });
+
+  it.each([
+    ["top", 20],
+    ["middle", 640],
+    ["bottom", 1290],
+  ])("keeps the checked row inside the panel, clear of its bands, at the %s", (_name, y) => {
+    field = { ...field, y };
+    for (const checked of [0, 1, 29, 58, 59]) {
+      const { view, contentHeight } = open({ count: 60, checked });
+      measureRows(view, checked, contentHeight);
+      const b = border();
+      const fit = expected(checked, contentHeight, b);
+      const rowTop = fit.top - fit.scrollTop + checked * rowHeight;
+      expect(px(menu()?.style.top)).toBe(fit.top - b);
+      expect(rowTop).toBeGreaterThanOrEqual(fit.top);
+      expect(rowTop + rowHeight).toBeLessThanOrEqual(fit.top + fit.height);
+      view.unmount();
+    }
+  });
+
+  it("keeps the sheet for a long list on a phone at page level", () => {
+    screen.width = 390;
+    screen.height = 844;
+    open({ count: 20, checked: 10 });
+    expect(byTestId("floating-panel-sheet")).not.toBeNull();
+    expect(menu()).toBeNull();
+  });
+
+  it("opens a long list as a pop-up on a phone inside an overlay", () => {
+    screen.width = 390;
+    screen.height = 844;
+    field = { ...field, y: 300 };
+    const { view, contentHeight } = open({ count: 20, checked: 10, inOverlay: true });
+    measureRows(view, 10, contentHeight);
+    expect(byTestId("floating-panel-sheet")).toBeNull();
+    expect(byTestId("floating-panel-menu-echo")).toBeNull();
+    const b = border();
+    expect(px(menu()?.style.top)).toBe(expected(10, contentHeight, b).top - b);
+  });
+
+  it("keeps a short list inside an overlay attached beside its field (LC-262)", () => {
+    screen.width = 390;
+    screen.height = 844;
+    open({ count: 4, checked: 1, inOverlay: true });
+    const frame = menu() as HTMLElement;
+    layout(frame, { width: 320, height: 178 });
+    expect(frame.style.opacity).toBe("1");
+    expect(px(frame.style.top)).toBe(field.y + field.height);
+  });
+});

package/src/fields/Select/Select.stories.tsx

@@ -623,3 +623,19 @@ export const LowOnPage: StoryObj<{ spaceAbove: number; count: number }> = {
     );
   },
 };
+
+/**
+ * LC-112 (FZ-8655): a field mid-screen. A list taller than the safe viewport
+ * reaches both safe edges and scrolls under its bands, the checked row on the
+ * field.
+ */
+export const MidOnPage: StoryObj<{ spaceAbove: number; count: number }> = {
+  ...LowOnPage,
+  args: { ...LowOnPage.args, spaceAbove: 440 },
+};
+
+/** LC-112 (FZ-8655): a short list by the bottom edge shows whole, slid inside the safe edge. */
+export const ShortLowOnPage: StoryObj<{ spaceAbove: number; count: number }> = {
+  ...LowOnPage,
+  args: { ...LowOnPage.args, count: 7 },
+};

package/src/fields/Select/index.tsx

@@ -1247,6 +1247,7 @@ function NativeSelectCore({
   const insideOverlay = useInsideOverlay();
   const compactFace = pickerCompactFace(options.length);
   const asMenu = resolveCompactFace(compactFace, insideOverlay) === "menu";
+  const beside = asMenu && insideOverlay && opensBesideTrigger(options.length);
   const hydrationTouch = useTouchSurface();
   const describedBy = useFieldDescribedBy();
   const fieldA11y = useFieldA11y();
@@ -1310,6 +1311,13 @@ function NativeSelectCore({
     }
   }, [open, selectedIndex]);
 
+  // LC-112 (FZ-8655): the native pop-up puts this row on the field, measured
+  // fresh each open.
+  const [onFieldRow, setOnFieldRow] = useState<{ top: number; height: number } | null>(null);
+  useEffect(() => {
+    if (!open) setOnFieldRow(null);
+  }, [open]);
+
   const handleSelect = useCallback(
     (optionValue: string) => {
       if (multiple) {
@@ -1454,6 +1462,12 @@ function NativeSelectCore({
             accessibilityRole="button"
             accessibilityLabel={option.label}
             accessibilityState={{ selected }}
+            onLayout={
+              i === Math.max(selectedIndex, 0)
+                ? ({ nativeEvent: { layout } }) =>
+                    setOnFieldRow({ top: layout.y, height: layout.height })
+                : undefined
+            }
           >
             {row}
           </RNPressable>
@@ -1555,9 +1569,11 @@ function NativeSelectCore({
       // sheet at page level and opens as a menu inside another overlay (FZ-7830).
       compactFace={compactFace}
       panelWidth={panelWidth}
-      {...(asMenu && insideOverlay && opensBesideTrigger(options.length)
+      {...(beside
         ? { anchorMode: "attach" as const, triggerEcho: false }
-        : null)}
+        : isWeb || displayOptions.length === 0
+          ? null
+          : { popUp: { row: onFieldRow } })}
       triggerA11y={{
         label: ariaLabel ?? fieldA11y?.label,
         value: triggerValueText,

package/src/shared/checkedOnField.ts

@@ -0,0 +1,116 @@
+export const scrollArrowThreshold = 8;
+
+/**
+ * A scroll arrow's band: half a menu row, opaque in the panel's own fill.
+ * Rows scroll under it, and a row cut at a clipped edge hides under it
+ * (FZ-8557, LC-112).
+ */
+export function scrollArrowBand(rowHeight: number): number {
+  return Math.round(rowHeight / 2);
+}
+
+export interface ArrowBandFit {
+  /** The padding box's top edge, in viewport pixels. */
+  top: number;
+  /** The padding box's visible height. */
+  height: number;
+  scrollTop: number;
+}
+
+export interface CheckedOnFieldInput {
+  /** The field's edges, in viewport pixels: the checked row centres on them. */
+  fieldTop: number;
+  fieldBottom: number;
+  /** The checked row's offset in the scroll content, and its height. */
+  rowTop: number;
+  rowHeight: number;
+  /** The scroll content's full height. */
+  contentHeight: number;
+  /** The safe edges the panel's padding box may reach. */
+  boundsTop: number;
+  boundsBottom: number;
+  band: number;
+  threshold?: number;
+}
+
+const clamp = (value: number, low: number, high: number) => Math.max(low, Math.min(high, value));
+
+/**
+ * A Select covering its field opens the way a macOS pop-up does: its checked
+ * row sits on the field, centred on it, so the value stays where the closed
+ * field drew it (FZ-8557, LC-112).
+ *
+ * A list that fits between the safe edges shows every row with no scrolling,
+ * slid the least distance that keeps it on screen. A taller list keeps the
+ * checked row on the field and clips at the safe edges: a clipped edge sits on
+ * the safe edge, and the rows past it scroll under the opaque arrow band there.
+ * The checked row is never under a band; where one would cover it, the panel
+ * or the list shifts by that much. Returns the padding box.
+ */
+export function placeCheckedOnField(input: CheckedOnFieldInput): ArrowBandFit {
+  const { fieldTop, fieldBottom, rowTop, rowHeight, contentHeight, boundsTop, boundsBottom, band } =
+    input;
+  const threshold = input.threshold ?? scrollArrowThreshold;
+  const target = clamp(
+    (fieldTop + fieldBottom) / 2 - rowHeight / 2,
+    boundsTop,
+    boundsBottom - rowHeight,
+  );
+  if (contentHeight <= boundsBottom - boundsTop) {
+    const top = clamp(target - rowTop, boundsTop, boundsBottom - contentHeight);
+    return { top, height: contentHeight, scrollTop: 0 };
+  }
+  let top = target - rowTop;
+  let scrollTop = 0;
+  if (top < boundsTop) {
+    scrollTop = boundsTop - top;
+    top = boundsTop;
+  }
+  const end = () => top - scrollTop + contentHeight;
+  const bottom = () => Math.min(boundsBottom, end());
+  const checkedTop = () => top - scrollTop + rowTop;
+  // Clear of the down band: the panel's top lifts first, then the list scrolls.
+  if (end() - bottom() > threshold) {
+    const short = checkedTop() + rowHeight - (bottom() - band);
+    if (short > 0) {
+      const lift = scrollTop > 0 ? 0 : Math.min(short, top - boundsTop);
+      top -= lift;
+      scrollTop += short - lift;
+    }
+  }
+  // Clear of the up band: the list drops, never past its start.
+  if (scrollTop > threshold) {
+    const short = top + band - checkedTop();
+    if (short > 0) scrollTop = Math.max(0, scrollTop - short);
+  }
+  // A scroll too small to show an arrow is the panel's own offset instead.
+  if (scrollTop > 0 && scrollTop <= threshold) {
+    top += scrollTop;
+    scrollTop = 0;
+  }
+  return { top, height: bottom() - top, scrollTop };
+}
+
+/**
+ * A scrolled list whose panel stops short of a safe edge grows toward it, the
+ * way a macOS menu does: the edge follows the rows until it meets the safe
+ * edge, and the rows stay where the scroll put them (FZ-8463, FZ-8557). The
+ * panel never shrinks. Takes and returns the padding box.
+ */
+export function growOnScroll({
+  top,
+  height,
+  scrollTop,
+  contentHeight,
+  boundsTop,
+  boundsBottom,
+}: ArrowBandFit & {
+  contentHeight: number;
+  boundsTop: number;
+  boundsBottom: number;
+}): ArrowBandFit {
+  const origin = top - scrollTop;
+  const nextTop = Math.min(top, Math.max(boundsTop, origin));
+  const nextBottom = Math.max(top + height, Math.min(boundsBottom, origin + contentHeight));
+  return { top: nextTop, height: nextBottom - nextTop, scrollTop: nextTop - origin };
+}

package/src/shared/floatingList.tsx

@@ -4,6 +4,7 @@ import { CaretDownIcon, CaretUpIcon } from "@phosphor-icons/react";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { View } from "tamagui";
 import { FocusContext } from "../InputParts";
+import { scrollArrowBand } from "./checkedOnField";
 
 const dropdownMaxRadiusTokenNum = 8;
 
@@ -24,122 +25,13 @@ export function SyncFocusToOpen({ open }: { open: boolean }) {
   return null;
 }
 
-export const scrollArrowThreshold = 8;
-
-/**
- * A scroll arrow's band: half a menu row, opaque in the panel's own fill.
- * Rows scroll under it, and a row cut at a clipped edge hides under it
- * (FZ-8557, LC-112).
- */
-export function scrollArrowBand(rowHeight: number): number {
-  return Math.round(rowHeight / 2);
-}
-
-export interface ArrowBandFit {
-  /** The padding box's top edge, in viewport pixels. */
-  top: number;
-  /** The padding box's visible height. */
-  height: number;
-  scrollTop: number;
-}
-
-export interface CheckedOnFieldInput {
-  /** The field's edges, in viewport pixels: the checked row centres on them. */
-  fieldTop: number;
-  fieldBottom: number;
-  /** The checked row's offset in the scroll content, and its height. */
-  rowTop: number;
-  rowHeight: number;
-  /** The scroll content's full height. */
-  contentHeight: number;
-  /** The safe edges the panel's padding box may reach. */
-  boundsTop: number;
-  boundsBottom: number;
-  band: number;
-  threshold?: number;
-}
-
-const clamp = (value: number, low: number, high: number) => Math.max(low, Math.min(high, value));
-
-/**
- * A Select covering its field opens the way a macOS pop-up does: its checked
- * row sits on the field, centred on it, so the value stays where the closed
- * field drew it (FZ-8557, LC-112).
- *
- * A list that fits between the safe edges shows every row with no scrolling,
- * slid the least distance that keeps it on screen. A taller list keeps the
- * checked row on the field and clips at the safe edges: a clipped edge sits on
- * the safe edge, and the rows past it scroll under the opaque arrow band there.
- * The checked row is never under a band; where one would cover it, the panel
- * or the list shifts by that much. Returns the padding box.
- */
-export function placeCheckedOnField(input: CheckedOnFieldInput): ArrowBandFit {
-  const { fieldTop, fieldBottom, rowTop, rowHeight, contentHeight, boundsTop, boundsBottom, band } =
-    input;
-  const threshold = input.threshold ?? scrollArrowThreshold;
-  const target = clamp(
-    (fieldTop + fieldBottom) / 2 - rowHeight / 2,
-    boundsTop,
-    boundsBottom - rowHeight,
-  );
-  if (contentHeight <= boundsBottom - boundsTop) {
-    const top = clamp(target - rowTop, boundsTop, boundsBottom - contentHeight);
-    return { top, height: contentHeight, scrollTop: 0 };
-  }
-  let top = target - rowTop;
-  let scrollTop = 0;
-  if (top < boundsTop) {
-    scrollTop = boundsTop - top;
-    top = boundsTop;
-  }
-  const end = () => top - scrollTop + contentHeight;
-  const bottom = () => Math.min(boundsBottom, end());
-  const checkedTop = () => top - scrollTop + rowTop;
-  // Clear of the down band: the panel's top lifts first, then the list scrolls.
-  if (end() - bottom() > threshold) {
-    const short = checkedTop() + rowHeight - (bottom() - band);
-    if (short > 0) {
-      const lift = scrollTop > 0 ? 0 : Math.min(short, top - boundsTop);
-      top -= lift;
-      scrollTop += short - lift;
-    }
-  }
-  // Clear of the up band: the list drops, never past its start.
-  if (scrollTop > threshold) {
-    const short = top + band - checkedTop();
-    if (short > 0) scrollTop = Math.max(0, scrollTop - short);
-  }
-  // A scroll too small to show an arrow is the panel's own offset instead.
-  if (scrollTop > 0 && scrollTop <= threshold) {
-    top += scrollTop;
-    scrollTop = 0;
-  }
-  return { top, height: bottom() - top, scrollTop };
-}
-
-/**
- * A scrolled list whose panel stops short of a safe edge grows toward it, the
- * way a macOS menu does: the edge follows the rows until it meets the safe
- * edge, and the rows stay where the scroll put them (FZ-8463, FZ-8557). The
- * panel never shrinks. Takes and returns the padding box.
- */
-export function growOnScroll({
-  top,
-  height,
-  scrollTop,
-  contentHeight,
-  boundsTop,
-  boundsBottom,
-}: ArrowBandFit & {
-  contentHeight: number;
-  boundsTop: number;
-  boundsBottom: number;
-}): ArrowBandFit {
-  const origin = top - scrollTop;
-  const nextTop = Math.min(top, Math.max(boundsTop, origin));
-  const nextBottom = Math.max(top + height, Math.min(boundsBottom, origin + contentHeight));
-  return { top: nextTop, height: nextBottom - nextTop, scrollTop: nextTop - origin };
-}
+export {
+  growOnScroll,
+  placeCheckedOnField,
+  scrollArrowBand,
+  scrollArrowThreshold,
+} from "./checkedOnField";
+export type { ArrowBandFit, CheckedOnFieldInput } from "./checkedOnField";
 
 // ── Scroll Arrow (sticky inside scrollable panels) ────────────
 

package/types/AdaptivePopup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AdaptivePopup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA6Bf,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,uCAAuC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;IAChD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACrD,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoBD,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE;IAC7C,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,yBAAyB,CAK5B;AAyFD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAW,EACX,IAAe,EACf,eAAsB,EACtB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,WAAoB,EACpB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,cAAc,GACf,EAAE,kBAAkB,2CAkUpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AdaptivePopup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA6Bf,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,uCAAuC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;IAChD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACrD,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoBD,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE;IAC7C,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,yBAAyB,CAK5B;AAyFD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAW,EACX,IAAe,EACf,eAAsB,EACtB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,WAAoB,EACpB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,cAAc,GACf,EAAE,kBAAkB,2CAqUpB"}

package/types/FloatingPanel/index.d.ts

@@ -38,6 +38,21 @@ export interface FloatingPanelProps {
      * it opens down from the button's top edge, or up from its bottom edge.
      */
     iconCover?: boolean;
+    /**
+     * Native only: the panel opens the way a macOS pop-up does (LC-112, FZ-8655).
+     * `row` is the row that sits on the trigger, its offset and height in the
+     * panel's content, `null` until the caller has measured it. There's no
+     * trigger echo, a list that fits the safe edges shows whole, and a taller one
+     * scrolls under opaque arrow bands (`placeCheckedOnField`). At regular width
+     * this is the panel's face at every list length, so a Select never takes
+     * RegularPanel's echo or a sheet there.
+     */
+    popUp?: {
+        row: {
+            top: number;
+            height: number;
+        } | null;
+    };
     /**
      * Optional control rendered beside the trigger but OUTSIDE the native press
      * capture (e.g. DatePicker/ColorPicker clear). On native the trigger subtree

package/types/FloatingPanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.tsx"],"names":[],"mappings":"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"}

package/types/FloatingPanel/index.native.d.ts

@@ -61,6 +61,13 @@
  * OVERLAY_BREAKPOINT the sheet is the wrong form. The panel opens over its
  * field the way the web float does (LC-105, LC-112), sized by `widthMode`;
  * compact windows (iPhone, Slide Over) keep the sheet. `sheet` forces it.
+ *
+ * Pop-up (`popUp`, FZ-8655): a Select's menu face opens the way a macOS pop-up
+ * does, as the web's covering Select does. The rows are measured here, the
+ * caller reports the row that goes on the field, and `placeCheckedOnField`
+ * (shared with the web) places the panel. It's a touch list, so a panel keeps
+ * its box as it scrolls, as a UIMenu does, where a pointer's grows
+ * (`growOnScroll`).
  */
 import type { FloatingPanelProps } from "./index";
 export { useFloatingPanel, panelAnimationDuration, panelGrowDuration, panelTransition, panelViewportPadding, } from "./useFloatingPanel";
@@ -69,7 +76,7 @@ export type { FloatingPanelProps } from "./index";
 export { floatingPanelActionProps, isNestedPanelAction } from "./nestedAction";
 /** Native never has a >sm web viewport; AdaptivePopup uses this to pick Sheet mode. */
 export declare function useViewportGtSm(): boolean;
-export declare function FloatingPanel({ open, onOpenChange, onNativeShow, trigger, triggerEnd, triggerSizing, children: panelChildren, scrollable, disabled, contentPadding, header, scrollViewProps, triggerA11y, sheetFill, openOn, compactFace, triggerRow, triggerEcho, coverAlign, iconCover, anchorMode, panelWidth, sheet, widthMode, fitContent, }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingPanel({ open, onOpenChange, onNativeShow, trigger, triggerEnd, triggerSizing, children: panelChildren, scrollable, disabled, contentPadding, header, scrollViewProps, triggerA11y, sheetFill, openOn, compactFace, triggerRow, triggerEcho, coverAlign, iconCover, popUp, anchorMode, panelWidth, sheet, widthMode, fitContent, }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;
 /** Web only: native echoes the trigger inside its own menu face. */
 export declare function TriggerEchoRow(_props: {
     [key: string]: unknown;

package/types/FloatingPanel/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AAoCH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAyBlD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,uFAAuF;AACvF,wBAAgB,eAAe,YAE9B;AAiBD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAyB,EACzB,QAAQ,EAAE,aAAa,EACvB,UAAU,EACV,QAAQ,EACR,cAA0B,EAC1B,MAAM,EACN,eAAe,EACf,WAAW,EACX,SAAS,EACT,MAAgB,EAChB,WAAW,EACX,UAAU,EACV,WAAkB,EAClB,UAAoB,EACpB,SAAiB,EACjB,UAAU,EACV,UAAsB,EACtB,KAAK,EACL,SAAS,EACT,UAAU,GACX,EAAE,kBAAkB,2CA6nBpB;AAkRD,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,MAAM,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAAG,IAAI,CAEvE;AAED,6EAA6E;AAC7E,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,OAAO,EACtB,SAAS,EAAE,OAAO,EAClB,QAAQ,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAC/B,IAAI,CAAG"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AAwDH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAyBlD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,uFAAuF;AACvF,wBAAgB,eAAe,YAE9B;AAiBD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAyB,EACzB,QAAQ,EAAE,aAAa,EACvB,UAAU,EACV,QAAQ,EACR,cAA0B,EAC1B,MAAM,EACN,eAAe,EACf,WAAW,EACX,SAAS,EACT,MAAgB,EAChB,WAAW,EACX,UAAU,EACV,WAAkB,EAClB,UAAoB,EACpB,SAAiB,EACjB,KAAK,EACL,UAAU,EACV,UAAsB,EACtB,KAAK,EACL,SAAS,EACT,UAAU,GACX,EAAE,kBAAkB,2CA8nBpB;AAmaD,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,MAAM,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAAG,IAAI,CAEvE;AAED,6EAA6E;AAC7E,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,OAAO,EACtB,SAAS,EAAE,OAAO,EAClB,QAAQ,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAC/B,IAAI,CAAG"}