@hipay/hipay-material-ui 1.0.0-beta.29 → 1.0.0-beta.4

package/es/HiTopBar/HiTopBar.js

@@ -5,7 +5,7 @@ import AppBar from 'material-ui/AppBar';
 import Toolbar from 'material-ui/Toolbar';
 import IconButton from 'material-ui/IconButton';
 import Collapse from 'material-ui/transitions/Collapse';
-import { ChevronUp, ChevronDown, Menu as MenuIcon, ArrowLeft, DotsVertical } from 'mdi-material-ui';
+import { ChevronDoubleUp, ChevronDoubleDown, Menu as MenuIcon, ArrowLeft, DotsVertical } from 'mdi-material-ui';
 import classNames from 'classnames';
 import Menu, { MenuItem } from 'material-ui/Menu';
 import withStyles from '../styles/withStyles';
@@ -77,8 +77,9 @@ export const styles = theme => ({
         color: theme.palette.text.secondary,
         minWidth: 32
     },
-    betaWithoutAccountSelector: {
-        marginLeft: 1.5 * theme.spacing.unit
+    beta: {
+        minWidth: 64,
+        maxWidth: 80
     },
     searchInput: {
         backgroundColor: `${theme.palette.background1} !important`
@@ -109,7 +110,7 @@ var _ref = React.createElement(HiIconBuilder, { icon: 'fa-bell-o', size: 25 });
 
 var _ref2 = React.createElement(ArrowLeft, null);
 
-var _ref3 = React.createElement(ChevronDown, null);
+var _ref3 = React.createElement(ChevronDoubleDown, null);
 
 var _ref4 = React.createElement(ArrowLeft, null);
 
@@ -148,9 +149,6 @@ class HiTopBar extends React.Component {
     }
 
     handleCollapse() {
-        if (this.props.onCollapse) {
-            this.props.onCollapse(!this.state.collapsed);
-        }
         this.setState({ collapsed: !this.state.collapsed });
     }
 
@@ -158,11 +156,6 @@ class HiTopBar extends React.Component {
         this.props.onClickReturn();
     }
 
-    //TODO : Cyclic reference passed.
-    /*shouldComponentUpdate(nextProps, nextState){
-      return JSON.stringify(this.props) !== JSON.stringify(nextProps);
-    }*/
-
     render() {
         const {
             classes,
@@ -202,8 +195,7 @@ class HiTopBar extends React.Component {
             AppBar,
             {
                 classes: { root: classes.root, colorPrimary: colorPrimaryClass },
-                position: this.props.position,
-                id: 'top-bar'
+                position: this.props.position
             },
             React.createElement(
                 Hidden,
@@ -224,7 +216,7 @@ class HiTopBar extends React.Component {
                             { className: classes.toolbar },
                             React.createElement(
                                 'div',
-                                { ref: refButtons, id: 'menu-button-container' },
+                                { ref: refButtons },
                                 searchFocus ? React.createElement(
                                     HiButton,
                                     {
@@ -255,7 +247,7 @@ class HiTopBar extends React.Component {
                             ),
                             React.createElement(
                                 'div',
-                                { id: 'quick-search-input', className: classes.flex },
+                                { className: classes.flex },
                                 searchInput
                             ),
                             notificationButton,
@@ -267,15 +259,12 @@ class HiTopBar extends React.Component {
                                     classes: {
                                         label: classes.accountSelectorButtonLabel
                                     },
-                                    onClick: this.props.onClickAccountSelector,
-                                    id: 'account-selector-button'
+                                    onClick: this.props.onClickAccountSelector
                                 },
                                 accountSelectorContent
                             ),
                             beta && React.createElement(HiColoredLabel, {
-                                className: classNames({
-                                    [classes.betaWithoutAccountSelector]: !hasAccountSelector
-                                }),
+                                className: classes.beta,
                                 label: 'BETA',
                                 beta: true,
                                 color: theme.palette.neutral.dark
@@ -283,7 +272,7 @@ class HiTopBar extends React.Component {
                             (hideable || hasSettings) && React.createElement(
                                 IconButton,
                                 { color: 'inherit', className: classes.iconButton },
-                                hideable && React.createElement(ChevronUp, { onClick: this.handleCollapse }),
+                                hideable && React.createElement(ChevronDoubleUp, { onClick: this.handleCollapse }),
                                 hasSettings && React.createElement(HiIconBuilder, {
                                     onClick: this.props.onClickSettings,
                                     icon: 'fa-gear',
@@ -413,7 +402,7 @@ HiTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
      */
     hasSettings: PropTypes.bool,
     /**
-     * La TopBar peut être cachée vie le bouton chevron
+     * La TopBar peut être cachée vie le bouton double chevron
      */
     hideable: PropTypes.bool,
     /**
@@ -424,6 +413,10 @@ HiTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
      * Fonction de callback au click sur l'accountSelector'
      */
     onClickAccountSelector: PropTypes.func,
+    /**
+     * Fonction de callback au click sur le menu
+     */
+    onClickInputButton: PropTypes.func.isRequired,
     /**
      * Fonction de callback au click sur le menu
      */
@@ -440,10 +433,6 @@ HiTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
      * Fonction de callback au click sur le bouton "Settings" du menu
      */
     onClickSettings: PropTypes.func,
-    /**
-     * Fonction de callback au click sur le bouton chevron
-     */
-    onCollapse: PropTypes.func,
     /**
      * Positionement de la topBar. The behavior of the different options is described
      * [here](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).

package/es/styles/createHiMuiTheme.js

@@ -41,7 +41,6 @@ const light = {
     selected: '#F8F9FB',
     placeholder: '#999999',
     disable: '#E0E0E0',
-    border: 'rgba(224, 224, 224, 1)',
     positive: {
         light: '#66CF66',
         normal: '#00AF00',
@@ -90,9 +89,6 @@ const light = {
         appBar: '#fff',
         paper: '#fff',
         default: grey[50]
-    },
-    dot: {
-        neutral: '#707070'
     }
 };
 
@@ -112,7 +108,6 @@ const dark = {
     selected: '#303030',
     placeholder: '#999999',
     disable: '#E0E0E0',
-    border: 'rgba(224, 224, 224, 1)',
     positive: {
         light: '#66CF66',
         normal: '#00AF00',
@@ -161,9 +156,6 @@ const dark = {
         appBar: '#fff',
         paper: '#fff',
         default: grey[50]
-    },
-    dot: {
-        neutral: '#707070'
     }
 };
 
@@ -246,10 +238,6 @@ const typography = {
     body4: {
         fontSize: 12,
         fontFamily
-    },
-    body5: {
-        fontSize: 11,
-        fontFamily
     }
 };
 
@@ -283,7 +271,6 @@ function createHiMuiTheme(options = {}) {
         inputDisabled: shades[type].inputDisabled,
         tableLine: shades[type].tableLine,
         background: shades[type].background,
-        dot: shades[type].dot,
         status: statusPalette,
         primary: blue,
         secondary: yellow

package/es/svg-icons/Cancel.js

@@ -1,5 +1,3 @@
-messageAlert;
-
 import React from 'react';
 import pure from 'recompose/pure';
 import SvgIcon from '../SvgIcon';

package/es/svg-icons/index.js

@@ -8,5 +8,4 @@ export { default as HiRoute } from './HiRoute';
 export { default as HiSettlement } from './HiSettlement';
 export { default as HiTransaction } from './HiTransaction';
 export { default as HiUser } from './HiUser';
-export { default as HiWidget } from './HiWidget';
-export { default as HiBriefcaseRescue } from './HiBriefcaseRescue';
+export { default as HiWidget } from './HiWidget';

package/es/utils/HiIconBuilder.js

@@ -30,8 +30,8 @@ class HiIconBuilder extends PureComponent {
 
     render() {
         const _props = this.props,
-              { icon, size, width, height, className, style, onClick, color, backgroundColor } = _props,
-              others = _objectWithoutProperties(_props, ['icon', 'size', 'width', 'height', 'className', 'style', 'onClick', 'color', 'backgroundColor']);
+              { icon, size, className, style, onClick, color, backgroundColor } = _props,
+              others = _objectWithoutProperties(_props, ['icon', 'size', 'className', 'style', 'onClick', 'color', 'backgroundColor']);
 
         let props = {};
         if (onClick) {
@@ -63,9 +63,9 @@ class HiIconBuilder extends PureComponent {
         return React.createElement(IconName, _extends({
             className: className,
             style: _extends({
-                height: height ? height : size,
-                width: width ? width : size
-            }, color && { color, fill: color }, backgroundColor && { backgroundColor, padding: 2, borderRadius: size }, style),
+                height: size,
+                width: size
+            }, color && { color }, backgroundColor && { backgroundColor, padding: 2, borderRadius: size }, style),
             onClick: onClick
         }, props, others));
     }
@@ -99,21 +99,9 @@ HiIconBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
      * Taile de la police
      */
     size: PropTypes.number,
-    /**
-     * Largeur de l'icone (px)
-     */
-    width: PropTypes.number,
-    /**
-     * Hauteur de l'icone (px)
-     */
-    height: PropTypes.number,
     /**
      * Style surchargé
      */
-    style: PropTypes.object,
-    /**
-     * Titre de l'icône
-     */
-    title: PropTypes.string
+    style: PropTypes.object
 } : {};
 export default HiIconBuilder;

package/es/utils/hiHelpers.js

@@ -16,9 +16,8 @@ export function camelize(string) {
  * @param number
  * @param size
  * @param locale
- * @param precision
  */
-export function formatNumber(number, size = 'l', locale = 'en-EN', precision) {
+export function formatNumber(number, size = 'l', locale = 'en-EN') {
     // Round number
     switch (size) {
         case 'l':
@@ -34,12 +33,12 @@ export function formatNumber(number, size = 'l', locale = 'en-EN', precision) {
 
     // To locale
     const options = {
-        minimumFractionDigits: typeof precision !== 'undefined' ? precision : size === 'l' ? 2 : 0,
-        maximumFractionDigits: typeof precision !== 'undefined' ? precision : size === 'l' ? 2 : 0,
+        minimumFractionDigits: size === 'l' ? 2 : 0,
+        maximumFractionDigits: size === 'l' ? 2 : 0,
         useGrouping: true
     };
 
-    return number.toLocaleString(locale.replace(/_/g, '-'), options);
+    return number.toLocaleString(locale, options);
 }
 
 /**
@@ -91,7 +90,7 @@ export function formatCurrencyAmount(amount, size = 'l', locale = 'en-EN', curre
         currencyDisplay: 'symbol'
     };
 
-    let returnValue = value.toLocaleString(locale.replace(/_/g, '-'), options);
+    let returnValue = value.toLocaleString(locale, options);
 
     // Place unit (k, M) after number (don't move currency symbol !)
     if (unit !== '') {
@@ -119,7 +118,7 @@ export function formatRate(rate, size = 'l', locale = 'en-EN') {
         style: 'percent'
     };
 
-    return rate.toLocaleString(locale.replace(/_/g, '-'), options);
+    return rate.toLocaleString(locale, options);
 }
 
 /**
@@ -162,13 +161,13 @@ export function getNextItemSelectable(node, direction) {
         if (node.nextSibling === null) {
             return null;
         } else if (node.nextSibling.tabIndex === -1) {
-            return getNextItemSelectable(node.nextSibling, direction);
+            return this.getNextItemSelectable(node.nextSibling, direction);
         }
         return node.nextSibling;
     } else if (node.previousSibling === null) {
         return null;
     } else if (node.previousSibling.tabIndex === -1) {
-        return getNextItemSelectable(node.previousSibling, direction);
+        return this.getNextItemSelectable(node.previousSibling, direction);
     }
     return node.previousSibling;
 }

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.29
+/** @license Material-UI v1.0.0-beta.4
  *
  * 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 Material-UI v1.0.0-beta.29
+/** @license Material-UI v1.0.0-beta.4
  *
  * 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": "1.0.0-beta.29",
+  "version": "1.0.0-beta.4",
   "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
   "main": "./index.js",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "homepage": "http://material-ui.com/",
   "peerDependencies": {
-    "react": "16.2.0",
+    "react": "^15.3.0 || ^16.0.0",
     "react-dom": "^15.3.0 || ^16.0.0"
   },
   "dependencies": {
@@ -23,7 +23,6 @@
     "babel-runtime": "^6.26.0",
     "brcast": "^3.0.1",
     "classnames": "^2.2.5",
-    "commitizen": "^2.10.1",
     "deepmerge": "^2.0.1",
     "dom-helpers": "^3.2.1",
     "hoist-non-react-statics": "^2.5.0",
@@ -35,7 +34,6 @@
     "jss-props-sort": "^6.0.0",
     "jss-vendor-prefixer": "^7.0.0",
     "keycode": "^2.1.9",
-    "leaflet": "^1.3.1",
     "lodash": "^4.2.0",
     "lz-string": "^1.4.4",
     "material-ui": "1.0.0-beta.36",
@@ -43,16 +41,14 @@
     "moment": "^2.19.1",
     "moment-timezone": "^0.5.14",
     "normalize-scroll-left": "^0.1.2",
-    "prop-types": "^15.6.1",
+    "prop-types": "^15.6.0",
     "react-addons-update": "^15.6.2",
     "react-contextmenu": "^2.9.2",
     "react-custom-scrollbars": "^4.2.1",
-    "react-day-picker": "7.1.9",
+    "react-day-picker": "^7.0.7",
     "react-event-listener": "^0.5.1",
     "react-jss": "^8.1.0",
-    "react-leaflet": "^1.9.1",
     "react-lifecycles-compat": "^1.0.2",
-    "react-pdf": "^3.0.4",
     "react-popper": "^0.8.0",
     "react-proptype-conditional-require": "^1.0.4",
     "react-scrollbar-size": "^2.0.2",
@@ -77,10 +73,5 @@
     "test": "test"
   },
   "license": "ISC",
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  },
   "module": "./index.es.js"
 }

package/styles/createHiMuiTheme.js

@@ -69,7 +69,6 @@ var light = {
     selected: '#F8F9FB',
     placeholder: '#999999',
     disable: '#E0E0E0',
-    border: 'rgba(224, 224, 224, 1)',
     positive: {
         light: '#66CF66',
         normal: '#00AF00',
@@ -118,9 +117,6 @@ var light = {
         appBar: '#fff',
         paper: '#fff',
         default: _colors.grey[50]
-    },
-    dot: {
-        neutral: '#707070'
     }
 };
 
@@ -140,7 +136,6 @@ var dark = {
     selected: '#303030',
     placeholder: '#999999',
     disable: '#E0E0E0',
-    border: 'rgba(224, 224, 224, 1)',
     positive: {
         light: '#66CF66',
         normal: '#00AF00',
@@ -189,9 +184,6 @@ var dark = {
         appBar: '#fff',
         paper: '#fff',
         default: _colors.grey[50]
-    },
-    dot: {
-        neutral: '#707070'
     }
 };
 
@@ -274,10 +266,6 @@ var typography = {
     body4: {
         fontSize: 12,
         fontFamily: fontFamily
-    },
-    body5: {
-        fontSize: 11,
-        fontFamily: fontFamily
     }
 };
 
@@ -315,7 +303,6 @@ function createHiMuiTheme() {
         inputDisabled: shades[type].inputDisabled,
         tableLine: shades[type].tableLine,
         background: shades[type].background,
-        dot: shades[type].dot,
         status: statusPalette,
         primary: _colors.blue,
         secondary: _colors.yellow

package/svg-icons/Cancel.js

@@ -18,8 +18,6 @@ var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-messageAlert;
-
 /**
  * @ignore - internal component.
  */

package/svg-icons/index.js

@@ -103,13 +103,4 @@ Object.defineProperty(exports, 'HiWidget', {
   }
 });
 
-var _HiBriefcaseRescue = require('./HiBriefcaseRescue');
-
-Object.defineProperty(exports, 'HiBriefcaseRescue', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_HiBriefcaseRescue).default;
-  }
-});
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }