@micromag/element-scroll 0.3.128 → 0.3.130
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/es/index.js +5 -7
- package/lib/index.js +5 -7
- package/package.json +2 -2
package/es/index.js
CHANGED
|
@@ -16,7 +16,6 @@ var propTypes = {
|
|
|
16
16
|
disabled: PropTypes.bool,
|
|
17
17
|
verticalAlign: PropTypes.oneOf(['top', 'middle', 'bottom']),
|
|
18
18
|
className: PropTypes.string,
|
|
19
|
-
scrolleeClassName: PropTypes.string,
|
|
20
19
|
children: PropTypes.node,
|
|
21
20
|
onScrolledBottom: PropTypes.func,
|
|
22
21
|
onScrolledNotBottom: PropTypes.func,
|
|
@@ -30,7 +29,6 @@ var defaultProps = {
|
|
|
30
29
|
disabled: false,
|
|
31
30
|
verticalAlign: null,
|
|
32
31
|
className: null,
|
|
33
|
-
scrolleeClassName: null,
|
|
34
32
|
children: null,
|
|
35
33
|
onScrolledBottom: null,
|
|
36
34
|
onScrolledNotBottom: null,
|
|
@@ -46,7 +44,6 @@ function Scroll(_ref) {
|
|
|
46
44
|
disabled = _ref.disabled,
|
|
47
45
|
verticalAlign = _ref.verticalAlign,
|
|
48
46
|
className = _ref.className,
|
|
49
|
-
scrolleeClassName = _ref.scrolleeClassName,
|
|
50
47
|
children = _ref.children,
|
|
51
48
|
onScrolledBottom = _ref.onScrolledBottom,
|
|
52
49
|
onScrolledNotBottom = _ref.onScrolledNotBottom,
|
|
@@ -73,9 +70,9 @@ function Scroll(_ref) {
|
|
|
73
70
|
scrollContainerRef.current = scrollableRef.current; // eslint-disable-line
|
|
74
71
|
}
|
|
75
72
|
|
|
76
|
-
var _useResizeObserver2 = useResizeObserver()
|
|
77
|
-
_useResizeObserver2.ref
|
|
78
|
-
|
|
73
|
+
var _useResizeObserver2 = useResizeObserver(),
|
|
74
|
+
scrolleeRef = _useResizeObserver2.ref,
|
|
75
|
+
scrolleeRect = _useResizeObserver2.entry.contentRect;
|
|
79
76
|
|
|
80
77
|
var _ref3 = scrolleeRect || {},
|
|
81
78
|
scrolleeHeight = _ref3.height;
|
|
@@ -146,7 +143,8 @@ function Scroll(_ref) {
|
|
|
146
143
|
className: styles.scrollable,
|
|
147
144
|
ref: scrollableRef
|
|
148
145
|
}, bind()), /*#__PURE__*/React.createElement("div", {
|
|
149
|
-
className:
|
|
146
|
+
className: styles.scrollee,
|
|
147
|
+
ref: scrolleeRef
|
|
150
148
|
}, children)), !disabled ? /*#__PURE__*/React.createElement("div", {
|
|
151
149
|
className: styles.arrowContainer
|
|
152
150
|
}, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
|
package/lib/index.js
CHANGED
|
@@ -26,7 +26,6 @@ var propTypes = {
|
|
|
26
26
|
disabled: PropTypes__default["default"].bool,
|
|
27
27
|
verticalAlign: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom']),
|
|
28
28
|
className: PropTypes__default["default"].string,
|
|
29
|
-
scrolleeClassName: PropTypes__default["default"].string,
|
|
30
29
|
children: PropTypes__default["default"].node,
|
|
31
30
|
onScrolledBottom: PropTypes__default["default"].func,
|
|
32
31
|
onScrolledNotBottom: PropTypes__default["default"].func,
|
|
@@ -40,7 +39,6 @@ var defaultProps = {
|
|
|
40
39
|
disabled: false,
|
|
41
40
|
verticalAlign: null,
|
|
42
41
|
className: null,
|
|
43
|
-
scrolleeClassName: null,
|
|
44
42
|
children: null,
|
|
45
43
|
onScrolledBottom: null,
|
|
46
44
|
onScrolledNotBottom: null,
|
|
@@ -56,7 +54,6 @@ function Scroll(_ref) {
|
|
|
56
54
|
disabled = _ref.disabled,
|
|
57
55
|
verticalAlign = _ref.verticalAlign,
|
|
58
56
|
className = _ref.className,
|
|
59
|
-
scrolleeClassName = _ref.scrolleeClassName,
|
|
60
57
|
children = _ref.children,
|
|
61
58
|
onScrolledBottom = _ref.onScrolledBottom,
|
|
62
59
|
onScrolledNotBottom = _ref.onScrolledNotBottom,
|
|
@@ -83,9 +80,9 @@ function Scroll(_ref) {
|
|
|
83
80
|
scrollContainerRef.current = scrollableRef.current; // eslint-disable-line
|
|
84
81
|
}
|
|
85
82
|
|
|
86
|
-
var _useResizeObserver2 = hooks.useResizeObserver()
|
|
87
|
-
_useResizeObserver2.ref
|
|
88
|
-
|
|
83
|
+
var _useResizeObserver2 = hooks.useResizeObserver(),
|
|
84
|
+
scrolleeRef = _useResizeObserver2.ref,
|
|
85
|
+
scrolleeRect = _useResizeObserver2.entry.contentRect;
|
|
89
86
|
|
|
90
87
|
var _ref3 = scrolleeRect || {},
|
|
91
88
|
scrolleeHeight = _ref3.height;
|
|
@@ -156,7 +153,8 @@ function Scroll(_ref) {
|
|
|
156
153
|
className: styles.scrollable,
|
|
157
154
|
ref: scrollableRef
|
|
158
155
|
}, bind()), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
159
|
-
className:
|
|
156
|
+
className: styles.scrollee,
|
|
157
|
+
ref: scrolleeRef
|
|
160
158
|
}, children)), !disabled ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
161
159
|
className: styles.arrowContainer
|
|
162
160
|
}, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/element-scroll",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.130",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"publishConfig": {
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "7bc22e7b7b2265fa399a3690884d7eb26481b9f1"
|
|
67
67
|
}
|