@hipay/hipay-material-ui 1.0.0-beta.3 → 1.0.0-beta.5

package/HiChip/HiChip.js

@@ -124,12 +124,12 @@ function HiChip(props) {
             className: (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.leftNavigation, onPrevious), (0, _defineProperty3.default)(_classNames, classes.rightNavigation, onNext), (0, _defineProperty3.default)(_classNames, classes.deletable, onDelete), _classNames))
         },
         img && _react2.default.createElement('img', { className: classes.badge, src: img, alt: img }),
-        icon && _react2.default.createElement(_HiIconBuilder2.default, { className: classes.icon, icon: icon }),
+        icon && _react2.default.createElement(_HiIconBuilder2.default, { className: classes.icon, icon: icon, size: 16 }),
         onPrevious && _react2.default.createElement(_HiIconBuilder2.default, {
             className: (0, _classnames2.default)(classes.navigate),
             icon: 'menuLeft',
             onClick: onPrevious,
-            size: 20
+            size: 16
         }),
         _react2.default.createElement(
             'span',
@@ -140,13 +140,13 @@ function HiChip(props) {
             className: (0, _classnames2.default)(classes.navigate),
             icon: 'menuRight',
             onClick: onNext,
-            size: 20
+            size: 16
         }),
         onDelete && _react2.default.createElement(_HiIconBuilder2.default, {
             classes: { root: classes.eraseIcon },
             icon: 'closeCircle',
             onClick: onDelete,
-            size: 20
+            size: 16
         })
     );
 }

package/HiColoredLabel/HiColoredLabel.js

@@ -106,7 +106,7 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Label à afficher
      */
-    label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]).isRequired
+    label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number, _propTypes2.default.node]).isRequired
 } : {};
 
 HiColoredLabel.defaultProps = {

package/HiDatePicker/HiDatePicker.js

@@ -131,21 +131,19 @@ var HiDatePicker = function (_React$Component) {
     }, {
         key: 'handleDayChange',
         value: function handleDayChange(day, modifiers) {
-            if (this.props.onChange) {
-                if (modifiers.selected) {
-                    // Deselect day
-                    this.props.onChange(undefined);
-                } else {
-                    // Keep Time if set
-                    if (this.props.enableTime && day !== undefined) {
-                        if (this.props.value) {
-                            day.setHours(this.props.value.getHours(), this.props.value.getMinutes());
-                        } else {
-                            day.setHours(0, 0);
-                        }
+            if (modifiers.selected) {
+                // Deselect day
+                this.props.onChange(undefined);
+            } else {
+                // Keep Time if set
+                if (this.props.enableTime && day !== undefined) {
+                    if (this.props.value) {
+                        day.setHours(this.props.value.getHours(), this.props.value.getMinutes());
+                    } else {
+                        day.setHours(0, 0);
                     }
-                    this.props.onChange(day);
                 }
+                this.props.onChange(day);
             }
             if (day instanceof Date && !this.props.enableTime && modifiers.selected !== true) {
                 // Hide overlay & remove focus on input
@@ -400,7 +398,7 @@ HiDatePicker.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @param {Date} date sélectionnée
      */
-    onChange: _propTypes2.default.func,
+    onChange: _propTypes2.default.func.isRequired,
     /**
      * Callback au reset de l'input
      */

package/HiDatePicker/HiDateRangeSelector.js

@@ -164,7 +164,9 @@ var styles = exports.styles = function styles(theme) {
         },
         dateRangePicker: {
             width: 'calc(100% + 8px)'
-        }
+        },
+        smSelect: {},
+        smRangePicker: {}
     };
 };
 
@@ -262,7 +264,7 @@ var HiDateRangeSelector = function (_React$Component) {
                 },
                 _react2.default.createElement(
                     _Grid2.default,
-                    { item: true, xs: 12, sm: 4 },
+                    { item: true, xs: 12, sm: 4, classes: { 'grid-sm-4': classes.smSelect } },
                     _react2.default.createElement(_HiSelect.HiSelectField, {
                         disabled: disabled,
                         error: error,
@@ -283,7 +285,7 @@ var HiDateRangeSelector = function (_React$Component) {
                 ),
                 _react2.default.createElement(
                     _Grid2.default,
-                    { item: true, xs: 12, sm: 8 },
+                    { item: true, xs: 12, sm: 8, classes: { 'grid-sm-8': classes.smRangePicker } },
                     _react2.default.createElement(_HiDateRangePicker2.default, (0, _extends3.default)({
                         classes: { root: classes.dateRangePicker },
                         id: idRange,
@@ -316,9 +318,7 @@ HiDateRangeSelector.defaultProps = {
         quarter: 'Quarter',
         week: 'Week',
         year: 'Year',
-
         days: 'days',
-
         custom_period: 'Custom Period',
         yesterday: 'Yesterday',
         last_24h: 'Last 24h',

package/HiForm/HiFormControl.js

@@ -163,10 +163,13 @@ var HiFormControl = function (_React$PureComponent) {
 
     (0, _createClass3.default)(HiFormControl, [{
         key: 'handleHelperClick',
-        value: function handleHelperClick() {
+        value: function handleHelperClick(event) {
             this.setState(function (prevState) {
                 return { helperOpen: !prevState.helperOpen };
             });
+            if (event) {
+                event.preventDefault();
+            }
         }
     }, {
         key: 'handleFocus',
@@ -246,7 +249,7 @@ var HiFormControl = function (_React$PureComponent) {
                         label: label,
                         required: required,
                         disabled: disabled,
-                        focused: focused || hovered
+                        focused: !disabled && (focused || hovered)
                     }, InputLabelProps),
                     !disabled && error && _react2.default.createElement(_mdiMaterialUi.Alert, {
                         className: classes.errorIcon,

package/HiForm/HiInput.js

@@ -124,7 +124,7 @@ var styles = exports.styles = function styles(theme) {
         rightIcon: {
             margin: '0 8px',
             width: 18,
-            height: 40,
+            height: 39,
             color: theme.palette.neutral.normal
         },
         rightIconFocus: {
@@ -147,10 +147,10 @@ var styles = exports.styles = function styles(theme) {
             padding: 0
         }),
         inputText: {
-            height: 40
+            height: 39
         },
         inputTextarea: {
-            minHeight: 40,
+            minHeight: 39,
             paddingTop: 8
         },
         iconPointer: {
@@ -158,7 +158,7 @@ var styles = exports.styles = function styles(theme) {
             cursor: 'pointer'
         },
         eraseButton: {
-            height: 40,
+            height: 39,
             width: 40,
             display: 'inline-block'
         },

package/HiForm/HiSearchField.js

@@ -124,7 +124,7 @@ var HiSearchField = function (_React$Component) {
 
                 this.props.callbackFilteredList(filteredList);
             } else {
-                this.props.onSearch(searchedValue);
+                this.props.onSearch(event, searchedValue);
             }
         }
     }, {