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

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/HiCheckbox/HiCheckbox.js

@@ -70,10 +70,13 @@ var styles = exports.styles = function styles(theme) {
             marginLeft: 12
         },
         checked: {
-            color: theme.palette.business.primary.normal
+            color: theme.palette.business.primary.normal,
+            '&$disabled': {
+                color: '#999999'
+            }
         },
         disabled: {
-            color: theme.palette.action.disabled
+            color: theme.palette.placeholder
         }
     };
 }; //
@@ -85,7 +88,7 @@ var HiCheckbox = function (_React$Component) {
     function HiCheckbox(props) {
         (0, _classCallCheck3.default)(this, HiCheckbox);
 
-        var _this = (0, _possibleConstructorReturn3.default)(this, (HiCheckbox.__proto__ || (0, _getPrototypeOf2.default)(HiCheckbox)).call(this));
+        var _this = (0, _possibleConstructorReturn3.default)(this, (HiCheckbox.__proto__ || (0, _getPrototypeOf2.default)(HiCheckbox)).call(this, props));
 
         _this.handleChange = _this.handleChange.bind(_this);
         return _this;

package/HiColoredLabel/HiColoredLabel.js

@@ -32,10 +32,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var styles = exports.styles = function styles(theme) {
     return {
         root: {
-            display: 'inline-flex',
+            display: 'inline-block',
             alignItems: 'baseline',
             maxWidth: '100%',
-            padding: '2px 4px',
+            padding: '2px 8px',
             borderRadius: 2,
             textOverflow: 'ellipsis',
             overflow: 'hidden',

package/HiDatePicker/HiDateRangeSelector.js

@@ -130,7 +130,7 @@ function buildDateRangeOptionByKey(key, t, format) {
             label = t.previous_quarter;
             from = (0, _moment2.default)().subtract(1, 'quarter').startOf('quarter');
             to = (0, _moment2.default)().subtract(1, 'quarter').endOf('quarter');
-            info = from.format('YYYY') + '-Q' + from.format('Q') + ', ' + to.diff(from, 'days') + ' ' + t.days;
+            info = from.format('YYYY') + '-' + t.short_quarter + from.format('Q') + ', ' + to.diff(from, 'days') + ' ' + t.days;
             break;
         case 'cy':
             label = t.current_year;
@@ -193,6 +193,11 @@ var HiDateRangeSelector = function (_React$Component) {
                         _this.props.onChange('from', selectedOption.from.toDate());
                         _this.props.onChange('to', selectedOption.to.toDate());
                     }
+                } else {
+                    _this.setState({
+                        defaultFrom: undefined,
+                        defaultTo: undefined
+                    });
                 }
                 if (_this.props.returnSelectValue === true) {
                     _this.props.onChange('period', value);
@@ -200,17 +205,31 @@ var HiDateRangeSelector = function (_React$Component) {
             };
         };
 
-        _this.state = {
-            selectedPreset: props.defaultPreset,
-            containerWidth: 0
-        };
-
         _this.handleReset = _this.handleReset.bind(_this);
         _this.handleSelectChange = _this.handleSelectChange.bind(_this);
 
         _this.options = props.availableOptionKeys.map(function (key) {
             return buildDateRangeOptionByKey(key, props.translations, props.format);
         });
+
+        var from = void 0;
+        var to = void 0;
+        if (props.defaultPreset !== 'custom') {
+            var selectedOption = _this.options.find(function (option) {
+                return option.id === props.defaultPreset;
+            });
+            if (selectedOption) {
+                from = selectedOption.from.toDate();
+                to = selectedOption.to.toDate();
+            }
+        }
+
+        _this.state = {
+            selectedPreset: props.defaultPreset,
+            containerWidth: 0,
+            defaultFrom: from,
+            defaultTo: to
+        };
         return _this;
     }
 
@@ -255,7 +274,10 @@ var HiDateRangeSelector = function (_React$Component) {
                 selectProps = _props.selectProps,
                 staticPosition = _props.staticPosition,
                 props = (0, _objectWithoutProperties3.default)(_props, ['disabled', 'enableTime', 'error', 'errorText', 'helperIcon', 'helperText', 'idRange', 'idSelect', 'label', 'from', 'onChange', 'required', 'to', 'translations', 'classes', 'selectProps', 'staticPosition']);
-            var selectedPreset = this.state.selectedPreset;
+            var _state = this.state,
+                defaultFrom = _state.defaultFrom,
+                defaultTo = _state.defaultTo,
+                selectedPreset = _state.selectedPreset;
 
 
             return _react2.default.createElement(
@@ -296,8 +318,8 @@ var HiDateRangeSelector = function (_React$Component) {
                     _react2.default.createElement(_HiDateRangePicker2.default, (0, _extends3.default)({
                         classes: { root: classes.dateRangePicker },
                         id: idRange,
-                        from: from,
-                        to: to,
+                        from: from || defaultFrom,
+                        to: to || defaultTo,
                         enableTime: enableTime,
                         onChange: onChange,
                         onReset: this.handleReset,
@@ -338,6 +360,7 @@ HiDateRangeSelector.defaultProps = {
         quarter: 'Quarter',
         week: 'Week',
         short_week: 'W',
+        short_quarter: 'Q',
         year: 'Year',
         days: 'days',
         custom_period: 'Custom Period',

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/HiForm/HiSearchField.js

@@ -40,6 +40,10 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
+var _reactProptypeConditionalRequire = require('react-proptype-conditional-require');
+
+var _reactProptypeConditionalRequire2 = _interopRequireDefault(_reactProptypeConditionalRequire);
+
 var _HiInput = require('../HiForm/HiInput');
 
 var _HiInput2 = _interopRequireDefault(_HiInput);
@@ -169,7 +173,9 @@ HiSearchField.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @param {array} suggestions
      */
-    callbackFilteredList: _propTypes2.default.func.isRequired,
+    callbackFilteredList: (0, _reactProptypeConditionalRequire2.default)(_propTypes2.default.func, function (props) {
+        return !props.hasOwnProperty('onSearch');
+    }, 'callbackFilteredList required'),
     /**
      * Liste des propriété de l'élément sur lesquelles filtrer (par défaut l'item lui même)
      */