1
1
'use strict'
2
- let { useCallback, useState, useLayoutEffect } = require ( 'react' )
2
+ var _require = require ( 'react' )
3
+ var useCallback = _require . useCallback
4
+ var useState = _require . useState
5
+ var useLayoutEffect = _require . useLayoutEffect
3
6
4
7
function getSize ( el ) {
5
8
if ( ! el ) {
@@ -16,11 +19,11 @@ function getSize(el) {
16
19
}
17
20
18
21
function useComponentSize ( ref ) {
19
- let [ ComponentSize , setComponentSize ] = useState (
20
- getSize ( ref ? ref . current : { } )
21
- )
22
+ var _useState = useState ( getSize ( ref ? ref . current : { } ) )
23
+ var ComponentSize = _useState [ 0 ]
24
+ var setComponentSize = _useState [ 1 ]
22
25
23
- const handleResize = useCallback (
26
+ var handleResize = useCallback (
24
27
function handleResize ( ) {
25
28
if ( ref . current ) {
26
29
setComponentSize ( getSize ( ref . current ) )
@@ -30,25 +33,25 @@ function useComponentSize(ref) {
30
33
)
31
34
32
35
useLayoutEffect (
33
- ( ) => {
36
+ function ( ) {
34
37
if ( ! ref . current ) {
35
38
return
36
39
}
37
40
38
41
handleResize ( )
39
42
40
43
if ( typeof ResizeObserver === 'function' ) {
41
- let resizeObserver = new ResizeObserver ( ( ) => handleResize ( ) )
44
+ var resizeObserver = new ResizeObserver ( function ( ) { handleResize ( ) } )
42
45
resizeObserver . observe ( ref . current )
43
46
44
- return ( ) => {
47
+ return function ( ) {
45
48
resizeObserver . disconnect ( ref . current )
46
49
resizeObserver = null
47
50
}
48
51
} else {
49
52
window . addEventListener ( 'resize' , handleResize )
50
53
51
- return ( ) => {
54
+ return function ( ) {
52
55
window . removeEventListener ( 'resize' , handleResize )
53
56
}
54
57
}
0 commit comments