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

package/es/HiNotice/HiKPI.js

@@ -1,215 +1,187 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import ButtonBase from '@material-ui/core/ButtonBase';
-import Collapse from '@material-ui/core/Collapse';
-export const styles = theme => ({
-  root: {
-    background: theme.palette.background3,
-    height: 104,
-    width: 136,
-    padding: '0px 8px',
-    margin: 8,
-    display: 'flex',
-    textAlign: 'center',
-    flexDirection: 'column',
-    alignItems: 'center',
-    fontFamily: theme.typography.fontFamily,
-    transition: 'height .5s ease-out'
-  },
-  rootDisable: {
-    cursor: 'default'
-  },
-  error: {
-    boxShadow: '0px 2px 4px 0px rgba(213, 0, 0, 0.24)',
-    '&:hover, &:focus': {
-      boxShadow: '0px 3px 5px 0px rgba(213, 0, 0, 0.32)'
-    }
-  },
-  warning: {
-    boxShadow: '0px 2px 4px 0px rgba(249, 148, 8, 0.32)',
-    '&:hover, &:focus': {
-      boxShadow: '0px 3px 5px 0px rgba(249, 148, 8, 0.40)'
-    }
-  },
-  inherit: {
-    boxShadow: '0px 1px 3px 0px rgba(0, 0, 0, 0.16)',
-    '&:hover, &:focus': {
-      boxShadow: '0px 3px 5px 0px rgba(0, 0, 0, 0.24)'
-    }
-  },
-  positive: {
-    boxShadow: '0px 1px 3px 0px rgba(0, 175, 1, 0.36)',
-    '&:hover, &:focus': {
-      boxShadow: '0px 3px 5px 0px rgba(0, 175, 1, 0.44)'
-    }
-  },
-  active: {
-    background: theme.palette.background2,
-    boxShadow: 'none'
-  },
-  body: {
-    margin: 0,
-    display: 'inline-grid',
-    alignItems: 'center',
-    fontSize: 20,
-    fontWeight: theme.typography.fontWeightLight,
-    flex: '1 1 auto'
-  },
-  title: {
-    maxHeight: 16,
-    maxWidth: '100%',
-    margin: '7px 0px',
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    fontSize: 14,
-    fontWeight: theme.typography.fontWeightLight,
-    flex: '0 1 16px'
-  },
-  subtitle: {
-    maxHeight: 28,
-    margin: '2px 0px',
-    maxWidth: '100%',
-    color: theme.palette.neutral.main,
-    fontSize: 11,
-    lineHeight: '13px',
-    fontWeight: theme.typography.fontWeightMedium,
-    flex: '0 1 28px'
-  },
-  minify: {
-    height: 72
-  }
+"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"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase"));
+
+var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      background: theme.palette.background3,
+      height: 104,
+      width: 136,
+      padding: '0px 8px',
+      margin: 8,
+      display: 'flex',
+      textAlign: 'center',
+      flexDirection: 'column',
+      alignItems: 'center',
+      fontFamily: theme.typography.fontFamily,
+      transition: 'height .5s ease-out'
+    },
+    rootDisable: {
+      cursor: 'default'
+    },
+    error: {
+      boxShadow: '0px 2px 4px 0px rgba(213, 0, 0, 0.24)',
+      '&:hover, &:focus': {
+        boxShadow: '0px 3px 5px 0px rgba(213, 0, 0, 0.32)'
+      }
+    },
+    warning: {
+      boxShadow: '0px 2px 4px 0px rgba(249, 148, 8, 0.32)',
+      '&:hover, &:focus': {
+        boxShadow: '0px 3px 5px 0px rgba(249, 148, 8, 0.40)'
+      }
+    },
+    inherit: {
+      boxShadow: '0px 1px 3px 0px rgba(0, 0, 0, 0.16)',
+      '&:hover, &:focus': {
+        boxShadow: '0px 3px 5px 0px rgba(0, 0, 0, 0.24)'
+      }
+    },
+    positive: {
+      boxShadow: '0px 1px 3px 0px rgba(0, 175, 1, 0.36)',
+      '&:hover, &:focus': {
+        boxShadow: '0px 3px 5px 0px rgba(0, 175, 1, 0.44)'
+      }
+    },
+    active: {
+      background: theme.palette.background2,
+      boxShadow: 'none'
+    },
+    body: {
+      margin: 0,
+      display: 'inline-grid',
+      alignItems: 'center',
+      fontSize: 20,
+      fontWeight: theme.typography.fontWeightLight,
+      flex: '1 1 auto'
+    },
+    title: {
+      maxHeight: 16,
+      maxWidth: '100%',
+      margin: '7px 0px',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      fontSize: 14,
+      fontWeight: theme.typography.fontWeightLight,
+      flex: '0 1 16px'
+    },
+    subtitle: {
+      maxHeight: 28,
+      margin: '2px 0px',
+      maxWidth: '100%',
+      color: theme.palette.neutral.main,
+      fontSize: 11,
+      lineHeight: '13px',
+      fontWeight: theme.typography.fontWeightMedium,
+      flex: '0 1 28px'
+    },
+    minify: {
+      height: 72
+    }
+  };
+};
 
-class HiKPI extends React.Component {
-  constructor(props) {
-    super(props);
+exports.styles = styles;
 
-    this.handleClick = id => () => {
-      this.props.onClick(id);
-    };
+var HiKPI =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiKPI, _React$Component);
 
-    this.handleClick = this.handleClick.bind(this);
-  }
+  function HiKPI(props) {
+    var _this;
 
-  render() {
-    const {
-      classes,
-      minify,
-      bodyMinify,
-      active,
-      title,
-      body,
-      subtitle,
-      color,
-      id,
-      tooltip,
-      disable,
-      buttonId
-    } = this.props;
-    const rootclass = classNames(classes.root, {
-      [classes.inherit]: color === 'inherit',
-      [classes.warning]: color === 'warning' && !disable,
-      [classes.error]: color === 'error' && !disable,
-      [classes.positive]: color === 'positive' && !disable,
-      [classes.active]: active,
-      [classes.minify]: minify,
-      [classes.rootDisable]: disable
+    (0, _classCallCheck2.default)(this, HiKPI);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiKPI).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (id) {
+      return function () {
+        _this.props.onClick(id);
+      };
     });
-    return React.createElement(ButtonBase, {
-      id: buttonId,
-      className: rootclass,
-      onClick: !disable ? this.handleClick(id) : undefined,
-      title: tooltip,
-      disableRipple: disable,
-      disabled: disable
-    }, title && React.createElement("h3", {
-      className: classes.title
-    }, title), React.createElement("div", {
-      className: classes.body
-    }, minify && bodyMinify ? bodyMinify : body), React.createElement(Collapse, {
-      in: !minify,
-      timeout: 'auto'
-    }, React.createElement("div", {
-      className: classes.subtitle
-    }, subtitle)));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-}
+  (0, _createClass2.default)(HiKPI, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          minify = _this$props.minify,
+          bodyMinify = _this$props.bodyMinify,
+          active = _this$props.active,
+          title = _this$props.title,
+          body = _this$props.body,
+          subtitle = _this$props.subtitle,
+          color = _this$props.color,
+          id = _this$props.id,
+          tooltip = _this$props.tooltip,
+          disable = _this$props.disable,
+          buttonId = _this$props.buttonId;
+      var rootclass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.inherit, color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning' && !disable), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error' && !disable), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive' && !disable), (0, _defineProperty2.default)(_classNames, classes.active, active), (0, _defineProperty2.default)(_classNames, classes.minify, minify), (0, _defineProperty2.default)(_classNames, classes.rootDisable, disable), _classNames));
+      return _react.default.createElement(_ButtonBase.default, {
+        id: buttonId,
+        className: rootclass,
+        onClick: !disable ? this.handleClick(id) : undefined,
+        title: tooltip,
+        disableRipple: disable,
+        disabled: disable
+      }, title && _react.default.createElement("h3", {
+        className: classes.title
+      }, title), _react.default.createElement("div", {
+        className: classes.body
+      }, minify && bodyMinify ? bodyMinify : body), _react.default.createElement(_Collapse.default, {
+        in: !minify,
+        timeout: 'auto'
+      }, _react.default.createElement("div", {
+        className: classes.subtitle
+      }, subtitle)));
+    }
+  }]);
+  return HiKPI;
+}(_react.default.Component);
 
-HiKPI.defaultProps = {
+(0, _defineProperty2.default)(HiKPI, "defaultProps", {
   active: false,
   minify: false,
   color: 'inherit'
-};
-HiKPI.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Extension du style appliqué au composant
-   */
-  active: PropTypes.bool,
-
-  /**
-   * Corps du KPI
-   */
-  body: PropTypes.any.isRequired,
-
-  /**
-   * Version minifiée du composant
-   */
-  bodyMinify: PropTypes.any,
-
-  /**
-   * Id of the button
-   */
-  buttonId: PropTypes.string,
-
-  /**
-   * Fonction appelée au clic sur le KPI
-   */
-  classes: PropTypes.object,
-
-  /**
-   * KPI est-il actif ?
-   */
-  color: PropTypes.oneOf(['inherit', 'warning', 'error', 'positive']),
-
-  /**
-   * Titre du KPI
-   */
-  disable: PropTypes.bool,
-
-  /**
-   * KPI id
-   */
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-
-  /**
-   * Corps minifié du KPI si nécessaire
-   */
-  minify: PropTypes.bool,
-
-  /**
-   * Sous-titre du KPI
-   */
-  onClick: PropTypes.func,
-
-  /**
-   * Type du KPI (ancré ou normal : ancré permet action de clic)
-   */
-  subtitle: PropTypes.any,
-
-  /**
-   * Couleur de l'ombre du KPI
-   */
-  title: PropTypes.string,
-
-  /**
-   * Contenu du tooltip (facultatif)
-   */
-  tooltip: PropTypes.any
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiKPI'
-})(HiKPI);
+})(HiKPI);
+
+exports.default = _default;

package/es/HiNotice/HiKPINotice.js

@@ -1,30 +1,41 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import HiKPI from './HiKPI';
+"use strict";
 
-const styles = () => ({
-  container: {
-    minWidth: 230,
-    width: '100%',
-    display: 'flex',
-    flexWrap: 'wrap',
-    justifyContent: 'left'
-  }
+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 _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiKPI = _interopRequireDefault(require("./HiKPI"));
+
+var styles = function styles() {
+  return {
+    container: {
+      minWidth: 230,
+      width: '100%',
+      display: 'flex',
+      flexWrap: 'wrap',
+      justifyContent: 'left'
+    }
+  };
+};
 
-const HiKPINotice = ({
-  classes,
-  kpis,
-  activeKpi,
-  minify,
-  onClickOnKPI
-}) => {
-  return React.createElement("div", {
+var HiKPINotice = function HiKPINotice(_ref) {
+  var classes = _ref.classes,
+      kpis = _ref.kpis,
+      activeKpi = _ref.activeKpi,
+      minify = _ref.minify,
+      onClickOnKPI = _ref.onClickOnKPI;
+  return _react.default.createElement("div", {
     className: classes.container
-  }, Object.keys(kpis).map(key => {
-    const kpi = kpis[key];
-    return React.createElement(HiKPI, {
+  }, Object.keys(kpis).map(function (key) {
+    var kpi = kpis[key];
+    return _react.default.createElement(_HiKPI.default, {
       key: key,
       id: key,
       type: kpi.type,
@@ -34,7 +45,9 @@ const HiKPINotice = ({
       bodyMinify: kpi.bodyMinify,
       subtitle: kpi.subtitle,
       tooltip: kpi.tooltip,
-      onClick: () => onClickOnKPI(key),
+      onClick: function onClick() {
+        return onClickOnKPI(key);
+      },
       active: activeKpi === key,
       minify: minify,
       disable: kpi.disable,
@@ -43,37 +56,14 @@ const HiKPINotice = ({
   }));
 };
 
-HiKPINotice.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Extension du style appliqué au composant
-   */
-  activeKpi: PropTypes.string,
-
-  /**
-   * Liste des KPIs
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Fonction appelée au clic sur un KPI
-   */
-  kpis: PropTypes.object.isRequired,
-
-  /**
-   * Liste des KPIS actifs
-   */
-  minify: PropTypes.bool,
-
-  /**
-   * Minifie les KPIs si vrai
-   */
-  onClickOnKPI: PropTypes.func
-} : {};
 HiKPINotice.defaultProps = {
   activeKpi: null,
   minify: false
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiKPINotice'
-})(HiKPINotice);
+})(HiKPINotice);
+
+exports.default = _default;

package/es/HiNotice/index.js

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