@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.
- package/HiDotsStepper/HiDot.js +151 -0
- package/HiDotsStepper/HiDotsStepper.js +146 -0
- package/HiDotsStepper/index.js +16 -0
- package/HiForm/HiAddressField.js +204 -0
- package/HiForm/HiInput.js +1 -1
- package/HiForm/index.js +9 -0
- package/HiPdfReader/HiPdfReader.js +282 -0
- package/HiPdfReader/index.js +16 -0
- package/HiSelect/HiSuggestSelect.js +2 -0
- package/HiSelectableList/HiSelectableListItem.js +1 -2
- package/HiTable/BodyCellBuilder.js +7 -8
- package/HiTable/BodyCells/CellLayout.js +20 -18
- package/HiTable/BodyCells/CellSentinel.js +12 -4
- package/HiTable/BodyRow.js +7 -1
- package/HiTable/HeaderCell.js +17 -14
- package/HiTable/HiTable.js +13 -4
- package/HiTable/HiTableBody.js +26 -12
- package/HiTable/HiTableHead.js +22 -5
- package/es/HiDotsStepper/HiDot.js +92 -0
- package/es/HiDotsStepper/HiDotsStepper.js +83 -0
- package/es/HiDotsStepper/index.js +1 -0
- package/es/HiForm/HiAddressField.js +142 -0
- package/es/HiForm/HiInput.js +1 -1
- package/es/HiForm/index.js +2 -1
- package/es/HiPdfReader/HiPdfReader.js +198 -0
- package/es/HiPdfReader/index.js +1 -0
- package/es/HiSelect/HiSuggestSelect.js +2 -0
- package/es/HiSelectableList/HiSelectableListItem.js +1 -2
- package/es/HiTable/BodyCellBuilder.js +8 -9
- package/es/HiTable/BodyCells/CellLayout.js +22 -20
- package/es/HiTable/BodyCells/CellSentinel.js +12 -4
- package/es/HiTable/BodyRow.js +7 -1
- package/es/HiTable/HeaderCell.js +17 -14
- package/es/HiTable/HiTable.js +13 -4
- package/es/HiTable/HiTableBody.js +22 -9
- package/es/HiTable/HiTableHead.js +17 -5
- package/es/styles/createHiMuiTheme.js +7 -0
- package/index.es.js +1 -1
- package/index.js +1 -1
- package/package.json +2 -1
- package/styles/createHiMuiTheme.js +7 -0
- package/umd/hipay-material-ui.development.js +2874 -2606
- 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
|
-
|
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
package/index.js
CHANGED
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.
|
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
|