@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.1

package/es/HiChip/HiChipSwitch.js

@@ -1,47 +1,28 @@
 "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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 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"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _index = _interopRequireDefault(require("keycode/index"));
-
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
 var _styles = require("@mui/material/styles");
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 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; } }
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: (0, _objectSpread2.default)({}, theme.typography.body3, {
       display: 'inline-flex',
@@ -117,64 +98,49 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 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 = _super.call(this, props);
     _this.chipSwitchRef = null;
-
     _this.handleKeyDown = function (event) {
       // Ignore events from children of `Chip`.
       if (event.currentTarget !== event.target) {
         return;
       }
-
       var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          onKeyDown = _this$props.onKeyDown;
+        onClick = _this$props.onClick,
+        onKeyDown = _this$props.onKeyDown;
       var key = (0, _index.default)(event);
-
       if (onClick && (key === 'space' || key === 'enter')) {
         event.preventDefault();
         onClick(event);
       } else if (key === 'esc') {
         event.preventDefault();
-
         if (_this.chipSwitchRef) {
           _this.chipSwitchRef.blur();
         }
       }
-
       if (onKeyDown) {
         onKeyDown(event);
       }
     };
-
     _this.handleKeyDownSelection = function (event) {
       var onSelectionClick = _this.props.onSelectionClick;
       var key = (0, _index.default)(event);
-
       if (onSelectionClick && (key === 'space' || key === 'enter')) {
         event.preventDefault();
         onSelectionClick(event);
       }
     };
-
     _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)(_this));
     _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
     _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   (0, _createClass2.default)(HiChipSwitch, [{
     key: "handleClickSelection",
     value: function handleClickSelection(event) {
@@ -182,30 +148,26 @@ var HiChipSwitch = /*#__PURE__*/function (_React$PureComponent) {
         if (event) {
           event.stopPropagation();
         }
-
         this.props.onSelectionClick();
       }
     }
   }, {
     key: "render",
     value: function render() {
-      var _classNames,
-          _this2 = this;
-
+      var _this2 = this;
       var _this$props2 = this.props,
-          id = _this$props2.id,
-          label = _this$props2.label,
-          classes = _this$props2.classes,
-          activeIcon = _this$props2.activeIcon,
-          active = _this$props2.active,
-          onClick = _this$props2.onClick,
-          onSelectionClick = _this$props2.onSelectionClick,
-          selection = _this$props2.selection,
-          selectionTitle = _this$props2.selectionTitle;
+        id = _this$props2.id,
+        label = _this$props2.label,
+        classes = _this$props2.classes,
+        activeIcon = _this$props2.activeIcon,
+        active = _this$props2.active,
+        onClick = _this$props2.onClick,
+        onSelectionClick = _this$props2.onSelectionClick,
+        selection = _this$props2.selection,
+        selectionTitle = _this$props2.selectionTitle;
       var selectionProps = {
         tabIndex: '-1'
       };
-
       if (onSelectionClick && selection !== 0) {
         selectionProps = {
           onClick: this.handleClickSelection,
@@ -215,10 +177,9 @@ var HiChipSwitch = /*#__PURE__*/function (_React$PureComponent) {
           title: selectionTitle
         };
       }
-
       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)),
+        className: (0, _classnames.default)(classes.root, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.active, !!active), classes.inactive, !active)),
         onClick: onClick,
         role: "button",
         tabIndex: "0",
@@ -239,17 +200,13 @@ var HiChipSwitch = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiChipSwitch;
 }(_react.default.PureComponent);
-
 HiChipSwitch.defaultProps = {
   active: false,
   activeIcon: 'check',
   selection: null,
   selectionTitle: ''
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiChipSwitch'
-})(HiChipSwitch);
-
-exports.default = _default;
+})(HiChipSwitch);

package/es/HiChip/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _HiChip.default;
   }
 });
-
 var _HiChip = _interopRequireDefault(require("./HiChip"));
-
 var _HiChipSwitch = _interopRequireDefault(require("./HiChipSwitch"));

package/es/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,114 +35,107 @@ 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"`. */
-    colorPositive: {
-      color: theme.palette.positive.main,
-      backgroundColor: (0, _styles.alpha)(theme.palette.positive.main, 0.08)
+    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"`. */
-    colorNegative: {
-      color: theme.palette.negative.main,
-      backgroundColor: (0, _styles.alpha)(theme.palette.negative.main, 0.08)
+    colorError: {
+      color: theme.palette.error.main,
+      backgroundColor: (0, _styles.alpha)(theme.palette.error.main, 0.08)
     },
-
-    /* Styles applied to the root element if `color="middle"`. */
-    colorMiddle: {
-      color: theme.palette.middle.main,
-      backgroundColor: (0, _styles.alpha)(theme.palette.middle.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,
+      backgroundColor: (0, _styles.alpha)(theme.palette.info.main, 0.08)
+    },
     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="positive"`. */
-    activeColorPositive: {
-      color: theme.palette.positive.contrastText,
-      backgroundColor: theme.palette.positive.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"`. */
-    activeColorNegative: {
-      color: theme.palette.negative.contrastText,
-      backgroundColor: theme.palette.negative.main
+    activeColorError: {
+      color: theme.palette.error.contrastText,
+      backgroundColor: theme.palette.error.main
     },
-
-    /* Styles applied to the root element if `color="middle"`. */
-    activeColorMiddle: {
-      color: theme.palette.middle.contrastText,
-      backgroundColor: theme.palette.middle.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,
+      backgroundColor: theme.palette.info.main
+    },
     outlined: {
       border: '1px solid'
     }
   };
 };
+
 /**
  * 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', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+  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
@@ -162,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/es/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/es/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);