@hipay/hipay-material-ui 2.0.0-beta.52 → 2.0.0-beta.53

package/HiChip/HiChip.js

@@ -97,7 +97,8 @@ var styles = function styles(theme) {
       '&:hover, &:focus': {
         backgroundColor: theme.palette.primary.main,
         color: theme.palette.grey[300]
-      }
+      },
+      position: 'relative'
     },
     badge: {
       height: 16,
@@ -119,7 +120,7 @@ var handleKeyDown = function handleKeyDown(e, fn) {
 function HiChip(props) {
   var _classNames;
 
-  var label = props.label,
+  var className = props.className,
       classes = props.classes,
       fallbackImage = props.fallbackImage,
       icon = props.icon,
@@ -127,6 +128,7 @@ function HiChip(props) {
       iconSize = _props$iconSize === void 0 ? 20 : _props$iconSize,
       id = props.id,
       img = props.img,
+      label = props.label,
       onPrevious = props.onPrevious,
       onNext = props.onNext,
       onDelete = props.onDelete,
@@ -140,7 +142,7 @@ function HiChip(props) {
       titlePrevious = props.titlePrevious;
   return _react.default.createElement("div", {
     id: id,
-    className: (0, _classnames.default)(classes.root, (_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)),
+    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
   }, icon && _react.default.createElement(_HiIcon.default, {
     className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconClickable, onIconClick)),
@@ -209,6 +211,11 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   classes: _propTypes.default.object,
 
+  /**
+   * Surcharge les classes du composant
+   */
+  className: _propTypes.default.object,
+
   /**
    * Chemin vers l'image à afficher par défaut si une image n'est pas trouvée
    */

package/HiPin/HiPin.js

@@ -25,7 +25,7 @@ var styles = function styles(theme) {
       display: 'inline-block',
       padding: '0 9px',
       height: 16,
-      lineHeight: '18px',
+      lineHeight: '16px',
       minWidth: 25,
       textAlign: 'center',
       borderRadius: '45px',

package/HiSelectableList/HiSelectableListItem.js

@@ -261,6 +261,7 @@ function (_React$PureComponent) {
           fallbackImage = _this$props2.fallbackImage,
           hideCheckbox = _this$props2.hideCheckbox,
           onSelect = _this$props2.onSelect,
+          onKeyDown = _this$props2.onKeyDown,
           indeterminate = _this$props2.indeterminate,
           indeterminateIcon = _this$props2.indeterminateIcon,
           icon = _this$props2.icon,
@@ -306,12 +307,14 @@ function (_React$PureComponent) {
       }, disabled || {
         onClick: onSelect,
         onMouseEnter: this.setHover(true),
-        onMouseLeave: this.setHover(false)
+        onMouseLeave: this.setHover(false),
+        onKeyDown: onKeyDown
       }, {
         style: {
           paddingLeft: "".concat(paddingLeft + level * 32, "px")
         }
       }), !hideCheckbox && !pinned && _react.default.createElement(_HiCheckbox.default, {
+        tabIndex: onKeyDown ? '-1' : 0,
         checked: selected,
         checkedIcon: checkedIcon,
         classes: {
@@ -455,6 +458,11 @@ HiSelectableListItem.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onSelect: _propTypes.default.func,
 
+  /**
+   * Fonction de callback à la sélection de l'élément
+   */
+  onKeyDown: _propTypes.default.func,
+
   /**
    * Padding par défaut des éléments
    */

package/es/HiChip/HiChip.js

@@ -78,7 +78,8 @@ export const styles = theme => ({
     '&:hover, &:focus': {
       backgroundColor: theme.palette.primary.main,
       color: theme.palette.grey[300]
-    }
+    },
+    position: 'relative'
   },
   badge: {
     height: 16,
@@ -96,13 +97,14 @@ const handleKeyDown = (e, fn) => {
 
 function HiChip(props) {
   const {
-    label,
+    className,
     classes,
     fallbackImage,
     icon,
     iconSize = 20,
     id,
     img,
+    label,
     onPrevious,
     onNext,
     onDelete,
@@ -117,7 +119,7 @@ function HiChip(props) {
   } = props;
   return React.createElement("div", {
     id: id,
-    className: classNames(classes.root, {
+    className: classNames(classes.root, className, {
       [classes.leftNavigation]: onPrevious,
       [classes.rightNavigation]: onNext,
       [classes.deletable]: onDelete,
@@ -185,6 +187,11 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   classes: PropTypes.object,
 
+  /**
+   * Surcharge les classes du composant
+   */
+  className: PropTypes.object,
+
   /**
    * Chemin vers l'image à afficher par défaut si une image n'est pas trouvée
    */

package/es/HiPin/HiPin.js

@@ -8,7 +8,7 @@ export const styles = theme => ({
     display: 'inline-block',
     padding: '0 9px',
     height: 16,
-    lineHeight: '18px',
+    lineHeight: '16px',
     minWidth: 25,
     textAlign: 'center',
     borderRadius: '45px',

package/es/HiSelectableList/HiSelectableListItem.js

@@ -205,6 +205,7 @@ class HiSelectableListItem extends React.PureComponent {
       fallbackImage,
       hideCheckbox,
       onSelect,
+      onKeyDown,
       indeterminate,
       indeterminateIcon,
       icon,
@@ -257,12 +258,14 @@ class HiSelectableListItem extends React.PureComponent {
     }, disabled || {
       onClick: onSelect,
       onMouseEnter: this.setHover(true),
-      onMouseLeave: this.setHover(false)
+      onMouseLeave: this.setHover(false),
+      onKeyDown: onKeyDown
     }, {
       style: {
         paddingLeft: `${paddingLeft + level * 32}px`
       }
     }), !hideCheckbox && !pinned && React.createElement(HiCheckbox, {
+      tabIndex: onKeyDown ? '-1' : 0,
       checked: selected,
       checkedIcon: checkedIcon,
       classes: {
@@ -410,6 +413,11 @@ HiSelectableListItem.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onSelect: PropTypes.func,
 
+  /**
+   * Fonction de callback à la sélection de l'élément
+   */
+  onKeyDown: PropTypes.func,
+
   /**
    * Padding par défaut des éléments
    */

package/es/styles/createPalette.js

@@ -161,7 +161,7 @@ export default function createPalette(palette) {
       main: '#EDED14'
     },
     type = 'light',
-    contrastThreshold = 2.9,
+    contrastThreshold = 2.8,
     // max light contrast
     tonalOffset = 0.2,
     context = 'local'
@@ -176,7 +176,7 @@ export default function createPalette(palette) {
 
     if (process.env.NODE_ENV !== 'production') {
       const contrast = getContrastRatio(background, contrastText);
-      process.env.NODE_ENV !== "production" ? warning(contrast >= 3, [`Material-UI: the contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n')) : void 0;
+      process.env.NODE_ENV !== "production" ? warning(contrast >= 2.8, [`Material-UI: the contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n')) : void 0;
     }
 
     return contrastText;

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.52
+/** @license HiPay-Material-UI v2.0.0-beta.53
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.52
+/** @license HiPay-Material-UI v2.0.0-beta.53
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "2.0.0-beta.52",
+  "version": "2.0.0-beta.53",
   "description": "React components that implement Google's Material Design.",
   "keywords": [
     "react",
@@ -48,6 +48,7 @@
     "jss-vendor-prefixer": "^8.0.1",
     "keycode": "^2.1.9",
     "mdi-material-ui": "^5.4.0",
+    "moment": "^2.22.2",
     "normalize-scroll-left": "^0.1.2",
     "popper.js": "^1.14.1",
     "prop-types": "^15.6.0",

package/styles/createPalette.js

@@ -190,7 +190,7 @@ function createPalette(palette) {
       _palette$type = palette.type,
       type = _palette$type === void 0 ? 'light' : _palette$type,
       _palette$contrastThre = palette.contrastThreshold,
-      contrastThreshold = _palette$contrastThre === void 0 ? 2.9 : _palette$contrastThre,
+      contrastThreshold = _palette$contrastThre === void 0 ? 2.8 : _palette$contrastThre,
       _palette$tonalOffset = palette.tonalOffset,
       tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
       _palette$context = palette.context,
@@ -205,7 +205,7 @@ function createPalette(palette) {
 
     if (process.env.NODE_ENV !== 'production') {
       var contrast = (0, _colorManipulator.getContrastRatio)(background, contrastText);
-      process.env.NODE_ENV !== "production" ? (0, _warning.default)(contrast >= 3, ["Material-UI: the contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n')) : void 0;
+      process.env.NODE_ENV !== "production" ? (0, _warning.default)(contrast >= 2.8, ["Material-UI: the contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n')) : void 0;
     }
 
     return contrastText;

package/umd/hipay-material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.52
+/** @license HiPay-Material-UI v2.0.0-beta.53
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -1121,7 +1121,7 @@
                   _palette$type = palette.type,
                   type = _palette$type === void 0 ? 'light' : _palette$type,
                   _palette$contrastThre = palette.contrastThreshold,
-                  contrastThreshold = _palette$contrastThre === void 0 ? 2.9 : _palette$contrastThre,
+                  contrastThreshold = _palette$contrastThre === void 0 ? 2.8 : _palette$contrastThre,
                   _palette$tonalOffset = palette.tonalOffset,
                   tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
                   _palette$context = palette.context,
@@ -1136,7 +1136,7 @@
 
                 {
                   var contrast = getContrastRatio(background, contrastText);
-                  warning_1(contrast >= 3, ["Material-UI: the contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
+                  warning_1(contrast >= 2.8, ["Material-UI: the contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
                 }
 
                 return contrastText;
@@ -66322,7 +66322,8 @@
                   '&:hover, &:focus': {
                     backgroundColor: theme.palette.primary.main,
                     color: theme.palette.grey[300]
-                  }
+                  },
+                  position: 'relative'
                 },
                 badge: {
                   height: 16,
@@ -66342,7 +66343,7 @@
             function HiChip(props) {
               var _classNames;
 
-              var label = props.label,
+              var className = props.className,
                   classes = props.classes,
                   fallbackImage = props.fallbackImage,
                   icon = props.icon,
@@ -66350,6 +66351,7 @@
                   iconSize = _props$iconSize === void 0 ? 20 : _props$iconSize,
                   id = props.id,
                   img = props.img,
+                  label = props.label,
                   onPrevious = props.onPrevious,
                   onNext = props.onNext,
                   onDelete = props.onDelete,
@@ -66363,7 +66365,7 @@
                   titlePrevious = props.titlePrevious;
               return React__default.createElement("div", {
                 id: id,
-                className: classnames(classes.root, (_classNames = {}, defineProperty(_classNames, classes.leftNavigation, onPrevious), defineProperty(_classNames, classes.rightNavigation, onNext), defineProperty(_classNames, classes.deletable, onDelete), defineProperty(_classNames, classes.leftIcon, icon), _classNames)),
+                className: classnames(classes.root, className, (_classNames = {}, defineProperty(_classNames, classes.leftNavigation, onPrevious), defineProperty(_classNames, classes.rightNavigation, onNext), defineProperty(_classNames, classes.deletable, onDelete), defineProperty(_classNames, classes.leftIcon, icon), _classNames)),
                 title: title$$1
               }, icon && React__default.createElement(HiIcon$1, {
                 className: classnames(classes.icon, defineProperty({}, classes.iconClickable, onIconClick)),
@@ -66432,6 +66434,11 @@
                */
               classes: propTypes.object,
 
+              /**
+               * Surcharge les classes du composant
+               */
+              className: propTypes.object,
+
               /**
                * Chemin vers l'image à afficher par défaut si une image n'est pas trouvée
                */
@@ -98190,6 +98197,7 @@
                       fallbackImage = _this$props2.fallbackImage,
                       hideCheckbox = _this$props2.hideCheckbox,
                       onSelect = _this$props2.onSelect,
+                      onKeyDown = _this$props2.onKeyDown,
                       indeterminate = _this$props2.indeterminate,
                       indeterminateIcon = _this$props2.indeterminateIcon,
                       icon = _this$props2.icon,
@@ -98235,12 +98243,14 @@
                   }, disabled || {
                     onClick: onSelect,
                     onMouseEnter: this.setHover(true),
-                    onMouseLeave: this.setHover(false)
+                    onMouseLeave: this.setHover(false),
+                    onKeyDown: onKeyDown
                   }, {
                     style: {
                       paddingLeft: "".concat(paddingLeft + level * 32, "px")
                     }
                   }), !hideCheckbox && !pinned && React__default.createElement(HiCheckbox$1, {
+                    tabIndex: onKeyDown ? '-1' : 0,
                     checked: selected,
                     checkedIcon: checkedIcon,
                     classes: {
@@ -98385,6 +98395,11 @@
                */
               onSelect: propTypes.func,
 
+              /**
+               * Fonction de callback à la sélection de l'élément
+               */
+              onKeyDown: propTypes.func,
+
               /**
                * Padding par défaut des éléments
                */