@hipay/hipay-material-ui 2.0.0-beta.56 → 2.0.0-beta.58

package/CHANGELOG.md

@@ -1,3 +1,120 @@
+# [2.0.0-beta.58](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.58) (2018-12-13)
+
+
+### Bug Fixes
+
+* **eslint:** remove eslint warrnings in components (ignore test files) ([d236c62](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d236c62))
+* **HiBreadcrumb:** clean eslint warnings ([6db12fb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6db12fb))
+* **HiDatePicker:** add static positions for custom overlays ([c3edf24](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c3edf24))
+* **HiExpansionPanel:** Fix props type a requirement ([cbc3b48](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cbc3b48))
+* **HiInput:** handle focus state through prop when needed to override default comportment ([9a133cc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9a133cc))
+* **HiKpiNotice:** eslint clean warnings ([11b5552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/11b5552))
+* **HiSelect:** Fix build of HiSelectContent ([4b87f78](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4b87f78))
+* **HiSelect:** focus on undefined item ([2d084e6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2d084e6))
+* **HiSelect:** handle staticPosition & width properly for HiDateRangeSelector usage ([7b19ffb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7b19ffb))
+* **HiSelectableListItem:** disabled item checkbox color ([9f10552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9f10552))
+* **HiSelectableListItem:** remove item width ([a913945](https://gitlab.hipay.org/backend/hipay-material-ui/commit/a913945))
+* **HiSelectContent:** Remove compute of input value ([b86db83](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b86db83))
+* **HiSlider:** eslint clean warnings ([08964b1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/08964b1))
+* **HiUploadField:** clean eslint warnings ([c76aaf1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c76aaf1))
+* **migration:** fix contrast threshold ... ([6fb3b18](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6fb3b18))
+* **package:** add cross-env ([7098fd6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7098fd6))
+
+
+### Features
+
+* **CellImage:** Handle fallbackImage ([254799d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/254799d))
+* **CellSentinel:** Uniformize cell api with front CellSentinel ([4e2975b](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4e2975b))
+* **CellSentinel:** Update CellSentinel to the new way (split each result in different column) ([efe2711](https://gitlab.hipay.org/backend/hipay-material-ui/commit/efe2711))
+* **CellSentinelScore:** Add CellSentinelScore ([2fff04d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2fff04d))
+* **CellText:** Handle active prop in CellText & column views in HiTable ([4366e60](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4366e60))
+* **HiCells:** Add simple cells types (Address, Date, Icon, Image, Numeric, PinToAction, Rate, Senti ([f688517](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f688517))
+* **HiDatePicker:** BREAKING CHANGE - add local prop to handle calendar translations ([b1b3743](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b1b3743))
+* **HiIcon:** Add mdi-material-ui as available icons via 'mdi_' prefix ([1091d6d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/1091d6d))
+* **HiMap:** unregister fetch on unmount ([0afa931](https://gitlab.hipay.org/backend/hipay-material-ui/commit/0afa931))
+* **HiSelect:** Add (NEW) HiSelect, HiNestedSelect, HiDynamicSelect ([4c6447e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4c6447e))
+* **HiSelect:** Reset search input on blur & on close ([d9af584](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d9af584))
+* **HiSelectableList:** Add sort props to sort item list on label ([f412ddc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f412ddc))
+* **HiSelectContent:** Add new HiSelectContent & HiNestedSelectContent ([215ad8f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/215ad8f))
+* **HiSelectContent:** export utils functions ([7c41d87](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7c41d87))
+* **HiUploadField:** rename component HiUploadField ([593f77e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/593f77e))
+* **notice:** Création notice KPI ([bba3f89](https://gitlab.hipay.org/backend/hipay-material-ui/commit/bba3f89))
+
+
+### Performance Improvements
+
+* **PureFunction:** Use pure & functional components ([220c686](https://gitlab.hipay.org/backend/hipay-material-ui/commit/220c686))
+
+
+### BREAKING CHANGES
+
+* **HiDatePicker:** Required "local" props (use polyglot, p.currentLocal)
+* **HiUploadField:** Components names changes
+* **HiCells:** Remove CellCountry, CellThirdParty, CellStatus & CellAccount (use generic type
+CellImage & CellText)
+* **HiSelect:** HiSelect API change, use HiNestedSelect or HiDynamicSelect relative to situation
+
+
+
+<a name="2.0.0-beta.41"></a>
+# [2.0.0-beta.41](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.41) (2018-12-07)
+
+
+### Bug Fixes
+
+* **eslint:** remove eslint warrnings in components (ignore test files) ([d236c62](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d236c62))
+* **HiBreadcrumb:** clean eslint warnings ([6db12fb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6db12fb))
+* **HiDatePicker:** add static positions for custom overlays ([c3edf24](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c3edf24))
+* **HiExpansionPanel:** Fix props type a requirement ([cbc3b48](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cbc3b48))
+* **HiInput:** handle focus state through prop when needed to override default comportment ([9a133cc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9a133cc))
+* **HiKpiNotice:** eslint clean warnings ([11b5552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/11b5552))
+* **HiSelect:** Fix build of HiSelectContent ([4b87f78](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4b87f78))
+* **HiSelect:** focus on undefined item ([2d084e6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2d084e6))
+* **HiSelect:** handle staticPosition & width properly for HiDateRangeSelector usage ([7b19ffb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7b19ffb))
+* **HiSelectableListItem:** disabled item checkbox color ([9f10552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9f10552))
+* **HiSelectableListItem:** remove item width ([a913945](https://gitlab.hipay.org/backend/hipay-material-ui/commit/a913945))
+* **HiSelectContent:** Remove compute of input value ([b86db83](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b86db83))
+* **HiSlider:** eslint clean warnings ([08964b1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/08964b1))
+* **HiUploadField:** clean eslint warnings ([c76aaf1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c76aaf1))
+* **migration:** fix contrast threshold ... ([6fb3b18](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6fb3b18))
+* **package:** add cross-env ([7098fd6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7098fd6))
+
+
+### Features
+
+* **CellImage:** Handle fallbackImage ([254799d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/254799d))
+* **CellSentinel:** Uniformize cell api with front CellSentinel ([4e2975b](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4e2975b))
+* **CellSentinel:** Update CellSentinel to the new way (split each result in different column) ([efe2711](https://gitlab.hipay.org/backend/hipay-material-ui/commit/efe2711))
+* **CellSentinelScore:** Add CellSentinelScore ([2fff04d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2fff04d))
+* **CellText:** Handle active prop in CellText & column views in HiTable ([4366e60](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4366e60))
+* **HiCells:** Add simple cells types (Address, Date, Icon, Image, Numeric, PinToAction, Rate, Senti ([f688517](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f688517))
+* **HiDatePicker:** BREAKING CHANGE - add local prop to handle calendar translations ([b1b3743](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b1b3743))
+* **HiIcon:** Add mdi-material-ui as available icons via 'mdi_' prefix ([1091d6d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/1091d6d))
+* **HiMap:** unregister fetch on unmount ([0afa931](https://gitlab.hipay.org/backend/hipay-material-ui/commit/0afa931))
+* **HiSelect:** Add (NEW) HiSelect, HiNestedSelect, HiDynamicSelect ([4c6447e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4c6447e))
+* **HiSelect:** Reset search input on blur & on close ([d9af584](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d9af584))
+* **HiSelectableList:** Add sort props to sort item list on label ([f412ddc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f412ddc))
+* **HiSelectContent:** Add new HiSelectContent & HiNestedSelectContent ([215ad8f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/215ad8f))
+* **HiSelectContent:** export utils functions ([7c41d87](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7c41d87))
+* **HiUploadField:** rename component HiUploadField ([593f77e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/593f77e))
+* **notice:** Création notice KPI ([bba3f89](https://gitlab.hipay.org/backend/hipay-material-ui/commit/bba3f89))
+
+
+### Performance Improvements
+
+* **PureFunction:** Use pure & functional components ([220c686](https://gitlab.hipay.org/backend/hipay-material-ui/commit/220c686))
+
+
+### BREAKING CHANGES
+
+* **HiDatePicker:** Required "local" props (use polyglot, p.currentLocal)
+* **HiUploadField:** Components names changes
+* **HiCells:** Remove CellCountry, CellThirdParty, CellStatus & CellAccount (use generic type
+CellImage & CellText)
+* **HiSelect:** HiSelect API change, use HiNestedSelect or HiDynamicSelect relative to situation
+
+
+
 <a name="2.0.0-beta.41"></a>
 # [2.0.0-beta.41](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.41) (2018-11-12)
 

package/HiAlertModal/HiAlertModal.js

@@ -41,20 +41,28 @@ var _styles = require("../styles");
 
 var _HiButton = _interopRequireDefault(require("../HiButton"));
 
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
 // @inheritedComponent Dialog
 var styles = function styles(theme) {
   return {
     classContent: {
       fontSize: 14,
-      lineHeight: '24px',
-      color: '#484848'
+      lineHeight: '20px',
+      color: '#484848',
+      position: 'relative'
     },
-    classPaper: {
-      maxWidth: 300
+    classDialogPaper: {
+      minHeight: 280,
+      maxWidth: 280,
+      borderRadius: 2
     },
     classCancelButton: {
       float: 'right'
     },
+    classSubmitButton: {
+      margin: '0'
+    },
     classTitle: {
       fontSize: 20,
       fontFamily: theme.typography.fontFamily,
@@ -62,10 +70,20 @@ var styles = function styles(theme) {
       lineHeight: '24px'
     },
     classAction: {
-      display: 'inline-block'
+      display: 'inline-block',
+      margin: '0',
+      padding: '0px 24px 24px 24px'
     },
     classDialogRoot: {
       backgroundColor: 'rgba(0, 0, 0, 0.28)'
+    },
+    classBackgroundIcon: {
+      position: 'absolute',
+      top: 'calc(50%)',
+      left: '50%',
+      transform: 'translate(-50%, -50%)',
+      color: theme.palette.background2,
+      flex: '1'
     }
   };
 };
@@ -117,6 +135,8 @@ function (_React$PureComponent) {
     // Render
     value: function render() {
       var _this$props = this.props,
+          backgroundIcon = _this$props.backgroundIcon,
+          iconSize = _this$props.iconSize,
           classes = _this$props.classes,
           content = _this$props.content,
           labelCancelButton = _this$props.labelCancelButton,
@@ -124,17 +144,23 @@ function (_React$PureComponent) {
           onCancelClick = _this$props.onCancelClick,
           onSubmitClick = _this$props.onSubmitClick,
           open = _this$props.open,
+          cancelColor = _this$props.cancelColor,
           submitColor = _this$props.submitColor,
           title = _this$props.title,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "submitColor", "title"]);
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["backgroundIcon", "iconSize", "classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title"]);
       return _react.default.createElement(_Dialog.default, (0, _extends2.default)({
         open: open,
         onClose: this.handleOnClose,
         classes: {
-          paper: classes.classPaper,
-          root: classes.classDialogRoot
+          root: classes.classDialogRoot,
+          paper: classes.classDialogPaper
         }
-      }, props), _react.default.createElement(_DialogTitle.default, {
+      }, props), backgroundIcon && _react.default.createElement("div", {
+        className: classes.classBackgroundIcon
+      }, _react.default.createElement(_HiIcon.default, {
+        icon: backgroundIcon,
+        size: iconSize
+      })), _react.default.createElement(_DialogTitle.default, {
         disableTypography: true,
         classes: {
           root: classes.classTitle
@@ -147,22 +173,39 @@ function (_React$PureComponent) {
         classes: {
           root: classes.classAction
         }
-      }, _react.default.createElement(_HiButton.default, {
+      }, labelSubmitButton && _react.default.createElement(_HiButton.default, {
+        classes: {
+          root: classes.classSubmitButton
+        },
         onClick: this.handleClickSubmit,
         color: submitColor
-      }, labelSubmitButton), _react.default.createElement(_HiButton.default, {
+      }, labelSubmitButton), labelCancelButton && _react.default.createElement(_HiButton.default, {
         classes: {
           root: classes.classCancelButton
         },
         onClick: this.handleClickCancel,
-        color: "neutral"
+        color: cancelColor
       }, labelCancelButton)));
     }
   }]);
   return HiAlertModal;
 }(_react.default.PureComponent);
 
+HiAlertModal.defaultProps = {
+  cancelColor: 'neutral',
+  submitColor: 'primary'
+};
 HiAlertModal.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Icon à mettre en fond
+   */
+  backgroundIcon: _propTypes.default.string,
+
+  /**
+   * The color of the cancel button. It supports those theme colors that make sense for this component.
+   */
+  cancelColor: _propTypes.default.oneOf(['default', 'inherit', 'primary', 'secondary', 'positive', 'negative', 'middle', 'neutral']),
+
   /**
    * Surcharge les classes du composant
    */
@@ -171,7 +214,7 @@ HiAlertModal.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Texte contenu dans la modal
    */
-  content: _propTypes.default.string,
+  content: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
 
   /**
    * Texte sur le bouton d'annulation

package/HiColoredLabel/HiColoredLabel.js

@@ -27,7 +27,7 @@ var _colorManipulator = require("../styles/colorManipulator");
 
 var styles = function styles(theme) {
   return {
-    root: (0, _extends2.default)({}, theme.typography.b1, {
+    root: (0, _extends2.default)({}, theme.typography.b3, {
       display: 'inline-block',
       alignItems: 'baseline',
       maxWidth: '100%',

package/HiDatePicker/Caption.js

@@ -35,10 +35,12 @@ exports.styles = styles;
 var Caption = function Caption(_ref) {
   var classes = _ref.classes,
       date = _ref.date,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
       localeUtils = _ref.localeUtils,
       onMonthClick = _ref.onMonthClick,
       onYearClick = _ref.onYearClick;
-  var months = localeUtils.getMonths();
+  var months = localeUtils.getMonths(locale);
   return _react.default.createElement("div", {
     className: classes.caption
   }, _react.default.createElement(_HiButton.default, {
@@ -61,6 +63,11 @@ Caption.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   date: _propTypes.default.object.isRequired,
 
+  /**
+   * ReactDayPicker prop
+   */
+  locale: _propTypes.default.string,
+
   /**
    * ReactDayPicker prop
    */

package/HiDatePicker/HiDatePicker.js

@@ -31,6 +31,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _moment = _interopRequireDefault(require("react-day-picker/moment"));
 
+var _hiLocaleUtils = _interopRequireDefault(require("./hiLocaleUtils"));
+
 var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPickerInput"));
 
 var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
@@ -274,13 +276,14 @@ function (_React$Component) {
           return _react.default.createElement(_NavBar.default, (0, _extends2.default)({
             showClockButton: enableTime,
             onClockClick: _this2.handleClockClick
-          }, props2));
+          }, props2, {
+            localeUtils: _hiLocaleUtils.default
+          }));
         },
         captionElement: this.renderCaption,
         classNames: classes,
         disabledDays: effectiveDisabledDays,
         selectedDays: (0, _typeof2.default)(value) === 'object' ? value : undefined,
-        locale: locale,
         firstDayOfWeek: 1,
         fromMonth: minimumDate,
         modifiers: {
@@ -289,7 +292,10 @@ function (_React$Component) {
         },
         modifiersStyles: modifiersStyles,
         month: currentMonth
-      }, props);
+      }, props, {
+        locale: locale,
+        localeUtils: _hiLocaleUtils.default
+      });
       var inputProps = (0, _extends2.default)({}, onReset && {
         onReset: this.handleReset
       }, props, {

package/HiDatePicker/HiDateRangePicker.js

@@ -29,6 +29,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _moment = _interopRequireDefault(require("react-day-picker/moment"));
 
+var _hiLocaleUtils = _interopRequireDefault(require("./hiLocaleUtils"));
+
 var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPickerInput"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -105,7 +107,7 @@ function (_React$Component) {
     _this.onDayToClick = function (day) {
       var change = (0, _moment2.default)(day) >= (0, _moment2.default)(_this.props.from);
 
-      if (change && _this.props.disableFutureDays && (0, _moment2.default)(day) > (0, _moment2.default)()) {
+      if (change && _this.props.disableFutureDays && (0, _moment2.default)(day).utc() > (0, _moment2.default)().utc().endOf('day')) {
         change = false;
       }
 
@@ -161,9 +163,9 @@ function (_React$Component) {
 
         if (name === 'to' && comparativeDate > (0, _moment2.default)(date) || name === 'from' && comparativeDate < (0, _moment2.default)(date)) {
           error = translations.to_superior_from;
-        } else if (date < minimumDate) {
+        } else if ((0, _moment2.default)(date).utc() < (0, _moment2.default)(minimumDate).utc().startOf('day')) {
           error = translations.date_inferior_min_date.replace('%s', (0, _moment2.default)(minimumDate).format(format));
-        } else if (disableFutureDays && date > now) {
+        } else if (disableFutureDays && (0, _moment2.default)(date).utc() > (0, _moment2.default)(now).utc().endOf('day')) {
           error = translations.date_superior_max_date.replace('%s', (0, _moment2.default)().format(format));
         }
 
@@ -416,6 +418,8 @@ function (_React$Component) {
         }, to && {
           after: to
         }),
+        locale: locale,
+        localeUtils: _hiLocaleUtils.default,
         month: this.state.currentMonth,
         modifiers: (0, _extends2.default)({}, modifiers)
       });
@@ -431,6 +435,8 @@ function (_React$Component) {
         }, from && {
           before: from
         }),
+        locale: locale,
+        localeUtils: _hiLocaleUtils.default,
         month: this.state.currentMonth,
         modifiers: (0, _extends2.default)({}, modifiers)
       }); // From & To InputProps

package/HiDatePicker/HiDateRangeSelector.js

@@ -5,6 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.findSeparator = findSeparator;
+exports.yearAndMonth = yearAndMonth;
+exports.yearAndQuarter = yearAndQuarter;
 exports.buildDateRangeOptionByKey = buildDateRangeOptionByKey;
 exports.default = exports.styles = void 0;
 
@@ -44,6 +47,52 @@ var _HiDateRangePicker = _interopRequireDefault(require("./HiDateRangePicker"));
 
 var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
+function findSeparator(format) {
+  var str = '';
+
+  if (format.search('[/]') >= 0) {
+    str = '/';
+  } else if (format.search('[-]') >= 0) {
+    str = '-';
+  } else if (format.search('[.]') >= 0) {
+    str = '.';
+  }
+
+  return str;
+}
+
+function yearAndMonth(format, date) {
+  var findY = function findY(el) {
+    return el.toUpperCase().search('Y') >= 0;
+  };
+
+  var findM = function findM(el) {
+    return el.toUpperCase().search('M') >= 0;
+  };
+
+  var s = findSeparator(format);
+  var split = format.split(s);
+  var indexY = split.findIndex(findY);
+  var indexM = split.findIndex(findM);
+  return indexY < indexM ? date.format(split[indexY] + s + split[indexM]) : date.format(split[indexM] + s + split[indexY]);
+}
+
+function yearAndQuarter(format, date, t) {
+  var findY = function findY(el) {
+    return el.toUpperCase().search('Y') >= 0;
+  };
+
+  var findM = function findM(el) {
+    return el.toUpperCase().search('M') >= 0;
+  };
+
+  var s = findSeparator(format);
+  var split = format.split(s);
+  var indexY = split.findIndex(findY);
+  var indexM = split.findIndex(findM);
+  return indexY < indexM ? date.format("".concat(split[indexY]).concat(s, "[").concat(t.short_quarter, "]Q")) : date.format("[".concat(t.short_quarter, "]Q").concat(s).concat(split[indexY]));
+}
+
 function buildDateRangeOptionByKey(key, t, format) {
   var from;
   var label;
@@ -104,21 +153,21 @@ function buildDateRangeOptionByKey(key, t, format) {
       label = t.previous_month;
       from = (0, _moment.default)().subtract(1, 'month').startOf('month');
       to = (0, _moment.default)().subtract(1, 'month').endOf('month');
-      info = "".concat(from.format(t.yearAndMonth), ", ").concat(from.daysInMonth(), " ").concat(t.days);
+      info = "".concat(yearAndMonth(format, from), ", ").concat(from.daysInMonth(), " ").concat(t.days);
       break;
 
     case 'cq':
       label = t.current_quarter;
       from = (0, _moment.default)().startOf('quarter');
       to = (0, _moment.default)();
-      info = "".concat(from.format(t.yearAndQuarter), ", ").concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
+      info = "".concat(yearAndQuarter(format, from, t), ", ").concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'pq':
       label = t.previous_quarter;
       from = (0, _moment.default)().subtract(1, 'quarter').startOf('quarter');
       to = (0, _moment.default)().subtract(1, 'quarter').endOf('quarter');
-      info = "".concat(from.format(t.yearAndQuarter), ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
+      info = "".concat(yearAndQuarter(format, from, t), ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'cy':
@@ -155,7 +204,7 @@ var styles = function styles() {
     },
     dateRangePicker: {
       width: 'calc(100% + 8px)',
-      marginTop: 1
+      marginTop: 0
     },
     smSelect: {},
     smRangePicker: {}
@@ -370,6 +419,7 @@ HiDateRangeSelector.defaultProps = {
     quarter: 'Quarter',
     week: 'Week',
     short_week: 'W',
+    short_quarter: 'Q',
     yearAndMonth: 'YYYY[-]MM',
     yearAndQuarter: 'YYYY[-Q]Q',
     year: 'Year',

package/HiDatePicker/NavBar.js

@@ -62,6 +62,8 @@ var _ref4 = _react.default.createElement(_AccessTime.default, null);
 
 var NavBar = function NavBar(_ref) {
   var classes = _ref.classes,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
       localeUtils = _ref.localeUtils,
       nextMonth = _ref.nextMonth,
       onClockClick = _ref.onClockClick,
@@ -69,7 +71,7 @@ var NavBar = function NavBar(_ref) {
       onNextClick = _ref.onNextClick,
       previousMonth = _ref.previousMonth,
       showClockButton = _ref.showClockButton;
-  var months = localeUtils.getMonths();
+  var months = localeUtils.getMonths(locale);
   var prev = "".concat(months[previousMonth.getMonth()], " ").concat(previousMonth.getFullYear());
   var next = "".concat(months[nextMonth.getMonth()], " ").concat(nextMonth.getFullYear());
   return _react.default.createElement("div", {
@@ -100,6 +102,11 @@ NavBar.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   classes: _propTypes.default.object,
 
+  /**
+   * ReactDayPicker prop
+   */
+  locale: _propTypes.default.string,
+
   /**
    * ReactDayPicker prop
    */

package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+
+var styles = function styles(theme) {
+  return {
+    paper: {
+      width: '100%',
+      zIndex: 10
+    },
+    absolute: {
+      position: 'absolute'
+    },
+    relative: {
+      position: 'relative'
+    },
+    left: {
+      width: '200%',
+      left: 0
+    },
+    right: {
+      width: '200%',
+      left: '-100%'
+    },
+    overlay: (0, _extends2.default)({
+      padding: 0,
+      height: 325,
+      textAlign: 'center'
+    }, theme.typography.body2, {
+      fontWeight: theme.typography.fontWeightRegular
+    }),
+    header: (0, _extends2.default)({
+      display: 'block',
+      height: 40,
+      textAlign: 'center',
+      padding: '10px 0'
+    }, theme.typography.body1, {
+      color: theme.palette.neutral.main,
+      borderBottom: '1px solid',
+      borderBottomColor: theme.palette.divider
+    }),
+    body: {
+      height: 285,
+      width: 224,
+      margin: 'auto'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var CustomOverlayLayoutWithoutFooter = function CustomOverlayLayoutWithoutFooter(_ref) {
+  var _classNames;
+
+  var classes = _ref.classes,
+      children = _ref.children,
+      headerElement = _ref.headerElement,
+      footerElement = _ref.footerElement,
+      absoluteElement = _ref.absoluteElement,
+      side = _ref.side,
+      staticPosition = _ref.staticPosition,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperProps = (0, _extends2.default)({}, props);
+  return (// eslint-disable-next-line react/jsx-handler-names
+    _react.default.createElement(_Paper.default, {
+      className: paperClass,
+      onBlur: paperProps.onBlur,
+      onFocus: paperProps.onFocus
+    }, _react.default.createElement("div", {
+      className: classes.overlay
+    }, _react.default.createElement("div", {
+      className: classes.header
+    }, headerElement), _react.default.createElement("div", {
+      className: classes.body
+    }, children), absoluteElement))
+  );
+};
+
+CustomOverlayLayoutWithoutFooter.propTypes = process.env.NODE_ENV !== "production" ? {
+  absoluteElement: _propTypes.default.any,
+  children: _propTypes.default.any,
+
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: _propTypes.default.object,
+  footerElement: _propTypes.default.any,
+  headerElement: _propTypes.default.any,
+
+  /**
+   * Définit comment construire le Paper dans le cas d'un double input
+   */
+  side: _propTypes.default.string,
+  staticPosition: _propTypes.default.bool
+} : {};
+
+var _default = (0, _withStyles.default)(styles, {
+  name: 'HmuiCustomOverlayLayoutWithoutFooter'
+})(CustomOverlayLayoutWithoutFooter);
+
+exports.default = _default;