@tamagui/adapt 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/Adapt.native.cjs

@@ -0,0 +1,551 @@
+"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",
+	"active",
+	"setAdaptConfig",
+	"slot",
+	"handoff",
+	"targetFullyHidden",
+	"registerTarget",
+	"unregisterTarget",
+	"registerContents",
+	"unregisterContents",
+	"registerRenderCallback",
+	"unregisterRenderCallback"
+];
+var AdaptContext = (0, import_core.createStyledContext)({
+	Contents: null,
+	scopeName: "",
+	portalName: "",
+	active: false,
+	setAdaptConfig: 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);
+};
+function findAdaptConfig(children, scope) {
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = import_react.default.Children.toArray(children)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var child = _step.value;
+			if (!/* @__PURE__ */ import_react.default.isValidElement(child)) continue;
+			if (child.type === import_react.default.Fragment) {
+				var found = findAdaptConfig(child.props.children, scope);
+				if (found) return found;
+				continue;
+			}
+			if (child.type === Adapt) {
+				var childProps = child.props;
+				if (childProps.scope == null || childProps.scope === scope) {
+					return childProps;
+				}
+			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return null;
+}
+var AdaptParent = function(param) {
+	var { children, adaptChildren, 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 staticConfig = import_react.default.useMemo(function() {
+		var _findAdaptConfig;
+		return (_findAdaptConfig = findAdaptConfig(adaptChildren, scope)) !== null && _findAdaptConfig !== void 0 ? _findAdaptConfig : findAdaptConfig(children, scope);
+	}, [
+		adaptChildren,
+		children,
+		scope
+	]);
+	var [publishedConfig, setPublishedConfig] = import_react.default.useState(null);
+	var rawActive = useAdaptIsActiveGiven(staticConfig !== null && staticConfig !== void 0 ? staticConfig : publishedConfig);
+	var staticConfigRef = import_react.default.useRef(staticConfig);
+	staticConfigRef.current = staticConfig;
+	var setAdaptConfig = import_react.default.useCallback(function(config) {
+		if (staticConfigRef.current) return;
+		setPublishedConfig(config);
+	}, []);
+	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);
+	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() {
+		rawActiveRef.current = rawActive;
+		openRef.current = open;
+		if (rawActive) {
+			hasHadActiveTargetRef.current = true;
+		}
+		wasTargetHiddenRef.current = targetHidden;
+		if (open && rawActive) {
+			setTargetFullyHidden(false);
+			return;
+		}
+		if (!open && !active) {
+			setTargetFullyHidden(true);
+		}
+	}, [
+		active,
+		open,
+		rawActive,
+		targetHidden
+	]);
+	(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,
+			active,
+			setAdaptConfig,
+			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 { children, platform, scope, when } = props;
+	var context = useAdaptContext(scope);
+	var enabled = context.active;
+	var isRenderCallback = typeof children === "function";
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		context.setAdaptConfig({
+			when,
+			platform
+		});
+		return function() {
+			context.setAdaptConfig(null);
+		};
+	}, [
+		when,
+		platform,
+		context.setAdaptConfig
+	]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!enabled || !isRenderCallback) return;
+		context.registerRenderCallback();
+		return function() {
+			context.unregisterRenderCallback();
+		};
+	}, [
+		enabled,
+		isRenderCallback,
+		context.registerRenderCallback,
+		context.unregisterRenderCallback
+	]);
+	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(null);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!slot) return;
+		var published = publishedRef.current;
+		if (published && published.isActive === isActive && published.element === children) {
+			return;
+		}
+		publishedRef.current = {
+			isActive,
+			element: children
+		};
+		if (isActive) {
+			slot.publish(children);
+		} else {
+			slot.clear();
+		}
+		slot.notify();
+	});
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		return function() {
+			var _publishedRef_current;
+			if ((_publishedRef_current = publishedRef.current) === null || _publishedRef_current === void 0 ? void 0 : _publishedRef_current.isActive) {
+				slot === null || slot === void 0 ? void 0 : slot.clear();
+				slot === null || slot === void 0 ? void 0 : slot.notify();
+			}
+			publishedRef.current = null;
+		};
+	}, [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(config) {
+	var media = (0, import_core.useMedia)();
+	var when = config === null || config === void 0 ? void 0 : config.when;
+	var platform = config === null || config === void 0 ? void 0 : config.platform;
+	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) {
+	return useAdaptContext(scope).active;
+};
+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
+	};
+}