@hipay/hipay-material-ui 3.13.2 → 3.13.3

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/HiScrollStepper/HiScrollStepper.js +14 -2
  2. package/es/HiScrollStepper/HiScrollStepper.js +14 -2
  3. package/package.json +3 -4
package/HiScrollStepper/HiScrollStepper.js CHANGED
@@ -94,6 +94,11 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
94
94
  stepLabelVisible = _useState2[0],
95
95
  setStepLabelVisible = _useState2[1];
96
96
 
97
+ var _useState3 = (0, _react.useState)(document.body.scrollHeight > document.body.clientHeight),
98
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
99
+ pageHasScroll = _useState4[0],
100
+ setPageHasScroll = _useState4[1];
101
+
97
102
  var instantActiveStep = 0;
98
103
  var stepsRef = (0, _react.useMemo)(function () {
99
104
  return Array(steps.length).fill(0).map(function () {
@@ -121,7 +126,7 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
121
126
 
122
127
  var handleScroll = function handleScroll() {
123
128
  var newActiveStep = 0;
124
- var scrollOffset = window.pageYOffset;
129
+ var scrollOffset = window.pageYOffset + 1;
125
130
 
126
131
  if (scrollOffset < stepMargin) {
127
132
  newActiveStep = 0;
@@ -166,12 +171,18 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
166
171
  setStepLabelVisible(newVisibility);
167
172
  };
168
173
 
174
+ var handleResize = function handleResize() {
175
+ setPageHasScroll(document.body.scrollHeight > document.body.clientHeight);
176
+ };
177
+
169
178
  (0, _reactUse.useMount)(function () {
170
179
  window.addEventListener('scroll', handleScroll);
180
+ window.addEventListener('resize', handleResize);
171
181
  });
172
182
  (0, _react.useEffect)(function () {
173
183
  return function () {
174
184
  window.removeEventListener('scroll', handleScroll);
185
+ window.removeEventListener('resize', handleResize);
175
186
  };
176
187
  }, []);
177
188
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -191,7 +202,8 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
191
202
  },
192
203
  indicator: step.indicator,
193
204
  label: stepLabelVisible ? step.label : null,
194
- status: status[index]
205
+ status: pageHasScroll ? status[index] : null,
206
+ disabled: !pageHasScroll
195
207
  });
196
208
  }))), stepLabelVisibilityToggle && /*#__PURE__*/_react.default.createElement(_HiIconButton.default, {
197
209
  className: (0, _classnames.default)(classes.hideLabelToggle, customClasses.hideLabelToggle),
package/es/HiScrollStepper/HiScrollStepper.js CHANGED
@@ -94,6 +94,11 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
94
94
  stepLabelVisible = _useState2[0],
95
95
  setStepLabelVisible = _useState2[1];
96
96
 
97
+ var _useState3 = (0, _react.useState)(document.body.scrollHeight > document.body.clientHeight),
98
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
99
+ pageHasScroll = _useState4[0],
100
+ setPageHasScroll = _useState4[1];
101
+
97
102
  var instantActiveStep = 0;
98
103
  var stepsRef = (0, _react.useMemo)(function () {
99
104
  return Array(steps.length).fill(0).map(function () {
@@ -121,7 +126,7 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
121
126
 
122
127
  var handleScroll = function handleScroll() {
123
128
  var newActiveStep = 0;
124
- var scrollOffset = window.pageYOffset;
129
+ var scrollOffset = window.pageYOffset + 1;
125
130
 
126
131
  if (scrollOffset < stepMargin) {
127
132
  newActiveStep = 0;
@@ -166,12 +171,18 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
166
171
  setStepLabelVisible(newVisibility);
167
172
  };
168
173
 
174
+ var handleResize = function handleResize() {
175
+ setPageHasScroll(document.body.scrollHeight > document.body.clientHeight);
176
+ };
177
+
169
178
  (0, _reactUse.useMount)(function () {
170
179
  window.addEventListener('scroll', handleScroll);
180
+ window.addEventListener('resize', handleResize);
171
181
  });
172
182
  (0, _react.useEffect)(function () {
173
183
  return function () {
174
184
  window.removeEventListener('scroll', handleScroll);
185
+ window.removeEventListener('resize', handleResize);
175
186
  };
176
187
  }, []);
177
188
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -191,7 +202,8 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
191
202
  },
192
203
  indicator: step.indicator,
193
204
  label: stepLabelVisible ? step.label : null,
194
- status: status[index]
205
+ status: pageHasScroll ? status[index] : null,
206
+ disabled: !pageHasScroll
195
207
  });
196
208
  }))), stepLabelVisibilityToggle && /*#__PURE__*/_react.default.createElement(_HiIconButton.default, {
197
209
  className: (0, _classnames.default)(classes.hideLabelToggle, customClasses.hideLabelToggle),
package/package.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "name": "@hipay/hipay-material-ui",
3
- "private": false,
4
- "version": "3.13.2",
3
+ "version": "3.13.3",
5
4
  "description": "React components that implement Google's Material Design.",
6
5
  "repository": {
7
6
  "type": "git",
@@ -27,7 +26,7 @@
27
26
  "dependencies": {
28
27
  "@babel/plugin-transform-runtime": "^7.8.3",
29
28
  "@babel/runtime": "7.6.3",
30
- "@mui/lab": "^5.0.0-alpha.64",
29
+ "@mui/lab": "5.0.0-alpha.89",
31
30
  "@mui/icons-material": "^5.2.5",
32
31
  "brcast": "3.0.1",
33
32
  "classnames": "2.2.6",
@@ -78,4 +77,4 @@
78
77
  },
79
78
  "main": "./index.js",
80
79
  "module": "./esm/index.js"
81
- }
80
+ }