@hipay/hipay-material-ui 1.0.0-beta.8 → 1.0.0-beta.9

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 (43) hide show
  1. package/HiDotsStepper/HiDot.js +151 -0
  2. package/HiDotsStepper/HiDotsStepper.js +146 -0
  3. package/HiDotsStepper/index.js +16 -0
  4. package/HiForm/HiAddressField.js +204 -0
  5. package/HiForm/HiInput.js +1 -1
  6. package/HiForm/index.js +9 -0
  7. package/HiPdfReader/HiPdfReader.js +282 -0
  8. package/HiPdfReader/index.js +16 -0
  9. package/HiSelect/HiSuggestSelect.js +2 -0
  10. package/HiSelectableList/HiSelectableListItem.js +1 -2
  11. package/HiTable/BodyCellBuilder.js +7 -8
  12. package/HiTable/BodyCells/CellLayout.js +20 -18
  13. package/HiTable/BodyCells/CellSentinel.js +12 -4
  14. package/HiTable/BodyRow.js +7 -1
  15. package/HiTable/HeaderCell.js +17 -14
  16. package/HiTable/HiTable.js +13 -4
  17. package/HiTable/HiTableBody.js +26 -12
  18. package/HiTable/HiTableHead.js +22 -5
  19. package/es/HiDotsStepper/HiDot.js +92 -0
  20. package/es/HiDotsStepper/HiDotsStepper.js +83 -0
  21. package/es/HiDotsStepper/index.js +1 -0
  22. package/es/HiForm/HiAddressField.js +142 -0
  23. package/es/HiForm/HiInput.js +1 -1
  24. package/es/HiForm/index.js +2 -1
  25. package/es/HiPdfReader/HiPdfReader.js +198 -0
  26. package/es/HiPdfReader/index.js +1 -0
  27. package/es/HiSelect/HiSuggestSelect.js +2 -0
  28. package/es/HiSelectableList/HiSelectableListItem.js +1 -2
  29. package/es/HiTable/BodyCellBuilder.js +8 -9
  30. package/es/HiTable/BodyCells/CellLayout.js +22 -20
  31. package/es/HiTable/BodyCells/CellSentinel.js +12 -4
  32. package/es/HiTable/BodyRow.js +7 -1
  33. package/es/HiTable/HeaderCell.js +17 -14
  34. package/es/HiTable/HiTable.js +13 -4
  35. package/es/HiTable/HiTableBody.js +22 -9
  36. package/es/HiTable/HiTableHead.js +17 -5
  37. package/es/styles/createHiMuiTheme.js +7 -0
  38. package/index.es.js +1 -1
  39. package/index.js +1 -1
  40. package/package.json +2 -1
  41. package/styles/createHiMuiTheme.js +7 -0
  42. package/umd/hipay-material-ui.development.js +2874 -2606
  43. package/umd/hipay-material-ui.production.min.js +4 -4
@@ -3,6 +3,7 @@ import React from 'react';
3
3
  import { findDOMNode } from 'react-dom';
4
4
  import PropTypes from 'prop-types';
5
5
  import isRequiredIf from 'react-proptype-conditional-require';
6
+ import classNames from 'classnames';
6
7
 
7
8
  import { TableHead, TableRow, TableCell } from 'material-ui/Table';
8
9
  import PlusCircleIcon from 'mdi-material-ui/PlusCircle';
@@ -18,11 +19,13 @@ import { MANDATORY_COLUMN_ERROR_MESSAGE } from './HiTable';
18
19
  export const styles = theme => ({
19
20
  thead: {
20
21
  position: 'relative',
21
- display: 'block' /*seperates the header from the body allowing it to be positioned*/
22
- , width: '100%',
22
+ width: '100%',
23
23
  overflow: 'visible',
24
24
  zIndex: 12
25
25
  },
26
+ theadFixedWidth: {
27
+ display: 'block' /*seperates the header from the body allowing it to be positioned*/
28
+ },
26
29
  theadRow: {
27
30
  backgroundColor: theme.palette.background3,
28
31
  zIndex: 12
@@ -148,13 +151,16 @@ class HiTableHead extends React.Component {
148
151
  sticky,
149
152
  translations,
150
153
  view,
151
- lookupColumns
154
+ lookupColumns,
155
+ fixedColumnWidth
152
156
  } = this.props;
153
157
 
154
158
  const { hovered, openedOrderColumns, orderColumnsAnchorEl } = this.state;
155
159
 
156
160
  let headerProps = _extends({
157
- className: classes.thead
161
+ className: classNames(classes.thead, {
162
+ [classes.theadFixedWidth]: fixedColumnWidth
163
+ })
158
164
  }, orderable && { onMouseEnter: this.handleEvent, onMouseLeave: this.handleEvent });
159
165
 
160
166
  let unfixedColumnIsSet = false,
@@ -221,7 +227,8 @@ class HiTableHead extends React.Component {
221
227
  fixedWidth: fixed,
222
228
  align: column['align'],
223
229
  sticky: firstColumn && sticky,
224
- lookedUp: lookupColumns.includes(column.colId)
230
+ lookedUp: lookupColumns.includes(column.colId),
231
+ fixedColumnWidth: fixedColumnWidth
225
232
  });
226
233
  }
227
234
  }),
@@ -329,6 +336,11 @@ HiTableHead.propTypes = process.env.NODE_ENV !== "production" ? {
329
336
  * Active le filtre sur les colonnes filtrables
330
337
  */
331
338
  filterable: PropTypes.bool,
339
+ /**
340
+ * Fixe la taille des colonnes selon le type de vue
341
+ * Sinon les colonnes s'adaptent à l'espace disponible
342
+ */
343
+ fixedColumnWidth: PropTypes.bool,
332
344
  /**
333
345
  * Identifiant de la ou des colonnes sur la/lesquelles il y a une 'lookup' search
334
346
  */
@@ -89,6 +89,9 @@ const light = {
89
89
  appBar: '#fff',
90
90
  paper: '#fff',
91
91
  default: grey[50]
92
+ },
93
+ dot: {
94
+ neutral: '#707070'
92
95
  }
93
96
  };
94
97
 
@@ -156,6 +159,9 @@ const dark = {
156
159
  appBar: '#fff',
157
160
  paper: '#fff',
158
161
  default: grey[50]
162
+ },
163
+ dot: {
164
+ neutral: '#707070'
159
165
  }
160
166
  };
161
167
 
@@ -275,6 +281,7 @@ function createHiMuiTheme(options = {}) {
275
281
  inputDisabled: shades[type].inputDisabled,
276
282
  tableLine: shades[type].tableLine,
277
283
  background: shades[type].background,
284
+ dot: shades[type].dot,
278
285
  status: statusPalette,
279
286
  primary: blue,
280
287
  secondary: yellow
package/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license Material-UI v1.0.0-beta.7
1
+ /** @license Material-UI v1.0.0-beta.9
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 Material-UI v1.0.0-beta.7
1
+ /** @license Material-UI v1.0.0-beta.9
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": "1.0.0-beta.8",
5
+ "version": "1.0.0-beta.9",
6
6
  "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
7
7
  "main": "./index.js",
8
8
  "repository": {
@@ -49,6 +49,7 @@
49
49
  "react-event-listener": "^0.5.1",
50
50
  "react-jss": "^8.1.0",
51
51
  "react-lifecycles-compat": "^1.0.2",
52
+ "react-pdf": "^3.0.4",
52
53
  "react-popper": "^0.8.0",
53
54
  "react-proptype-conditional-require": "^1.0.4",
54
55
  "react-scrollbar-size": "^2.0.2",
@@ -117,6 +117,9 @@ var light = {
117
117
  appBar: '#fff',
118
118
  paper: '#fff',
119
119
  default: _colors.grey[50]
120
+ },
121
+ dot: {
122
+ neutral: '#707070'
120
123
  }
121
124
  };
122
125
 
@@ -184,6 +187,9 @@ var dark = {
184
187
  appBar: '#fff',
185
188
  paper: '#fff',
186
189
  default: _colors.grey[50]
190
+ },
191
+ dot: {
192
+ neutral: '#707070'
187
193
  }
188
194
  };
189
195
 
@@ -307,6 +313,7 @@ function createHiMuiTheme() {
307
313
  inputDisabled: shades[type].inputDisabled,
308
314
  tableLine: shades[type].tableLine,
309
315
  background: shades[type].background,
316
+ dot: shades[type].dot,
310
317
  status: statusPalette,
311
318
  primary: _colors.blue,
312
319
  secondary: _colors.yellow