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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/CHANGELOG.md +117 -0
  2. package/HiAlertModal/HiAlertModal.js +56 -13
  3. package/HiColoredLabel/HiColoredLabel.js +1 -1
  4. package/HiDatePicker/Caption.js +8 -1
  5. package/HiDatePicker/HiDatePicker.js +9 -3
  6. package/HiDatePicker/HiDateRangePicker.js +9 -3
  7. package/HiDatePicker/HiDateRangeSelector.js +54 -4
  8. package/HiDatePicker/NavBar.js +8 -1
  9. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +123 -0
  10. package/HiDatePicker/Overlays/MonthPickerOverlay.js +4 -4
  11. package/HiDatePicker/Overlays/YearPickerOverlay.js +2 -2
  12. package/HiDatePicker/hiLocaleUtils.js +144 -0
  13. package/HiDatePicker/stylesheet.js +31 -6
  14. package/HiForm/HiFormControl.js +4 -4
  15. package/HiForm/HiInput.js +19 -7
  16. package/HiForm/HiUploadField.js +2 -1
  17. package/HiNotice/HiKPI.js +3 -3
  18. package/HiNotice/HiKPINotice.js +12 -9
  19. package/HiPin/HiPin.js +1 -1
  20. package/HiSelect/HiSelect.js +6 -5
  21. package/HiSelect/HiSuggestSelect.js +21 -2
  22. package/HiSelect/SelectInput.js +5 -1
  23. package/HiSelectNew/HiSelect.js +163 -59
  24. package/HiSelectNew/HiSelectInput.js +8 -1
  25. package/HiSelectableList/HiSelectableList.js +4 -30
  26. package/HiSelectableList/HiSelectableListItem.js +19 -12
  27. package/README.md +9 -10
  28. package/es/HiAlertModal/HiAlertModal.js +55 -13
  29. package/es/HiColoredLabel/HiColoredLabel.js +1 -1
  30. package/es/HiDatePicker/Caption.js +7 -1
  31. package/es/HiDatePicker/HiDatePicker.js +8 -3
  32. package/es/HiDatePicker/HiDateRangePicker.js +8 -3
  33. package/es/HiDatePicker/HiDateRangeSelector.js +48 -4
  34. package/es/HiDatePicker/NavBar.js +7 -1
  35. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +106 -0
  36. package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +4 -4
  37. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +2 -2
  38. package/es/HiDatePicker/hiLocaleUtils.js +131 -0
  39. package/es/HiDatePicker/stylesheet.js +30 -6
  40. package/es/HiForm/HiFormControl.js +4 -4
  41. package/es/HiForm/HiInput.js +19 -7
  42. package/es/HiForm/HiUploadField.js +2 -1
  43. package/es/HiNotice/HiKPI.js +3 -3
  44. package/es/HiNotice/HiKPINotice.js +10 -9
  45. package/es/HiPin/HiPin.js +1 -1
  46. package/es/HiSelect/HiSelect.js +6 -5
  47. package/es/HiSelect/HiSuggestSelect.js +21 -2
  48. package/es/HiSelect/SelectInput.js +5 -1
  49. package/es/HiSelectNew/HiSelect.js +166 -56
  50. package/es/HiSelectNew/HiSelectInput.js +7 -1
  51. package/es/HiSelectableList/HiSelectableList.js +5 -25
  52. package/es/HiSelectableList/HiSelectableListItem.js +23 -16
  53. package/es/index.js +2 -1
  54. package/index.es.js +2 -1
  55. package/index.js +10 -2
  56. package/package.json +1 -1
  57. package/umd/hipay-material-ui.development.js +6207 -1359
  58. package/umd/hipay-material-ui.production.min.js +2 -2
@@ -79,11 +79,7 @@ export const styles = theme => ({
79
79
  padding: '8px 0',
80
80
  margin: 'auto'
81
81
  },
82
- listItemContent: _objectSpread({
83
- whiteSpace: 'nowrap',
84
- overflow: 'hidden',
85
- textOverflow: 'ellipsis'
86
- }, theme.typography.b1, {
82
+ listItemContent: _objectSpread({}, theme.typography.b1, {
87
83
  fontWeight: 'inherit',
88
84
  width: '100%',
89
85
  minWidth: '50%',
@@ -98,6 +94,10 @@ export const styles = theme => ({
98
94
  }),
99
95
  listItemContentSelected: {},
100
96
  label: {
97
+ maxWidth: '100%',
98
+ whiteSpace: 'nowrap',
99
+ overflow: 'hidden',
100
+ textOverflow: 'ellipsis',
101
101
  display: 'inline-block',
102
102
  margin: '1px 0',
103
103
  paddingLeft: 4
@@ -239,6 +239,7 @@ class HiSelectableListItem extends React.PureComponent {
239
239
  hideCheckbox,
240
240
  onSelect,
241
241
  onKeyDown,
242
+ onKeyUp,
242
243
  indeterminate,
243
244
  indeterminateIcon,
244
245
  icon,
@@ -295,7 +296,8 @@ class HiSelectableListItem extends React.PureComponent {
295
296
  onClick: onSelect,
296
297
  onMouseEnter: this.setHover(true),
297
298
  onMouseLeave: this.setHover(false),
298
- onKeyDown
299
+ onKeyDown,
300
+ onKeyUp
299
301
  }, {
300
302
  style: {
301
303
  paddingLeft: `${paddingLeft + level * 32}px`
@@ -316,16 +318,6 @@ class HiSelectableListItem extends React.PureComponent {
316
318
  icon: displayedIcon,
317
319
  indeterminate: indeterminate,
318
320
  indeterminateIcon: indeterminateIcon
319
- }), React.createElement("div", {
320
- className: classNames(classes.listItemContent, {
321
- [classes.centered]: centered,
322
- [classes.primaryHighlight]: type === 'primary-highlight',
323
- [classes.listItemContentSelected]: selected && color
324
- }),
325
- "data-id": id
326
- }, type === 'icon' && icon && hideCheckbox && React.createElement(HiIcon, {
327
- icon: icon,
328
- className: classes.icon
329
321
  }), type === 'image' && img && React.createElement("img", {
330
322
  src: img,
331
323
  alt: img,
@@ -337,6 +329,16 @@ class HiSelectableListItem extends React.PureComponent {
337
329
  }
338
330
  },
339
331
  className: classes.img
332
+ }), React.createElement("div", {
333
+ className: classNames(classes.listItemContent, {
334
+ [classes.centered]: centered,
335
+ [classes.primaryHighlight]: type === 'primary-highlight',
336
+ [classes.listItemContentSelected]: selected && color
337
+ }),
338
+ "data-id": id
339
+ }, type === 'icon' && icon && hideCheckbox && React.createElement(HiIcon, {
340
+ icon: icon,
341
+ className: classes.icon
340
342
  }), this.buildItemLabel())), React.createElement("div", {
341
343
  className: classNames(classes.infosContent, {
342
344
  [classes.infosWithoutSecondaryInline]: !secondaryInline,
@@ -460,6 +462,11 @@ HiSelectableListItem.propTypes = process.env.NODE_ENV !== "production" ? {
460
462
  */
461
463
  onKeyDown: PropTypes.func,
462
464
 
465
+ /**
466
+ * Fonction de callback à la sélection de l'élément
467
+ */
468
+ onKeyUp: PropTypes.func,
469
+
463
470
  /**
464
471
  * Fonction de callback à la sélection de l'élément
465
472
  */
package/es/index.js CHANGED
@@ -24,4 +24,5 @@ export { default as withMobileDialog } from './withMobileDialog';
24
24
  export { default as withWidth } from './withWidth';
25
25
  export { default as HiDatePicker } from './HiDatePicker/HiDatePicker';
26
26
  export { default as HiDateRangePicker } from './HiDatePicker/HiDateRangePicker';
27
- export { default as HiDateRangeSelector } from './HiDatePicker/HiDateRangeSelector';
27
+ export { default as HiDateRangeSelector } from './HiDatePicker/HiDateRangeSelector';
28
+ export { default as HiLocaleUtils } from './HiDatePicker/hiLocaleUtils';
package/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license HiPay-Material-UI v2.0.0-beta.56
1
+ /** @license HiPay-Material-UI v2.0.0-beta.58
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -30,3 +30,4 @@ export { default as withWidth } from './withWidth';
30
30
  export { default as HiDatePicker } from './HiDatePicker/HiDatePicker';
31
31
  export { default as HiDateRangePicker } from './HiDatePicker/HiDateRangePicker';
32
32
  export { default as HiDateRangeSelector } from './HiDatePicker/HiDateRangeSelector';
33
+ export { default as HiLocaleUtils } from './HiDatePicker/hiLocaleUtils';
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license HiPay-Material-UI v2.0.0-beta.56
1
+ /** @license HiPay-Material-UI v2.0.0-beta.58
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -208,6 +208,12 @@ Object.defineProperty(exports, "HiDateRangeSelector", {
208
208
  return _HiDateRangeSelector.default;
209
209
  }
210
210
  });
211
+ Object.defineProperty(exports, "HiLocaleUtils", {
212
+ enumerable: true,
213
+ get: function get() {
214
+ return _hiLocaleUtils.default;
215
+ }
216
+ });
211
217
 
212
218
  var _styles = require("./styles");
213
219
 
@@ -261,4 +267,6 @@ var _HiDatePicker = _interopRequireDefault(require("./HiDatePicker/HiDatePicker"
261
267
 
262
268
  var _HiDateRangePicker = _interopRequireDefault(require("./HiDatePicker/HiDateRangePicker"));
263
269
 
264
- var _HiDateRangeSelector = _interopRequireDefault(require("./HiDatePicker/HiDateRangeSelector"));
270
+ var _HiDateRangeSelector = _interopRequireDefault(require("./HiDatePicker/HiDateRangeSelector"));
271
+
272
+ var _hiLocaleUtils = _interopRequireDefault(require("./HiDatePicker/hiLocaleUtils"));
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@hipay/hipay-material-ui",
3
3
  "private": false,
4
4
  "author": "HiPay PSYCHE Team",
5
- "version": "2.0.0-beta.56",
5
+ "version": "2.0.0-beta.58",
6
6
  "description": "React components that implement Google's Material Design.",
7
7
  "keywords": [
8
8
  "react",