@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/src/virtualizer/ScrollView.ts

@@ -0,0 +1,210 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/virtualizer/ScrollView.tsx
+
+/**
+ * Scroll-view observer for a virtualized collection. Attaches to the collection
+ * element (`scrollRef`) rather than rendering a wrapper. Based on:
+ * - packages/react-aria/src/virtualizer/ScrollView.tsx (`useScrollView`)
+ */
+
+import { createEffect, createRenderEffect, createSignal, flush } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
+import {
+  addEvent,
+  getEventTarget,
+  getOwnerDocument,
+  getPropagationTargets,
+  nodeContains,
+} from "../utils/dom";
+import { useLocale } from "../i18n/locale";
+import { getScrollLeft } from "./utils";
+
+export interface ScrollViewSize {
+  width: number;
+  height: number;
+}
+
+export interface CreateScrollViewOptions {
+  /** The collection element that scrolls. RAC `useScrollView` `ref`. */
+  getScrollElement: Accessor<HTMLElement | null | undefined>;
+  /**
+   * Whether the collection may scroll with the page. RAC CollectionRoot
+   * hardcodes this `true` (`Virtualizer.tsx:109,140`).
+   */
+  allowsWindowScrolling?: Accessor<boolean>;
+  /** Content size used to clamp rubber-band scroll. RAC `contentSize`. */
+  contentSize?: Accessor<ScrollViewSize>;
+  onScrollPositionChange?: (position: { x: number; y: number }) => void;
+  onViewportOffsetChange?: (offset: number) => void;
+  onSizeChange?: (size: ScrollViewSize) => void;
+  onWindowViewportChange?: (height: number) => void;
+  onScrollStart?: () => void;
+  onScrollEnd?: () => void;
+}
+
+export interface ScrollViewAria {
+  isScrolling: Accessor<boolean>;
+  contentProps: Accessor<JSX.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Observes scroll and size on a collection element and returns content-wrapper
+ * props. RAC `useScrollView` (`ScrollView.tsx:70-404`): CollectionRoot applies
+ * only `contentProps` (`Virtualizer.tsx:133-146`); overflow lives on the
+ * collection via the consumer (S2 `overflow: auto`).
+ */
+export function createScrollView(options: CreateScrollViewOptions): ScrollViewAria {
+  const [isScrolling, setIsScrolling] = createSignal(false, { ownedWrite: true });
+  const locale = useLocale();
+  const allowsWindowScrolling = () => options.allowsWindowScrolling?.() ?? true;
+
+  let scrollFrame: number | undefined;
+  let scrollEndTimeout: ReturnType<typeof setTimeout> | undefined;
+
+  const updateSize = (element: HTMLElement) => {
+    const nextHeight = element.clientHeight;
+    const nextWidth = element.clientWidth;
+    options.onSizeChange?.({ width: nextWidth, height: nextHeight });
+  };
+
+  const updateWindowViewport = () => {
+    if (typeof window === "undefined") return;
+    options.onWindowViewportChange?.(window.innerHeight);
+  };
+
+  const updateViewportOffset = (element: HTMLElement) => {
+    if (!allowsWindowScrolling()) return;
+    const rect = element.getBoundingClientRect();
+    const next = rect.y < 0 ? -rect.y : 0;
+    options.onViewportOffsetChange?.(next);
+  };
+
+  createRenderEffect(
+    () => options.getScrollElement(),
+    (element) => {
+      if (!element) return;
+      // RAC initializes viewport size in a layout effect. A client-source
+      // effect waits for Solid 2's hydration snapshot to release, so nonzero
+      // geometry cannot grow the server's row window during DOM adoption.
+      updateSize(element);
+      updateWindowViewport();
+      updateViewportOffset(element);
+    },
+    { ssrSource: "client" },
+  );
+
+  createEffect(
+    () => options.getScrollElement() ?? null,
+    (element) => {
+      if (!element) return;
+
+      updateSize(element);
+      updateWindowViewport();
+      updateViewportOffset(element);
+
+      const handleResize = () => {
+        const current = options.getScrollElement();
+        if (!current) return;
+        updateSize(current);
+        updateWindowViewport();
+        updateViewportOffset(current);
+      };
+      window.addEventListener("resize", handleResize);
+
+      const resizeObserver =
+        typeof ResizeObserver !== "undefined" ? new ResizeObserver(() => handleResize()) : null;
+      resizeObserver?.observe(element);
+
+      // RAC `useScrollView` `ScrollView.tsx:221-229`: capturing scroll on
+      // getPropagationTargets so ancestor/page scroll updates viewportOffset.
+      const handleDocumentScroll = (e: Event) => {
+        const current = options.getScrollElement();
+        if (!current) return;
+        const target = getEventTarget(e) as Node | null;
+        if (target != null && !nodeContains(target, current) && target !== current) {
+          return;
+        }
+        const isContainer = target === current;
+        if (!isContainer && !allowsWindowScrolling()) return;
+
+        if (!isScrolling()) {
+          setIsScrolling(true);
+          options.onScrollStart?.();
+        }
+        if (scrollEndTimeout != null) clearTimeout(scrollEndTimeout);
+        // RAC `ScrollView.tsx:188-205`: 300ms after the last scroll.
+        scrollEndTimeout = setTimeout(() => {
+          scrollEndTimeout = undefined;
+          setIsScrolling(false);
+          options.onScrollEnd?.();
+          // Timer callbacks can flush. Content `pointer-events` is a render of
+          // `isScrolling()`; without this, fake-timer tests still see "none".
+          try {
+            flush();
+          } catch {
+            // Ignore: flush is forbidden inside createEffect apply.
+          }
+        }, 300);
+
+        if (scrollFrame != null) cancelAnimationFrame(scrollFrame);
+        scrollFrame = requestAnimationFrame(() => {
+          scrollFrame = undefined;
+          const live = options.getScrollElement();
+          if (!live) return;
+          if (isContainer) {
+            const direction = locale().direction;
+            const nextY = Math.max(0, live.scrollTop);
+            const nextX = Math.max(0, getScrollLeft(live, direction));
+            options.onScrollPositionChange?.({ x: nextX, y: nextY });
+          } else {
+            updateViewportOffset(live);
+          }
+          updateSize(live);
+        });
+      };
+
+      const ownerDocument = getOwnerDocument(element);
+      const cleanupScroll = addEvent(
+        getPropagationTargets(element, ownerDocument),
+        "scroll",
+        handleDocumentScroll,
+        true,
+      );
+
+      return () => {
+        window.removeEventListener("resize", handleResize);
+        resizeObserver?.disconnect();
+        cleanupScroll();
+        if (scrollFrame != null) cancelAnimationFrame(scrollFrame);
+        if (scrollEndTimeout != null) clearTimeout(scrollEndTimeout);
+      };
+    },
+    { ssrSource: "client" },
+  );
+
+  const contentProps = (): JSX.HTMLAttributes<HTMLDivElement> => ({
+    // RAC `useScrollView` `contentProps` `ScrollView.tsx:400-403`.
+    role: "presentation",
+    style: {
+      position: "relative",
+      "pointer-events": isScrolling() ? "none" : undefined,
+    },
+  });
+
+  return {
+    isScrolling,
+    contentProps,
+  };
+}

package/src/virtualizer/index.ts

@@ -0,0 +1,2 @@
+export { createScrollView, type CreateScrollViewOptions, type ScrollViewAria } from "./ScrollView";
+export { getScrollLeft, setScrollLeft, getRTLOffsetType } from "./utils";

package/src/virtualizer/utils.ts

@@ -0,0 +1,100 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/virtualizer/utils.ts
+
+/**
+ * RTL scroll-offset helpers for the scroll view. Based on:
+ * - packages/react-aria/src/virtualizer/utils.ts
+ */
+
+import type { Direction } from "../i18n/locale";
+
+export type RTLOffsetType = "negative" | "positive-descending" | "positive-ascending";
+
+let cachedRTLResult: RTLOffsetType | null = null;
+
+// Original licensing for the following methods can be found in the
+// NOTICE file in the root directory of this source tree.
+// See https://github.com/bvaughn/react-window/blob/master/src/createGridComponent.js
+
+export function getRTLOffsetType(recalculate = false): RTLOffsetType {
+  if (cachedRTLResult === null || recalculate) {
+    const outerDiv = document.createElement("div");
+    const outerStyle = outerDiv.style;
+    outerStyle.width = "50px";
+    outerStyle.height = "50px";
+    outerStyle.overflow = "scroll";
+    outerStyle.direction = "rtl";
+
+    const innerDiv = document.createElement("div");
+    const innerStyle = innerDiv.style;
+    innerStyle.width = "100px";
+    innerStyle.height = "100px";
+
+    outerDiv.appendChild(innerDiv);
+    document.body.appendChild(outerDiv);
+
+    if (outerDiv.scrollLeft > 0) {
+      cachedRTLResult = "positive-descending";
+    } else {
+      outerDiv.scrollLeft = 1;
+      if (outerDiv.scrollLeft === 0) {
+        cachedRTLResult = "negative";
+      } else {
+        cachedRTLResult = "positive-ascending";
+      }
+    }
+
+    document.body.removeChild(outerDiv);
+    return cachedRTLResult;
+  }
+
+  return cachedRTLResult;
+}
+
+export function getScrollLeft(node: Element, direction: Direction): number {
+  let { scrollLeft } = node;
+
+  if (direction === "rtl") {
+    const { scrollWidth, clientWidth } = node;
+    switch (getRTLOffsetType()) {
+      case "negative":
+        scrollLeft = -scrollLeft;
+        break;
+      case "positive-descending":
+        scrollLeft = scrollWidth - clientWidth - scrollLeft;
+        break;
+    }
+  }
+
+  return scrollLeft;
+}
+
+export function setScrollLeft(node: Element, direction: Direction, scrollLeft: number): void {
+  if (direction === "rtl") {
+    switch (getRTLOffsetType()) {
+      case "negative":
+        scrollLeft = -scrollLeft;
+        break;
+      case "positive-ascending":
+        break;
+      default: {
+        const { clientWidth, scrollWidth } = node;
+        scrollLeft = scrollWidth - clientWidth - scrollLeft;
+        break;
+      }
+    }
+  }
+
+  (node as HTMLElement).scrollLeft = scrollLeft;
+}

package/src/visually-hidden/createVisuallyHidden.ts

@@ -1,13 +1,29 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/visually-hidden/VisuallyHidden.tsx
+
 /**
  * createVisuallyHidden hook for solidaria
  *
  * Provides styles and props to visually hide content while keeping it
  * accessible to screen readers.
  *
- * Port of react-aria's useVisuallyHidden.
+ * Ported from packages/react-aria/src/visually-hidden/VisuallyHidden.tsx.
  */
 
-import { type Accessor, type JSX, createMemo, createSignal } from "solid-js";
+import { createMemo, createSignal } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createFocusWithin } from "../interactions/createFocusWithin";
 import { access, type MaybeAccessor } from "../utils";
 import { mergeProps } from "../utils/mergeProps";
@@ -103,7 +119,7 @@ export function createVisuallyHidden(
   });
 
   const visuallyHiddenProps = createMemo<JSX.HTMLAttributes<HTMLElement>>(() => ({
-    ...mergeProps(
+    ...(mergeProps(
       focusWithinProps as unknown as Record<string, unknown>,
       isFocusable()
         ? {
@@ -118,7 +134,7 @@ export function createVisuallyHidden(
           }
         : {},
       { style: combinedStyles() },
-    ),
+    ) as JSX.HTMLAttributes<HTMLElement>),
   }));
 
   return {

package/dist/_chunk/createInteractionModality.js

@@ -1,268 +0,0 @@
-import { A as isMac, p as isVirtualClick } from "./utils.js";
-import { b as openLink, c as getOwnerWindow, s as getOwnerDocument } from "./focus.js";
-import { createEffect, createSignal, onCleanup } from "solid-js";
-import { isServer } from "solid-js/web";
-//#region src/interactions/createInteractionModality.ts
-/**
-* createInteractionModality + focus-visible tracking for solidaria
-*
-* Port of @react-aria/interactions useFocusVisible/useInteractionModality.
-* Tracks the current interaction modality (keyboard, pointer, or virtual) and
-* provides focus-visible state and listeners.
-*/
-let currentModality = null;
-let currentPointerType = "keyboard";
-const changeHandlers = /* @__PURE__ */ new Set();
-let hasSetupGlobalListeners = /* @__PURE__ */ new Map();
-let hasEventBeforeFocus = false;
-let hasBlurredWindowRecently = false;
-let ignoreFocusEvent = false;
-const FOCUS_VISIBLE_INPUT_KEYS = {
-	Tab: true,
-	Escape: true
-};
-function triggerChangeHandlers(modality, e) {
-	for (const handler of changeHandlers) handler(modality, e);
-}
-function isValidKey(e) {
-	return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
-}
-function handleKeyboardEvent(e) {
-	hasEventBeforeFocus = true;
-	if (!openLink.isOpening && isValidKey(e)) {
-		currentModality = "keyboard";
-		currentPointerType = "keyboard";
-		triggerChangeHandlers("keyboard", e);
-	}
-}
-function handlePointerEvent(e) {
-	currentModality = "pointer";
-	currentPointerType = "pointerType" in e ? e.pointerType : "mouse";
-	if (e.type === "mousedown" || e.type === "pointerdown") {
-		hasEventBeforeFocus = true;
-		triggerChangeHandlers("pointer", e);
-	}
-}
-function handleClickEvent(e) {
-	if (!e.isTrusted) return;
-	if (!openLink.isOpening && isVirtualClick(e)) {
-		hasEventBeforeFocus = true;
-		currentModality = "virtual";
-		currentPointerType = "virtual";
-	}
-}
-function handleFocusEvent(e) {
-	if (!e.isTrusted || ignoreFocusEvent) return;
-	const target = e.target;
-	const targetElement = target && target.nodeType ? target : null;
-	const ownerWindow = targetElement ? getOwnerWindow(targetElement) : window;
-	const ownerDocument = targetElement ? getOwnerDocument(targetElement) : document;
-	if (target === ownerWindow || target === ownerDocument) return;
-	if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
-		currentModality = "virtual";
-		currentPointerType = "virtual";
-		triggerChangeHandlers("virtual", e);
-	}
-	hasEventBeforeFocus = false;
-	hasBlurredWindowRecently = false;
-}
-function handleWindowBlur() {
-	hasEventBeforeFocus = false;
-	hasBlurredWindowRecently = true;
-}
-function setupGlobalFocusEvents(element) {
-	if (typeof window === "undefined" || typeof document === "undefined") return;
-	const windowObject = getOwnerWindow(element);
-	if (hasSetupGlobalListeners.get(windowObject)) return;
-	const documentObject = getOwnerDocument(element);
-	const originalFocus = windowObject.HTMLElement.prototype.focus;
-	Reflect.defineProperty(windowObject.HTMLElement.prototype, "focus", {
-		configurable: true,
-		writable: true,
-		value: function() {
-			hasEventBeforeFocus = true;
-			originalFocus.apply(this, arguments);
-		}
-	});
-	documentObject.addEventListener("keydown", handleKeyboardEvent, true);
-	documentObject.addEventListener("keyup", handleKeyboardEvent, true);
-	documentObject.addEventListener("click", handleClickEvent, true);
-	windowObject.addEventListener("focus", handleFocusEvent, true);
-	windowObject.addEventListener("blur", handleWindowBlur, false);
-	if (typeof windowObject.PointerEvent !== "undefined") {
-		documentObject.addEventListener("pointerdown", handlePointerEvent, true);
-		documentObject.addEventListener("pointermove", handlePointerEvent, true);
-		documentObject.addEventListener("pointerup", handlePointerEvent, true);
-	} else {
-		documentObject.addEventListener("mousedown", handlePointerEvent, true);
-		documentObject.addEventListener("mousemove", handlePointerEvent, true);
-		documentObject.addEventListener("mouseup", handlePointerEvent, true);
-	}
-	windowObject.addEventListener("beforeunload", () => {
-		tearDownWindowFocusTracking(element);
-	}, { once: true });
-	hasSetupGlobalListeners.set(windowObject, { focus: originalFocus });
-}
-function tearDownWindowFocusTracking(element, loadListener) {
-	if (typeof window === "undefined" || typeof document === "undefined") return;
-	const windowObject = getOwnerWindow(element);
-	const documentObject = getOwnerDocument(element);
-	if (loadListener) documentObject.removeEventListener("DOMContentLoaded", loadListener);
-	if (!hasSetupGlobalListeners.has(windowObject)) return;
-	const entry = hasSetupGlobalListeners.get(windowObject);
-	Reflect.defineProperty(windowObject.HTMLElement.prototype, "focus", {
-		configurable: true,
-		writable: true,
-		value: entry.focus
-	});
-	documentObject.removeEventListener("keydown", handleKeyboardEvent, true);
-	documentObject.removeEventListener("keyup", handleKeyboardEvent, true);
-	documentObject.removeEventListener("click", handleClickEvent, true);
-	windowObject.removeEventListener("focus", handleFocusEvent, true);
-	windowObject.removeEventListener("blur", handleWindowBlur, false);
-	if (typeof windowObject.PointerEvent !== "undefined") {
-		documentObject.removeEventListener("pointerdown", handlePointerEvent, true);
-		documentObject.removeEventListener("pointermove", handlePointerEvent, true);
-		documentObject.removeEventListener("pointerup", handlePointerEvent, true);
-	} else {
-		documentObject.removeEventListener("mousedown", handlePointerEvent, true);
-		documentObject.removeEventListener("mousemove", handlePointerEvent, true);
-		documentObject.removeEventListener("mouseup", handlePointerEvent, true);
-	}
-	hasSetupGlobalListeners.delete(windowObject);
-}
-/**
-* Adds a window (i.e. iframe) to the list of windows that are being tracked for focus visible.
-*/
-function addWindowFocusTracking(element) {
-	const documentObject = getOwnerDocument(element);
-	let loadListener;
-	if (documentObject.readyState !== "loading") setupGlobalFocusEvents(element);
-	else {
-		loadListener = () => {
-			setupGlobalFocusEvents(element);
-		};
-		documentObject.addEventListener("DOMContentLoaded", loadListener);
-	}
-	return () => tearDownWindowFocusTracking(element, loadListener);
-}
-function setupGlobalFocusListeners() {
-	addWindowFocusTracking();
-}
-if (typeof document !== "undefined") addWindowFocusTracking();
-/**
-* If true, keyboard focus is visible.
-*/
-function isFocusVisible() {
-	return currentModality !== "pointer";
-}
-/**
-* Gets the current interaction modality.
-*/
-function getInteractionModality() {
-	return currentModality;
-}
-/**
-* Sets the current interaction modality.
-*/
-function setInteractionModality(modality) {
-	currentModality = modality;
-	currentPointerType = modality === "pointer" ? "mouse" : modality;
-	triggerChangeHandlers(modality, null);
-}
-/**
-* Gets the current pointer type.
-*/
-function getPointerType() {
-	return currentPointerType;
-}
-function isKeyboardFocusEvent(isTextInput, modality, e) {
-	if (!e) return true;
-	const target = "target" in e ? e.target : null;
-	const ownerDocument = target ? getOwnerDocument(target) : document;
-	const ownerWindow = target ? getOwnerWindow(target) : window;
-	const IHTMLInputElement = ownerWindow.HTMLInputElement;
-	const IHTMLTextAreaElement = ownerWindow.HTMLTextAreaElement;
-	const IHTMLElement = ownerWindow.HTMLElement;
-	const IKeyboardEvent = ownerWindow.KeyboardEvent;
-	const nonTextInputTypes = new Set([
-		"checkbox",
-		"radio",
-		"range",
-		"color",
-		"file",
-		"image",
-		"button",
-		"submit",
-		"reset"
-	]);
-	isTextInput = isTextInput || ownerDocument.activeElement instanceof IHTMLInputElement && !nonTextInputTypes.has(ownerDocument.activeElement.type) || ownerDocument.activeElement instanceof IHTMLTextAreaElement || ownerDocument.activeElement instanceof IHTMLElement && ownerDocument.activeElement.isContentEditable;
-	return !(isTextInput && modality === "keyboard" && e instanceof IKeyboardEvent && !FOCUS_VISIBLE_INPUT_KEYS[e.key]);
-}
-/**
-* Listens for trigger change and reports if focus is visible.
-*/
-function createFocusVisibleListener(handler, opts) {
-	setupGlobalFocusEvents();
-	const listener = (modality, e) => {
-		if (!isKeyboardFocusEvent(!!opts?.isTextInput, modality, e)) return;
-		handler(isFocusVisible());
-	};
-	changeHandlers.add(listener);
-	return () => {
-		changeHandlers.delete(listener);
-	};
-}
-/**
-* Manages focus visible state for the page.
-*/
-function createFocusVisible(props = {}) {
-	if (isServer) return { isFocusVisible: () => false };
-	const [isVisible, setIsVisible] = createSignal(props.autoFocus || isFocusVisible());
-	createEffect(() => {
-		onCleanup(createFocusVisibleListener(setIsVisible, { isTextInput: props.isTextInput }));
-	});
-	return { isFocusVisible: isVisible };
-}
-/**
-* Tracks the current interaction modality.
-*/
-function createInteractionModality() {
-	if (isServer) return { modality: () => null };
-	const [modality, setModality] = createSignal(currentModality);
-	createEffect(() => {
-		setupGlobalFocusEvents();
-		const handler = (newModality) => {
-			setModality(newModality);
-		};
-		changeHandlers.add(handler);
-		onCleanup(() => {
-			changeHandlers.delete(handler);
-		});
-	});
-	return { modality };
-}
-/**
-* Adds a listener for modality changes.
-*/
-function addModalityListener(handler) {
-	const wrapped = (modality) => {
-		handler(modality);
-	};
-	changeHandlers.add(wrapped);
-	return () => {
-		changeHandlers.delete(wrapped);
-	};
-}
-/**
-* Hook to track whether the user is currently interacting with the keyboard.
-*/
-function useIsKeyboardFocused() {
-	if (isServer) return () => false;
-	const { modality } = createInteractionModality();
-	return () => modality() === "keyboard";
-}
-//#endregion
-export { createInteractionModality as a, isFocusVisible as c, useIsKeyboardFocused as d, createFocusVisibleListener as i, setInteractionModality as l, addWindowFocusTracking as n, getInteractionModality as o, createFocusVisible as r, getPointerType as s, addModalityListener as t, setupGlobalFocusListeners as u };
-
-//# sourceMappingURL=createInteractionModality.js.map

package/dist/_chunk/createInteractionModality.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createInteractionModality.js","names":[],"sources":["../../src/interactions/createInteractionModality.ts"],"sourcesContent":["/**\n * createInteractionModality + focus-visible tracking for solidaria\n *\n * Port of @react-aria/interactions useFocusVisible/useInteractionModality.\n * Tracks the current interaction modality (keyboard, pointer, or virtual) and\n * provides focus-visible state and listeners.\n */\n\nimport { type Accessor, createSignal, createEffect, onCleanup } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { getOwnerDocument, getOwnerWindow, isMac, isVirtualClick, openLink } from \"../utils\";\n\nexport type Modality = \"keyboard\" | \"pointer\" | \"virtual\";\nexport type PointerType = \"mouse\" | \"pen\" | \"touch\" | \"keyboard\" | \"virtual\";\ntype HandlerEvent = PointerEvent | MouseEvent | KeyboardEvent | FocusEvent | null;\ntype Handler = (modality: Modality, e: HandlerEvent) => void;\n\nexport type FocusVisibleHandler = (isFocusVisible: boolean) => void;\n\nexport interface FocusVisibleProps {\n  /** Whether the element is a text input. */\n  isTextInput?: boolean;\n  /** Whether the element will be auto focused. */\n  autoFocus?: boolean;\n}\n\nexport interface FocusVisibleResult {\n  /** Whether keyboard focus is visible globally. */\n  isFocusVisible: Accessor<boolean>;\n}\n\nexport interface InteractionModalityResult {\n  /** The current interaction modality. */\n  modality: Accessor<Modality | null>;\n}\n\nlet currentModality: Modality | null = null;\nlet currentPointerType: PointerType = \"keyboard\";\nconst changeHandlers = new Set<Handler>();\n\nexport let hasSetupGlobalListeners: Map<\n  Window,\n  { focus: typeof window.HTMLElement.prototype.focus }\n> = new Map();\nlet hasEventBeforeFocus = false;\nlet hasBlurredWindowRecently = false;\nlet ignoreFocusEvent = false;\n\nconst FOCUS_VISIBLE_INPUT_KEYS: Record<string, boolean> = {\n  Tab: true,\n  Escape: true,\n};\n\nfunction triggerChangeHandlers(modality: Modality, e: HandlerEvent) {\n  for (const handler of changeHandlers) {\n    handler(modality, e);\n  }\n}\n\nfunction isValidKey(e: KeyboardEvent) {\n  return !(\n    e.metaKey ||\n    (!isMac() && e.altKey) ||\n    e.ctrlKey ||\n    e.key === \"Control\" ||\n    e.key === \"Shift\" ||\n    e.key === \"Meta\"\n  );\n}\n\nfunction handleKeyboardEvent(e: KeyboardEvent) {\n  hasEventBeforeFocus = true;\n  const isOpening = (openLink as { isOpening?: boolean }).isOpening;\n  if (!isOpening && isValidKey(e)) {\n    currentModality = \"keyboard\";\n    currentPointerType = \"keyboard\";\n    triggerChangeHandlers(\"keyboard\", e);\n  }\n}\n\nfunction handlePointerEvent(e: PointerEvent | MouseEvent) {\n  currentModality = \"pointer\";\n  currentPointerType = \"pointerType\" in e ? (e.pointerType as PointerType) : \"mouse\";\n  if (e.type === \"mousedown\" || e.type === \"pointerdown\") {\n    hasEventBeforeFocus = true;\n    triggerChangeHandlers(\"pointer\", e);\n  }\n}\n\nfunction handleClickEvent(e: MouseEvent) {\n  if (!e.isTrusted) {\n    return;\n  }\n\n  const isOpening = (openLink as { isOpening?: boolean }).isOpening;\n  if (!isOpening && isVirtualClick(e)) {\n    hasEventBeforeFocus = true;\n    currentModality = \"virtual\";\n    currentPointerType = \"virtual\";\n  }\n}\n\nfunction handleFocusEvent(e: FocusEvent) {\n  if (!e.isTrusted || ignoreFocusEvent) {\n    return;\n  }\n\n  const target = e.target as EventTarget | null;\n  const targetElement = target && (target as Element).nodeType ? (target as Element) : null;\n  const ownerWindow = targetElement ? getOwnerWindow(targetElement) : window;\n  const ownerDocument = targetElement ? getOwnerDocument(targetElement) : document;\n\n  if (target === ownerWindow || target === ownerDocument) {\n    return;\n  }\n\n  if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {\n    currentModality = \"virtual\";\n    currentPointerType = \"virtual\";\n    triggerChangeHandlers(\"virtual\", e);\n  }\n\n  hasEventBeforeFocus = false;\n  hasBlurredWindowRecently = false;\n}\n\nfunction handleWindowBlur() {\n  if (ignoreFocusEvent) {\n    return;\n  }\n\n  hasEventBeforeFocus = false;\n  hasBlurredWindowRecently = true;\n}\n\nfunction setupGlobalFocusEvents(element?: HTMLElement | null) {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n    return;\n  }\n\n  const windowObject = getOwnerWindow(element);\n  if (hasSetupGlobalListeners.get(windowObject)) {\n    return;\n  }\n\n  const documentObject = getOwnerDocument(element);\n\n  // Programmatic focus() calls shouldn't affect the current input modality, so we\n  // patch HTMLElement.prototype.focus to record that an event preceded the focus.\n  // Use Reflect.defineProperty (not assignment) so this works even when `focus` is\n  // currently a getter-only accessor — e.g. when a test library's setup() has\n  // instrumented it. Plain assignment throws in that case; Reflect.defineProperty\n  // returns false rather than throwing (and succeeds on the configurable prototype).\n  const originalFocus = windowObject.HTMLElement.prototype.focus;\n  Reflect.defineProperty(windowObject.HTMLElement.prototype, \"focus\", {\n    configurable: true,\n    writable: true,\n    value: function () {\n      hasEventBeforeFocus = true;\n      originalFocus.apply(this, arguments as unknown as [options?: FocusOptions | undefined]);\n    },\n  });\n\n  documentObject.addEventListener(\"keydown\", handleKeyboardEvent, true);\n  documentObject.addEventListener(\"keyup\", handleKeyboardEvent, true);\n  documentObject.addEventListener(\"click\", handleClickEvent, true);\n\n  windowObject.addEventListener(\"focus\", handleFocusEvent, true);\n  windowObject.addEventListener(\"blur\", handleWindowBlur, false);\n\n  if (typeof windowObject.PointerEvent !== \"undefined\") {\n    documentObject.addEventListener(\"pointerdown\", handlePointerEvent, true);\n    documentObject.addEventListener(\"pointermove\", handlePointerEvent, true);\n    documentObject.addEventListener(\"pointerup\", handlePointerEvent, true);\n  } else {\n    documentObject.addEventListener(\"mousedown\", handlePointerEvent, true);\n    documentObject.addEventListener(\"mousemove\", handlePointerEvent, true);\n    documentObject.addEventListener(\"mouseup\", handlePointerEvent, true);\n  }\n\n  windowObject.addEventListener(\n    \"beforeunload\",\n    () => {\n      tearDownWindowFocusTracking(element);\n    },\n    { once: true },\n  );\n\n  hasSetupGlobalListeners.set(windowObject, { focus: originalFocus });\n}\n\nfunction tearDownWindowFocusTracking(element?: HTMLElement | null, loadListener?: () => void) {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n    return;\n  }\n\n  const windowObject = getOwnerWindow(element);\n  const documentObject = getOwnerDocument(element);\n\n  if (loadListener) {\n    documentObject.removeEventListener(\"DOMContentLoaded\", loadListener);\n  }\n\n  if (!hasSetupGlobalListeners.has(windowObject)) {\n    return;\n  }\n\n  const entry = hasSetupGlobalListeners.get(windowObject)!;\n  // Mirror the setup path: defineProperty (not assignment) restores the original\n  // focus even if it had been replaced with a getter-only accessor.\n  Reflect.defineProperty(windowObject.HTMLElement.prototype, \"focus\", {\n    configurable: true,\n    writable: true,\n    value: entry.focus,\n  });\n\n  documentObject.removeEventListener(\"keydown\", handleKeyboardEvent, true);\n  documentObject.removeEventListener(\"keyup\", handleKeyboardEvent, true);\n  documentObject.removeEventListener(\"click\", handleClickEvent, true);\n\n  windowObject.removeEventListener(\"focus\", handleFocusEvent, true);\n  windowObject.removeEventListener(\"blur\", handleWindowBlur, false);\n\n  if (typeof windowObject.PointerEvent !== \"undefined\") {\n    documentObject.removeEventListener(\"pointerdown\", handlePointerEvent, true);\n    documentObject.removeEventListener(\"pointermove\", handlePointerEvent, true);\n    documentObject.removeEventListener(\"pointerup\", handlePointerEvent, true);\n  } else {\n    documentObject.removeEventListener(\"mousedown\", handlePointerEvent, true);\n    documentObject.removeEventListener(\"mousemove\", handlePointerEvent, true);\n    documentObject.removeEventListener(\"mouseup\", handlePointerEvent, true);\n  }\n\n  hasSetupGlobalListeners.delete(windowObject);\n}\n\n/**\n * Adds a window (i.e. iframe) to the list of windows that are being tracked for focus visible.\n */\nexport function addWindowFocusTracking(element?: HTMLElement | null): () => void {\n  const documentObject = getOwnerDocument(element);\n  let loadListener: (() => void) | undefined;\n\n  if (documentObject.readyState !== \"loading\") {\n    setupGlobalFocusEvents(element);\n  } else {\n    loadListener = () => {\n      setupGlobalFocusEvents(element);\n    };\n    documentObject.addEventListener(\"DOMContentLoaded\", loadListener);\n  }\n\n  return () => tearDownWindowFocusTracking(element, loadListener);\n}\n\nexport function setupGlobalFocusListeners(): void {\n  addWindowFocusTracking();\n}\n\nif (typeof document !== \"undefined\") {\n  addWindowFocusTracking();\n}\n\n/**\n * If true, keyboard focus is visible.\n */\nexport function isFocusVisible(): boolean {\n  return currentModality !== \"pointer\";\n}\n\n/**\n * Gets the current interaction modality.\n */\nexport function getInteractionModality(): Modality | null {\n  return currentModality;\n}\n\n/**\n * Sets the current interaction modality.\n */\nexport function setInteractionModality(modality: Modality): void {\n  currentModality = modality;\n  currentPointerType = modality === \"pointer\" ? \"mouse\" : modality;\n  triggerChangeHandlers(modality, null);\n}\n\n/**\n * Gets the current pointer type.\n */\nexport function getPointerType(): PointerType {\n  return currentPointerType;\n}\n\nfunction isKeyboardFocusEvent(isTextInput: boolean, modality: Modality, e: HandlerEvent): boolean {\n  if (!e) {\n    return true;\n  }\n\n  const target = \"target\" in e ? (e.target as Element | null) : null;\n  const ownerDocument = target ? getOwnerDocument(target) : document;\n  const ownerWindow = target ? getOwnerWindow(target) : window;\n\n  const IHTMLInputElement = ownerWindow.HTMLInputElement;\n  const IHTMLTextAreaElement = ownerWindow.HTMLTextAreaElement;\n  const IHTMLElement = ownerWindow.HTMLElement;\n  const IKeyboardEvent = ownerWindow.KeyboardEvent;\n\n  const nonTextInputTypes = new Set([\n    \"checkbox\",\n    \"radio\",\n    \"range\",\n    \"color\",\n    \"file\",\n    \"image\",\n    \"button\",\n    \"submit\",\n    \"reset\",\n  ]);\n\n  isTextInput =\n    isTextInput ||\n    (ownerDocument.activeElement instanceof IHTMLInputElement &&\n      !nonTextInputTypes.has(ownerDocument.activeElement.type)) ||\n    ownerDocument.activeElement instanceof IHTMLTextAreaElement ||\n    (ownerDocument.activeElement instanceof IHTMLElement &&\n      ownerDocument.activeElement.isContentEditable);\n\n  return !(\n    isTextInput &&\n    modality === \"keyboard\" &&\n    e instanceof IKeyboardEvent &&\n    !FOCUS_VISIBLE_INPUT_KEYS[e.key]\n  );\n}\n\n/**\n * Listens for trigger change and reports if focus is visible.\n */\nexport function createFocusVisibleListener(\n  handler: FocusVisibleHandler,\n  opts?: { isTextInput?: boolean },\n): () => void {\n  setupGlobalFocusEvents();\n  const listener: Handler = (modality: Modality, e: HandlerEvent) => {\n    if (!isKeyboardFocusEvent(!!opts?.isTextInput, modality, e)) {\n      return;\n    }\n    handler(isFocusVisible());\n  };\n  changeHandlers.add(listener);\n  return () => {\n    changeHandlers.delete(listener);\n  };\n}\n\n/**\n * Manages focus visible state for the page.\n */\nexport function createFocusVisible(props: FocusVisibleProps = {}): FocusVisibleResult {\n  if (isServer) {\n    return { isFocusVisible: () => false };\n  }\n\n  // autoFocus seeds the initial value once; isTextInput is read inside the effect\n  // so it re-subscribes reactively (a top-level destructure would freeze it — the\n  // body runs once). Mirrors upstream useFocusVisible's [isTextInput] dep.\n  const [isVisible, setIsVisible] = createSignal<boolean>(props.autoFocus || isFocusVisible());\n\n  createEffect(() => {\n    const cleanup = createFocusVisibleListener(setIsVisible, { isTextInput: props.isTextInput });\n    onCleanup(cleanup);\n  });\n\n  return { isFocusVisible: isVisible };\n}\n\n/**\n * Tracks the current interaction modality.\n */\nexport function createInteractionModality(): InteractionModalityResult {\n  if (isServer) {\n    return {\n      modality: () => null,\n    };\n  }\n\n  const [modality, setModality] = createSignal<Modality | null>(currentModality);\n\n  createEffect(() => {\n    setupGlobalFocusEvents();\n    const handler: Handler = (newModality: Modality) => {\n      setModality(newModality);\n    };\n    changeHandlers.add(handler);\n    onCleanup(() => {\n      changeHandlers.delete(handler);\n    });\n  });\n\n  return {\n    modality,\n  };\n}\n\n/**\n * Adds a listener for modality changes.\n */\nexport function addModalityListener(handler: (modality: Modality) => void): () => void {\n  const wrapped: Handler = (modality) => {\n    handler(modality);\n  };\n  changeHandlers.add(wrapped);\n  return () => {\n    changeHandlers.delete(wrapped);\n  };\n}\n\n/**\n * Hook to track whether the user is currently interacting with the keyboard.\n */\nexport function useIsKeyboardFocused(): Accessor<boolean> {\n  if (isServer) {\n    return () => false;\n  }\n\n  const { modality } = createInteractionModality();\n  return () => modality() === \"keyboard\";\n}\n"],"mappings":"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"}