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

package/es/HiDatePicker/stylesheet.js

@@ -1,251 +1,266 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import { fade } from '@material-ui/core/styles/colorManipulator';
-export default (theme => ({
-  root: {
-    position: 'relative',
-    display: 'inline-block',
-    width: '100%',
-    minWidth: 252,
-    maxWidth: 500
-  },
-  rootMobile: _objectSpread({}, theme.typography.b1, {
-    backgroundColor: theme.palette.background2,
-    borderBottom: '1px solid #E0E0E0',
-    borderLeft: 'none',
-    borderRight: 'none',
-    borderTop: 'none',
-    height: 40,
-    paddingLeft: 8,
-    paddingTop: 10,
-    position: 'absolute',
-    marginTop: -40,
-    opacity: 0
-  }),
-  mobileRangeRoot: {
-    minWidth: '100%'
-  },
-  fromInput: {
-    position: 'relative',
-    display: 'inline-block',
-    width: 'calc(50% - 4px)',
-    paddingRight: 4
-  },
-  toInput: {
-    position: 'relative',
-    display: 'inline-block',
-    width: 'calc(50% - 4px)',
-    marginLeft: 4
-  },
-  absolute: {
-    position: 'absolute'
-  },
-  right4: {
-    right: 4
-  },
-  dayPickerMargin: {
-    top: -337,
-    width: 'calc(100% - 4px)'
-  },
-  rangePickerContainer: {
-    display: 'flex',
-    alignItems: 'flex-start'
-  },
-  // The container element
-  container: {
-    width: '100%',
-    display: 'inline-block',
-    fontFamily: theme.typography.fontFamily
-  },
-  // The wrapper element, used for keyboard interaction
-  wrapper: {
-    width: '100%',
-    position: 'relative',
-    userSelect: 'none',
-    flexDirection: 'row',
-    backgroundColor: theme.palette.background3
-  },
-  // TODO : Added to the container when there's no interaction with the calendar
-  interactionDisabled: {},
-  // The navigation bar with the arrows to switch between months
-  navBar: {},
-  // Button to switch to the previous month
-  navButtonPrev: {},
-  // Button to switch to the next month
-  navButtonNext: {},
-  // Added to the navbuttons when disabled with fromMonth/toMonth props
-  navButtonInteractionDisabled: {
-    display: 'none'
-  },
-  // Container of the months table
-  months: {
-    display: 'flex',
-    flexWrap: 'wrap',
-    justifyContent: 'center',
-    padding: '0 14px'
-  },
-  // The month's main table
-  month: {
-    display: 'table',
-    borderSpacing: 0,
-    userSelect: 'none' // margin: '0 1rem',
-    // marginTop: '1rem',
+"use strict";
 
-  },
-  // The caption element, containing the current month's name and year
-  caption: {
-    padding: '0 0.5rem',
-    display: 'table-caption',
-    textAlign: 'left',
-    marginBottom: '0.5rem',
-    '&div': {
-      fontSize: '1.15rem',
-      fontWeight: 500
-    }
-  },
-  // Table header displaying the weekdays names
-  weekdays: {
-    marginTop: '1rem',
-    display: 'table-header-group'
-  },
-  // Table row displaying the weekdays names
-  weekdaysRow: {
-    display: 'table-row',
-    height: 40
-  },
-  // Cell displaying the weekday name
-  weekday: _objectSpread({
-    display: 'table-cell'
-  }, theme.typography.body2, {
-    color: theme.palette.neutral.main,
-    fontWeight: theme.typography.fontWeightRegular,
-    textAlign: 'center',
-    verticalAlign: 'middle'
-  }),
-  // Table's body with the weeks
-  body: {
-    display: 'table-row-group',
-    padding: '12px 0'
-  },
-  week: {
-    display: 'table-row'
-  },
-  // Table's row for each week
-  weekNumber: {
-    display: 'table-cell',
-    padding: '0.5rem',
-    textAlign: 'right',
-    verticalAlign: 'middle',
-    minWidth: '1rem',
-    fontSize: '0.75em',
-    cursor: 'pointer',
-    color: '#8b9898',
-    borderRight: '1px solid #eaecec'
-  },
-  // The single day cell
-  day: _objectSpread({
-    display: 'table-cell',
-    padding: '4px 8px',
-    textAlign: 'center',
-    cursor: 'pointer',
-    verticalAlign: 'middle',
-    outline: 'none'
-  }, theme.typography.body2, {
-    color: theme.palette.neutral.dark,
-    fontWeight: theme.typography.fontWeightRegular
-  }),
-  // The calendar footer (only with todayButton prop)
-  footer: {
-    marginTop: 12,
-    borderTop: '1px solid',
-    borderTopColor: theme.palette.divider,
-    padding: '5px',
-    width: '100%'
-  },
-  // The today button (only with todayButton prop)
-  todayButton: _objectSpread({
-    display: 'table',
-    minWidth: 230,
-    margin: '0 auto',
-    border: 'none',
-    backgroundImage: 'none',
-    backgroundColor: 'transparent',
-    boxShadow: 'none',
-    cursor: 'pointer',
-    height: 30
-  }, theme.typography.body2, {
-    color: theme.palette.neutral.main,
-    fontWeight: theme.typography.fontWeightMedium,
-    textTransform: 'uppercase',
-    '&:hover': {
-      backgroundColor: fade(theme.palette.neutral.dark, theme.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent'
-      }
-    },
-    borderRadius: 4
-  }),
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-  /* default modifiers */
-  // Added to the day's cell for the current day
-  today: {// color: theme.palette.primary.light,
-    // position: 'relative',
-    // borderRadius: '50%',
-    // color: `${theme.palette.neutral.dark} !important`,
-    // fontWeight: theme.typography.fontWeightMedium,
-    // '&:before': {
-    //     content: '""',
-    //     position: 'absolute',
-    //     top: 0,
-    //     left: 0,
-    //     display: 'inline-block',
-    //     width: '100%',
-    //     height: '100%',
-    //     borderRadius: '50%',
-    //     boxShadow: `inset 0 0 0 2px ${theme.palette.neutral.main}`,
-    // },
-  },
-  // Added to the day's cell outside the current month
-  outside: {
-    backgroundColor: '#F8F9FB',
-    color: theme.palette.neutral.main,
-    cursor: 'default'
-  },
-  // Added to the day's cell specified in the "disabledDays" prop
-  disabled: {
-    color: '#dce0e0',
-    cursor: 'default'
-  },
-  // Added to the day's cell specified in the "selectedDays" prop
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-  /*
-  selected: {
-      borderRadius: '50%',
-      backgroundColor: theme.palette.primary.main,
-      color: theme.palette.business.primary.contrastText,
-  },
-  */
-  selected: {
-    // backgroundColor: fade(theme.palette.business.primary.normal, 0.36),
-    backgroundColor: theme.palette.primary.main,
-    color: theme.palette.primary.contrastText,
-    borderRadius: '0%',
-    border: 'none'
-  },
-  currentDay: {
-    position: 'relative',
-    color: `${theme.palette.neutral.dark} !important`,
-    fontWeight: theme.typography.fontWeightMedium,
-    '&:before': {
-      content: '""',
+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 _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+
+var _default = function _default(theme) {
+  return {
+    root: {
+      position: 'relative',
+      display: 'inline-block',
+      width: '100%',
+      minWidth: 252,
+      maxWidth: 500
+    },
+    rootMobile: (0, _objectSpread2.default)({}, theme.typography.b1, {
+      backgroundColor: theme.palette.background2,
+      borderBottom: '1px solid #E0E0E0',
+      borderLeft: 'none',
+      borderRight: 'none',
+      borderTop: 'none',
+      height: 40,
+      paddingLeft: 8,
+      paddingTop: 10,
       position: 'absolute',
-      top: 0,
-      left: 0,
+      marginTop: -40,
+      opacity: 0
+    }),
+    mobileRangeRoot: {
+      minWidth: '100%'
+    },
+    fromInput: {
+      position: 'relative',
+      display: 'inline-block',
+      width: 'calc(50% - 4px)',
+      paddingRight: 4
+    },
+    toInput: {
+      position: 'relative',
       display: 'inline-block',
+      width: 'calc(50% - 4px)',
+      marginLeft: 4
+    },
+    absolute: {
+      position: 'absolute'
+    },
+    right4: {
+      right: 4
+    },
+    dayPickerMargin: {
+      top: -337,
+      width: 'calc(100% - 4px)'
+    },
+    rangePickerContainer: {
+      display: 'flex',
+      alignItems: 'flex-start'
+    },
+    // The container element
+    container: {
       width: '100%',
-      height: '100%',
-      borderRadius: '50%',
-      boxShadow: `inset 0 0 0 2px ${theme.palette.neutral.main}`
+      display: 'inline-block',
+      fontFamily: theme.typography.fontFamily
+    },
+    // The wrapper element, used for keyboard interaction
+    wrapper: {
+      width: '100%',
+      position: 'relative',
+      userSelect: 'none',
+      flexDirection: 'row',
+      backgroundColor: theme.palette.background3
+    },
+    // TODO : Added to the container when there's no interaction with the calendar
+    interactionDisabled: {},
+    // The navigation bar with the arrows to switch between months
+    navBar: {},
+    // Button to switch to the previous month
+    navButtonPrev: {},
+    // Button to switch to the next month
+    navButtonNext: {},
+    // Added to the navbuttons when disabled with fromMonth/toMonth props
+    navButtonInteractionDisabled: {
+      display: 'none'
+    },
+    // Container of the months table
+    months: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      justifyContent: 'center',
+      padding: '0 14px'
+    },
+    // The month's main table
+    month: {
+      display: 'table',
+      borderSpacing: 0,
+      userSelect: 'none' // margin: '0 1rem',
+      // marginTop: '1rem',
+
+    },
+    // The caption element, containing the current month's name and year
+    caption: {
+      padding: '0 0.5rem',
+      display: 'table-caption',
+      textAlign: 'left',
+      marginBottom: '0.5rem',
+      '&div': {
+        fontSize: '1.15rem',
+        fontWeight: 500
+      }
+    },
+    // Table header displaying the weekdays names
+    weekdays: {
+      marginTop: '1rem',
+      display: 'table-header-group'
+    },
+    // Table row displaying the weekdays names
+    weekdaysRow: {
+      display: 'table-row',
+      height: 40
+    },
+    // Cell displaying the weekday name
+    weekday: (0, _objectSpread2.default)({
+      display: 'table-cell'
+    }, theme.typography.body2, {
+      color: theme.palette.neutral.main,
+      fontWeight: theme.typography.fontWeightRegular,
+      textAlign: 'center',
+      verticalAlign: 'middle'
+    }),
+    // Table's body with the weeks
+    body: {
+      display: 'table-row-group',
+      padding: '12px 0'
+    },
+    week: {
+      display: 'table-row'
+    },
+    // Table's row for each week
+    weekNumber: {
+      display: 'table-cell',
+      padding: '0.5rem',
+      textAlign: 'right',
+      verticalAlign: 'middle',
+      minWidth: '1rem',
+      fontSize: '0.75em',
+      cursor: 'pointer',
+      color: '#8b9898',
+      borderRight: '1px solid #eaecec'
+    },
+    // The single day cell
+    day: (0, _objectSpread2.default)({
+      display: 'table-cell',
+      padding: '4px 8px',
+      textAlign: 'center',
+      cursor: 'pointer',
+      verticalAlign: 'middle',
+      outline: 'none'
+    }, theme.typography.body2, {
+      color: theme.palette.neutral.dark,
+      fontWeight: theme.typography.fontWeightRegular
+    }),
+    // The calendar footer (only with todayButton prop)
+    footer: {
+      marginTop: 12,
+      borderTop: '1px solid',
+      borderTopColor: theme.palette.divider,
+      padding: '5px',
+      width: '100%'
+    },
+    // The today button (only with todayButton prop)
+    todayButton: (0, _objectSpread2.default)({
+      display: 'table',
+      minWidth: 230,
+      margin: '0 auto',
+      border: 'none',
+      backgroundImage: 'none',
+      backgroundColor: 'transparent',
+      boxShadow: 'none',
+      cursor: 'pointer',
+      height: 30
+    }, theme.typography.body2, {
+      color: theme.palette.neutral.main,
+      fontWeight: theme.typography.fontWeightMedium,
+      textTransform: 'uppercase',
+      '&:hover': {
+        backgroundColor: (0, _colorManipulator.fade)(theme.palette.neutral.dark, theme.palette.action.hoverOpacity),
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          backgroundColor: 'transparent'
+        }
+      },
+      borderRadius: 4
+    }),
+
+    /* default modifiers */
+    // Added to the day's cell for the current day
+    today: {// color: theme.palette.primary.light,
+      // position: 'relative',
+      // borderRadius: '50%',
+      // color: `${theme.palette.neutral.dark} !important`,
+      // fontWeight: theme.typography.fontWeightMedium,
+      // '&:before': {
+      //     content: '""',
+      //     position: 'absolute',
+      //     top: 0,
+      //     left: 0,
+      //     display: 'inline-block',
+      //     width: '100%',
+      //     height: '100%',
+      //     borderRadius: '50%',
+      //     boxShadow: `inset 0 0 0 2px ${theme.palette.neutral.main}`,
+      // },
+    },
+    // Added to the day's cell outside the current month
+    outside: {
+      backgroundColor: '#F8F9FB',
+      color: theme.palette.neutral.main,
+      cursor: 'default'
+    },
+    // Added to the day's cell specified in the "disabledDays" prop
+    disabled: {
+      color: '#dce0e0',
+      cursor: 'default'
+    },
+    // Added to the day's cell specified in the "selectedDays" prop
+
+    /*
+    selected: {
+        borderRadius: '50%',
+        backgroundColor: theme.palette.primary.main,
+        color: theme.palette.business.primary.contrastText,
+    },
+    */
+    selected: {
+      // backgroundColor: fade(theme.palette.business.primary.normal, 0.36),
+      backgroundColor: theme.palette.primary.main,
+      color: theme.palette.primary.contrastText,
+      borderRadius: '0%',
+      border: 'none'
+    },
+    currentDay: {
+      position: 'relative',
+      color: "".concat(theme.palette.neutral.dark, " !important"),
+      fontWeight: theme.typography.fontWeightMedium,
+      '&:before': {
+        content: '""',
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        display: 'inline-block',
+        width: '100%',
+        height: '100%',
+        borderRadius: '50%',
+        boxShadow: "inset 0 0 0 2px ".concat(theme.palette.neutral.main)
+      }
     }
-  }
-}));
+  };
+};
+
+exports.default = _default;

package/es/HiDotsStepper/HiDot.js

@@ -1,66 +1,102 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import HiIcon from '../HiIcon';
-import HiIconButton from '../HiIconButton';
-export const styles = () => ({
-  dot: {
-    padding: 4,
-    '&:hover': {
-      backgroundColor: 'transparent !important'
-    }
-  }
+"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 _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
 
-var _ref = React.createElement(HiIcon, {
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
+var styles = function styles() {
+  return {
+    dot: {
+      padding: 4,
+      '&:hover': {
+        backgroundColor: 'transparent !important'
+      }
+    }
+  };
+};
+
+exports.styles = styles;
+
+var _ref = _react.default.createElement(_HiIcon.default, {
   size: 24
 }, "radio_button_checked");
 
-var _ref2 = React.createElement(HiIcon, {
+var _ref2 = _react.default.createElement(_HiIcon.default, {
   size: 12
 }, "lens");
 
-class HiDot extends React.PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      active,
-      status,
-      classes,
-      onClick
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["active", "status", "classes", "onClick"]);
-
-    let dotColor;
-
-    if (!status || status === 'unreviewed') {
-      dotColor = 'default';
-    } else {
-      dotColor = status === 'refused' ? 'negative' : 'positive';
-    }
+var HiDot =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiDot, _React$PureComponent);
 
-    return React.createElement(HiIconButton, _extends({
-      className: classes.dot,
-      color: dotColor,
-      onClick: onClick
-    }, props), active ? _ref : _ref2);
+  function HiDot() {
+    (0, _classCallCheck2.default)(this, HiDot);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDot).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(HiDot, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          active = _this$props.active,
+          status = _this$props.status,
+          classes = _this$props.classes,
+          onClick = _this$props.onClick,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["active", "status", "classes", "onClick"]);
+      var dotColor;
 
-HiDot.defaultProps = {
+      if (!status || status === 'unreviewed') {
+        dotColor = 'default';
+      } else {
+        dotColor = status === 'refused' ? 'negative' : 'positive';
+      }
+
+      return _react.default.createElement(_HiIconButton.default, (0, _extends2.default)({
+        className: classes.dot,
+        color: dotColor,
+        onClick: onClick
+      }, props), active ? _ref : _ref2);
+    }
+  }]);
+  return HiDot;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiDot, "defaultProps", {
   active: false,
   status: 'unreviewed'
-};
-HiDot.propTypes = process.env.NODE_ENV !== "production" ? {
-  active: PropTypes.bool,
-  classes: PropTypes.object,
-  onClick: PropTypes.func,
-  status: PropTypes.oneOf(['refused', 'validated', 'unreviewed'])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiDot'
-})(HiDot);
+})(HiDot);
+
+exports.default = _default;