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

package/HiPdfReader/HiPdfReader.js

@@ -0,0 +1,282 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.styles = undefined;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactPdf = require('react-pdf');
+
+var _HiButton = require('../HiButton');
+
+var _HiButton2 = _interopRequireDefault(_HiButton);
+
+var _ChevronRight = require('mdi-material-ui/ChevronRight');
+
+var _ChevronRight2 = _interopRequireDefault(_ChevronRight);
+
+var _ChevronLeft = require('mdi-material-ui/ChevronLeft');
+
+var _ChevronLeft2 = _interopRequireDefault(_ChevronLeft);
+
+var _Progress = require('material-ui/Progress');
+
+var _styles = require('../styles');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = exports.styles = function styles(theme) {
+    return {
+        root: {
+            position: 'relative'
+        },
+        pageNumber: {
+            position: 'absolute',
+            bottom: 16,
+            left: -24,
+            backgroundColor: '#FFFFFF',
+            borderRadius: 4,
+            paddingTop: 7,
+            paddingBottom: 7,
+            paddingRight: 8,
+            paddingLeft: 8,
+            fontSize: 15,
+            fontFamily: theme.typography.fontFamily,
+            boxShadow: '1px 1px 5px rgba(0, 0, 0, .16)',
+            color: '#737373'
+        },
+        pagesNavigation: {
+            position: 'absolute',
+            top: 16,
+            right: -30,
+            backgroundColor: '#FFFFFF',
+            borderRadius: 3,
+            paddingTop: 4,
+            paddingBottom: 4,
+            paddingRight: 3,
+            paddingLeft: 3,
+            fontFamily: theme.typography.fontFamily,
+            boxShadow: '1px 1px 5px rgba(0, 0, 0, .16)',
+            color: '#737373',
+            '&>button:first-child': {
+                marginRight: 6
+            }
+        },
+        navigationButton: {
+            padding: 0,
+            minWidth: 0,
+            minHeight: 0
+        }
+    };
+};
+
+// Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
+var maxWindowWidth = 900;
+var maxPdfWidth = 600;
+
+var _ref3 = _react2.default.createElement(_Progress.CircularProgress, null);
+
+var _ref4 = _react2.default.createElement(_ChevronLeft2.default, null);
+
+var _ref5 = _react2.default.createElement(_ChevronRight2.default, null);
+
+var HiPdfReader = function (_React$PureComponent) {
+    (0, _inherits3.default)(HiPdfReader, _React$PureComponent);
+
+    function HiPdfReader() {
+        var _ref;
+
+        var _temp, _this, _ret;
+
+        (0, _classCallCheck3.default)(this, HiPdfReader);
+
+        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+        }
+
+        return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = HiPdfReader.__proto__ || (0, _getPrototypeOf2.default)(HiPdfReader)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
+            numPages: null,
+            pageNumber: 1,
+            error: false,
+            width: 600
+        }, _this.handleLoadSuccess = function (_ref2) {
+            var numPages = _ref2.numPages;
+
+            _this.setState({ numPages: numPages, error: false });
+        }, _this.handleLoadError = function () {
+            _this.setState({ error: true });
+        }, _this.handleClickNextPage = function () {
+            _this.setState({ pageNumber: _this.state.pageNumber + 1 });
+        }, _this.handleClickPreviousPage = function () {
+            _this.setState({ pageNumber: _this.state.pageNumber - 1 });
+        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+    }
+
+    (0, _createClass3.default)(HiPdfReader, [{
+        key: 'updateDimensions',
+
+
+        // Calculate & Update state of new dimensions
+        value: function updateDimensions() {
+            if (window.innerWidth < maxWindowWidth) {
+                var updateWidth = Math.round(window.innerWidth * 100 / maxWindowWidth / 100 * maxPdfWidth);
+                this.setState({ width: updateWidth });
+            } else {
+                this.setState({ width: maxPdfWidth });
+            }
+        }
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            this.updateDimensions();
+            window.addEventListener('resize', this.updateDimensions.bind(this));
+        }
+    }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {
+            window.removeEventListener('resize', this.updateDimensions.bind(this));
+        }
+
+        // Fonction appelée une fois le pdf correctement chargé
+
+
+        // Fonction appelée en cas d'erreur de chargement du pdf
+
+
+        // Fonction appelée au clic du bouton pour visualiser la page suivante du pdf
+
+
+        // Fonction appelée au clic du bouton pour visualiser la page précédente du pdf
+
+    }, {
+        key: 'render',
+
+
+        // Render
+        value: function render() {
+            var _state = this.state,
+                pageNumber = _state.pageNumber,
+                numPages = _state.numPages,
+                error = _state.error;
+            var _props = this.props,
+                classes = _props.classes,
+                file = _props.file,
+                displayPagination = _props.displayPagination,
+                displayNavigationButtons = _props.displayNavigationButtons,
+                props = (0, _objectWithoutProperties3.default)(_props, ['classes', 'file', 'displayPagination', 'displayNavigationButtons']);
+
+
+            return _react2.default.createElement(
+                'div',
+                { className: classes.root },
+                _react2.default.createElement(
+                    _reactPdf.Document,
+                    (0, _extends3.default)({
+                        className: classes.style,
+                        file: file,
+                        onLoadSuccess: this.handleLoadSuccess,
+                        onLoadError: this.handleLoadError,
+                        loading: _ref3
+                    }, props),
+                    _react2.default.createElement(_reactPdf.Page, {
+                        pageNumber: pageNumber,
+                        renderAnnotations: false,
+                        renderTextLayer: false,
+                        width: this.state.width
+                    })
+                ),
+                !error && numPages > 1 && displayPagination && _react2.default.createElement(
+                    'span',
+                    { className: classes.pageNumber },
+                    'Page ',
+                    pageNumber,
+                    ' sur ',
+                    numPages
+                ),
+                !error && numPages > 1 && displayNavigationButtons && _react2.default.createElement(
+                    'span',
+                    { className: classes.pagesNavigation },
+                    _react2.default.createElement(
+                        _HiButton2.default,
+                        {
+                            onClick: this.handleClickPreviousPage,
+                            disabled: pageNumber === 1,
+                            className: classes.navigationButton
+                        },
+                        _ref4
+                    ),
+                    _react2.default.createElement(
+                        _HiButton2.default,
+                        {
+                            onClick: this.handleClickNextPage,
+                            disabled: pageNumber === numPages,
+                            className: classes.navigationButton
+                        },
+                        _ref5
+                    )
+                )
+            );
+        }
+    }]);
+    return HiPdfReader;
+}(_react2.default.PureComponent);
+
+HiPdfReader.defaultProps = {
+    displayPagination: true,
+    displayNavigationButtons: true
+};
+HiPdfReader.propTypes = process.env.NODE_ENV !== "production" ? {
+    /**
+     * Surcharge les classes du composant
+     */
+    classes: _propTypes2.default.object,
+    /**
+     * Chemin vers le fichier PDF
+     */
+    file: _propTypes2.default.string.isRequired,
+    /**
+     * On affiche la pagination si le PDF contient plusieurs pages
+     */
+    displayPagination: _propTypes2.default.bool,
+    /**
+     * On affiche les boutons de navigation entre les pages si le PDF contient plusieurs pages
+     */
+    displayNavigationButtons: _propTypes2.default.bool
+} : {};
+exports.default = (0, _styles.withStyles)(styles, { name: 'HmuiHiPdfReader', index: 51 })(HiPdfReader);

package/HiPdfReader/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _HiPdfReader = require('./HiPdfReader');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_HiPdfReader).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/HiSelect/HiSuggestSelect.js

@@ -138,6 +138,8 @@ var HiSuggestSelect = function (_React$PureComponent) {
                         items[0].focus();
                     }
                 }, 1);
+            } else if (event.key === 'Escape') {
+                _this.setState({ options: [] });
             }
         };
 

package/HiSelectableList/HiSelectableListItem.js

@@ -235,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(

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

@@ -136,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,
@@ -154,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 },
@@ -216,7 +217,7 @@ CellLayout.defaultProps = {
     selectable: false,
     selected: false,
     dense: false,
-    fixedWidth: false,
+    fixedColumnWidth: true,
     sticky: false,
     padding: 8
 };
@@ -250,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/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/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

@@ -706,7 +706,8 @@ var HiTable = function (_React$Component) {
                 view = _props.view,
                 groupBy = _props.groupBy,
                 lookupColumns = _props.lookupColumns,
-                loading = _props.loading;
+                loading = _props.loading,
+                fixedColumnWidth = _props.fixedColumnWidth;
             var _state = this.state,
                 dateUpdate = _state.dateUpdate,
                 isScrollToBottom = _state.isScrollToBottom,
@@ -756,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,
@@ -782,7 +784,8 @@ var HiTable = function (_React$Component) {
                             onClickNext: this.handleNextStickyRow,
                             groupByIds: groupByIds,
                             lookupColumns: lookupColumns,
-                            loading: loading
+                            loading: loading,
+                            fixedColumnWidth: fixedColumnWidth
                         }),
                         infiniteScroll && _react2.default.createElement(_HiTableFooterScroll2.default, {
                             tabId: tabId,
@@ -852,7 +855,8 @@ HiTable.defaultProps = {
     },
     view: 'l',
     lookupColumns: [],
-    loading: false
+    loading: false,
+    fixedColumnWidth: true
 };
 HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -883,6 +887,11 @@ 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
      */