@tamagui/adapt 2.7.6 → 3.0.0-beta.637.1

package/dist/cjs/Adapt.native.cjs

@@ -0,0 +1,522 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Adapt_exports = {};
+__export(Adapt_exports, {
+	Adapt: () => Adapt,
+	AdaptCapabilities: () => AdaptCapabilities,
+	AdaptContents: () => AdaptContents,
+	AdaptContext: () => AdaptContext,
+	AdaptParent: () => AdaptParent,
+	AdaptPortalContents: () => AdaptPortalContents,
+	ProvideAdaptContext: () => ProvideAdaptContext,
+	useAdaptContext: () => useAdaptContext,
+	useAdaptIsActive: () => useAdaptIsActive,
+	useAdaptTarget: () => useAdaptTarget,
+	useAdaptedCapabilities: () => useAdaptedCapabilities
+});
+module.exports = __toCommonJS(Adapt_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_helpers = require("@tamagui/helpers");
+var import_z_index_stack = require("@tamagui/z-index-stack");
+var import_react = __toESM(require("react"), 1);
+function createAdaptSlotStore() {
+	var listeners = /* @__PURE__ */ new Set();
+	var store = {
+		element: null,
+		version: 0,
+		publish(element) {
+			store.element = element;
+		},
+		clear() {
+			store.element = null;
+		},
+		notify() {
+			store.version += 1;
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var listener = _step.value;
+					listener();
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) {
+						_iterator.return();
+					}
+				} finally {
+					if (_didIteratorError) {
+						throw _iteratorError;
+					}
+				}
+			}
+		},
+		getSnapshot() {
+			return store.version;
+		},
+		subscribe(callback) {
+			listeners.add(callback);
+			return function() {
+				listeners.delete(callback);
+			};
+		}
+	};
+	return store;
+}
+var adaptContextKeys = [
+	"Contents",
+	"scopeName",
+	"portalName",
+	"platform",
+	"setPlatform",
+	"when",
+	"setWhen",
+	"active",
+	"rawActive",
+	"setRawActive",
+	"slot",
+	"handoff",
+	"targetFullyHidden",
+	"registerTarget",
+	"unregisterTarget",
+	"registerContents",
+	"unregisterContents",
+	"registerRenderCallback",
+	"unregisterRenderCallback"
+];
+var AdaptContext = (0, import_core.createStyledContext)({
+	Contents: null,
+	scopeName: "",
+	portalName: "",
+	platform: null,
+	setPlatform: function(x) {},
+	when: null,
+	setWhen: function() {},
+	active: false,
+	rawActive: false,
+	setRawActive: function() {},
+	slot: null,
+	handoff: {
+		hidden: true,
+		onTransition: function() {}
+	},
+	targetFullyHidden: true,
+	registerTarget: function() {},
+	unregisterTarget: function() {},
+	registerContents: function() {},
+	unregisterContents: function() {},
+	registerRenderCallback: function() {},
+	unregisterRenderCallback: function() {}
+}, { keys: adaptContextKeys });
+var AdaptCapabilitiesContext = /* @__PURE__ */ (0, import_react.createContext)({});
+var LastAdaptContextScope = /* @__PURE__ */ (0, import_react.createContext)("");
+var ProvideAdaptContext = function(param) {
+	var { children, ...context } = param;
+	var scope = context.scopeName || "";
+	var lastScope = (0, import_react.useContext)(LastAdaptContextScope);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LastAdaptContextScope.Provider, {
+		value: lastScope || context.lastScope || "",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptContext.Provider, {
+			scope,
+			lastScope: lastScope || context.lastScope,
+			...context,
+			children
+		})
+	});
+};
+var useAdaptContext = function(scope) {
+	var lastScope = (0, import_react.useContext)(LastAdaptContextScope);
+	var adaptScope = scope !== null && scope !== void 0 ? scope : lastScope;
+	return AdaptContext.useStyledContext(adaptScope);
+};
+var AdaptParent = function(param) {
+	var { children, Contents, scope, open, onOpenChange, state } = param;
+	var id = (0, import_react.useId)();
+	var portalName = `AdaptPortal${scope}${id}`;
+	var slotRef = import_react.default.useRef(null);
+	if (!slotRef.current) {
+		slotRef.current = createAdaptSlotStore();
+	}
+	var [when, setWhen] = import_react.default.useState(null);
+	var [platform, setPlatform] = import_react.default.useState(null);
+	var [rawActive, setRawActive] = import_react.default.useState(false);
+	var [exiting, setExiting] = import_react.default.useState(false);
+	var [present, setPresent] = import_react.default.useState(false);
+	var [targetFullyHidden, setTargetFullyHidden] = import_react.default.useState(!open);
+	var targetCountRef = import_react.default.useRef(0);
+	var contentsCountRef = import_react.default.useRef(0);
+	var renderCallbackCountRef = import_react.default.useRef(0);
+	var rawActiveRef = import_react.default.useRef(false);
+	var openRef = import_react.default.useRef(open);
+	var wasTargetHiddenRef = import_react.default.useRef(!rawActive);
+	var hasHadActiveTargetRef = import_react.default.useRef(false);
+	var shouldStartExit = !rawActive && present && Boolean(open);
+	var active = rawActive || exiting || shouldStartExit;
+	var targetHidden = !rawActive;
+	var skipNextAnimation = Boolean(rawActive && wasTargetHiddenRef.current && hasHadActiveTargetRef.current && open);
+	rawActiveRef.current = rawActive;
+	openRef.current = open;
+	if (rawActive) {
+		hasHadActiveTargetRef.current = true;
+	}
+	wasTargetHiddenRef.current = targetHidden;
+	var releasePresenceLatch = import_react.default.useCallback(function() {
+		setExiting(false);
+		if (!rawActiveRef.current) {
+			setPresent(false);
+		}
+	}, []);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (shouldStartExit) {
+			setExiting(true);
+		}
+	}, [shouldStartExit]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (open && rawActive) {
+			setTargetFullyHidden(false);
+			return;
+		}
+		if (!open && !active) {
+			setTargetFullyHidden(true);
+		}
+	}, [
+		active,
+		open,
+		rawActive
+	]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (rawActive) {
+			setPresent(true);
+		} else if (!active) {
+			setPresent(false);
+		}
+		if (rawActive && exiting) {
+			setExiting(false);
+		}
+	}, [
+		active,
+		exiting,
+		rawActive
+	]);
+	var handoff = import_react.default.useMemo(function() {
+		return {
+			hidden: targetHidden,
+			skipNextAnimation,
+			onTransition(e) {
+				if (e.phase !== "end" || e.finished === false) return;
+				if (e.cause !== "close") {
+					setTargetFullyHidden(false);
+					return;
+				}
+				if (openRef.current && rawActiveRef.current) {
+					setTargetFullyHidden(false);
+					return;
+				}
+				setTargetFullyHidden(true);
+				releasePresenceLatch();
+			}
+		};
+	}, [
+		releasePresenceLatch,
+		skipNextAnimation,
+		targetHidden
+	]);
+	var registerTarget = import_react.default.useCallback(function() {
+		targetCountRef.current += 1;
+		if (process.env.NODE_ENV === "development" && targetCountRef.current > 1) {
+			console.error(`Adapt expected exactly one target in scope "${scope}", but ${targetCountRef.current} targets registered.`);
+		}
+	}, [scope]);
+	var unregisterTarget = import_react.default.useCallback(function() {
+		targetCountRef.current = Math.max(0, targetCountRef.current - 1);
+	}, []);
+	var registerContents = import_react.default.useCallback(function() {
+		contentsCountRef.current += 1;
+	}, []);
+	var unregisterContents = import_react.default.useCallback(function() {
+		contentsCountRef.current = Math.max(0, contentsCountRef.current - 1);
+	}, []);
+	var registerRenderCallback = import_react.default.useCallback(function() {
+		renderCallbackCountRef.current += 1;
+	}, []);
+	var unregisterRenderCallback = import_react.default.useCallback(function() {
+		renderCallbackCountRef.current = Math.max(0, renderCallbackCountRef.current - 1);
+	}, []);
+	import_react.default.useEffect(function() {
+		if (process.env.NODE_ENV !== "development") return;
+		if (!active) return;
+		var timer = setTimeout(function() {
+			if (rawActiveRef.current && targetCountRef.current === 0 && contentsCountRef.current === 0 && renderCallbackCountRef.current === 0) {
+				console.error(`Adapt is active in scope "${scope}" but no target registered with useAdaptTarget(), Adapt.Contents marker, or render callback consumed it.`);
+			}
+		});
+		return function() {
+			return clearTimeout(timer);
+		};
+	}, [active, scope]);
+	var FinalContents = Contents || AdaptSlotContents;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LastAdaptContextScope.Provider, {
+		value: scope,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProvideAdaptContext, {
+			Contents: FinalContents,
+			when,
+			platform,
+			setPlatform,
+			setWhen,
+			active,
+			rawActive,
+			setRawActive,
+			portalName,
+			scopeName: scope,
+			slot: slotRef.current,
+			open,
+			onOpenChange,
+			state,
+			handoff,
+			targetFullyHidden,
+			registerTarget,
+			unregisterTarget,
+			registerContents,
+			unregisterContents,
+			registerRenderCallback,
+			unregisterRenderCallback,
+			children
+		})
+	});
+};
+var AdaptContents = function(param) {
+	var { scope, ...rest } = param;
+	var context = useAdaptContext(scope);
+	if (!(context === null || context === void 0 ? void 0 : context.Contents)) {
+		throw new Error(process.env.NODE_ENV === "production" ? `tamagui.dev/docs/intro/errors#warning-002` : `You're rendering a Tamagui <Adapt /> component without nesting it inside a parent that is able to adapt.`);
+	}
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!context.active) return;
+		context.registerContents();
+		return function() {
+			context.unregisterContents();
+		};
+	}, [
+		context.active,
+		context.registerContents,
+		context.unregisterContents
+	]);
+	return /* @__PURE__ */ import_react.default.createElement(context.Contents, {
+		...rest,
+		scope,
+		key: `stable`
+	});
+};
+AdaptContents.shouldForwardSpace = true;
+var Adapt = (0, import_helpers.withStaticProperties)(function Adapt2(props) {
+	var { platform, when, children, scope } = props;
+	var context = useAdaptContext(scope);
+	var rawEnabled = useAdaptIsActiveGiven(props);
+	var enabled = rawEnabled || context.active;
+	var isRenderCallback = typeof children === "function";
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		var _context_setWhen, _context_setPlatform, _context_setRawActive;
+		context === null || context === void 0 ? void 0 : (_context_setWhen = context.setWhen) === null || _context_setWhen === void 0 ? void 0 : _context_setWhen.call(context, when || rawEnabled);
+		context === null || context === void 0 ? void 0 : (_context_setPlatform = context.setPlatform) === null || _context_setPlatform === void 0 ? void 0 : _context_setPlatform.call(context, platform || null);
+		context === null || context === void 0 ? void 0 : (_context_setRawActive = context.setRawActive) === null || _context_setRawActive === void 0 ? void 0 : _context_setRawActive.call(context, rawEnabled);
+	}, [
+		when,
+		platform,
+		rawEnabled,
+		context.setWhen,
+		context.setPlatform,
+		context.setRawActive
+	]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!enabled || !isRenderCallback) return;
+		context.registerRenderCallback();
+		return function() {
+			context.unregisterRenderCallback();
+		};
+	}, [
+		enabled,
+		isRenderCallback,
+		context.registerRenderCallback,
+		context.unregisterRenderCallback
+	]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		return function() {
+			var _context_setWhen, _context_setPlatform, _context_setRawActive;
+			context === null || context === void 0 ? void 0 : (_context_setWhen = context.setWhen) === null || _context_setWhen === void 0 ? void 0 : _context_setWhen.call(context, null);
+			context === null || context === void 0 ? void 0 : (_context_setPlatform = context.setPlatform) === null || _context_setPlatform === void 0 ? void 0 : _context_setPlatform.call(context, null);
+			context === null || context === void 0 ? void 0 : (_context_setRawActive = context.setRawActive) === null || _context_setRawActive === void 0 ? void 0 : _context_setRawActive.call(context, false);
+		};
+	}, []);
+	var output;
+	if (isRenderCallback) {
+		var Component = context === null || context === void 0 ? void 0 : context.Contents;
+		output = children(Component ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}) : null, getAdaptRenderState(context));
+	} else {
+		output = children;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, { children: !enabled ? null : output });
+}, { Contents: AdaptContents });
+var AdaptPortalContents = function(props) {
+	var isActive = useAdaptIsActive(props.scope);
+	var { slot } = useAdaptContext(props.scope);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptSlotPublisher, {
+		isActive,
+		slot,
+		children: props.children
+	});
+};
+function AdaptSlotContents(param) {
+	var { scope } = param;
+	var { slot } = useAdaptContext(scope);
+	var _slot_subscribe, _slot_getSnapshot, _slot_getSnapshot1;
+	import_react.default.useSyncExternalStore((_slot_subscribe = slot === null || slot === void 0 ? void 0 : slot.subscribe) !== null && _slot_subscribe !== void 0 ? _slot_subscribe : emptySubscribe, (_slot_getSnapshot = slot === null || slot === void 0 ? void 0 : slot.getSnapshot) !== null && _slot_getSnapshot !== void 0 ? _slot_getSnapshot : emptySnapshot, (_slot_getSnapshot1 = slot === null || slot === void 0 ? void 0 : slot.getSnapshot) !== null && _slot_getSnapshot1 !== void 0 ? _slot_getSnapshot1 : emptySnapshot);
+	var _slot_element;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (_slot_element = slot === null || slot === void 0 ? void 0 : slot.element) !== null && _slot_element !== void 0 ? _slot_element : null });
+}
+function AdaptSlotPublisher(param) {
+	var { isActive, slot, children } = param;
+	var publishedRef = import_react.default.useRef(false);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!slot) return;
+		if (isActive) {
+			slot.publish(children);
+			publishedRef.current = true;
+		} else {
+			slot.clear();
+			publishedRef.current = false;
+		}
+		slot.notify();
+	});
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		return function() {
+			if (publishedRef.current) {
+				slot === null || slot === void 0 ? void 0 : slot.clear();
+				slot === null || slot === void 0 ? void 0 : slot.notify();
+				publishedRef.current = false;
+			}
+		};
+	}, [slot]);
+	return isActive ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+var emptySubscribe = function() {
+	return function() {};
+};
+var emptySnapshot = function() {
+	return 0;
+};
+var useAdaptIsActiveGiven = function(param) {
+	var { when, platform } = param;
+	var media = (0, import_core.useMedia)();
+	if (when == null && platform == null) {
+		return false;
+	}
+	if (when === true) {
+		return true;
+	}
+	var enabled = false;
+	if (platform === "touch") enabled = import_constants.isTouchable;
+	else if (platform === "native") enabled = !import_constants.isWeb;
+	else if (platform === "web") enabled = import_constants.isWeb;
+	else if (platform === "ios") enabled = import_constants.isIos;
+	else if (platform === "android") enabled = import_constants.isAndroid;
+	if (platform && enabled == false) {
+		return false;
+	}
+	if (when && typeof when === "string") {
+		enabled = media[when];
+	}
+	return enabled;
+};
+var useAdaptIsActive = function(scope) {
+	var props = useAdaptContext(scope);
+	var isActiveGiven = useAdaptIsActiveGiven(props);
+	return props.active || isActiveGiven;
+};
+function useAdaptTarget(scope) {
+	var context = useAdaptContext(scope);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!context.active) return;
+		context.registerTarget();
+		return function() {
+			context.unregisterTarget();
+		};
+	}, [
+		context.active,
+		context.registerTarget,
+		context.unregisterTarget
+	]);
+	if (!context.active) {
+		return null;
+	}
+	return {
+		open: context.open,
+		onOpenChange: context.onOpenChange,
+		handoff: context.handoff,
+		state: context.state
+	};
+}
+var AdaptCapabilities = function(param) {
+	var { children, scroll, overlay, dismiss } = param;
+	var parent = (0, import_react.useContext)(AdaptCapabilitiesContext);
+	var value = import_react.default.useMemo(function() {
+		return {
+			scroll: scroll !== null && scroll !== void 0 ? scroll : parent.scroll,
+			overlay: overlay !== null && overlay !== void 0 ? overlay : parent.overlay,
+			dismiss: dismiss !== null && dismiss !== void 0 ? dismiss : parent.dismiss
+		};
+	}, [
+		dismiss,
+		overlay,
+		parent.dismiss,
+		parent.overlay,
+		parent.scroll,
+		scroll
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptCapabilitiesContext.Provider, {
+		value,
+		children
+	});
+};
+var useAdaptedCapabilities = function() {
+	return (0, import_react.useContext)(AdaptCapabilitiesContext);
+};
+function getAdaptRenderState(context) {
+	return {
+		active: context.active,
+		open: context.open,
+		onOpenChange: context.onOpenChange,
+		state: context.state,
+		handoff: context.handoff
+	};
+}