@hipay/hipay-material-ui 2.3.0-rc.PSYCHE-2530 → 2.3.0-rc.PSYCHE-2530-3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/HiDatePicker/HiDateRangeSelector.js +16 -3
  2. package/HiIcon/HiIcon.js +1 -2
  3. package/es/HiDatePicker/HiDateRangeSelector.js +16 -3
  4. package/es/HiIcon/HiIcon.js +1 -2
  5. package/es/hi-svg-icons/HiBriefcaseRescue.js +7 -1
  6. package/hi-svg-icons/HiBriefcaseRescue.js +7 -1
  7. package/package.json +1 -1
package/HiDatePicker/HiDateRangeSelector.js CHANGED
@@ -345,7 +345,9 @@ function (_React$Component) {
345
345
  selectProps = _this$props.selectProps,
346
346
  staticPosition = _this$props.staticPosition,
347
347
  props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
348
- var selectedPreset = this.state.selectedPreset;
348
+ var _this$state = this.state,
349
+ selectedPreset = _this$state.selectedPreset,
350
+ containerWidth = _this$state.containerWidth;
349
351
  var hiSelectableListProps = {
350
352
  hideCheckbox: true
351
353
  };
@@ -362,11 +364,19 @@ function (_React$Component) {
362
364
 
363
365
  }, _react.default.createElement("div", {
364
366
  className: classes.root,
367
+ style: containerWidth < 364 ? {
368
+ flexDirection: 'column'
369
+ } : {},
365
370
  ref: function ref(container) {
366
371
  _this3.container = container;
367
372
  }
368
373
  }, _react.default.createElement("div", {
369
- className: classes.select
374
+ className: classes.select,
375
+ style: containerWidth < 364 ? {
376
+ minWidth: '100%',
377
+ paddingBottom: 8,
378
+ paddingRight: 0
379
+ } : {}
370
380
  }, _react.default.createElement(_HiSelectField.default, (0, _extends2.default)({
371
381
  disabled: disabled,
372
382
  id: idSelect,
@@ -383,7 +393,10 @@ function (_React$Component) {
383
393
  staticPosition: staticPosition,
384
394
  onSubmit: this.props.onSubmit
385
395
  }, selectProps))), (_reactDeviceDetect.isMobile && selectedPreset === 'custom' || !_reactDeviceDetect.isMobile) && _react.default.createElement("div", {
386
- className: classes.input
396
+ className: classes.input,
397
+ style: containerWidth < 364 ? {
398
+ width: '100%'
399
+ } : {}
387
400
  }, _react.default.createElement(_HiDateRangePicker.default, (0, _extends2.default)({
388
401
  key: this.state.key,
389
402
  classes: {
package/HiIcon/HiIcon.js CHANGED
@@ -73,8 +73,7 @@ function HiIcon(props) {
73
73
  return _react.default.createElement(IconName, (0, _extends2.default)({
74
74
  className: (0, _classnames.default)(classes.root, className),
75
75
  color: color,
76
- width: size,
77
- height: size
76
+ size: size
78
77
  }, other));
79
78
  }
80
79
 
package/es/HiDatePicker/HiDateRangeSelector.js CHANGED
@@ -345,7 +345,9 @@ function (_React$Component) {
345
345
  selectProps = _this$props.selectProps,
346
346
  staticPosition = _this$props.staticPosition,
347
347
  props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
348
- var selectedPreset = this.state.selectedPreset;
348
+ var _this$state = this.state,
349
+ selectedPreset = _this$state.selectedPreset,
350
+ containerWidth = _this$state.containerWidth;
349
351
  var hiSelectableListProps = {
350
352
  hideCheckbox: true
351
353
  };
@@ -362,11 +364,19 @@ function (_React$Component) {
362
364
 
363
365
  }, _react.default.createElement("div", {
364
366
  className: classes.root,
367
+ style: containerWidth < 364 ? {
368
+ flexDirection: 'column'
369
+ } : {},
365
370
  ref: function ref(container) {
366
371
  _this3.container = container;
367
372
  }
368
373
  }, _react.default.createElement("div", {
369
- className: classes.select
374
+ className: classes.select,
375
+ style: containerWidth < 364 ? {
376
+ minWidth: '100%',
377
+ paddingBottom: 8,
378
+ paddingRight: 0
379
+ } : {}
370
380
  }, _react.default.createElement(_HiSelectField.default, (0, _extends2.default)({
371
381
  disabled: disabled,
372
382
  id: idSelect,
@@ -383,7 +393,10 @@ function (_React$Component) {
383
393
  staticPosition: staticPosition,
384
394
  onSubmit: this.props.onSubmit
385
395
  }, selectProps))), (_reactDeviceDetect.isMobile && selectedPreset === 'custom' || !_reactDeviceDetect.isMobile) && _react.default.createElement("div", {
386
- className: classes.input
396
+ className: classes.input,
397
+ style: containerWidth < 364 ? {
398
+ width: '100%'
399
+ } : {}
387
400
  }, _react.default.createElement(_HiDateRangePicker.default, (0, _extends2.default)({
388
401
  key: this.state.key,
389
402
  classes: {
package/es/HiIcon/HiIcon.js CHANGED
@@ -73,8 +73,7 @@ function HiIcon(props) {
73
73
  return _react.default.createElement(IconName, (0, _extends2.default)({
74
74
  className: (0, _classnames.default)(classes.root, className),
75
75
  color: color,
76
- width: size,
77
- height: size
76
+ size: size
78
77
  }, other));
79
78
  }
80
79
 
package/es/hi-svg-icons/HiBriefcaseRescue.js CHANGED
@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
17
17
 
18
+ var _index = require("@material-ui/core/styles/index");
19
+
18
20
  var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
19
21
  return _react.default.createElement(_Icon.default, {
20
22
  style: (0, _objectSpread2.default)({}, props.style, {
@@ -29,5 +31,9 @@ var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
29
31
  })));
30
32
  };
31
33
 
32
- var _default = HiBriefcaseRescue;
34
+ var _default = (0, _index.withStyles)({}, {
35
+ hiComponent: true,
36
+ withTheme: true
37
+ })(HiBriefcaseRescue);
38
+
33
39
  exports.default = _default;
package/hi-svg-icons/HiBriefcaseRescue.js CHANGED
@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
17
17
 
18
+ var _index = require("@material-ui/core/styles/index");
19
+
18
20
  var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
19
21
  return _react.default.createElement(_Icon.default, {
20
22
  style: (0, _objectSpread2.default)({}, props.style, {
@@ -29,5 +31,9 @@ var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
29
31
  })));
30
32
  };
31
33
 
32
- var _default = HiBriefcaseRescue;
34
+ var _default = (0, _index.withStyles)({}, {
35
+ hiComponent: true,
36
+ withTheme: true
37
+ })(HiBriefcaseRescue);
38
+
33
39
  exports.default = _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hipay/hipay-material-ui",
3
3
  "private": false,
4
- "version": "2.3.0-rc.PSYCHE-2530",
4
+ "version": "2.3.0-rc.PSYCHE-2530-3",
5
5
  "description": "React components that implement Google's Material Design.",
6
6
  "repository": {
7
7
  "type": "git",