@hipay/hipay-material-ui 1.0.0-beta.9 → 2.0.0-beta.36

package/es/HiForm/HiFormLabel.js

@@ -1,122 +1,115 @@
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import _extends from 'babel-runtime/helpers/extends';
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
 // @inheritedComponent InputLabel
-
 import React from 'react';
 import PropTypes from 'prop-types';
-import { InputLabel } from 'material-ui/Input';
+import InputLabel from '@material-ui/core/InputLabel';
 import classNames from 'classnames';
 import withStyles from '../styles/withStyles';
-
 export const styles = theme => ({
-    root: _extends({}, theme.typography.h4, {
-        fontWeight: theme.typography.fontWeightRegular,
-        color: theme.palette.neutral.normal,
-        position: 'inherit',
-        transform: 'inherit',
-        marginBottom: 2
-    }),
-    labelErrorClassName: {
-        color: theme.palette.negative.normal
-    },
-    labelFocusedClassName: {
-        color: theme.palette.business.primary.normal
-    },
-    optional: {
-        fontSize: 11,
-        marginLeft: 4,
-        color: theme.palette.neutral.normal
-    }
+  root: _objectSpread({}, theme.typography.h4, {
+    fontWeight: theme.typography.fontWeightRegular,
+    color: theme.palette.neutral.main,
+    position: 'inherit',
+    transform: 'inherit',
+    marginBottom: 2
+  }),
+  optional: {
+    fontSize: 11,
+    marginLeft: 4,
+    color: theme.palette.neutral.main
+  },
+  focused: {
+    color: theme.palette.primary.main
+  }
 });
-
 /**
  * Label pour champs de formulaire
  */
-class HiFormLabel extends React.PureComponent {
 
-    render() {
-        const _props = this.props,
-              {
-            classes,
-            className: classNameProp,
-            children,
-            htmlFor,
-            label,
-            InputLabelProps,
-            required,
-            translations,
-            focused
-        } = _props,
-              other = _objectWithoutProperties(_props, ['classes', 'className', 'children', 'htmlFor', 'label', 'InputLabelProps', 'required', 'translations', 'focused']);
+class HiFormLabel extends React.PureComponent {
+  render() {
+    const _this$props = this.props,
+          {
+      classes,
+      className: classNameProp,
+      children,
+      htmlFor,
+      label,
+      InputLabelProps,
+      required,
+      translations,
+      focused
+    } = _this$props,
+          other = _objectWithoutProperties(_this$props, ["classes", "className", "children", "htmlFor", "label", "InputLabelProps", "required", "translations", "focused"]);
 
-        const className = classNames(classes.root, classNameProp);
+    const className = classNames(classes.root, classNameProp);
+    return React.createElement(InputLabel, _extends({
+      htmlFor: htmlFor,
+      className: className,
+      focused: focused,
+      required: false
+    }, InputLabelProps, other), label, !required && React.createElement("span", {
+      className: classes.optional
+    }, " ", translations.optional), children);
+  }
 
-        return React.createElement(
-            InputLabel,
-            _extends({
-                htmlFor: htmlFor,
-                className: className,
-                focused: focused,
-                required: false,
-                FormControlClasses: {
-                    error: classes.labelErrorClassName,
-                    focused: classes.labelFocusedClassName
-                }
-            }, InputLabelProps, other),
-            label,
-            !required && React.createElement(
-                'span',
-                { className: classes.optional },
-                ' ',
-                translations.optional
-            ),
-            children
-        );
-    }
 }
 
 HiFormLabel.defaultProps = {
-    required: true,
-    translations: {
-        optional: 'optional'
-    }
+  required: true,
+  translations: {
+    optional: 'optional'
+  }
 };
 HiFormLabel.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Contenu du form label
-     */
-    children: PropTypes.node,
-    /**
-     * Useful to extend the style applied to components.
-     */
-    classes: PropTypes.object,
-    /**
-     * Classes CSS appliquées
-     */
-    className: PropTypes.string,
-    /**
-     * Si "true", le label sera en mode focus
-     */
-    focused: PropTypes.bool,
-    /**
-     * Useful to extend the style applied to components.
-     */
-    htmlFor: PropTypes.string,
-    /**
-     * Props passées aux composant InputLabel
-     */
-    InputLabelProps: PropTypes.object,
-    /**
-     * Valeur du label
-     */
-    label: PropTypes.string,
-    /**
-     * Si "false", on ajoutera "optional"
-     */
-    required: PropTypes.bool,
-    /**
-     * Chaines du composant
-     */
-    translations: PropTypes.object
+  /**
+   * Contenu du form label
+   */
+  children: PropTypes.node,
+
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: PropTypes.object,
+
+  /**
+   * Classes CSS appliquées
+   */
+  className: PropTypes.string,
+
+  /**
+   * Si "true", le label sera en mode focus
+   */
+  focused: PropTypes.bool,
+
+  /**
+   * Useful to extend the style applied to components.
+   */
+  htmlFor: PropTypes.string,
+
+  /**
+   * Props passées aux composant InputLabel
+   */
+  InputLabelProps: PropTypes.object,
+
+  /**
+   * Valeur du label
+   */
+  label: PropTypes.string,
+
+  /**
+   * Si "false", on ajoutera "optional"
+   */
+  required: PropTypes.bool,
+
+  /**
+   * Chaines du composant
+   */
+  translations: PropTypes.object
 } : {};
-export default withStyles(styles, { name: 'HmuiHiFormLabel' })(HiFormLabel);
+export default withStyles(styles, {
+  hiComponent: true,
+  name: 'HmuiHiFormLabel'
+})(HiFormLabel);