@hipay/hipay-material-ui 4.0.1-beta5 → 4.1.0

package/HiColoredLabel/HiColoredLabel.js

@@ -1,31 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styles = require("@mui/material/styles");
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _helpers = require("../utils/helpers");
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       display: 'inline-block',
@@ -46,43 +35,36 @@ var styles = function styles(theme) {
     color: {
       fontWeight: 400
     },
-
     /* Styles applied to the root element if `color="primary"`. */
     colorPrimary: {
       color: theme.palette.primary.main,
       backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, 0.08)
     },
-
     /* Styles applied to the root element if `color="secondary"`. */
     colorSecondary: {
       color: theme.palette.secondary.main,
       backgroundColor: (0, _styles.alpha)(theme.palette.secondary.main, 0.08)
     },
-
     /* Styles applied to the root element if `color="positive"`. */
     colorSuccess: {
       color: theme.palette.success.main,
       backgroundColor: (0, _styles.alpha)(theme.palette.success.main, 0.08)
     },
-
     /* Styles applied to the root element if `color="negative"`. */
     colorError: {
       color: theme.palette.error.main,
       backgroundColor: (0, _styles.alpha)(theme.palette.error.main, 0.08)
     },
-
     /* Styles applied to the root element if `color="warning"`. */
     colorWarning: {
       color: theme.palette.warning.main,
       backgroundColor: (0, _styles.alpha)(theme.palette.warning.main, 0.08)
     },
-
     /* Styles applied to the root element if `color="neutral"`. */
     colorNeutral: {
       color: theme.palette.neutral.main,
       backgroundColor: (0, _styles.alpha)(theme.palette.neutral.main, 0.08)
     },
-
     /* Styles applied to the root element if `color="info"`. */
     colorInfo: {
       color: theme.palette.info.main,
@@ -91,43 +73,36 @@ var styles = function styles(theme) {
     activeColor: {
       fontWeight: 500
     },
-
     /* Styles applied to the root element if `color="primary"`. */
     activeColorPrimary: {
       color: theme.palette.primary.contrastText,
       backgroundColor: theme.palette.primary.main
     },
-
     /* Styles applied to the root element if `color="secondary"`. */
     activeColorSecondary: {
       color: theme.palette.secondary.contrastText,
       backgroundColor: theme.palette.secondary.main
     },
-
     /* Styles applied to the root element if `color="success"`. */
     activeColorSuccess: {
       color: theme.palette.success.contrastText,
       backgroundColor: theme.palette.success.main
     },
-
     /* Styles applied to the root element if `color="negative"`. */
     activeColorError: {
       color: theme.palette.error.contrastText,
       backgroundColor: theme.palette.error.main
     },
-
     /* Styles applied to the root element if `color="warning"`. */
     activeColorWarning: {
       color: theme.palette.warning.contrastText,
       backgroundColor: theme.palette.warning.main
     },
-
     /* Styles applied to the root element if `color="neutral"`. */
     activeColorNeutral: {
       color: theme.palette.neutral.contrastText,
       backgroundColor: theme.palette.neutral.main
     },
-
     /* Styles applied to the root element if `color="info"`. */
     activeColorInfo: {
       color: theme.palette.info.contrastText,
@@ -138,34 +113,29 @@ var styles = function styles(theme) {
     }
   };
 };
+
 /**
  * HiColoredLabel
  *
  * Label with background color & text color
  */
-
-
-exports.styles = styles;
-
 function HiColoredLabel(props) {
-  var _classNames;
-
   var classes = props.classes,
-      className = props.className,
-      fontSize = props.fontSize,
-      label = props.label,
-      propsColor = props.color,
-      active = props.active,
-      outlined = props.outlined,
-      fontWeight = props.fontWeight,
-      style = props.style,
-      theme = props.theme,
-      other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "fontSize", "label", "color", "active", "outlined", "fontWeight", "style", "theme"]);
+    className = props.className,
+    fontSize = props.fontSize,
+    label = props.label,
+    propsColor = props.color,
+    active = props.active,
+    outlined = props.outlined,
+    fontWeight = props.fontWeight,
+    style = props.style,
+    theme = props.theme,
+    other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "fontSize", "label", "color", "active", "outlined", "fontWeight", "style", "theme"]);
   var color = propsColor || 'primary';
   var isHiColor = ['primary', 'secondary', 'success', 'error', 'warning', 'neutral', 'info'].includes(color);
   var isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
   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),
+    className: (0, _classnames.default)(classes.root, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.color, !active), classes.activeColor, active), classes.outlined, outlined), classes["activeColor".concat((0, _helpers.capitalize)(color))], active && isHiColor), classes["color".concat((0, _helpers.capitalize)(color))], !active && isHiColor), classes.body1, fontSize >= 15), classes.body2, fontSize === 14), classes.body3, fontSize === 13), classes.body4, fontSize === 12), classes.body5, fontSize <= 11), className),
     style: (0, _objectSpread2.default)({}, style, {}, isHexColor && {
       backgroundColor: active ? color : (0, _styles.alpha)(color, 0.08),
       color: active ? theme.palette.getContrastText(color) : color
@@ -174,18 +144,14 @@ function HiColoredLabel(props) {
     })
   }, other), label);
 }
-
 HiColoredLabel.defaultProps = {
   active: false,
   color: 'primary',
   fontSize: 15,
   outlined: false
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiColoredLabel'
-})(HiColoredLabel);
-
-exports.default = _default;
+})(HiColoredLabel);

package/HiColoredLabel/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _HiColoredLabel.default;
   }
 });
-
 var _HiColoredLabel = _interopRequireDefault(require("./HiColoredLabel"));

package/HiDatePicker/Caption.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiButton = _interopRequireDefault(require("../HiButton"));
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     caption: (0, _objectSpread2.default)({
       display: 'table-caption',
@@ -27,17 +21,14 @@ var styles = function styles(theme) {
     })
   };
 };
-
-exports.styles = styles;
-
 var Caption = function Caption(_ref) {
   var classes = _ref.classes,
-      date = _ref.date,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
-      localeUtils = _ref.localeUtils,
-      onMonthClick = _ref.onMonthClick,
-      onYearClick = _ref.onYearClick;
+    date = _ref.date,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
+    localeUtils = _ref.localeUtils,
+    onMonthClick = _ref.onMonthClick,
+    onYearClick = _ref.onYearClick;
   var months = localeUtils.getMonths(locale);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.caption
@@ -49,9 +40,6 @@ var Caption = function Caption(_ref) {
     onClick: onYearClick
   }, date.getFullYear()));
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiCaption'
-})(Caption);
-
-exports.default = _default;
+})(Caption);

package/HiDatePicker/HiDatePicker.js

@@ -1,103 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 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"));
-
 var _moment = _interopRequireDefault(require("react-day-picker/moment"));
-
 var _hiLocaleUtils = _interopRequireDefault(require("./hiLocaleUtils"));
-
 var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPickerInput"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _Caption = _interopRequireDefault(require("./Caption"));
-
 var _Overlay = _interopRequireDefault(require("./Overlays/Overlay"));
-
 var _TimePickerOverlay = _interopRequireDefault(require("./Overlays/TimePickerOverlay"));
-
 var _MonthPickerOverlay = _interopRequireDefault(require("./Overlays/MonthPickerOverlay"));
-
 var _YearPickerOverlay = _interopRequireDefault(require("./Overlays/YearPickerOverlay"));
-
 var _NavBar = _interopRequireDefault(require("./NavBar"));
-
 var _Weekday = _interopRequireDefault(require("./Weekday"));
-
 var _HiTextField = _interopRequireDefault(require("../HiForm/HiTextField"));
-
 var _stylesheet = _interopRequireDefault(require("./stylesheet"));
-
 var _reactDeviceDetect = require("react-device-detect");
-
 var _HiDatePickerMobile = _interopRequireDefault(require("./HiDatePickerMobile"));
-
-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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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 = _super.call(this);
-
+    _this = _callSuper(this, HiDatePicker);
     _this.handleInputChange = function (event) {
       _this.props.onChange(event.target.value);
     };
-
     _this.handleKeyDown = function (name) {
       return function (event) {
         if (event.key === 'Escape' && !event.shiftKey) {
           _this.datePickerInput.hideDayPicker();
-
           event.stopPropagation();
         }
       };
     };
-
     _this.handleReset = function () {
       var today = (0, _momentTimezone.default)();
-
       _this.handleCurrentMonthChange(new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds()));
-
       _this.props.onReset();
     };
-
     _this.handleDayChange = function (day, modifiers) {
       if (day) {
         if (modifiers.selected) {
@@ -112,10 +69,8 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
               day.setHours(0, 0);
             }
           }
-
           _this.props.onChange(day);
         }
-
         if (day instanceof Date && !_this.props.enableTime && modifiers.selected !== true) {
           // Hide overlay & remove focus on input
           document.activeElement.blur();
@@ -125,33 +80,25 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         }
       }
     };
-
     _this.handleChangeMobile = function (event) {
       var date;
-
       if (event.target.value) {
         date = new Date(event.target.value);
       }
-
       _this.props.onChange(date);
     };
-
     _this.handleCalendarClick = function () {
       _this.openPanel('calendar');
     };
-
     _this.handleClockClick = function () {
       _this.openPanel('time');
     };
-
     _this.handleMonthClick = function () {
       _this.openPanel('months');
     };
-
     _this.handleYearClick = function () {
       _this.openPanel('years');
     };
-
     _this.handleCurrentMonthChange = function (day) {
       _this.setState({
         // Current Month can't be anterior to minimumDate
@@ -159,45 +106,36 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         openedPanel: 'calendar'
       });
     };
-
     _this.handleTimeChange = function (date, precision) {
       _this.props.onChange(date);
-
       if (date instanceof Date && precision === 'minute') {
         document.activeElement.blur();
       }
     };
-
     _this.openPanel = function (panel) {
       _this.setState({
         openedPanel: panel
       });
     };
-
     _this.renderCaption = function (propsCaption) {
       return /*#__PURE__*/_react.default.createElement(_Caption.default, (0, _extends2.default)({
         onMonthClick: _this.handleMonthClick,
         onYearClick: _this.handleYearClick
       }, propsCaption));
     };
-
     _this.renderOverlay = function (propsOverlay) {
       switch (_this.state.openedPanel) {
         case 'time':
           return _this.renderTimePickerOverlay(propsOverlay);
-
         case 'months':
           return _this.renderMonthPickerOverlay(propsOverlay);
-
         case 'years':
           return _this.renderYearPickerOverlay(propsOverlay);
-
         case 'calendar':
         default:
           return /*#__PURE__*/_react.default.createElement(_Overlay.default, propsOverlay);
       }
     };
-
     _this.renderMonthPickerOverlay = function (propsOverlay) {
       var monthPickerProps = {
         value: _this.state.currentMonth,
@@ -207,7 +145,6 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         key: 'month-picker-overlay'
       }, monthPickerProps, propsOverlay));
     };
-
     _this.renderTimePickerOverlay = function (propsOverlay) {
       var timePickerProps = {
         value: _this.props.value,
@@ -218,7 +155,6 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         key: 'time-picker-overlay'
       }, timePickerProps, propsOverlay));
     };
-
     _this.renderYearPickerOverlay = function (propsOverlay) {
       var yearPickerProps = {
         value: _this.state.currentMonth,
@@ -230,17 +166,15 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         key: 'year-picker-overlay'
       }, yearPickerProps, propsOverlay));
     };
-
     var _today = (0, _momentTimezone.default)();
-
     _this.state = {
       openedPanel: 'calendar',
       currentMonth: props.value ? props.value : new Date(_today.year(), _today.month(), _today.date(), _today.hours(), _today.minutes(), _today.seconds(), _today.milliseconds())
     };
     return _this;
   }
-
-  (0, _createClass2.default)(HiDatePicker, [{
+  (0, _inherits2.default)(HiDatePicker, _React$Component);
+  return (0, _createClass2.default)(HiDatePicker, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       clearTimeout(this.timeout);
@@ -249,22 +183,21 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          classes = _this$props.classes,
-          disabledDays = _this$props.disabledDays,
-          disablePastDays = _this$props.disablePastDays,
-          disableFutureDays = _this$props.disableFutureDays,
-          enableTime = _this$props.enableTime,
-          format = _this$props.format,
-          locale = _this$props.locale,
-          minimumDate = _this$props.minimumDate,
-          onReset = _this$props.onReset,
-          translations = _this$props.translations,
-          value = _this$props.value,
-          hideOnDayClick = _this$props.hideOnDayClick,
-          HiInputProps = _this$props.HiInputProps,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "disabledDays", "disablePastDays", "disableFutureDays", "enableTime", "format", "locale", "minimumDate", "onReset", "translations", "value", "hideOnDayClick", "HiInputProps"]);
+        classes = _this$props.classes,
+        disabledDays = _this$props.disabledDays,
+        disablePastDays = _this$props.disablePastDays,
+        disableFutureDays = _this$props.disableFutureDays,
+        enableTime = _this$props.enableTime,
+        format = _this$props.format,
+        locale = _this$props.locale,
+        minimumDate = _this$props.minimumDate,
+        onReset = _this$props.onReset,
+        translations = _this$props.translations,
+        value = _this$props.value,
+        hideOnDayClick = _this$props.hideOnDayClick,
+        HiInputProps = _this$props.HiInputProps,
+        props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "disabledDays", "disablePastDays", "disableFutureDays", "enableTime", "format", "locale", "minimumDate", "onReset", "translations", "value", "hideOnDayClick", "HiInputProps"]);
       var currentMonth = this.state.currentMonth;
       var today = (0, _momentTimezone.default)();
       var effectiveDisabledDays = (0, _objectSpread2.default)({}, disablePastDays && {
@@ -313,11 +246,9 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
           onSubmit: this.props.onSubmit
         }
       });
-
       if (typeof HiInputProps !== "undefined") {
         inputProps.HiInputProps = (0, _objectSpread2.default)({}, inputProps.HiInputProps, {}, HiInputProps);
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.root,
         onKeyDown: this.handleKeyDown()
@@ -356,9 +287,7 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return HiDatePicker;
 }(_react.default.Component);
-
 HiDatePicker.defaultProps = {
   disabledDays: [],
   disablePastDays: false,
@@ -373,9 +302,6 @@ HiDatePicker.defaultProps = {
     today: 'today'
   }
 };
-
-var _default = (0, _withStyles.default)(_stylesheet.default, {
+var _default = exports.default = (0, _withStyles.default)(_stylesheet.default, {
   name: 'HmuiHiDatePicker'
-})(HiDatePicker);
-
-exports.default = _default;
+})(HiDatePicker);