@tamagui/create-menu 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/createNativeMenu/createNativeMenu.native.cjs

@@ -0,0 +1,439 @@
+"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 createNativeMenu_exports = {};
+__export(createNativeMenu_exports, { createNativeMenu: () => createNativeMenu });
+module.exports = __toCommonJS(createNativeMenu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_native = require("@tamagui/native");
+var import_web = require("@tamagui/web");
+var import_react = __toESM(require("react"), 1);
+var MAPPED_TYPES = [
+	"SubContent",
+	"SubTrigger",
+	"Content",
+	"Sub",
+	"Group",
+	"Item",
+	"ItemTitle",
+	"ItemSubtitle",
+	"ItemIcon",
+	"ItemImage",
+	"ItemIndicator",
+	"Label",
+	"Separator",
+	"CheckboxItem",
+	"Preview",
+	"Auxiliary"
+];
+var CONTAINER_TYPES = [
+	"SubContent",
+	"SubTrigger",
+	"Content",
+	"Sub",
+	"Group",
+	"Item"
+];
+function getComponentType(displayName) {
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = MAPPED_TYPES[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var type = _step.value;
+			if (displayName === type || displayName === `Menu${type}` || displayName === `ContextMenu${type}` || displayName.includes(`(${type})`)) {
+				return type;
+			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return null;
+}
+function isItemLike(props, displayName) {
+	if (getComponentType(displayName)) return false;
+	return "onSelect" in props || "textValue" in props;
+}
+function isPortalLike(displayName) {
+	return displayName === "Portal" || displayName.includes("Portal");
+}
+function isTriggerLike(displayName) {
+	return displayName === "Trigger" || displayName.includes("(Trigger)");
+}
+function composeHandlers(first, second) {
+	return function() {
+		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+			args[_key] = arguments[_key];
+		}
+		first === null || first === void 0 ? void 0 : first(...args);
+		second === null || second === void 0 ? void 0 : second(...args);
+	};
+}
+function getTriggerDebugName(menuType, props) {
+	var childProps = /* @__PURE__ */ import_react.default.isValidElement(props.children) && props.children.props ? props.children.props : null;
+	var prefix = menuType === "ContextMenu" ? "ContextMenuTrigger" : "MenuTrigger";
+	var _childProps_testID, _ref;
+	var detail = (_ref = (_childProps_testID = childProps === null || childProps === void 0 ? void 0 : childProps.testID) !== null && _childProps_testID !== void 0 ? _childProps_testID : childProps === null || childProps === void 0 ? void 0 : childProps.accessibilityLabel) !== null && _ref !== void 0 ? _ref : typeof props.textValue === "string" ? props.textValue : null;
+	return [prefix, detail].filter(Boolean).join(":") || prefix;
+}
+var emptyStub = function() {
+	return null;
+};
+function createWebStubs() {
+	return { Menu: (0, import_web.withStaticProperties)(emptyStub, {
+		Trigger: emptyStub,
+		Content: emptyStub,
+		Item: emptyStub,
+		ItemTitle: emptyStub,
+		ItemSubtitle: emptyStub,
+		SubTrigger: emptyStub,
+		Group: emptyStub,
+		ItemIcon: emptyStub,
+		Separator: emptyStub,
+		CheckboxItem: emptyStub,
+		ItemIndicator: emptyStub,
+		ItemImage: emptyStub,
+		Label: emptyStub,
+		Arrow: emptyStub,
+		Sub: emptyStub,
+		SubContent: emptyStub,
+		Preview: emptyStub,
+		Portal: emptyStub,
+		RadioGroup: emptyStub,
+		RadioItem: emptyStub,
+		Auxiliary: emptyStub
+	}) };
+}
+var createNativeMenu = function(MenuType) {
+	if (import_web.isWeb) {
+		return createWebStubs();
+	}
+	var isContextMenu = MenuType === "ContextMenu";
+	var isAndroid = !import_web.isIos && !import_web.isWeb;
+	var resolved = null;
+	var warned = false;
+	function resolve() {
+		if (resolved) return resolved;
+		var adapter = (0, import_native.getNativeMenuAdapter)();
+		if (!adapter) {
+			if (!warned) {
+				warned = true;
+				console.warn(`Warning: Register a native menu adapter before rendering Tamagui native menus`);
+			}
+			return null;
+		}
+		var menu = isContextMenu ? adapter.ContextMenu : adapter.Menu;
+		resolved = {
+			menu,
+			componentMap: {
+				SubContent: menu.SubContent,
+				SubTrigger: menu.SubTrigger,
+				Content: menu.Content,
+				Sub: menu.Sub,
+				Group: menu.Group,
+				Item: menu.Item,
+				ItemTitle: menu.ItemTitle,
+				ItemSubtitle: menu.ItemSubtitle,
+				ItemIcon: menu.ItemIcon,
+				ItemImage: menu.ItemImage,
+				ItemIndicator: menu.ItemIndicator,
+				Label: menu.Label,
+				Separator: menu.Separator,
+				CheckboxItem: menu.CheckboxItem,
+				Preview: menu.Preview,
+				Auxiliary: menu.Auxiliary
+			}
+		};
+		return resolved;
+	}
+	function transformChildren(menu, map, children) {
+		var shouldReverseOnIos = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, triggerBoundaryHandlers = arguments.length > 4 ? arguments[4] : void 0, radioContext = arguments.length > 5 ? arguments[5] : void 0;
+		var result = [];
+		import_react.default.Children.forEach(children, function(child) {
+			var _child_type;
+			if (!/* @__PURE__ */ import_react.default.isValidElement(child)) {
+				result.push(child);
+				return;
+			}
+			var displayName = ((_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.displayName) || "";
+			var props = child.props;
+			if (isPortalLike(displayName)) {
+				var inner = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
+				import_react.default.Children.forEach(inner, function(c) {
+					return result.push(c);
+				});
+				return;
+			}
+			if (displayName.includes("ScrollView")) {
+				var inner1 = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
+				import_react.default.Children.forEach(inner1, function(c) {
+					return result.push(c);
+				});
+				return;
+			}
+			if (isTriggerLike(displayName)) {
+				var debugName = getTriggerDebugName(MenuType, props);
+				var claim = function() {
+					return triggerBoundaryHandlers === null || triggerBoundaryHandlers === void 0 ? void 0 : triggerBoundaryHandlers.claim(debugName);
+				};
+				var release = function() {
+					return triggerBoundaryHandlers === null || triggerBoundaryHandlers === void 0 ? void 0 : triggerBoundaryHandlers.release(debugName);
+				};
+				var { children: triggerChildren, ...triggerProps } = props;
+				result.push(/* @__PURE__ */ import_react.default.createElement(menu.Trigger, {
+					...triggerProps,
+					key: child.key,
+					onTouchStart: composeHandlers(claim, props.onTouchStart),
+					onTouchEnd: composeHandlers(props.onTouchEnd, release),
+					onTouchCancel: composeHandlers(props.onTouchCancel, release),
+					onResponderGrant: composeHandlers(claim, props.onResponderGrant),
+					onResponderRelease: composeHandlers(props.onResponderRelease, release),
+					onResponderTerminate: composeHandlers(props.onResponderTerminate, release),
+					onPressIn: composeHandlers(claim, props.onPressIn),
+					onPressOut: composeHandlers(props.onPressOut, release)
+				}, triggerChildren));
+				return;
+			}
+			if (displayName.includes("RadioGroup")) {
+				var { value: rgValue, onValueChange: rgOnValueChange, children: rgChildren, ...rest } = props;
+				result.push(/* @__PURE__ */ import_react.default.createElement(menu.Group, {
+					...rest,
+					key: child.key
+				}, transformChildren(menu, map, rgChildren, false, triggerBoundaryHandlers, {
+					value: rgValue,
+					onValueChange: rgOnValueChange
+				})));
+				return;
+			}
+			if (displayName.includes("RadioItem") && radioContext) {
+				var { value: itemValue, children: rChildren, ...rest1 } = props;
+				var cleanChildren = import_react.default.Children.map(rChildren, function(c) {
+					var _c_type;
+					if (!/* @__PURE__ */ import_react.default.isValidElement(c)) return c;
+					var dn = ((_c_type = c.type) === null || _c_type === void 0 ? void 0 : _c_type.displayName) || "";
+					if (dn.includes("ItemIndicator")) return null;
+					return c;
+				});
+				result.push(/* @__PURE__ */ import_react.default.createElement(menu.CheckboxItem, {
+					...rest1,
+					key: child.key,
+					value: itemValue === radioContext.value ? "on" : "off",
+					onValueChange: function() {
+						var _radioContext_onValueChange;
+						return (_radioContext_onValueChange = radioContext.onValueChange) === null || _radioContext_onValueChange === void 0 ? void 0 : _radioContext_onValueChange.call(radioContext, itemValue);
+					}
+				}, transformChildren(menu, map, cleanChildren, false, triggerBoundaryHandlers, radioContext)));
+				return;
+			}
+			var componentType = getComponentType(displayName);
+			if (componentType === "CheckboxItem") {
+				var { checked, onCheckedChange, value, onValueChange, children: cbChildren, ...rest2 } = props;
+				var finalValue = value !== null && value !== void 0 ? value : checked ? "on" : "off";
+				var finalOnValueChange = onValueChange !== null && onValueChange !== void 0 ? onValueChange : onCheckedChange && function(v) {
+					return onCheckedChange(v === "on");
+				};
+				var cleanChildren1 = import_react.default.Children.map(cbChildren, function(c) {
+					var _c_type;
+					if (!/* @__PURE__ */ import_react.default.isValidElement(c)) return c;
+					var dn = ((_c_type = c.type) === null || _c_type === void 0 ? void 0 : _c_type.displayName) || "";
+					if (dn.includes("ItemIndicator")) return null;
+					return c;
+				});
+				result.push(/* @__PURE__ */ import_react.default.createElement(menu.CheckboxItem, {
+					...rest2,
+					key: child.key,
+					value: finalValue,
+					onValueChange: finalOnValueChange
+				}, transformChildren(menu, map, cleanChildren1, false, triggerBoundaryHandlers, radioContext)));
+				return;
+			}
+			if (componentType) {
+				var { children: childChildren, ...restProps } = props;
+				var AdapterComponent = map[componentType];
+				var isContainer = CONTAINER_TYPES.includes(componentType);
+				var shouldReverse = componentType === "Content" || componentType === "SubContent";
+				result.push(/* @__PURE__ */ import_react.default.createElement(AdapterComponent, {
+					...restProps,
+					key: child.key
+				}, isContainer ? transformChildren(menu, map, childChildren, shouldReverse, triggerBoundaryHandlers, radioContext) : childChildren));
+				return;
+			}
+			if (isItemLike(props, displayName)) {
+				var { children: itemChildren, ...itemProps } = props;
+				result.push(/* @__PURE__ */ import_react.default.createElement(menu.Item, {
+					...itemProps,
+					key: child.key
+				}, transformChildren(menu, map, itemChildren, false, triggerBoundaryHandlers, radioContext)));
+				return;
+			}
+			result.push(child);
+		});
+		if (import_web.isIos && shouldReverseOnIos && !isContextMenu) {
+			result.reverse();
+		}
+		return result;
+	}
+	function lazyAdapter(name, displayName) {
+		var Comp = function(props) {
+			var z = resolve();
+			if (!z) return null;
+			return /* @__PURE__ */ import_react.default.createElement(z.menu[name], props);
+		};
+		Comp.displayName = displayName || name;
+		return Comp;
+	}
+	var Trigger = lazyAdapter("Trigger");
+	var Content = lazyAdapter("Content");
+	var Item = lazyAdapter("Item");
+	var ItemTitle = lazyAdapter("ItemTitle");
+	var ItemSubtitle = lazyAdapter("ItemSubtitle");
+	var ItemIcon = lazyAdapter("ItemIcon");
+	var ItemImage = lazyAdapter("ItemImage");
+	var ItemIndicator = lazyAdapter("ItemIndicator");
+	var Group = lazyAdapter("Group");
+	var Label = lazyAdapter("Label");
+	var Separator = lazyAdapter("Separator");
+	var Sub = lazyAdapter("Sub");
+	var SubTrigger = lazyAdapter("SubTrigger");
+	var SubContent = lazyAdapter("SubContent");
+	var Portal = function(param) {
+		var { children } = param;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+	};
+	Portal.displayName = "Portal";
+	var Arrow = function() {
+		return null;
+	};
+	Arrow.displayName = "Arrow";
+	var RadioGroup = function(param) {
+		var { children } = param;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+	};
+	RadioGroup.displayName = `${MenuType}RadioGroup`;
+	var RadioItem = function(param) {
+		var { children } = param;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+	};
+	RadioItem.displayName = `${MenuType}RadioItem`;
+	var CheckboxItem = function() {
+		return null;
+	};
+	CheckboxItem.displayName = "CheckboxItem";
+	var Preview = isContextMenu ? lazyAdapter("Preview", `${MenuType}Preview`) : function() {
+		return null;
+	};
+	Preview.displayName = `${MenuType}Preview`;
+	var Auxiliary = isContextMenu ? lazyAdapter("Auxiliary", `${MenuType}Auxiliary`) : function() {
+		return null;
+	};
+	Auxiliary.displayName = `${MenuType}Auxiliary`;
+	var Menu = function(param) {
+		var { children, onOpenChange, onOpenWillChange } = param;
+		var triggerOwnerRef = import_react.default.useRef(null);
+		var claimTriggerBoundary = import_react.default.useCallback(function(debugName) {
+			if (triggerOwnerRef.current) {
+				(0, import_native.unstable_releaseExternalPressOwnership)(triggerOwnerRef.current, debugName);
+			}
+			triggerOwnerRef.current = (0, import_native.unstable_claimExternalPressOwnership)(debugName);
+		}, []);
+		var releaseTriggerBoundary = import_react.default.useCallback(function(debugName) {
+			if (!triggerOwnerRef.current) return;
+			(0, import_native.unstable_releaseExternalPressOwnership)(triggerOwnerRef.current, debugName);
+			triggerOwnerRef.current = null;
+		}, []);
+		import_react.default.useEffect(function() {
+			return releaseTriggerBoundary;
+		}, [releaseTriggerBoundary]);
+		var z = resolve();
+		if (!z) return null;
+		var handleOpenChange = import_react.default.useCallback(function(isOpen) {
+			if (!isOpen) {
+				releaseTriggerBoundary();
+			}
+			onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
+		}, [onOpenChange, releaseTriggerBoundary]);
+		var handleOpenWillChange = import_react.default.useCallback(function(willOpen) {
+			if (!willOpen) {
+				releaseTriggerBoundary();
+			}
+			onOpenWillChange === null || onOpenWillChange === void 0 ? void 0 : onOpenWillChange(willOpen);
+		}, [onOpenWillChange, releaseTriggerBoundary]);
+		var rootProps = { onOpenChange: handleOpenChange };
+		if (isContextMenu && onOpenWillChange) {
+			rootProps.onOpenWillChange = handleOpenWillChange;
+		}
+		var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(z.menu.Root, {
+			...rootProps,
+			children: transformChildren(z.menu, z.componentMap, children, false, {
+				claim: claimTriggerBoundary,
+				release: releaseTriggerBoundary
+			})
+		});
+		if (isAndroid) {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NativeMenuContext.Provider, {
+				value: true,
+				children: content
+			});
+		}
+		return content;
+	};
+	Menu.displayName = MenuType;
+	return { Menu: (0, import_web.withStaticProperties)(Menu, {
+		Trigger,
+		Content,
+		Item,
+		ItemTitle,
+		ItemSubtitle,
+		ItemIcon,
+		ItemImage,
+		ItemIndicator,
+		Group,
+		Label,
+		Separator,
+		Sub,
+		SubTrigger,
+		SubContent,
+		CheckboxItem,
+		Portal,
+		RadioGroup,
+		RadioItem,
+		Arrow,
+		Preview,
+		Auxiliary
+	}) };
+};