@hipay/hipay-material-ui 1.0.0-beta.23 → 1.0.0-beta.26

package/es/HiTable/HiTableContextMenu.js

@@ -40,7 +40,9 @@ class HiTableContextMenu extends React.Component {
 
         this.state = {
             value: '',
-            label: ''
+            label: '',
+            lookup: true,
+            exclude: true
         };
 
         this.handleContextMenuOpen = this.handleContextMenuOpen.bind(this);
@@ -51,9 +53,12 @@ class HiTableContextMenu extends React.Component {
     }
 
     handleContextMenuOpen(event) {
+        const { columns } = this.props;
         this.setState({
             value: event.detail.data.value,
-            label: event.detail.data.label
+            label: event.detail.data.label,
+            lookup: columns[event.detail.data.column].lookup !== false,
+            exclude: columns[event.detail.data.column].exclude !== false
         });
     }
 
@@ -83,8 +88,9 @@ class HiTableContextMenu extends React.Component {
 
     render() {
         const { classes, tabId, translations } = this.props;
+        const { lookup, exclude } = this.state;
 
-        const contextMenuItems = [{ id: 'copy', icon: 'contentDuplicate', title: translations.copy, action: this.handleClickCopy }, { id: 'lookup', icon: 'crosshairsGps', title: translations.lookUp, action: this.handleClickLookup }, { id: 'exclude', icon: 'closeCircleOutline', title: translations.exclude, action: this.handleClickExclude }, { id: 'open', icon: 'openInNew', title: translations.openInNewTab, action: this.handleClickOpenNewTab }];
+        const contextMenuItems = [{ id: 'copy', icon: 'contentDuplicate', title: translations.copy, action: this.handleClickCopy }, { id: 'lookup', displayed: lookup, icon: 'crosshairsGps', title: translations.lookUp, action: this.handleClickLookup }, { id: 'exclude', displayed: exclude, icon: 'closeCircleOutline', title: translations.exclude, action: this.handleClickExclude }, { id: 'open', icon: 'openInNew', title: translations.openInNewTab, action: this.handleClickOpenNewTab }];
 
         return React.createElement(
             ContextMenu,
@@ -94,19 +100,21 @@ class HiTableContextMenu extends React.Component {
                 onShow: this.handleContextMenuOpen
             },
             contextMenuItems.map(menuItem => {
-                return React.createElement(
-                    MenuItem,
-                    {
-                        attributes: { className: classes.contextMenuItem },
-                        key: `hitable_context_menu_${tabId}_${menuItem.id}`,
-                        onClick: menuItem.action },
-                    React.createElement(HiIconBuilder, { icon: menuItem.icon }),
-                    React.createElement(
-                        'span',
-                        { className: classes.title },
-                        menuItem.title.replace('%s', this.state.label)
-                    )
-                );
+                if (menuItem.displayed !== false) {
+                    return React.createElement(
+                        MenuItem,
+                        {
+                            attributes: { className: classes.contextMenuItem },
+                            key: `hitable_context_menu_${tabId}_${menuItem.id}`,
+                            onClick: menuItem.action },
+                        React.createElement(HiIconBuilder, { icon: menuItem.icon }),
+                        React.createElement(
+                            'span',
+                            { className: classes.title },
+                            menuItem.title.replace('%s', this.state.label)
+                        )
+                    );
+                }
             })
         );
     }
@@ -125,6 +133,10 @@ HiTableContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
      * Surcharge le style du composant
      */
     classes: PropTypes.object,
+    /**
+     * Liste des objets colonnes utilisé pour savoir quels items du context menu sont affichés
+     */
+    columns: PropTypes.object.isRequired,
     /**
      * Fonction de callback appelée au clic sur l'item redirection
      * du menu contextuel ouvert au clic droit

package/es/HiTable/HiTableFooter.js

@@ -1,3 +1,4 @@
+import _JSON$stringify from 'babel-runtime/core-js/json/stringify';
 import React from 'react';
 import { TableCell, TableFooter, TableRow } from 'material-ui/Table';
 import { withStyles } from '../styles';
@@ -28,6 +29,10 @@ export const styles = theme => ({
 
 class HiTableFooter extends React.Component {
 
+    shouldComponentUpdate(nextProps, nextState) {
+        return _JSON$stringify(this.props) !== _JSON$stringify(nextProps) || _JSON$stringify(this.state) !== _JSON$stringify(nextState);
+    }
+
     render() {
         const { classes, nbColumnsDisplayed, view } = this.props;
 

package/es/HiTable/HiTableHead.js

@@ -1,4 +1,5 @@
 import _extends from 'babel-runtime/helpers/extends';
+import _JSON$stringify from 'babel-runtime/core-js/json/stringify';
 import React from 'react';
 import { findDOMNode } from 'react-dom';
 import PropTypes from 'prop-types';
@@ -90,11 +91,11 @@ class HiTableHead extends React.Component {
     constructor(props) {
         super();
 
+        this.orderColumnsAnchorEl = null;
         this.orderColumnsButton = null;
         this.state = {
             hovered: false,
-            openedOrderColumns: false,
-            orderColumnsAnchorEl: null
+            openedOrderColumns: false
         };
 
         this.handleEvent = this.handleEvent.bind(this);
@@ -102,6 +103,10 @@ class HiTableHead extends React.Component {
         this.handleCloseOrderColumns = this.handleCloseOrderColumns.bind(this);
     }
 
+    shouldComponentUpdate(nextProps, nextState) {
+        return _JSON$stringify(this.props) !== _JSON$stringify(nextProps) || _JSON$stringify(this.state) !== _JSON$stringify(nextState);
+    }
+
     handleEvent({ type }) {
         switch (type) {
             case 'mouseenter':
@@ -115,9 +120,9 @@ class HiTableHead extends React.Component {
 
     handleOpenOrderColumns() {
         this.setState({
-            openedOrderColumns: true,
-            orderColumnsAnchorEl: findDOMNode(this.orderColumnsButton)
+            openedOrderColumns: true
         });
+        this.orderColumnsAnchorEl = findDOMNode(this.orderColumnsButton);
     }
 
     handleCloseOrderColumns() {
@@ -155,7 +160,7 @@ class HiTableHead extends React.Component {
             fixedColumnWidth
         } = this.props;
 
-        const { hovered, openedOrderColumns, orderColumnsAnchorEl } = this.state;
+        const { hovered, openedOrderColumns } = this.state;
 
         let headerProps = _extends({
             className: classNames(classes.thead, {
@@ -258,7 +263,7 @@ class HiTableHead extends React.Component {
                     orderable && React.createElement(OrderColumns, {
                         isOpen: openedOrderColumns,
                         onClose: this.handleCloseOrderColumns,
-                        anchorEl: orderColumnsAnchorEl,
+                        anchorEl: this.orderColumnsAnchorEl,
                         updateOrderedColumns: onColumnsOrderUpdate,
                         columns: columns,
                         orderedColumns: orderedColumns,

package/es/HiTopBar/HiTopBar.js

@@ -158,6 +158,11 @@ 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,

package/es/svg-icons/Cancel.js

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

package/es/svg-icons/HiBriefcaseRescue.js

@@ -0,0 +1,15 @@
+import _extends from "babel-runtime/helpers/extends";
+import React from "react";
+
+var _ref = React.createElement("path", {
+    d: "M486 108H378V27a27 27 0 0 0-27-27H189a27 27 0 0 0-27 27v81H54a54.06 54.06 0 0 0-54 54v270a54.06 54.06 0 0 0 54 54h432a54.06 54.06 0 0 0 54-54V162a54.06 54.06 0 0 0-54-54zM216 54h108v54H216zm162 270h-81v81h-54v-81h-81v-54h81v-81h54v81h81z",
+    fill: "#767676"
+});
+
+const HiBriefcaseRescue = props => React.createElement(
+    "svg",
+    _extends({ viewBox: "0 0 540 486" }, props),
+    _ref
+);
+
+export default HiBriefcaseRescue;

package/es/svg-icons/index.js

@@ -8,4 +8,5 @@ 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 HiWidget } from './HiWidget';
+export { default as HiBriefcaseRescue } from './HiBriefcaseRescue';

package/es/utils/HiIconBuilder.js

@@ -65,7 +65,7 @@ class HiIconBuilder extends PureComponent {
             style: _extends({
                 height: size,
                 width: size
-            }, color && { color }, backgroundColor && { backgroundColor, padding: 2, borderRadius: size }, style),
+            }, color && { color, fill: color }, backgroundColor && { backgroundColor, padding: 2, borderRadius: size }, style),
             onClick: onClick
         }, props, others));
     }
@@ -102,6 +102,10 @@ HiIconBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Style surchargé
      */
-    style: PropTypes.object
+    style: PropTypes.object,
+    /**
+     * Titre de l'icône
+     */
+    title: PropTypes.string
 } : {};
 export default HiIconBuilder;

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.23
+/** @license Material-UI v1.0.0-beta.26
  *
  * 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.23
+/** @license Material-UI v1.0.0-beta.26
  *
  * 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.23",
+  "version": "1.0.0-beta.26",
   "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
   "main": "./index.js",
   "repository": {
@@ -23,6 +23,7 @@
     "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",
@@ -76,5 +77,10 @@
     "test": "test"
   },
   "license": "ISC",
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
   "module": "./index.es.js"
 }

package/svg-icons/Cancel.js

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

package/svg-icons/HiBriefcaseRescue.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _ref = _react2.default.createElement("path", {
+    d: "M486 108H378V27a27 27 0 0 0-27-27H189a27 27 0 0 0-27 27v81H54a54.06 54.06 0 0 0-54 54v270a54.06 54.06 0 0 0 54 54h432a54.06 54.06 0 0 0 54-54V162a54.06 54.06 0 0 0-54-54zM216 54h108v54H216zm162 270h-81v81h-54v-81h-81v-54h81v-81h54v81h81z",
+    fill: "#767676"
+});
+
+var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
+    return _react2.default.createElement(
+        "svg",
+        (0, _extends3.default)({ viewBox: "0 0 540 486" }, props),
+        _ref
+    );
+};
+
+exports.default = HiBriefcaseRescue;

package/svg-icons/index.js

@@ -103,4 +103,13 @@ 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 }; }