@tamagui/web 3.0.0-beta.1551.1 → 3.0.0-beta.1564.1

package/dist/cjs/eventHandling.cjs

@@ -25,15 +25,21 @@ __export(eventHandling_exports, {
 	wrapWithGestureDetector: () => wrapWithGestureDetector
 });
 module.exports = __toCommonJS(eventHandling_exports);
+let lastTouch = -1e9;
+const pressFrom = (touch, handler) => handler && ((e) => {
+	if (touch) lastTouch = e.timeStamp;
+	else if (e.timeStamp - lastTouch < 1e3) return;
+	handler(e);
+});
 function getWebEvents(events, webStyle = true) {
 	return {
 		onMouseEnter: events.onMouseEnter,
 		onMouseLeave: events.onMouseLeave,
 		[webStyle ? "onClick" : "onPress"]: events.onPress,
-		onMouseDown: events.onPressIn,
-		onMouseUp: events.onPressOut,
-		onTouchStart: events.onPressIn,
-		onTouchEnd: events.onPressOut,
+		onMouseDown: pressFrom(false, events.onPressIn),
+		onMouseUp: pressFrom(false, events.onPressOut),
+		onTouchStart: pressFrom(true, events.onPressIn),
+		onTouchEnd: pressFrom(true, events.onPressOut),
 		onFocus: events.onFocus,
 		onBlur: events.onBlur
 	};

package/dist/cjs/helpers/getSplitStyles.native.cjs

@@ -931,7 +931,54 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	}
 	var direct = styleState;
 	var prevStyle = direct.flatPrevStyle;
-	if (prevStyle && styleState.style && !direct.flatStyleChanged && Object.keys(prevStyle).length === Object.keys(styleState.style).length) styleState.style = prevStyle;
+	if (prevStyle && styleState.style && !direct.flatStyleChanged && Object.keys(prevStyle).length === Object.keys(styleState.style).length) {
+		var previousTransform = prevStyle.transform;
+		var nextTransform = styleState.style.transform;
+		var transformMatches = previousTransform === nextTransform;
+		if (!transformMatches && Array.isArray(previousTransform) && Array.isArray(nextTransform) && previousTransform.length === nextTransform.length) {
+			transformMatches = true;
+			for (var index1 = 0; index1 < nextTransform.length; index1++) {
+				var previousPart = previousTransform[index1];
+				var nextPart = nextTransform[index1];
+				if (previousPart === nextPart) continue;
+				if (!previousPart || !nextPart || typeof previousPart !== "object" || typeof nextPart !== "object") {
+					transformMatches = false;
+					break;
+				}
+				var keys = Object.keys(nextPart);
+				if (keys.length !== Object.keys(previousPart).length) {
+					transformMatches = false;
+					break;
+				}
+				var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+				try {
+					var _loop = function() {
+						var key9 = _step1.value;
+						var previousValue = previousPart[key9];
+						var nextValue = nextPart[key9];
+						if (previousValue !== nextValue && !(Array.isArray(previousValue) && Array.isArray(nextValue) && previousValue.length === nextValue.length && nextValue.every(function(value, valueIndex) {
+							return value === previousValue[valueIndex];
+						}))) {
+							transformMatches = false;
+							return "break";
+						}
+					};
+					for (var _iterator1 = keys[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) if (_loop() === "break") break;
+				} catch (err) {
+					_didIteratorError1 = true;
+					_iteratorError1 = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+					} finally {
+						if (_didIteratorError1) throw _iteratorError1;
+					}
+				}
+				if (!transformMatches) break;
+			}
+		}
+		if (transformMatches) styleState.style = prevStyle;
+	}
 	var result = {
 		hasMedia,
 		fontFamily: styleState.fontFamily,

package/dist/cjs/helpers/getSplitStyles.native.js

@@ -931,7 +931,54 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	}
 	var direct = styleState;
 	var prevStyle = direct.flatPrevStyle;
-	if (prevStyle && styleState.style && !direct.flatStyleChanged && Object.keys(prevStyle).length === Object.keys(styleState.style).length) styleState.style = prevStyle;
+	if (prevStyle && styleState.style && !direct.flatStyleChanged && Object.keys(prevStyle).length === Object.keys(styleState.style).length) {
+		var previousTransform = prevStyle.transform;
+		var nextTransform = styleState.style.transform;
+		var transformMatches = previousTransform === nextTransform;
+		if (!transformMatches && Array.isArray(previousTransform) && Array.isArray(nextTransform) && previousTransform.length === nextTransform.length) {
+			transformMatches = true;
+			for (var index1 = 0; index1 < nextTransform.length; index1++) {
+				var previousPart = previousTransform[index1];
+				var nextPart = nextTransform[index1];
+				if (previousPart === nextPart) continue;
+				if (!previousPart || !nextPart || typeof previousPart !== "object" || typeof nextPart !== "object") {
+					transformMatches = false;
+					break;
+				}
+				var keys = Object.keys(nextPart);
+				if (keys.length !== Object.keys(previousPart).length) {
+					transformMatches = false;
+					break;
+				}
+				var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+				try {
+					var _loop = function() {
+						var key9 = _step1.value;
+						var previousValue = previousPart[key9];
+						var nextValue = nextPart[key9];
+						if (previousValue !== nextValue && !(Array.isArray(previousValue) && Array.isArray(nextValue) && previousValue.length === nextValue.length && nextValue.every(function(value, valueIndex) {
+							return value === previousValue[valueIndex];
+						}))) {
+							transformMatches = false;
+							return "break";
+						}
+					};
+					for (var _iterator1 = keys[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) if (_loop() === "break") break;
+				} catch (err) {
+					_didIteratorError1 = true;
+					_iteratorError1 = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+					} finally {
+						if (_didIteratorError1) throw _iteratorError1;
+					}
+				}
+				if (!transformMatches) break;
+			}
+		}
+		if (transformMatches) styleState.style = prevStyle;
+	}
 	var result = {
 		hasMedia,
 		fontFamily: styleState.fontFamily,