@hipay/hipay-material-ui 3.6.3 → 3.7.1

package/HiCell/CellText.js

@@ -13,20 +13,24 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = {
   leftEllipsisSpan: {
     display: 'inline-block',
@@ -49,16 +53,16 @@ var styles = {
 };
 exports.styles = styles;
 
-var CellText =
-/*#__PURE__*/
-function (_React$Component) {
+var CellText = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(CellText, _React$Component);
 
+  var _super = _createSuper(CellText);
+
   function CellText(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, CellText);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellText).call(this, props));
+    _this = _super.call(this, props);
     _this.cellText = null;
     _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
@@ -160,14 +164,14 @@ function (_React$Component) {
             end = '';
           }
 
-          valueElement = _react.default.createElement("div", {
+          valueElement = /*#__PURE__*/_react.default.createElement("div", {
             ref: function ref(div) {
               _this2.cellText = div;
             },
             title: title
-          }, _react.default.createElement("span", {
+          }, /*#__PURE__*/_react.default.createElement("span", {
             className: classes.rightEllipsisSpan
-          }, "".concat(start, " ")), _react.default.createElement("span", {
+          }, "".concat(start, " ")), /*#__PURE__*/_react.default.createElement("span", {
             className: classes.leftEllipsisSpan
           }, end));
           break;
@@ -176,24 +180,24 @@ function (_React$Component) {
           // Split value in 2 strings
           start = valueString.substr(0, Math.round(valueString.length / 2));
           end = valueString.substr(Math.round(valueString.length / 2));
-          valueElement = _react.default.createElement("div", {
+          valueElement = /*#__PURE__*/_react.default.createElement("div", {
             ref: function ref(div) {
               _this2.cellText = div;
             },
             title: title
-          }, _react.default.createElement("span", {
+          }, /*#__PURE__*/_react.default.createElement("span", {
             className: classes.noEllipsisSpan
-          }, start), _react.default.createElement("span", {
+          }, start), /*#__PURE__*/_react.default.createElement("span", {
             className: classes.leftEllipsisSpan
           }, end));
           break;
 
         case 'left':
-          valueElement = color ? _react.default.createElement(_HiColoredLabel.default, {
+          valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
             className: classes.leftEllipsisSpan,
             label: valueString,
             color: color
-          }) : _react.default.createElement("div", {
+          }) : /*#__PURE__*/_react.default.createElement("div", {
             className: classes.leftEllipsisSpan,
             style: {
               width: '100%'
@@ -204,11 +208,11 @@ function (_React$Component) {
 
         case 'right':
         default:
-          valueElement = color ? _react.default.createElement(_HiColoredLabel.default, {
+          valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
             className: classes.rightEllipsisSpan,
             label: valueString,
             color: color
-          }) : _react.default.createElement("div", {
+          }) : /*#__PURE__*/_react.default.createElement("div", {
             className: classes.rightEllipsisSpan,
             style: {
               width: '100%'

package/HiCell/CellTextStyled.js

@@ -73,7 +73,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
   var valueString = label ? label.toString() : value ? value.toString() : "";
 
   if (isButton) {
-    return _react.default.createElement(_HiButton.default, {
+    return /*#__PURE__*/_react.default.createElement(_HiButton.default, {
       color: color,
       onClick: onClick,
       size: "small",
@@ -92,16 +92,16 @@ var CellTextStyled = function CellTextStyled(_ref) {
     });
   }
 
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     style: styleRoot,
     title: title || valueString
-  }, color ? _react.default.createElement(_HiColoredLabel.default, {
+  }, color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
     style: styleColorLabel,
     label: valueString,
     color: color,
     active: active,
     fontSize: 13
-  }) : _react.default.createElement("div", {
+  }) : /*#__PURE__*/_react.default.createElement("div", {
     style: styleLabel
   }, valueString));
 };

package/HiCheckbox/HiCheckbox.js

@@ -21,14 +21,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
@@ -39,7 +39,10 @@ var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-// @inheritedComponent Checkbox
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     root: {
@@ -75,16 +78,16 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var HiCheckbox =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiCheckbox, _React$PureComponent);
 
+  var _super = _createSuper(HiCheckbox);
+
   function HiCheckbox(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiCheckbox);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiCheckbox).call(this, props));
+    _this = _super.call(this, props);
     _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
@@ -136,7 +139,7 @@ function (_React$PureComponent) {
         };
 
         if (typeof icon === 'string') {
-          checkboxIcon = _react.default.createElement(_HiIcon.default, (0, _extends2.default)({
+          checkboxIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
             icon: icon
           }, iconProps));
         } else if ((0, _typeof2.default)(icon) === 'object') {
@@ -145,7 +148,7 @@ function (_React$PureComponent) {
         }
       }
 
-      return _react.default.createElement(_Checkbox.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_Checkbox.default, (0, _extends2.default)({
         classes: {
           root: classes.root,
           checked: (0, _classnames.default)(classes.checked, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checkedPrimary, color === 'primary' || color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.checkedSecondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.checkedPositive, color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.checkedNegative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.checkedMiddle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
@@ -156,14 +159,14 @@ function (_React$PureComponent) {
         onChange: this.handleChange,
         icon: checkboxIcon
       }, checkedIcon && {
-        checkedIcon: _react.default.createElement(_HiIcon.default, {
+        checkedIcon: /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
           className: classes.root,
           icon: checkedIcon,
           color: color,
           size: 20
         })
       }, indeterminateIcon && {
-        indeterminateIcon: _react.default.createElement(_HiIcon.default, {
+        indeterminateIcon: /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
           className: classes.root,
           icon: indeterminateIcon,
           color: color,

package/HiChip/HiChip.js

@@ -164,7 +164,7 @@ var HiChip = function HiChip(props) {
     };
 
     if (typeof icon === 'string') {
-      chipIcon = _react.default.createElement(_HiIcon.default, (0, _extends2.default)({
+      chipIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
         icon: icon
       }, iconProps));
     } else if ((0, _typeof2.default)(icon) === 'object') {
@@ -185,7 +185,7 @@ var HiChip = function HiChip(props) {
     };
 
     if (typeof labelIcon === 'string') {
-      chipLabelIcon = _react.default.createElement(_HiIcon.default, (0, _extends2.default)({
+      chipLabelIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
         icon: labelIcon
       }, _iconProps));
     } else if ((0, _typeof2.default)(labelIcon) === 'object') {
@@ -194,7 +194,7 @@ var HiChip = function HiChip(props) {
     }
   }
 
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     role: 'button',
     className: (0, _classnames.default)(classes.root, className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.leftNavigation, onPrevious), (0, _defineProperty2.default)(_classNames2, classes.rightNavigation, onNext), (0, _defineProperty2.default)(_classNames2, classes.deletable, onDelete), (0, _defineProperty2.default)(_classNames2, classes.leftIcon, icon), _classNames2)),
@@ -203,10 +203,10 @@ var HiChip = function HiChip(props) {
     onKeyDown: onKeyDown,
     tabIndex: onKeyDown ? '0' : '-1',
     style: style
-  }, chipIcon, prefix && _react.default.createElement("span", {
+  }, chipIcon, prefix && /*#__PURE__*/_react.default.createElement("span", {
     id: "".concat(id, "-prefix"),
     className: classes.prefix
-  }, prefix), img && _react.default.createElement("img", {
+  }, prefix), img && /*#__PURE__*/_react.default.createElement("img", {
     className: classes.badge,
     id: "".concat(id, "-badge"),
     src: img,
@@ -219,7 +219,7 @@ var HiChip = function HiChip(props) {
       }
     },
     title: titleImg
-  }), labelIcon && chipLabelIcon, onPrevious && _react.default.createElement(_HiIcon.default, {
+  }), labelIcon && chipLabelIcon, onPrevious && /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
     className: (0, _classnames.default)(classes.navigate),
     id: "".concat(id, "-previous"),
     icon: "arrow_left",
@@ -230,10 +230,10 @@ var HiChip = function HiChip(props) {
     size: iconSize,
     title: titlePrevious,
     tabIndex: 0
-  }), _react.default.createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     id: "".concat(id, "-label"),
     className: classes.label
-  }, label), onNext && _react.default.createElement(_HiIcon.default, {
+  }, label), onNext && /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
     className: (0, _classnames.default)(classes.navigate),
     id: "".concat(id, "-next"),
     icon: "arrow_right",
@@ -244,7 +244,7 @@ var HiChip = function HiChip(props) {
     size: iconSize,
     title: titleNext,
     tabIndex: 0
-  }), onDelete && _react.default.createElement(_HiIcon.default, {
+  }), onDelete && /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
     classes: {
       root: classes.eraseIcon
     },

package/HiChip/HiChipSwitch.js

@@ -15,14 +15,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -37,6 +37,10 @@ var _styles = require("@material-ui/core/styles");
 
 var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     root: (0, _objectSpread2.default)({}, theme.typography.b3, {
@@ -117,16 +121,16 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var HiChipSwitch =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiChipSwitch = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiChipSwitch, _React$PureComponent);
 
+  var _super = _createSuper(HiChipSwitch);
+
   function HiChipSwitch(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiChipSwitch);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiChipSwitch).call(this, props));
+    _this = _super.call(this, props);
     _this.chipSwitchRef = null;
 
     _this.handleKeyDown = function (event) {
@@ -213,7 +217,7 @@ function (_React$PureComponent) {
         };
       }
 
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         id: id,
         className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.active, !!active), (0, _defineProperty2.default)(_classNames, classes.inactive, !active), _classNames)),
         onClick: onClick,
@@ -223,13 +227,13 @@ function (_React$PureComponent) {
         ref: function ref(node) {
           _this2.chipRef = node;
         }
-      }, _react.default.createElement(_HiIcon.default, {
+      }, /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
         icon: active ? activeIcon : 'add',
         size: 20,
         className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconActive, !!active))
-      }), _react.default.createElement("span", {
+      }), /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.label, (0, _defineProperty2.default)({}, classes.noSelection, selection === null))
-      }, label), selection !== null && _react.default.createElement("div", (0, _extends2.default)({
+      }, label), selection !== null && /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         className: (0, _classnames.default)(classes.selection, (0, _defineProperty2.default)({}, classes.selectionClickable, onSelectionClick && selection !== 0))
       }, selectionProps), selection));
     }

package/HiColoredLabel/HiColoredLabel.js

@@ -152,7 +152,7 @@ function HiColoredLabel(props) {
   var color = propsColor || 'primary';
   var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
   var isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
-  return _react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.color, !active), (0, _defineProperty2.default)(_classNames, classes.activeColor, active), (0, _defineProperty2.default)(_classNames, classes.outlined, outlined), (0, _defineProperty2.default)(_classNames, classes["activeColor".concat((0, _helpers.capitalize)(color))], active && isHiColor), (0, _defineProperty2.default)(_classNames, classes["color".concat((0, _helpers.capitalize)(color))], !active && isHiColor), (0, _defineProperty2.default)(_classNames, classes.body1, fontSize >= 15), (0, _defineProperty2.default)(_classNames, classes.body2, fontSize === 14), (0, _defineProperty2.default)(_classNames, classes.body3, fontSize === 13), (0, _defineProperty2.default)(_classNames, classes.body4, fontSize === 12), (0, _defineProperty2.default)(_classNames, classes.body5, fontSize <= 11), _classNames), className),
     style: (0, _objectSpread2.default)({}, style, {}, isHexColor && {
       backgroundColor: active ? color : (0, _colorManipulator.fade)(color, 0.08),

package/HiDatePicker/Caption.js

@@ -39,12 +39,12 @@ var Caption = function Caption(_ref) {
       onMonthClick = _ref.onMonthClick,
       onYearClick = _ref.onYearClick;
   var months = localeUtils.getMonths(locale);
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.caption
-  }, _react.default.createElement(_HiButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
     size: "small",
     onClick: onMonthClick
-  }, months[date.getMonth()]), _react.default.createElement(_HiButton.default, {
+  }, months[date.getMonth()]), /*#__PURE__*/_react.default.createElement(_HiButton.default, {
     size: "small",
     onClick: onYearClick
   }, date.getFullYear()));

package/HiDatePicker/HiDatePicker.js

@@ -21,12 +21,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
@@ -61,16 +61,20 @@ var _reactDeviceDetect = require("react-device-detect");
 
 var _HiDatePickerMobile = _interopRequireDefault(require("./HiDatePickerMobile"));
 
-var HiDatePicker =
-/*#__PURE__*/
-function (_React$Component) {
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+var HiDatePicker = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiDatePicker, _React$Component);
 
+  var _super = _createSuper(HiDatePicker);
+
   function HiDatePicker(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiDatePicker);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDatePicker).call(this));
+    _this = _super.call(this);
 
     _this.handleInputChange = function (event) {
       _this.props.onChange(event.target.value);
@@ -171,7 +175,7 @@ function (_React$Component) {
     };
 
     _this.renderCaption = function (propsCaption) {
-      return _react.default.createElement(_Caption.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_Caption.default, (0, _extends2.default)({
         onMonthClick: _this.handleMonthClick,
         onYearClick: _this.handleYearClick
       }, propsCaption));
@@ -190,7 +194,7 @@ function (_React$Component) {
 
         case 'calendar':
         default:
-          return _react.default.createElement(_Overlay.default, propsOverlay);
+          return /*#__PURE__*/_react.default.createElement(_Overlay.default, propsOverlay);
       }
     };
 
@@ -199,7 +203,7 @@ function (_React$Component) {
         value: _this.state.currentMonth,
         onChange: _this.handleCurrentMonthChange
       };
-      return _react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
         key: 'month-picker-overlay'
       }, monthPickerProps, propsOverlay));
     };
@@ -210,7 +214,7 @@ function (_React$Component) {
         onChange: _this.handleTimeChange,
         onCalendarClick: _this.handleCalendarClick
       };
-      return _react.default.createElement(_TimePickerOverlay.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_TimePickerOverlay.default, (0, _extends2.default)({
         key: 'time-picker-overlay'
       }, timePickerProps, propsOverlay));
     };
@@ -222,7 +226,7 @@ function (_React$Component) {
         disableFutureDays: _this.props.disableFutureDays,
         minimumDate: _this.props.minimumDate
       };
-      return _react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
         key: 'year-picker-overlay'
       }, yearPickerProps, propsOverlay));
     };
@@ -277,7 +281,7 @@ function (_React$Component) {
         onTodayButtonClick: this.handleCurrentMonthChange,
         weekdayElement: _Weekday.default,
         navbarElement: function navbarElement(props2) {
-          return _react.default.createElement(_NavBar.default, (0, _extends2.default)({
+          return /*#__PURE__*/_react.default.createElement(_NavBar.default, (0, _extends2.default)({
             showClockButton: enableTime,
             onClockClick: _this2.handleClockClick
           }, props2, {
@@ -308,10 +312,10 @@ function (_React$Component) {
           onSubmit: this.props.onSubmit
         }
       });
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.root,
         onKeyDown: this.handleKeyDown()
-      }, !_reactDeviceDetect.isMobile ? _react.default.createElement(_DayPickerInput.default, {
+      }, !_reactDeviceDetect.isMobile ? /*#__PURE__*/_react.default.createElement(_DayPickerInput.default, {
         ref: function ref(el) {
           _this2.datePickerInput = el;
         },
@@ -326,7 +330,7 @@ function (_React$Component) {
         formatDate: _moment.default.formatDate,
         parseDate: _moment.default.parseDate,
         onDayChange: this.handleDayChange
-      }) : _react.default.createElement(_HiDatePickerMobile.default, {
+      }) : /*#__PURE__*/_react.default.createElement(_HiDatePickerMobile.default, {
         id: this.props.id,
         label: this.props.label,
         required: this.props.required,

package/HiDatePicker/HiDatePickerMobile.js

@@ -17,12 +17,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
@@ -37,14 +37,18 @@ var _styles = require("@material-ui/core/styles");
 
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
 
-var HiDatePickerMobile =
-/*#__PURE__*/
-function (_React$Component) {
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+var HiDatePickerMobile = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiDatePickerMobile, _React$Component);
 
+  var _super = _createSuper(HiDatePickerMobile);
+
   function HiDatePickerMobile() {
     (0, _classCallCheck2.default)(this, HiDatePickerMobile);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDatePickerMobile).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   (0, _createClass2.default)(HiDatePickerMobile, [{
@@ -71,7 +75,7 @@ function (_React$Component) {
       var addtionalProps = (0, _objectSpread2.default)({}, this.props.disabled && {
         disabled: "disabled"
       });
-      return _react.default.createElement(_HiFormControl.default, {
+      return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
         required: required,
@@ -80,14 +84,14 @@ function (_React$Component) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon
-      }, _react.default.createElement(_HiInput.default, {
+      }, /*#__PURE__*/_react.default.createElement(_HiInput.default, {
         inputId: id,
         name: id,
         type: "text",
         placeholder: this.props.placeholder,
         value: !value ? '' : (0, _momentTimezone.default)(value).format(format),
         disabled: disabled
-      }), _react.default.createElement("input", (0, _extends2.default)({
+      }), /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
         className: (0, _classnames.default)(classes.root, classes.rootMobile, (0, _defineProperty2.default)({}, classes.mobileRangeRoot, range)),
         id: id,
         type: enableTime ? "datetime-local" : "date",