@hipay/hipay-material-ui 2.3.0-rc.4 → 2.3.0-rc.PSYCHE-2530

package/es/HiChip/HiChipSwitch.js

@@ -1,104 +1,143 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import keycode from 'keycode/index';
-import HiIcon from '../HiIcon';
-import { withStyles } from '@material-ui/core/styles';
-import { emphasize } from '@material-ui/core/styles/colorManipulator';
-export const styles = theme => ({
-  root: _objectSpread({}, 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: 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]
-    }
-  }
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/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/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/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;
 
-class HiChipSwitch extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    this.chipSwitchRef = null;
+var HiChipSwitch =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiChipSwitch, _React$PureComponent);
 
-    this.handleKeyDown = event => {
+  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;
       }
 
-      const {
-        onClick,
-        onKeyDown
-      } = this.props;
-      const key = keycode(event);
+      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();
@@ -106,159 +145,105 @@ class HiChipSwitch extends React.PureComponent {
       } else if (key === 'esc') {
         event.preventDefault();
 
-        if (this.chipSwitchRef) {
-          this.chipSwitchRef.blur();
+        if (_this.chipSwitchRef) {
+          _this.chipSwitchRef.blur();
         }
       }
 
       if (onKeyDown) {
         onKeyDown(event);
       }
-    };
-
-    this.handleKeyDownSelection = event => {
-      const {
-        onSelectionClick
-      } = this.props;
-      const key = keycode(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(this);
-    this.handleKeyDown = this.handleKeyDown.bind(this);
-    this.handleKeyDownSelection = this.handleKeyDownSelection.bind(this);
+    });
+    _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;
   }
 
-  handleClickSelection(event) {
-    if (this.props.onSelectionClick) {
-      if (event) {
-        event.stopPropagation();
-      }
+  (0, _createClass2.default)(HiChipSwitch, [{
+    key: "handleClickSelection",
+    value: function handleClickSelection(event) {
+      if (this.props.onSelectionClick) {
+        if (event) {
+          event.stopPropagation();
+        }
 
-      this.props.onSelectionClick();
+        this.props.onSelectionClick();
+      }
     }
-  }
-
-  render() {
-    const {
-      id,
-      label,
-      classes,
-      activeIcon,
-      active,
-      onClick,
-      onSelectionClick,
-      selection,
-      selectionTitle
-    } = this.props;
-    let selectionProps = {
-      tabIndex: '-1'
-    };
-
-    if (onSelectionClick && selection !== 0) {
-      selectionProps = {
-        onClick: this.handleClickSelection,
-        role: 'button',
-        tabIndex: '0',
-        onKeyDown: this.handleKeyDownSelection,
-        title: selectionTitle
+  }, {
+    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'
       };
-    }
 
-    return React.createElement("div", {
-      id: id,
-      className: classNames(classes.root, {
-        [classes.active]: !!active,
-        [classes.inactive]: !active
-      }),
-      onClick: onClick,
-      role: "button",
-      tabIndex: "0",
-      onKeyDown: this.handleKeyDown,
-      ref: node => {
-        this.chipRef = node;
+      if (onSelectionClick && selection !== 0) {
+        selectionProps = {
+          onClick: this.handleClickSelection,
+          role: 'button',
+          tabIndex: '0',
+          onKeyDown: this.handleKeyDownSelection,
+          title: selectionTitle
+        };
       }
-    }, React.createElement(HiIcon, {
-      icon: active ? activeIcon : 'add',
-      size: 20,
-      className: classNames(classes.icon, {
-        [classes.iconActive]: !!active
-      })
-    }), React.createElement("span", {
-      className: classNames(classes.label, {
-        [classes.noSelection]: selection === null
-      })
-    }, label), selection !== null && React.createElement("div", _extends({
-      className: classNames(classes.selection, {
-        [classes.selectionClickable]: onSelectionClick && selection !== 0
-      })
-    }, selectionProps), selection));
-  }
 
-}
+      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);
 
-HiChipSwitch.defaultProps = {
+(0, _defineProperty2.default)(HiChipSwitch, "defaultProps", {
   active: false,
   activeIcon: 'check',
   selection: null,
   selectionTitle: ''
-};
-HiChipSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Actif ou inactif
-   */
-  active: PropTypes.bool,
-
-  /**
-   * Icn affiché lorsque le filtre est actif
-   */
-  activeIcon: PropTypes.string,
-
-  /**
-   * Surcharge les classes du composant
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Identifiant de l'élément
-   */
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  /**
-   * Label qu'affiche le ChipFilter
-   */
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-
-  /**
-   * Fonction de callback appelée au clic sur le badge
-   */
-  onClick: PropTypes.func.isRequired,
-
-  /**
-   * @ignore
-   */
-  onKeyDown: PropTypes.func,
-
-  /**
-   * Fonction de callback appelée au clic sur le badge de la sélection
-   */
-  onSelectionClick: PropTypes.func,
-
-  /**
-   * nombre de valeurs selectionnées.
-   */
-  selection: PropTypes.number,
-
-  /**
-   * Title de la selection.
-   */
-  selectionTitle: PropTypes.string
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiChipSwitch'
-})(HiChipSwitch);
+})(HiChipSwitch);
+
+exports.default = _default;

package/es/HiChip/index.js

@@ -1,2 +1,23 @@
-export { default } from './HiChip';
-export { default as HiChipSwitch } from './HiChipSwitch';
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/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"));