@hipay/hipay-material-ui 2.3.0-rcstyleguide-beta3 → 2.3.0-rcstyleguide-beta5

package/old_components/HiForm/HiAddressField.js

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HiSuggestSelectField = _interopRequireDefault(require("../HiSelect/HiSuggestSelectField"));
+
+// @inheritedComponent HiSuggestSelectField
+// OpenStreeMap API url
+var API_URL = 'https://nominatim.openstreetmap.org/search?q=';
+/**
+ * Champs input adresse pour formulaire
+ */
+
+var HiAddressField =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiAddressField, _React$Component);
+
+  function HiAddressField(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiAddressField);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiAddressField).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "displaySuggestions", function (predictions) {
+      var options = [];
+      var isExact = false;
+      predictions.forEach(function (prediction) {
+        // Si le texte saisi est identique à une des propositions, on estime que la valeur de l'adresse est exacte.
+        isExact = prediction.display_name === _this.state.inputValue ? true : isExact;
+        options.push({
+          id: prediction.place_id,
+          label: prediction.display_name,
+          labelHighlight: prediction.display_name.replace(new RegExp(_this.value, 'gi'), '<strong>$&</strong>'),
+          // Liste des types d'adresse : https://github.com/openstreetmap/Nominatim/blob/80df4d3b560f5b1fd550dcf8cdc09a992b69fee0/settings/partitionedtags.def
+          icon: ['amenity', 'building'].includes(prediction.category) ? 'domain' : 'place',
+          type: 'icon',
+          key: prediction.id
+        });
+      }, (0, _assertThisInitialized2.default)(_this));
+
+      _this.setState({
+        options: options,
+        isExact: isExact
+      });
+    });
+    _this.state = {
+      inputValue: null,
+      options: [],
+      isExact: false
+    };
+    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
+    _this.displaySuggestions = _this.displaySuggestions.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiAddressField, [{
+    key: "handleSearch",
+    value: function handleSearch(event) {
+      var _this2 = this;
+
+      if (event.target.value) {
+        this.setState({
+          inputValue: event.target.value
+        });
+        fetch("".concat(API_URL, " + ").concat(this.state.inputValue, " + &format=jsonv2&limit=5&bounded=1&dedupe=1&namedetails=1")).then(function (result) {
+          return result.json();
+        }).then(function (data) {
+          _this2.displaySuggestions(data, 'OK');
+        });
+      } else {
+        this.setState({
+          options: []
+        });
+      }
+
+      this.props.onSearch(event);
+    }
+  }, {
+    key: "handleReset",
+    value: function handleReset() {
+      this.props.onReset();
+      this.setState({
+        options: [],
+        isExact: false
+      });
+    }
+  }, {
+    key: "handleSelect",
+    value: function handleSelect(event, value) {
+      // Mise à jour de la valeur du champ + la valeur de l'adresse est exacte
+      this.setState({
+        options: [],
+        isExact: true
+      });
+      this.props.onSelect(event, value.label);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          exactOnly = _this$props.exactOnly,
+          onSearch = _this$props.onSearch,
+          onReset = _this$props.onReset,
+          onSelect = _this$props.onSelect,
+          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["exactOnly", "onSearch", "onReset", "onSelect"]);
+      var _this$state = this.state,
+          options = _this$state.options,
+          isExact = _this$state.isExact; // On met le champ en erreur si une adresse exacte est éxigée
+      // et si l'adresse courante n'est pas complète
+
+      var showError = exactOnly && !isExact;
+      return _react.default.createElement(_HiSuggestSelectField.default, (0, _extends2.default)({
+        error: showError,
+        options: options,
+        onSearch: this.handleSearch,
+        onSelect: this.handleSelect,
+        onReset: this.handleReset,
+        isExact: isExact
+      }, otherProps));
+    }
+  }]);
+  return HiAddressField;
+}(_react.default.Component);
+
+var _default = HiAddressField;
+exports.default = _default;

package/old_components/HiForm/HiEmailField.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _validator = _interopRequireDefault(require("validator"));
+
+var _HiTextField = _interopRequireDefault(require("./HiTextField"));
+
+// @inheritedComponent HiTextField
+
+/**
+ * Champs input email pour formulaire
+ */
+var HiEmailField =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiEmailField, _React$Component);
+
+  function HiEmailField(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiEmailField);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiEmailField).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function () {
+      if (_this.props.onError && _this.props.value !== '' && !_validator.default.isEmail(_this.props.value)) {
+        _this.props.onError();
+      }
+
+      if (_this.props.onBlur) {
+        _this.props.onBlur();
+      }
+    });
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiEmailField, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          error = _this$props.error,
+          errorText = _this$props.errorText,
+          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["error", "errorText"]);
+      return _react.default.createElement(_HiTextField.default, (0, _extends2.default)({}, otherProps, {
+        type: "email",
+        error: error,
+        errorText: errorText,
+        onBlur: this.handleBlur
+      }));
+    }
+  }]);
+  return HiEmailField;
+}(_react.default.Component);
+
+var _default = HiEmailField;
+exports.default = _default;

package/old_components/HiForm/HiFormControl.js

@@ -0,0 +1,306 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Warning = _interopRequireDefault(require("@material-ui/icons/Warning"));
+
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+
+var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
+
+var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiFormLabel = _interopRequireDefault(require("./HiFormLabel"));
+
+var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
+var _helpers = require("../utils/helpers");
+
+var _index = _interopRequireDefault(require("keycode/index"));
+
+// @inheritedComponent FormControl
+var styles = function styles(theme) {
+  return {
+    helperTextClassName: {
+      color: theme.palette.neutral.main,
+      fontSize: 11,
+      textAlign: 'right',
+      marginTop: 2
+    },
+    iconButton: {
+      cursor: 'pointer',
+      zIndex: 1,
+      height: 20,
+      width: 20,
+      marginLeft: 3,
+      '&$iconButtonError': {
+        color: theme.palette.negative.main
+      },
+      '&$iconButtonInfo': {
+        color: theme.palette.neutral.main
+      },
+      '&$iconButtonInfoActive': {
+        color: theme.palette.primary.main
+      },
+      '&$iconFullWidth': {
+        position: 'absolute',
+        right: 5,
+        marginLeft: 0,
+        bottom: 0
+      }
+    },
+    iconButtonError: {},
+    iconButtonInfo: {},
+    iconButtonInfoActive: {},
+    iconFullWidth: {},
+    errorDiv: (0, _objectSpread2.default)({}, theme.typography.b3, {
+      backgroundColor: theme.palette.negative.main,
+      color: '#FFFFFF',
+      padding: '16px 8px',
+      verticalAlign: 'middle',
+      borderRadius: 2,
+      position: 'relative',
+      marginBottom: 22,
+      fontWeight: theme.typography.fontWeightRegular
+    }),
+    arrowDown: {
+      width: 0,
+      height: 0,
+      borderLeft: '4px solid transparent',
+      borderRight: '4px solid transparent',
+      borderTop: '4px solid #000',
+      position: 'absolute',
+      bottom: -4,
+      '&$arrowNotFullWidth': {
+        left: 8
+      },
+      '&$arrowFullWidth': {
+        right: 12
+      }
+    },
+    arrowNotFullWidth: {},
+    arrowFullWidth: {},
+    errorDivArrowDown: {
+      borderTopColor: theme.palette.negative.main
+    },
+    helperDiv: (0, _objectSpread2.default)({}, theme.typography.b2, {
+      width: '100%',
+      backgroundColor: '#ffffff',
+      color: theme.palette.neutral.normal,
+      padding: '16px 8px',
+      borderRadius: 2,
+      position: 'relative',
+      marginBottom: 8,
+      fontWeight: theme.typography.fontWeightRegular,
+      boxShadow: '0px 1px 7px rgba(0, 0, 0, 0.16)',
+      lineHeight: 1.5
+    }),
+    helperDivArrowDown: {
+      borderTopColor: '#ffffff'
+    },
+    icon: {
+      position: 'absolute',
+      fontSize: 19
+    }
+  };
+};
+/**
+ * Champs input pour formulaire
+ */
+
+
+exports.styles = styles;
+
+var HiFormControl =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiFormControl, _React$PureComponent);
+
+  function HiFormControl(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiFormControl);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiFormControl).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleHelperClick", function (event) {
+      _this.setState(function (prevState) {
+        return {
+          helperOpen: !prevState.helperOpen
+        };
+      });
+
+      if (event) {
+        event.preventDefault();
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
+      var key = (0, _index.default)(event);
+
+      if (['space', 'enter'].includes(key)) {
+        _this.handleHelperClick(event);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleHover", function (value) {
+      return function () {
+        _this.setState({
+          hovered: value
+        });
+      };
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFocus", function (value) {
+      return function () {
+        _this.setState({
+          focused: value
+        });
+
+        if (value === false && _this.state.hovered) {
+          _this.setState({
+            hovered: false
+          });
+        }
+      };
+    });
+    _this.state = {
+      helperOpen: false,
+      focused: false,
+      hovered: false
+    };
+    _this.handleHelperClick = _this.handleHelperClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleHover = _this.handleHover.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiFormControl, [{
+    key: "render",
+    value: function render() {
+      var _classNames2;
+
+      var _this$props = this.props,
+          children = _this$props.children,
+          classes = _this$props.classes,
+          className = _this$props.className,
+          disabled = _this$props.disabled,
+          error = _this$props.error,
+          errorText = _this$props.errorText,
+          id = _this$props.id,
+          label = _this$props.label,
+          InputLabelProps = _this$props.InputLabelProps,
+          helperText = _this$props.helperText,
+          helperIcon = _this$props.helperIcon,
+          FormHelperTextProps = _this$props.FormHelperTextProps,
+          fullWidth = _this$props.fullWidth,
+          required = _this$props.required,
+          multiline = _this$props.multiline,
+          rootRef = _this$props.rootRef,
+          maxLength = _this$props.maxLength,
+          nbChars = _this$props.nbChars,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["children", "classes", "className", "disabled", "error", "errorText", "id", "label", "InputLabelProps", "helperText", "helperIcon", "FormHelperTextProps", "fullWidth", "required", "multiline", "rootRef", "maxLength", "nbChars"]);
+      var _this$state = this.state,
+          helperOpen = _this$state.helperOpen,
+          focused = _this$state.focused,
+          hovered = _this$state.hovered;
+      return _react.default.createElement(_FormControl.default, (0, _extends2.default)({
+        fullWidth: fullWidth,
+        className: className,
+        error: error,
+        ref: rootRef
+      }, others), error && errorText && helperOpen && _react.default.createElement("div", {
+        className: classes.errorDiv
+      }, _react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.arrowDown, classes.errorDivArrowDown, fullWidth ? [classes.arrowFullWidth] : [classes.arrowNotFullWidth])
+      }), _react.default.createElement("span", {
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: {
+          __html: (0, _helpers.escapeHTML)(errorText)
+        }
+      })), helperIcon && helperText && !error && helperOpen && _react.default.createElement("div", {
+        className: classes.helperDiv
+      }, _react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.arrowDown, classes.helperDivArrowDown, fullWidth ? [classes.arrowFullWidth] : [classes.arrowNotFullWidth])
+      }), _react.default.createElement("span", {
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: {
+          __html: (0, _helpers.escapeHTML)(helperText)
+        }
+      })), label && _react.default.createElement(_HiFormLabel.default, (0, _extends2.default)({
+        htmlFor: id,
+        label: label,
+        required: required,
+        disabled: disabled,
+        focused: !disabled && (focused || hovered)
+      }, InputLabelProps), error && errorText && _react.default.createElement(_HiIconButton.default, {
+        className: (0, _classnames.default)(classes.iconButton, classes.iconButtonError, (0, _defineProperty2.default)({}, classes.iconFullWidth, fullWidth)),
+        onClick: this.handleHelperClick
+      }, _react.default.createElement(_Warning.default, {
+        className: (0, _classnames.default)(classes.icon)
+      })), helperIcon && helperText && !error && _react.default.createElement(_HiIconButton.default, {
+        className: (0, _classnames.default)(classes.iconButton, classes.iconButtonInfo, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.iconButtonInfoActive, helperOpen), (0, _defineProperty2.default)(_classNames2, classes.iconFullWidth, fullWidth), _classNames2)),
+        onClick: this.handleHelperClick
+      }, _react.default.createElement(_Info.default, {
+        className: (0, _classnames.default)(classes.icon)
+      }))), _react.default.createElement("div", {
+        onMouseEnter: this.handleHover(true),
+        onMouseLeave: this.handleHover(false),
+        onFocus: this.handleFocus(true),
+        onBlur: this.handleFocus(false)
+      }, children), !multiline && helperText && !helperIcon && _react.default.createElement(_FormHelperText.default, (0, _extends2.default)({
+        className: classes.helperTextClassName
+      }, FormHelperTextProps), helperText), multiline && _react.default.createElement(_FormHelperText.default, (0, _extends2.default)({
+        className: classes.helperTextClassName
+      }, FormHelperTextProps), nbChars, "/", maxLength));
+    }
+  }]);
+  return HiFormControl;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiFormControl, "defaultProps", {
+  fullWidth: true,
+  required: true,
+  disabled: false,
+  error: false,
+  errorText: undefined,
+  helperText: undefined,
+  helperIcon: false,
+  multiline: false,
+  nbChars: 0,
+  maxLength: 280
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiFormControl'
+})(HiFormControl);
+
+exports.default = _default;

package/old_components/HiForm/HiFormLabel.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+// @inheritedComponent InputLabel
+var styles = function styles(theme) {
+  return {
+    root: (0, _objectSpread2.default)({}, theme.typography.h4, {
+      fontWeight: theme.typography.fontWeightRegular,
+      color: theme.palette.neutral.main,
+      position: 'inherit',
+      transform: 'inherit',
+      marginBottom: 2,
+      '&$focused': {
+        color: theme.palette.primary.main
+      },
+      '&$error': {
+        color: theme.palette.negative.main
+      },
+      display: 'flex',
+      alignItems: 'baseline'
+    }),
+    optional: {
+      fontSize: 11,
+      marginLeft: 4,
+      color: theme.palette.neutral.main
+    },
+    focused: {},
+    error: {}
+  };
+};
+/**
+ * Label pour champs de formulaire
+ */
+
+
+exports.styles = styles;
+
+var HiFormLabel =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiFormLabel, _React$PureComponent);
+
+  function HiFormLabel() {
+    (0, _classCallCheck2.default)(this, HiFormLabel);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiFormLabel).apply(this, arguments));
+  }
+
+  (0, _createClass2.default)(HiFormLabel, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          classNameProp = _this$props.className,
+          children = _this$props.children,
+          htmlFor = _this$props.htmlFor,
+          label = _this$props.label,
+          InputLabelProps = _this$props.InputLabelProps,
+          required = _this$props.required,
+          translations = _this$props.translations,
+          focused = _this$props.focused,
+          other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "className", "children", "htmlFor", "label", "InputLabelProps", "required", "translations", "focused"]);
+      var className = (0, _classnames.default)(classes.root, classNameProp);
+      return _react.default.createElement(_InputLabel.default, (0, _extends2.default)({
+        htmlFor: htmlFor,
+        className: className,
+        focused: focused,
+        required: false,
+        classes: {
+          root: classes.root,
+          error: classes.error,
+          focused: classes.focused
+        }
+      }, InputLabelProps, other), label, !required && _react.default.createElement("span", {
+        className: classes.optional
+      }, " ", translations.optional), children);
+    }
+  }]);
+  return HiFormLabel;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiFormLabel, "defaultProps", {
+  required: true,
+  translations: {
+    optional: 'optional'
+  }
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiFormLabel'
+})(HiFormLabel);
+
+exports.default = _default;