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

package/HiSelectableList/HiSelectableListItem.js

@@ -79,7 +79,8 @@ var styles = exports.styles = function styles(theme) {
     return {
         listItem: {
             padding: 9 + 'px 0px',
-            fontWeight: theme.typography.fontWeightRegular
+            fontWeight: theme.typography.fontWeightRegular,
+            maxHeight: 40
         },
         listItemTitle: {
             padding: 9 + 'px 0px',
@@ -170,6 +171,11 @@ var styles = exports.styles = function styles(theme) {
                 color: '#000000'
             }
         },
+        labelHighlightColored: {
+            '&>strong': {
+                fontWeight: theme.typography.fontWeightMedium
+            }
+        },
         primaryHighlight: {
             fontWeight: theme.typography.fontWeightMedium,
             color: theme.palette.business.primary.normal,
@@ -229,8 +235,7 @@ var HiSelectableListItem = function (_React$Component) {
                 case 'image':
                     var img = '';
                     if (typeof item.img !== 'undefined') {
-
-                        img = _react2.default.createElement('img', { src: item.img, className: classes.imgListItem });
+                        img = _react2.default.createElement('img', { src: item.img, alt: item.img, className: classes.imgListItem });
                     }
 
                     return _react2.default.createElement(
@@ -261,13 +266,7 @@ var HiSelectableListItem = function (_React$Component) {
                     return _react2.default.createElement(
                         'div',
                         { className: itemTextClass, 'data-id': item.id },
-                        item.labelHighlight && _react2.default.createElement('span', {
-                            className: classes.labelHighlight,
-                            dangerouslySetInnerHTML: {
-                                __html: (0, _hiHelpers.escapeHTML)(item.labelHighlight)
-                            }
-                        }),
-                        !item.labelHighlight && _this.getItemLabel(item),
+                        _this.getItemLabel(item),
                         _react2.default.createElement(
                             'span',
                             { className: classes.listItemSecondaryText },
@@ -295,8 +294,21 @@ var HiSelectableListItem = function (_React$Component) {
     }, {
         key: 'getItemLabel',
         value: function getItemLabel(item) {
-            if (item.color) {
+            var classes = this.props.classes;
+
+            if (!item.labelHighlight && item.color && this.props.selected) {
                 return _react2.default.createElement(_HiColoredLabel2.default, { color: item.color, label: item.label });
+            } else if (item.labelHighlight) {
+                var mLabel = _react2.default.createElement('span', {
+                    className: item.color ? classes.labelHighlightColored : classes.labelHighlight,
+                    dangerouslySetInnerHTML: {
+                        __html: (0, _hiHelpers.escapeHTML)(item.labelHighlight)
+                    }
+                });
+                if (item.color && this.props.selected) {
+                    return _react2.default.createElement(_HiColoredLabel2.default, { color: item.color, label: mLabel });
+                }
+                return mLabel;
             }
             return item.label;
         }

package/HiTable/BodyCellBuilder.js

@@ -128,7 +128,6 @@ var BodyCellBuilder = function (_React$PureComponent) {
                 datas = _props.datas,
                 view = _props.view,
                 width = _props.width,
-                fixedWidth = _props.fixedWidth,
                 padding = _props.padding,
                 align = _props.align,
                 dense = _props.dense,
@@ -142,14 +141,14 @@ var BodyCellBuilder = function (_React$PureComponent) {
                 childrenCount = _props.childrenCount,
                 onOpenDetails = _props.onOpenDetails,
                 lookedUp = _props.lookedUp,
-                props = (0, _objectWithoutProperties3.default)(_props, ['ukey', 'type', 'datas', 'view', 'width', 'fixedWidth', 'padding', 'align', 'dense', 'ellipsis', 'onSelect', 'selectable', 'selected', 'sticky', 'dateLocale', 'numberLocale', 'childrenCount', 'onOpenDetails', 'lookedUp']);
+                fixedColumnWidth = _props.fixedColumnWidth,
+                props = (0, _objectWithoutProperties3.default)(_props, ['ukey', 'type', 'datas', 'view', 'width', 'padding', 'align', 'dense', 'ellipsis', 'onSelect', 'selectable', 'selected', 'sticky', 'dateLocale', 'numberLocale', 'childrenCount', 'onOpenDetails', 'lookedUp', 'fixedColumnWidth']);
 
 
             var layoutProps = {
                 type: type,
                 view: view,
                 width: width,
-                fixedWidth: fixedWidth,
                 align: align,
                 dense: dense,
                 onSelect: onSelect,
@@ -158,7 +157,8 @@ var BodyCellBuilder = function (_React$PureComponent) {
                 selected: selected,
                 sticky: sticky,
                 childrenCount: childrenCount,
-                lookedUp: lookedUp
+                lookedUp: lookedUp,
+                fixedColumnWidth: fixedColumnWidth
             };
 
             var cellElement = void 0;
@@ -214,7 +214,6 @@ var BodyCellBuilder = function (_React$PureComponent) {
                         break;
 
                     case cst.TYPE_ICON:
-                        if (view === cst.VIEWS.SMALL) layoutProps.fixedWidth = true;
                         cellElement = _react2.default.createElement(_BodyCells.CellIcon, {
                             value: datas.value,
                             icon: datas.icon,
@@ -277,7 +276,6 @@ var BodyCellBuilder = function (_React$PureComponent) {
 
                     case cst.TYPE_THIRD_PARTY_SECURITY:
                         layoutProps.align = 'center';
-                        layoutProps.fixedWidth = true;
                         cellElement = _react2.default.createElement(_BodyCells.CellThirdPartySecurity, {
                             value: datas.value,
                             code: datas.code,
@@ -351,9 +349,10 @@ BodyCellBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
      */
     ellipsis: _propTypes2.default.oneOf(['left', 'right', 'middle', 'name', 'after-first-word']),
     /**
-     * La largeur de la cellule est fixé (toutes les colonnes sauf une)
+     * Fixe la taille des colonnes selon le type de vue
+     * Sinon les colonnes s'adaptent à l'espace disponible
      */
-    fixedWidth: _propTypes2.default.bool,
+    fixedColumnWidth: _propTypes2.default.bool,
     /**
      * Recherche lookup sur cette colonne
      */

package/HiTable/BodyCells/CellLayout.js

@@ -83,6 +83,10 @@ var styles = exports.styles = function styles(theme) {
         lookedUp: {
             background: 'linear-gradient(0deg, transparent 25%, #FFFF8D 10%, #FFFF8D 75%, transparent 30%)',
             borderRadius: '45%'
+        },
+        pins: {
+            position: 'relative',
+            top: 3
         }
     };
 };
@@ -132,7 +136,7 @@ var CellLayout = function (_React$Component) {
                 dense = _props.dense,
                 _props$width = _props.width,
                 width = _props$width === undefined ? cst.DEFAULT_WIDTHS[type][view] : _props$width,
-                fixedWidth = _props.fixedWidth,
+                fixedColumnWidth = _props.fixedColumnWidth,
                 sticky = _props.sticky,
                 selectable = _props.selectable,
                 selected = _props.selected,
@@ -150,22 +154,23 @@ var CellLayout = function (_React$Component) {
 
             var lookedUpClassName = (0, _classnames2.default)(classes.flexContent, (0, _defineProperty3.default)({}, classes.lookedUp, lookedUp));
 
+            var cellStyle = {
+                zIndex: sticky ? 12 : 11,
+                textAlign: align,
+                position: sticky ? 'relative' : 'inherit',
+                border: 'none',
+                height: dense ? cst.CELL_HEIGHT_DENSE : cst.CELL_HEIGHT
+            };
+
+            if (fixedColumnWidth) {
+                cellStyle.maxWidth = _width;
+                cellStyle.minWidth = _width;
+                cellStyle.width = _width;
+            }
+
             return _react2.default.createElement(
                 _TableCell2.default,
-                {
-                    className: classes.root,
-                    style: {
-                        maxWidth: _width,
-                        minWidth: _width,
-                        width: _width,
-                        // la cellule sticky doit être au dessus des autres cellules du body
-                        zIndex: sticky ? 12 : 11,
-                        textAlign: align,
-                        position: sticky ? 'relative' : 'inherit',
-                        border: 'none',
-                        height: dense ? cst.CELL_HEIGHT_DENSE : cst.CELL_HEIGHT
-                    }
-                },
+                { className: classes.root, style: cellStyle },
                 !!selectable && _react2.default.createElement(_HiCheckbox2.default, {
                     classes: { root: classes.checkbox },
                     style: { margin: dense ? 6 : 10 },
@@ -196,7 +201,7 @@ var CellLayout = function (_React$Component) {
                         },
                         _react2.default.createElement(
                             _HiPins2.default,
-                            { color: theme.palette.business.primary.normal },
+                            { color: theme.palette.business.primary.normal, className: classes.pins },
                             childrenCount
                         )
                     )
@@ -212,7 +217,7 @@ CellLayout.defaultProps = {
     selectable: false,
     selected: false,
     dense: false,
-    fixedWidth: false,
+    fixedColumnWidth: true,
     sticky: false,
     padding: 8
 };
@@ -246,9 +251,10 @@ CellLayout.propTypes = process.env.NODE_ENV !== "production" ? {
      */
     width: _propTypes2.default.number,
     /**
-     * La largeur de la cellule est fixé (toutes les colonnes sauf une)
+     * Fixe la taille des colonnes selon le type de vue
+     * Sinon les colonnes s'adaptent à l'espace disponible
      */
-    fixedWidth: _propTypes2.default.bool,
+    fixedColumnWidth: _propTypes2.default.bool,
     /**
      * Title alignement, est déduit de type par défaut
      */

package/HiTable/BodyCells/CellSentinel.js

@@ -73,7 +73,7 @@ var CellSentinel = function (_React$PureComponent) {
     function CellSentinel(props) {
         (0, _classCallCheck3.default)(this, CellSentinel);
 
-        var _this = (0, _possibleConstructorReturn3.default)(this, (CellSentinel.__proto__ || (0, _getPrototypeOf2.default)(CellSentinel)).call(this));
+        var _this = (0, _possibleConstructorReturn3.default)(this, (CellSentinel.__proto__ || (0, _getPrototypeOf2.default)(CellSentinel)).call(this, props));
 
         _this.getColorFromFraudResult = _this.getColorFromFraudResult.bind(_this);
         return _this;
@@ -124,7 +124,8 @@ var CellSentinel = function (_React$PureComponent) {
                 fraudResult = _props.fraudResult,
                 automaticFraudReviewResult = _props.automaticFraudReviewResult,
                 pendingManualAction = _props.pendingManualAction,
-                smartDecision = _props.smartDecision;
+                smartDecision = _props.smartDecision,
+                hideFraudResult = _props.hideFraudResult;
 
 
             var scoreLabel = score > 0 ? '+' + score : '' + score;
@@ -155,14 +156,14 @@ var CellSentinel = function (_React$PureComponent) {
                 { title: tooltipContent, placement: this.props.sticky ? 'right' : 'bottom' },
                 _react2.default.createElement(
                     'div',
-                    null,
+                    { style: { textAlign: 'right' } },
                     _react2.default.createElement(_HiColoredLabel2.default, {
                         label: scoreLabel,
                         color: this.getColorFromFraudResult(fraudResult.toLowerCase()),
                         classes: { root: classes.label },
                         active: pendingManualAction
                     }),
-                    _react2.default.createElement(_HiColoredLabel2.default, {
+                    !hideFraudResult && _react2.default.createElement(_HiColoredLabel2.default, {
                         label: fraudResult.toUpperCase().substr(0, 1),
                         color: this.getColorFromFraudResult(fraudResult),
                         classes: { root: classes.label },
@@ -184,6 +185,9 @@ var CellSentinel = function (_React$PureComponent) {
     return CellSentinel;
 }(_react2.default.PureComponent);
 
+CellSentinel.defaultProps = {
+    hideFraudResult: false
+};
 CellSentinel.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * Résultat de l'automaticFraudReview si la transaction est passée par SmartDecision
@@ -197,6 +201,10 @@ CellSentinel.propTypes = process.env.NODE_ENV !== "production" ? {
      * Résultat de la fraude
      */
     fraudResult: _propTypes2.default.string.isRequired,
+    /**
+     * Si true le fraudResult ne sera pas affiché
+     */
+    hideFraudResult: _propTypes2.default.bool.isRequired,
     /**
      * Signal qu'il attend une réponse manuelle
      */

package/HiTable/BodyCells/CellStatus.js

@@ -55,6 +55,10 @@ var styles = exports.styles = function styles(theme) {
             display: 'inline-flex',
             alignItems: 'baseline',
             maxWidth: 'calc(100% - 36px)'
+        },
+        pins: {
+            position: 'relative',
+            bottom: 1
         }
     };
 };
@@ -93,7 +97,7 @@ var CellStatus = function (_React$PureComponent) {
                         _react2.default.createElement(_HiColoredLabel2.default, { label: value, color: color }),
                         _react2.default.createElement(
                             _HiPins2.default,
-                            { color: color, onClick: onOpenDetails },
+                            { color: color, onClick: onOpenDetails, className: classes.pins },
                             nbOperations
                         )
                     ) : _react2.default.createElement(_HiColoredLabel2.default, { label: value, color: color })

package/HiTable/BodyCells/CellText.js

@@ -66,7 +66,8 @@ var styles = exports.styles = function styles(theme) {
             display: 'inline-block',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
-            whiteSpace: 'pre'
+            whiteSpace: 'pre',
+            width: '100%'
         },
         noEllipsisSpan: {
             display: 'inline-block',

package/HiTable/BodyRow.js

@@ -315,7 +315,8 @@ BodyRow.defaultProps = {
     sticky: false,
     live: false,
     innerRow: false,
-    lookupColumns: []
+    lookupColumns: [],
+    fixedColumnWidth: true
 };
 BodyRow.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -326,6 +327,11 @@ 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

@@ -345,7 +345,11 @@ var ColumnFilter = function (_React$Component) {
                 _react2.default.createElement(
                     'div',
                     { className: classes.menuItemFilter },
-                    translations.filter,
+                    _react2.default.createElement(
+                        'span',
+                        { style: { marginRight: 4 } },
+                        translations.filter
+                    ),
                     _react2.default.createElement(
                         _HiPins2.default,
                         {

package/HiTable/HeaderCell.js

@@ -227,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,
-                fixedWidth = _props.fixedWidth,
+                fixedColumnWidth = _props.fixedColumnWidth,
                 _props$align = _props.align,
                 align = _props$align === undefined ? cst.ALIGN_RIGHT_TYPES.includes(type) ? 'right' : 'left' : _props$align,
                 sticky = _props.sticky,
@@ -263,19 +263,22 @@ 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: {
-                        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
-                    }
-                },
+                { style: cellStyle },
                 _react2.default.createElement(
                     'div',
                     null,
@@ -366,7 +369,7 @@ HeaderCell.defaultProps = {
     sortDirection: 'asc',
     view: 'l',
     dense: false,
-    fixedWidth: false,
+    fixedColumnWidth: true,
     sticky: true,
     padding: 8
 };
@@ -446,7 +449,7 @@ HeaderCell.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
      * La largeur de la cellule est fixé (toutes les colonnes sauf une)
      */
-    fixedWidth: _propTypes2.default.bool,
+    fixedColumnWidth: _propTypes2.default.bool,
     /**
      * Title alignement, est déduit de type par défaut
      */

package/HiTable/HiTable.js

@@ -705,7 +705,9 @@ var HiTable = function (_React$Component) {
                 translations = _props.translations,
                 view = _props.view,
                 groupBy = _props.groupBy,
-                lookupColumns = _props.lookupColumns;
+                lookupColumns = _props.lookupColumns,
+                loading = _props.loading,
+                fixedColumnWidth = _props.fixedColumnWidth;
             var _state = this.state,
                 dateUpdate = _state.dateUpdate,
                 isScrollToBottom = _state.isScrollToBottom,
@@ -755,7 +757,8 @@ var HiTable = function (_React$Component) {
                             sticky: sticky,
                             view: view,
                             translations: translations,
-                            lookupColumns: lookupColumns
+                            lookupColumns: lookupColumns,
+                            fixedColumnWidth: fixedColumnWidth
                         }),
                         _react2.default.createElement(_HiTableBody2.default, {
                             tabId: tabId,
@@ -780,7 +783,9 @@ var HiTable = function (_React$Component) {
                             groupBy: groupBy,
                             onClickNext: this.handleNextStickyRow,
                             groupByIds: groupByIds,
-                            lookupColumns: lookupColumns
+                            lookupColumns: lookupColumns,
+                            loading: loading,
+                            fixedColumnWidth: fixedColumnWidth
                         }),
                         infiniteScroll && _react2.default.createElement(_HiTableFooterScroll2.default, {
                             tabId: tabId,
@@ -849,7 +854,9 @@ HiTable.defaultProps = {
         }
     },
     view: 'l',
-    lookupColumns: []
+    lookupColumns: [],
+    loading: false,
+    fixedColumnWidth: true
 };
 HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -880,6 +887,15 @@ HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
      * 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,
+    /**
+     * 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é)
      */
@@ -892,6 +908,10 @@ 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
      */
@@ -1003,10 +1023,6 @@ 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']),
-    /**
-     * Id de la colonne par laquelle sont regroupé les éléments
-     */
-    groupBy: _propTypes2.default.string
+    view: _propTypes2.default.oneOf(['l', 'm', 's'])
 } : {};
 exports.default = (0, _styles.withStyles)(styles, { withTheme: true, name: 'HmuiHiTable' })(HiTable);

package/HiTable/HiTableBody.js

@@ -5,6 +5,10 @@ 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);
@@ -43,6 +47,10 @@ 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');
@@ -61,12 +69,6 @@ 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 }; }
@@ -75,12 +77,14 @@ var styles = exports.styles = function styles(theme) {
     return {
         tbody: {
             position: 'relative',
-            display: 'block' /* seperates the tbody from the header */
-            , width: '100%',
+            width: '100%',
             overflowX: 'hidden',
             overflowY: 'auto',
             zIndex: 11
         },
+        tbodyFixedWidth: {
+            display: 'block' /* seperates the tbody from the header */
+        },
         tbodyRows: {
             backgroundColor: theme.palette.background3
         },
@@ -281,7 +285,9 @@ var HiTableBody = function (_React$Component) {
                 numberLocale = _props.numberLocale,
                 groupByIds = _props.groupByIds,
                 sortedColumnId = _props.sortedColumnId,
-                lookupColumns = _props.lookupColumns;
+                lookupColumns = _props.lookupColumns,
+                loading = _props.loading,
+                fixedColumnWidth = _props.fixedColumnWidth;
             var _state = this.state,
                 openedParentRowId = _state.openedParentRowId,
                 openedDetailsRowIdList = _state.openedDetailsRowIdList;
@@ -379,7 +385,8 @@ var HiTableBody = function (_React$Component) {
                     row: row,
                     sticky: sticky,
                     tabId: tabId,
-                    view: view
+                    view: view,
+                    fixedColumnWidth: fixedColumnWidth
                 });
 
                 if (hasChildren && openedParentRowId === row.rowId) {
@@ -408,7 +415,8 @@ var HiTableBody = function (_React$Component) {
                             view: view,
                             dense: dense,
                             sticky: sticky,
-                            isDetail: true
+                            isDetail: true,
+                            fixedColumnWidth: fixedColumnWidth
                         };
 
                         tableRows.push(_react2.default.createElement(_BodyRow2.default, (0, _extends3.default)({ key: row.rowId + '-' + detailRow.rowId }, detailRowProps)));
@@ -416,12 +424,18 @@ 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: classes.tbody,
-                    style: { height: height },
+                    className: tBodyClasses,
+                    style: (0, _extends3.default)({
+                        height: height
+                    }, loading && {
+                        opacity: 0.6
+                    }),
                     onScroll: onScroll
                 },
                 tableRows.map(function (tableRow) {
@@ -442,7 +456,8 @@ HiTableBody.defaultProps = {
     dense: false,
     height: 450,
     sticky: true,
-    view: 'l'
+    view: 'l',
+    loading: false
 };
 HiTableBody.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -470,10 +485,19 @@ HiTableBody.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,
     /**
      * 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
      */