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

package/HiCheckbox/HiCheckbox.js

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

package/HiChip/HiChip.js

@@ -58,24 +58,14 @@ var styles = exports.styles = function styles(theme) {
             },
             '&$deletable': {
                 paddingRight: 4
-            },
-            '&$leftIccon': {
-                paddingLeft: 4
             }
         }),
         leftNavigation: {},
         rightNavigation: {},
         deletable: {},
-        leftIccon: {},
         icon: {
             marginRight: 4
         },
-        iconClickable: {
-            cursor: 'pointer',
-            '&:hover, &:focus': {
-                color: theme.palette.business.primary.normal
-            }
-        },
         eraseIcon: {
             // Remove grey highlight
             WebkitTapHighlightColor: 'transparent',
@@ -91,12 +81,9 @@ var styles = exports.styles = function styles(theme) {
             whiteSpace: 'nowrap',
             color: theme.palette.neutral.dark,
             overflow: 'hidden',
+            width: '100%',
             textOverflow: 'ellipsis'
         },
-        prefix: {
-            color: theme.palette.neutral.dark,
-            paddingRight: 4
-        },
         navigate: {
             // Remove grey highlight
             WebkitTapHighlightColor: 'transparent',
@@ -125,48 +112,24 @@ function HiChip(props) {
     var label = props.label,
         classes = props.classes,
         icon = props.icon,
-        id = props.id,
         img = props.img,
         onPrevious = props.onPrevious,
         onNext = props.onNext,
-        onDelete = props.onDelete,
-        prefix = props.prefix,
-        onIconClick = props.onIconClick,
-        title = props.title,
-        titleDelete = props.titleDelete,
-        titleIcon = props.titleIcon,
-        titleImg = props.titleImg,
-        titleNext = props.titleNext,
-        titlePrevious = props.titlePrevious;
+        onDelete = props.onDelete;
 
 
     return _react2.default.createElement(
         'div',
         {
-            id: id,
-            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), (0, _defineProperty3.default)(_classNames, classes.leftIccon, icon), _classNames)),
-            title: title
+            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))
         },
-        prefix && _react2.default.createElement(
-            'span',
-            { className: classes.prefix },
-            prefix,
-            ' : '
-        ),
-        img && _react2.default.createElement('img', { className: classes.badge, src: img, alt: img, title: titleImg }),
-        icon && _react2.default.createElement(_HiIconBuilder2.default, {
-            className: (0, _classnames2.default)(classes.icon, (0, _defineProperty3.default)({}, classes.iconClickable, onIconClick)),
-            icon: icon,
-            size: 16,
-            onClick: onIconClick,
-            title: titleIcon
-        }),
+        img && _react2.default.createElement('img', { className: classes.badge, src: img, alt: img }),
+        icon && _react2.default.createElement(_HiIconBuilder2.default, { className: classes.icon, icon: icon }),
         onPrevious && _react2.default.createElement(_HiIconBuilder2.default, {
             className: (0, _classnames2.default)(classes.navigate),
             icon: 'menuLeft',
             onClick: onPrevious,
-            size: 16,
-            title: titlePrevious
+            size: 20
         }),
         _react2.default.createElement(
             'span',
@@ -177,15 +140,13 @@ function HiChip(props) {
             className: (0, _classnames2.default)(classes.navigate),
             icon: 'menuRight',
             onClick: onNext,
-            size: 16,
-            title: titleNext
+            size: 20
         }),
         onDelete && _react2.default.createElement(_HiIconBuilder2.default, {
             classes: { root: classes.eraseIcon },
             icon: 'closeCircle',
             onClick: onDelete,
-            size: 16,
-            title: titleDelete
+            size: 20
         })
     );
 }
@@ -199,10 +160,6 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
      * Icone affiché à gauche
      */
     icon: _propTypes2.default.string,
-    /**
-     * Identifiant de l'élément
-     */
-    id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
     /**
      * Ajoute une image à gauche du Chip
      */
@@ -215,10 +172,6 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
      * Fonction de callback au clic sur l'icon close si cancelable = true
      */
     onDelete: _propTypes2.default.func,
-    /**
-     * Fonction de callback au clic sur l'icon à gauche
-     */
-    onIconClick: _propTypes2.default.func,
     /**
      * Fonction de callback au clic sur l'icon next
      */
@@ -226,35 +179,7 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Fonction de callback au clic sur l'icon previous
      */
-    onPrevious: _propTypes2.default.func,
-    /**
-     * Préfixe dans le HiChip
-     */
-    prefix: _propTypes2.default.string,
-    /**
-     * Titre du chip
-     */
-    title: _propTypes2.default.string,
-    /**
-     * Titre de l'icône supprimer
-     */
-    titleDelete: _propTypes2.default.string,
-    /**
-     * Titre de l'icône
-     */
-    titleIcon: _propTypes2.default.string,
-    /**
-     * Titre de la balise img
-     */
-    titleImg: _propTypes2.default.string,
-    /**
-     * Titre de la navigation suivante
-     */
-    titleNext: _propTypes2.default.string,
-    /**
-     * Titre de la navigation précédente
-     */
-    titlePrevious: _propTypes2.default.string
+    onPrevious: _propTypes2.default.func
 } : {};
 
 exports.default = (0, _withStyles2.default)(styles, { name: 'HmuiHiChip' })(HiChip);

package/HiChip/HiChipSwitch.js

@@ -207,7 +207,6 @@ var HiChipSwitch = function (_React$PureComponent) {
                 _this2 = this;
 
             var _props = this.props,
-                id = _props.id,
                 label = _props.label,
                 classes = _props.classes,
                 activeIcon = _props.activeIcon,
@@ -233,7 +232,6 @@ var HiChipSwitch = function (_React$PureComponent) {
             return _react2.default.createElement(
                 'div',
                 {
-                    id: id,
                     className: (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.active, !!active), (0, _defineProperty3.default)(_classNames, classes.inactive, !active), _classNames)),
                     onClick: onClick,
                     role: 'button',
@@ -287,10 +285,6 @@ HiChipSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
      * Surcharge les classes du composant
      */
     classes: _propTypes2.default.object,
-    /**
-     * Identifiant de l'élément
-     */
-    id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
     /**
      * Label qu'affiche le ChipFilter
      */

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-block',
+            display: 'inline-flex',
             alignItems: 'baseline',
             maxWidth: '100%',
-            padding: '2px 8px',
+            padding: '2px 4px',
             borderRadius: 2,
             textOverflow: 'ellipsis',
             overflow: 'hidden',
@@ -60,7 +60,6 @@ var styles = exports.styles = function styles(theme) {
  */
 function HiColoredLabel(props) {
     var classes = props.classes,
-        className = props.className,
         label = props.label,
         color = props.color,
         active = props.active,
@@ -75,7 +74,7 @@ function HiColoredLabel(props) {
     return _react2.default.createElement(
         'div',
         {
-            className: (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.beta, beta), className),
+            className: (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.beta, beta)),
             style: {
                 backgroundColor: active ? color : (0, _colorManipulator.fade)(color, 0.08),
                 color: active ? (0, _colorManipulator.getContrastedTextColor)(color, '#4C4C4C', '#FFF') : color,
@@ -100,10 +99,6 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
      * Surcharge les classes du composant
      */
     classes: _propTypes2.default.object,
-    /**
-     * Surcharge les classes du composant
-     */
-    className: _propTypes2.default.string,
     /**
      * Couleur du text & du background
      */
@@ -111,12 +106,11 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Label à afficher
      */
-    label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number, _propTypes2.default.node]).isRequired
+    label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]).isRequired
 } : {};
 
 HiColoredLabel.defaultProps = {
-    active: false,
-    color: '#737373'
+    active: false
 };
 
 exports.default = (0, _withStyles2.default)(styles, { name: 'HmuiHiColoredLabel' })(HiColoredLabel);

package/HiDatePicker/HiDatePicker.js

@@ -4,10 +4,6 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 
-var _typeof2 = require('babel-runtime/helpers/typeof');
-
-var _typeof3 = _interopRequireDefault(_typeof2);
-
 var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
 
 var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
@@ -118,7 +114,6 @@ var HiDatePicker = function (_React$Component) {
         _this.renderMonthPickerOverlay = _this.renderMonthPickerOverlay.bind(_this);
         _this.renderTimePickerOverlay = _this.renderTimePickerOverlay.bind(_this);
         _this.renderYearPickerOverlay = _this.renderYearPickerOverlay.bind(_this);
-        _this.handleInputChange = _this.handleInputChange.bind(_this);
         return _this;
     }
 
@@ -133,36 +128,29 @@ var HiDatePicker = function (_React$Component) {
             this.handleCurrentMonthChange(new Date());
             this.props.onReset();
         }
-    }, {
-        key: 'handleInputChange',
-        value: function handleInputChange(event) {
-            this.props.onChange(event.target.value);
-        }
     }, {
         key: 'handleDayChange',
         value: function handleDayChange(day, modifiers) {
-            if (day) {
-                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);
-                }
-                if (day instanceof Date && !this.props.enableTime && modifiers.selected !== true) {
-                    // Hide overlay & remove focus on input
-                    document.activeElement.blur();
-                } else if (day instanceof Date && this.props.enableTime && modifiers.selected !== true) {
-                    // Open Time panel after date selection
-                    this.openPanel('time');
                 }
+                this.props.onChange(day);
+            }
+            if (day instanceof Date && !this.props.enableTime && modifiers.selected !== true) {
+                // Hide overlay & remove focus on input
+                document.activeElement.blur();
+            } else if (day instanceof Date && this.props.enableTime && modifiers.selected !== true) {
+                // Open Time panel after date selection
+                this.openPanel('time');
             }
         }
     }, {
@@ -311,7 +299,7 @@ var HiDatePicker = function (_React$Component) {
                 captionElement: this.renderCaption,
                 classNames: classes,
                 disabledDays: effectiveDisabledDays,
-                selectedDays: (typeof value === 'undefined' ? 'undefined' : (0, _typeof3.default)(value)) === 'object' ? value : undefined,
+                selectedDays: value,
                 locale: locale,
                 firstDayOfWeek: 1,
                 fromMonth: minimumDate,
@@ -327,9 +315,7 @@ var HiDatePicker = function (_React$Component) {
                 onReset: this.handleReset
             }, {
                 onBlur: this.handleBlur
-            }, props, {
-                onChange: this.handleInputChange
-            });
+            }, props);
 
             return _react2.default.createElement(
                 'div',
@@ -424,6 +410,6 @@ HiDatePicker.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Date sélectionnée
      */
-    value: _propTypes2.default.oneOfType([_propTypes2.default.instanceOf(Date), _propTypes2.default.string])
+    value: _propTypes2.default.instanceOf(Date)
 } : {};
 exports.default = (0, _withStyles2.default)(_stylesheet2.default, { name: 'HmuiHiDatePicker' })(HiDatePicker);