@micromag/element-scroll 0.3.128 → 0.3.137

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.
Files changed (3) hide show
  1. package/es/index.js +5 -7
  2. package/lib/index.js +5 -7
  3. package/package.json +3 -3
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
- var scrolleeRect = _useResizeObserver2.entry.contentRect;
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: classNames([styles.scrollee, _defineProperty({}, scrolleeClassName, scrolleeClassName !== null)])
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
- var scrolleeRect = _useResizeObserver2.entry.contentRect;
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: classNames__default["default"]([styles.scrollee, _defineProperty__default["default"]({}, scrolleeClassName, scrolleeClassName !== null)])
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.128",
3
+ "version": "0.3.137",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -52,7 +52,7 @@
52
52
  "@fortawesome/fontawesome-svg-core": "^1.2.32",
53
53
  "@fortawesome/free-solid-svg-icons": "^5.15.1",
54
54
  "@fortawesome/react-fontawesome": "^0.1.13",
55
- "@micromag/core": "^0.3.126",
55
+ "@micromag/core": "^0.3.137",
56
56
  "@use-gesture/react": "^10.2.4",
57
57
  "classnames": "^2.2.6",
58
58
  "lodash": "^4.17.21",
@@ -63,5 +63,5 @@
63
63
  "publishConfig": {
64
64
  "access": "public"
65
65
  },
66
- "gitHead": "c968790aaa40811a33fd151892abc083bc596d4b"
66
+ "gitHead": "a94963893e52f7914128182fe7e1538de79b6f20"
67
67
  }