@hipay/hipay-material-ui 3.2.3 → 3.3.0

package/HiIcon/HiIcon.js

@@ -27,8 +27,6 @@ var _helpers = require("../utils/helpers");
 
 var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
 
-var mdi = _interopRequireWildcard(require("mdi-material-ui"));
-
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     /* Styles applied to the root element. */
@@ -56,15 +54,12 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       color = props.color,
       other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
   var classes = useStyles(props);
-  var theme = (0, _styles.useTheme)();
   var iconName = icon !== null ? icon : children;
   var iconType = (0, _react.useMemo)(function () {
     if (iconName && iconName.indexOf('fa-') === 0) {
       return "line_awesome";
     } else if (iconName && iconName.indexOf('hi_') === 0) {
       return "hipay";
-    } else if (iconName && iconName.indexOf('mdi_') === 0) {
-      return "mdi";
     } else {
       return "mui";
     }
@@ -89,19 +84,9 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
         size: size
       }, other));
 
-    case "mdi":
-      var MdiIconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
-      return _react.default.createElement(MdiIconName, (0, _extends2.default)({
-        ref: ref,
-        className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
-        color: "inherit",
-        style: {
-          fontSize: size
-        }
-      }, other));
-
     case "mui":
     default:
+      // console.log({ ...props });
       return _react.default.createElement(_Icon.default, (0, _extends2.default)({
         ref: ref,
         className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),

package/HiListItemLink/HiListItemLink.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+
+var _ArrowRight = _interopRequireDefault(require("@material-ui/icons/ArrowRight"));
+
+var _Cancel = _interopRequireDefault(require("@material-ui/icons/Cancel"));
+
+var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
+
+var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
+
+var _RemoveCircle = _interopRequireDefault(require("@material-ui/icons/RemoveCircle"));
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    root: function root(props) {
+      return {
+        color: props.disabled ? theme.palette.neutral.light : "initial",
+        display: "flex",
+        height: 48,
+        padding: 12,
+        "&:hover": {
+          backgroundColor: props.disabled ? "none" : "#E6F9FD",
+          cursor: props.disabled ? "cursor" : "pointer"
+        },
+        "&:not(:last-child)": {
+          borderBottom: "1px solid #E0E0E0"
+        },
+        // margin between children (unless last span for ripple effect)
+        "& > :not(span)": {
+          marginLeft: 12
+        },
+        "& > div": {
+          display: "block",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap",
+          alignSelf: "center",
+          minWidth: "5%"
+        }
+      };
+    },
+    primary: function primary(props) {
+      return {
+        fontSize: "14px",
+        textTransform: "uppercase",
+        flex: props.secondary ? "initial" : 1 // expand primary text unless there is secondary
+
+      };
+    },
+    secondary: {
+      alignSelf: "center",
+      color: theme.palette.neutral.light,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: 11,
+      flex: 1
+    },
+    info: {
+      color: theme.palette.neutral.light,
+      fontFamily: theme.typography.fontFamily
+    }
+  };
+});
+
+var StatusIcon = function StatusIcon(_ref) {
+  var disabled = _ref.disabled,
+      status = _ref.status;
+  var theme = (0, _styles.useTheme)();
+  var Icon, color;
+
+  switch (status) {
+    case "done":
+      Icon = _CheckCircle.default;
+      color = theme.palette.positive.main;
+      break;
+
+    case "error":
+      Icon = _Cancel.default;
+      color = theme.palette.negative.main;
+      break;
+
+    case "warning":
+      Icon = _Error.default;
+      color = theme.palette.middle.main;
+      break;
+
+    case "in_progress":
+      Icon = _RemoveCircle.default;
+      color = theme.palette.primary.main;
+      break;
+
+    default:
+      return null;
+  }
+
+  if (disabled) {
+    color = theme.palette.neutral.light;
+  }
+
+  return _react.default.createElement(Icon, {
+    htmlColor: color
+  });
+};
+
+var _ref2 = _react.default.createElement(_ArrowRight.default, null);
+
+var HiListItemLink = _react.default.forwardRef(function (props, ref) {
+  var disabled = props.disabled,
+      info = props.info,
+      primary = props.primary,
+      secondary = props.secondary,
+      status = props.status,
+      others = (0, _objectWithoutProperties2.default)(props, ["disabled", "info", "primary", "secondary", "status"]);
+  var classes = useStyles(props);
+  return _react.default.createElement(_ListItem.default, (0, _extends2.default)({
+    ref: ref,
+    className: classes.root,
+    button: true,
+    disableGutters: true,
+    disabled: disabled
+  }, others), _react.default.createElement("div", {
+    className: classes.primary
+  }, primary), secondary && _react.default.createElement("div", {
+    className: classes.secondary
+  }, secondary), info && _react.default.createElement("div", {
+    className: classes.info
+  }, info), status && _react.default.createElement(StatusIcon, {
+    disabled: disabled,
+    status: status
+  }), _ref2);
+});
+
+HiListItemLink.defaultProps = {};
+var _default = HiListItemLink;
+exports.default = _default;

package/HiListItemLink/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiListItemLink.default;
+  }
+});
+
+var _HiListItemLink = _interopRequireDefault(require("./HiListItemLink"));

package/HiSelectableList/HiSelectableListItem.js

@@ -11,6 +11,10 @@ exports.default = exports.useStyles = exports.useItemLabelStyles = 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 _react = _interopRequireWildcard(require("react"));
@@ -206,10 +210,14 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       margin: '1px 4px 3px 4px',
       verticalAlign: 'middle'
     },
-    icon: {
-      marginLeft: theme.spacing(1),
-      marginRight: theme.spacing(1),
-      verticalAlign: 'middle'
+    icon: function icon(props) {
+      return {
+        marginLeft: theme.spacing(1),
+        marginRight: theme.spacing(1),
+        verticalAlign: 'middle',
+        color: props.selected && props.color ? props.color : 'inherit',
+        fontSize: 20
+      };
     },
     labelContent: {
       display: '-webkit-flex',
@@ -273,7 +281,7 @@ function HiSelectableListItem(props) {
       item = props.item;
   var classes = useStyles(props);
   var ref = (0, _react.useRef)(null);
-  var isHovering = (0, _reactUse.useHoverDirty)(ref);
+  var isHovering = !!hoverIcon ? (0, _reactUse.useHoverDirty)(ref) : false;
   var onKeyDown = (0, _react.useCallback)(function (_ref) {
     var code = _ref.code;
 
@@ -302,6 +310,24 @@ function HiSelectableListItem(props) {
   }
 
   var ListItemComponentName = pinned ? _ListSubheader.default : _ListItem.default;
+  var itemIcon;
+
+  if (displayedIcon) {
+    var iconProps = {
+      className: classes.icon,
+      color: selected && color ? color : 'inherit'
+    };
+
+    if (typeof displayedIcon === 'string') {
+      itemIcon = _react.default.createElement(_HiIcon.default, (0, _extends2.default)({
+        icon: displayedIcon
+      }, iconProps));
+    } else if ((0, _typeof2.default)(icon) === 'object') {
+      itemIcon = (0, _objectSpread2.default)({}, displayedIcon);
+      itemIcon.props = (0, _objectSpread2.default)({}, itemIcon.props, {}, iconProps);
+    }
+  }
+
   return _react.default.createElement(ListItemComponentName, {
     ref: ref,
     id: id,
@@ -327,7 +353,7 @@ function HiSelectableListItem(props) {
     checkedIcon: checkedIcon // color={disabled ? 'inherit' : 'primary'}
     ,
     disabled: disabled,
-    icon: displayedIcon,
+    icon: itemIcon,
     indeterminate: indeterminate,
     indeterminateIcon: indeterminateIcon
   }), type === 'image' && img && _react.default.createElement("img", {
@@ -344,11 +370,7 @@ function HiSelectableListItem(props) {
   }), _react.default.createElement("div", {
     className: (0, _classnames.default)(classes.listItemContent, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.centered, centered), (0, _defineProperty2.default)(_classNames3, classes.highlight, type === 'highlight'), (0, _defineProperty2.default)(_classNames3, classes.primaryHighlight, type === 'primary-highlight'), (0, _defineProperty2.default)(_classNames3, classes.listItemContentSelected, selected && color), _classNames3)),
     "data-id": id
-  }, icon && hideCheckbox && _react.default.createElement(_HiIcon.default, {
-    icon: icon,
-    className: classes.icon,
-    color: selected && color ? color : 'inherit'
-  }), _react.default.createElement(ItemLabel, {
+  }, itemIcon && hideCheckbox && itemIcon, _react.default.createElement(ItemLabel, {
     color: color,
     label: label,
     labelHighlight: labelHighlight,

package/HiStepper/DefaultIndicator.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
+
+var _ref = _react.default.createElement(_SvgIcon.default, null, _react.default.createElement("circle", {
+  cx: "10",
+  cy: "10",
+  r: "3",
+  fill: "white"
+}));
+
+var DefaultIndicator = function DefaultIndicator() {
+  return _ref;
+};
+
+var _default = DefaultIndicator;
+exports.default = _default;

package/HiStepper/HiStep.js

@@ -33,6 +33,8 @@ var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
 
 var _Remove = _interopRequireDefault(require("@material-ui/icons/Remove"));
 
+var _DefaultIndicator = _interopRequireDefault(require("./DefaultIndicator"));
+
 /**
  * HiStepIcon used internally by HiStep
  */
@@ -127,8 +129,7 @@ var useStepLabelStyle = (0, _styles.makeStyles)(function (theme) {
 var HiStep = _react.default.forwardRef(function (props, ref) {
   var content = props.content,
       disabled = props.disabled,
-      _props$indicator = props.indicator,
-      indicator = _props$indicator === void 0 ? props.index + 1 : _props$indicator,
+      indicator = props.indicator,
       label = props.label,
       onClick = props.onClick,
       status = props.status,
@@ -189,6 +190,11 @@ var HiStep = _react.default.forwardRef(function (props, ref) {
   }, content));
 });
 
-HiStep.defaultProps = {};
+HiStep.defaultProps = {
+  /**
+   * Default indicator
+   */
+  indicator: _react.default.createElement(_DefaultIndicator.default, null)
+};
 var _default = HiStep;
 exports.default = _default;

package/es/HiAlertModal/HiAlertModal.js

@@ -1,29 +1,23 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+exports.default = void 0;
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
 
@@ -44,7 +38,7 @@ var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 var _helpers = require("../utils/helpers");
 
 // @inheritedComponent Dialog
-var styles = function styles(theme) {
+var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     classContent: {
       fontSize: 14,
@@ -85,147 +79,137 @@ var styles = function styles(theme) {
       transform: 'translate(-50%, -50%)',
       color: theme.palette.background2,
       flex: '1'
+    },
+    backgroundIcon: function backgroundIcon(props) {
+      return {
+        fontSize: "".concat(props.iconSize, "px !important")
+      };
     }
   };
-};
+});
 /**
  * Pop up d'alert
  */
 
+var HiAlertModal = function HiAlertModal(props) {
+  var backgroundIcon = props.backgroundIcon,
+      iconSize = props.iconSize,
+      content = props.content,
+      labelCancelButton = props.labelCancelButton,
+      labelSubmitButton = props.labelSubmitButton,
+      onCancelClick = props.onCancelClick,
+      onSubmitClick = props.onSubmitClick,
+      open = props.open,
+      cancelColor = props.cancelColor,
+      submitColor = props.submitColor,
+      title = props.title,
+      theme = props.theme,
+      onClose = props.onClose,
+      submitActionsRef = props.submitActionsRef,
+      cancelActionsRef = props.cancelActionsRef,
+      others = (0, _objectWithoutProperties2.default)(props, ["backgroundIcon", "iconSize", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title", "theme", "onClose", "submitActionsRef", "cancelActionsRef"]);
+  var classes = useStyles(props);
+  var submitButtonRef = (0, _react.useRef)(null);
+  var cancelButtonRef = (0, _react.useRef)(null);
+  var thisCancelActionsRef = (0, _objectSpread2.default)({}, cancelActionsRef);
+  var thisSubmitActionsRef = (0, _objectSpread2.default)({}, submitActionsRef); // Appelé si clic en dehors de la pop up
+
+  var handleOnClose = function handleOnClose() {
+    if (onClose) {
+      onClose();
+    }
+  };
 
-exports.styles = styles;
-
-var HiAlertModal =
-/*#__PURE__*/
-function (_React$PureComponent) {
-  (0, _inherits2.default)(HiAlertModal, _React$PureComponent);
+  var handleOnEntered = function handleOnEntered() {
+    if (labelSubmitButton) {
+      submitButtonRef.current.focus();
+      thisSubmitActionsRef.focusVisible();
+    } else if (props.labelCancelButton) {
+      cancelButtonRef.current.focus();
+      thisCancelActionsRef.focusVisible();
+    }
+  }; // Render
 
-  function HiAlertModal(props) {
-    var _this;
 
-    (0, _classCallCheck2.default)(this, HiAlertModal);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiAlertModal).call(this, props));
+  var dialogContent = content;
 
-    _this.handleOnClose = function () {
-      if (_this.props.onClose) {
-        _this.props.onClose();
+  if (typeof content === 'string') {
+    dialogContent = _react.default.createElement("span", {
+      // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML: {
+        __html: (0, _helpers.escapeHTML)(content)
       }
-    };
+    });
+  }
 
-    _this.submitButtonRef = _react.default.createRef();
-    _this.cancelButtonRef = _react.default.createRef();
-    _this.handleOnClose = _this.handleOnClose.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleOnEntered = _this.handleOnEntered.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  } // Appelé si clic en dehors de la pop up
-
-
-  (0, _createClass2.default)(HiAlertModal, [{
-    key: "handleOnEntered",
-    value: function handleOnEntered() {
-      if (this.props.labelSubmitButton) {
-        this.submitButtonRef.current.focus();
-        this.submitActionsRef.focusVisible();
-      } else if (this.props.labelCancelButton) {
-        this.cancelButtonRef.current.focus();
-        this.cancelActionsRef.focusVisible();
-      }
-    } // Render
-
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          backgroundIcon = _this$props.backgroundIcon,
-          iconSize = _this$props.iconSize,
-          classes = _this$props.classes,
-          content = _this$props.content,
-          labelCancelButton = _this$props.labelCancelButton,
-          labelSubmitButton = _this$props.labelSubmitButton,
-          onCancelClick = _this$props.onCancelClick,
-          onSubmitClick = _this$props.onSubmitClick,
-          open = _this$props.open,
-          cancelColor = _this$props.cancelColor,
-          submitColor = _this$props.submitColor,
-          title = _this$props.title,
-          theme = _this$props.theme,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["backgroundIcon", "iconSize", "classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title", "theme"]);
-      var dialogContent = content;
-
-      if (typeof content === 'string') {
-        dialogContent = _react.default.createElement("span", {
-          // eslint-disable-next-line react/no-danger
-          dangerouslySetInnerHTML: {
-            __html: (0, _helpers.escapeHTML)(content)
-          }
-        });
-      }
+  var bgIcon;
+
+  if (backgroundIcon) {
+    var iconProps = {
+      color: "inherit",
+      className: classes.backgroundIcon
+    };
 
-      return _react.default.createElement(_Dialog.default, (0, _extends2.default)({
-        open: open,
-        onClose: this.handleOnClose,
-        onEntered: this.handleOnEntered,
-        classes: {
-          root: classes.classDialogRoot,
-          paper: classes.classDialogPaper
-        }
-      }, props), backgroundIcon && _react.default.createElement("div", {
-        className: classes.classBackgroundIcon
-      }, _react.default.createElement(_HiIcon.default, {
-        color: "inherit",
-        icon: backgroundIcon,
-        size: iconSize
-      })), title && _react.default.createElement(_DialogTitle.default, {
-        disableTypography: true,
-        classes: {
-          root: classes.classTitle
-        }
-      }, title), _react.default.createElement(_DialogContent.default, null, _react.default.createElement(_DialogContentText.default, {
-        classes: {
-          root: classes.classContent
-        }
-      }, dialogContent)), _react.default.createElement(_DialogActions.default, {
-        classes: {
-          root: classes.classAction
-        }
-      }, labelCancelButton && _react.default.createElement(_HiButton.default, {
-        classes: {
-          root: classes.classCancelButton
-        },
-        onClick: onCancelClick,
-        color: cancelColor,
-        innerRef: this.cancelButtonRef,
-        action: function action(actions) {
-          _this2.cancelActionsRef = actions;
-        }
-      }, labelCancelButton), labelSubmitButton && _react.default.createElement(_HiButton.default, {
-        classes: {
-          root: classes.classSubmitButton
-        },
-        onClick: onSubmitClick,
-        color: submitColor,
-        innerRef: this.submitButtonRef,
-        action: function action(actions) {
-          _this2.submitActionsRef = actions;
-        }
-      }, labelSubmitButton)));
+    if (typeof backgroundIcon === 'string') {
+      bgIcon = _react.default.createElement(_HiIcon.default, (0, _extends2.default)({
+        icon: backgroundIcon
+      }, iconProps));
+    } else if ((0, _typeof2.default)(backgroundIcon) === 'object') {
+      bgIcon = (0, _objectSpread2.default)({}, backgroundIcon);
+      bgIcon.props = (0, _objectSpread2.default)({}, iconProps);
+    }
+  }
+
+  return _react.default.createElement(_Dialog.default, (0, _extends2.default)({
+    open: open,
+    onClose: handleOnClose,
+    onEntered: handleOnEntered,
+    classes: {
+      root: classes.classDialogRoot,
+      paper: classes.classDialogPaper
+    }
+  }, others), bgIcon && _react.default.createElement("div", {
+    className: classes.classBackgroundIcon
+  }, bgIcon), title && _react.default.createElement(_DialogTitle.default, {
+    disableTypography: true,
+    classes: {
+      root: classes.classTitle
+    }
+  }, title), _react.default.createElement(_DialogContent.default, null, _react.default.createElement(_DialogContentText.default, {
+    classes: {
+      root: classes.classContent
     }
-  }]);
-  return HiAlertModal;
-}(_react.default.PureComponent);
+  }, dialogContent)), _react.default.createElement(_DialogActions.default, {
+    classes: {
+      root: classes.classAction
+    }
+  }, labelCancelButton && _react.default.createElement(_HiButton.default, {
+    classes: {
+      root: classes.classCancelButton
+    },
+    onClick: onCancelClick,
+    color: cancelColor,
+    innerRef: cancelButtonRef,
+    action: function action(actions) {
+      thisCancelActionsRef = actions;
+    }
+  }, labelCancelButton), labelSubmitButton && _react.default.createElement(_HiButton.default, {
+    classes: {
+      root: classes.classSubmitButton
+    },
+    onClick: onSubmitClick,
+    color: submitColor,
+    innerRef: submitButtonRef,
+    action: function action(actions) {
+      thisSubmitActionsRef = actions;
+    }
+  }, labelSubmitButton)));
+};
 
 HiAlertModal.defaultProps = {
   content: '',
   cancelColor: 'neutral',
   submitColor: 'primary'
 };
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiAlertModal',
-  withTheme: true
-})(HiAlertModal);
-
+var _default = HiAlertModal;
 exports.default = _default;