@hipay/hipay-material-ui 1.0.0-beta.12 → 1.0.0-beta.14

package/HiTable/HiTableFooter.js

@@ -0,0 +1,131 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.styles = undefined;
+
+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 _Table = require('material-ui/Table');
+
+var _styles = require('../styles');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _constants = require('./constants');
+
+var cst = _interopRequireWildcard(_constants);
+
+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 }; }
+
+var styles = exports.styles = function styles(theme) {
+    return {
+        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'
+        }
+    };
+};
+
+var HiTableFooter = function (_React$Component) {
+    (0, _inherits3.default)(HiTableFooter, _React$Component);
+
+    function HiTableFooter() {
+        (0, _classCallCheck3.default)(this, HiTableFooter);
+        return (0, _possibleConstructorReturn3.default)(this, (HiTableFooter.__proto__ || (0, _getPrototypeOf2.default)(HiTableFooter)).apply(this, arguments));
+    }
+
+    (0, _createClass3.default)(HiTableFooter, [{
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                classes = _props.classes,
+                nbColumnsDisplayed = _props.nbColumnsDisplayed,
+                view = _props.view;
+
+
+            return _react2.default.createElement(
+                _Table.TableFooter,
+                { className: classes.tfoot },
+                _react2.default.createElement(
+                    _Table.TableRow,
+                    null,
+                    _react2.default.createElement(_Table.TableCell, {
+                        style: {
+                            paddingLeft: cst.DEFAULT_PADDING[view]
+                        },
+                        key: 'footer-left-cell',
+                        className: classes.patchDiv
+                    }),
+                    _react2.default.createElement(
+                        _Table.TableCell,
+                        { colSpan: nbColumnsDisplayed, classes: { root: classes.tfootCell } },
+                        this.props.children
+                    ),
+                    _react2.default.createElement(_Table.TableCell, {
+                        style: {
+                            paddingLeft: cst.DEFAULT_PADDING[view]
+                        },
+                        key: 'footer-right-cell',
+                        className: classes.patchDiv
+                    })
+                )
+            );
+        }
+    }]);
+    return HiTableFooter;
+}(_react2.default.Component);
+
+HiTableFooter.propTypes = process.env.NODE_ENV !== "production" ? {
+    /**
+     * Nombre de colonnes affichées
+     */
+    nbColumnsDisplayed: _propTypes2.default.number.isRequired,
+    /**
+     * 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'])
+} : {};
+exports.default = (0, _styles.withStyles)(styles, { name: 'HmuiHiTableFooter' })(HiTableFooter);

package/es/HiDatePicker/HiDateRangePicker.js

@@ -6,6 +6,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { formatDate, parseDate } from 'react-day-picker/moment';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
+import classNames from 'classnames';
+
 import withStyles from '../styles/withStyles';
 import { capitalizeFirstLetter } from '../utils/helpers';
 import Caption from './Caption';
@@ -23,11 +25,14 @@ class HiDateRangePicker extends React.Component {
     constructor(props) {
         super();
 
+        this.handleDayPickerFocus = name => () => {
+            this.setState({ focusedInput: name });
+        };
+
         this.state = {
-            fromOpenedPanel: 'calendar',
             fromCurrentMonth: props.from ? props.from : new Date(),
-            toOpenedPanel: 'calendar',
-            toCurrentMonth: props.to ? props.to : new Date()
+            toCurrentMonth: props.to ? props.to : new Date(),
+            focusedInput: ''
         };
 
         this.handleReset = this.handleReset.bind(this);
@@ -51,6 +56,8 @@ class HiDateRangePicker extends React.Component {
         this.handleYearClick = this.handleYearClick.bind(this);
         this.handleYearClickFrom = this.handleYearClickFrom.bind(this);
         this.handleYearClickTo = this.handleYearClickTo.bind(this);
+        this.handleDayPickerFocus = this.handleDayPickerFocus.bind(this);
+        this.handleDayPickerBlur = this.handleDayPickerBlur.bind(this);
 
         this.openPanel = this.openPanel.bind(this);
 
@@ -207,6 +214,10 @@ class HiDateRangePicker extends React.Component {
         }
     }
 
+    handleDayPickerBlur() {
+        this.setState({ focusedInput: '' });
+    }
+
     openPanel(name, panel) {
         this.setState({
             [`${name}OpenedPanel`]: panel
@@ -239,9 +250,10 @@ class HiDateRangePicker extends React.Component {
         return this.renderNavbar('to', propsNavbar);
     }
 
-    renderOverlay(name, propsOverlay) {
+    renderOverlay(name, propsOverlay, staticPosition) {
         const rangeOverlayProps = _extends({}, propsOverlay, {
-            side: name
+            side: name,
+            staticPosition
         });
 
         switch (this.state[`${name}OpenedPanel`]) {
@@ -257,10 +269,10 @@ class HiDateRangePicker extends React.Component {
         }
     }
     renderOverlayFrom(propsOverlay) {
-        return this.renderOverlay('from', propsOverlay);
+        return this.renderOverlay('from', propsOverlay, this.props.staticPosition);
     }
     renderOverlayTo(propsOverlay) {
-        return this.renderOverlay('to', propsOverlay);
+        return this.renderOverlay('to', propsOverlay, this.props.staticPosition);
     }
 
     renderMonthPickerOverlay(name, propsOverlay) {
@@ -315,9 +327,10 @@ class HiDateRangePicker extends React.Component {
             onReset,
             to,
             translations,
-            id
+            id,
+            staticPosition
         } = _props,
-              props = _objectWithoutProperties(_props, ['classes', 'disabledDays', 'disablePastDays', 'disableFutureDays', 'enableTime', 'labelFrom', 'labelTo', 'locale', 'format', 'from', 'minimumDate', 'onReset', 'to', 'translations', 'id']);
+              props = _objectWithoutProperties(_props, ['classes', 'disabledDays', 'disablePastDays', 'disableFutureDays', 'enableTime', 'labelFrom', 'labelTo', 'locale', 'format', 'from', 'minimumDate', 'onReset', 'to', 'translations', 'id', 'staticPosition']);
 
         const { fromCurrentMonth, toCurrentMonth } = this.state;
 
@@ -429,32 +442,52 @@ class HiDateRangePicker extends React.Component {
             id: `${id}-to`
         });
 
+        let fromClass = classNames({
+            [classes.absolute]: staticPosition === true && this.state.focusedInput === 'to',
+            [classes.dayPickerMargin]: staticPosition === true && this.state.focusedInput === 'to'
+        });
+        let toClass = classNames(classes.toInput, {
+            [classes.absolute]: staticPosition === true && this.state.focusedInput === 'from'
+        });
+
         return React.createElement(
             'div',
             { className: classes.root },
             React.createElement(
                 'div',
-                { className: classes.fromInput },
-                React.createElement(DayPickerInput, {
-                    ref: el => {
-                        this.fromInput = el;
-                    },
-                    value: from,
-                    hideOnDayClick: false,
-                    overlayComponent: this.renderOverlayFrom,
-                    dayPickerProps: fromDayPickerProps,
-                    component: HiTextField,
-                    inputProps: fromInputProps,
-                    format: enableTime ? `${format} HH:mm` : format,
-                    formatDate: formatDate,
-                    parseDate: parseDate,
-                    onDayChange: this.handleDayChangeFrom,
-                    placeholder: ''
-                })
+                {
+                    className: classes.fromInput,
+                    onFocus: this.handleDayPickerFocus('from'),
+                    onBlur: this.handleDayPickerBlur
+                },
+                React.createElement(
+                    'div',
+                    { className: fromClass },
+                    React.createElement(DayPickerInput, {
+                        ref: el => {
+                            this.fromInput = el;
+                        },
+                        value: from,
+                        hideOnDayClick: false,
+                        overlayComponent: this.renderOverlayFrom,
+                        dayPickerProps: fromDayPickerProps,
+                        component: HiTextField,
+                        inputProps: fromInputProps,
+                        format: enableTime ? `${format} HH:mm` : format,
+                        formatDate: formatDate,
+                        parseDate: parseDate,
+                        onDayChange: this.handleDayChangeFrom,
+                        placeholder: ''
+                    })
+                )
             ),
             React.createElement(
                 'div',
-                { className: classes.toInput },
+                {
+                    className: toClass,
+                    onFocus: this.handleDayPickerFocus('to'),
+                    onBlur: this.handleDayPickerBlur
+                },
                 React.createElement(DayPickerInput, {
                     ref: el => {
                         this.toInput = el;
@@ -480,6 +513,7 @@ HiDateRangePicker.defaultProps = {
     disabledDays: [],
     disablePastDays: false,
     disableFutureDays: false,
+    staticPosition: false,
     enableTime: false,
     format: 'YYYY-DD-MM',
     labelFrom: 'Start',
@@ -555,6 +589,10 @@ HiDateRangePicker.propTypes = process.env.NODE_ENV !== "production" ? {
      * Callback au reset de l'input
      */
     onReset: PropTypes.func,
+    /**
+     * Si true, le calendrier sera dans une div static plutot que dans une popper absolute
+     */
+    staticPosition: PropTypes.bool,
     /**
      * Date de fin sélectionnée
      */

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -127,11 +127,11 @@ class HiDateRangeSelector extends React.Component {
                 if (selectedOption) {
                     this.props.onChange('from', selectedOption.from.toDate());
                     this.props.onChange('to', selectedOption.to.toDate());
-                    if (this.props.returnSelectValue === true) {
-                        this.props.onChange('period', value);
-                    }
                 }
             }
+            if (this.props.returnSelectValue === true) {
+                this.props.onChange('period', value);
+            }
         };
 
         this.state = {
@@ -177,9 +177,10 @@ class HiDateRangeSelector extends React.Component {
             to,
             translations,
             classes,
-            selectProps
+            selectProps,
+            staticPosition
         } = _props,
-              props = _objectWithoutProperties(_props, ['disabled', 'enableTime', 'error', 'errorText', 'helperIcon', 'helperText', 'idRange', 'idSelect', 'label', 'from', 'onChange', 'required', 'to', 'translations', 'classes', 'selectProps']);
+              props = _objectWithoutProperties(_props, ['disabled', 'enableTime', 'error', 'errorText', 'helperIcon', 'helperText', 'idRange', 'idSelect', 'label', 'from', 'onChange', 'required', 'to', 'translations', 'classes', 'selectProps', 'staticPosition']);
 
         const { selectedPreset } = this.state;
 
@@ -209,7 +210,8 @@ class HiDateRangeSelector extends React.Component {
                     translations: translations,
                     value: selectedPreset,
                     containerWidth: this.state.containerWidth,
-                    classes: { root: classes.dateSelect }
+                    classes: { root: classes.dateSelect },
+                    staticPosition: staticPosition
                 }, selectProps))
             ),
             React.createElement(
@@ -224,7 +226,8 @@ class HiDateRangeSelector extends React.Component {
                     onChange: onChange,
                     onReset: this.handleReset,
                     disabled: disabled || selectedPreset !== 'custom',
-                    translations: translations
+                    translations: translations,
+                    staticPosition: staticPosition
                 }, props))
             )
         );
@@ -236,6 +239,7 @@ HiDateRangeSelector.defaultProps = {
     defaultPreset: 'cd',
     enableTime: false,
     returnSelectValue: false,
+    staticPosition: false,
     locale: 'fr-FR',
     format: 'YYYY-DD-MM',
     translations: {
@@ -337,6 +341,10 @@ HiDateRangeSelector.propTypes = process.env.NODE_ENV !== "production" ? {
      * Props passées au HiSelectField
      */
     selectProps: PropTypes.object,
+    /**
+     * Si true, le calendrier sera dans une div static plutot que dans une popper absolute
+     */
+    staticPosition: PropTypes.bool,
     /**
      * Date de fin sélectionnée
      */

package/es/HiDatePicker/Overlays/Overlay.js

@@ -9,10 +9,15 @@ import withStyles from '../../styles/withStyles';
 
 export const styles = () => ({
     paper: {
-        position: 'absolute',
         width: '100%',
         zIndex: 10
     },
+    absolute: {
+        position: 'absolute'
+    },
+    relative: {
+        position: 'relative'
+    },
     left: {
         width: '200%',
         left: 0
@@ -26,10 +31,12 @@ export const styles = () => ({
     }
 });
 
-const Overlay = ({ classes, children, side }) => {
+const Overlay = ({ classes, children, side, staticPosition }) => {
     const paperClass = classNames(classes.paper, {
         [classes.left]: side === 'from',
-        [classes.right]: side === 'to'
+        [classes.right]: side === 'to',
+        [classes.absolute]: staticPosition !== true,
+        [classes.relative]: staticPosition === true
     });
 
     return React.createElement(

package/es/HiDatePicker/stylesheet.js

@@ -19,6 +19,13 @@ export default (theme => ({
         width: 'calc(50% - 4px)',
         marginLeft: 4
     },
+    absolute: {
+        position: 'absolute'
+    },
+    dayPickerMargin: {
+        top: -337,
+        width: 'calc(100% - 4px)'
+    },
     // The container element
     container: {
         width: '100%',

package/es/HiSelect/HiSelect.js

@@ -390,7 +390,7 @@ HiSelect.defaultProps = {
 };
 
 var _initialiseProps = function () {
-    this.handleClick = event => {
+    this.handleClick = () => {
         if (this.state.open) {
             this.handleClose();
         } else {

package/es/HiTable/BodyCellBuilder.js

@@ -75,9 +75,10 @@ export default class BodyCellBuilder extends React.PureComponent {
             childrenCount,
             onOpenDetails,
             lookedUp,
-            fixedColumnWidth
+            fixedColumnWidth,
+            disableContextMenu
         } = _props,
-              props = _objectWithoutProperties(_props, ['ukey', 'type', 'data', 'view', 'width', 'padding', 'align', 'dense', 'ellipsis', 'onSelect', 'selectable', 'selected', 'sticky', 'dateLocale', 'numberLocale', 'childrenCount', 'onOpenDetails', 'lookedUp', 'fixedColumnWidth']);
+              props = _objectWithoutProperties(_props, ['ukey', 'type', 'data', 'view', 'width', 'padding', 'align', 'dense', 'ellipsis', 'onSelect', 'selectable', 'selected', 'sticky', 'dateLocale', 'numberLocale', 'childrenCount', 'onOpenDetails', 'lookedUp', 'fixedColumnWidth', 'disableContextMenu']);
 
         const layoutProps = {
             type,
@@ -99,7 +100,6 @@ export default class BodyCellBuilder extends React.PureComponent {
         if (typeof data !== 'undefined') {
 
             let cellElement;
-            let hasContextMenu = true;
 
             switch (type) {
                 case cst.TYPE_ACCOUNT:
@@ -149,7 +149,6 @@ export default class BodyCellBuilder extends React.PureComponent {
                         displayTime: props.displayTime,
                         sticky: sticky
                     });
-                    hasContextMenu = false;
                     break;
 
                 case cst.TYPE_ICON:
@@ -178,7 +177,6 @@ export default class BodyCellBuilder extends React.PureComponent {
                         view: view,
                         sticky: sticky
                     });
-                    hasContextMenu = false;
                     break;
 
                 case cst.TYPE_RATE:
@@ -191,7 +189,6 @@ export default class BodyCellBuilder extends React.PureComponent {
                         view: view,
                         sticky: sticky
                     });
-                    hasContextMenu = false;
                     break;
 
                 case cst.TYPE_SENTINEL:
@@ -236,14 +233,14 @@ export default class BodyCellBuilder extends React.PureComponent {
                     break;
             }
 
-            cellContent = hasContextMenu ? React.createElement(
+            cellContent = disableContextMenu ? cellElement : React.createElement(
                 ContextMenuTrigger,
                 {
                     id: `hitable_context_menu_${this.props.tabId}`,
                     collect: this.collectContextMenuDatas
                 },
                 cellElement
-            ) : cellElement;
+            );
         }
 
         return React.createElement(
@@ -254,7 +251,8 @@ export default class BodyCellBuilder extends React.PureComponent {
     }
 }
 BodyCellBuilder.defaultProps = {
-    ellipsis: 'right'
+    ellipsis: 'right',
+    disableContextMenu: true
 };
 BodyCellBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -285,6 +283,10 @@ BodyCellBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
      * Densité, défini la hauteur de la ligne
      */
     dense: PropTypes.bool,
+    /**
+     * Active/désactive le menu contextuel au clic droit sur les cellules du tableau
+     */
+    disableContextMenu: PropTypes.bool.isRequired,
     /**
      * Ellipsis
      */

package/es/HiTable/BodyCells/CellImage.js

@@ -38,6 +38,10 @@ export const styles = theme => ({
     },
     center: {
         textAlign: 'center'
+    },
+    tooltipContainer: {
+        display: 'flex',
+        alignItems: 'center'
     }
 });
 
@@ -53,7 +57,7 @@ class CellImage extends React.PureComponent {
 
         const tooltipContent = React.createElement(
             'div',
-            null,
+            { className: classes.tooltipContainer },
             React.createElement('img', { src: path, alt: value, className: classes.tooltipImg }),
             React.createElement(
                 'span',

package/es/HiTable/HiTable.js

@@ -5,10 +5,11 @@ import ArrowUp from 'mdi-material-ui/ArrowUp';
 import isRequiredIf from 'react-proptype-conditional-require';
 import HiButton from '../HiButton';
 
-import { withStyles, withTheme } from '../styles';
+import { withStyles } from '../styles';
 import HiTableHead from './HiTableHead';
 import HiTableBody from './HiTableBody';
 import HiTableFooterScroll from './HiTableFooterScroll';
+import HiTableFooter from './HiTableFooter';
 import * as cst from './constants';
 import HiTableContextMenu from './HiTableContextMenu';
 
@@ -583,13 +584,22 @@ class HiTable extends React.Component {
             groupBy,
             lookupColumns,
             loading,
-            fixedColumnWidth
+            fixedColumnWidth,
+            disableContextMenu,
+            footerContent
         } = this.props;
 
         const { dateUpdate, isScrollToBottom, groupByIds } = this.state;
 
         const headerHeight = dense ? cst.CELL_HEADER_HEIGHT_DENSE : cst.CELL_HEADER_HEIGHT;
 
+        let nbColumnsDisplayed = 0;
+        orderedColumns.forEach(column => {
+            if (column.displayed !== false) {
+                nbColumnsDisplayed += 1;
+            }
+        });
+
         return React.createElement(
             'div',
             { className: classes.root },
@@ -657,7 +667,8 @@ class HiTable extends React.Component {
                         groupByIds: groupByIds,
                         lookupColumns: lookupColumns,
                         loading: loading,
-                        fixedColumnWidth: fixedColumnWidth
+                        fixedColumnWidth: fixedColumnWidth,
+                        disableContextMenu: disableContextMenu
                     }),
                     infiniteScroll && React.createElement(HiTableFooterScroll, {
                         tabId: tabId,
@@ -666,7 +677,15 @@ class HiTable extends React.Component {
                         maxAutoRequest: 3,
                         isScrollToBottom: isScrollToBottom,
                         translations: translations
-                    })
+                    }),
+                    !infiniteScroll && footerContent && React.createElement(
+                        HiTableFooter,
+                        {
+                            nbColumnsDisplayed: nbColumnsDisplayed,
+                            view: view
+                        },
+                        footerContent
+                    )
                 ),
                 React.createElement(HiTableContextMenu, {
                     tabId: tabId,
@@ -724,7 +743,8 @@ HiTable.defaultProps = {
     view: 'l',
     lookupColumns: [],
     loading: false,
-    fixedColumnWidth: true
+    fixedColumnWidth: true,
+    disableContextMenu: true
 };
 HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -751,6 +771,10 @@ HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
      * Densité d'affichage (joue sur la hauteur des lignes)
      */
     dense: PropTypes.bool,
+    /**
+     * Active/désactive le menu contextuel au clic droit sur les cellules du tableau
+     */
+    disableContextMenu: PropTypes.bool.isRequired,
     /**
      * Active le filtre sur les colonnes filtrables
      */
@@ -760,6 +784,10 @@ HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
      * Sinon les colonnes s'adaptent à l'espace disponible
      */
     fixedColumnWidth: PropTypes.bool,
+    /**
+     * Ajoute un footer avec le contenu footerContent à l'intérieur
+     */
+    footerContent: PropTypes.node,
     /**
      * Id de la colonne par laquelle sont regroupé les éléments
      */
@@ -832,6 +860,9 @@ 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: PropTypes.func,
     /**

package/es/HiTable/HiTableBody.js

@@ -194,7 +194,8 @@ class HiTableBody extends React.Component {
             sortedColumnId,
             lookupColumns,
             loading,
-            fixedColumnWidth
+            fixedColumnWidth,
+            disableContextMenu
         } = this.props;
 
         const { openedParentRowId, openedDetailsRowIdList } = this.state;
@@ -292,7 +293,8 @@ class HiTableBody extends React.Component {
                 sticky,
                 tabId,
                 view,
-                fixedColumnWidth
+                fixedColumnWidth,
+                disableContextMenu
             });
 
             if (hasChildren && openedParentRowId === row.rowId) {
@@ -322,7 +324,8 @@ class HiTableBody extends React.Component {
                         dense,
                         sticky,
                         isDetail: true,
-                        fixedColumnWidth
+                        fixedColumnWidth,
+                        disableContextMenu
                     };
 
                     tableRows.push(React.createElement(BodyRow, _extends({ key: `${row.rowId}-${detailRow.rowId}` }, detailRowProps)));
@@ -363,7 +366,8 @@ HiTableBody.defaultProps = {
     height: 450,
     sticky: true,
     view: 'l',
-    loading: false
+    loading: false,
+    disableContextMenu: true
 };
 HiTableBody.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -391,6 +395,10 @@ HiTableBody.propTypes = process.env.NODE_ENV !== "production" ? {
      * Densité d'affichage (joue sur la hauteur des lignes)
      */
     dense: PropTypes.bool,
+    /**
+     * Active/désactive le menu contextuel au clic droit sur les cellules du tableau
+     */
+    disableContextMenu: PropTypes.bool.isRequired,
     /**
      * Fixe la taille des colonnes selon le type de vue
      * Sinon les colonnes s'adaptent à l'espace disponible