@tamagui/core 1.48.9 → 1.48.11
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.js +3 -8
- package/dist/cjs/hooks/useElementLayout.js.map +1 -1
- package/dist/esm/hooks/useElementLayout.js +3 -8
- package/dist/esm/hooks/useElementLayout.js.map +1 -1
- package/package.json +6 -6
- package/src/hooks/useElementLayout.tsx +3 -10
- package/types/hooks/useElementLayout.d.ts.map +1 -1
|
@@ -23,7 +23,6 @@ __export(useElementLayout_exports, {
|
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(useElementLayout_exports);
|
|
25
25
|
var import_constants = require("@tamagui/constants");
|
|
26
|
-
var import_use_event = require("@tamagui/use-event");
|
|
27
26
|
var import_getBoundingClientRect = require("../helpers/getBoundingClientRect");
|
|
28
27
|
var import_getRect = require("../helpers/getRect");
|
|
29
28
|
const LayoutHandlers = /* @__PURE__ */ new WeakMap();
|
|
@@ -58,23 +57,19 @@ const measureLayout = (node, relativeTo, callback) => {
|
|
|
58
57
|
}, 0);
|
|
59
58
|
}
|
|
60
59
|
};
|
|
61
|
-
const idFn = () => {
|
|
62
|
-
};
|
|
63
60
|
function useElementLayout(ref, onLayout) {
|
|
64
|
-
const hasLayoutEvent = !!onLayout;
|
|
65
|
-
const onLayoutEvent = (0, import_use_event.useEvent)(onLayout || idFn);
|
|
66
61
|
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
67
|
-
if (!resizeObserver || !
|
|
62
|
+
if (!resizeObserver || !onLayout)
|
|
68
63
|
return;
|
|
69
64
|
const node = ref.current;
|
|
70
65
|
if (!node)
|
|
71
66
|
return;
|
|
72
|
-
LayoutHandlers.set(node,
|
|
67
|
+
LayoutHandlers.set(node, onLayout);
|
|
73
68
|
resizeObserver.observe(node);
|
|
74
69
|
return () => {
|
|
75
70
|
resizeObserver == null ? void 0 : resizeObserver.unobserve(node);
|
|
76
71
|
};
|
|
77
|
-
}, [ref,
|
|
72
|
+
}, [ref, onLayout]);
|
|
78
73
|
}
|
|
79
74
|
// Annotate the CommonJS export names for ESM import in node:
|
|
80
75
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useElementLayout.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C;AAI1C,mCAAsC;AACtC,qBAAwB;AAExB,MAAM,iBAAiB,oBAAI,QAA2B;AAmBtD,IAAI,iBAAwC;AAE5C,IAAI,OAAO,WAAW,eAAe,oBAAoB,QAAQ;AAC/D,mBAAiB,IAAI,eAAe,CAAC,YAAY;AAC/C,eAAW,EAAE,OAAO,KAAK,SAAS;AAChC,YAAM,WAAW,eAAe,IAAI,MAAM;AAC1C,UAAI,OAAO,aAAa;AAAY;AACpC,oBAAc,QAAuB,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC7E,iBAAS;AAAA,UACP,aAAa;AAAA,YACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,YACzC;AAAA,UACF;AAAA,UACA,WAAW,KAAK,IAAI;AAAA,QACtB,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEO,MAAM,gBAAgB,CAC3B,MACA,YACA,aACG;AACH,QAAM,eAAe,eAAc,6BAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,eAAW,MAAM;AACf,YAAM,mBAAe,oDAAsB,YAAY;AACvD,YAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,QAAI,wBAAQ,IAAI;AACjD,YAAM,IAAI,OAAO,aAAa;AAC9B,YAAM,IAAI,MAAM,aAAa;AAC7B,eAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,IACzC,GAAG,CAAC;AAAA,EACN;AACF;AAEO,SAAS,iBACd,KACA,UACA;AACA,kDAA0B,MAAM;AAC9B,QAAI,CAAC,kBAAkB,CAAC;AAAU;AAClC,UAAM,OAAO,IAAI;AACjB,QAAI,CAAC;AAAM;AACX,mBAAe,IAAI,MAAM,QAAQ;AACjC,mBAAe,QAAQ,IAAI;AAC3B,WAAO,MAAM;AACX,uDAAgB,UAAU;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AACpB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
2
|
-
import { useEvent } from "@tamagui/use-event";
|
|
3
2
|
import { getBoundingClientRect } from "../helpers/getBoundingClientRect";
|
|
4
3
|
import { getRect } from "../helpers/getRect";
|
|
5
4
|
const LayoutHandlers = /* @__PURE__ */ new WeakMap();
|
|
@@ -34,23 +33,19 @@ const measureLayout = (node, relativeTo, callback) => {
|
|
|
34
33
|
}, 0);
|
|
35
34
|
}
|
|
36
35
|
};
|
|
37
|
-
const idFn = () => {
|
|
38
|
-
};
|
|
39
36
|
function useElementLayout(ref, onLayout) {
|
|
40
|
-
const hasLayoutEvent = !!onLayout;
|
|
41
|
-
const onLayoutEvent = useEvent(onLayout || idFn);
|
|
42
37
|
useIsomorphicLayoutEffect(() => {
|
|
43
|
-
if (!resizeObserver || !
|
|
38
|
+
if (!resizeObserver || !onLayout)
|
|
44
39
|
return;
|
|
45
40
|
const node = ref.current;
|
|
46
41
|
if (!node)
|
|
47
42
|
return;
|
|
48
|
-
LayoutHandlers.set(node,
|
|
43
|
+
LayoutHandlers.set(node, onLayout);
|
|
49
44
|
resizeObserver.observe(node);
|
|
50
45
|
return () => {
|
|
51
46
|
resizeObserver == null ? void 0 : resizeObserver.unobserve(node);
|
|
52
47
|
};
|
|
53
|
-
}, [ref,
|
|
48
|
+
}, [ref, onLayout]);
|
|
54
49
|
}
|
|
55
50
|
export {
|
|
56
51
|
measureLayout,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useElementLayout.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iCAAiC;
|
|
4
|
+
"mappings": "AAAA,SAAS,iCAAiC;AAI1C,SAAS,6BAA6B;AACtC,SAAS,eAAe;AAExB,MAAM,iBAAiB,oBAAI,QAA2B;AAmBtD,IAAI,iBAAwC;AAE5C,IAAI,OAAO,WAAW,eAAe,oBAAoB,QAAQ;AAC/D,mBAAiB,IAAI,eAAe,CAAC,YAAY;AAC/C,eAAW,EAAE,OAAO,KAAK,SAAS;AAChC,YAAM,WAAW,eAAe,IAAI,MAAM;AAC1C,UAAI,OAAO,aAAa;AAAY;AACpC,oBAAc,QAAuB,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC7E,iBAAS;AAAA,UACP,aAAa;AAAA,YACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,YACzC;AAAA,UACF;AAAA,UACA,WAAW,KAAK,IAAI;AAAA,QACtB,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEO,MAAM,gBAAgB,CAC3B,MACA,YACA,aACG;AACH,QAAM,eAAe,eAAc,6BAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,eAAW,MAAM;AACf,YAAM,eAAe,sBAAsB,YAAY;AACvD,YAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAI;AACjD,YAAM,IAAI,OAAO,aAAa;AAC9B,YAAM,IAAI,MAAM,aAAa;AAC7B,eAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,IACzC,GAAG,CAAC;AAAA,EACN;AACF;AAEO,SAAS,iBACd,KACA,UACA;AACA,4BAA0B,MAAM;AAC9B,QAAI,CAAC,kBAAkB,CAAC;AAAU;AAClC,UAAM,OAAO,IAAI;AACjB,QAAI,CAAC;AAAM;AACX,mBAAe,IAAI,MAAM,QAAQ;AACjC,mBAAe,QAAQ,IAAI;AAC3B,WAAO,MAAM;AACX,uDAAgB,UAAU;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AACpB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/core",
|
|
3
|
-
"version": "1.48.
|
|
3
|
+
"version": "1.48.11",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -28,16 +28,16 @@
|
|
|
28
28
|
"reset.css"
|
|
29
29
|
],
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/react-native-use-pressable": "1.48.
|
|
32
|
-
"@tamagui/react-native-use-responder-events": "1.48.
|
|
33
|
-
"@tamagui/use-event": "1.48.
|
|
34
|
-
"@tamagui/web": "1.48.
|
|
31
|
+
"@tamagui/react-native-use-pressable": "1.48.11",
|
|
32
|
+
"@tamagui/react-native-use-responder-events": "1.48.11",
|
|
33
|
+
"@tamagui/use-event": "1.48.11",
|
|
34
|
+
"@tamagui/web": "1.48.11"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"react": "*"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@tamagui/build": "1.48.
|
|
40
|
+
"@tamagui/build": "1.48.11",
|
|
41
41
|
"@testing-library/react": "^13.4.0",
|
|
42
42
|
"csstype": "^3.0.10",
|
|
43
43
|
"react": "^18.2.0",
|
|
@@ -61,25 +61,18 @@ export const measureLayout = (
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
const idFn = () => {}
|
|
65
|
-
|
|
66
64
|
export function useElementLayout(
|
|
67
65
|
ref: RefObject<Element>,
|
|
68
66
|
onLayout?: ((e: LayoutEvent) => void) | null
|
|
69
67
|
) {
|
|
70
|
-
const hasLayoutEvent = !!onLayout
|
|
71
|
-
const onLayoutEvent = useEvent(onLayout || idFn)
|
|
72
|
-
|
|
73
|
-
// Observing is done in a separate effect to avoid this effect running
|
|
74
|
-
// when 'onLayout' changes.
|
|
75
68
|
useIsomorphicLayoutEffect(() => {
|
|
76
|
-
if (!resizeObserver || !
|
|
69
|
+
if (!resizeObserver || !onLayout) return
|
|
77
70
|
const node = ref.current
|
|
78
71
|
if (!node) return
|
|
79
|
-
LayoutHandlers.set(node,
|
|
72
|
+
LayoutHandlers.set(node, onLayout)
|
|
80
73
|
resizeObserver.observe(node)
|
|
81
74
|
return () => {
|
|
82
75
|
resizeObserver?.unobserve(node)
|
|
83
76
|
}
|
|
84
|
-
}, [ref,
|
|
77
|
+
}, [ref, onLayout])
|
|
85
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useElementLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE;QACX,MAAM,EAAE,WAAW,CAAA;QACnB,MAAM,EAAE,GAAG,CAAA;KACZ,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAsBD,eAAO,MAAM,aAAa,SAClB,WAAW,cACL,WAAW,GAAG,IAAI,YACpB,QAAQ,SAYnB,CAAA;
|
|
1
|
+
{"version":3,"file":"useElementLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE;QACX,MAAM,EAAE,WAAW,CAAA;QACnB,MAAM,EAAE,GAAG,CAAA;KACZ,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAsBD,eAAO,MAAM,aAAa,SAClB,WAAW,cACL,WAAW,GAAG,IAAI,YACpB,QAAQ,SAYnB,CAAA;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC,EACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,QAY7C"}
|