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

package/es/HiTable/HiTableHead.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { findDOMNode } from 'react-dom';
 import PropTypes from 'prop-types';
 import isRequiredIf from 'react-proptype-conditional-require';
+import classNames from 'classnames';
 
 import { TableHead, TableRow, TableCell } from 'material-ui/Table';
 import PlusCircleIcon from 'mdi-material-ui/PlusCircle';
@@ -18,11 +19,13 @@ import { MANDATORY_COLUMN_ERROR_MESSAGE } from './HiTable';
 export const styles = theme => ({
     thead: {
         position: 'relative',
-        display: 'block' /*seperates the header from the body allowing it to be positioned*/
-        , width: '100%',
+        width: '100%',
         overflow: 'visible',
         zIndex: 12
     },
+    theadFixedWidth: {
+        display: 'block' /*seperates the header from the body allowing it to be positioned*/
+    },
     theadRow: {
         backgroundColor: theme.palette.background3,
         zIndex: 12
@@ -148,13 +151,16 @@ class HiTableHead extends React.Component {
             sticky,
             translations,
             view,
-            lookupColumns
+            lookupColumns,
+            fixedColumnWidth
         } = this.props;
 
         const { hovered, openedOrderColumns, orderColumnsAnchorEl } = this.state;
 
         let headerProps = _extends({
-            className: classes.thead
+            className: classNames(classes.thead, {
+                [classes.theadFixedWidth]: fixedColumnWidth
+            })
         }, orderable && { onMouseEnter: this.handleEvent, onMouseLeave: this.handleEvent });
 
         let unfixedColumnIsSet = false,
@@ -221,7 +227,8 @@ class HiTableHead extends React.Component {
                             fixedWidth: fixed,
                             align: column['align'],
                             sticky: firstColumn && sticky,
-                            lookedUp: lookupColumns.includes(column.colId)
+                            lookedUp: lookupColumns.includes(column.colId),
+                            fixedColumnWidth: fixedColumnWidth
                         });
                     }
                 }),
@@ -329,6 +336,11 @@ HiTableHead.propTypes = process.env.NODE_ENV !== "production" ? {
      * Active le filtre sur les colonnes filtrables
      */
     filterable: PropTypes.bool,
+    /**
+     * Fixe la taille des colonnes selon le type de vue
+     * Sinon les colonnes s'adaptent à l'espace disponible
+     */
+    fixedColumnWidth: PropTypes.bool,
     /**
      * Identifiant de la ou des colonnes sur la/lesquelles il y a une 'lookup' search
      */

package/es/styles/createHiMuiTheme.js

@@ -89,6 +89,9 @@ const light = {
         appBar: '#fff',
         paper: '#fff',
         default: grey[50]
+    },
+    dot: {
+        neutral: '#707070'
     }
 };
 
@@ -156,6 +159,9 @@ const dark = {
         appBar: '#fff',
         paper: '#fff',
         default: grey[50]
+    },
+    dot: {
+        neutral: '#707070'
     }
 };
 
@@ -275,6 +281,7 @@ function createHiMuiTheme(options = {}) {
         inputDisabled: shades[type].inputDisabled,
         tableLine: shades[type].tableLine,
         background: shades[type].background,
+        dot: shades[type].dot,
         status: statusPalette,
         primary: blue,
         secondary: yellow

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.7
+/** @license Material-UI v1.0.0-beta.9
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.7
+/** @license Material-UI v1.0.0-beta.9
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
   "main": "./index.js",
   "repository": {
@@ -49,6 +49,7 @@
     "react-event-listener": "^0.5.1",
     "react-jss": "^8.1.0",
     "react-lifecycles-compat": "^1.0.2",
+    "react-pdf": "^3.0.4",
     "react-popper": "^0.8.0",
     "react-proptype-conditional-require": "^1.0.4",
     "react-scrollbar-size": "^2.0.2",

package/styles/createHiMuiTheme.js

@@ -117,6 +117,9 @@ var light = {
         appBar: '#fff',
         paper: '#fff',
         default: _colors.grey[50]
+    },
+    dot: {
+        neutral: '#707070'
     }
 };
 
@@ -184,6 +187,9 @@ var dark = {
         appBar: '#fff',
         paper: '#fff',
         default: _colors.grey[50]
+    },
+    dot: {
+        neutral: '#707070'
     }
 };
 
@@ -307,6 +313,7 @@ function createHiMuiTheme() {
         inputDisabled: shades[type].inputDisabled,
         tableLine: shades[type].tableLine,
         background: shades[type].background,
+        dot: shades[type].dot,
         status: statusPalette,
         primary: _colors.blue,
         secondary: _colors.yellow