@hipay/hipay-material-ui 2.3.0-rcstyleguide-beta5 → 2.3.1-rc1

package/es/old_components/HiCheckbox/HiCheckbox.js

@@ -1,175 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
-
-var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-// @inheritedComponent Checkbox
-var styles = function styles(theme) {
-  return {
-    root: {
-      marginRight: 4,
-      marginLeft: 4,
-      padding: 0
-    },
-    checked: {},
-    checkedPrimary: {
-      color: theme.palette.primary.main
-    },
-    checkedSecondary: {
-      color: theme.palette.secondary.main
-    },
-    checkedPositive: {
-      color: theme.palette.positive.main
-    },
-    checkedNegative: {
-      color: theme.palette.negative.main
-    },
-    checkedMiddle: {
-      color: theme.palette.middle.main
-    },
-    checkedNeutral: {
-      color: theme.palette.neutral.main
-    },
-    disabled: {
-      color: theme.palette.action.disabled
-    }
-  };
-};
-
-exports.styles = styles;
-
-var HiCheckbox =
-/*#__PURE__*/
-function (_React$PureComponent) {
-  (0, _inherits2.default)(HiCheckbox, _React$PureComponent);
-
-  function HiCheckbox(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HiCheckbox);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiCheckbox).call(this, props));
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-  /**
-   * Call callback function and stop click propagation
-   * @param event
-   * @param checked
-   */
-
-
-  (0, _createClass2.default)(HiCheckbox, [{
-    key: "handleChange",
-    value: function handleChange(event, checked) {
-      // Stop propagation
-      if (event) {
-        event.stopPropagation();
-        event.preventDefault();
-      }
-
-      if (this.props.onChange) {
-        this.props.onChange(event, checked);
-      }
-    }
-  }, {
-    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"]);
-      var iconStyles = (0, _objectSpread2.default)({
-        width: size,
-        height: size
-      }, style);
-      var hcolor = ['positive', 'negative', 'middle', 'neutral', 'inherit'].includes(color) ? 'default' : color;
-      return _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 === 'positive'), (0, _defineProperty2.default)(_classNames, classes.checkedNegative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.checkedMiddle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
-          disabled: classes.disabled
-        },
-        style: iconStyles,
-        color: hcolor,
-        onChange: this.handleChange
-      }, icon && {
-        icon: _react.default.createElement(_HiIcon.default, {
-          className: classes.root,
-          icon: icon,
-          size: 20
-        })
-      }, checkedIcon && {
-        checkedIcon: _react.default.createElement(_HiIcon.default, {
-          className: classes.root,
-          icon: checkedIcon,
-          color: color,
-          size: 20
-        })
-      }, indeterminateIcon && {
-        indeterminateIcon: _react.default.createElement(_HiIcon.default, {
-          className: classes.root,
-          icon: indeterminateIcon,
-          color: color,
-          size: 20
-        })
-      }, other));
-    }
-  }]);
-  return HiCheckbox;
-}(_react.default.PureComponent);
-
-(0, _defineProperty2.default)(HiCheckbox, "defaultProps", {
-  checked: false,
-  color: 'inherit',
-  size: 20,
-  icon: 'check_box_outline_blank'
-});
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiCheckbox'
-})(HiCheckbox);
-
-exports.default = _default;

package/es/old_components/HiCheckbox/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _HiCheckbox.default;
-  }
-});
-
-var _HiCheckbox = _interopRequireDefault(require("./HiCheckbox"));

package/es/old_components/HiChip/HiChip.js

@@ -1,227 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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 _styles = require("@material-ui/core/styles");
-
-var styles = function styles(theme) {
-  return {
-    root: (0, _objectSpread2.default)({}, theme.typography.b3, {
-      display: 'inline-flex',
-      marginRight: 4,
-      width: 'fit-content',
-      height: 24,
-      borderRadius: 12,
-      fontSize: 13,
-      backgroundColor: theme.palette.grey[300],
-      color: theme.palette.neutral.main,
-      padding: 8,
-      alignItems: 'center',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      '&$rightNavigation': {
-        paddingRight: 2
-      },
-      '&$leftNavigation': {
-        paddingLeft: 2
-      },
-      '&$deletable': {
-        paddingRight: 2
-      },
-      '&$leftIcon': {
-        paddingLeft: 2
-      }
-    }),
-    leftNavigation: {},
-    rightNavigation: {},
-    deletable: {},
-    leftIcon: {},
-    icon: {
-      marginRight: 4
-    },
-    iconClickable: {
-      cursor: 'pointer',
-      '&:hover, &:focus': {
-        color: theme.palette.primary.main
-      }
-    },
-    eraseIcon: {
-      // Remove grey highlight
-      WebkitTapHighlightColor: 'transparent',
-      marginLeft: 4,
-      position: 'relative',
-      cursor: 'pointer',
-      '&:hover, &:focus': {
-        color: theme.palette.neutral.dark
-      }
-    },
-    label: {
-      userSelect: 'none',
-      whiteSpace: 'nowrap',
-      color: theme.palette.neutral.dark,
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    },
-    prefix: {
-      whiteSpace: 'nowrap',
-      color: theme.palette.neutral.dark,
-      paddingRight: 4
-    },
-    navigate: {
-      // Remove grey highlight
-      WebkitTapHighlightColor: 'transparent',
-      backgroundColor: theme.palette.grey[300],
-      color: theme.palette.neutral.normal,
-      marginRight: 2,
-      marginLeft: 2,
-      borderRadius: 10,
-      cursor: 'pointer',
-      '&:hover, &:focus': {
-        backgroundColor: theme.palette.primary.main,
-        color: theme.palette.grey[300]
-      },
-      position: 'relative'
-    },
-    badge: {
-      height: 16,
-      paddingLeft: '2px',
-      paddingRight: '8px'
-    }
-  };
-};
-
-exports.styles = styles;
-
-var handleKeyDown = function handleKeyDown(e, fn) {
-  if ((0, _keycode.default)(e) === 'space' || (0, _keycode.default)(e) === 'enter') {
-    e.preventDefault();
-    fn();
-  }
-};
-
-function HiChip(props) {
-  var _classNames;
-
-  var className = props.className,
-      classes = props.classes,
-      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,
-      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;
-  return _react.default.createElement("div", {
-    id: id,
-    role: 'button',
-    className: (0, _classnames.default)(classes.root, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.leftNavigation, onPrevious), (0, _defineProperty2.default)(_classNames, classes.rightNavigation, onNext), (0, _defineProperty2.default)(_classNames, classes.deletable, onDelete), (0, _defineProperty2.default)(_classNames, classes.leftIcon, icon), _classNames)),
-    title: title,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    tabIndex: onKeyDown ? '0' : '-1',
-    style: style
-  }, icon && _react.default.createElement(_HiIcon.default, {
-    className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconClickable, onIconClick)),
-    id: "".concat(id, "-icon"),
-    icon: icon,
-    size: iconSize,
-    onClick: onIconClick,
-    onKeyDown: function onKeyDown(event) {
-      return handleKeyDown(event, onIconClick);
-    },
-    title: titleIcon,
-    tabIndex: onIconClick ? 0 : -1
-  }), prefix && _react.default.createElement("span", {
-    id: "".concat(id, "-prefix"),
-    className: classes.prefix
-  }, prefix), img && _react.default.createElement("img", {
-    className: classes.badge,
-    id: "".concat(id, "-badge"),
-    src: img,
-    alt: img,
-    onError: function onError(e) {
-      if (fallbackImage) {
-        e.target.src = "".concat(fallbackImage);
-      } else {
-        e.target.style.display = 'none';
-      }
-    },
-    title: titleImg
-  }), onPrevious && _react.default.createElement(_HiIcon.default, {
-    className: (0, _classnames.default)(classes.navigate),
-    id: "".concat(id, "-previous"),
-    icon: "arrow_left",
-    onClick: onPrevious,
-    onKeyDown: function onKeyDown(event) {
-      return handleKeyDown(event, onPrevious);
-    },
-    size: iconSize,
-    title: titlePrevious,
-    tabIndex: 0
-  }), _react.default.createElement("span", {
-    id: "".concat(id, "-label"),
-    className: classes.label
-  }, label), onNext && _react.default.createElement(_HiIcon.default, {
-    className: (0, _classnames.default)(classes.navigate),
-    id: "".concat(id, "-next"),
-    icon: "arrow_right",
-    onClick: onNext,
-    onKeyDown: function onKeyDown(event) {
-      return handleKeyDown(event, onNext);
-    },
-    size: iconSize,
-    title: titleNext,
-    tabIndex: 0
-  }), onDelete && _react.default.createElement(_HiIcon.default, {
-    classes: {
-      root: classes.eraseIcon
-    },
-    id: "".concat(id, "-delete"),
-    icon: "cancel",
-    onClick: onDelete,
-    onKeyDown: function onKeyDown(event) {
-      return handleKeyDown(event, onDelete);
-    },
-    size: iconSize,
-    title: titleDelete,
-    tabIndex: 0
-  }));
-}
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiChip'
-})(HiChip);
-
-exports.default = _default;

package/es/old_components/HiChip/HiChipSwitch.js

@@ -1,249 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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("@material-ui/core/styles");
-
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
-
-var styles = function styles(theme) {
-  return {
-    root: (0, _objectSpread2.default)({}, theme.typography.b3, {
-      display: 'inline-flex',
-      alignItems: 'center',
-      marginRight: 4,
-      width: 'fit-content',
-      height: 24,
-      borderRadius: 12,
-      fontSize: 13,
-      cursor: 'pointer',
-      padding: '0 4px',
-      outline: 'none',
-      // No outline on focused element in Chrome (as triggered by tabIndex prop)
-      // Remove grey highlight
-      WebkitTapHighlightColor: 'transparent',
-      '&:hover, &:focus': {
-        backgroundColor: (0, _colorManipulator.emphasize)(theme.palette.grey[300], 0.08)
-      }
-    }),
-    active: {
-      backgroundColor: theme.palette.primary.main,
-      color: theme.palette.neutral.contrastText,
-      '&:hover, &:focus': {
-        backgroundColor: theme.palette.primary.dark
-      }
-    },
-    inactive: {
-      backgroundColor: theme.palette.grey[300],
-      color: theme.palette.neutral.dark
-    },
-    icon: {
-      color: theme.palette.neutral.main,
-      marginRight: 5
-    },
-    iconActive: {
-      color: theme.palette.neutral.contrastText
-    },
-    tags: {
-      fontSize: 16,
-      paddingRight: 4,
-      paddingBottom: 4,
-      paddingTop: 4,
-      marginLeft: 4,
-      float: 'left'
-    },
-    label: {
-      userSelect: 'none',
-      whiteSpace: 'nowrap'
-    },
-    noSelection: {
-      marginRight: 4
-    },
-    selection: {
-      height: 18,
-      lineHeight: '20px',
-      width: 24,
-      borderRadius: 8,
-      backgroundColor: 'white',
-      justifyContent: 'center',
-      color: theme.palette.neutral.dark,
-      textAlign: 'center',
-      marginLeft: 4,
-      outline: 'none',
-      // No outline on focused element in Chrome (as triggered by tabIndex prop)
-      cursor: 'auto'
-    },
-    selectionClickable: {
-      // Remove grey highlight
-      WebkitTapHighlightColor: 'transparent',
-      cursor: 'pointer',
-      '&:hover, &:focus': {
-        backgroundColor: theme.palette.grey[300]
-      }
-    }
-  };
-};
-
-exports.styles = styles;
-
-var HiChipSwitch =
-/*#__PURE__*/
-function (_React$PureComponent) {
-  (0, _inherits2.default)(HiChipSwitch, _React$PureComponent);
-
-  function HiChipSwitch(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HiChipSwitch);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiChipSwitch).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "chipSwitchRef", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
-      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);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDownSelection", function (event) {
-      var onSelectionClick = _this.props.onSelectionClick;
-      var key = (0, _index.default)(event);
-
-      if (onSelectionClick && (key === 'space' || key === 'enter')) {
-        event.preventDefault();
-        onSelectionClick(event);
-      }
-    });
-    _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-
-  (0, _createClass2.default)(HiChipSwitch, [{
-    key: "handleClickSelection",
-    value: function handleClickSelection(event) {
-      if (this.props.onSelectionClick) {
-        if (event) {
-          event.stopPropagation();
-        }
-
-        this.props.onSelectionClick();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _classNames,
-          _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;
-      var selectionProps = {
-        tabIndex: '-1'
-      };
-
-      if (onSelectionClick && selection !== 0) {
-        selectionProps = {
-          onClick: this.handleClickSelection,
-          role: 'button',
-          tabIndex: '0',
-          onKeyDown: this.handleKeyDownSelection,
-          title: selectionTitle
-        };
-      }
-
-      return _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)),
-        onClick: onClick,
-        role: "button",
-        tabIndex: "0",
-        onKeyDown: this.handleKeyDown,
-        ref: function ref(node) {
-          _this2.chipRef = node;
-        }
-      }, _react.default.createElement(_HiIcon.default, {
-        icon: active ? activeIcon : 'add',
-        size: 20,
-        className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconActive, !!active))
-      }), _react.default.createElement("span", {
-        className: (0, _classnames.default)(classes.label, (0, _defineProperty2.default)({}, classes.noSelection, selection === null))
-      }, label), selection !== null && _react.default.createElement("div", (0, _extends2.default)({
-        className: (0, _classnames.default)(classes.selection, (0, _defineProperty2.default)({}, classes.selectionClickable, onSelectionClick && selection !== 0))
-      }, selectionProps), selection));
-    }
-  }]);
-  return HiChipSwitch;
-}(_react.default.PureComponent);
-
-(0, _defineProperty2.default)(HiChipSwitch, "defaultProps", {
-  active: false,
-  activeIcon: 'check',
-  selection: null,
-  selectionTitle: ''
-});
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiChipSwitch'
-})(HiChipSwitch);
-
-exports.default = _default;

package/es/old_components/HiChip/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _HiChip.default;
-  }
-});
-Object.defineProperty(exports, "HiChipSwitch", {
-  enumerable: true,
-  get: function get() {
-    return _HiChipSwitch.default;
-  }
-});
-
-var _HiChip = _interopRequireDefault(require("./HiChip"));
-
-var _HiChipSwitch = _interopRequireDefault(require("./HiChipSwitch"));