@hipay/hipay-material-ui 3.12.0 → 3.12.2

package/HiStepper/HiStep.js

@@ -0,0 +1,213 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
+var _Step = _interopRequireDefault(require("@mui/material/Step"));
+
+var _StepButton = _interopRequireDefault(require("@mui/material/StepButton"));
+
+var _StepContent = _interopRequireDefault(require("@mui/material/StepContent"));
+
+var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
+
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
+var _Remove = _interopRequireDefault(require("@mui/icons-material/Remove"));
+
+var _DefaultIndicator = _interopRequireDefault(require("./DefaultIndicator"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * HiStepIcon used internally by HiStep
+ */
+var HiStepIcon = function HiStepIcon(_ref) {
+  var color = _ref.color,
+      indicator = _ref.indicator,
+      status = _ref.status;
+  // get icon style from color
+  var style = (0, _react.useMemo)(function () {
+    return {
+      backgroundColor: color,
+      color: "#fff",
+      borderRadius: "50%",
+      width: 20,
+      height: 20,
+      lineHeight: "20px",
+      fontWeight: 600,
+      fontSize: 13,
+      textAlign: 'center'
+    };
+  }, [color]); // get component from status
+
+  var StepIconComponent = (0, _react.useMemo)(function () {
+    switch (status) {
+      case "done":
+        return _Check.default;
+
+      case "error":
+        return _Close.default;
+
+      case "warning":
+        return _Remove.default;
+
+      case "in_progress":
+      default:
+        return function (props) {
+          return /*#__PURE__*/_react.default.createElement("div", props, indicator);
+        };
+    }
+  }, [status, indicator]);
+  return /*#__PURE__*/_react.default.createElement(StepIconComponent, {
+    style: style
+  });
+};
+/**
+ * Custom style for StepButton
+ */
+
+
+var useStepButtonStyle = (0, _makeStyles.default)(function (theme) {
+  return {
+    root: {
+      fontFamily: theme.typography.fontFamily
+    },
+    vertical: {
+      marginBottom: 'auto'
+    }
+  };
+});
+/**
+ * Custom style for StepContent
+ */
+
+var useStepContentStyle = (0, _makeStyles.default)(function (theme) {
+  return {
+    root: {
+      marginLeft: 9,
+      marginTop: 0,
+      textAlign: "left",
+      borderLeft: "2px solid ".concat(theme.palette.neutral.light)
+    },
+    last: {
+      borderLeft: "none"
+    }
+  };
+});
+/**
+ * Custom style for StepLabel
+ */
+
+var useStepLabelStyle = (0, _makeStyles.default)(function (theme) {
+  return {
+    label: (0, _objectSpread2.default)({}, theme.typography.button, {
+      fontWeight: '600 !important',
+      color: "inherit !important",
+      fontSize: '13px',
+      whiteSpace: 'nowrap',
+      height: 16,
+      transform: 'translateY(-2px)'
+    }),
+    labelContainer: {
+      color: 'inherit !important'
+    },
+    active: {},
+    completed: {}
+  };
+});
+
+var HiStep = _react.default.forwardRef(function (props, ref) {
+  var content = props.content,
+      disabled = props.disabled,
+      indicator = props.indicator,
+      label = props.label,
+      onClick = props.onClick,
+      status = props.status,
+      others = (0, _objectWithoutProperties2.default)(props, ["content", "disabled", "indicator", "label", "onClick", "status"]);
+  var theme = (0, _styles.useTheme)();
+  var stepButtonClasses = useStepButtonStyle(props);
+  var stepContentClasses = useStepContentStyle(props);
+  var stepLabelClasses = useStepLabelStyle(props);
+  var color = (0, _react.useMemo)(function () {
+    switch (status) {
+      case "done":
+        return theme.palette.positive.main;
+
+      case "error":
+        return theme.palette.negative.main;
+
+      case "in_progress":
+        return theme.palette.primary.main;
+
+      case "warning":
+        return theme.palette.middle.main;
+
+      default:
+        return disabled ? theme.palette.text.disabled : theme.palette.neutral.light;
+    }
+  }, [status, disabled]); // set label color
+
+  var stepLabelStyle = (0, _react.useMemo)(function () {
+    return {
+      color: color
+    };
+  }, [color]);
+
+  var _ref2 = /*#__PURE__*/_react.default.createElement(HiStepIcon, {
+    color: color,
+    indicator: indicator,
+    status: status
+  });
+
+  var StepIconProps = (0, _react.useMemo)(function () {
+    return {
+      icon: _ref2
+    };
+  }, [color, indicator, status]);
+  return /*#__PURE__*/_react.default.createElement(_Step.default, (0, _extends2.default)({
+    ref: ref,
+    completed: status === "done",
+    disabled: disabled
+  }, others), /*#__PURE__*/_react.default.createElement(_StepButton.default, {
+    classes: stepButtonClasses,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_StepLabel.default, {
+    classes: stepLabelClasses,
+    StepIconProps: StepIconProps,
+    style: stepLabelStyle
+  }, label)), content && /*#__PURE__*/_react.default.createElement(_StepContent.default, {
+    classes: stepContentClasses
+  }, content));
+});
+
+HiStep.defaultProps = {
+  /**
+   * Default indicator
+   */
+  indicator: /*#__PURE__*/_react.default.createElement(_DefaultIndicator.default, null)
+};
+var _default = HiStep;
+exports.default = _default;

package/HiStepper/HiStepper.js

@@ -0,0 +1,61 @@
+"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 _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
+
+var _StepConnector = _interopRequireDefault(require("@mui/material/StepConnector"));
+
+var HiStepConnector = (0, _withStyles.default)(function (theme) {
+  return {
+    line: {
+      border: 0,
+      backgroundColor: theme.palette.neutral.light,
+      borderRadius: 2,
+      width: 2,
+      marginLeft: -3,
+      marginTop: -1
+    }
+  };
+})(_StepConnector.default);
+var useStyles = (0, _makeStyles.default)(function (theme) {
+  return {
+    root: {
+      padding: 0
+    }
+  };
+});
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(HiStepConnector, null);
+
+var HiStepper = _react.default.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["children"]);
+  var classes = useStyles(props);
+  return /*#__PURE__*/_react.default.createElement(_Stepper.default, (0, _extends2.default)({
+    ref: ref,
+    classes: classes,
+    connector: _ref2,
+    nonLinear: true,
+    orientation: "vertical"
+  }, props), children);
+});
+
+HiStepper.defaultProps = {};
+var _default = HiStepper;
+exports.default = _default;

package/HiStepper/index.js

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

package/HiSwitch/HiSwitch.js

@@ -0,0 +1,213 @@
+"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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SwitchBase = _interopRequireDefault(require("@mui/material/internal/SwitchBase"));
+
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
+var _helpers = require("../utils/helpers");
+
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'inline-flex',
+      width: 62,
+      position: 'relative',
+      flexShrink: 0,
+      zIndex: 0
+    },
+    bar: {
+      borderRadius: 7,
+      display: 'block',
+      position: 'absolute',
+      width: 34,
+      height: 14,
+      top: '50%',
+      marginTop: -7,
+      left: '50%',
+      marginLeft: -17,
+      transition: theme.transitions.create(['opacity', 'background-color'], {
+        duration: theme.transitions.duration.shortest
+      }),
+      backgroundColor: theme.palette.mode === 'light' ? theme.palette.neutral.main : '#fff',
+      opacity: theme.palette.mode === 'light' ? 0.38 : 0.3
+    },
+    icon: {
+      boxShadow: theme.shadows[1],
+      width: 20,
+      height: 20,
+      borderRadius: '50%',
+      backgroundColor: theme.palette.background2,
+      color: theme.palette.background2,
+      padding: 2
+    },
+    iconDisabled: {
+      backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+      color: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],
+      '&:not($iconChecked)': {
+        color: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]
+      }
+    },
+    // For SwitchBase
+    switchBaseRoot: {
+      zIndex: 1,
+      color: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],
+      transition: theme.transitions.create('transform', {
+        duration: theme.transitions.duration.shortest
+      }),
+      height: 40,
+      width: 40
+    },
+    disabled: {
+      color: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+      '& + $bar': {
+        backgroundColor: theme.palette.mode === 'light' ? '#000' : '#fff',
+        opacity: theme.palette.mode === 'light' ? 0.12 : 0.1
+      }
+    },
+    iconNotChecked: {
+      color: "#CBCBCB"
+    },
+    iconChecked: {},
+    iconCheckedPrimary: {
+      backgroundColor: theme.palette.primary.main,
+      color: theme.palette.primary.contrastText
+    },
+    iconCheckedSecondary: {
+      backgroundColor: theme.palette.secondary.main,
+      color: theme.palette.secondary.contrastText
+    },
+    iconCheckedPositive: {
+      backgroundColor: theme.palette.positive.main,
+      color: theme.palette.positive.contrastText
+    },
+    iconCheckedNegative: {
+      backgroundColor: theme.palette.negative.main,
+      color: theme.palette.negative.contrastText
+    },
+    iconCheckedMiddle: {
+      backgroundColor: theme.palette.middle.main,
+      color: theme.palette.middle.contrastText
+    },
+    iconCheckedNeutral: {
+      backgroundColor: theme.palette.neutral.main,
+      color: theme.palette.neutral.contrastText
+    },
+    checkedPrimary: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.primary.main,
+        opacity: 0.5
+      }
+    },
+    checkedSecondary: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.secondary.main,
+        opacity: 0.5
+      }
+    },
+    checkedPositive: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.positive.main,
+        opacity: 0.5
+      }
+    },
+    checkedNegative: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.negative.main,
+        opacity: 0.5
+      }
+    },
+    checkedMiddle: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.middle.main,
+        opacity: 0.5
+      }
+    },
+    checkedNeutral: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.neutral.main,
+        opacity: 0.5
+      }
+    }
+  };
+};
+
+exports.styles = styles;
+
+function HiSwitch(props) {
+  var _classNames;
+
+  var classes = props.classes,
+      className = props.className,
+      checked = props.checked,
+      color = props.color,
+      disabled = props.disabled,
+      other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "checked", "color", "disabled"]);
+  var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+  var iconClass = (0, _classnames.default)(classes.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.iconNotChecked, !checked), (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 = /*#__PURE__*/_react.default.createElement(_Close.default, {
+    className: iconClass
+  });
+
+  var checkedIcon = /*#__PURE__*/_react.default.createElement(_Check.default, {
+    className: iconClass
+  });
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.root, className)
+  }, /*#__PURE__*/_react.default.createElement(_SwitchBase.default, (0, _extends2.default)({
+    type: "checkbox",
+    icon: icon,
+    classes: {
+      root: classes.switchBaseRoot,
+      checked: isHiColor && !disabled ? classes["checked".concat((0, _helpers.capitalize)(color))] : classes.checkedNeutral,
+      disabled: classes.disabled
+    },
+    checkedIcon: checkedIcon,
+    checked: checked,
+    disabled: disabled,
+    inputProps: {
+      value: checked ? "on" : "off"
+    }
+  }, other)), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.bar
+  }));
+}
+
+HiSwitch.defaultProps = {
+  color: 'inherit'
+};
+
+var _default = (0, _withStyles.default)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiSwitch'
+})(HiSwitch);
+
+exports.default = _default;

package/HiSwitch/HiSwitchState.js

@@ -0,0 +1,163 @@
+"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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+var _helpers = require("../utils/helpers");
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'inline-flex',
+      maxHeight: 40,
+      marginRight: 12,
+      padding: 4,
+      backgroundColor: theme.palette.background2,
+      borderRadius: '2px 2px 0 0',
+      width: '100%',
+      maxWidth: 200,
+      minWidth: 120,
+      borderBottom: "solid 1px ".concat(theme.palette.grey[300])
+    },
+    button: {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      backgroundColor: theme.palette.background2,
+      color: theme.palette.text.disabled,
+      textTransform: 'inherit',
+      width: '50%',
+      fontSize: 15,
+      fontWeight: 400
+    },
+    buttonLeft: {
+      borderBottomRightRadius: 0,
+      borderTopRightRadius: 0
+    },
+    buttonRight: {
+      borderBottomLeftRadius: 0,
+      borderTopLeftRadius: 0
+    },
+    checked: {
+      boxShadow: theme.shadows[2]
+    },
+    checkedPrimary: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.primary.main,
+        color: theme.palette.primary.contrastText
+      }
+    },
+    checkedSecondary: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.secondary.main,
+        color: theme.palette.secondary.contrastText
+      }
+    },
+    checkedPositive: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.positive.main,
+        color: theme.palette.positive.contrastText
+      }
+    },
+    checkedNegative: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.negative.main,
+        color: theme.palette.negative.contrastText
+      }
+    },
+    checkedMiddle: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.middle.main,
+        color: theme.palette.middle.contrastText
+      }
+    },
+    checkedNeutral: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.neutral.main,
+        color: theme.palette.neutral.contrastText
+      }
+    },
+    disabled: {
+      '&$checked': {
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+        color: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[400]
+      },
+      boxShadow: 'none'
+    }
+  };
+};
+/**
+ * Ce composant affiche un switch entre 2 valeurs associées à deux labels.
+ * par défaut ON/OFF associé à true/false.
+ */
+
+
+exports.styles = styles;
+
+function HiSwitchState(props) {
+  var _classNames, _classNames2;
+
+  var classes = props.classes,
+      className = props.className,
+      checked = props.checked,
+      color = props.color,
+      leftLabel = props.leftLabel,
+      rightLabel = props.rightLabel,
+      leftValue = props.leftValue,
+      rightValue = props.rightValue,
+      disabled = props.disabled,
+      onChange = props.onChange;
+  var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+  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 /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.root, className)
+  }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
+    size: "small",
+    className: buttonLeftClass,
+    value: leftValue,
+    onClick: function onClick(event) {
+      return onChange(event, leftValue);
+    },
+    disabled: disabled
+  }, leftLabel), /*#__PURE__*/_react.default.createElement(_HiButton.default, {
+    size: "small",
+    className: buttonRightClass,
+    value: rightValue,
+    onClick: function onClick(event) {
+      return onChange(event, rightValue);
+    },
+    disabled: disabled
+  }, rightLabel));
+}
+
+HiSwitchState.defaultProps = {
+  checked: 'on',
+  color: 'inherit',
+  leftLabel: 'Off',
+  rightLabel: 'On',
+  leftValue: 'off',
+  rightValue: 'on',
+  disabled: false
+};
+
+var _default = (0, _withStyles.default)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiSwitchState'
+})(HiSwitchState);
+
+exports.default = _default;

package/HiSwitch/index.js

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