@hipay/hipay-material-ui 2.0.0-beta.73 → 2.0.0-beta.75

package/HiSelect/HiSelectField.js

@@ -66,7 +66,8 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
+          HiInputLabelProps = _this$props.HiInputLabelProps,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "HiInputLabelProps"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -76,7 +77,8 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        className: className
+        className: className,
+        InputLabelProps: HiInputLabelProps
       }, _react.default.createElement(_HiSelect.default, (0, _extends2.default)({
         id: id,
         name: name,
@@ -140,7 +142,12 @@ HiSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * true si champs obligatoire
    */
-  required: _propTypes.default.bool
+  required: _propTypes.default.bool,
+
+  /**
+   * Propriétés appliquées au composant HiFormLabel
+   */
+  HiInputLabelProps: _propTypes.default.object
 } : {};
 var _default = HiSelectField;
 exports.default = _default;

package/HiTable/HiCellBuilder.js

@@ -231,7 +231,7 @@ HiCellBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Override TableCell style
    */
-  className: _propTypes.default.object,
+  className: _propTypes.default.string,
 
   /**
    * Propriétés de la colonne

package/es/HiAlertModal/HiAlertModal.js

@@ -8,7 +8,7 @@ import DialogActions from '@material-ui/core/DialogActions';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogContentText from '@material-ui/core/DialogContentText';
 import DialogTitle from '@material-ui/core/DialogTitle';
-import { withStyles } from '../styles';
+import { withStyles, withTheme } from '../styles';
 import HiButton from '../HiButton';
 import HiIcon from '../HiIcon';
 import { escapeHTML } from '../utils/helpers';
@@ -86,9 +86,10 @@ class HiAlertModal extends React.PureComponent {
       open,
       cancelColor,
       submitColor,
-      title
+      title,
+      theme
     } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["backgroundIcon", "iconSize", "classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title"]);
+          props = _objectWithoutProperties(_this$props, ["backgroundIcon", "iconSize", "classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title", "theme"]);
 
     let dialogContent = content;
 
@@ -111,6 +112,7 @@ class HiAlertModal extends React.PureComponent {
     }, props), backgroundIcon && React.createElement("div", {
       className: classes.classBackgroundIcon
     }, React.createElement(HiIcon, {
+      color: theme.palette.background2,
       icon: backgroundIcon,
       size: iconSize
     })), React.createElement(DialogTitle, {
@@ -211,5 +213,6 @@ HiAlertModal.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 export default withStyles(styles, {
   hiComponent: true,
-  name: 'HmuiHiAlertModal'
+  name: 'HmuiHiAlertModal',
+  withTheme: true
 })(HiAlertModal);

package/es/HiBreadcrumb/HiBreadcrumb.js

@@ -18,6 +18,7 @@ class HiBreadcrumb extends React.PureComponent {
   render() {
     const {
       activeStep,
+      classes,
       steps,
       type,
       disableNavigation
@@ -38,6 +39,7 @@ class HiBreadcrumb extends React.PureComponent {
         steps: steps,
         active: activeStep === step.id
       }, React.createElement(HiStepLabel, {
+        classes: classes,
         active: activeStep === step.id,
         status: step.status,
         notificationNumber: step.notificationNumber,
@@ -60,6 +62,11 @@ HiBreadcrumb.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   activeStep: PropTypes.number,
 
+  /**
+   * Custom styles for component.
+   */
+  classes: PropTypes.object.isRequired,
+
   /**
    * Disable navigation in steps
    */

package/es/HiBreadcrumb/HiStepLabel.js

@@ -76,15 +76,13 @@ export const styles = theme => ({
     display: 'inline-block',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
-    whiteSpace: 'pre',
-    maxWidth: 51
+    whiteSpace: 'pre'
   },
   longEllipsis: {
     display: 'inline-block',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
-    whiteSpace: 'pre',
-    maxWidth: 90
+    whiteSpace: 'pre'
   }
 });
 

package/es/HiExpansionPanel/HiExpansionPanel.js

@@ -62,7 +62,7 @@ export const styles = theme => ({
     border: 'none'
   },
   panelDetails: {
-    padding: 0
+    padding: '8px 0 24px 0'
   },
   disabledPanel: {
     backgroundColor: '#ffffff',

package/es/HiIcon/HiIcon.js

@@ -85,7 +85,7 @@ function HiIcon(props) {
     const IconName = hiSvgIcons[capitalize(camelize(iconName))];
     return React.createElement(IconName, _extends({
       className: classNames(classes.root, className),
-      color: isHiColor || color === 'primary' || color === 'secondary' ? theme.palette[color].main : theme.palette.primary.main,
+      color: isHiColor || color === 'primary' || color === 'secondary' ? theme.palette[color].main : color,
       width: size,
       height: size
     }, other));

package/es/HiMap/HiMapExpand.js

@@ -87,7 +87,9 @@ class HiMapExpand extends React.PureComponent {
     const {
       classes,
       address,
-      countryFlagPath
+      countryFlagPath,
+      hideLabel,
+      translations
     } = this.props;
     const {
       addressNotFound,
@@ -118,13 +120,14 @@ class HiMapExpand extends React.PureComponent {
         },
         className: classNames({
           [classes.disabledIcon]: addressNotFound
-        })
+        }),
+        title: addressNotFound ? translations.notFound : ''
       })
-    }, React.createElement("div", {
+    }, hideLabel || React.createElement("div", {
       className: classes.column
     }, React.createElement("p", {
       className: classes.secondaryHeading
-    }, "Adresse")), React.createElement("div", null, React.createElement("p", {
+    }, translations.label)), React.createElement("div", null, React.createElement("p", {
       className: classes.heading
     }, flag, address))), React.createElement(ExpansionPanelDetails, {
       style: {
@@ -138,9 +141,6 @@ class HiMapExpand extends React.PureComponent {
 
 }
 
-HiMapExpand.defaultProps = {
-  countryFlagPath: ''
-};
 HiMapExpand.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * The address to see in the Map component.
@@ -155,8 +155,26 @@ HiMapExpand.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * The path to the country flag image.
    */
-  countryFlagPath: PropTypes.string
+  countryFlagPath: PropTypes.string,
+
+  /**
+   * Don't display label
+   */
+  hideLabel: PropTypes.bool,
+
+  /**
+   * Translations object, see used keys in defaultProps
+   */
+  translations: PropTypes.object
 } : {};
+HiMapExpand.defaultProps = {
+  countryFlagPath: '',
+  hideLabel: false,
+  translations: {
+    label: 'Adresse',
+    notFound: 'Adresse inconnue'
+  }
+};
 export default withStyles(styles, {
   name: 'HmuiHiMapExpand'
 })(HiMapExpand);

package/es/HiNotice/HiKPI.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { withStyles } from '../styles';
 import ButtonBase from '@material-ui/core/ButtonBase';
+import Collapse from '@material-ui/core/Collapse';
 export const styles = theme => ({
   root: {
     background: theme.palette.background3,
@@ -45,32 +46,32 @@ export const styles = theme => ({
     boxShadow: 'none'
   },
   body: {
-    height: '100%',
     margin: 0,
     display: 'inline-grid',
     alignItems: 'center',
     fontSize: 20,
-    fontWeight: theme.typography.fontWeightLight
+    fontWeight: theme.typography.fontWeightLight,
+    flex: '1 1 auto'
   },
   title: {
-    height: '100%',
     maxHeight: 16,
     maxWidth: '100%',
     margin: '7px 0px',
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     fontSize: 14,
-    fontWeight: theme.typography.fontWeightLight
+    fontWeight: theme.typography.fontWeightLight,
+    flex: '0 1 16px'
   },
   subtitle: {
-    height: '100%',
     maxHeight: 28,
     margin: '2px 0px',
     maxWidth: '100%',
     color: theme.palette.neutral.main,
     fontSize: 11,
     lineHeight: '13px',
-    fontWeight: theme.typography.fontWeightMedium
+    fontWeight: theme.typography.fontWeightMedium,
+    flex: '0 1 28px'
   },
   minify: {
     height: 72
@@ -110,7 +111,11 @@ class HiKPI extends React.Component {
       [classes.active]: active,
       [classes.minify]: minify
     });
-    return React.createElement(ButtonBase, {
+    return React.createElement(Collapse, {
+      in: !minify,
+      timeout: "auto",
+      collapsedHeight: "88px"
+    }, React.createElement(ButtonBase, {
       className: rootclass,
       onClick: !disable ? this.handleClick(id) : undefined,
       title: tooltip
@@ -120,14 +125,15 @@ class HiKPI extends React.Component {
       className: classes.body
     }, minify && bodyMinify ? bodyMinify : body), subtitle && minify === false && React.createElement("div", {
       className: classes.subtitle
-    }, subtitle));
+    }, subtitle)));
   }
 
 }
 
 HiKPI.defaultProps = {
   active: false,
-  minify: false
+  minify: false,
+  color: 'inherit'
 };
 HiKPI.propTypes = process.env.NODE_ENV !== "production" ? {
   /**