@hipay/hipay-material-ui 2.0.0-beta.74 → 2.0.0-beta.75

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,79 @@
1
+ # [2.0.0-beta.74](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.74) (2019-07-02)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **eslint:** remove eslint warrnings in components (ignore test files) ([d236c62](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d236c62))
7
+ * **HiAlertModal:** Correct styles and buttons positions ([2cfa2a9](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2cfa2a9))
8
+ * **HiBreadcrumb:** clean eslint warnings ([6db12fb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6db12fb))
9
+ * **HiDatePicker:** add static positions for custom overlays ([c3edf24](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c3edf24))
10
+ * **HiDynamicSelect:** remove onSelect override ([b803044](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b803044))
11
+ * **HiExpansionPanel:** fix props propagation collapseDisable || expanded ([eb18a96](https://gitlab.hipay.org/backend/hipay-material-ui/commit/eb18a96))
12
+ * **HiExpansionPanel:** Fix props type a requirement ([cbc3b48](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cbc3b48))
13
+ * **HiInput:** forward event in onClick ([be94fe0](https://gitlab.hipay.org/backend/hipay-material-ui/commit/be94fe0))
14
+ * **HiInput:** handle focus state through prop when needed to override default comportment ([9a133cc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9a133cc))
15
+ * **HiInput:** rename prop to spellCheck ([c11939f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c11939f))
16
+ * **HiKpiNotice:** eslint clean warnings ([11b5552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/11b5552))
17
+ * **HiSelect:** Fix build of HiSelectContent ([4b87f78](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4b87f78))
18
+ * **HiSelect:** focus on undefined item ([2d084e6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2d084e6))
19
+ * **HiSelect:** Forward event in onBlur ([76c6778](https://gitlab.hipay.org/backend/hipay-material-ui/commit/76c6778))
20
+ * **HiSelect:** handle staticPosition & width properly for HiDateRangeSelector usage ([7b19ffb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7b19ffb))
21
+ * **HiSelect:** remove HiSelectNew calls ([cc5397d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cc5397d))
22
+ * **HiSelectableList:** Add lazy props to activate lazyloading (default true) and fix unit tests ([b41f8d2](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b41f8d2))
23
+ * **HiSelectableListItem:** disabled item checkbox color ([9f10552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9f10552))
24
+ * **HiSelectableListItem:** remove item width ([a913945](https://gitlab.hipay.org/backend/hipay-material-ui/commit/a913945))
25
+ * **HiSelectContent:** Remove compute of input value ([b86db83](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b86db83))
26
+ * **HiSlider:** eslint clean warnings ([08964b1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/08964b1))
27
+ * **HiTable:** Fix test ([9a009a8](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9a009a8))
28
+ * **HiUploadField:** clean eslint warnings ([c76aaf1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c76aaf1))
29
+ * **migration:** fix contrast threshold ... ([6fb3b18](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6fb3b18))
30
+ * **package:** add cross-env ([7098fd6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7098fd6))
31
+
32
+
33
+ ### Code Refactoring
34
+
35
+ * deleting the old HiSelect and replacing it by the new (PSYCHE-1382) ([d5fc252](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d5fc252))
36
+
37
+
38
+ ### Features
39
+
40
+ * **CellImage:** Handle fallbackImage ([254799d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/254799d))
41
+ * **CellSentinel:** Uniformize cell api with front CellSentinel ([4e2975b](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4e2975b))
42
+ * **CellSentinel:** Update CellSentinel to the new way (split each result in different column) ([efe2711](https://gitlab.hipay.org/backend/hipay-material-ui/commit/efe2711))
43
+ * **CellSentinelScore:** Add CellSentinelScore ([2fff04d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2fff04d))
44
+ * **CellText:** Handle active prop in CellText & column views in HiTable ([4366e60](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4366e60))
45
+ * **HiCells:** Add simple cells types (Address, Date, Icon, Image, Numeric, PinToAction, Rate, Senti ([f688517](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f688517))
46
+ * **HiDatePicke:** add timezone props ([18360a5](https://gitlab.hipay.org/backend/hipay-material-ui/commit/18360a5))
47
+ * **HiDatePicker:** BREAKING CHANGE - add local prop to handle calendar translations ([b1b3743](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b1b3743))
48
+ * **HiIcon:** Add mdi-material-ui as available icons via 'mdi_' prefix ([1091d6d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/1091d6d))
49
+ * **HiInput:** Add inputProps to enable passing props directly to input element ([d57466c](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d57466c))
50
+ * **HiInput:** add spellcheck property ([b2feac3](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b2feac3))
51
+ * **HiMap:** unregister fetch on unmount ([0afa931](https://gitlab.hipay.org/backend/hipay-material-ui/commit/0afa931))
52
+ * **HiSelect:** Add (NEW) HiSelect, HiNestedSelect, HiDynamicSelect ([4c6447e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4c6447e))
53
+ * **HiSelect:** Reset search input on blur & on close ([d9af584](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d9af584))
54
+ * **HiSelectableList:** Add sort props to sort item list on label ([f412ddc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f412ddc))
55
+ * **HiSelectContent:** Add new HiSelectContent & HiNestedSelectContent ([215ad8f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/215ad8f))
56
+ * **HiSelectContent:** export utils functions ([7c41d87](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7c41d87))
57
+ * **HiUploadField:** rename component HiUploadField ([593f77e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/593f77e))
58
+ * **notice:** Création notice KPI ([bba3f89](https://gitlab.hipay.org/backend/hipay-material-ui/commit/bba3f89))
59
+
60
+
61
+ ### Performance Improvements
62
+
63
+ * **PureFunction:** Use pure & functional components ([220c686](https://gitlab.hipay.org/backend/hipay-material-ui/commit/220c686))
64
+
65
+
66
+ ### BREAKING CHANGES
67
+
68
+ * HiSelectNew no longer exist, make sure you're importing HiSelect instead
69
+ * **HiDatePicker:** Required "local" props (use polyglot, p.currentLocal)
70
+ * **HiUploadField:** Components names changes
71
+ * **HiCells:** Remove CellCountry, CellThirdParty, CellStatus & CellAccount (use generic type
72
+ CellImage & CellText)
73
+ * **HiSelect:** HiSelect API change, use HiNestedSelect or HiDynamicSelect relative to situation
74
+
75
+
76
+
1
77
  # [2.0.0-beta.74](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.74) (2019-06-06)
2
78
 
3
79
 
package/HiNotice/HiKPI.js CHANGED
@@ -31,6 +31,8 @@ var _styles = require("../styles");
31
31
 
32
32
  var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase"));
33
33
 
34
+ var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
35
+
34
36
  var styles = function styles(theme) {
35
37
  return {
36
38
  root: {
@@ -74,32 +76,32 @@ var styles = function styles(theme) {
74
76
  boxShadow: 'none'
75
77
  },
76
78
  body: {
77
- height: '100%',
78
79
  margin: 0,
79
80
  display: 'inline-grid',
80
81
  alignItems: 'center',
81
82
  fontSize: 20,
82
- fontWeight: theme.typography.fontWeightLight
83
+ fontWeight: theme.typography.fontWeightLight,
84
+ flex: '1 1 auto'
83
85
  },
84
86
  title: {
85
- height: '100%',
86
87
  maxHeight: 16,
87
88
  maxWidth: '100%',
88
89
  margin: '7px 0px',
89
90
  whiteSpace: 'nowrap',
90
91
  overflow: 'hidden',
91
92
  fontSize: 14,
92
- fontWeight: theme.typography.fontWeightLight
93
+ fontWeight: theme.typography.fontWeightLight,
94
+ flex: '0 1 16px'
93
95
  },
94
96
  subtitle: {
95
- height: '100%',
96
97
  maxHeight: 28,
97
98
  margin: '2px 0px',
98
99
  maxWidth: '100%',
99
100
  color: theme.palette.neutral.main,
100
101
  fontSize: 11,
101
102
  lineHeight: '13px',
102
- fontWeight: theme.typography.fontWeightMedium
103
+ fontWeight: theme.typography.fontWeightMedium,
104
+ flex: '0 1 28px'
103
105
  },
104
106
  minify: {
105
107
  height: 72
@@ -148,7 +150,11 @@ function (_React$Component) {
148
150
  tooltip = _this$props.tooltip,
149
151
  disable = _this$props.disable;
150
152
  var rootclass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.inherit, color === 'inherit' && !disable), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning' && !disable), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error' && !disable), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive' && !disable), (0, _defineProperty2.default)(_classNames, classes.active, active), (0, _defineProperty2.default)(_classNames, classes.minify, minify), _classNames));
151
- return _react.default.createElement(_ButtonBase.default, {
153
+ return _react.default.createElement(_Collapse.default, {
154
+ in: !minify,
155
+ timeout: "auto",
156
+ collapsedHeight: "88px"
157
+ }, _react.default.createElement(_ButtonBase.default, {
152
158
  className: rootclass,
153
159
  onClick: !disable ? this.handleClick(id) : undefined,
154
160
  title: tooltip
@@ -158,7 +164,7 @@ function (_React$Component) {
158
164
  className: classes.body
159
165
  }, minify && bodyMinify ? bodyMinify : body), subtitle && minify === false && _react.default.createElement("div", {
160
166
  className: classes.subtitle
161
- }, subtitle));
167
+ }, subtitle)));
162
168
  }
163
169
  }]);
164
170
  return HiKPI;
@@ -348,6 +348,7 @@ function (_React$Component) {
348
348
  username = "".concat(translations.gender_male, " ").concat(cardUser);
349
349
  }
350
350
 
351
+ var creditDebit = translations.credit && translations.debit && (credit ? translations.credit : translations.debit).toUpperCase();
351
352
  var cardLayout;
352
353
 
353
354
  switch (type) {
@@ -467,7 +468,7 @@ function (_React$Component) {
467
468
  className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa)
468
469
  }, username), _react.default.createElement("div", {
469
470
  className: (0, _classnames.default)(classes.labelLarge, classes.labelDebitCredit)
470
- }, (credit ? translations.credit : translations.debit).toUpperCase()));
471
+ }, creditDebit));
471
472
  break;
472
473
 
473
474
  case 'prepaid-card':
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
4
  import { withStyles } from '../styles';
5
5
  import ButtonBase from '@material-ui/core/ButtonBase';
6
+ import Collapse from '@material-ui/core/Collapse';
6
7
  export const styles = theme => ({
7
8
  root: {
8
9
  background: theme.palette.background3,
@@ -45,32 +46,32 @@ export const styles = theme => ({
45
46
  boxShadow: 'none'
46
47
  },
47
48
  body: {
48
- height: '100%',
49
49
  margin: 0,
50
50
  display: 'inline-grid',
51
51
  alignItems: 'center',
52
52
  fontSize: 20,
53
- fontWeight: theme.typography.fontWeightLight
53
+ fontWeight: theme.typography.fontWeightLight,
54
+ flex: '1 1 auto'
54
55
  },
55
56
  title: {
56
- height: '100%',
57
57
  maxHeight: 16,
58
58
  maxWidth: '100%',
59
59
  margin: '7px 0px',
60
60
  whiteSpace: 'nowrap',
61
61
  overflow: 'hidden',
62
62
  fontSize: 14,
63
- fontWeight: theme.typography.fontWeightLight
63
+ fontWeight: theme.typography.fontWeightLight,
64
+ flex: '0 1 16px'
64
65
  },
65
66
  subtitle: {
66
- height: '100%',
67
67
  maxHeight: 28,
68
68
  margin: '2px 0px',
69
69
  maxWidth: '100%',
70
70
  color: theme.palette.neutral.main,
71
71
  fontSize: 11,
72
72
  lineHeight: '13px',
73
- fontWeight: theme.typography.fontWeightMedium
73
+ fontWeight: theme.typography.fontWeightMedium,
74
+ flex: '0 1 28px'
74
75
  },
75
76
  minify: {
76
77
  height: 72
@@ -110,7 +111,11 @@ class HiKPI extends React.Component {
110
111
  [classes.active]: active,
111
112
  [classes.minify]: minify
112
113
  });
113
- return React.createElement(ButtonBase, {
114
+ return React.createElement(Collapse, {
115
+ in: !minify,
116
+ timeout: "auto",
117
+ collapsedHeight: "88px"
118
+ }, React.createElement(ButtonBase, {
114
119
  className: rootclass,
115
120
  onClick: !disable ? this.handleClick(id) : undefined,
116
121
  title: tooltip
@@ -120,7 +125,7 @@ class HiKPI extends React.Component {
120
125
  className: classes.body
121
126
  }, minify && bodyMinify ? bodyMinify : body), subtitle && minify === false && React.createElement("div", {
122
127
  className: classes.subtitle
123
- }, subtitle));
128
+ }, subtitle)));
124
129
  }
125
130
 
126
131
  }
@@ -308,6 +308,7 @@ class HiPaymentMeans extends React.Component {
308
308
  username = `${translations.gender_male} ${cardUser}`;
309
309
  }
310
310
 
311
+ const creditDebit = translations.credit && translations.debit && (credit ? translations.credit : translations.debit).toUpperCase();
311
312
  let cardLayout;
312
313
 
313
314
  switch (type) {
@@ -427,7 +428,7 @@ class HiPaymentMeans extends React.Component {
427
428
  className: classNames(classes.labelLarge, classes.userNameSepa)
428
429
  }, username), React.createElement("div", {
429
430
  className: classNames(classes.labelLarge, classes.labelDebitCredit)
430
- }, (credit ? translations.credit : translations.debit).toUpperCase()));
431
+ }, creditDebit));
431
432
  break;
432
433
 
433
434
  case 'prepaid-card':
package/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license HiPay-Material-UI v2.0.0-beta.74
1
+ /** @license HiPay-Material-UI v2.0.0-beta.75
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.
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license HiPay-Material-UI v2.0.0-beta.74
1
+ /** @license HiPay-Material-UI v2.0.0-beta.75
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.
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.74",
5
+ "version": "2.0.0-beta.75",
6
6
  "description": "React components that implement Google's Material Design.",
7
7
  "keywords": [
8
8
  "react",
@@ -74,4 +74,4 @@
74
74
  },
75
75
  "main": "./index.js",
76
76
  "module": "./index.es.js"
77
- }
77
+ }