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

Sign up to get free protection for your applications and to get access to all the features.
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",