@tamagui/native 2.7.7 → 3.0.0-beta.1097.1

package/dist/cjs/expoUIMenuAdapter.native.cjs

@@ -0,0 +1,310 @@
+"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 expoUIMenuAdapter_exports = {};
+__export(expoUIMenuAdapter_exports, { createExpoUIMenuAdapter: () => createExpoUIMenuAdapter });
+module.exports = __toCommonJS(expoUIMenuAdapter_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+function marker(name) {
+	var Marker = function() {
+		return null;
+	};
+	Marker.displayName = `ExpoUI${name}`;
+	return Marker;
+}
+function isMarkerType(candidate, type) {
+	if (candidate === type) return true;
+	var wanted = type.displayName;
+	if (!wanted) return false;
+	return typeof candidate === "function" && candidate.displayName === wanted;
+}
+function elementOfType(children, type) {
+	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) && isMarkerType(child.type, type)) {
+				return child;
+			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return null;
+}
+var warnedUnsupported = /* @__PURE__ */ new Set();
+function warnUnsupported(feature) {
+	if (warnedUnsupported.has(feature) || process.env.NODE_ENV === "production") {
+		return;
+	}
+	warnedUnsupported.add(feature);
+	console.warn(`[Tamagui] @expo/ui/community/menu does not support ${feature}, so it will not render. Register a different native menu adapter if you need it.`);
+}
+function textFromNode(node) {
+	if (typeof node === "string" || typeof node === "number") return String(node);
+	if (!/* @__PURE__ */ import_react.default.isValidElement(node)) return "";
+	return import_react.default.Children.toArray(node.props.children).map(textFromNode).join("");
+}
+function createExpoUIMenuAdapter(param) {
+	var { MenuView } = param;
+	var NativeMenuView = MenuView;
+	function createModule(isContextMenu) {
+		var Trigger = marker("Trigger");
+		var Content = marker("Content");
+		var Item = marker("Item");
+		var ItemTitle = marker("ItemTitle");
+		var ItemSubtitle = marker("ItemSubtitle");
+		var ItemIcon = marker("ItemIcon");
+		var ItemImage = marker("ItemImage");
+		var ItemIndicator = marker("ItemIndicator");
+		var Group = marker("Group");
+		var Label = marker("Label");
+		var Separator = marker("Separator");
+		var Sub = marker("Sub");
+		var SubTrigger = marker("SubTrigger");
+		var SubContent = marker("SubContent");
+		var CheckboxItem = marker("CheckboxItem");
+		var Preview = marker("Preview");
+		var Auxiliary = marker("Auxiliary");
+		function Root(param2) {
+			var { children, onOpenChange, onOpenWillChange } = param2;
+			var trigger = elementOfType(children, Trigger);
+			var content = elementOfType(children, Content);
+			var preview = elementOfType(children, Preview);
+			var auxiliary = elementOfType(children, Auxiliary);
+			if (preview || auxiliary) {
+				warnUnsupported("context-menu previews or auxiliary views");
+			}
+			if (!trigger || !content) {
+				throw new Error("Tamagui native menus require one Trigger and one Content");
+			}
+			var nextId = 0;
+			var handlers = /* @__PURE__ */ new Map();
+			function actionId(element) {
+				return element.key == null ? `tamagui-menu-${nextId++}` : String(element.key).replace(/^\.\$/, "");
+			}
+			function itemTitle(element) {
+				if (typeof element.props.textValue === "string") return element.props.textValue;
+				var title = elementOfType(element.props.children, ItemTitle);
+				return title ? textFromNode(title.props.children) : "";
+			}
+			function actionImage(element) {
+				var image = elementOfType(element.props.children, ItemImage);
+				if (image === null || image === void 0 ? void 0 : image.props.source) return image.props.source;
+				var icon = elementOfType(element.props.children, ItemIcon);
+				if (!icon) return void 0;
+				var ios = icon.props.ios;
+				if (typeof ios === "object" && ios && "name" in ios && typeof ios.name === "string") {
+					return ios.name;
+				}
+				return typeof icon.props.iosIconName === "string" ? icon.props.iosIconName : void 0;
+			}
+			function attributes(element) {
+				var destructive = element.props.destructive === true;
+				var disabled = element.props.disabled === true;
+				var hidden = element.props.hidden === true;
+				return destructive || disabled || hidden ? {
+					destructive,
+					disabled,
+					hidden
+				} : void 0;
+			}
+			function actionsFrom(childrenToParse) {
+				var actions = [];
+				var section = null;
+				function append(action) {
+					if (section) {
+						section.push(action);
+					} else {
+						actions.push(action);
+					}
+				}
+				function flushSection() {
+					if (!(section === null || section === void 0 ? void 0 : section.length)) {
+						section = [];
+						return;
+					}
+					actions.push({
+						id: `tamagui-menu-section-${nextId++}`,
+						title: "",
+						subactions: section,
+						displayInline: true
+					});
+					section = [];
+				}
+				var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+				try {
+					var _loop = function() {
+						var child = _step.value;
+						if (!/* @__PURE__ */ import_react.default.isValidElement(child)) return "continue";
+						if (isMarkerType(child.type, Separator)) {
+							if (!section) section = actions.splice(0);
+							flushSection();
+							return "continue";
+						}
+						if (isMarkerType(child.type, Group)) {
+							var label2 = elementOfType(child.props.children, Label);
+							append({
+								id: actionId(child),
+								title: label2 ? textFromNode(label2.props.children) : "",
+								subactions: actionsFrom(child.props.children),
+								displayInline: true
+							});
+							return "continue";
+						}
+						if (isMarkerType(child.type, Sub)) {
+							var subTrigger = elementOfType(child.props.children, SubTrigger);
+							var subContent = elementOfType(child.props.children, SubContent);
+							if (!subTrigger || !subContent) {
+								throw new Error("Tamagui native submenus require one SubTrigger and SubContent");
+							}
+							append({
+								id: actionId(child),
+								title: itemTitle(subTrigger),
+								image: actionImage(subTrigger),
+								attributes: attributes(subTrigger),
+								subactions: actionsFrom(subContent.props.children)
+							});
+							return "continue";
+						}
+						if (!isMarkerType(child.type, Item) && !isMarkerType(child.type, CheckboxItem)) return "continue";
+						if (elementOfType(child.props.children, ItemSubtitle)) {
+							warnUnsupported("menu item subtitles");
+						}
+						var id = actionId(child);
+						if (isMarkerType(child.type, CheckboxItem)) {
+							var current = child.props.value === true || child.props.value === "on" || child.props.checked === true;
+							var onValueChange = child.props.onValueChange;
+							var onCheckedChange = child.props.onCheckedChange;
+							handlers.set(id, function() {
+								if (typeof onValueChange === "function") {
+									onValueChange(current ? "off" : "on", current ? "on" : "off");
+								} else if (typeof onCheckedChange === "function") {
+									onCheckedChange(!current);
+								}
+							});
+							append({
+								id,
+								title: itemTitle(child),
+								image: actionImage(child),
+								state: current ? "on" : "off",
+								attributes: attributes(child)
+							});
+							return "continue";
+						}
+						var onSelect = child.props.onSelect;
+						if (typeof onSelect === "function") {
+							handlers.set(id, function() {
+								return onSelect();
+							});
+						}
+						append({
+							id,
+							title: itemTitle(child),
+							image: actionImage(child),
+							attributes: attributes(child)
+						});
+					};
+					for (var _iterator = import_react.default.Children.toArray(childrenToParse)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+				} catch (err) {
+					_didIteratorError = true;
+					_iteratorError = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion && _iterator.return != null) {
+							_iterator.return();
+						}
+					} finally {
+						if (_didIteratorError) {
+							throw _iteratorError;
+						}
+					}
+				}
+				if (section) flushSection();
+				return actions;
+			}
+			var label = elementOfType(content.props.children, Label);
+			var triggerAction = trigger.props.action;
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeMenuView, {
+				actions: actionsFrom(content.props.children),
+				title: label ? textFromNode(label.props.children) : void 0,
+				shouldOpenOnLongPress: triggerAction === "longPress" || triggerAction !== "press" && isContextMenu,
+				onPressAction: function(event) {
+					var _handlers_get;
+					return (_handlers_get = handlers.get(event.nativeEvent.event)) === null || _handlers_get === void 0 ? void 0 : _handlers_get();
+				},
+				onOpenMenu: function() {
+					onOpenWillChange === null || onOpenWillChange === void 0 ? void 0 : onOpenWillChange(true);
+					onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true);
+				},
+				onCloseMenu: function() {
+					onOpenWillChange === null || onOpenWillChange === void 0 ? void 0 : onOpenWillChange(false);
+					onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
+				},
+				children: trigger.props.children
+			});
+		}
+		return {
+			Root,
+			Trigger,
+			Content,
+			Item,
+			ItemTitle,
+			ItemSubtitle,
+			ItemIcon,
+			ItemImage,
+			ItemIndicator,
+			Group,
+			Label,
+			Separator,
+			Sub,
+			SubTrigger,
+			SubContent,
+			CheckboxItem,
+			Preview,
+			Auxiliary
+		};
+	}
+	return {
+		name: "expo-ui",
+		Menu: createModule(false),
+		ContextMenu: createModule(true)
+	};
+}