@hipay/hipay-material-ui 2.0.0-beta.49 → 2.0.0-beta.50

package/HiColoredLabel/HiColoredLabel.js

@@ -35,7 +35,8 @@ var styles = function styles(theme) {
       borderRadius: 2,
       textOverflow: 'ellipsis',
       overflow: 'hidden',
-      whiteSpace: 'nowrap'
+      whiteSpace: 'nowrap',
+      lineHeight: 1
     }),
     color: {
       fontWeight: 400

package/HiSelect/HiSuggestSelect.js

@@ -236,7 +236,7 @@ function (_React$PureComponent) {
         onKeyDown: this.handleKeyDownSearch,
         onBlur: this.handleBlur,
         onFocus: this.handleFocus
-      })), _react.default.createElement(_Popper.default, {
+      })), open && _react.default.createElement(_Popper.default, {
         disablePortal: true,
         anchorEl: this.textInput,
         placement: "bottom-start",

package/HiSelectableList/HiSelectableList.js

@@ -31,6 +31,8 @@ var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
 
+var _helpers = require("../utils/helpers");
+
 var styles = function styles() {
   return {
     root: {
@@ -110,7 +112,17 @@ function (_React$PureComponent) {
         return 0;
       }
 
-      return a.label.toString().toLowerCase() > b.label.toString().toLowerCase();
+      var sortAppendList = _this.props.sortAppendList;
+
+      if (sortAppendList.indexOf(a.id) < sortAppendList.indexOf(b.id)) {
+        return 1;
+      }
+
+      if (sortAppendList.indexOf(a.id) > sortAppendList.indexOf(b.id)) {
+        return -1;
+      }
+
+      return (0, _helpers.foldAccents)(a.label.toString().toLowerCase()) > (0, _helpers.foldAccents)(b.label.toString().toLowerCase()) ? 1 : -1;
     };
 
     return _this;
@@ -151,7 +163,8 @@ HiSelectableList.defaultProps = {
   disabledItemIdList: [],
   hideCheckbox: false,
   selectedItemIdList: [],
-  sort: false
+  sort: false,
+  sortAppendList: ['_all']
 };
 HiSelectableList.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -215,7 +228,12 @@ HiSelectableList.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Tri des éléments selon leur label
    */
-  sort: _propTypes.default.bool
+  sort: _propTypes.default.bool,
+
+  /**
+   * Liste des éléments à placer en premier, peu import le tri
+   */
+  sortAppendList: _propTypes.default.array
 } : {};
 
 var _default = (0, _withStyles.default)(styles, {

package/es/HiColoredLabel/HiColoredLabel.js

@@ -5,7 +5,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import withStyles from '../styles/withStyles';
-import { capitalize, escapeHTML } from '../utils/helpers';
+import { capitalize } from '../utils/helpers';
 import { fade } from '../styles/colorManipulator';
 export const styles = theme => ({
   root: _objectSpread({}, theme.typography.b1, {
@@ -16,7 +16,8 @@ export const styles = theme => ({
     borderRadius: 2,
     textOverflow: 'ellipsis',
     overflow: 'hidden',
-    whiteSpace: 'nowrap'
+    whiteSpace: 'nowrap',
+    lineHeight: 1
   }),
   color: {
     fontWeight: 400

package/es/HiSelect/HiSuggestSelect.js

@@ -184,7 +184,7 @@ class HiSuggestSelect extends React.PureComponent {
       onKeyDown: this.handleKeyDownSearch,
       onBlur: this.handleBlur,
       onFocus: this.handleFocus
-    })), React.createElement(Popper, {
+    })), open && React.createElement(Popper, {
       disablePortal: true,
       anchorEl: this.textInput,
       placement: "bottom-start",

package/es/HiSelectableList/HiSelectableList.js

@@ -5,6 +5,7 @@ import PropTypes from 'prop-types';
 import List from '@material-ui/core/List';
 import withStyles from '../styles/withStyles';
 import HiSelectableListItem from './HiSelectableListItem';
+import { foldAccents } from '../utils/helpers';
 export const styles = () => ({
   root: {
     padding: 0
@@ -60,7 +61,17 @@ class HiSelectableList extends React.PureComponent {
         return 0;
       }
 
-      return a.label.toString().toLowerCase() > b.label.toString().toLowerCase();
+      const sortAppendList = this.props.sortAppendList;
+
+      if (sortAppendList.indexOf(a.id) < sortAppendList.indexOf(b.id)) {
+        return 1;
+      }
+
+      if (sortAppendList.indexOf(a.id) > sortAppendList.indexOf(b.id)) {
+        return -1;
+      }
+
+      return foldAccents(a.label.toString().toLowerCase()) > foldAccents(b.label.toString().toLowerCase()) ? 1 : -1;
     };
   }
 
@@ -91,7 +102,8 @@ HiSelectableList.defaultProps = {
   disabledItemIdList: [],
   hideCheckbox: false,
   selectedItemIdList: [],
-  sort: false
+  sort: false,
+  sortAppendList: ['_all']
 };
 HiSelectableList.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -155,7 +167,12 @@ HiSelectableList.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Tri des éléments selon leur label
    */
-  sort: PropTypes.bool
+  sort: PropTypes.bool,
+
+  /**
+   * Liste des éléments à placer en premier, peu import le tri
+   */
+  sortAppendList: PropTypes.array
 } : {};
 export default withStyles(styles, {
   hiComponent: true,

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.49
+/** @license HiPay-Material-UI v2.0.0-beta.50
  *
  * 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.49
+/** @license HiPay-Material-UI v2.0.0-beta.50
  *
  * 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.49",
+  "version": "2.0.0-beta.50",
   "description": "React components that implement Google's Material Design.",
   "keywords": [
     "react",

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

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.49
+/** @license HiPay-Material-UI v2.0.0-beta.50
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -15098,6 +15098,28 @@
 
               return node.previousSibling;
             }
+            /**
+             * Retourne la chaîne de caractères passée en entrée sans les accents
+             * @param toFold
+             * @returns {*}
+             */
+
+            function foldAccents(toFold) {
+              return toFold.replace(/([àáâãäå])|([ç])|([èéêë])|([ìíîï])|([ñ])|([òóôõöø])|([ß])|([ùúûü])|([ÿ])|([æ])|([œ])/g, function (str, a, c, e, i, n, o, s, u, y, ae, oe) {
+                if (a) return 'a';
+                if (c) return 'c';
+                if (e) return 'e';
+                if (i) return 'i';
+                if (n) return 'n';
+                if (o) return 'o';
+                if (s) return 's';
+                if (u) return 'u';
+                if (y) return 'y';
+                if (ae) return 'ae';
+                if (oe) return 'oe';
+                return str;
+              });
+            }
 
             /**
              * @ignore - internal component.
@@ -93950,7 +93972,8 @@
                   borderRadius: 2,
                   textOverflow: 'ellipsis',
                   overflow: 'hidden',
-                  whiteSpace: 'nowrap'
+                  whiteSpace: 'nowrap',
+                  lineHeight: 1
                 }),
                 color: {
                   fontWeight: 400
@@ -98469,7 +98492,17 @@
                     return 0;
                   }
 
-                  return a.label.toString().toLowerCase() > b.label.toString().toLowerCase();
+                  var sortAppendList = _this.props.sortAppendList;
+
+                  if (sortAppendList.indexOf(a.id) < sortAppendList.indexOf(b.id)) {
+                    return 1;
+                  }
+
+                  if (sortAppendList.indexOf(a.id) > sortAppendList.indexOf(b.id)) {
+                    return -1;
+                  }
+
+                  return foldAccents(a.label.toString().toLowerCase()) > foldAccents(b.label.toString().toLowerCase()) ? 1 : -1;
                 };
 
                 return _this;
@@ -98511,7 +98544,8 @@
               disabledItemIdList: [],
               hideCheckbox: false,
               selectedItemIdList: [],
-              sort: false
+              sort: false,
+              sortAppendList: ['_all']
             };
             HiSelectableList.propTypes = {
               /**
@@ -98575,7 +98609,12 @@
               /**
                * Tri des éléments selon leur label
                */
-              sort: propTypes.bool
+              sort: propTypes.bool,
+
+              /**
+               * Liste des éléments à placer en premier, peu import le tri
+               */
+              sortAppendList: propTypes.array
             };
             var HiSelectableList$1 = withStyles(styles$q, {
               hiComponent: true,