@hipay/hipay-material-ui 2.3.1-rc4 → 2.3.1-rc5

package/HiSelectableList/HiSelectableListItem.js

@@ -1,26 +1,58 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import classNames from 'classnames';
-import ListItem from '@material-ui/core/ListItem';
-import ListSubheader from '@material-ui/core/ListSubheader';
-import HiIcon from '../HiIcon';
-import HiCheckbox from '../HiCheckbox';
-import HiColoredLabel from '../HiColoredLabel';
-import HiLoader from '../HiLoader';
-import { withStyles } from '@material-ui/core/styles';
-import { escapeHTML } from '../utils/helpers';
-import pure from 'recompose/pure';
-import keycode from 'keycode';
-var PureListSubheader = pure(ListSubheader);
-var PureListItem = pure(ListItem);
-export var styles = function styles(theme) {
+"use strict";
+
+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 _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 _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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+
+var _ListSubheader = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _HiCheckbox = _interopRequireDefault(require("../HiCheckbox"));
+
+var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
+
+var _HiLoader = _interopRequireDefault(require("../HiLoader"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _keycode = _interopRequireDefault(require("keycode"));
+
+var PureListSubheader = (0, _pure.default)(_ListSubheader.default);
+var PureListItem = (0, _pure.default)(_ListItem.default);
+
+var styles = function styles(theme) {
   return {
     root: {
       paddingLeft: 4
@@ -86,7 +118,7 @@ export var styles = function styles(theme) {
       padding: '8px 0',
       margin: 'auto'
     },
-    listItemContent: _objectSpread({}, theme.typography.b1, {
+    listItemContent: (0, _objectSpread2.default)({}, theme.typography.b1, {
       fontWeight: 'inherit',
       width: '100%',
       minWidth: '50%',
@@ -115,14 +147,14 @@ export var styles = function styles(theme) {
       color: theme.palette.primary.main,
       textTransform: 'uppercase'
     },
-    secondaryLabel: _objectSpread({}, theme.typography.b3, {
+    secondaryLabel: (0, _objectSpread2.default)({}, theme.typography.b3, {
       color: theme.palette.neutral.main,
       fontWeight: theme.typography.fontWeightLight,
       fontSize: 11,
       marginLeft: 4
     }),
     inline: {},
-    info: _objectSpread({}, theme.typography.b3, {
+    info: (0, _objectSpread2.default)({}, theme.typography.b3, {
       color: theme.palette.neutral.main,
       fontWeight: theme.typography.fontWeightLight,
       fontSize: 12,
@@ -171,29 +203,31 @@ export var styles = function styles(theme) {
  * - la sélection/déséclection d'un item est géré avec KeyDown
  */
 
+
+exports.styles = styles;
+
 var HiSelectableListItem =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(HiSelectableListItem, _React$PureComponent);
+  (0, _inherits2.default)(HiSelectableListItem, _React$PureComponent);
 
   function HiSelectableListItem(props) {
     var _this;
 
-    _classCallCheck(this, HiSelectableListItem);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiSelectableListItem).call(this, props));
+    (0, _classCallCheck2.default)(this, HiSelectableListItem);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelectableListItem).call(this, props));
 
-    _defineProperty(_assertThisInitialized(_this), "setHover", function (hover) {
+    _this.setHover = function (hover) {
       return function () {
         _this.setState({
           hover: hover
         });
       };
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (item) {
+    _this.handleKeyDown = function (item) {
       return function (event) {
-        var key = keycode(event);
+        var key = (0, _keycode.default)(event);
 
         if (key === 'space' || key === 'enter') {
           event.preventDefault();
@@ -204,17 +238,17 @@ function (_React$PureComponent) {
           }
         }
       };
-    });
+    };
 
     _this.state = {
       hover: false
     };
-    _this.buildItemLabel = _this.buildItemLabel.bind(_assertThisInitialized(_this));
-    _this.setHover = _this.setHover.bind(_assertThisInitialized(_this));
+    _this.buildItemLabel = _this.buildItemLabel.bind((0, _assertThisInitialized2.default)(_this));
+    _this.setHover = _this.setHover.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
-  _createClass(HiSelectableListItem, [{
+  (0, _createClass2.default)(HiSelectableListItem, [{
     key: "buildItemLabel",
 
     /**
@@ -231,34 +265,34 @@ function (_React$PureComponent) {
           selected = _this$props.selected;
 
       if (labelHighlight) {
-        var spanHighlight = React.createElement("span", {
+        var spanHighlight = _react.default.createElement("span", {
           // eslint-disable-next-line react/no-danger
           dangerouslySetInnerHTML: {
-            __html: escapeHTML(labelHighlight)
+            __html: (0, _helpers.escapeHTML)(labelHighlight)
           }
         });
 
         if (color && selected) {
-          return React.createElement(HiColoredLabel, {
+          return _react.default.createElement(_HiColoredLabel.default, {
             color: color,
             label: spanHighlight
           });
         }
 
-        return React.createElement("span", {
+        return _react.default.createElement("span", {
           className: classes.label
         }, spanHighlight);
       }
 
       if (color && selected) {
-        return React.createElement(HiColoredLabel, {
+        return _react.default.createElement(_HiColoredLabel.default, {
           className: classes.coloredLabel,
           color: color,
           label: label
         });
       }
 
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: classes.label,
         title: label
       }, label);
@@ -295,7 +329,7 @@ function (_React$PureComponent) {
           item = _this$props2.item; // Return simple loader list item
 
       if (type === 'loader') {
-        return React.createElement(ListItem, null, React.createElement(HiLoader, {
+        return _react.default.createElement(_ListItem.default, null, _react.default.createElement(_HiLoader.default, {
           loading: true,
           className: classes.loader,
           size: 8
@@ -311,14 +345,14 @@ function (_React$PureComponent) {
       }
 
       var ListItemComponentName = pinned ? PureListSubheader : PureListItem;
-      return React.createElement(ListItemComponentName, Object.assign({
+      return _react.default.createElement(ListItemComponentName, (0, _extends2.default)({
         id: id,
         tabIndex: disabled ? '-1' : 0,
         key: "li-".concat(id),
         classes: {
           root: classes.root
         },
-        className: classNames(classes.listItem, classes.listItemHover, (_classNames = {}, _defineProperty(_classNames, classes.disabled, disabled), _defineProperty(_classNames, classes.selected, selected), _defineProperty(_classNames, classes.thin, thin), _defineProperty(_classNames, classes.pinned, pinned), _defineProperty(_classNames, classes.inline, secondaryInline), _defineProperty(_classNames, classes.listItemWithoutSecondaryInline, !secondaryInline), _defineProperty(_classNames, classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && info && !secondaryLabel), _classNames)),
+        className: (0, _classnames.default)(classes.listItem, classes.listItemHover, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.selected, selected), (0, _defineProperty2.default)(_classNames, classes.thin, thin), (0, _defineProperty2.default)(_classNames, classes.pinned, pinned), (0, _defineProperty2.default)(_classNames, classes.inline, secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && info && !secondaryLabel), _classNames)),
         disabled: disabled
       }, disabled || {
         onClick: onSelect,
@@ -329,9 +363,9 @@ function (_React$PureComponent) {
         style: {
           paddingLeft: "".concat(paddingLeft + level * 32, "px")
         }
-      }), React.createElement("div", {
-        className: classNames(classes.labelContent, _defineProperty({}, classes.labelWithoutSecondaryInline, !secondaryInline || !secondaryLabel && !info))
-      }, !hideCheckbox && !pinned && React.createElement(HiCheckbox, {
+      }), _react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelContent, (0, _defineProperty2.default)({}, classes.labelWithoutSecondaryInline, !secondaryInline || !secondaryLabel && !info))
+      }, !hideCheckbox && !pinned && _react.default.createElement(_HiCheckbox.default, {
         tabIndex: 0,
         classes: {
           root: !secondaryInline ? classes.checkboxWithSecondaryInline : classes.checkbox
@@ -343,7 +377,7 @@ function (_React$PureComponent) {
         icon: displayedIcon,
         indeterminate: indeterminate,
         indeterminateIcon: indeterminateIcon
-      }), type === 'image' && img && React.createElement("img", {
+      }), type === 'image' && img && _react.default.createElement("img", {
         src: img,
         alt: '',
         onError: function onError(e) {
@@ -354,26 +388,25 @@ function (_React$PureComponent) {
           }
         },
         className: classes.img
-      }), React.createElement("div", {
-        className: classNames(classes.listItemContent, (_classNames3 = {}, _defineProperty(_classNames3, classes.centered, centered), _defineProperty(_classNames3, classes.primaryHighlight, type === 'primary-highlight'), _defineProperty(_classNames3, classes.listItemContentSelected, selected && color), _classNames3)),
+      }), _react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.listItemContent, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.centered, centered), (0, _defineProperty2.default)(_classNames3, classes.primaryHighlight, type === 'primary-highlight'), (0, _defineProperty2.default)(_classNames3, classes.listItemContentSelected, selected && color), _classNames3)),
         "data-id": id
-      }, type === 'icon' && icon && hideCheckbox && React.createElement(HiIcon, {
+      }, type === 'icon' && icon && hideCheckbox && _react.default.createElement(_HiIcon.default, {
         icon: icon,
         className: classes.icon
-      }), this.buildItemLabel())), React.createElement("div", {
-        className: classNames(classes.infosContent, (_classNames4 = {}, _defineProperty(_classNames4, classes.infosWithoutSecondaryInline, !secondaryInline), _defineProperty(_classNames4, classes.infosWithSecondaryInline, !secondaryInline), _defineProperty(_classNames4, classes.infosInlineWithoutSecondary, secondaryInline && !secondaryLabel), _classNames4))
-      }, !!secondaryLabel && React.createElement("div", {
-        className: classNames(classes.secondaryLabel, _defineProperty({}, classes.inline, secondaryInline))
-      }, secondaryLabel), !!info && React.createElement("span", {
-        className: classNames(classes.info)
+      }), this.buildItemLabel())), _react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.infosContent, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.infosWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosWithSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosInlineWithoutSecondary, secondaryInline && !secondaryLabel), _classNames4))
+      }, !!secondaryLabel && _react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.secondaryLabel, (0, _defineProperty2.default)({}, classes.inline, secondaryInline))
+      }, secondaryLabel), !!info && _react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.info)
       }, info)));
     }
   }]);
-
   return HiSelectableListItem;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(HiSelectableListItem, "defaultProps", {
+HiSelectableListItem.defaultProps = {
   centered: false,
   disabled: false,
   hideCheckbox: false,
@@ -387,9 +420,11 @@ _defineProperty(HiSelectableListItem, "defaultProps", {
   secondaryInline: true,
   selected: false,
   thin: false
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableListItem'
-})(HiSelectableListItem);
+})(HiSelectableListItem);
+
+exports.default = _default;

package/HiSelectableList/index.js

@@ -1,3 +1,31 @@
-export { default } from './HiSelectableList';
-export { default as HiSelectableListItem } from './HiSelectableListItem';
-export { default as HiSelectableListHierarchic } from './HiSelectableListHierarchic';
+"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 _HiSelectableList.default;
+  }
+});
+Object.defineProperty(exports, "HiSelectableListItem", {
+  enumerable: true,
+  get: function get() {
+    return _HiSelectableListItem.default;
+  }
+});
+Object.defineProperty(exports, "HiSelectableListHierarchic", {
+  enumerable: true,
+  get: function get() {
+    return _HiSelectableListHierarchic.default;
+  }
+});
+
+var _HiSelectableList = _interopRequireDefault(require("./HiSelectableList"));
+
+var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
+
+var _HiSelectableListHierarchic = _interopRequireDefault(require("./HiSelectableListHierarchic"));

package/HiSwitch/HiSwitch.js

@@ -1,12 +1,31 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import React from 'react';
-import classNames from 'classnames';
-import SwitchBase from '@material-ui/core/internal/SwitchBase';
-import Check from '@material-ui/icons/Check';
-import { capitalize } from '../utils/helpers';
-import { withStyles } from '@material-ui/core/styles';
-export var styles = function styles(theme) {
+"use strict";
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SwitchBase = _interopRequireDefault(require("@material-ui/core/internal/SwitchBase"));
+
+var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+
+var _helpers = require("../utils/helpers");
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
   return {
     root: {
       display: 'inline-flex',
@@ -134,6 +153,8 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
 function HiSwitch(props) {
   var _classNames;
 
@@ -142,27 +163,28 @@ function HiSwitch(props) {
       checked = props.checked,
       color = props.color,
       disabled = props.disabled,
-      other = _objectWithoutProperties(props, ["classes", "className", "checked", "color", "disabled"]);
-
+      other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "checked", "color", "disabled"]);
   var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
-  var iconClass = classNames(classes.icon, (_classNames = {}, _defineProperty(_classNames, classes.iconChecked, checked), _defineProperty(_classNames, classes.iconCheckedNeutral, !disabled && checked && !isHiColor), _defineProperty(_classNames, classes["iconChecked".concat(capitalize(color))], !disabled && checked && isHiColor), _defineProperty(_classNames, classes.iconDisabled, disabled), _classNames));
-  var icon = React.createElement(Check, {
+  var iconClass = (0, _classnames.default)(classes.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.iconChecked, checked), (0, _defineProperty2.default)(_classNames, classes.iconCheckedNeutral, !disabled && checked && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["iconChecked".concat((0, _helpers.capitalize)(color))], !disabled && checked && isHiColor), (0, _defineProperty2.default)(_classNames, classes.iconDisabled, disabled), _classNames));
+
+  var icon = _react.default.createElement(_Check.default, {
     className: iconClass
   });
-  return React.createElement("div", {
-    className: classNames(classes.root, className)
-  }, React.createElement(SwitchBase, Object.assign({
+
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.root, className)
+  }, _react.default.createElement(_SwitchBase.default, (0, _extends2.default)({
     type: "checkbox",
     icon: icon,
     classes: {
       root: classes.switchBaseRoot,
-      checked: isHiColor && !disabled ? classes["checked".concat(capitalize(color))] : classes.checkedNeutral,
+      checked: isHiColor && !disabled ? classes["checked".concat((0, _helpers.capitalize)(color))] : classes.checkedNeutral,
       disabled: classes.disabled
     },
     checkedIcon: icon,
     checked: checked,
     disabled: disabled
-  }, other)), React.createElement("div", {
+  }, other)), _react.default.createElement("div", {
     className: classes.bar
   }));
 }
@@ -170,7 +192,10 @@ function HiSwitch(props) {
 HiSwitch.defaultProps = {
   color: 'inherit'
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitch'
-})(HiSwitch);
+})(HiSwitch);
+
+exports.default = _default;

package/HiSwitch/HiSwitchState.js

@@ -1,10 +1,25 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import classNames from 'classnames';
-import HiButton from '../HiButton';
-import { withStyles } from '@material-ui/core/styles';
-import { capitalize } from '../utils/helpers';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
+var styles = function styles(theme) {
   return {
     root: {
       display: 'inline-flex',
@@ -90,6 +105,9 @@ export var styles = function styles(theme) {
  * par défaut ON/OFF associé à true/false.
  */
 
+
+exports.styles = styles;
+
 function HiSwitchState(props) {
   var _classNames, _classNames2;
 
@@ -104,11 +122,11 @@ function HiSwitchState(props) {
       disabled = props.disabled,
       onChange = props.onChange;
   var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
-  var buttonLeftClass = classNames(classes.button, classes.buttonLeft, (_classNames = {}, _defineProperty(_classNames, classes.checked, checked === leftValue), _defineProperty(_classNames, classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), _defineProperty(_classNames, classes["checked".concat(capitalize(color))], !disabled && checked === leftValue && isHiColor), _defineProperty(_classNames, classes.disabled, disabled), _classNames));
-  var buttonRightClass = classNames(classes.button, classes.buttonRight, (_classNames2 = {}, _defineProperty(_classNames2, classes.checked, checked === rightValue), _defineProperty(_classNames2, classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), _defineProperty(_classNames2, classes["checked".concat(capitalize(color))], !disabled && checked === rightValue && isHiColor), _defineProperty(_classNames2, classes.disabled, disabled), _classNames2));
-  return React.createElement("div", {
-    className: classNames(classes.root, className)
-  }, React.createElement(HiButton, {
+  var buttonLeftClass = (0, _classnames.default)(classes.button, classes.buttonLeft, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checked, checked === leftValue), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === leftValue && isHiColor), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
+  var buttonRightClass = (0, _classnames.default)(classes.button, classes.buttonRight, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.checked, checked === rightValue), (0, _defineProperty2.default)(_classNames2, classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), (0, _defineProperty2.default)(_classNames2, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === rightValue && isHiColor), (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), _classNames2));
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.root, className)
+  }, _react.default.createElement(_HiButton.default, {
     size: "small",
     className: buttonLeftClass,
     value: leftValue,
@@ -116,7 +134,7 @@ function HiSwitchState(props) {
       return onChange(event, leftValue);
     },
     disabled: disabled
-  }, leftLabel), React.createElement(HiButton, {
+  }, leftLabel), _react.default.createElement(_HiButton.default, {
     size: "small",
     className: buttonRightClass,
     value: rightValue,
@@ -136,7 +154,10 @@ HiSwitchState.defaultProps = {
   rightValue: 'on',
   disabled: false
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitchState'
-})(HiSwitchState);
+})(HiSwitchState);
+
+exports.default = _default;

package/HiSwitch/index.js

@@ -1,2 +1,23 @@
-export { default } from './HiSwitch';
-export { default as HiSwitchState } from './HiSwitchState';
+"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 _HiSwitch.default;
+  }
+});
+Object.defineProperty(exports, "HiSwitchState", {
+  enumerable: true,
+  get: function get() {
+    return _HiSwitchState.default;
+  }
+});
+
+var _HiSwitch = _interopRequireDefault(require("./HiSwitch"));
+
+var _HiSwitchState = _interopRequireDefault(require("./HiSwitchState"));