@hipay/hipay-material-ui 1.0.0-beta.18 → 1.0.0-beta.2

package/HiTable/BodyRow.js

@@ -185,7 +185,6 @@ var BodyRow = function (_React$PureComponent) {
                 theme = _props.theme,
                 row = _props.row,
                 columns = _props.columns,
-                lookupColumns = _props.lookupColumns,
                 orderedColumns = _props.orderedColumns,
                 selectable = _props.selectable,
                 selected = _props.selected,
@@ -197,10 +196,11 @@ var BodyRow = function (_React$PureComponent) {
                 sticky = _props.sticky,
                 innerRow = _props.innerRow,
                 isDetail = _props.isDetail,
-                other = (0, _objectWithoutProperties3.default)(_props, ['classes', 'theme', 'row', 'columns', 'lookupColumns', 'orderedColumns', 'selectable', 'selected', 'onClick', 'view', 'dense', 'dateLocale', 'numberLocale', 'sticky', 'innerRow', 'isDetail']);
+                other = (0, _objectWithoutProperties3.default)(_props, ['classes', 'theme', 'row', 'columns', 'orderedColumns', 'selectable', 'selected', 'onClick', 'view', 'dense', 'dateLocale', 'numberLocale', 'sticky', 'innerRow', 'isDetail']);
             var style = this.state.style;
 
 
+            var firstCol = true;
             var unfixedCol = true;
 
             var rowStyle = (0, _extends3.default)({}, style, {
@@ -230,82 +230,67 @@ var BodyRow = function (_React$PureComponent) {
                     key: row.rowId + '-left-cell',
                     className: patchDivClass
                 }),
-                orderedColumns.map(function (colRef, index) {
-
-                    // Dynamic column settings (from OrderColumns)
+                orderedColumns.map(function (colRef) {
                     var colRefId = colRef.colId,
                         displayed = colRef.displayed,
                         colView = colRef.view,
                         colRefProps = (0, _objectWithoutProperties3.default)(colRef, ['colId', 'displayed', 'view']);
 
-
-                    if (displayed === false) return null;
-
-                    // the first column is sticky (except checkbox)
-                    var first = index === 0;
-
-                    // Static column settings
-                    var _columns$colRefId = columns[colRefId],
-                        colId = _columns$colRefId.colId,
-                        align = _columns$colRefId.align,
-                        colData = _columns$colRefId.data,
-                        ellipsis = _columns$colRefId.ellipsis,
-                        fixedWidth = _columns$colRefId.fixedWidth,
-                        type = _columns$colRefId.type,
-                        width = _columns$colRefId.width,
-                        columnProps = (0, _objectWithoutProperties3.default)(_columns$colRefId, ['colId', 'align', 'data', 'ellipsis', 'fixedWidth', 'type', 'width']);
-
-                    // view define in OrderColumn or table prop view by default
-
-                    var effectiveView = colView || view;
-
-                    // add clickable badge in cell to open children
-                    var isParentAnchor = row.hasOwnProperty('parentAnchorColumn') && row.parentAnchorColumn === colId && row.hasOwnProperty('children') && row.children.length > 0;
-
-                    // the first non fixed column is the only one not fixed
-                    var unfixed = unfixedCol && fixedWidth !== true;
-                    unfixedCol = unfixed ? false : unfixedCol;
-
-                    // add lookedUp style
-                    var lookedUp = Array.isArray(lookupColumns) && lookupColumns.includes(colId);
-
-                    // Cell data
-                    var data = row.datas[colRefId];
-                    // Get object data for column based on reference datas
-                    if (data !== undefined && colData !== undefined) {
-                        var colItem = colData.find(function (item) {
-                            return item.id === data.value;
-                        });
-                        if (colItem) {
-                            // Hydrate data object with reference item
-                            data = (0, _extends3.default)({}, colItem, data);
+                    if (displayed !== false) {
+                        // the first column is sticky (except checkbox)
+                        var first = firstCol;
+                        firstCol = false;
+                        var _columns$colRef$colId = columns[colRef.colId],
+                            colId = _columns$colRef$colId.colId,
+                            align = _columns$colRef$colId.align,
+                            datas = _columns$colRef$colId.datas,
+                            ellipsis = _columns$colRef$colId.ellipsis,
+                            fixedWidth = _columns$colRef$colId.fixedWidth,
+                            type = _columns$colRef$colId.type,
+                            width = _columns$colRef$colId.width,
+                            columnProps = (0, _objectWithoutProperties3.default)(_columns$colRef$colId, ['colId', 'align', 'datas', 'ellipsis', 'fixedWidth', 'type', 'width']);
+
+                        var data = row.datas[colRef.colId];
+
+                        var effectiveView = colView || view;
+                        // add clickable badge in cell to open children
+                        var isParentAnchor = row.hasOwnProperty('parentAnchorColumn') && row.parentAnchorColumn === colId && row.hasOwnProperty('children') && row.children.length > 0;
+
+                        // the first non fixed column is the only one not fixed
+                        var unfixed = unfixedCol && fixedWidth !== true;
+                        unfixedCol = unfixedCol && fixedWidth !== true ? false : unfixedCol;
+
+                        var lookedUp = false;
+                        if (_this3.props.lookupColumns && _this3.props.lookupColumns.includes(colId)) {
+                            lookedUp = true;
                         }
-                    }
 
-                    return _react2.default.createElement(_BodyCellBuilder2.default, (0, _extends3.default)({}, other, {
-                        key: row.rowId + '-' + colId + '-cell',
-                        ukey: row.rowId + '-' + colId + '-cell',
-                        checkboxValue: row.rowId,
-                        type: type,
-                        data: data,
-                        ellipsis: ellipsis,
-                        align: align,
-                        view: effectiveView,
-                        padding: cst.DEFAULT_PADDING[view],
-                        width: width,
-                        fixedWidth: !unfixed,
-                        sticky: sticky && first,
-                        selectable: selectable && first,
-                        dateLocale: dateLocale,
-                        numberLocale: numberLocale,
-                        dense: dense,
-                        selected: selected,
-                        onSelect: _this3.handleSelect,
-                        onOpenDetails: _this3.handleOpenRowDetails,
-                        childrenCount: isParentAnchor ? row.children.length : null,
-                        colId: colId,
-                        lookedUp: lookedUp
-                    }, columnProps, colRefProps));
+                        return _react2.default.createElement(_BodyCellBuilder2.default, (0, _extends3.default)({}, other, {
+                            key: row.rowId + '-' + colId + '-cell',
+                            ukey: row.rowId + '-' + colId + '-cell',
+                            checkboxValue: row.rowId,
+                            type: type,
+                            datas: data,
+                            ellipsis: ellipsis,
+                            align: align,
+                            view: effectiveView,
+                            padding: cst.DEFAULT_PADDING[view],
+                            width: width,
+                            fixedWidth: !unfixed,
+                            sticky: sticky && first,
+                            selectable: selectable && first,
+                            dateLocale: dateLocale,
+                            numberLocale: numberLocale,
+                            dense: dense,
+                            selected: selected,
+                            onSelect: _this3.handleSelect,
+                            onOpenDetails: _this3.handleOpenRowDetails,
+                            childrenCount: isParentAnchor ? row.children.length : null,
+                            colId: colId,
+                            lookedUp: lookedUp
+                        }, columnProps, colRefProps));
+                    }
+                    return null;
                 }),
                 _react2.default.createElement(_Table.TableCell, {
                     style: {
@@ -330,8 +315,7 @@ BodyRow.defaultProps = {
     sticky: false,
     live: false,
     innerRow: false,
-    lookupColumns: [],
-    fixedColumnWidth: true
+    lookupColumns: []
 };
 BodyRow.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -342,11 +326,6 @@ BodyRow.propTypes = process.env.NODE_ENV !== "production" ? {
      * Densité d'affichage (joue sur la hauteur des lignes)
      */
     dense: _propTypes2.default.bool,
-    /**
-     * Fixe la taille des colonnes selon le type de vue
-     * Sinon les colonnes s'adaptent à l'espace disponible
-     */
-    fixedColumnWidth: _propTypes2.default.bool,
     /**
      * Applique le style d'une ligne intégrée a un sous-tableau
      */

package/HiTable/ColumnFilter.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.styles = undefined;
 
-var _set = require('babel-runtime/core-js/set');
-
-var _set2 = _interopRequireDefault(_set);
-
 var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
 
 var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
@@ -225,13 +221,9 @@ var ColumnFilter = function (_React$Component) {
     }, {
         key: 'selectAllFilters',
         value: function selectAllFilters() {
-            this.setState(function (prevState) {
-                return {
-                    selectedIdList: [].concat((0, _toConsumableArray3.default)(new _set2.default([].concat((0, _toConsumableArray3.default)(prevState.selectedIdList), (0, _toConsumableArray3.default)(prevState.suggestions.map(function (item) {
-                        return item.id;
-                    }))))))
-                };
-            });
+            this.setState({ selectedIdList: this.state.suggestions.map(function (item) {
+                    return item.id;
+                }) });
         }
 
         /**
@@ -241,15 +233,15 @@ var ColumnFilter = function (_React$Component) {
     }, {
         key: 'deselectAllFilters',
         value: function deselectAllFilters() {
-            this.setState(function (prevState) {
-                return {
-                    selectedIdList: prevState.selectedIdList.filter(function (item) {
-                        return prevState.suggestions.find(function (suggestion) {
-                            return suggestion.id === item;
-                        }) === undefined;
-                    })
-                };
+            var _this2 = this;
+
+            var selectedIdList = this.state.selectedIdList;
+            this.state.suggestions.map(function (item) {
+                if (_this2.state.selectedIdList.includes(item.id)) {
+                    selectedIdList.splice(_this2.state.selectedIdList.indexOf(item.id), 1);
+                }
             });
+            this.setState({ selectedIdList: selectedIdList });
         }
     }, {
         key: 'handleSort',
@@ -260,7 +252,7 @@ var ColumnFilter = function (_React$Component) {
     }, {
         key: 'render',
         value: function render() {
-            var _this2 = this;
+            var _this3 = this;
 
             var _props = this.props,
                 classes = _props.classes,
@@ -353,11 +345,7 @@ var ColumnFilter = function (_React$Component) {
                 _react2.default.createElement(
                     'div',
                     { className: classes.menuItemFilter },
-                    _react2.default.createElement(
-                        'span',
-                        { style: { marginRight: 4 } },
-                        translations.filter
-                    ),
+                    translations.filter,
                     _react2.default.createElement(
                         _HiPins2.default,
                         {
@@ -394,7 +382,7 @@ var ColumnFilter = function (_React$Component) {
                     itemList: filterValueList,
                     filterPropertyList: ['label'],
                     callbackFilteredList: function callbackFilteredList(filteredList) {
-                        return _this2.setState({ suggestions: filteredList });
+                        return _this3.setState({ suggestions: filteredList });
                     },
                     placeholder: translations.search
                 }),
@@ -403,8 +391,7 @@ var ColumnFilter = function (_React$Component) {
                     itemList: suggestions,
                     selectedIdList: selectedIdList,
                     onSelect: this.toggleSelectItem,
-                    leftPadding: 28,
-                    checkbox: type !== 'icon'
+                    leftPadding: 28
                 }),
                 _react2.default.createElement(
                     'div',

package/HiTable/HeaderCell.js

@@ -215,7 +215,6 @@ var HeaderCell = function (_React$PureComponent) {
                 classes = _props.classes,
                 type = _props.type,
                 title = _props.title,
-                smallTitle = _props.smallTitle,
                 selectable = _props.selectable,
                 selected = _props.selected,
                 onSelect = _props.onSelect,
@@ -228,7 +227,7 @@ var HeaderCell = function (_React$PureComponent) {
                 dense = _props.dense,
                 _props$width = _props.width,
                 width = _props$width === undefined ? cst.DEFAULT_WIDTHS[type][view] : _props$width,
-                fixedColumnWidth = _props.fixedColumnWidth,
+                fixedWidth = _props.fixedWidth,
                 _props$align = _props.align,
                 align = _props$align === undefined ? cst.ALIGN_RIGHT_TYPES.includes(type) ? 'right' : 'left' : _props$align,
                 sticky = _props.sticky,
@@ -264,22 +263,19 @@ var HeaderCell = function (_React$PureComponent) {
 
             var lookedUpClassName = (0, _classnames2.default)((0, _defineProperty3.default)({}, classes.lookedUp, lookedUp));
 
-            var cellStyle = {
-                padding: 0,
-                zIndex: sticky ? 13 : 12, // la cellule sticky doit être au dessus des autres cellules du header
-                backgroundColor: 'inherit',
-                textAlign: align
-            };
-
-            if (fixedColumnWidth) {
-                cellStyle.maxWidth = _width;
-                cellStyle.minWidth = _width;
-                cellStyle.width = _width;
-            }
-
             return _react2.default.createElement(
                 _Table.TableCell,
-                { style: cellStyle },
+                {
+                    style: {
+                        maxWidth: _width,
+                        minWidth: _width,
+                        width: _width,
+                        padding: 0,
+                        zIndex: sticky ? 13 : 12, // la cellule sticky doit être au dessus des autres cellules du header
+                        backgroundColor: 'inherit',
+                        textAlign: align
+                    }
+                },
                 _react2.default.createElement(
                     'div',
                     null,
@@ -322,7 +318,7 @@ var HeaderCell = function (_React$PureComponent) {
                                 {
                                     className: classes.labelContainer + (_sorted ? ' ' + classes.labelContainerOrdered : '')
                                 },
-                                view !== 's' ? title : smallTitle ? smallTitle : title
+                                title
                             ),
                             align !== 'right' && _icons
                         ) : _react2.default.createElement(
@@ -339,7 +335,7 @@ var HeaderCell = function (_React$PureComponent) {
                             _react2.default.createElement(
                                 'span',
                                 { className: classes.labelContainer, style: { width: '100%' } },
-                                view !== 's' ? title : smallTitle ? smallTitle : title
+                                title
                             )
                         )
                     ),
@@ -370,7 +366,7 @@ HeaderCell.defaultProps = {
     sortDirection: 'asc',
     view: 'l',
     dense: false,
-    fixedColumnWidth: true,
+    fixedWidth: false,
     sticky: true,
     padding: 8
 };
@@ -450,7 +446,7 @@ HeaderCell.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * La largeur de la cellule est fixé (toutes les colonnes sauf une)
      */
-    fixedColumnWidth: _propTypes2.default.bool,
+    fixedWidth: _propTypes2.default.bool,
     /**
      * Title alignement, est déduit de type par défaut
      */

package/HiTable/HiTable.js

@@ -67,10 +67,6 @@ var _HiTableFooterScroll = require('./HiTableFooterScroll');
 
 var _HiTableFooterScroll2 = _interopRequireDefault(_HiTableFooterScroll);
 
-var _HiTableFooter = require('./HiTableFooter');
-
-var _HiTableFooter2 = _interopRequireDefault(_HiTableFooter);
-
 var _constants = require('./constants');
 
 var cst = _interopRequireWildcard(_constants);
@@ -709,11 +705,7 @@ var HiTable = function (_React$Component) {
                 translations = _props.translations,
                 view = _props.view,
                 groupBy = _props.groupBy,
-                lookupColumns = _props.lookupColumns,
-                loading = _props.loading,
-                fixedColumnWidth = _props.fixedColumnWidth,
-                disableContextMenu = _props.disableContextMenu,
-                footerContent = _props.footerContent;
+                lookupColumns = _props.lookupColumns;
             var _state = this.state,
                 dateUpdate = _state.dateUpdate,
                 isScrollToBottom = _state.isScrollToBottom,
@@ -722,13 +714,6 @@ var HiTable = function (_React$Component) {
 
             var headerHeight = dense ? cst.CELL_HEADER_HEIGHT_DENSE : cst.CELL_HEADER_HEIGHT;
 
-            var nbColumnsDisplayed = 0;
-            orderedColumns.forEach(function (column) {
-                if (column.displayed !== false) {
-                    nbColumnsDisplayed += 1;
-                }
-            });
-
             return _react2.default.createElement(
                 'div',
                 { className: classes.root },
@@ -770,8 +755,7 @@ var HiTable = function (_React$Component) {
                             sticky: sticky,
                             view: view,
                             translations: translations,
-                            lookupColumns: lookupColumns,
-                            fixedColumnWidth: fixedColumnWidth
+                            lookupColumns: lookupColumns
                         }),
                         _react2.default.createElement(_HiTableBody2.default, {
                             tabId: tabId,
@@ -796,10 +780,7 @@ var HiTable = function (_React$Component) {
                             groupBy: groupBy,
                             onClickNext: this.handleNextStickyRow,
                             groupByIds: groupByIds,
-                            lookupColumns: lookupColumns,
-                            loading: loading,
-                            fixedColumnWidth: fixedColumnWidth,
-                            disableContextMenu: disableContextMenu
+                            lookupColumns: lookupColumns
                         }),
                         infiniteScroll && _react2.default.createElement(_HiTableFooterScroll2.default, {
                             tabId: tabId,
@@ -808,15 +789,7 @@ var HiTable = function (_React$Component) {
                             maxAutoRequest: 3,
                             isScrollToBottom: isScrollToBottom,
                             translations: translations
-                        }),
-                        !infiniteScroll && footerContent && _react2.default.createElement(
-                            _HiTableFooter2.default,
-                            {
-                                nbColumnsDisplayed: nbColumnsDisplayed,
-                                view: view
-                            },
-                            footerContent
-                        )
+                        })
                     ),
                     _react2.default.createElement(_HiTableContextMenu2.default, {
                         tabId: tabId,
@@ -829,7 +802,7 @@ var HiTable = function (_React$Component) {
                         _react2.default.createElement(
                             _HiButton2.default,
                             {
-                                variant: 'raised',
+                                raised: true,
                                 color: 'primary',
                                 className: classes.backToTopButton,
                                 onClick: function onClick() {
@@ -876,10 +849,7 @@ HiTable.defaultProps = {
         }
     },
     view: 'l',
-    lookupColumns: [],
-    loading: false,
-    fixedColumnWidth: true,
-    disableContextMenu: true
+    lookupColumns: []
 };
 HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -906,27 +876,10 @@ HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
      * Densité d'affichage (joue sur la hauteur des lignes)
      */
     dense: _propTypes2.default.bool,
-    /**
-     * Active/désactive le menu contextuel au clic droit sur les cellules du tableau
-     */
-    disableContextMenu: _propTypes2.default.bool.isRequired,
     /**
      * Active le filtre sur les colonnes filtrables
      */
     filterable: _propTypes2.default.bool,
-    /**
-     * Fixe la taille des colonnes selon le type de vue
-     * Sinon les colonnes s'adaptent à l'espace disponible
-     */
-    fixedColumnWidth: _propTypes2.default.bool,
-    /**
-     * Ajoute un footer avec le contenu footerContent à l'intérieur
-     */
-    footerContent: _propTypes2.default.node,
-    /**
-     * Id de la colonne par laquelle sont regroupé les éléments
-     */
-    groupBy: _propTypes2.default.string,
     /**
      * Ajoute le loader et le requestNextDatas en fin de tableau (si infiniteScroll activé)
      */
@@ -939,10 +892,6 @@ HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
      * Ajoute l'infinite scroll
      */
     infiniteScroll: _propTypes2.default.bool,
-    /**
-     * État du tableau en cours de chargement des données
-     */
-    loading: _propTypes2.default.bool,
     /**
      * Identifiant de la ou des colonnes sur la/lesquelles il y a une 'lookup' search
      */
@@ -997,9 +946,6 @@ HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Fonction de callback sur le tri d'une colonne
      * Passe l'id de la colonne et la direction du tri (ou false si tri par défaut)
-     *
-     * @param {string} column id
-     * @param {string} direction
      */
     onSort: _propTypes2.default.func,
     /**
@@ -1057,6 +1003,10 @@ HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
      * Taille du tableau (L/M/S),
      * définit l'espace entre les cellules et leurs tailles par default
      */
-    view: _propTypes2.default.oneOf(['l', 'm', 's'])
+    view: _propTypes2.default.oneOf(['l', 'm', 's']),
+    /**
+     * Id de la colonne par laquelle sont regroupé les éléments
+     */
+    groupBy: _propTypes2.default.string
 } : {};
 exports.default = (0, _styles.withStyles)(styles, { withTheme: true, name: 'HmuiHiTable' })(HiTable);

package/HiTable/HiTableBody.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.styles = undefined;
 
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
 var _extends2 = require('babel-runtime/helpers/extends');
 
 var _extends3 = _interopRequireDefault(_extends2);
@@ -47,10 +43,6 @@ var _propTypes2 = _interopRequireDefault(_propTypes);
 
 var _Table = require('material-ui/Table');
 
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
 var _styles = require('../styles');
 
 var _BodyRow = require('./BodyRow');
@@ -69,6 +61,12 @@ var _constants = require('./constants');
 
 var cst = _interopRequireWildcard(_constants);
 
+var _HiTableHead = require('./HiTableHead');
+
+var _reactProptypeConditionalRequire = require('react-proptype-conditional-require');
+
+var _reactProptypeConditionalRequire2 = _interopRequireDefault(_reactProptypeConditionalRequire);
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -77,14 +75,12 @@ var styles = exports.styles = function styles(theme) {
     return {
         tbody: {
             position: 'relative',
-            width: '100%',
+            display: 'block' /* seperates the tbody from the header */
+            , width: '100%',
             overflowX: 'hidden',
             overflowY: 'auto',
             zIndex: 11
         },
-        tbodyFixedWidth: {
-            display: 'block' /* seperates the tbody from the header */
-        },
         tbodyRows: {
             backgroundColor: theme.palette.background3
         },
@@ -285,10 +281,7 @@ var HiTableBody = function (_React$Component) {
                 numberLocale = _props.numberLocale,
                 groupByIds = _props.groupByIds,
                 sortedColumnId = _props.sortedColumnId,
-                lookupColumns = _props.lookupColumns,
-                loading = _props.loading,
-                fixedColumnWidth = _props.fixedColumnWidth,
-                disableContextMenu = _props.disableContextMenu;
+                lookupColumns = _props.lookupColumns;
             var _state = this.state,
                 openedParentRowId = _state.openedParentRowId,
                 openedDetailsRowIdList = _state.openedDetailsRowIdList;
@@ -386,9 +379,7 @@ var HiTableBody = function (_React$Component) {
                     row: row,
                     sticky: sticky,
                     tabId: tabId,
-                    view: view,
-                    fixedColumnWidth: fixedColumnWidth,
-                    disableContextMenu: disableContextMenu
+                    view: view
                 });
 
                 if (hasChildren && openedParentRowId === row.rowId) {
@@ -417,9 +408,7 @@ var HiTableBody = function (_React$Component) {
                             view: view,
                             dense: dense,
                             sticky: sticky,
-                            isDetail: true,
-                            fixedColumnWidth: fixedColumnWidth,
-                            disableContextMenu: disableContextMenu
+                            isDetail: true
                         };
 
                         tableRows.push(_react2.default.createElement(_BodyRow2.default, (0, _extends3.default)({ key: row.rowId + '-' + detailRow.rowId }, detailRowProps)));
@@ -427,18 +416,12 @@ var HiTableBody = function (_React$Component) {
                 }
             });
 
-            var tBodyClasses = (0, _classnames2.default)(classes.tbody, (0, _defineProperty3.default)({}, classes.tbodyFixedWidth, fixedColumnWidth));
-
             return _react2.default.createElement(
                 _Table.TableBody,
                 {
                     id: tabId + '-body',
-                    className: tBodyClasses,
-                    style: (0, _extends3.default)({
-                        height: height
-                    }, loading && {
-                        opacity: 0.6
-                    }),
+                    className: classes.tbody,
+                    style: { height: height },
                     onScroll: onScroll
                 },
                 tableRows.map(function (tableRow) {
@@ -459,9 +442,7 @@ HiTableBody.defaultProps = {
     dense: false,
     height: 450,
     sticky: true,
-    view: 'l',
-    loading: false,
-    disableContextMenu: true
+    view: 'l'
 };
 HiTableBody.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -489,23 +470,10 @@ HiTableBody.propTypes = process.env.NODE_ENV !== "production" ? {
      * Densité d'affichage (joue sur la hauteur des lignes)
      */
     dense: _propTypes2.default.bool,
-    /**
-     * Active/désactive le menu contextuel au clic droit sur les cellules du tableau
-     */
-    disableContextMenu: _propTypes2.default.bool.isRequired,
-    /**
-     * Fixe la taille des colonnes selon le type de vue
-     * Sinon les colonnes s'adaptent à l'espace disponible
-     */
-    fixedColumnWidth: _propTypes2.default.bool,
     /**
      * Hauteur du tableau (px)
      */
     height: _propTypes2.default.number,
-    /**
-     * État du tableau en cours de chargement des données
-     */
-    loading: _propTypes2.default.bool,
     /**
      * Identifiant de la ou des colonnes sur la/lesquelles il y a une 'lookup' search
      */