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

package/HI-CHANGELOG.md

@@ -1,3 +1,40 @@
+<a name="1.0.0-beta.27"></a>
+# 1.0.0-beta.27 (2018-08-27)
+
+
+### Bug Fixes
+
+* **BodyRow:** add locale vars to child BodyRow ([9252382](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9252382))
+* **CellDate:** Handle date with moment & use prop format ([7fa8bf5](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7fa8bf5))
+* **HeaderCell:** set sort icons always on the right of the title ([0704619](https://gitlab.hipay.org/backend/hipay-material-ui/commit/0704619))
+* **HiDateRangePicker:** Keep focus on change dateTo if user types directly into the input to see date selection into calendar ([e998c60](https://gitlab.hipay.org/backend/hipay-material-ui/commit/e998c60))
+* **HiDateRangePicker:** Reset date range picker input to ([b1a66f3](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b1a66f3))
+* **HiDateRangeSelector:** UPD select value from parent component (defaultPreset property) ([90bb994](https://gitlab.hipay.org/backend/hipay-material-ui/commit/90bb994))
+* **HiFormControl:** add error on disabled fields ([87ef0b6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/87ef0b6))
+* **HiInput:** Keep focus on reset HiInput ([a84edab](https://gitlab.hipay.org/backend/hipay-material-ui/commit/a84edab))
+* **HiPins:** Add theme business primary color as default background color for HiPins and fix line-height  ([23aa2d9](https://gitlab.hipay.org/backend/hipay-material-ui/commit/23aa2d9))
+* **HiSelect:** add dynamic prop to handle dynamic select with initial options ([c668b90](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c668b90))
+* **HiSelect:** Display option label instead of all for selects with 1 option ([e47574a](https://gitlab.hipay.org/backend/hipay-material-ui/commit/e47574a))
+* **HiSelect:** Don't try to display unique selected options item when still loading ([116a72a](https://gitlab.hipay.org/backend/hipay-material-ui/commit/116a72a))
+* **HiSelect:** Enable to handle hierarchic padding via options prop level ([dc4e5d8](https://gitlab.hipay.org/backend/hipay-material-ui/commit/dc4e5d8))
+* **HiSelect:** Handle unique and undefined selected item ([8dbb542](https://gitlab.hipay.org/backend/hipay-material-ui/commit/8dbb542))
+* **HiSelectableList:** item displayed only if item.displayed != false ([e65b865](https://gitlab.hipay.org/backend/hipay-material-ui/commit/e65b865))
+* **HiTable:** Add default translations object to HeaderCell ([4ed766f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4ed766f))
+* **HiTable:** Performance optimization ([3ca60d3](https://gitlab.hipay.org/backend/hipay-material-ui/commit/3ca60d3))
+* **HiTable:** remove anchorEls from state to remove circular structure in JSON compares ([c064ce9](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c064ce9))
+* **SelectInput:** selected choice label not overflowing on right arrow of HiSelect ([a7d7058](https://gitlab.hipay.org/backend/hipay-material-ui/commit/a7d7058))
+
+
+### Features
+
+* **CellText:** add color props ([ff2bba8](https://gitlab.hipay.org/backend/hipay-material-ui/commit/ff2bba8))
+* **HiChip:** enable to display tooltip on HiChip via the prop 'title' ([6b15ca6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6b15ca6))
+* **HiDateRangePicker:** Add onBlur prop function to handle date errors properly ([df79494](https://gitlab.hipay.org/backend/hipay-material-ui/commit/df79494))
+* **HiTableContextMenu:** handle hide lookup/exclude menu item for each column ([03e00cb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/03e00cb))
+* **workflow:** Add HI-CHANGELOG generation from commits ([edee0f6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/edee0f6))
+
+
+
 <a name="1.0.0-beta.26"></a>
 # 1.0.0-beta.26 (2018-08-24)
 

package/HiForm/HiFormControl.js

@@ -223,7 +223,7 @@ var HiFormControl = function (_React$PureComponent) {
                     error: error,
                     ref: rootRef
                 }, others),
-                !disabled && error && errorText && helperOpen && _react2.default.createElement(
+                error && errorText && helperOpen && _react2.default.createElement(
                     'div',
                     { className: classes.errorDiv },
                     _react2.default.createElement('div', {
@@ -231,7 +231,7 @@ var HiFormControl = function (_React$PureComponent) {
                     }),
                     errorText
                 ),
-                !disabled && helperIcon && helperText && !error && helperOpen && _react2.default.createElement(
+                helperIcon && helperText && !error && helperOpen && _react2.default.createElement(
                     'div',
                     {
                         className: classes.helperDiv
@@ -254,11 +254,11 @@ var HiFormControl = function (_React$PureComponent) {
                         disabled: disabled,
                         focused: !disabled && (focused || hovered)
                     }, InputLabelProps),
-                    !disabled && error && _react2.default.createElement(_mdiMaterialUi.Alert, {
+                    error && _react2.default.createElement(_mdiMaterialUi.Alert, {
                         className: classes.errorIcon,
                         onClick: this.handleHelperClick
                     }),
-                    !disabled && helperIcon && helperText && !error && _react2.default.createElement(_mdiMaterialUi.Information, {
+                    helperIcon && helperText && !error && _react2.default.createElement(_mdiMaterialUi.Information, {
                         className: (0, _classnames2.default)(classes.helperIcon, (0, _defineProperty3.default)({}, classes.helperIconActive, helperOpen)),
                         onClick: this.handleHelperClick
                     })

package/HiSelect/HiSelect.js

@@ -524,9 +524,9 @@ var _initialiseProps = function _initialiseProps() {
         if (_this3.state.open) {
             _this3.handleClose();
         } else {
-            if (!_this3.props.staticPosition) {
-                //document.body.style.overflow = 'hidden';
-            }
+            /*if (!this.props.staticPosition) {
+                // document.body.style.overflow = 'hidden';
+            }*/
             _this3.setState({ open: true });
             var options = _this3.props.options.slice();
             _this3.handleSuggestions(options);
@@ -588,9 +588,11 @@ var _initialiseProps = function _initialiseProps() {
         } else if (event.key === 'ArrowUp') {
             nextItem = (0, _hiHelpers.getNextItemSelectable)(document.activeElement, 'up');
         } else if (event.key === 'Tab') {
-            if (!_this3.props.staticPosition) {
-                //document.body.style.overflow = 'auto';
-            }
+            /* if (!this.props.staticPosition) {
+                document.body.style.overflow = 'auto';
+            } */
+            _this3.setState({ open: false });
+        } else if (event.key === 'Escape') {
             _this3.setState({ open: false });
         }
         if (nextItem) {

package/HiTable/BodyCells/CellRate.js

@@ -82,8 +82,8 @@ var styles = exports.styles = function styles(theme) {
         negative: {
             color: theme.palette.negative.normal
         },
-        middle: {
-            color: theme.palette.middle.normal
+        neutral: {
+            color: theme.palette.neutral.normal
         },
         spanIndicator: {
             fontSize: 11,
@@ -136,7 +136,7 @@ var CellRate = function (_React$Component) {
 
             switch (trendchip) {
                 case cst.NO_EVOLUTION:
-                    trendIcon = _react2.default.createElement(_mdiMaterialUi.Equal, { className: classes.trendChipIcon + ' ' + classes.middle });
+                    trendIcon = _react2.default.createElement(_mdiMaterialUi.Equal, { className: classes.trendChipIcon + ' ' + classes.neutral });
                     break;
                 case cst.EVOLUTION_UP:
                     trendIcon = _react2.default.createElement(_mdiMaterialUi.ArrowTopRight, {

package/HiTable/HiTableFooter.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.styles = undefined;
 
-var _stringify = require('babel-runtime/core-js/json/stringify');
-
-var _stringify2 = _interopRequireDefault(_stringify);
-
 var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
@@ -83,8 +79,11 @@ var HiTableFooter = function (_React$Component) {
 
     (0, _createClass3.default)(HiTableFooter, [{
         key: 'shouldComponentUpdate',
-        value: function shouldComponentUpdate(nextProps, nextState) {
-            return (0, _stringify2.default)(this.props) !== (0, _stringify2.default)(nextProps) || (0, _stringify2.default)(this.state) !== (0, _stringify2.default)(nextState);
+
+
+        // Table footer never need to be updated
+        value: function shouldComponentUpdate() {
+            return false;
         }
     }, {
         key: 'render',

package/es/HiForm/HiFormControl.js

@@ -150,7 +150,7 @@ class HiFormControl extends React.PureComponent {
                 error: error,
                 ref: rootRef
             }, others),
-            !disabled && error && errorText && helperOpen && React.createElement(
+            error && errorText && helperOpen && React.createElement(
                 'div',
                 { className: classes.errorDiv },
                 React.createElement('div', {
@@ -158,7 +158,7 @@ class HiFormControl extends React.PureComponent {
                 }),
                 errorText
             ),
-            !disabled && helperIcon && helperText && !error && helperOpen && React.createElement(
+            helperIcon && helperText && !error && helperOpen && React.createElement(
                 'div',
                 {
                     className: classes.helperDiv
@@ -181,11 +181,11 @@ class HiFormControl extends React.PureComponent {
                     disabled: disabled,
                     focused: !disabled && (focused || hovered)
                 }, InputLabelProps),
-                !disabled && error && React.createElement(Alert, {
+                error && React.createElement(Alert, {
                     className: classes.errorIcon,
                     onClick: this.handleHelperClick
                 }),
-                !disabled && helperIcon && helperText && !error && React.createElement(Information, {
+                helperIcon && helperText && !error && React.createElement(Information, {
                     className: classNames(classes.helperIcon, {
                         [classes.helperIconActive]: helperOpen
                     }),

package/es/HiSelect/HiSelect.js

@@ -426,9 +426,9 @@ var _initialiseProps = function () {
         if (this.state.open) {
             this.handleClose();
         } else {
-            if (!this.props.staticPosition) {
-                //document.body.style.overflow = 'hidden';
-            }
+            /*if (!this.props.staticPosition) {
+                // document.body.style.overflow = 'hidden';
+            }*/
             this.setState({ open: true });
             const options = this.props.options.slice();
             this.handleSuggestions(options);
@@ -490,9 +490,11 @@ var _initialiseProps = function () {
         } else if (event.key === 'ArrowUp') {
             nextItem = getNextItemSelectable(document.activeElement, 'up');
         } else if (event.key === 'Tab') {
-            if (!this.props.staticPosition) {
-                //document.body.style.overflow = 'auto';
-            }
+            /* if (!this.props.staticPosition) {
+                document.body.style.overflow = 'auto';
+            } */
+            this.setState({ open: false });
+        } else if (event.key === 'Escape') {
             this.setState({ open: false });
         }
         if (nextItem) {

package/es/HiTable/BodyCells/CellRate.js

@@ -27,8 +27,8 @@ export const styles = theme => ({
     negative: {
         color: theme.palette.negative.normal
     },
-    middle: {
-        color: theme.palette.middle.normal
+    neutral: {
+        color: theme.palette.neutral.normal
     },
     spanIndicator: {
         fontSize: 11,
@@ -61,7 +61,7 @@ class CellRate extends React.Component {
 
         switch (trendchip) {
             case cst.NO_EVOLUTION:
-                trendIcon = React.createElement(Equal, { className: classes.trendChipIcon + ' ' + classes.middle });
+                trendIcon = React.createElement(Equal, { className: classes.trendChipIcon + ' ' + classes.neutral });
                 break;
             case cst.EVOLUTION_UP:
                 trendIcon = React.createElement(ArrowTopRight, {

package/es/HiTable/HiTableFooter.js

@@ -1,9 +1,8 @@
-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';
 import PropTypes from 'prop-types';
-import * as cst from "./constants";
+import * as cst from './constants';
 
 export const styles = theme => ({
     tfoot: {
@@ -29,8 +28,9 @@ 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);
+    // Table footer never need to be updated
+    shouldComponentUpdate() {
+        return false;
     }
 
     render() {
@@ -46,7 +46,7 @@ class HiTableFooter extends React.Component {
                     style: {
                         paddingLeft: cst.DEFAULT_PADDING[view]
                     },
-                    key: `footer-left-cell`,
+                    key: 'footer-left-cell',
                     className: classes.patchDiv
                 }),
                 React.createElement(
@@ -58,7 +58,7 @@ class HiTableFooter extends React.Component {
                     style: {
                         paddingLeft: cst.DEFAULT_PADDING[view]
                     },
-                    key: `footer-right-cell`,
+                    key: 'footer-right-cell',
                     className: classes.patchDiv
                 })
             )

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.26
+/** @license Material-UI v1.0.0-beta.27
  *
  * 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.26
+/** @license Material-UI v1.0.0-beta.27
  *
  * 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.26",
+  "version": "1.0.0-beta.27",
   "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
   "main": "./index.js",
   "repository": {