@hipay/hipay-material-ui 1.0.0-beta.11 → 1.0.0-beta.13

package/es/HiTable/HiTableFooter.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import { TableCell, TableFooter, TableRow } from 'material-ui/Table';
+import { withStyles } from '../styles';
+import PropTypes from 'prop-types';
+import * as cst from "./constants";
+
+export const styles = theme => ({
+    tfoot: {
+        zIndex: 13
+    },
+    tfootCell: {
+        borderTop: '1px solid',
+        borderTopColor: theme.palette.line.stepper
+    },
+    patchDiv: {
+        position: 'relative',
+        border: 'none',
+        width: 0,
+        paddingRight: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        height: '100%',
+        zIndex: 12,
+        backgroundColor: 'inherit'
+    }
+});
+
+class HiTableFooter extends React.Component {
+
+    render() {
+        const { classes, nbColumnsDisplayed, view } = this.props;
+
+        return React.createElement(
+            TableFooter,
+            { className: classes.tfoot },
+            React.createElement(
+                TableRow,
+                null,
+                React.createElement(TableCell, {
+                    style: {
+                        paddingLeft: cst.DEFAULT_PADDING[view]
+                    },
+                    key: `footer-left-cell`,
+                    className: classes.patchDiv
+                }),
+                React.createElement(
+                    TableCell,
+                    { colSpan: nbColumnsDisplayed, classes: { root: classes.tfootCell } },
+                    this.props.children
+                ),
+                React.createElement(TableCell, {
+                    style: {
+                        paddingLeft: cst.DEFAULT_PADDING[view]
+                    },
+                    key: `footer-right-cell`,
+                    className: classes.patchDiv
+                })
+            )
+        );
+    }
+}
+
+HiTableFooter.propTypes = process.env.NODE_ENV !== "production" ? {
+    /**
+     * Nombre de colonnes affichées
+     */
+    nbColumnsDisplayed: PropTypes.number.isRequired,
+    /**
+     * Taille du tableau (L/M/S),
+     * définit l'espace entre les cellules et leurs tailles par default
+     */
+    view: PropTypes.oneOf(['l', 'm', 's'])
+} : {};
+export default withStyles(styles, { name: 'HmuiHiTableFooter' })(HiTableFooter);

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.10
+/** @license Material-UI v1.0.0-beta.13
  *
  * 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.10
+/** @license Material-UI v1.0.0-beta.13
  *
  * 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.11",
+  "version": "1.0.0-beta.13",
   "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
   "main": "./index.js",
   "repository": {
@@ -75,4 +75,4 @@
   },
   "license": "ISC",
   "module": "./index.es.js"
-}
+}