@tamagui/core 1.126.14 → 1.126.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/hooks/useElementLayout.cjs +12 -3
- package/dist/cjs/hooks/useElementLayout.js +11 -2
- package/dist/cjs/hooks/useElementLayout.js.map +1 -1
- package/dist/cjs/hooks/useElementLayout.native.js +14 -3
- package/dist/cjs/hooks/useElementLayout.native.js.map +2 -2
- package/dist/cjs/index.cjs +3 -2
- package/dist/cjs/index.js +3 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +4 -2
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/hooks/useElementLayout.js +11 -2
- package/dist/esm/hooks/useElementLayout.js.map +1 -1
- package/dist/esm/hooks/useElementLayout.mjs +12 -4
- package/dist/esm/hooks/useElementLayout.mjs.map +1 -1
- package/dist/esm/hooks/useElementLayout.native.js +17 -4
- package/dist/esm/hooks/useElementLayout.native.js.map +1 -1
- package/dist/esm/index.js +5 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +3 -3
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +3 -3
- package/dist/esm/index.native.js.map +1 -1
- package/dist/native.js +54 -43
- package/dist/native.js.map +3 -3
- package/dist/test.native.js +54 -43
- package/dist/test.native.js.map +3 -3
- package/package.json +7 -7
- package/src/hooks/useElementLayout.tsx +25 -1
- package/src/index.tsx +2 -1
- package/types/hooks/useElementLayout.d.ts +3 -0
- package/types/hooks/useElementLayout.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createMedia","Stack","WebStack","Text","WebText","View","WebView","composeEventHandlers","createTamagui","createTamaguiWeb","setupHooks","React","createOptimizedView","getBaseViews","getRect","measureLayout","usePressability","
|
|
1
|
+
{"version":3,"names":["createMedia","Stack","WebStack","Text","WebText","View","WebView","composeEventHandlers","createTamagui","createTamaguiWeb","setupHooks","React","addNativeValidStyles","createOptimizedView","getBaseViews","getRect","measureLayout","usePressability","getElementLayoutEvent","setOnLayoutStrategy","conf","media","baseViews","setElementProps","node","measure","_node","_node1","_node2","callback","relativeToNode","success","measureInWindow","setTimeout","height","left","top","width","usePropsTransform","elementType","propsIn","stateRef","willHydrate","isDOM","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","collapsable","focusable","accessible","accessibilityDisabled","onLayout","hrefAttrs","plainDOMProps","href","download","rel","target","useEvents","viewProps","events","param","setStateShallow","staticConfig","pseudos","onFocus","onBlur","isInput","onPressIn","onPressOut","onPress","inputEvents","Object","assign","hitSlop","pressability","process","env","NODE_ENV","debug","console","info","keys","key","og","val","dontComposePressabilityKeys","useChildren","children","TAMAGUI_OPTIMIZE_NATIVE_VIEWS","createElement","onClick"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/native.js
CHANGED
|
@@ -12095,11 +12095,49 @@ __export(index_exports, {
|
|
|
12095
12095
|
Text: () => Text,
|
|
12096
12096
|
View: () => View,
|
|
12097
12097
|
createTamagui: () => createTamagui,
|
|
12098
|
-
getElementLayoutEvent: () => getElementLayoutEvent
|
|
12098
|
+
getElementLayoutEvent: () => getElementLayoutEvent,
|
|
12099
|
+
setOnLayoutStrategy: () => setOnLayoutStrategy
|
|
12099
12100
|
});
|
|
12100
12101
|
module.exports = __toCommonJS(index_exports);
|
|
12101
12102
|
var import_react_native_media_driver = __toESM(require_index_native9()), import_react_native_use_responder_events = __toESM(require_index_native10()), import_web2 = __toESM(require_index_native8()), import_react2 = __toESM(require("react"));
|
|
12102
12103
|
|
|
12104
|
+
// src/addNativeValidStyles.native.ts
|
|
12105
|
+
var import_helpers = __toESM(require_index_native3());
|
|
12106
|
+
function getReactNativeVersion() {
|
|
12107
|
+
var version = process.env.REACT_NATIVE_VERSION || "";
|
|
12108
|
+
if (!process.env.REACT_NATIVE_VERSION)
|
|
12109
|
+
try {
|
|
12110
|
+
var ReactNativeOfficalVersion = require("react-native/Libraries/Core/ReactNativeVersion");
|
|
12111
|
+
if (ReactNativeOfficalVersion) {
|
|
12112
|
+
var { version: { major, minor, patch } } = ReactNativeOfficalVersion;
|
|
12113
|
+
version = `${major}.${minor}.${patch}`;
|
|
12114
|
+
}
|
|
12115
|
+
} catch {
|
|
12116
|
+
} finally {
|
|
12117
|
+
version || (version = "0.77");
|
|
12118
|
+
}
|
|
12119
|
+
var [major1, minor1, patch1] = version.split(".");
|
|
12120
|
+
return [
|
|
12121
|
+
+major1,
|
|
12122
|
+
+minor1,
|
|
12123
|
+
+patch1
|
|
12124
|
+
];
|
|
12125
|
+
}
|
|
12126
|
+
function addNativeValidStyles() {
|
|
12127
|
+
var [major, minor] = getReactNativeVersion();
|
|
12128
|
+
if (major === 0 && minor >= 77) {
|
|
12129
|
+
var additional = {
|
|
12130
|
+
boxSizing: !0,
|
|
12131
|
+
mixBlendMode: !0,
|
|
12132
|
+
outlineWidth: !0,
|
|
12133
|
+
outlineStyle: !0,
|
|
12134
|
+
outlineSpread: !0,
|
|
12135
|
+
outlineColor: !0
|
|
12136
|
+
};
|
|
12137
|
+
Object.assign(import_helpers.validStyles, additional), Object.assign(import_helpers.stylePropsAll, additional);
|
|
12138
|
+
}
|
|
12139
|
+
}
|
|
12140
|
+
|
|
12103
12141
|
// src/createOptimizedView.native.tsx
|
|
12104
12142
|
var import_react = __toESM(require("react"));
|
|
12105
12143
|
function createOptimizedView(children, viewProps, baseViews2) {
|
|
@@ -12317,7 +12355,11 @@ var getRect = function(node) {
|
|
|
12317
12355
|
};
|
|
12318
12356
|
|
|
12319
12357
|
// src/hooks/useElementLayout.tsx
|
|
12320
|
-
var import_constants = __toESM(require_index_native2()), import_web = __toESM(require_index_native8()), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(),
|
|
12358
|
+
var import_constants = __toESM(require_index_native2()), import_web = __toESM(require_index_native8()), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), status = "active";
|
|
12359
|
+
function setOnLayoutStrategy(state) {
|
|
12360
|
+
status = state;
|
|
12361
|
+
}
|
|
12362
|
+
var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
|
|
12321
12363
|
if (import_constants.isClient)
|
|
12322
12364
|
if (rAF) {
|
|
12323
12365
|
let updateLayoutIfChanged = function(node) {
|
|
@@ -12334,16 +12376,21 @@ if (import_constants.isClient)
|
|
|
12334
12376
|
}
|
|
12335
12377
|
}
|
|
12336
12378
|
}, layoutOnAnimationFrame = function() {
|
|
12337
|
-
|
|
12379
|
+
var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
|
|
12380
|
+
if (lastFrameAt = now, status !== "inactive") {
|
|
12381
|
+
var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
|
|
12382
|
+
hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
|
|
12383
|
+
}
|
|
12384
|
+
rAF(layoutOnAnimationFrame);
|
|
12338
12385
|
};
|
|
12339
|
-
updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), (0, import_web.___onDidFinishClientRender)(function() {
|
|
12386
|
+
updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2, (0, import_web.___onDidFinishClientRender)(function() {
|
|
12340
12387
|
avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
|
|
12341
12388
|
return cb();
|
|
12342
12389
|
}), queuedUpdates.clear());
|
|
12343
12390
|
}), rAF(layoutOnAnimationFrame);
|
|
12344
12391
|
} else
|
|
12345
12392
|
process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
|
|
12346
|
-
var avoidUpdates, queuedUpdates, updateLayoutIfChanged2, layoutOnAnimationFrame2, getElementLayoutEvent = function(target) {
|
|
12393
|
+
var avoidUpdates, queuedUpdates, lastFrameAt, numDroppedFramesUntilPause, updateLayoutIfChanged2, layoutOnAnimationFrame2, getElementLayoutEvent = function(target) {
|
|
12347
12394
|
var res = null;
|
|
12348
12395
|
if (measureLayout(target, null, function(x, y, width, height, left, top) {
|
|
12349
12396
|
res = {
|
|
@@ -12387,43 +12434,6 @@ var avoidUpdates, queuedUpdates, updateLayoutIfChanged2, layoutOnAnimationFrame2
|
|
|
12387
12434
|
// src/vendor/Pressability.native.tsx
|
|
12388
12435
|
var Pressability = require_fake_react_native().default, usePressability = (init_idFn(), __toCommonJS(idFn_exports)).default;
|
|
12389
12436
|
|
|
12390
|
-
// src/addNativeValidStyles.native.ts
|
|
12391
|
-
var import_helpers = __toESM(require_index_native3());
|
|
12392
|
-
function getReactNativeVersion() {
|
|
12393
|
-
var version = process.env.REACT_NATIVE_VERSION || "";
|
|
12394
|
-
if (!process.env.REACT_NATIVE_VERSION)
|
|
12395
|
-
try {
|
|
12396
|
-
var ReactNativeOfficalVersion = require("react-native/Libraries/Core/ReactNativeVersion");
|
|
12397
|
-
if (ReactNativeOfficalVersion) {
|
|
12398
|
-
var { version: { major, minor, patch } } = ReactNativeOfficalVersion;
|
|
12399
|
-
version = `${major}.${minor}.${patch}`;
|
|
12400
|
-
}
|
|
12401
|
-
} catch {
|
|
12402
|
-
} finally {
|
|
12403
|
-
version || (version = "0.77");
|
|
12404
|
-
}
|
|
12405
|
-
var [major1, minor1, patch1] = version.split(".");
|
|
12406
|
-
return [
|
|
12407
|
-
+major1,
|
|
12408
|
-
+minor1,
|
|
12409
|
-
+patch1
|
|
12410
|
-
];
|
|
12411
|
-
}
|
|
12412
|
-
function addNativeValidStyles() {
|
|
12413
|
-
var [major, minor] = getReactNativeVersion();
|
|
12414
|
-
if (major === 0 && minor >= 77) {
|
|
12415
|
-
var additional = {
|
|
12416
|
-
boxSizing: !0,
|
|
12417
|
-
mixBlendMode: !0,
|
|
12418
|
-
outlineWidth: !0,
|
|
12419
|
-
outlineStyle: !0,
|
|
12420
|
-
outlineSpread: !0,
|
|
12421
|
-
outlineColor: !0
|
|
12422
|
-
};
|
|
12423
|
-
Object.assign(import_helpers.validStyles, additional), Object.assign(import_helpers.stylePropsAll, additional);
|
|
12424
|
-
}
|
|
12425
|
-
}
|
|
12426
|
-
|
|
12427
12437
|
// src/index.tsx
|
|
12428
12438
|
__reExport(index_exports, __toESM(require_index_native8()), module.exports);
|
|
12429
12439
|
addNativeValidStyles();
|
|
@@ -12492,6 +12502,7 @@ var dontComposePressabilityKeys = {
|
|
|
12492
12502
|
Text,
|
|
12493
12503
|
View,
|
|
12494
12504
|
createTamagui,
|
|
12495
|
-
getElementLayoutEvent
|
|
12505
|
+
getElementLayoutEvent,
|
|
12506
|
+
setOnLayoutStrategy
|
|
12496
12507
|
});
|
|
12497
12508
|
//# sourceMappingURL=native.js.map
|