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

package/HiCheckbox/HiCheckbox.js

@@ -1,49 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 var _react = _interopRequireDefault(require("react"));
-
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-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) {
+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; })(); } // @inheritedComponent Checkbox
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       marginRight: 4,
@@ -75,30 +54,22 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 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 = _super.call(this, props);
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
+    _this = _callSuper(this, HiCheckbox, [props]);
+    _this.handleChange = _this.handleChange.bind(_this);
     return _this;
   }
+
   /**
    * Call callback function and stop click propagation
    * @param event
    * @param checked
    */
-
-
-  (0, _createClass2.default)(HiCheckbox, [{
+  (0, _inherits2.default)(HiCheckbox, _React$PureComponent);
+  return (0, _createClass2.default)(HiCheckbox, [{
     key: "handleChange",
     value: function handleChange(event, checked) {
       // Stop propagation
@@ -106,7 +77,6 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
         event.stopPropagation();
         event.preventDefault();
       }
-
       if (this.props.onChange) {
         this.props.onChange(event, checked);
       }
@@ -114,30 +84,26 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _classNames;
-
       var _this$props = this.props,
-          classes = _this$props.classes,
-          color = _this$props.color,
-          checkedIcon = _this$props.checkedIcon,
-          icon = _this$props.icon,
-          indeterminateIcon = _this$props.indeterminateIcon,
-          style = _this$props.style,
-          size = _this$props.size,
-          className = _this$props.className,
-          other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
+        classes = _this$props.classes,
+        color = _this$props.color,
+        checkedIcon = _this$props.checkedIcon,
+        icon = _this$props.icon,
+        indeterminateIcon = _this$props.indeterminateIcon,
+        style = _this$props.style,
+        size = _this$props.size,
+        className = _this$props.className,
+        other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
       var iconStyles = (0, _objectSpread2.default)({
         width: size,
         height: size
       }, style);
       var hcolor = ['success', 'error', 'warning', 'neutral', 'inherit'].includes(color) ? 'default' : color;
       var checkboxIcon;
-
       if (icon) {
         var iconProps = {
           className: classes.root
         };
-
         if (typeof icon === 'string') {
           checkboxIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
             icon: icon
@@ -147,11 +113,10 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
           checkboxIcon.props = (0, _objectSpread2.default)({}, checkboxIcon.props, {}, iconProps);
         }
       }
-
       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 === 'success'), (0, _defineProperty2.default)(_classNames, classes.checkedNegative, color === 'error'), (0, _defineProperty2.default)(_classNames, classes.checkedMiddle, color === 'warning'), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
+          checked: (0, _classnames.default)(classes.checked, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.checkedPrimary, color === 'primary' || color === 'inherit'), classes.checkedSecondary, color === 'secondary'), classes.checkedPositive, color === 'success'), classes.checkedNegative, color === 'error'), classes.checkedMiddle, color === 'warning'), classes.checkedNeutral, color === 'neutral')),
           disabled: classes.disabled
         },
         style: iconStyles,
@@ -175,19 +140,14 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
       }, other));
     }
   }]);
-  return HiCheckbox;
 }(_react.default.PureComponent);
-
 HiCheckbox.defaultProps = {
   checked: false,
   color: 'inherit',
   size: 20,
   icon: 'check_box_outline_blank'
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiCheckbox'
-})(HiCheckbox);
-
-exports.default = _default;
+})(HiCheckbox);

package/HiCheckbox/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 _HiCheckbox.default;
   }
 });
-
 var _HiCheckbox = _interopRequireDefault(require("./HiCheckbox"));

package/HiChip/HiChip.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _keycode = _interopRequireDefault(require("keycode"));
-
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: (0, _objectSpread2.default)({}, theme.typography.body3, {
@@ -113,43 +102,38 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-
 var handleKeyDown = function handleKeyDown(e, fn) {
   if ((0, _keycode.default)(e) === 'space' || (0, _keycode.default)(e) === 'enter') {
     e.preventDefault();
     fn();
   }
 };
-
 var HiChip = function HiChip(props) {
-  var _classNames2;
-
   var className = props.className,
-      fallbackImage = props.fallbackImage,
-      icon = props.icon,
-      _props$iconSize = props.iconSize,
-      iconSize = _props$iconSize === void 0 ? 20 : _props$iconSize,
-      id = props.id,
-      img = props.img,
-      label = props.label,
-      labelIcon = props.labelIcon,
-      onClick = props.onClick,
-      onKeyDown = props.onKeyDown,
-      onPrevious = props.onPrevious,
-      onNext = props.onNext,
-      onDelete = props.onDelete,
-      prefix = props.prefix,
-      onIconClick = props.onIconClick,
-      title = props.title,
-      titleDelete = props.titleDelete,
-      titleIcon = props.titleIcon,
-      titleImg = props.titleImg,
-      titleNext = props.titleNext,
-      titlePrevious = props.titlePrevious,
-      style = props.style;
+    fallbackImage = props.fallbackImage,
+    icon = props.icon,
+    _props$iconSize = props.iconSize,
+    iconSize = _props$iconSize === void 0 ? 20 : _props$iconSize,
+    id = props.id,
+    img = props.img,
+    label = props.label,
+    labelIcon = props.labelIcon,
+    onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
+    onPrevious = props.onPrevious,
+    onNext = props.onNext,
+    onDelete = props.onDelete,
+    prefix = props.prefix,
+    onIconClick = props.onIconClick,
+    title = props.title,
+    titleDelete = props.titleDelete,
+    titleIcon = props.titleIcon,
+    titleImg = props.titleImg,
+    titleNext = props.titleNext,
+    titlePrevious = props.titlePrevious,
+    style = props.style;
   var classes = useStyles(props);
   var chipIcon;
-
   if (icon) {
     var iconProps = {
       className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconClickable, onIconClick)),
@@ -161,7 +145,6 @@ var HiChip = function HiChip(props) {
       title: titleIcon,
       tabIndex: onIconClick ? 0 : -1
     };
-
     if (typeof icon === 'string') {
       chipIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
         icon: icon
@@ -171,9 +154,7 @@ var HiChip = function HiChip(props) {
       chipIcon.props = (0, _objectSpread2.default)({}, iconProps);
     }
   }
-
   var chipLabelIcon;
-
   if (labelIcon) {
     var _iconProps = {
       className: classes.icon,
@@ -182,7 +163,6 @@ var HiChip = function HiChip(props) {
       title: titleIcon,
       tabIndex: -1
     };
-
     if (typeof labelIcon === 'string') {
       chipLabelIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
         icon: labelIcon
@@ -196,11 +176,10 @@ var HiChip = function HiChip(props) {
       });
     }
   }
-
   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)),
+    className: (0, _classnames.default)(classes.root, className, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.leftNavigation, onPrevious), classes.rightNavigation, onNext), classes.deletable, onDelete), classes.leftIcon, icon)),
     title: title,
     onClick: onClick,
     onKeyDown: onKeyDown,
@@ -262,6 +241,4 @@ var HiChip = function HiChip(props) {
     tabIndex: 0
   }));
 };
-
-var _default = HiChip;
-exports.default = _default;
+var _default = exports.default = HiChip;

package/HiChip/HiChipSwitch.js

@@ -1,47 +1,27 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 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) {
+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 styles = exports.styles = function styles(theme) {
   return {
     root: (0, _objectSpread2.default)({}, theme.typography.body3, {
       display: 'inline-flex',
@@ -117,95 +97,75 @@ 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 = _callSuper(this, HiChipSwitch, [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));
+    _this.handleClickSelection = _this.handleClickSelection.bind(_this);
+    _this.handleKeyDown = _this.handleKeyDown.bind(_this);
+    _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind(_this);
     return _this;
   }
-
-  (0, _createClass2.default)(HiChipSwitch, [{
+  (0, _inherits2.default)(HiChipSwitch, _React$PureComponent);
+  return (0, _createClass2.default)(HiChipSwitch, [{
     key: "handleClickSelection",
     value: function handleClickSelection(event) {
       if (this.props.onSelectionClick) {
         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 +175,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",
@@ -237,19 +196,14 @@ var HiChipSwitch = /*#__PURE__*/function (_React$PureComponent) {
       }, selectionProps), selection));
     }
   }]);
-  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/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"));