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

package/es/HiChip/HiChip.js

@@ -27,24 +27,14 @@ export const 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',
@@ -60,12 +50,9 @@ export const 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',
@@ -88,59 +75,24 @@ export const styles = theme => ({
 });
 
 function HiChip(props) {
-    const {
-        label,
-        classes,
-        icon,
-        id,
-        img,
-        onPrevious,
-        onNext,
-        onDelete,
-        prefix,
-        onIconClick,
-        title,
-        titleDelete,
-        titleIcon,
-        titleImg,
-        titleNext,
-        titlePrevious
-    } = props;
+    const { label, classes, icon, img, onPrevious, onNext, onDelete } = props;
 
     return React.createElement(
         'div',
         {
-            id: id,
             className: classNames(classes.root, {
                 [classes.leftNavigation]: onPrevious,
                 [classes.rightNavigation]: onNext,
-                [classes.deletable]: onDelete,
-                [classes.leftIccon]: icon
-            }),
-            title: title
+                [classes.deletable]: onDelete
+            })
         },
-        prefix && React.createElement(
-            'span',
-            { className: classes.prefix },
-            prefix,
-            ' : '
-        ),
-        img && React.createElement('img', { className: classes.badge, src: img, alt: img, title: titleImg }),
-        icon && React.createElement(HiIconBuilder, {
-            className: classNames(classes.icon, {
-                [classes.iconClickable]: onIconClick
-            }),
-            icon: icon,
-            size: 16,
-            onClick: onIconClick,
-            title: titleIcon
-        }),
+        img && React.createElement('img', { className: classes.badge, src: img, alt: img }),
+        icon && React.createElement(HiIconBuilder, { className: classes.icon, icon: icon }),
         onPrevious && React.createElement(HiIconBuilder, {
             className: classNames(classes.navigate),
             icon: 'menuLeft',
             onClick: onPrevious,
-            size: 16,
-            title: titlePrevious
+            size: 20
         }),
         React.createElement(
             'span',
@@ -151,15 +103,13 @@ function HiChip(props) {
             className: classNames(classes.navigate),
             icon: 'menuRight',
             onClick: onNext,
-            size: 16,
-            title: titleNext
+            size: 20
         }),
         onDelete && React.createElement(HiIconBuilder, {
             classes: { root: classes.eraseIcon },
             icon: 'closeCircle',
             onClick: onDelete,
-            size: 16,
-            title: titleDelete
+            size: 20
         })
     );
 }
@@ -173,10 +123,6 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
      * Icone affiché à gauche
      */
     icon: PropTypes.string,
-    /**
-     * Identifiant de l'élément
-     */
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     /**
      * Ajoute une image à gauche du Chip
      */
@@ -189,10 +135,6 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
      * Fonction de callback au clic sur l'icon close si cancelable = true
      */
     onDelete: PropTypes.func,
-    /**
-     * Fonction de callback au clic sur l'icon à gauche
-     */
-    onIconClick: PropTypes.func,
     /**
      * Fonction de callback au clic sur l'icon next
      */
@@ -200,35 +142,7 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Fonction de callback au clic sur l'icon previous
      */
-    onPrevious: PropTypes.func,
-    /**
-     * Préfixe dans le HiChip
-     */
-    prefix: PropTypes.string,
-    /**
-     * Titre du chip
-     */
-    title: PropTypes.string,
-    /**
-     * Titre de l'icône supprimer
-     */
-    titleDelete: PropTypes.string,
-    /**
-     * Titre de l'icône
-     */
-    titleIcon: PropTypes.string,
-    /**
-     * Titre de la balise img
-     */
-    titleImg: PropTypes.string,
-    /**
-     * Titre de la navigation suivante
-     */
-    titleNext: PropTypes.string,
-    /**
-     * Titre de la navigation précédente
-     */
-    titlePrevious: PropTypes.string
+    onPrevious: PropTypes.func
 } : {};
 
 export default withStyles(styles, { name: 'HmuiHiChip' })(HiChip);

package/es/HiChip/HiChipSwitch.js

@@ -138,7 +138,6 @@ class HiChipSwitch extends React.PureComponent {
 
     render() {
         const {
-            id,
             label,
             classes,
             activeIcon,
@@ -164,7 +163,6 @@ class HiChipSwitch extends React.PureComponent {
         return React.createElement(
             'div',
             {
-                id: id,
                 className: classNames(classes.root, {
                     [classes.active]: !!active,
                     [classes.inactive]: !active
@@ -225,10 +223,6 @@ HiChipSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
      * Surcharge les classes du composant
      */
     classes: PropTypes.object,
-    /**
-     * Identifiant de l'élément
-     */
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     /**
      * Label qu'affiche le ChipFilter
      */

package/es/HiColoredLabel/HiColoredLabel.js

@@ -6,10 +6,10 @@ import { getContrastedTextColor, fade } from '../styles/colorManipulator';
 
 export const styles = theme => ({
     root: {
-        display: 'inline-block',
+        display: 'inline-flex',
         alignItems: 'baseline',
         maxWidth: '100%',
-        padding: '2px 8px',
+        padding: '2px 4px',
         borderRadius: 2,
         textOverflow: 'ellipsis',
         overflow: 'hidden',
@@ -32,7 +32,7 @@ export const styles = theme => ({
  * Label with background color & text color
  */
 function HiColoredLabel(props) {
-    const { classes, className, label, color, active, beta } = props;
+    const { classes, label, color, active, beta } = props;
     let fontWeight = 400;
     if (beta) {
         fontWeight = 600;
@@ -42,7 +42,7 @@ function HiColoredLabel(props) {
     return React.createElement(
         'div',
         {
-            className: classNames(classes.root, { [classes.beta]: beta }, className),
+            className: classNames(classes.root, { [classes.beta]: beta }),
             style: {
                 backgroundColor: active ? color : fade(color, 0.08),
                 color: active ? getContrastedTextColor(color, '#4C4C4C', '#FFF') : color,
@@ -67,10 +67,6 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
      * Surcharge les classes du composant
      */
     classes: PropTypes.object,
-    /**
-     * Surcharge les classes du composant
-     */
-    className: PropTypes.string,
     /**
      * Couleur du text & du background
      */
@@ -78,12 +74,11 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Label à afficher
      */
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]).isRequired
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
 } : {};
 
 HiColoredLabel.defaultProps = {
-    active: false,
-    color: '#737373'
+    active: false
 };
 
 export default withStyles(styles, { name: 'HmuiHiColoredLabel' })(HiColoredLabel);

package/es/HiDatePicker/HiDatePicker.js

@@ -40,7 +40,6 @@ class HiDatePicker extends 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);
     }
 
     componentWillUnmount() {
@@ -52,12 +51,8 @@ class HiDatePicker extends React.Component {
         this.props.onReset();
     }
 
-    handleInputChange(event) {
-        this.props.onChange(event.target.value);
-    }
-
     handleDayChange(day, modifiers) {
-        if (day) {
+        if (this.props.onChange) {
             if (modifiers.selected) {
                 // Deselect day
                 this.props.onChange(undefined);
@@ -72,13 +67,13 @@ class HiDatePicker extends React.Component {
                 }
                 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');
-            }
+        }
+        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');
         }
     }
 
@@ -212,7 +207,7 @@ class HiDatePicker extends React.Component {
             captionElement: this.renderCaption,
             classNames: classes,
             disabledDays: effectiveDisabledDays,
-            selectedDays: typeof value === 'object' ? value : undefined,
+            selectedDays: value,
             locale,
             firstDayOfWeek: 1,
             fromMonth: minimumDate,
@@ -228,9 +223,7 @@ class HiDatePicker extends React.Component {
             onReset: this.handleReset
         }, {
             onBlur: this.handleBlur
-        }, props, {
-            onChange: this.handleInputChange
-        });
+        }, props);
 
         return React.createElement(
             'div',
@@ -311,7 +304,7 @@ HiDatePicker.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @param {Date} date sélectionnée
      */
-    onChange: PropTypes.func.isRequired,
+    onChange: PropTypes.func,
     /**
      * Callback au reset de l'input
      */
@@ -323,6 +316,6 @@ HiDatePicker.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Date sélectionnée
      */
-    value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string])
+    value: PropTypes.instanceOf(Date)
 } : {};
 export default withStyles(styles, { name: 'HmuiHiDatePicker' })(HiDatePicker);