@tamagui/button 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/Button.native.cjs

@@ -0,0 +1,224 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Button_exports = {};
+__export(Button_exports, {
+	Button: () => Button2,
+	ButtonContext: () => ButtonContext,
+	ButtonFrame: () => ButtonFrame,
+	ButtonIcon: () => ButtonIcon,
+	ButtonText: () => ButtonText,
+	useButton: () => useButton
+});
+module.exports = __toCommonJS(Button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
+var import_stacks = require("@tamagui/stacks");
+var import_text = require("@tamagui/text");
+var import_web = require("@tamagui/web");
+var import_react = require("react");
+var buttonContextKeys = [
+	"color",
+	"ellipsis",
+	"fontFamily",
+	"fontSize",
+	"fontStyle",
+	"fontWeight",
+	"letterSpacing",
+	"maxFontSizeMultiplier",
+	"textAlign"
+];
+var ButtonContext = (0, import_web.createStyledContext)({
+	color: void 0,
+	ellipsis: void 0,
+	fontFamily: void 0,
+	fontSize: void 0,
+	fontStyle: void 0,
+	fontWeight: void 0,
+	letterSpacing: void 0,
+	maxFontSizeMultiplier: void 0,
+	textAlign: void 0
+}, { keys: buttonContextKeys });
+var ButtonFrame = (0, import_web.styled)(import_web.View, {
+	context: ButtonContext,
+	displayName: "ButtonFrame",
+	role: "button",
+	render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button" }),
+	tabIndex: 0,
+	alignItems: "center",
+	flexDirection: "row",
+	flexWrap: "nowrap",
+	justifyContent: "center",
+	variants: { disabled: { true: { pointerEvents: "none" } } }
+});
+var ButtonText = (0, import_web.styled)(import_web.Text, {
+	context: ButtonContext,
+	displayName: "ButtonText",
+	flexGrow: 0,
+	flexShrink: 1
+});
+var ButtonIcon = function(param) {
+	var { children, color, scaleIcon = 1, size } = param;
+	var styledContext = ButtonContext.useStyledContext();
+	var iconColor = color !== null && color !== void 0 ? color : styledContext === null || styledContext === void 0 ? void 0 : styledContext.color;
+	var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
+		color: iconColor === "unset" || typeof iconColor === "number" ? void 0 : iconColor,
+		size: size === void 0 ? void 0 : size * scaleIcon
+	});
+	return getThemedIcon(children);
+};
+var buttonInternalPropNames = [
+	"children",
+	"color",
+	"disabled",
+	"ellipsis",
+	"fontFamily",
+	"fontSize",
+	"fontStyle",
+	"fontWeight",
+	"icon",
+	"iconAfter",
+	"iconSize",
+	"letterSpacing",
+	"maxFontSizeMultiplier",
+	"noTextWrap",
+	"render",
+	"scaleIcon",
+	"textAlign",
+	"textProps"
+];
+function useButton(propsIn) {
+	var { Text: _$Text = ButtonText, iconColor: iconColorOption, iconSize: iconSizeOption, textProps: textPropsOption } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+	var isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext);
+	var styledContext = ButtonContext.useStyledContext();
+	var processedProps = (0, import_web.useProps)(propsIn, {
+		noNormalize: true,
+		noExpand: true
+	});
+	var { children, color, disabled, ellipsis, fontFamily, fontSize, fontStyle, fontWeight, icon, iconAfter, iconSize, letterSpacing, maxFontSizeMultiplier, noTextWrap, render, scaleIcon = 1, textAlign, textProps } = processedProps;
+	var frameProps = { ...propsIn };
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = buttonInternalPropNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var key = _step.value;
+			delete frameProps[key];
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	var contextColor = color !== null && color !== void 0 ? color : styledContext === null || styledContext === void 0 ? void 0 : styledContext.color;
+	var iconColor = iconColorOption !== null && iconColorOption !== void 0 ? iconColorOption : contextColor;
+	var resolvedIconSize = iconSize !== null && iconSize !== void 0 ? iconSize : iconSizeOption;
+	var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
+		color: iconColor === "unset" || typeof iconColor === "number" ? void 0 : iconColor,
+		size: resolvedIconSize === void 0 ? void 0 : resolvedIconSize * scaleIcon
+	});
+	var [themedIcon, themedIconAfter] = [icon, iconAfter].map(function(item) {
+		return item ? getThemedIcon(item) : null;
+	});
+	var textContext = {
+		color: contextColor,
+		ellipsis: ellipsis !== null && ellipsis !== void 0 ? ellipsis : styledContext === null || styledContext === void 0 ? void 0 : styledContext.ellipsis,
+		fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontFamily,
+		fontSize: fontSize !== null && fontSize !== void 0 ? fontSize : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontSize,
+		fontStyle: fontStyle !== null && fontStyle !== void 0 ? fontStyle : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontStyle,
+		fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontWeight,
+		letterSpacing: letterSpacing !== null && letterSpacing !== void 0 ? letterSpacing : styledContext === null || styledContext === void 0 ? void 0 : styledContext.letterSpacing,
+		maxFontSizeMultiplier: maxFontSizeMultiplier !== null && maxFontSizeMultiplier !== void 0 ? maxFontSizeMultiplier : styledContext === null || styledContext === void 0 ? void 0 : styledContext.maxFontSizeMultiplier,
+		textAlign: textAlign !== null && textAlign !== void 0 ? textAlign : styledContext === null || styledContext === void 0 ? void 0 : styledContext.textAlign
+	};
+	var wrappedChildren = (0, import_text.wrapChildrenInText)(_$Text, {
+		children,
+		...textContext,
+		noTextWrap,
+		textProps
+	}, {
+		...textPropsOption,
+		...processedProps.size === void 0 ? null : { size: processedProps.size }
+	});
+	var resolvedRender = render !== null && render !== void 0 ? render : isNested ? "span" : processedProps.accessibilityRole === "link" || processedProps.role === "link" ? "a" : disabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		disabled: true
+	}) : void 0;
+	var props = {
+		...frameProps,
+		...disabled && {
+			"aria-disabled": true,
+			disabled: true,
+			tabIndex: -1
+		},
+		...resolvedRender === void 0 ? null : { render: resolvedRender },
+		...isNested && {
+			role: "none",
+			tabIndex: -1,
+			"aria-disabled": void 0,
+			disabled: void 0,
+			onPress: void 0,
+			onPressIn: void 0,
+			onPressOut: void 0,
+			onLongPress: void 0,
+			onClick: void 0,
+			onKeyDown: void 0,
+			onKeyUp: void 0
+		},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
+			value: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ButtonContext.Provider, {
+				...textContext,
+				children: [
+					themedIcon,
+					wrappedChildren,
+					themedIconAfter
+				]
+			})
+		})
+	};
+	return {
+		isNested,
+		props
+	};
+}
+var ButtonComponent = (0, import_web.createStyledHOC)(ButtonFrame, function Button(props, ref) {
+	var { props: buttonProps } = useButton(props);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonFrame, {
+		ref,
+		...buttonProps
+	});
+});
+var Button2 = (0, import_web.withStaticProperties)(ButtonComponent, {
+	Apply: ButtonContext.Provider,
+	Frame: ButtonFrame,
+	Icon: ButtonIcon,
+	Text: ButtonText
+});