@remix-run/ui 0.0.0 → 0.1.0

package/dist/components/menu/hover-aim.js

@@ -0,0 +1,308 @@
+const HOVER_AIM_PADDING = 8;
+const HOVER_AIM_MAX_DURATION = 300;
+const HOVER_AIM_STALL_DURATION = 120;
+const HOVER_AIM_MIN_PROGRESS = 0.5;
+const HOVER_AIM_MAX_STALLED_UPDATES = 2;
+export function createHoverAim() {
+    let lastPointer = null;
+    let session = null;
+    let pointerTrackingActive = false;
+    let processedEvents = new WeakMap();
+    function handleDocumentPointerMove(event) {
+        accepts(event);
+    }
+    function startPointerTracking() {
+        if (pointerTrackingActive) {
+            return;
+        }
+        document.addEventListener('pointermove', handleDocumentPointerMove, { capture: true });
+        pointerTrackingActive = true;
+    }
+    function stopPointerTracking() {
+        if (!pointerTrackingActive) {
+            return;
+        }
+        document.removeEventListener('pointermove', handleDocumentPointerMove, { capture: true });
+        pointerTrackingActive = false;
+    }
+    function clearSession(reason, currentSession = session) {
+        if (!currentSession) {
+            return;
+        }
+        clearTimeout(currentSession.durationTimeoutId);
+        clearTimeout(currentSession.stallTimeoutId);
+        if (session === currentSession) {
+            session = null;
+        }
+        stopPointerTracking();
+        if (reason === 'duration-timeout' || reason === 'stall-timeout') {
+            currentSession.onExpire?.();
+        }
+    }
+    function scheduleDurationTimeout(currentSession) {
+        currentSession.durationTimeoutId = window.setTimeout(() => {
+            clearSession('duration-timeout', currentSession);
+        }, HOVER_AIM_MAX_DURATION);
+    }
+    function scheduleStallTimeout(currentSession) {
+        clearTimeout(currentSession.stallTimeoutId);
+        currentSession.stallTimeoutId = window.setTimeout(() => {
+            clearSession('stall-timeout', currentSession);
+        }, HOVER_AIM_STALL_DURATION);
+    }
+    function rememberPointer(event) {
+        if (!isMousePointer(event)) {
+            return;
+        }
+        lastPointer = getPoint(event);
+    }
+    function start(source, target, event, onExpire) {
+        clearSession('restart');
+        if (event && !isMousePointer(event)) {
+            return false;
+        }
+        if (!source.isConnected || !target.isConnected) {
+            return false;
+        }
+        let startPoint = event ? getPoint(event) : lastPointer;
+        if (!startPoint) {
+            return false;
+        }
+        if (event?.relatedTarget instanceof Node && target.contains(event.relatedTarget)) {
+            lastPointer = startPoint;
+            return true;
+        }
+        let sourceRect = toRect(source.getBoundingClientRect());
+        let actualRect = toRect(target.getBoundingClientRect());
+        if (isEmptyRect(sourceRect) ||
+            isEmptyRect(actualRect) ||
+            containsPoint(actualRect, startPoint) ||
+            !isHeadingTowardTarget(sourceRect, actualRect, startPoint)) {
+            return false;
+        }
+        lastPointer = startPoint;
+        let paddedRect = inflateRect(actualRect, HOVER_AIM_PADDING);
+        let currentSession = {
+            target,
+            actualRect,
+            polygon: createCorridor(startPoint, paddedRect),
+            startedAt: Date.now(),
+            lastDistance: distanceToRect(startPoint, actualRect),
+            lastPoint: startPoint,
+            durationTimeoutId: 0,
+            stalledUpdates: 0,
+            stallTimeoutId: 0,
+            onExpire,
+        };
+        session = currentSession;
+        startPointerTracking();
+        scheduleDurationTimeout(currentSession);
+        scheduleStallTimeout(currentSession);
+        return true;
+    }
+    function accepts(event) {
+        if (processedEvents.has(event)) {
+            return processedEvents.get(event);
+        }
+        rememberPointer(event);
+        let currentSession = session;
+        if (!currentSession) {
+            processedEvents.set(event, true);
+            return true;
+        }
+        if (!isMousePointer(event) || event.type !== 'pointermove') {
+            clearSession('non-pointermove', currentSession);
+            processedEvents.set(event, true);
+            return true;
+        }
+        if (!currentSession.target.isConnected) {
+            clearSession('target-disconnected', currentSession);
+            processedEvents.set(event, true);
+            return true;
+        }
+        let point = getPoint(event);
+        if (enteredTarget(currentSession, point, event.target)) {
+            clearSession('entered-target', currentSession);
+            processedEvents.set(event, true);
+            return true;
+        }
+        if (!pointInPolygon(point, currentSession.polygon)) {
+            clearSession('outside-corridor', currentSession);
+            processedEvents.set(event, true);
+            return true;
+        }
+        if (distanceBetweenPoints(currentSession.lastPoint, point) > 0) {
+            scheduleStallTimeout(currentSession);
+        }
+        let nextDistance = distanceToRect(point, currentSession.actualRect);
+        if (currentSession.lastDistance - nextDistance >= HOVER_AIM_MIN_PROGRESS) {
+            currentSession.stalledUpdates = 0;
+        }
+        else {
+            currentSession.stalledUpdates++;
+        }
+        currentSession.lastPoint = point;
+        currentSession.lastDistance = nextDistance;
+        if (currentSession.stalledUpdates >= HOVER_AIM_MAX_STALLED_UPDATES) {
+            clearSession('stalled-updates', currentSession);
+            processedEvents.set(event, true);
+            return true;
+        }
+        if (Date.now() - currentSession.startedAt >= HOVER_AIM_MAX_DURATION) {
+            clearSession('max-duration', currentSession);
+            processedEvents.set(event, true);
+            return true;
+        }
+        processedEvents.set(event, false);
+        return false;
+    }
+    return { start, accepts };
+}
+function isMousePointer(event) {
+    return (event.pointerType === undefined || event.pointerType === '' || event.pointerType === 'mouse');
+}
+function getPoint(event) {
+    return {
+        x: event.clientX,
+        y: event.clientY,
+    };
+}
+function toRect(rect) {
+    return {
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom,
+    };
+}
+function isEmptyRect(rect) {
+    return rect.left === rect.right || rect.top === rect.bottom;
+}
+function inflateRect(rect, padding) {
+    return {
+        left: rect.left - padding,
+        top: rect.top - padding,
+        right: rect.right + padding,
+        bottom: rect.bottom + padding,
+    };
+}
+function containsPoint(rect, point) {
+    return (point.x >= rect.left && point.x <= rect.right && point.y >= rect.top && point.y <= rect.bottom);
+}
+function isHeadingTowardTarget(sourceRect, targetRect, point) {
+    let sourceCenterX = sourceRect.left + (sourceRect.right - sourceRect.left) / 2;
+    let sourceCenterY = sourceRect.top + (sourceRect.bottom - sourceRect.top) / 2;
+    let targetCenterX = targetRect.left + (targetRect.right - targetRect.left) / 2;
+    let targetCenterY = targetRect.top + (targetRect.bottom - targetRect.top) / 2;
+    let deltaX = targetCenterX - sourceCenterX;
+    let deltaY = targetCenterY - sourceCenterY;
+    if (Math.abs(deltaX) >= Math.abs(deltaY)) {
+        return deltaX >= 0 ? point.x >= sourceCenterX : point.x <= sourceCenterX;
+    }
+    return deltaY >= 0 ? point.y >= sourceCenterY : point.y <= sourceCenterY;
+}
+function enteredTarget(session, point, eventTarget) {
+    if (containsPoint(session.actualRect, point)) {
+        return true;
+    }
+    return eventTarget instanceof Node && session.target.contains(eventTarget);
+}
+function distanceBetweenPoints(from, to) {
+    return Math.hypot(to.x - from.x, to.y - from.y);
+}
+function distanceToRect(point, rect) {
+    let dx = 0;
+    let dy = 0;
+    if (point.x < rect.left) {
+        dx = rect.left - point.x;
+    }
+    else if (point.x > rect.right) {
+        dx = point.x - rect.right;
+    }
+    if (point.y < rect.top) {
+        dy = rect.top - point.y;
+    }
+    else if (point.y > rect.bottom) {
+        dy = point.y - rect.bottom;
+    }
+    return Math.hypot(dx, dy);
+}
+function createCorridor(startPoint, rect) {
+    let points = dedupePoints([
+        startPoint,
+        { x: rect.left, y: rect.top },
+        { x: rect.right, y: rect.top },
+        { x: rect.right, y: rect.bottom },
+        { x: rect.left, y: rect.bottom },
+    ]);
+    if (points.length <= 2) {
+        return points;
+    }
+    points.sort((left, right) => {
+        if (left.x === right.x) {
+            return left.y - right.y;
+        }
+        return left.x - right.x;
+    });
+    let lower = [];
+    for (let point of points) {
+        while (lower.length >= 2 &&
+            crossProduct(lower[lower.length - 2], lower[lower.length - 1], point) <= 0) {
+            lower.pop();
+        }
+        lower.push(point);
+    }
+    let upper = [];
+    for (let index = points.length - 1; index >= 0; index--) {
+        let point = points[index];
+        while (upper.length >= 2 &&
+            crossProduct(upper[upper.length - 2], upper[upper.length - 1], point) <= 0) {
+            upper.pop();
+        }
+        upper.push(point);
+    }
+    return lower.slice(0, -1).concat(upper.slice(0, -1));
+}
+function crossProduct(origin, a, b) {
+    return (a.x - origin.x) * (b.y - origin.y) - (a.y - origin.y) * (b.x - origin.x);
+}
+function dedupePoints(points) {
+    let seen = new Set();
+    return points.filter((point) => {
+        let key = `${point.x}:${point.y}`;
+        if (seen.has(key)) {
+            return false;
+        }
+        seen.add(key);
+        return true;
+    });
+}
+function pointInPolygon(point, polygon) {
+    if (polygon.length < 3) {
+        return false;
+    }
+    let inside = false;
+    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+        if (pointOnSegment(point, polygon[j], polygon[i])) {
+            return true;
+        }
+        if (polygon[i].y > point.y !== polygon[j].y > point.y &&
+            point.x <
+                ((polygon[j].x - polygon[i].x) * (point.y - polygon[i].y)) / (polygon[j].y - polygon[i].y) +
+                    polygon[i].x) {
+            inside = !inside;
+        }
+    }
+    return inside;
+}
+function pointOnSegment(point, start, end) {
+    let cross = crossProduct(start, end, point);
+    if (Math.abs(cross) > 0.001) {
+        return false;
+    }
+    return (point.x >= Math.min(start.x, end.x) &&
+        point.x <= Math.max(start.x, end.x) &&
+        point.y >= Math.min(start.y, end.y) &&
+        point.y <= Math.max(start.y, end.y));
+}
+//# sourceMappingURL=hover-aim.js.map

package/dist/components/menu/hover-aim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-aim.js","sourceRoot":"","sources":["../../../src/components/menu/hover-aim.ts"],"names":[],"mappings":"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"}

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,164 @@
+import { type CSSMixinDescriptor, type ElementProps, type Handle, type Props, type RemixNode } from '@remix-run/ui';
+import { type AnchorOptions } from '../anchor/anchor.ts';
+import { type SearchValue } from '../../interactions/typeahead/typeahead-mixin.ts';
+declare const MENU_SELECT_EVENT: "rmx:menu-select";
+type MenuSelectHandler = (event: MenuSelectEvent, signal: AbortSignal) => void | Promise<void>;
+export declare const buttonStyle: CSSMixinDescriptor;
+export declare const popoverStyle: CSSMixinDescriptor;
+export declare const listStyle: CSSMixinDescriptor;
+export declare const itemStyle: CSSMixinDescriptor;
+export declare const itemSlotStyle: CSSMixinDescriptor;
+export declare const itemLabelStyle: CSSMixinDescriptor;
+export declare const itemGlyphStyle: CSSMixinDescriptor;
+export declare const triggerGlyphStyle: CSSMixinDescriptor;
+declare global {
+    interface HTMLElementEventMap {
+        [MENU_SELECT_EVENT]: MenuSelectEvent;
+    }
+}
+type MenuItemType = 'item' | 'checkbox' | 'radio';
+type CloseAnimation = 'fade' | 'none';
+type OpenStrategy = 'first' | 'last' | 'list' | 'none';
+declare enum NavigationStrategy {
+    Next = 0,
+    Previous = 1,
+    First = 2,
+    Last = 3
+}
+declare enum State {
+    Idle = "idle",
+    Dismissing = "dismissing",
+    Selecting = "selecting"
+}
+export interface MenuSelectItem {
+    checked?: boolean;
+    id: string;
+    label: string;
+    name: string;
+    type: MenuItemType;
+    value: string | null;
+}
+export declare class MenuSelectEvent extends Event {
+    readonly item: MenuSelectItem;
+    constructor(item: MenuSelectItem);
+}
+export interface MenuProviderProps {
+    children?: RemixNode;
+    label?: string;
+}
+export interface MenuTriggerOptions extends AnchorOptions {
+}
+export interface MenuItemOptions {
+    checked?: boolean;
+    disabled?: boolean;
+    label?: string;
+    name: string;
+    searchValue?: SearchValue;
+    type?: Exclude<MenuItemType, 'item'>;
+    value?: string;
+}
+export interface SubmenuTriggerOptions {
+    disabled?: boolean;
+    label?: string;
+    searchValue?: SearchValue;
+    value?: string;
+}
+type OpenMenuOptions = {
+    focus?: boolean;
+    strategy?: OpenStrategy;
+};
+type CloseBranchOptions = {
+    focusTrigger?: boolean;
+};
+type CloseAllOptions = {
+    focusRoot?: boolean;
+};
+type CloseSyncOptions = {
+    animation?: CloseAnimation;
+};
+type HighlightOptions = {
+    focus?: boolean;
+};
+interface RegisteredMenuItem {
+    checked?: boolean;
+    disabled?: boolean;
+    id: string;
+    searchValue?: SearchValue;
+    submenu?: MenuContextValue;
+    type: MenuItemType;
+    value?: string;
+    name?: string;
+    readonly hidden: boolean;
+    readonly label: string;
+    readonly node: HTMLElement;
+}
+interface MenuContextValue {
+    readonly activeId: string | undefined;
+    readonly closeAnimation: CloseAnimation;
+    readonly flashingChecked: boolean | undefined;
+    readonly flashingId: string | undefined;
+    readonly isOpen: boolean;
+    readonly isRoot: boolean;
+    readonly label: string | undefined;
+    readonly listId: string;
+    readonly parent: MenuContextValue | undefined;
+    readonly root: MenuContextValue;
+    readonly state: State;
+    readonly surfaceNode: HTMLElement | undefined;
+    readonly triggerId: string | undefined;
+    activateActive: () => Promise<void>;
+    activateItem: (id: string) => Promise<void>;
+    allowsPointer: (event: PointerEvent) => boolean;
+    closeAll: (options?: CloseAllOptions) => Promise<void>;
+    closeBranch: (options?: CloseBranchOptions) => Promise<void>;
+    closeSync: (updates: Promise<AbortSignal>[], options?: CloseSyncOptions) => void;
+    consumePointerLeaveClearSuppression: () => boolean;
+    finishDismissalSync: (updates: Promise<AbortSignal>[]) => void;
+    getOpenChild: () => MenuContextValue | undefined;
+    hasOpenChild: () => boolean;
+    highlight: (id: string | null, options?: HighlightOptions) => void;
+    highlightSearchMatch: (text: string) => void;
+    navigate: (strategy: NavigationStrategy) => void;
+    openActiveSubmenu: () => Promise<void>;
+    open: (options?: OpenMenuOptions) => Promise<void>;
+    registerChild: (menu: MenuContextValue) => void;
+    registerItem: (item: RegisteredMenuItem) => void;
+    registerList: (node: HTMLElement) => void;
+    registerSurface: (node: HTMLElement) => void;
+    registerTrigger: (node: HTMLElement, id: string) => void;
+    suppressNextPointerLeaveClear: () => void;
+    startHoverAim: (source: HTMLElement | null, target: HTMLElement | null, event: PointerEvent) => boolean;
+    unregisterList: (node: HTMLElement) => void;
+    unregisterSurface: (node: HTMLElement) => void;
+    unregisterTrigger: (node: HTMLElement) => void;
+}
+declare function MenuProvider(handle: Handle<MenuProviderProps, MenuContextValue>): () => import("@remix-run/ui").RemixElement;
+declare const popoverMixin: <boundNode extends HTMLElement = HTMLElement>() => import("@remix-run/ui").MixinDescriptor<boundNode, [], ElementProps>;
+export interface MenuListProps extends Props<'div'> {
+}
+type MenuListChildProps = Omit<JSX.LibraryManagedAttributes<typeof MenuList, MenuListProps>, 'children'>;
+export declare const Context: typeof MenuProvider;
+export declare const item: <boundNode extends HTMLElement = HTMLElement>(options: MenuItemOptions) => import("@remix-run/ui").MixinDescriptor<boundNode, [options: MenuItemOptions], ElementProps>;
+export declare const list: <boundNode extends HTMLElement = HTMLElement>() => import("@remix-run/ui").MixinDescriptor<boundNode, [], ElementProps>;
+export { popoverMixin as popover };
+export declare const submenuTrigger: <boundNode extends HTMLElement = HTMLElement>(options: SubmenuTriggerOptions) => import("@remix-run/ui").MixinDescriptor<boundNode, [options: SubmenuTriggerOptions], ElementProps>;
+export declare const trigger: <boundNode extends HTMLElement = HTMLElement>(options?: MenuTriggerOptions | undefined) => import("@remix-run/ui").MixinDescriptor<boundNode, [options?: MenuTriggerOptions | undefined], ElementProps>;
+export declare function onMenuSelect(handler: MenuSelectHandler, captureBoolean?: boolean): import("@remix-run/ui").MixinDescriptor<HTMLElement, ["rmx:menu-select", (event: import("@remix-run/ui").Dispatched<MenuSelectEvent, HTMLElement>, signal: AbortSignal) => void | Promise<void>, (boolean | undefined)?], ElementProps>;
+export interface MenuProps extends Omit<Props<'button'>, 'children'> {
+    children?: RemixNode;
+    label: RemixNode;
+    menuLabel?: string;
+}
+export interface MenuItemProps extends Omit<Props<'div'>, 'children' | 'name' | 'type' | 'value'>, MenuItemOptions {
+    children?: RemixNode;
+}
+export interface SubmenuProps extends Omit<Props<'div'>, 'children' | 'name' | 'type' | 'value'>, Omit<SubmenuTriggerOptions, 'label'> {
+    children?: RemixNode;
+    label: RemixNode;
+    listProps?: MenuListChildProps;
+    menuLabel?: string;
+}
+export declare function Menu(handle: Handle<MenuProps>): () => import("@remix-run/ui").RemixElement;
+export declare function MenuList(handle: Handle<MenuListProps>): () => import("@remix-run/ui").RemixElement;
+export declare function MenuItem(handle: Handle<MenuItemProps>): () => import("@remix-run/ui").RemixElement;
+export declare function Submenu(handle: Handle<SubmenuProps>): () => import("@remix-run/ui").RemixElement;