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

package/es/HiDotsStepper/HiDotsStepper.js

@@ -1,73 +1,111 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import HiDot from './HiDot';
-export const styles = () => ({
-  dotStepper: {
-    width: '100%',
-    maxWidth: 200,
-    display: 'flex',
-    flexDirection: 'row',
-    flexWrap: 'nowrap',
-    justifyContent: 'center',
-    alignItems: 'center'
-  }
+"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 _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"));
 
-class HiDotsStepper extends React.PureComponent {
-  constructor(props) {
-    super(props);
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
 
-    this.handleClick = activeStep => () => {
-      this.props.onChange(activeStep);
-    };
+var _react = _interopRequireDefault(require("react"));
 
-    this.handleNavigation = e => {
-      const {
-        activeStep,
-        steps
-      } = this.props;
-      let nextStep = activeStep;
+var _styles = require("@material-ui/core/styles");
+
+var _HiDot = _interopRequireDefault(require("./HiDot"));
+
+var styles = function styles() {
+  return {
+    dotStepper: {
+      width: '100%',
+      maxWidth: 200,
+      display: 'flex',
+      flexDirection: 'row',
+      flexWrap: 'nowrap',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var HiDotsStepper =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiDotsStepper, _React$PureComponent);
+
+  function HiDotsStepper(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiDotsStepper);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDotsStepper).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (activeStep) {
+      return function () {
+        _this.props.onChange(activeStep);
+      };
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleNavigation", function (e) {
+      var _this$props = _this.props,
+          activeStep = _this$props.activeStep,
+          steps = _this$props.steps;
+      var nextStep = activeStep;
       if (e.key === 'ArrowLeft') nextStep -= 1;
       if (e.key === 'ArrowRight') nextStep += 1;
       nextStep = (nextStep + steps.length) % steps.length; // Permet la navigation d'un Dot au suivant / précédent
 
-      document.querySelector(`button[tabIndex="${nextStep}"]`).focus();
-      this.props.onChange(nextStep);
-    };
+      document.querySelector("button[tabIndex=\"".concat(nextStep, "\"]")).focus();
 
-    this.handleClick = this.handleClick.bind(this);
-    this.handleNavigation = this.handleNavigation.bind(this);
+      _this.props.onChange(nextStep);
+    });
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleNavigation = _this.handleNavigation.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-  render() {
-    const {
-      classes,
-      activeStep,
-      steps
-    } = this.props;
-    return React.createElement("div", {
-      role: "presentation",
-      className: classes.dotStepper,
-      onKeyDown: this.handleNavigation
-    }, steps.map((step, idx) => React.createElement(HiDot, {
-      key: step.id,
-      tabIndex: step.id,
-      status: step.status,
-      active: idx === activeStep,
-      onClick: this.handleClick(idx)
-    })));
-  }
+  (0, _createClass2.default)(HiDotsStepper, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
 
-}
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          activeStep = _this$props2.activeStep,
+          steps = _this$props2.steps;
+      return _react.default.createElement("div", {
+        role: "presentation",
+        className: classes.dotStepper,
+        onKeyDown: this.handleNavigation
+      }, steps.map(function (step, idx) {
+        return _react.default.createElement(_HiDot.default, {
+          key: step.id,
+          tabIndex: step.id,
+          status: step.status,
+          active: idx === activeStep,
+          onClick: _this2.handleClick(idx)
+        });
+      }));
+    }
+  }]);
+  return HiDotsStepper;
+}(_react.default.PureComponent);
 
-HiDotsStepper.propTypes = process.env.NODE_ENV !== "production" ? {
-  activeStep: PropTypes.number.isRequired,
-  classes: PropTypes.object,
-  onChange: PropTypes.func,
-  steps: PropTypes.array.isRequired
-} : {};
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiDotsStepper'
-})(HiDotsStepper);
+})(HiDotsStepper);
+
+exports.default = _default;

package/es/HiDotsStepper/index.js

@@ -0,0 +1,23 @@
+"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, "HiDot", {
+  enumerable: true,
+  get: function get() {
+    return _HiDot.default;
+  }
+});
+Object.defineProperty(exports, "HiDotsStepper", {
+  enumerable: true,
+  get: function get() {
+    return _HiDotsStepper.default;
+  }
+});
+
+var _HiDot = _interopRequireDefault(require("./HiDot"));
+
+var _HiDotsStepper = _interopRequireDefault(require("./HiDotsStepper"));

package/es/HiExpansionPanel/HiExpansionPanel.js

@@ -1,224 +1,218 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-// @inheritedComponent ExpansionPanel
-import React from 'react';
-import PropTypes from 'prop-types';
-import ExpansionPanel from '@material-ui/core/ExpansionPanel';
-import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
-import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
-import HiIcon from '../HiIcon';
-import { withStyles } from '@material-ui/core/styles';
-import classNames from 'classnames';
-export const styles = theme => ({
-  summaryContent: {
-    display: 'flex',
-    alignItems: 'baseline',
-    justifyContent: 'space-between',
-    border: 'none',
-    '&$expanded': {
-      margin: 'initial'
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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 _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 _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
+
+var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
+
+var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
+
+var _HiIcon = _interopRequireDefault(require("./../HiIcon"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var styles = function styles(theme) {
+  return {
+    summaryContent: {
+      display: 'flex',
+      alignItems: 'baseline',
+      justifyContent: 'space-between',
+      border: 'none',
+      '&$expanded': {
+        margin: 'initial'
+      },
+      maxWidth: '100%'
     },
-    maxWidth: '100%'
-  },
-  summaryRoot: {
-    borderBottom: '1px solid #E3E6E7',
-    height: 48,
-    minHeight: 48,
-    padding: '0 0 0 8px',
-    '&$expanded': {
-      minHeight: 48
-    }
-  },
-  expanded: {},
-  collapseDisable: {
-    cursor: 'default',
-    pointerEvents: 'none'
-  },
-  heading: _objectSpread({}, theme.typography.b1, {
-    height: 48,
-    display: 'flex',
-    alignItems: 'center',
-    fontSize: 20,
-    lineHeight: '24px',
-    fontWeight: theme.typography.fontWeightLight
-  }),
-  secondaryHeading: _objectSpread({}, theme.typography.b3, {
-    color: theme.palette.neutral.light,
-    height: 48,
-    display: 'flex',
-    alignItems: 'center',
-    fontSize: 11,
-    '&>svg': {
-      fontSize: 18,
-      marginLeft: 3
+    summaryRoot: {
+      borderBottom: '1px solid #E3E6E7',
+      height: 48,
+      minHeight: 48,
+      padding: '0 0 0 8px',
+      '&$expanded': {
+        minHeight: 48
+      }
     },
-    '&>button': {
-      marginRight: -12
+    expanded: {},
+    collapseDisable: {
+      cursor: 'default',
+      pointerEvents: 'none'
     },
-    marginLeft: 24,
-    overflow: 'hidden'
-  }),
-  secondaryHeadingSpan: {
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis'
-  },
-  panel: {
-    boxShadow: 'none',
-    border: 'none'
-  },
-  panelDetails: {
-    padding: '8px 0 24px 0'
-  },
-  panelDetailsExited: {
-    display: 'none'
-  },
-  disabledPanel: {
-    backgroundColor: '#ffffff',
-    opacity: 1
-  },
-  expandIcon: {
-    width: 24,
-    height: 24,
-    right: 0
-  }
-});
+    heading: (0, _objectSpread2.default)({}, theme.typography.b1, {
+      height: 48,
+      display: 'flex',
+      alignItems: 'center',
+      fontSize: 20,
+      lineHeight: '24px',
+      fontWeight: theme.typography.fontWeightLight
+    }),
+    secondaryHeading: (0, _objectSpread2.default)({}, theme.typography.b3, {
+      color: theme.palette.neutral.light,
+      height: 48,
+      display: 'flex',
+      alignItems: 'center',
+      fontSize: 11,
+      '&>svg': {
+        fontSize: 18,
+        marginLeft: 3
+      },
+      '&>button': {
+        marginRight: -12
+      },
+      marginLeft: 24,
+      overflow: 'hidden'
+    }),
+    secondaryHeadingSpan: {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    },
+    panel: {
+      boxShadow: 'none',
+      border: 'none'
+    },
+    panelDetails: {
+      padding: '8px 0 24px 0'
+    },
+    panelDetailsExited: {
+      display: 'none'
+    },
+    disabledPanel: {
+      backgroundColor: '#ffffff',
+      opacity: 1
+    },
+    expandIcon: {
+      width: 24,
+      height: 24,
+      right: 0
+    }
+  };
+};
+/**
+ * HiExpansionPanel
+ */
 
-var _ref = React.createElement(HiIcon, {
-  icon: 'mdi_menu_up',
+
+exports.styles = styles;
+
+var _ref = _react.default.createElement(_HiIcon.default, {
+  icon: "mdi_menu_up",
   size: 24
 });
 
-class HiExpansionPanel extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
+var HiExpansionPanel =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiExpansionPanel, _React$PureComponent);
+
+  function HiExpansionPanel(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiExpansionPanel);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiExpansionPanel).call(this, props));
+    _this.state = {
       panelDetailsExited: !(props.collapseDisable || props.expanded)
     };
+    return _this;
   }
 
-  render() {
-    const _this$props = this.props,
-          {
-      disabled,
-      heading,
-      secondaryHeading,
-      secondaryHeadingDisabled,
-      secondaryHeadingIcon,
-      collapseDisable,
-      collapseProps,
-      children,
-      classes,
-      expanded
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "collapseProps", "children", "classes", "expanded"]);
-
-    const effectiveDisabled = disabled || !children;
-    return React.createElement(ExpansionPanel, _extends({
-      disabled: effectiveDisabled,
-      classes: {
-        root: classes.panel,
-        disabled: classes.disabledPanel
-      },
-      expanded: collapseDisable || expanded
-    }, props, {
-      TransitionProps: _objectSpread({
-        onExited: () => {
-          this.setState({
-            panelDetailsExited: true
-          });
+  (0, _createClass2.default)(HiExpansionPanel, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          disabled = _this$props.disabled,
+          heading = _this$props.heading,
+          secondaryHeading = _this$props.secondaryHeading,
+          secondaryHeadingDisabled = _this$props.secondaryHeadingDisabled,
+          secondaryHeadingIcon = _this$props.secondaryHeadingIcon,
+          collapseDisable = _this$props.collapseDisable,
+          children = _this$props.children,
+          classes = _this$props.classes,
+          expanded = _this$props.expanded,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "classes", "expanded"]);
+      var effectiveDisabled = disabled || !children;
+      return _react.default.createElement(_ExpansionPanel.default, (0, _extends2.default)({
+        disabled: effectiveDisabled,
+        classes: {
+          root: classes.panel,
+          disabled: classes.disabledPanel
         },
-        onEnter: () => {
-          this.setState({
-            panelDetailsExited: false
-          });
+        expanded: collapseDisable || expanded
+      }, props, {
+        TransitionProps: {
+          onExited: function onExited() {
+            _this2.setState({
+              panelDetailsExited: true
+            });
+          },
+          onEnter: function onEnter() {
+            _this2.setState({
+              panelDetailsExited: false
+            });
+          }
         }
-      }, collapseProps)
-    }), React.createElement(ExpansionPanelSummary, {
-      classes: {
-        root: classes.summaryRoot,
-        content: classes.summaryContent,
-        expanded: classes.expanded,
-        expandIcon: classes.expandIcon
-      },
-      className: classNames({
-        [classes.collapseDisable]: collapseDisable
-      }),
-      expandIcon: !collapseDisable && _ref
-    }, React.createElement("div", {
-      className: classes.heading
-    }, heading), React.createElement("div", {
-      className: classes.secondaryHeading
-    }, React.createElement("span", {
-      className: classes.secondaryHeadingSpan
-    }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && React.createElement(ExpansionPanelDetails, {
-      className: classNames(classes.panelDetails, {
-        [classes.panelDetailsExited]: this.state.panelDetailsExited
-      })
-    }, children));
-  }
-
-}
+      }), _react.default.createElement(_ExpansionPanelSummary.default, {
+        classes: {
+          root: classes.summaryRoot,
+          content: classes.summaryContent,
+          expanded: classes.expanded,
+          expandIcon: classes.expandIcon
+        },
+        className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
+        expandIcon: !collapseDisable && _ref
+      }, _react.default.createElement("div", {
+        className: classes.heading
+      }, heading), _react.default.createElement("div", {
+        className: classes.secondaryHeading
+      }, _react.default.createElement("span", {
+        className: classes.secondaryHeadingSpan
+      }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
+        className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, this.state.panelDetailsExited))
+      }, children));
+    }
+  }]);
+  return HiExpansionPanel;
+}(_react.default.PureComponent);
 
-HiExpansionPanel.defaultProps = {
+(0, _defineProperty2.default)(HiExpansionPanel, "defaultProps", {
   disabled: false,
   secondaryHeading: '',
   secondaryHeadingIcon: '',
   secondaryHeadingDisabled: 'PAS ENCORE COMPLETE'
-};
-HiExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Contenu du panel
-   */
-  children: PropTypes.any,
-
-  /**
-   * Surcharge les classes du composant
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Désactive l'action d'ouverture et de fermeture du composant
-   */
-  collapseDisable: PropTypes.bool,
-
-  /**
-   * Surcharge la prop CollapseProps du composant ExpansionPanel
-   */
-  collapseProps: PropTypes.object,
-
-  /**
-   * Désactivé
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Expanded
-   */
-  expanded: PropTypes.bool,
-
-  /**
-   * Titre principal du panel
-   */
-  heading: PropTypes.any,
-
-  /**
-   * Titre secondaire du panel
-   */
-  secondaryHeading: PropTypes.string,
-
-  /**
-   * Titre secondaire si désactivé
-   */
-  secondaryHeadingDisabled: PropTypes.string,
-
-  /**
-   * Icone dans le titre secondaire du panel
-   */
-  secondaryHeadingIcon: PropTypes.any
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiExpansionPanel'
-})(HiExpansionPanel);
+})(HiExpansionPanel);
+
+exports.default = _default;

package/es/HiExpansionPanel/index.js

@@ -1 +1,13 @@
-export { default } from './HiExpansionPanel';
+"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 = void 0;
+
+var _HiExpansionPanel = _interopRequireDefault(require("./HiExpansionPanel"));
+
+var _default = _HiExpansionPanel.default;
+exports.default = _default;