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

package/dist/_chunk/utils.jsx

@@ -1,47 +1,157 @@
+/*
+* 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/utils/animation.ts
+/*
+* 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/utils/useDescription.ts
+/*
+* 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/interactions/usePress.ts
+/*
+* 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/utils/useGlobalListeners.ts
+/*
+* Copyright 2024 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/utils/keyboard.tsx
+/*
+* 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/utils/scrollIntoView.ts
+/*
+* 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/interactions/textSelection.ts
+import { t as assignRef } from "./refs.jsx";
+import { t as onOwnedCleanup } from "./owner.jsx";
+import { J as isIOS, Z as isMac, a as getOwnerDocument, l as getScrollParents } from "./dom.jsx";
 import { r as isTestEnv } from "./env.jsx";
-import { s as getOwnerDocument, u as getScrollParents } from "./focus.jsx";
-import { createComputed, createEffect, createMemo, createSignal, onCleanup } from "solid-js";
-import { isServer } from "solid-js/web";
-//#region src/utils/platform.ts
-function getNavigator() {
-	if (typeof window === "undefined" || window.navigator == null) return null;
-	return window.navigator;
-}
-function testPlatform(re) {
-	const nav = getNavigator();
-	if (!nav) return false;
-	return re.test(nav.platform || nav.userAgentData?.platform || "");
-}
-function testUserAgent(re) {
-	const nav = getNavigator();
-	return nav ? re.test(nav.userAgent) : false;
-}
-function isMac() {
-	return testPlatform(/^Mac/i);
-}
-function isIPhone() {
-	return testPlatform(/^iPhone/i);
-}
-function isIPad() {
-	return testPlatform(/^iPad/i) || isMac() && navigator.maxTouchPoints > 1;
-}
-function isIOS() {
-	return isIPhone() || isIPad();
-}
-function isAppleDevice() {
-	return isMac() || isIOS();
-}
-function isWebKit() {
-	return testUserAgent(/AppleWebKit/i) && !isChrome();
+import { createEffect, createMemo, createSignal, createTrackedEffect, omit } from "solid-js";
+import { isServer } from "@solidjs/web";
+//#region src/utils/splitProps.ts
+/**
+* Solid 1 `splitProps` replacement built on Solid 2 `omit`.
+*
+* `omit` only returns the rest object. Call sites still need a reactive
+* picked view (`local.class`, `local.children`) that re-reads `props` on
+* each access — a plain destructure would freeze values. Each picked group
+* is a getter proxy over the original props object.
+*/
+function splitProps(props, ...keyGroups) {
+	const used = [];
+	const parts = [];
+	for (const keys of keyGroups) {
+		const picked = {};
+		for (const key of keys) {
+			used.push(key);
+			const descriptor = {
+				enumerable: true,
+				configurable: true,
+				get: () => props[key]
+			};
+			if (key === "ref") descriptor.set = (el) => {
+				assignRef(props[key], el);
+			};
+			Object.defineProperty(picked, key, descriptor);
+		}
+		parts.push(picked);
+	}
+	parts.push(omit(props, ...used));
+	return parts;
 }
-function isChrome() {
-	return testUserAgent(/Chrome/i);
+//#endregion
+//#region src/utils/capture.ts
+/**
+* Capture-phase DOM listeners for Solid 2.
+*
+* Solid 2 has no `oncapture:` / `onClickCapture` JSX. Bind capture with
+* `addEventListener(type, handler, true)` from a ref or a ref accessor.
+*/
+function attachCaptureListeners(el, listeners) {
+	const attached = [];
+	for (const [type, handler] of Object.entries(listeners)) {
+		if (!handler) continue;
+		el.addEventListener(type, handler, true);
+		attached.push([type, handler]);
+	}
+	return () => {
+		for (const [type, handler] of attached) el.removeEventListener(type, handler, true);
+	};
 }
-function isAndroid() {
-	return testUserAgent(/Android/i);
+/** Ref callback that binds capture-phase listeners. */
+function captureRef(listeners) {
+	let detach;
+	return (el) => {
+		detach?.();
+		detach = attachCaptureListeners(el, listeners);
+	};
 }
-function isFirefox() {
-	return testUserAgent(/Firefox/i);
+/** Bind capture listeners to a hook-owned element accessor. */
+function bindCapture(el, listeners) {
+	createEffect(() => el(), (node) => {
+		if (!node) return;
+		return attachCaptureListeners(node, listeners);
+	});
 }
 //#endregion
 //#region src/utils/scrollIntoView.ts
@@ -223,82 +333,10 @@ function getTouchById(event, pointerId) {
 	return null;
 }
 //#endregion
-//#region src/utils/events.ts
-/**
-* Event utilities for detecting virtual clicks and event handling.
-* Based on @react-aria/utils event utilities.
-*/
-/**
-* Checks if a click event was generated from a virtual source like a screen reader.
-* Virtual clicks typically have detail of 0 and may have zero coordinates.
-*/
-function isVirtualClick(event) {
-	if (event.pointerType === "" && event.isTrusted) return true;
-	if (isAndroid() && event.pointerType) return event.type === "click" && event.buttons === 1;
-	return event.detail === 0 && !event.pointerType;
-}
-/**
-* Checks if a pointer event was generated by a virtual source.
-* iOS VoiceOver fires pointer events with incorrect coordinates.
-* These events have zero width/height.
-*/
-function isVirtualPointerEvent(event) {
-	return !isAndroid() && event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse";
-}
-/**
-* Creates a synthetic mouse event for programmatic clicking.
-*/
-function createMouseEvent(type, nativeEvent) {
-	const init = {
-		bubbles: true,
-		cancelable: true,
-		view: window
-	};
-	if (nativeEvent) {
-		const e = nativeEvent;
-		init.screenX = e.screenX;
-		init.screenY = e.screenY;
-		init.clientX = e.clientX;
-		init.clientY = e.clientY;
-		init.ctrlKey = e.ctrlKey;
-		init.shiftKey = e.shiftKey;
-		init.altKey = e.altKey;
-		init.metaKey = e.metaKey;
-		init.button = e.button;
-		init.buttons = e.buttons;
-		init.relatedTarget = e.relatedTarget;
-	}
-	return new MouseEvent(type, init);
-}
-/**
-* Creates a chain of event handlers that calls each in sequence.
-*/
-function chain(...callbacks) {
-	return ((...args) => {
-		for (const callback of callbacks) if (typeof callback === "function") callback(...args);
-	});
-}
-/**
-* Sets the target property on an event object.
-* Used for synthetic events where target needs to be modified.
-*/
-function setEventTarget(event, target) {
-	Object.defineProperty(event, "target", {
-		value: target,
-		writable: false,
-		configurable: true
-	});
-	Object.defineProperty(event, "currentTarget", {
-		value: target,
-		writable: false,
-		configurable: true
-	});
-}
-//#endregion
 //#region src/utils/textSelection.ts
 /**
 * Text selection management utilities.
-* Based on @react-aria/interactions textSelection utilities.
+* Ported from packages/react-aria/src/interactions/textSelection.ts.
 *
 * On iOS, long press triggers text selection. The only way to prevent this
 * is to set user-select: none on the entire page. On other platforms,
@@ -375,7 +413,7 @@ function runAfterTransition(callback) {
 //#region src/utils/keyboard.ts
 /**
 * Keyboard / modifier-key helpers.
-* Based on @react-aria/utils' keyboard utilities.
+* Ported from packages/react-aria/src/utils/keyboard.tsx.
 */
 /**
 * Returns whether the platform's non-contiguous selection modifier is pressed:
@@ -430,7 +468,7 @@ function createGlobalListeners() {
 		for (const { target, type, handler, options } of listeners) target.removeEventListener(type, handler, options);
 		listeners.length = 0;
 	}
-	onCleanup(removeAllGlobalListeners);
+	onOwnedCleanup(removeAllGlobalListeners);
 	return {
 		addGlobalListener,
 		removeGlobalListener,
@@ -498,9 +536,10 @@ const descriptionNodes = /* @__PURE__ */ new Map();
 * ```
 */
 function createDescription(description) {
-	if (isServer) return {};
 	const [id, setId] = createSignal();
-	createEffect(() => {
+	createTrackedEffect(() => {
+		if (isServer) return;
+		const _s2Cleanups = [];
 		const desc = description();
 		if (!desc) {
 			setId(void 0);
@@ -522,13 +561,17 @@ function createDescription(description) {
 			descriptionNodes.set(desc, node);
 		} else setId(node.element.id);
 		node.refCount++;
-		onCleanup(() => {
+		_s2Cleanups.push(() => {
 			if (node && --node.refCount === 0) {
 				node.element.remove();
 				descriptionNodes.delete(desc);
 			}
 		});
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
+	if (isServer) return {};
 	return { get "aria-describedby"() {
 		return description() ? id() : void 0;
 	} };
@@ -596,8 +639,9 @@ function clearDescriptionNodes() {
 */
 function createAnimation(ref, isActive, onEnd, deferNoAnimation = false) {
 	createEffect(() => {
-		if (!isActive()) return;
-		const element = ref();
+		if (!isActive()) return null;
+		return ref() ?? null;
+	}, (element) => {
 		if (!element) return;
 		if (!("getAnimations" in element)) {
 			onEnd();
@@ -617,10 +661,10 @@ function createAnimation(ref, isActive, onEnd, deferNoAnimation = false) {
 		else Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {
 			settle();
 		});
-		onCleanup(() => {
+		return () => {
 			canceled = true;
 			if (frame !== void 0 && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
-		});
+		};
 	});
 }
 /**
@@ -638,11 +682,12 @@ function createAnimation(ref, isActive, onEnd, deferNoAnimation = false) {
 *   mounts.
 */
 function createEnterAnimation(ref, isReady = () => true) {
-	const [isEntering, setIsEntering] = createSignal(true);
+	const [isEntering, setIsEntering] = createSignal(true, { ownedWrite: true });
 	const isAnimationReady = () => isEntering() && isReady();
 	createEffect(() => {
-		if (!isAnimationReady()) return;
-		const element = ref();
+		if (!isAnimationReady()) return null;
+		return ref() ?? null;
+	}, (element) => {
 		if (!element || !("getAnimations" in element)) return;
 		for (const animation of element.getAnimations()) if (animation instanceof CSSTransition) animation.cancel();
 	});
@@ -662,44 +707,41 @@ function createEnterAnimation(ref, isReady = () => true) {
 * @param isOpen - Whether the element is currently open.
 */
 function createExitAnimation(ref, isOpen) {
-	const [exitFinished, setExitFinished] = createSignal(0);
-	const exitState = createMemo((prev) => {
+	const [exitFinished, setExitFinished] = createSignal(0, { ownedWrite: true });
+	const exitState = createMemo((prev = {
+		state: "closed",
+		ackedFinish: 0
+	}) => {
 		const open = isOpen();
 		const finish = exitFinished();
-		const compute = () => {
-			if (open) return {
-				state: "open",
-				ackedFinish: finish
-			};
-			if (prev.state === "open") return {
-				state: "exiting",
-				ackedFinish: finish
-			};
-			if (prev.state === "exiting") {
-				if (finish !== prev.ackedFinish) return {
-					state: "closed",
-					ackedFinish: finish
-				};
-				return prev;
-			}
-			return {
+		if (open) return {
+			state: "open",
+			ackedFinish: finish
+		};
+		if (prev.state === "open") return {
+			state: "exiting",
+			ackedFinish: finish
+		};
+		if (prev.state === "exiting") {
+			if (finish !== prev.ackedFinish) return {
 				state: "closed",
 				ackedFinish: finish
 			};
+			return prev;
+		}
+		return {
+			state: "closed",
+			ackedFinish: finish
 		};
-		return compute();
-	}, {
-		state: isOpen() ? "open" : "closed",
-		ackedFinish: 0
 	});
 	const isExiting = () => exitState().state === "exiting";
-	createComputed(() => void exitState());
+	createEffect(() => exitState(), () => {});
 	createAnimation(ref, isExiting, () => {
 		setExitFinished((n) => n + 1);
 	}, true);
 	return isExiting;
 }
 //#endregion
-export { isMac as A, isAndroid as C, isIOS as D, isFirefox as E, isIPad as O, scrollIntoViewport as S, isChrome as T, getPointClientRect as _, getDescriptionNodeCount as a, isPointOverTarget as b, isCtrlKeyPressed as c, chain as d, createMouseEvent as f, areRectanglesOverlapping as g, setEventTarget as h, createDescription as i, isWebKit as j, isIPhone as k, disableTextSelection as l, isVirtualPointerEvent as m, createExitAnimation as n, addGlobalListenerOnce as o, isVirtualClick as p, clearDescriptionNodes as r, createGlobalListeners as s, createEnterAnimation as t, restoreTextSelection as u, getTouchById as v, isAppleDevice as w, scrollIntoView as x, getTouchFromEvent as y };
+export { scrollIntoViewport as _, getDescriptionNodeCount as a, captureRef as b, isCtrlKeyPressed as c, areRectanglesOverlapping as d, getPointClientRect as f, scrollIntoView as g, isPointOverTarget as h, createDescription as i, disableTextSelection as l, getTouchFromEvent as m, createExitAnimation as n, addGlobalListenerOnce as o, getTouchById as p, clearDescriptionNodes as r, createGlobalListeners as s, createEnterAnimation as t, restoreTextSelection as u, attachCaptureListeners as v, splitProps as x, bindCapture as y };
 
 //# sourceMappingURL=utils.jsx.map