@myunisoft/design-system 0.21.0 → 0.22.0

package/dist/index.js

@@ -7,7 +7,6 @@ var $gXNCa$babelruntimehelpersslicedToArray = require("@babel/runtime/helpers/sl
 var $gXNCa$lodashmin = require("lodash/min");
 var $gXNCa$proptypes = require("prop-types");
 var $gXNCa$react = require("react");
-var $gXNCa$reactvirtualized = require("react-virtualized");
 var $gXNCa$muiutilsdeprecatedPropType = require("@mui/utils/deprecatedPropType");
 var $gXNCa$i18next = require("i18next");
 var $gXNCa$muimaterial = require("@mui/material");
@@ -15,6 +14,8 @@ var $gXNCa$muistylesmakeStyles = require("@mui/styles/makeStyles");
 var $gXNCa$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
 var $gXNCa$babelruntimehelpersobjectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties");
 var $gXNCa$classnames = require("classnames");
+var $gXNCa$babelruntimehelpersclassCallCheck = require("@babel/runtime/helpers/classCallCheck");
+var $gXNCa$babelruntimehelperscreateClass = require("@babel/runtime/helpers/createClass");
 var $gXNCa$lodashget = require("lodash/get");
 var $gXNCa$lodashisArray = require("lodash/isArray");
 var $gXNCa$lodashisNil = require("lodash/isNil");
@@ -58,6 +59,7 @@ var $gXNCa$reactinputautosize = require("react-input-autosize");
 var $gXNCa$muiiconsmaterialMoreVert = require("@mui/icons-material/MoreVert");
 var $gXNCa$muiiconsmaterial = require("@mui/icons-material");
 var $gXNCa$lodashorderBy = require("lodash/orderBy");
+var $gXNCa$lodashgroupBy = require("lodash/groupBy");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -121,7 +123,6 @@ var $d72463ab93d2098f$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireD
 
 var $d72463ab93d2098f$var$_react = $d72463ab93d2098f$var$_interopRequireWildcard($gXNCa$react);
 
-
 var $d72463ab93d2098f$var$_AddLine = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("1bdCV")));
 
 var $d72463ab93d2098f$var$_Body = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("4qWgC")));
@@ -216,37 +217,27 @@ var $d72463ab93d2098f$var$defaultConfig = {
     selectableRowKey: "id"
 };
 var $d72463ab93d2098f$var$VirtualTable = /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].memo(/*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].forwardRef(function VirtualTable(_ref, ref) {
-    var rowData = _ref.data, maxHeight = _ref.maxHeight, widthTable = _ref.widthTable, configProps = _ref.config, selectRows = _ref.selectRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateEdit = _ref.handleValidateEdit, handleValidateAdd = _ref.handleValidateAdd, handleCancel = _ref.handleCancel, _ref$customHeader = _ref.customHeader, customHeader = _ref$customHeader === void 0 ? false : _ref$customHeader, _ref$customFooter = _ref.customFooter, customFooter = _ref$customFooter === void 0 ? false : _ref$customFooter, onCustomScroll = _ref.onCustomScroll, onRowClick = _ref.onRowClick, onRowContextMenu = _ref.onRowContextMenu, isEdit = _ref.isEdit, tableKeyName = _ref.tableKeyName, defaultSelectedRows = _ref.defaultSelectedRows, onFocusChange = _ref.onFocusChange, onKeyDown = _ref.onKeyDown, onClick = _ref.onClick, onDoubleClick = _ref.onDoubleClick, setVTState = _ref.setVTState, validationResolver = _ref.validationResolver, validationRules = _ref.validationRules;
+    var rowData = _ref.data, maxHeight = _ref.maxHeight, configProps = _ref.config, selectRows = _ref.selectRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateEdit = _ref.handleValidateEdit, handleValidateAdd = _ref.handleValidateAdd, handleCancel = _ref.handleCancel, _ref$customHeader = _ref.customHeader, customHeader = _ref$customHeader === void 0 ? false : _ref$customHeader, _ref$customFooter = _ref.customFooter, customFooter = _ref$customFooter === void 0 ? false : _ref$customFooter, onCustomScroll = _ref.onCustomScroll, onRowClick = _ref.onRowClick, onRowContextMenu = _ref.onRowContextMenu, isEdit = _ref.isEdit, tableKeyName = _ref.tableKeyName, defaultSelectedRows = _ref.defaultSelectedRows, onFocusChange = _ref.onFocusChange, onKeyDown = _ref.onKeyDown, onClick = _ref.onClick, onDoubleClick = _ref.onDoubleClick, setVTState = _ref.setVTState, validationResolver = _ref.validationResolver, validationRules = _ref.validationRules;
     var styles = (0, $d72463ab93d2098f$var$_styles["default"])();
-    var _useState = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState2 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState, 2), verticalPadding = _useState2[0], setVerticalPadding = _useState2[1];
-    var _useState3 = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState4 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState3, 2), horizontalPadding = _useState4[0], setHorizontalPadding = _useState4[1];
-    var _useState5 = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState6 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState5, 2), width = _useState6[0], setWidth = _useState6[1];
-    var _useState7 = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState8 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState7, 2), height = _useState8[0], setHeight = _useState8[1];
+    var _useState = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState2 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState, 2), width = _useState2[0], setWidth = _useState2[1];
+    var _useState3 = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState4 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState3, 2), scrollTop = _useState4[0], setScrollTop = _useState4[1];
+    var _useState5 = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState6 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState5, 2), scrollLeft = _useState6[0], setScrollLeft = _useState6[1];
     var config = $d72463ab93d2098f$var$_objectSpread($d72463ab93d2098f$var$_objectSpread({}, $d72463ab93d2098f$var$defaultConfig), configProps);
-    var _config$insertPositio = config.insertPosition, insertPosition = _config$insertPositio === void 0 ? $e902G.INSERT_POSITION.TOP : _config$insertPositio, columnsRaw = config.columns, _config$hasFooter = config.hasFooter, hasFooter = _config$hasFooter === void 0 ? false : _config$hasFooter, _config$hasHeader = config.hasHeader, hasHeader = _config$hasHeader === void 0 ? true : _config$hasHeader, _config$selectableRow = config.selectableRow, selectableRow = _config$selectableRow === void 0 ? false : _config$selectableRow, _config$selectableRow2 = config.selectableRowKey, selectableRowKey = _config$selectableRow2 === void 0 ? "id" : _config$selectableRow2, _config$selectableOnl = config.selectableOnlyOneRow, selectableOnlyOneRow = _config$selectableOnl === void 0 ? false : _config$selectableOnl, customSelectionHeader = config.customSelectionHeader, _config$minCellWidth = config.minCellWidth, minCellWidth = _config$minCellWidth === void 0 ? 100 : _config$minCellWidth, _config$selectableBar = config.selectableBarInfo, selectableBarInfo = _config$selectableBar === void 0 ? false : _config$selectableBar, _config$modeAdd = config.modeAdd, modeAdd = _config$modeAdd === void 0 ? false : _config$modeAdd, _config$modeEdit = config.modeEdit, modeEdit = _config$modeEdit === void 0 ? false : _config$modeEdit, _config$modeDelete = config.modeDelete, modeDelete = _config$modeDelete === void 0 ? false : _config$modeDelete, _config$modeGroup = config.modeGroup, modeGroup = _config$modeGroup === void 0 ? false : _config$modeGroup, _config$alwaysInEditi = config.alwaysInEdition, alwaysInEdition = _config$alwaysInEditi === void 0 ? false : _config$alwaysInEditi, _config$dynamicHeight = config.dynamicHeight, dynamicHeight = _config$dynamicHeight === void 0 ? true : _config$dynamicHeight, _config$wrapHeaderTex = config.wrapHeaderText, wrapHeaderText = _config$wrapHeaderTex === void 0 ? false : _config$wrapHeaderTex, _config$rowHeight = config.rowHeight, rowHeight = _config$rowHeight === void 0 ? 32 : _config$rowHeight, headerHeight = config.headerHeight, _config$fixedColumns = config.fixedColumns, fixedColumns = _config$fixedColumns === void 0 ? 0 : _config$fixedColumns, onCustomAdd = config.onCustomAdd, _config$addOneByOne = config.addOneByOne, addOneByOne = _config$addOneByOne === void 0 ? false : _config$addOneByOne, _config$hasSearchbar = config.hasSearchbar, hasSearchbar = _config$hasSearchbar === void 0 ? true : _config$hasSearchbar, _config$groupKey = config.groupKey, groupKey = _config$groupKey === void 0 ? "id" : _config$groupKey, _config$collapsedGrou = config.collapsedGroup, collapsedGroup = _config$collapsedGrou === void 0 ? false : _config$collapsedGrou, _config$hideToolbar = config.hideToolbar, hideToolbar = _config$hideToolbar === void 0 ? false : _config$hideToolbar, _config$hideCheckbox = config.hideCheckbox, hideCheckbox = _config$hideCheckbox === void 0 ? false : _config$hideCheckbox, _config$defaultOrder = config.defaultOrder, defaultOrder = _config$defaultOrder === void 0 ? "" : _config$defaultOrder, _config$defaultOrderD = config.defaultOrderDirection, defaultOrderDirection = _config$defaultOrderD === void 0 ? $e902G.SORTABLE_DIRECTIONS.ASC : _config$defaultOrderD, addRowLabel = config.addRowLabel, onCustomOrderChange = config.onCustomOrderChange;
-    var cache = new $gXNCa$reactvirtualized.CellMeasurerCache({
-        fixedWidth: true,
-        defaultHeight: rowHeight,
-        fixedHeight: true
-    });
-    var refBodyGrid = (0, $d72463ab93d2098f$var$_react.useRef)(null);
-    var refFooterGrid = (0, $d72463ab93d2098f$var$_react.useRef)(null);
-    var refHeaderGrid = (0, $d72463ab93d2098f$var$_react.useRef)(null);
-    var refToolbar = (0, $d72463ab93d2098f$var$_react.useRef)(null);
-    var customHeaderRef = (0, $d72463ab93d2098f$var$_react.useRef)(null);
-    var customFooterRef = (0, $d72463ab93d2098f$var$_react.useRef)(null);
-    var addLineRef = (0, $d72463ab93d2098f$var$_react.useRef)(null);
+    var _config$insertPositio = config.insertPosition, insertPosition = _config$insertPositio === void 0 ? $e902G.INSERT_POSITION.TOP : _config$insertPositio, columnsRaw = config.columns, _config$hasFooter = config.hasFooter, hasFooter = _config$hasFooter === void 0 ? false : _config$hasFooter, _config$hasHeader = config.hasHeader, hasHeader = _config$hasHeader === void 0 ? true : _config$hasHeader, _config$selectableRow = config.selectableRow, selectableRow = _config$selectableRow === void 0 ? false : _config$selectableRow, _config$selectableRow2 = config.selectableRowKey, selectableRowKey = _config$selectableRow2 === void 0 ? "id" : _config$selectableRow2, _config$selectableOnl = config.selectableOnlyOneRow, selectableOnlyOneRow = _config$selectableOnl === void 0 ? false : _config$selectableOnl, customSelectionHeader = config.customSelectionHeader, _config$minCellWidth = config.minCellWidth, minCellWidth = _config$minCellWidth === void 0 ? 100 : _config$minCellWidth, _config$selectableBar = config.selectableBarInfo, selectableBarInfo = _config$selectableBar === void 0 ? false : _config$selectableBar, _config$modeAdd = config.modeAdd, modeAdd = _config$modeAdd === void 0 ? false : _config$modeAdd, _config$modeEdit = config.modeEdit, modeEdit = _config$modeEdit === void 0 ? false : _config$modeEdit, _config$modeDelete = config.modeDelete, modeDelete = _config$modeDelete === void 0 ? false : _config$modeDelete, _config$modeGroup = config.modeGroup, modeGroup = _config$modeGroup === void 0 ? false : _config$modeGroup, _config$alwaysInEditi = config.alwaysInEdition, alwaysInEdition = _config$alwaysInEditi === void 0 ? false : _config$alwaysInEditi, _config$dynamicHeight = config.dynamicHeight, dynamicHeight = _config$dynamicHeight === void 0 ? true : _config$dynamicHeight, _config$wrapHeaderTex = config.wrapHeaderText, wrapHeaderText = _config$wrapHeaderTex === void 0 ? false : _config$wrapHeaderTex, _config$rowHeight = config.rowHeight, rowHeight = _config$rowHeight === void 0 ? 32 : _config$rowHeight, headerHeight = config.headerHeight, _config$fixedColumns = config.fixedColumns, fixedColumns = _config$fixedColumns === void 0 ? 0 : _config$fixedColumns, onCustomAdd = config.onCustomAdd, _config$addOneByOne = config.addOneByOne, addOneByOne = _config$addOneByOne === void 0 ? false : _config$addOneByOne, _config$hasSearchbar = config.hasSearchbar, hasSearchbar = _config$hasSearchbar === void 0 ? true : _config$hasSearchbar, _config$groupKey = config.groupKey, groupKey = _config$groupKey === void 0 ? "id" : _config$groupKey, _config$collapsedGrou = config.collapsedGroup, collapsedGroup = _config$collapsedGrou === void 0 ? false : _config$collapsedGrou, _config$hideToolbar = config.hideToolbar, hideToolbar = _config$hideToolbar === void 0 ? false : _config$hideToolbar, _config$hideCheckbox = config.hideCheckbox, hideCheckbox = _config$hideCheckbox === void 0 ? false : _config$hideCheckbox, _config$defaultOrder = config.defaultOrder, defaultOrder = _config$defaultOrder === void 0 ? "" : _config$defaultOrder, _config$defaultOrderD = config.defaultOrderDirection, defaultOrderDirection = _config$defaultOrderD === void 0 ? $e902G.SORTABLE_DIRECTIONS.ASC : _config$defaultOrderD, addRowLabel = config.addRowLabel, onCustomOrderChange = config.onCustomOrderChange, sortedGroup = config.sortedGroup;
     var _useMachine = (0, $jV35V.useMachine)($d72463ab93d2098f$var$_machine["default"], $d72463ab93d2098f$var$_objectSpread($d72463ab93d2098f$var$_objectSpread({}, $d72463ab93d2098f$var$_machine.initialContext), {}, {
         selectedRows: (0, $idhBf.createSelection)(defaultSelectedRows)
     })), _useMachine2 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useMachine, 4), state = _useMachine2[0], context = _useMachine2[1], send = _useMachine2[2], can = _useMachine2[3];
-    var _useState9 = (0, $d72463ab93d2098f$var$_react.useState)({}), _useState10 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState9, 2), searchFilters = _useState10[0], setSearchFilters = _useState10[1];
+    var _useState7 = (0, $d72463ab93d2098f$var$_react.useState)({}), _useState8 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState7, 2), searchFilters = _useState8[0], setSearchFilters = _useState8[1];
     var _useSortable = (0, $ckVq7.useSortable)(defaultOrder, defaultOrderDirection, onCustomOrderChange), order = _useSortable.order, orderDirection = _useSortable.orderDirection, onOrderChange = _useSortable.onOrderChange;
     var _useColumns = (0, $d72463ab93d2098f$var$_useColumns2["default"])(columnsRaw, tableKeyName, config), _columns = _useColumns.state, dispatchColumnsSetting = _useColumns.dispatch;
     var _useApiState = (0, $d72463ab93d2098f$var$_useApiState3["default"])(ref), _useApiState2 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useApiState, 1), apiRef = _useApiState2[0];
     var CHECKBOX_COLUMN = "checkboxColumn";
     var uniqueTableId = (0, $lDpO0.generateId)();
     var data = (0, $d72463ab93d2098f$var$_react.useMemo)(function() {
-        if (order) return (0, $azJMN.applySorting)(rowData, _columns, order, orderDirection);
+        if (order) {
+            if (modeGroup) return (0, $azJMN.applyGroupSorting)(rowData, _columns, order, orderDirection, groupKey, sortedGroup);
+            return (0, $azJMN.applySorting)(rowData, _columns, order, orderDirection);
+        }
         return rowData;
     }, [
         rowData,
@@ -312,7 +303,7 @@ var $d72463ab93d2098f$var$VirtualTable = /*#__PURE__*/ $d72463ab93d2098f$var$_re
     var processRowsData = (0, $d72463ab93d2098f$var$_react.useCallback)(function() {
         if (modeGroup) {
             if (collapsedGroup) return (0, $fwYho.processCollapsedGroups)(data);
-            return (0, $fwYho.processGroups)(data, groupKey);
+            return (0, $fwYho.processGroups)(data, groupKey, order, orderDirection);
         }
         return data;
     }, [
@@ -348,68 +339,7 @@ var $d72463ab93d2098f$var$VirtualTable = /*#__PURE__*/ $d72463ab93d2098f$var$_re
         dataRows,
         searchFilters
     ]);
-    var handleResize = (0, $d72463ab93d2098f$var$_react.useCallback)(function(dimension) {
-        setWidth(dimension.width);
-        setHeight(dimension.height);
-    }, []);
     var hasSelectionManager = (modeEdit || modeDelete || selectableBarInfo || hasSearchbar) && !hideToolbar;
-    var refHeight = (0, $d72463ab93d2098f$var$_react.useMemo)(function() {
-        var heightCalculate = 0;
-        if (refFooterGrid.current) {
-            var _refFooterGrid$curren;
-            heightCalculate += refFooterGrid === null || refFooterGrid === void 0 ? void 0 : (_refFooterGrid$curren = refFooterGrid.current) === null || _refFooterGrid$curren === void 0 ? void 0 : _refFooterGrid$curren.clientHeight;
-        }
-        if (refToolbar.current) {
-            var _refToolbar$current;
-            heightCalculate += refToolbar === null || refToolbar === void 0 ? void 0 : (_refToolbar$current = refToolbar.current) === null || _refToolbar$current === void 0 ? void 0 : _refToolbar$current.clientHeight;
-        }
-        if (customHeaderRef.current) {
-            var _customHeaderRef$curr;
-            heightCalculate += customHeaderRef === null || customHeaderRef === void 0 ? void 0 : (_customHeaderRef$curr = customHeaderRef.current) === null || _customHeaderRef$curr === void 0 ? void 0 : _customHeaderRef$curr.clientHeight;
-        }
-        if (customFooterRef.current) {
-            var _customFooterRef$curr;
-            heightCalculate += customFooterRef === null || customFooterRef === void 0 ? void 0 : (_customFooterRef$curr = customFooterRef.current) === null || _customFooterRef$curr === void 0 ? void 0 : _customFooterRef$curr.clientHeight;
-        }
-        if (refHeaderGrid.current) {
-            var _refHeaderGrid$curren, _refHeaderGrid$curren2, _refHeaderGrid$curren3;
-            heightCalculate += (refHeaderGrid === null || refHeaderGrid === void 0 ? void 0 : (_refHeaderGrid$curren = refHeaderGrid.current) === null || _refHeaderGrid$curren === void 0 ? void 0 : (_refHeaderGrid$curren2 = _refHeaderGrid$curren.props) === null || _refHeaderGrid$curren2 === void 0 ? void 0 : _refHeaderGrid$curren2.height) || (refHeaderGrid === null || refHeaderGrid === void 0 ? void 0 : (_refHeaderGrid$curren3 = refHeaderGrid.current) === null || _refHeaderGrid$curren3 === void 0 ? void 0 : _refHeaderGrid$curren3.clientHeight);
-        }
-        if (modeAdd) {
-            var _addLineRef$current;
-            heightCalculate += (addLineRef === null || addLineRef === void 0 ? void 0 : (_addLineRef$current = addLineRef.current) === null || _addLineRef$current === void 0 ? void 0 : _addLineRef$current.clientHeight) || 32;
-        }
-        return heightCalculate;
-    }, [
-        modeAdd,
-        refFooterGrid === null || refFooterGrid === void 0 ? void 0 : refFooterGrid.current,
-        customHeaderRef === null || customHeaderRef === void 0 ? void 0 : customHeaderRef.current,
-        customFooterRef === null || customFooterRef === void 0 ? void 0 : customFooterRef.current,
-        refHeaderGrid === null || refHeaderGrid === void 0 ? void 0 : refHeaderGrid.current,
-        addLineRef === null || addLineRef === void 0 ? void 0 : addLineRef.current
-    ]);
-    var autoSizerStyle = (0, $d72463ab93d2098f$var$_react.useMemo)(function() {
-        return {
-            height: "".concat(displayableRows.length * rowHeight + refHeight + verticalPadding, "px"),
-            maxHeight: maxHeight,
-            width: widthTable
-        };
-    }, [
-        maxHeight,
-        widthTable,
-        displayableRows
-    ]);
-    var bodyHeight = (0, $d72463ab93d2098f$var$_react.useMemo)(function() {
-        var rowsHeight = displayableRows.length * 32;
-        var heightCalculate = height - refHeight;
-        if (rowsHeight <= parseInt(heightCalculate)) return rowsHeight + verticalPadding;
-        return heightCalculate;
-    }, [
-        height,
-        maxHeight,
-        refHeight,
-        verticalPadding
-    ]);
     var handleAddClick = function handleAddClick() {
         if (onCustomAdd) onCustomAdd();
         else send("add", {
@@ -419,24 +349,29 @@ var $d72463ab93d2098f$var$VirtualTable = /*#__PURE__*/ $d72463ab93d2098f$var$_re
         });
     };
     var columnsWidth = (0, $d72463ab93d2098f$var$_react.useMemo)(function() {
-        return (0, $e902G.calculateColumnsWidth)(columns, width, horizontalPadding, minCellWidth);
+        return (0, $e902G.calculateColumnsWidth)(columns, width, minCellWidth);
     }, [
         columns,
-        width,
-        horizontalPadding
+        width
     ]);
     var columnsTotalWidth = columns.reduce(function(prev, _ref4) {
         var key = _ref4.key;
         return prev += columnsWidth[key];
     }, 0);
+    var _getColumnWidth = function _getColumnWidth(_ref5) {
+        var index = _ref5.index;
+        var key = columns[index].key;
+        return columnsWidth[key];
+    };
     return /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement("div", {
         style: {
-            maxHeight: maxHeight
+            maxHeight: maxHeight || "inherit"
         },
         "data-role": "table",
         id: tableKeyName,
         "data-rows-count": displayableRows === null || displayableRows === void 0 ? void 0 : displayableRows.length,
-        "data-columns-count": columns === null || columns === void 0 ? void 0 : columns.length
+        "data-columns-count": columns === null || columns === void 0 ? void 0 : columns.length,
+        className: styles.GridColumn
     }, /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_context["default"].Provider, {
         value: {
             state: state,
@@ -461,98 +396,70 @@ var $d72463ab93d2098f$var$VirtualTable = /*#__PURE__*/ $d72463ab93d2098f$var$_re
     }, /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_ApiRefHandler["default"], null), /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement("div", {
         id: "vt-totalrows-".concat(uniqueTableId),
         "data-totalrows": displayableRows === null || displayableRows === void 0 ? void 0 : displayableRows.length
-    }), /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_react["default"].Fragment, null, /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($gXNCa$reactvirtualized.ScrollSync, null, function(_ref5) {
-        var _onScroll = _ref5.onScroll, scrollLeft = _ref5.scrollLeft, scrollTop = _ref5.scrollTop;
-        return /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($gXNCa$reactvirtualized.AutoSizer, {
-            onResize: handleResize,
-            style: autoSizerStyle
-        }, function(_ref6) {
-            var width = _ref6.width;
-            var _getColumnWidth = function _getColumnWidth(_ref7) {
-                var index = _ref7.index;
-                var key = columns[index].key;
-                return columnsWidth[key];
-            };
-            return /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement("div", {
-                className: styles.GridRow
-            }, /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement("div", {
-                className: styles.GridColumn
-            }, customSelectionHeader || hasSelectionManager && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_Toolbar["default"], {
-                ref: refToolbar,
-                displayableRows: displayableRows,
-                setSearchFilters: setSearchFilters,
-                handleRowsToDelete: handleRowsToDelete,
-                handleValidateEdit: handleValidateEdit,
-                handleValidateAdd: handleValidateAdd,
-                handleCancel: handleCancel,
-                onChangeColumnsSetting: dispatchColumnsSetting
-            }), customHeader && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].cloneElement(customHeader, {
-                ref: customHeaderRef
-            }), hasHeader && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_Header["default"], {
-                ref: refHeaderGrid,
-                columnWidth: _getColumnWidth,
-                height: wrapHeaderText ? headerHeight : 32,
-                rowHeight: wrapHeaderText ? headerHeight : 32,
-                scrollLeft: scrollLeft,
-                fixedColumnCount: fixedColumns + +hasCheckBox,
-                width: width,
-                displayableRows: displayableRows,
-                order: order,
-                orderDirection: orderDirection,
-                onOrderChange: onOrderChange
-            }), modeAdd && insertPosition === $e902G.INSERT_POSITION.TOP && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_AddLine["default"], {
-                ref: addLineRef,
-                onAdd: handleAddClick,
-                label: addRowLabel
-            }), /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_Body["default"], {
-                tableKeyName: tableKeyName,
-                cache: cache,
-                ref: refBodyGrid,
-                columnWidth: _getColumnWidth,
-                height: bodyHeight,
-                displayableRows: displayableRows,
-                totalWidth: columnsTotalWidth,
-                onScroll: function onScroll(onScrollParams) {
-                    _onScroll(onScrollParams);
-                    if (typeof onCustomScroll === "function") onCustomScroll(onScrollParams);
-                },
-                scrollLeft: scrollLeft,
-                scrollTop: scrollTop,
-                rowHeight: rowHeight,
-                fixedColumnCount: fixedColumns + +hasCheckBox,
-                horizontalPadding: horizontalPadding,
-                onScrollbarPresenceChange: function onScrollbarPresenceChange(_ref8) {
-                    var horizontal = _ref8.horizontal, size = _ref8.size, vertical = _ref8.vertical;
-                    setVerticalPadding(horizontal ? size : 0);
-                    setHorizontalPadding(vertical ? size : 0);
-                },
-                onCellFocus: handleCellFocus,
-                onCellBlur: handleCellBlur,
-                onClick: onClick,
-                onDoubleClick: onDoubleClick,
-                onRowClick: onRowClick,
-                onRowContextMenu: onRowContextMenu,
-                width: width,
-                focusedCell: currentCell,
-                onKeyDown: onKeyDown
-            }), modeAdd && insertPosition === $e902G.INSERT_POSITION.BOTTOM && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_AddLine["default"], {
-                ref: addLineRef,
-                onAdd: handleAddClick,
-                label: addRowLabel
-            }), hasFooter && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_Footer["default"], {
-                ref: refFooterGrid,
-                modeEdit: modeEdit,
-                columnWidth: _getColumnWidth,
-                displayableRows: displayableRows,
-                rowHeight: cache.rowHeight,
-                scrollLeft: scrollLeft,
-                fixedColumnCount: fixedColumns + +hasCheckBox,
-                width: width
-            }), customFooter && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].cloneElement(customFooter, {
-                ref: customFooterRef,
-                scrollLeft: scrollLeft
-            })));
-        });
+    }), /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_react["default"].Fragment, null, customSelectionHeader || hasSelectionManager && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_Toolbar["default"], {
+        displayableRows: displayableRows,
+        setSearchFilters: setSearchFilters,
+        handleRowsToDelete: handleRowsToDelete,
+        handleValidateEdit: handleValidateEdit,
+        handleValidateAdd: handleValidateAdd,
+        handleCancel: handleCancel,
+        onChangeColumnsSetting: dispatchColumnsSetting
+    }), customHeader && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].cloneElement(customHeader, {
+        fixedColumnCount: fixedColumns + +hasCheckBox,
+        scrollLeft: scrollLeft,
+        columnWidth: _getColumnWidth
+    }), hasHeader && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_Header["default"], {
+        columnWidth: _getColumnWidth,
+        height: wrapHeaderText ? headerHeight : 32,
+        rowHeight: wrapHeaderText ? headerHeight : 32,
+        scrollLeft: scrollLeft,
+        fixedColumnCount: fixedColumns + +hasCheckBox,
+        width: width,
+        displayableRows: displayableRows,
+        order: order,
+        orderDirection: orderDirection,
+        onOrderChange: onOrderChange
+    }), modeAdd && insertPosition === $e902G.INSERT_POSITION.TOP && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_AddLine["default"], {
+        onAdd: handleAddClick,
+        label: addRowLabel
+    }), /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_Body["default"], {
+        tableKeyName: tableKeyName,
+        columnWidth: _getColumnWidth,
+        displayableRows: displayableRows,
+        totalWidth: columnsTotalWidth,
+        onScroll: function onScroll(onScrollParams) {
+            setScrollLeft(onScrollParams.scrollLeft);
+            setScrollTop(onScrollParams.scrollTop);
+            if (typeof onCustomScroll === "function") onCustomScroll(onScrollParams);
+        },
+        scrollLeft: scrollLeft,
+        scrollTop: scrollTop,
+        rowHeight: rowHeight,
+        fixedColumnCount: fixedColumns + +hasCheckBox,
+        onCellFocus: handleCellFocus,
+        onCellBlur: handleCellBlur,
+        onClick: onClick,
+        onDoubleClick: onDoubleClick,
+        onRowClick: onRowClick,
+        onRowContextMenu: onRowContextMenu,
+        width: width,
+        focusedCell: currentCell,
+        onKeyDown: onKeyDown,
+        setWidth: setWidth
+    }), modeAdd && insertPosition === $e902G.INSERT_POSITION.BOTTOM && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_AddLine["default"], {
+        onAdd: handleAddClick,
+        label: addRowLabel
+    }), hasFooter && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].createElement($d72463ab93d2098f$var$_Footer["default"], {
+        modeEdit: modeEdit,
+        columnWidth: _getColumnWidth,
+        displayableRows: displayableRows,
+        scrollLeft: scrollLeft,
+        fixedColumnCount: fixedColumns + +hasCheckBox,
+        width: width
+    }), customFooter && /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].cloneElement(customFooter, {
+        fixedColumnCount: fixedColumns + +hasCheckBox,
+        scrollLeft: scrollLeft,
+        columnWidth: _getColumnWidth
     }))));
 }));
 $d72463ab93d2098f$var$VirtualTable.propTypes = {
@@ -620,17 +527,16 @@ var $0dc163860acc2627$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireD
 var $0dc163860acc2627$var$_I18n = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("b4Pcp")));
 
 var $0dc163860acc2627$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("7rg17")));
-var $0dc163860acc2627$var$AddLine = /*#__PURE__*/ $0dc163860acc2627$var$_react["default"].forwardRef(function AddLine(_ref, ref) {
+var $0dc163860acc2627$var$AddLine = function AddLine(_ref) {
     var onAdd = _ref.onAdd, label = _ref.label;
     var styles = (0, $0dc163860acc2627$var$_styles["default"])();
     return /*#__PURE__*/ $0dc163860acc2627$var$_react["default"].createElement("div", {
         className: styles.root,
         onClick: onAdd,
         "data-role": "add-row",
-        role: "button",
-        ref: ref
+        role: "button"
     }, label);
-});
+};
 $0dc163860acc2627$var$AddLine.propTypes = {
     label: $0dc163860acc2627$var$_propTypes["default"].string,
     onAdd: $0dc163860acc2627$var$_propTypes["default"].func.isRequired
@@ -880,6 +786,7 @@ var $56a77aac93333633$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequire
 var $56a77aac93333633$var$useStyles = (0, $56a77aac93333633$var$_makeStyles["default"])(function(theme) {
     return {
         root: {
+            flexShrink: 0,
             cursor: "pointer",
             height: 32,
             backgroundColor: theme.palette.info.main,
@@ -918,12 +825,16 @@ var $33a6c9c6ce93d958$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRe
 
 var $33a6c9c6ce93d958$var$_extends2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersextends);
 
+var $33a6c9c6ce93d958$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersslicedToArray);
+
 var $33a6c9c6ce93d958$var$_objectWithoutProperties2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersobjectWithoutProperties);
 
 var $33a6c9c6ce93d958$var$_classnames = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$classnames);
 
 var $33a6c9c6ce93d958$var$_react = $33a6c9c6ce93d958$var$_interopRequireWildcard($gXNCa$react);
 
+var $33a6c9c6ce93d958$var$_resizeObserver = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("leMQx")));
+
 var $ckVq7 = parcelRequire("ckVq7");
 
 var $e902G = parcelRequire("e902G");
@@ -936,15 +847,12 @@ var $33a6c9c6ce93d958$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefa
 
 var $33a6c9c6ce93d958$var$_VirtualGrid = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("9uUS3")));
 var $33a6c9c6ce93d958$var$_excluded = [
-    "cache",
     "displayableRows",
-    "height",
-    "onScrollbarPresenceChange",
     "domRef",
     "scrollLeft",
     "totalWidth",
     "onScroll",
-    "horizontalPadding"
+    "setWidth"
 ];
 function $33a6c9c6ce93d958$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -972,11 +880,23 @@ function $33a6c9c6ce93d958$var$_interopRequireWildcard(obj, nodeInterop) {
     if (cache) cache.set(obj, newObj);
     return newObj;
 }
-var $33a6c9c6ce93d958$var$Body = /*#__PURE__*/ $33a6c9c6ce93d958$var$_react["default"].forwardRef(function Body(props, ref) {
-    var cache = props.cache, displayableRows = props.displayableRows, height = props.height, onScrollbarPresenceChange = props.onScrollbarPresenceChange, domRef = props.domRef, scrollLeft = props.scrollLeft, totalWidth = props.totalWidth, onScroll = props.onScroll, horizontalPadding = props.horizontalPadding, rest = (0, $33a6c9c6ce93d958$var$_objectWithoutProperties2["default"])(props, $33a6c9c6ce93d958$var$_excluded);
+var $33a6c9c6ce93d958$var$Body = function Body(props) {
+    var displayableRows = props.displayableRows, domRef = props.domRef, scrollLeft = props.scrollLeft, totalWidth = props.totalWidth, onScroll = props.onScroll, setWidth = props.setWidth, rest = (0, $33a6c9c6ce93d958$var$_objectWithoutProperties2["default"])(props, $33a6c9c6ce93d958$var$_excluded);
+    var _useState = (0, $33a6c9c6ce93d958$var$_react.useState)(), _useState2 = (0, $33a6c9c6ce93d958$var$_slicedToArray2["default"])(_useState, 2), height = _useState2[0], setHeight = _useState2[1];
+    var ref = (0, $33a6c9c6ce93d958$var$_react.useRef)();
     var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config, _useConfig$config$alw = _useConfig$config.alwaysInEdition, alwaysInEdition = _useConfig$config$alw === void 0 ? false : _useConfig$config$alw, columns = _useConfig$config.columns, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, selectableRowKey = _useConfig$config.selectableRowKey, _useConfig$config$has = _useConfig$config.hasSecureSociety, hasSecureSociety = _useConfig$config$has === void 0 ? false : _useConfig$config$has, _useConfig$config$ope = _useConfig$config.openSocieties, openSocieties = _useConfig$config$ope === void 0 ? [] : _useConfig$config$ope, stylesProp = _useConfig$config.styles;
+    (0, $33a6c9c6ce93d958$var$_react.useEffect)(function() {
+        var ro = new $33a6c9c6ce93d958$var$_resizeObserver["default"]();
+        ro.observe(ref.current, function(entry) {
+            var _entry$borderBoxSize, _entry$borderBoxSize$;
+            setHeight(Math.ceil((_entry$borderBoxSize = entry.borderBoxSize) === null || _entry$borderBoxSize === void 0 ? void 0 : (_entry$borderBoxSize$ = _entry$borderBoxSize[0]) === null || _entry$borderBoxSize$ === void 0 ? void 0 : _entry$borderBoxSize$.blockSize));
+            setWidth(entry.contentRect.width);
+        });
+        return function() {
+            ro.disconnect();
+        };
+    }, []);
     var styles = (0, $33a6c9c6ce93d958$var$_styles["default"])({
-        horizontalPadding: horizontalPadding,
         rowHeight: props.rowHeight
     });
     var openSocietiesIds = openSocieties.map(function(society) {
@@ -1003,7 +923,6 @@ var $33a6c9c6ce93d958$var$Body = /*#__PURE__*/ $33a6c9c6ce93d958$var$_react["def
             columns: columns,
             selectableRowKey: selectableRowKey,
             displayableRows: displayableRows,
-            cache: cache,
             hasSecureSociety: hasSecureSociety,
             openSocietiesIds: openSocietiesIds,
             alwaysInEdition: alwaysInEdition,
@@ -1011,35 +930,154 @@ var $33a6c9c6ce93d958$var$Body = /*#__PURE__*/ $33a6c9c6ce93d958$var$_react["def
         }, rest));
     }, [
         displayableRows,
-        cache,
         scrollLeft,
         columns,
         hasSecureSociety,
         openSocieties,
         alwaysInEdition
     ]);
-    return /*#__PURE__*/ $33a6c9c6ce93d958$var$_react["default"].createElement("div", {
-        className: (0, $33a6c9c6ce93d958$var$_classnames["default"])(containerCustomStyling === null || containerCustomStyling === void 0 ? void 0 : containerCustomStyling.classes, styles.gridContainer),
-        ref: domRef,
-        "data-role": "body",
-        style: containerCustomStyling === null || containerCustomStyling === void 0 ? void 0 : containerCustomStyling.style
-    }, /*#__PURE__*/ $33a6c9c6ce93d958$var$_react["default"].createElement($33a6c9c6ce93d958$var$_VirtualGrid["default"], (0, $33a6c9c6ce93d958$var$_extends2["default"])({
+    return /*#__PURE__*/ $33a6c9c6ce93d958$var$_react["default"].createElement($33a6c9c6ce93d958$var$_VirtualGrid["default"], (0, $33a6c9c6ce93d958$var$_extends2["default"])({
         ref: ref,
-        className: (0, $33a6c9c6ce93d958$var$_classnames["default"])("vtBody", styles.BodyGrid, styles.defaultStyle, (0, $33a6c9c6ce93d958$var$_defineProperty2["default"])({}, styles.BodyGrid_withBorders, withBorders)),
+        className: (0, $33a6c9c6ce93d958$var$_classnames["default"])("vtBody", styles.BodyGrid, styles.defaultStyle, containerCustomStyling === null || containerCustomStyling === void 0 ? void 0 : containerCustomStyling.classes, (0, $33a6c9c6ce93d958$var$_defineProperty2["default"])({}, styles.BodyGrid_withBorders, withBorders)),
         rowCount: displayableRows.length,
         onScroll: onScroll,
         contentWidth: totalWidth,
         height: height,
         rowRenderer: _renderBodyRow,
         scrollLeft: scrollLeft,
-        estimatedRowSize: props.rowHeight,
-        onScrollbarPresenceChange: onScrollbarPresenceChange
-    }, rest)));
-});
+        estimatedRowSize: props.rowHeight
+    }, rest));
+};
 var $33a6c9c6ce93d958$var$_default = $33a6c9c6ce93d958$var$Body;
 module.exports["default"] = $33a6c9c6ce93d958$var$_default;
 
 });
+parcelRequire.register("leMQx", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $f760cba34a65e089$var$_classCallCheck2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersclassCallCheck);
+
+var $f760cba34a65e089$var$_createClass2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelperscreateClass);
+
+var $f760cba34a65e089$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
+function $f760cba34a65e089$var$_createForOfIteratorHelper(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (!it) {
+        if (Array.isArray(o) || (it = $f760cba34a65e089$var$_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+            if (it) o = it;
+            var i = 0;
+            var F = function F() {};
+            return {
+                s: F,
+                n: function n() {
+                    if (i >= o.length) return {
+                        done: true
+                    };
+                    return {
+                        done: false,
+                        value: o[i++]
+                    };
+                },
+                e: function e(_e) {
+                    throw _e;
+                },
+                f: F
+            };
+        }
+        throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    var normalCompletion = true, didErr = false, err;
+    return {
+        s: function s() {
+            it = it.call(o);
+        },
+        n: function n() {
+            var step = it.next();
+            normalCompletion = step.done;
+            return step;
+        },
+        e: function e(_e2) {
+            didErr = true;
+            err = _e2;
+        },
+        f: function f() {
+            try {
+                if (!normalCompletion && it["return"] != null) it["return"]();
+            } finally{
+                if (didErr) throw err;
+            }
+        }
+    };
+}
+function $f760cba34a65e089$var$_unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return $f760cba34a65e089$var$_arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $f760cba34a65e089$var$_arrayLikeToArray(o, minLen);
+}
+function $f760cba34a65e089$var$_arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+var $f760cba34a65e089$var$ResizeObserverHelper = /*#__PURE__*/ function() {
+    function ResizeObserverHelper() {
+        var _this = this;
+        (0, $f760cba34a65e089$var$_classCallCheck2["default"])(this, ResizeObserverHelper);
+        (0, $f760cba34a65e089$var$_defineProperty2["default"])(this, "observer", void 0);
+        (0, $f760cba34a65e089$var$_defineProperty2["default"])(this, "callbacks", void 0);
+        this.callbacks = new Map();
+        this.observer = new ResizeObserver(function(entries) {
+            var _iterator = $f760cba34a65e089$var$_createForOfIteratorHelper(entries), _step;
+            try {
+                for(_iterator.s(); !(_step = _iterator.n()).done;){
+                    var entry = _step.value;
+                    var callback = _this.callbacks.get(entry.target);
+                    if (callback) callback(entry);
+                }
+            } catch (err) {
+                _iterator.e(err);
+            } finally{
+                _iterator.f();
+            }
+        });
+    }
+    (0, $f760cba34a65e089$var$_createClass2["default"])(ResizeObserverHelper, [
+        {
+            key: "observe",
+            value: function observe(element, callback) {
+                if (!this.callbacks.has(element)) this.observer.observe(element);
+                this.callbacks.set(element, callback);
+            }
+        },
+        {
+            key: "unobserve",
+            value: function unobserve(element) {
+                this.observer.unobserve(element);
+                this.callbacks["delete"](element);
+            }
+        },
+        {
+            key: "disconnect",
+            value: function disconnect() {
+                this.observer.disconnect();
+            }
+        }
+    ]);
+    return ResizeObserverHelper;
+}();
+var $f760cba34a65e089$var$_default = $f760cba34a65e089$var$ResizeObserverHelper;
+module.exports["default"] = $f760cba34a65e089$var$_default;
+
+});
+
 parcelRequire.register("ckVq7", function(module, exports) {
 "use strict";
 
@@ -1381,9 +1419,8 @@ function $a4c1f05a2ad8512a$var$isAsync(func) {
     ].includes(func === null || func === void 0 ? void 0 : (_func$constructor = func.constructor) === null || _func$constructor === void 0 ? void 0 : _func$constructor.name);
 }
 function $a4c1f05a2ad8512a$var$calculateColumnsWidth(columns, width) {
-    var horizontalPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    var minCellWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 100;
-    var totalColumnsWidth = horizontalPadding;
+    var minCellWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;
+    var totalColumnsWidth = 0;
     var totalColumnsSize = 0;
     columns.forEach(function(item) {
         totalColumnsWidth += Number.isNaN(Number(item === null || item === void 0 ? void 0 : item.width)) ? item !== null && item !== void 0 && item.size ? 0 : minCellWidth : item.width;
@@ -2016,7 +2053,6 @@ var $5975f126da112a16$var$_Cell = $gXNCa$babelruntimehelpersinteropRequireDefaul
 
 var $ckVq7 = parcelRequire("ckVq7");
 var $5975f126da112a16$var$_excluded = [
-    "cache",
     "columns",
     "columnWidth",
     "displayableRows",
@@ -2087,7 +2123,7 @@ function $5975f126da112a16$var$_objectSpread(target) {
 }
 var $5975f126da112a16$var$BodyRow = function BodyRow(props) {
     var _row$parentRowIndex;
-    var cache = props.cache, columns = props.columns, columnWidth = props.columnWidth, displayableRows = props.displayableRows, fixedColumnCount = props.fixedColumnCount, hasCheckBoxHidden = props.hasCheckBoxHidden, rowIndex = props.rowIndex, _props$row = props.row, row = _props$row === void 0 ? {} : _props$row, scrollLeft = props.scrollLeft, selectableRowKey = props.selectableRowKey, style = props.style, classes = props.classes, isVisible = props.isVisible, _props$hasSecureSocie = props.hasSecureSociety, hasSecureSociety = _props$hasSecureSocie === void 0 ? false : _props$hasSecureSocie, _props$openSocietiesI = props.openSocietiesIds, openSocietiesIds = _props$openSocietiesI === void 0 ? [] : _props$openSocietiesI, _props$alwaysInEditio = props.alwaysInEdition, alwaysInEdition = _props$alwaysInEditio === void 0 ? false : _props$alwaysInEditio, bodyStylesProp = props.bodyStylesProp, onRowContextMenu = props.onRowContextMenu, onRowClick = props.onRowClick, rest = (0, $5975f126da112a16$var$_objectWithoutProperties2["default"])(props, $5975f126da112a16$var$_excluded);
+    var columns = props.columns, columnWidth = props.columnWidth, displayableRows = props.displayableRows, fixedColumnCount = props.fixedColumnCount, hasCheckBoxHidden = props.hasCheckBoxHidden, rowIndex = props.rowIndex, _props$row = props.row, row = _props$row === void 0 ? {} : _props$row, scrollLeft = props.scrollLeft, selectableRowKey = props.selectableRowKey, style = props.style, classes = props.classes, isVisible = props.isVisible, _props$hasSecureSocie = props.hasSecureSociety, hasSecureSociety = _props$hasSecureSocie === void 0 ? false : _props$hasSecureSocie, _props$openSocietiesI = props.openSocietiesIds, openSocietiesIds = _props$openSocietiesI === void 0 ? [] : _props$openSocietiesI, _props$alwaysInEditio = props.alwaysInEdition, alwaysInEdition = _props$alwaysInEditio === void 0 ? false : _props$alwaysInEditio, bodyStylesProp = props.bodyStylesProp, onRowContextMenu = props.onRowContextMenu, onRowClick = props.onRowClick, rest = (0, $5975f126da112a16$var$_objectWithoutProperties2["default"])(props, $5975f126da112a16$var$_excluded);
     var _useConfig = (0, $ckVq7.useConfig)(), send = _useConfig.send;
     var apiRef = (0, $4IFzq.useApiRef)();
     var selectedRows = (0, $9E7Hm.useSelector)(apiRef, $lRxmh.selectedRowsSelector);
@@ -2134,7 +2170,6 @@ var $5975f126da112a16$var$BodyRow = function BodyRow(props) {
         var key = columns[columnIndex].key;
         return /*#__PURE__*/ $5975f126da112a16$var$_react["default"].createElement($5975f126da112a16$var$_Cell["default"], (0, $5975f126da112a16$var$_extends2["default"])({
             key: "".concat(keyId, "-").concat(columnIndex, "-").concat(key),
-            cache: cache,
             displayableRows: displayableRows,
             keyName: "".concat(keyId, "-").concat(key),
             hasCheckBoxHidden: hasCheckBoxHidden,
@@ -9680,7 +9715,7 @@ var $39694de9ccf18c3d$var$InlineButton = function InlineButton(props) {
                             break;
                         }
                         _context.prev = 1;
-                        if ((_button$onClick = button.onClick) !== null && _button$onClick !== void 0 && _button$onClick.then || (0, $e902G.isAsync)(button.onClick)) setIsLoading((0, $39694de9ccf18c3d$var$_defineProperty2["default"])({}, button.text, true));
+                        if (!button.noLoader && ((_button$onClick = button.onClick) !== null && _button$onClick !== void 0 && _button$onClick.then || (0, $e902G.isAsync)(button.onClick))) setIsLoading((0, $39694de9ccf18c3d$var$_defineProperty2["default"])({}, button.text, true));
                         setDisableAllOnLoad(true);
                         _context.next = 6;
                         return button.onClick(e);
@@ -12682,9 +12717,9 @@ function $6ea307c9b2d01d64$var$_interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 var $6ea307c9b2d01d64$var$VirtualGrid = /*#__PURE__*/ (0, $6ea307c9b2d01d64$var$_react.forwardRef)(function VirtualGrid(props, ref) {
-    var className = props.className, contentWidth = props.contentWidth, _props$estimatedRowSi = props.estimatedRowSize, estimatedRowSize = _props$estimatedRowSi === void 0 ? 32 : _props$estimatedRowSi, height = props.height, _props$onScroll = props.onScroll, _onScroll = _props$onScroll === void 0 ? function() {} : _props$onScroll, onScrollbarPresenceChange = props.onScrollbarPresenceChange, _props$overscanRowCou = props.overscanRowCount, overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou, rowCount = props.rowCount, _props$rowRenderer = props.rowRenderer, rowRenderer = _props$rowRenderer === void 0 ? function() {
+    var className = props.className, contentWidth = props.contentWidth, _props$estimatedRowSi = props.estimatedRowSize, estimatedRowSize = _props$estimatedRowSi === void 0 ? 32 : _props$estimatedRowSi, height = props.height, _props$onScroll = props.onScroll, _onScroll = _props$onScroll === void 0 ? function() {} : _props$onScroll, _props$overscanRowCou = props.overscanRowCount, overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou, rowCount = props.rowCount, _props$rowRenderer = props.rowRenderer, rowRenderer = _props$rowRenderer === void 0 ? function() {
         return null;
-    } : _props$rowRenderer, scrollTop = props.scrollTop, width = props.width;
+    } : _props$rowRenderer, scrollTop = props.scrollTop;
     var styleCache = [];
     var _calculateRowIndexesR = (0, $8rceO.calculateRowIndexesRange)({
         height: height,
@@ -12709,19 +12744,10 @@ var $6ea307c9b2d01d64$var$VirtualGrid = /*#__PURE__*/ (0, $6ea307c9b2d01d64$var$
         }
         return rowsToRender;
     };
-    (0, $6ea307c9b2d01d64$var$_react.useEffect)(function() {
-        if (ref !== null && ref !== void 0 && ref.current) onScrollbarPresenceChange((0, $8rceO.getScrollbarDimension)(ref === null || ref === void 0 ? void 0 : ref.current));
-    }, [
-        rowCount,
-        height,
-        width
-    ]);
     return /*#__PURE__*/ $6ea307c9b2d01d64$var$_react["default"].createElement("div", {
         ref: ref,
         className: className,
-        style: {
-            height: height
-        },
+        "data-role": "body",
         onScroll: function onScroll(e) {
             return _onScroll(e.target);
         },
@@ -12730,7 +12756,8 @@ var $6ea307c9b2d01d64$var$VirtualGrid = /*#__PURE__*/ (0, $6ea307c9b2d01d64$var$
         style: {
             width: contentWidth,
             height: rowCount * estimatedRowSize,
-            position: "relative"
+            position: "relative",
+            minWidth: "100%"
         }
     }, getRows()));
 });
@@ -12828,10 +12855,11 @@ function $62231dc23eb5e423$var$_interopRequireWildcard(obj, nodeInterop) {
     if (cache) cache.set(obj, newObj);
     return newObj;
 }
-var $62231dc23eb5e423$var$Footer = /*#__PURE__*/ $62231dc23eb5e423$var$_react["default"].forwardRef(function Footer(_ref, ref) {
+var $62231dc23eb5e423$var$Footer = function Footer(_ref) {
     var _ref$current;
     var modeEdit = _ref.modeEdit, displayableRows = _ref.displayableRows, domRef = _ref.domRef, rest = (0, $62231dc23eb5e423$var$_objectWithoutProperties2["default"])(_ref, $62231dc23eb5e423$var$_excluded);
     var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$foo = _useConfig$config.footerStyle, footerStyle = _useConfig$config$foo === void 0 ? {} : _useConfig$config$foo, stylesProp = _useConfig$config.styles;
+    var ref = (0, $62231dc23eb5e423$var$_react.useRef)();
     var _columns = (0, $62231dc23eb5e423$var$_react.useMemo)(function() {
         var list = [];
         for(var i = 0; i < columns.length; i++){
@@ -12912,7 +12940,7 @@ var $62231dc23eb5e423$var$Footer = /*#__PURE__*/ $62231dc23eb5e423$var$_react["d
             classes: columnIndex < rest.fixedColumnCount ? styles.fixed : null
         });
     })));
-});
+};
 var $62231dc23eb5e423$var$_default = $62231dc23eb5e423$var$Footer;
 module.exports["default"] = $62231dc23eb5e423$var$_default;
 
@@ -12929,6 +12957,7 @@ var $1b8a9f45f1071ae2$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequire
 var $1b8a9f45f1071ae2$var$useStyles = (0, $1b8a9f45f1071ae2$var$_makeStyles["default"])(function() {
     return {
         gridContainer: {
+            flexShrink: 0,
             backgroundColor: "#fff",
             overflow: "hidden"
         },
@@ -13203,8 +13232,7 @@ var $e7517de803644e56$var$_excluded = [
     "tableKeyName",
     "order",
     "orderDirection",
-    "onOrderChange",
-    "domRef"
+    "onOrderChange"
 ];
 function $e7517de803644e56$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -13294,8 +13322,8 @@ function $e7517de803644e56$var$_arrayLikeToArray(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-var $e7517de803644e56$var$Header = /*#__PURE__*/ $e7517de803644e56$var$_react["default"].forwardRef(function Header(_ref, ref) {
-    var displayableRows = _ref.displayableRows, wrapHeaderText = _ref.wrapHeaderText, _tableKeyName = _ref.tableKeyName, order = _ref.order, orderDirection = _ref.orderDirection, onOrderChange = _ref.onOrderChange, domRef = _ref.domRef, rest = (0, $e7517de803644e56$var$_objectWithoutProperties2["default"])(_ref, $e7517de803644e56$var$_excluded);
+var $e7517de803644e56$var$Header = function Header(_ref) {
+    var displayableRows = _ref.displayableRows, wrapHeaderText = _ref.wrapHeaderText, _tableKeyName = _ref.tableKeyName, order = _ref.order, orderDirection = _ref.orderDirection, onOrderChange = _ref.onOrderChange, rest = (0, $e7517de803644e56$var$_objectWithoutProperties2["default"])(_ref, $e7517de803644e56$var$_excluded);
     var CHECKBOX_COLUMN = "checkboxColumn";
     var styles = (0, $e7517de803644e56$var$_styles["default"])();
     var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$has = _useConfig$config.hasCheckBoxHidden, hasCheckBoxHidden = _useConfig$config$has === void 0 ? false : _useConfig$config$has, _useConfig$config$has2 = _useConfig$config.hasSecureSociety, hasSecureSociety = _useConfig$config$has2 === void 0 ? false : _useConfig$config$has2, openSocieties = _useConfig$config.openSocieties, _useConfig$config$sel = _useConfig$config.selectableOnlyOneRow, selectableOnlyOneRow = _useConfig$config$sel === void 0 ? false : _useConfig$config$sel, _useConfig$config$sel2 = _useConfig$config.selectableRowKey, selectableRowKey = _useConfig$config$sel2 === void 0 ? "id" : _useConfig$config$sel2, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, stylesProp = _useConfig$config.styles;
@@ -13384,11 +13412,9 @@ var $e7517de803644e56$var$Header = /*#__PURE__*/ $e7517de803644e56$var$_react["d
     };
     return /*#__PURE__*/ $e7517de803644e56$var$_react["default"].createElement("div", {
         className: (0, $e7517de803644e56$var$_classnames["default"])(containerCustomStyling === null || containerCustomStyling === void 0 ? void 0 : containerCustomStyling.classes, styles.gridContainer),
-        ref: domRef,
         "data-role": "header",
         style: containerCustomStyling === null || containerCustomStyling === void 0 ? void 0 : containerCustomStyling.style
     }, /*#__PURE__*/ $e7517de803644e56$var$_react["default"].createElement("div", {
-        ref: ref,
         "data-role": "row",
         className: (0, $e7517de803644e56$var$_classnames["default"])("vtHeader", styles.HeaderGrid, (0, $e7517de803644e56$var$_defineProperty2["default"])({}, styles.HeaderGrid_withBorders, withBorders)),
         style: {
@@ -13408,7 +13434,7 @@ var $e7517de803644e56$var$Header = /*#__PURE__*/ $e7517de803644e56$var$_react["d
             }
         });
     })));
-});
+};
 var $e7517de803644e56$var$_default = $e7517de803644e56$var$Header;
 module.exports["default"] = $e7517de803644e56$var$_default;
 
@@ -13746,6 +13772,7 @@ var $9c9f24aaa3335ba6$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequire
 var $9c9f24aaa3335ba6$var$useStyles = (0, $9c9f24aaa3335ba6$var$_makeStyles["default"])(function(theme) {
     return {
         gridContainer: {
+            flexShrink: 0,
             backgroundColor: "#fff",
             overflow: "hidden"
         },
@@ -13887,7 +13914,7 @@ function $a85085767390e993$var$_interopRequireWildcard(obj, nodeInterop) {
     if (cache) cache.set(obj, newObj);
     return newObj;
 }
-var $a85085767390e993$var$Toolbar = /*#__PURE__*/ $a85085767390e993$var$_react["default"].forwardRef(function Toolbar(_ref, ref) {
+var $a85085767390e993$var$Toolbar = function Toolbar(_ref) {
     var _apiRef$current, _apiRef$current$state;
     var _ref$setSearchFilters = _ref.setSearchFilters, setSearchFilters = _ref$setSearchFilters === void 0 ? function() {} : _ref$setSearchFilters, displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, rest = (0, $a85085767390e993$var$_objectWithoutProperties2["default"])(_ref, $a85085767390e993$var$_excluded);
     var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config;
@@ -13905,8 +13932,7 @@ var $a85085767390e993$var$Toolbar = /*#__PURE__*/ $a85085767390e993$var$_react["
         columns
     ]);
     return /*#__PURE__*/ $a85085767390e993$var$_react["default"].createElement("div", {
-        className: styles.selectionManager,
-        ref: ref
+        className: styles.selectionManager
     }, hasSearchbar && !(0, $a85085767390e993$var$_isEmpty2["default"])(searchableColumns) && /*#__PURE__*/ $a85085767390e993$var$_react["default"].createElement($a85085767390e993$var$_SearchBar["default"], {
         columns: searchableColumns,
         onChange: function onChange(filters, q) {
@@ -13927,7 +13953,7 @@ var $a85085767390e993$var$Toolbar = /*#__PURE__*/ $a85085767390e993$var$_react["
         handleValidateAdd: handleValidateAdd,
         displayableRows: displayableRows
     }, rest)));
-});
+};
 var $a85085767390e993$var$_default = $a85085767390e993$var$Toolbar;
 module.exports["default"] = $a85085767390e993$var$_default;
 
@@ -14749,6 +14775,8 @@ var $4cc03a09cd474ddf$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRe
 
 var $4cc03a09cd474ddf$var$_toConsumableArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelperstoConsumableArray);
 
+var $4cc03a09cd474ddf$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
+
 var $4cc03a09cd474ddf$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersslicedToArray);
 
 var $4cc03a09cd474ddf$var$_react = $4cc03a09cd474ddf$var$_interopRequireWildcard($gXNCa$react);
@@ -14801,97 +14829,412 @@ function $4cc03a09cd474ddf$var$_interopRequireWildcard(obj, nodeInterop) {
     if (cache) cache.set(obj, newObj);
     return newObj;
 }
-function $4cc03a09cd474ddf$var$ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        enumerableOnly && (symbols = symbols.filter(function(sym) {
-            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-        })), keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function $4cc03a09cd474ddf$var$_objectSpread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? $4cc03a09cd474ddf$var$ownKeys(Object(source), !0).forEach(function(key) {
-            (0, $4cc03a09cd474ddf$var$_defineProperty2["default"])(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : $4cc03a09cd474ddf$var$ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
-    var _apiRef$current, _apiRef$current$valid;
-    var displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, handleCancel = _ref.handleCancel, selectedRows = _ref.selectedRows, selectedVisibleRows = _ref.selectedVisibleRows, onChangeColumnsSetting = _ref.onChangeColumnsSetting;
-    var _useConfig = (0, $ckVq7.useConfig)(), allRows = _useConfig.allRows, can = _useConfig.can, _useConfig$config = _useConfig.config, _useConfig$config$act = _useConfig$config.actionsButton, actionsButton = _useConfig$config$act === void 0 ? [] : _useConfig$config$act, _useConfig$config$cus = _useConfig$config.customButtons, customButtons = _useConfig$config$cus === void 0 ? [] : _useConfig$config$cus, _useConfig$config$exp = _useConfig$config.exportFormat, exportFormat = _useConfig$config$exp === void 0 ? [
-        "csv",
-        "xls"
-    ] : _useConfig$config$exp, _useConfig$config$ena = _useConfig$config.enableColumnEdition, enableColumnEdition = _useConfig$config$ena === void 0 ? true : _useConfig$config$ena, _useConfig$config$ins = _useConfig$config.insertPosition, insertPosition = _useConfig$config$ins === void 0 ? $e902G.INSERT_POSITION.TOP : _useConfig$config$ins, _useConfig$config$sel = _useConfig$config.selectableRowKey, selectableRowKey = _useConfig$config$sel === void 0 ? "id" : _useConfig$config$sel, _useConfig$config$mod = _useConfig$config.modeDelete, modeDelete = _useConfig$config$mod === void 0 ? false : _useConfig$config$mod, _useConfig$config$mod2 = _useConfig$config.modeEdit, modeEdit = _useConfig$config$mod2 === void 0 ? false : _useConfig$config$mod2, _useConfig$config$hid = _useConfig$config.hideStateActions, hideStateActions = _useConfig$config$hid === void 0 ? false : _useConfig$config$hid, dataRows = _useConfig.context.dataRows, send = _useConfig.send, state = _useConfig.state;
-    var apiRef = (0, $4IFzq.useApiRef)();
-    var hasError = apiRef === null || apiRef === void 0 ? void 0 : (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : (_apiRef$current$valid = _apiRef$current.validation) === null || _apiRef$current$valid === void 0 ? void 0 : _apiRef$current$valid.hasError;
-    var _useState = (0, $4cc03a09cd474ddf$var$_react.useState)(null), _useState2 = (0, $4cc03a09cd474ddf$var$_slicedToArray2["default"])(_useState, 2), anchorEl = _useState2[0], setAnchorEl = _useState2[1];
-    var _useState3 = (0, $4cc03a09cd474ddf$var$_react.useState)(null), _useState4 = (0, $4cc03a09cd474ddf$var$_slicedToArray2["default"])(_useState3, 2), popperAnchorEl = _useState4[0], setPopperAnchorEl = _useState4[1];
-    var open = Boolean(anchorEl);
-    var _useState5 = (0, $4cc03a09cd474ddf$var$_react.useState)(false), _useState6 = (0, $4cc03a09cd474ddf$var$_slicedToArray2["default"])(_useState5, 2), openExport = _useState6[0], setOpenExport = _useState6[1];
-    var _useState7 = (0, $4cc03a09cd474ddf$var$_react.useState)(false), _useState8 = (0, $4cc03a09cd474ddf$var$_slicedToArray2["default"])(_useState7, 2), openColumnSettings = _useState8[0], setOpenColumnSettings = _useState8[1];
-    var handleClick = function handleClick(event) {
-        setAnchorEl(event.currentTarget);
-    };
-    var handleClose = function handleClose() {
-        setAnchorEl(null);
-        setOpenExport(false);
-        setPopperAnchorEl(null);
+function $4cc03a09cd474ddf$var$_regeneratorRuntime() {
+    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
+    $4cc03a09cd474ddf$var$_regeneratorRuntime = function _regeneratorRuntime() {
+        return exports1;
     };
-    function handleDeleteRows() {
-        var _apiRef$current2, _apiRef$current2$vali;
-        handleRowsToDelete(selectedVisibleRows);
-        apiRef.current.selectRows((0, $idhBf.getSelectedHiddenRows)(selectedRows, displayableRows, selectableRowKey));
-        (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 || (_apiRef$current2$vali = _apiRef$current2.validation) === null || _apiRef$current2$vali === void 0 || _apiRef$current2$vali.removeErrors(selectedVisibleRows);
+    var exports1 = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+    function define(obj, key, value) {
+        return Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }), obj[key];
     }
-    function handleSave() {
-        var _apiRef$current3, _apiRef$current3$vali;
-        if (apiRef !== null && apiRef !== void 0 && (_apiRef$current3 = apiRef.current) !== null && _apiRef$current3 !== void 0 && (_apiRef$current3$vali = _apiRef$current3.validation) !== null && _apiRef$current3$vali !== void 0 && _apiRef$current3$vali.hasError) return;
-        switch(state){
-            case $e902G.TABLE_STATE.ADD:
-                handleValidateAdd(displayableRows.filter(function(e) {
-                    return e.rowType === $e902G.ROW_TYPE.NEW && e._touched;
-                }), insertPosition === $e902G.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
-                break;
-            case $e902G.TABLE_STATE.EDIT:
-                handleValidateEdit(displayableRows.filter(function(e) {
-                    return e.rowType === $e902G.ROW_TYPE.EDIT;
-                }));
-                break;
-            case $e902G.TABLE_STATE.PERMANENT_EDIT:
-                handleValidateEdit(displayableRows.filter(function(e) {
-                    return [
-                        $e902G.ROW_TYPE.EDIT,
-                        $e902G.ROW_TYPE.NEW
-                    ].includes(e.rowType) && e._touched;
-                }), insertPosition === $e902G.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
-                break;
-        }
-        send("validate");
+    try {
+        define({}, "");
+    } catch (err) {
+        define = function define(obj, key, value) {
+            return obj[key] = value;
+        };
     }
-    var buttons = (0, $4cc03a09cd474ddf$var$_toConsumableArray2["default"])(customButtons === null || customButtons === void 0 ? void 0 : customButtons.map(function(customButton) {
-        var _customButton$isDisab = customButton.isDisabled, isDisabled = _customButton$isDisab === void 0 ? function() {
-            return false;
-        } : _customButton$isDisab, _customButton$onClick = customButton.onClick, _onClick = _customButton$onClick === void 0 ? function() {} : _customButton$onClick;
-        return $4cc03a09cd474ddf$var$_objectSpread($4cc03a09cd474ddf$var$_objectSpread({
-            _type: "icon",
-            iconSize: 28,
-            disabled: isDisabled({
-                dataRows: dataRows,
-                state: state
-            })
-        }, customButton), {}, {
-            onClick: function onClick() {
-                return _onClick(allRows);
-            }
-        });
-    }));
+    function wrap(innerFn, outerFn, self, tryLocsList) {
+        var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []);
+        return generator._invoke = function(innerFn, self, context) {
+            var state = "suspendedStart";
+            return function(method, arg) {
+                if ("executing" === state) throw new Error("Generator is already running");
+                if ("completed" === state) {
+                    if ("throw" === method) throw arg;
+                    return doneResult();
+                }
+                for(context.method = method, context.arg = arg;;){
+                    var delegate = context.delegate;
+                    if (delegate) {
+                        var delegateResult = maybeInvokeDelegate(delegate, context);
+                        if (delegateResult) {
+                            if (delegateResult === ContinueSentinel) continue;
+                            return delegateResult;
+                        }
+                    }
+                    if ("next" === context.method) context.sent = context._sent = context.arg;
+                    else if ("throw" === context.method) {
+                        if ("suspendedStart" === state) throw state = "completed", context.arg;
+                        context.dispatchException(context.arg);
+                    } else "return" === context.method && context.abrupt("return", context.arg);
+                    state = "executing";
+                    var record = tryCatch(innerFn, self, context);
+                    if ("normal" === record.type) {
+                        if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+                        return {
+                            value: record.arg,
+                            done: context.done
+                        };
+                    }
+                    "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+                }
+            };
+        }(innerFn, self, context), generator;
+    }
+    function tryCatch(fn, obj, arg) {
+        try {
+            return {
+                type: "normal",
+                arg: fn.call(obj, arg)
+            };
+        } catch (err) {
+            return {
+                type: "throw",
+                arg: err
+            };
+        }
+    }
+    exports1.wrap = wrap;
+    var ContinueSentinel = {};
+    function Generator() {}
+    function GeneratorFunction() {}
+    function GeneratorFunctionPrototype() {}
+    var IteratorPrototype = {};
+    define(IteratorPrototype, iteratorSymbol, function() {
+        return this;
+    });
+    var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+    function defineIteratorMethods(prototype) {
+        [
+            "next",
+            "throw",
+            "return"
+        ].forEach(function(method) {
+            define(prototype, method, function(arg) {
+                return this._invoke(method, arg);
+            });
+        });
+    }
+    function AsyncIterator(generator, PromiseImpl) {
+        function invoke(method, arg, resolve, reject) {
+            var record = tryCatch(generator[method], generator, arg);
+            if ("throw" !== record.type) {
+                var result = record.arg, value = result.value;
+                return value && "object" == $gXNCa$babelruntimehelperstypeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value) {
+                    invoke("next", value, resolve, reject);
+                }, function(err) {
+                    invoke("throw", err, resolve, reject);
+                }) : PromiseImpl.resolve(value).then(function(unwrapped) {
+                    result.value = unwrapped, resolve(result);
+                }, function(error) {
+                    return invoke("throw", error, resolve, reject);
+                });
+            }
+            reject(record.arg);
+        }
+        var previousPromise;
+        this._invoke = function(method, arg) {
+            function callInvokeWithMethodAndArg() {
+                return new PromiseImpl(function(resolve, reject) {
+                    invoke(method, arg, resolve, reject);
+                });
+            }
+            return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+        };
+    }
+    function maybeInvokeDelegate(delegate, context) {
+        var method = delegate.iterator[context.method];
+        if (undefined === method) {
+            if (context.delegate = null, "throw" === context.method) {
+                if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
+                context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
+            }
+            return ContinueSentinel;
+        }
+        var record = tryCatch(method, delegate.iterator, context.arg);
+        if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+        var info = record.arg;
+        return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+    }
+    function pushTryEntry(locs) {
+        var entry = {
+            tryLoc: locs[0]
+        };
+        1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+    }
+    function resetTryEntry(entry) {
+        var record = entry.completion || {};
+        record.type = "normal", delete record.arg, entry.completion = record;
+    }
+    function Context(tryLocsList) {
+        this.tryEntries = [
+            {
+                tryLoc: "root"
+            }
+        ], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+    }
+    function values(iterable) {
+        if (iterable) {
+            var iteratorMethod = iterable[iteratorSymbol];
+            if (iteratorMethod) return iteratorMethod.call(iterable);
+            if ("function" == typeof iterable.next) return iterable;
+            if (!isNaN(iterable.length)) {
+                var i = -1, next = function next() {
+                    for(; ++i < iterable.length;){
+                        if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+                    }
+                    return next.value = undefined, next.done = !0, next;
+                };
+                return next.next = next;
+            }
+        }
+        return {
+            next: doneResult
+        };
+    }
+    function doneResult() {
+        return {
+            value: undefined,
+            done: !0
+        };
+    }
+    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports1.isGeneratorFunction = function(genFun) {
+        var ctor = "function" == typeof genFun && genFun.constructor;
+        return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+    }, exports1.mark = function(genFun) {
+        return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+    }, exports1.awrap = function(arg) {
+        return {
+            __await: arg
+        };
+    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
+        return this;
+    }), exports1.AsyncIterator = AsyncIterator, exports1.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+        void 0 === PromiseImpl && (PromiseImpl = Promise);
+        var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+        return exports1.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result) {
+            return result.done ? result.value : iter.next();
+        });
+    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
+        return this;
+    }), define(Gp, "toString", function() {
+        return "[object Generator]";
+    }), exports1.keys = function(object) {
+        var keys = [];
+        for(var key in object)keys.push(key);
+        return keys.reverse(), function next() {
+            for(; keys.length;){
+                var key = keys.pop();
+                if (key in object) return next.value = key, next.done = !1, next;
+            }
+            return next.done = !0, next;
+        };
+    }, exports1.values = values, Context.prototype = {
+        constructor: Context,
+        reset: function reset(skipTempReset) {
+            if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for(var name in this)"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+        },
+        stop: function stop() {
+            this.done = !0;
+            var rootRecord = this.tryEntries[0].completion;
+            if ("throw" === rootRecord.type) throw rootRecord.arg;
+            return this.rval;
+        },
+        dispatchException: function dispatchException(exception) {
+            if (this.done) throw exception;
+            var context = this;
+            function handle(loc, caught) {
+                return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+            }
+            for(var i = this.tryEntries.length - 1; i >= 0; --i){
+                var entry = this.tryEntries[i], record = entry.completion;
+                if ("root" === entry.tryLoc) return handle("end");
+                if (entry.tryLoc <= this.prev) {
+                    var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
+                    if (hasCatch && hasFinally) {
+                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+                    } else if (hasCatch) {
+                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+                    } else {
+                        if (!hasFinally) throw new Error("try statement without catch or finally");
+                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+                    }
+                }
+            }
+        },
+        abrupt: function abrupt(type, arg) {
+            for(var i = this.tryEntries.length - 1; i >= 0; --i){
+                var entry = this.tryEntries[i];
+                if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+                    var finallyEntry = entry;
+                    break;
+                }
+            }
+            finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+            var record = finallyEntry ? finallyEntry.completion : {};
+            return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+        },
+        complete: function complete(record, afterLoc) {
+            if ("throw" === record.type) throw record.arg;
+            return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+        },
+        finish: function finish(finallyLoc) {
+            for(var i = this.tryEntries.length - 1; i >= 0; --i){
+                var entry = this.tryEntries[i];
+                if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+            }
+        },
+        "catch": function _catch(tryLoc) {
+            for(var i = this.tryEntries.length - 1; i >= 0; --i){
+                var entry = this.tryEntries[i];
+                if (entry.tryLoc === tryLoc) {
+                    var record = entry.completion;
+                    if ("throw" === record.type) {
+                        var thrown = record.arg;
+                        resetTryEntry(entry);
+                    }
+                    return thrown;
+                }
+            }
+            throw new Error("illegal catch attempt");
+        },
+        delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+            return this.delegate = {
+                iterator: values(iterable),
+                resultName: resultName,
+                nextLoc: nextLoc
+            }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+        }
+    }, exports1;
+}
+function $4cc03a09cd474ddf$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        enumerableOnly && (symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        })), keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $4cc03a09cd474ddf$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        i % 2 ? $4cc03a09cd474ddf$var$ownKeys(Object(source), !0).forEach(function(key) {
+            (0, $4cc03a09cd474ddf$var$_defineProperty2["default"])(target, key, source[key]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : $4cc03a09cd474ddf$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
+    var _apiRef$current, _apiRef$current$valid;
+    var displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, handleCancel = _ref.handleCancel, selectedRows = _ref.selectedRows, selectedVisibleRows = _ref.selectedVisibleRows, onChangeColumnsSetting = _ref.onChangeColumnsSetting;
+    var _useConfig = (0, $ckVq7.useConfig)(), allRows = _useConfig.allRows, can = _useConfig.can, _useConfig$config = _useConfig.config, _useConfig$config$act = _useConfig$config.actionsButton, actionsButton = _useConfig$config$act === void 0 ? [] : _useConfig$config$act, _useConfig$config$cus = _useConfig$config.customButtons, customButtons = _useConfig$config$cus === void 0 ? [] : _useConfig$config$cus, _useConfig$config$exp = _useConfig$config.exportFormat, exportFormat = _useConfig$config$exp === void 0 ? [
+        "csv",
+        "xls"
+    ] : _useConfig$config$exp, _useConfig$config$ena = _useConfig$config.enableColumnEdition, enableColumnEdition = _useConfig$config$ena === void 0 ? true : _useConfig$config$ena, _useConfig$config$ins = _useConfig$config.insertPosition, insertPosition = _useConfig$config$ins === void 0 ? $e902G.INSERT_POSITION.TOP : _useConfig$config$ins, _useConfig$config$sel = _useConfig$config.selectableRowKey, selectableRowKey = _useConfig$config$sel === void 0 ? "id" : _useConfig$config$sel, _useConfig$config$mod = _useConfig$config.modeDelete, modeDelete = _useConfig$config$mod === void 0 ? false : _useConfig$config$mod, _useConfig$config$mod2 = _useConfig$config.modeEdit, modeEdit = _useConfig$config$mod2 === void 0 ? false : _useConfig$config$mod2, _useConfig$config$hid = _useConfig$config.hideStateActions, hideStateActions = _useConfig$config$hid === void 0 ? false : _useConfig$config$hid, dataRows = _useConfig.context.dataRows, send = _useConfig.send, state = _useConfig.state;
+    var apiRef = (0, $4IFzq.useApiRef)();
+    var hasError = apiRef === null || apiRef === void 0 ? void 0 : (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : (_apiRef$current$valid = _apiRef$current.validation) === null || _apiRef$current$valid === void 0 ? void 0 : _apiRef$current$valid.hasError;
+    var _useState = (0, $4cc03a09cd474ddf$var$_react.useState)(null), _useState2 = (0, $4cc03a09cd474ddf$var$_slicedToArray2["default"])(_useState, 2), anchorEl = _useState2[0], setAnchorEl = _useState2[1];
+    var _useState3 = (0, $4cc03a09cd474ddf$var$_react.useState)(null), _useState4 = (0, $4cc03a09cd474ddf$var$_slicedToArray2["default"])(_useState3, 2), popperAnchorEl = _useState4[0], setPopperAnchorEl = _useState4[1];
+    var open = Boolean(anchorEl);
+    var _useState5 = (0, $4cc03a09cd474ddf$var$_react.useState)(false), _useState6 = (0, $4cc03a09cd474ddf$var$_slicedToArray2["default"])(_useState5, 2), openExport = _useState6[0], setOpenExport = _useState6[1];
+    var _useState7 = (0, $4cc03a09cd474ddf$var$_react.useState)(false), _useState8 = (0, $4cc03a09cd474ddf$var$_slicedToArray2["default"])(_useState7, 2), openColumnSettings = _useState8[0], setOpenColumnSettings = _useState8[1];
+    var handleClick = function handleClick(event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var handleClose = function handleClose() {
+        setAnchorEl(null);
+        setOpenExport(false);
+        setPopperAnchorEl(null);
+    };
+    function handleDeleteRows() {
+        return _handleDeleteRows.apply(this, arguments);
+    }
+    function _handleDeleteRows() {
+        _handleDeleteRows = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regeneratorRuntime().mark(function _callee() {
+            var _apiRef$current3, _apiRef$current3$vali;
+            return $4cc03a09cd474ddf$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+                while(true)switch(_context.prev = _context.next){
+                    case 0:
+                        _context.prev = 0;
+                        _context.next = 3;
+                        return handleRowsToDelete(selectedVisibleRows);
+                    case 3:
+                        apiRef.current.selectRows((0, $idhBf.getSelectedHiddenRows)(selectedRows, displayableRows, selectableRowKey));
+                        (_apiRef$current3 = apiRef.current) === null || _apiRef$current3 === void 0 || (_apiRef$current3$vali = _apiRef$current3.validation) === null || _apiRef$current3$vali === void 0 || _apiRef$current3$vali.removeErrors(selectedVisibleRows);
+                        _context.next = 9;
+                        break;
+                    case 7:
+                        _context.prev = 7;
+                        _context.t0 = _context["catch"](0);
+                    case 9:
+                    case "end":
+                        return _context.stop();
+                }
+            }, _callee, null, [
+                [
+                    0,
+                    7
+                ]
+            ]);
+        }));
+        return _handleDeleteRows.apply(this, arguments);
+    }
+    function handleSave() {
+        var _apiRef$current2, _apiRef$current2$vali;
+        if (apiRef !== null && apiRef !== void 0 && (_apiRef$current2 = apiRef.current) !== null && _apiRef$current2 !== void 0 && (_apiRef$current2$vali = _apiRef$current2.validation) !== null && _apiRef$current2$vali !== void 0 && _apiRef$current2$vali.hasError) return;
+        switch(state){
+            case $e902G.TABLE_STATE.ADD:
+                handleValidateAdd(displayableRows.filter(function(e) {
+                    return e.rowType === $e902G.ROW_TYPE.NEW && e._touched;
+                }), insertPosition === $e902G.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
+                break;
+            case $e902G.TABLE_STATE.EDIT:
+                handleValidateEdit(displayableRows.filter(function(e) {
+                    return e.rowType === $e902G.ROW_TYPE.EDIT;
+                }));
+                break;
+            case $e902G.TABLE_STATE.PERMANENT_EDIT:
+                handleValidateEdit(displayableRows.filter(function(e) {
+                    return [
+                        $e902G.ROW_TYPE.EDIT,
+                        $e902G.ROW_TYPE.NEW
+                    ].includes(e.rowType) && e._touched;
+                }), insertPosition === $e902G.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
+                break;
+        }
+        send("validate");
+    }
+    var buttons = (0, $4cc03a09cd474ddf$var$_toConsumableArray2["default"])(customButtons === null || customButtons === void 0 ? void 0 : customButtons.map(function(customButton) {
+        var _customButton$isDisab = customButton.isDisabled, isDisabled = _customButton$isDisab === void 0 ? function() {
+            return false;
+        } : _customButton$isDisab, _customButton$onClick = customButton.onClick, _onClick = _customButton$onClick === void 0 ? function() {} : _customButton$onClick;
+        return $4cc03a09cd474ddf$var$_objectSpread($4cc03a09cd474ddf$var$_objectSpread({
+            _type: "icon",
+            iconSize: 28,
+            disabled: isDisabled({
+                dataRows: dataRows,
+                state: state
+            })
+        }, customButton), {}, {
+            onClick: function onClick() {
+                return _onClick(allRows);
+            }
+        });
+    }));
     if (enableColumnEdition) buttons.push({
         _type: "component",
         component: /*#__PURE__*/ $4cc03a09cd474ddf$var$_react["default"].createElement($4cc03a09cd474ddf$var$_SettingsIcon["default"], {
@@ -14969,6 +15312,7 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
             iconName: "icon-trash",
             iconColor: "white",
             color: "error",
+            noLoader: true,
             iconSize: 28,
             titleInfoBulle: $4cc03a09cd474ddf$var$_I18n["default"].t("tooltips.delete"),
             disabled: !can("deleteRow") || selectedVisibleRows.length === 0,
@@ -16101,6 +16445,7 @@ var $8931f480c9fd7378$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequire
 var $8931f480c9fd7378$var$useStyles = (0, $8931f480c9fd7378$var$_makeStyles["default"])(function() {
     return {
         selectionManager: {
+            flexShrink: 0,
             display: "flex",
             justifyContent: "space-between",
             alignItems: "center",
@@ -16607,14 +16952,15 @@ function $b4e89a7530fc0987$var$_objectSpread(target) {
     }
     return target;
 }
-var $b4e89a7530fc0987$var$processGroups = function processGroups(_data, _groupKey) {
-    var list = (0, $b4e89a7530fc0987$var$_orderBy2["default"])(_data, _groupKey);
+var $b4e89a7530fc0987$var$processGroups = function processGroups(data, groupKey, order, orderDirection) {
+    var list = data;
+    if (!order) list = (0, $b4e89a7530fc0987$var$_orderBy2["default"])(data, groupKey, orderDirection);
     var groupIndex = 0;
     var currentGroup = null;
     return list.map(function(row) {
-        if (currentGroup !== row[_groupKey]) {
+        if (currentGroup !== row[groupKey]) {
             if (currentGroup) groupIndex++;
-            currentGroup = row[_groupKey];
+            currentGroup = row[groupKey];
         }
         return $b4e89a7530fc0987$var$_objectSpread($b4e89a7530fc0987$var$_objectSpread({}, row), {}, {
             groupId: currentGroup,
@@ -16747,7 +17093,7 @@ parcelRequire.register("azJMN", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports.applySorting = void 0;
+module.exports.applySorting = module.exports.applyGroupSorting = void 0;
 
 var $7b30b0659d74fc67$var$_toConsumableArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelperstoConsumableArray);
 
@@ -16755,6 +17101,8 @@ var $7b30b0659d74fc67$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRe
 
 var $7b30b0659d74fc67$var$_orderBy2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$lodashorderBy);
 
+var $7b30b0659d74fc67$var$_groupBy2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$lodashgroupBy);
+
 var $51yp9 = parcelRequire("51yp9");
 
 var $e902G = parcelRequire("e902G");
@@ -16807,6 +17155,22 @@ var $7b30b0659d74fc67$var$applySorting = function applySorting(data, columns, or
     return (0, $7b30b0659d74fc67$var$_orderBy2["default"])(data, order, orderDirection);
 };
 module.exports.applySorting = $7b30b0659d74fc67$var$applySorting;
+var $7b30b0659d74fc67$var$applyGroupSorting = function applyGroupSorting(data, columns, order, orderDirection, groupKey, sortedGroup) {
+    var column = columns.find(function(c) {
+        return c.key === order;
+    });
+    var groupedData = (0, $7b30b0659d74fc67$var$_groupBy2["default"])(data, groupKey);
+    if (sortedGroup) groupedData = Object.values(groupedData).map(function(group) {
+        return $7b30b0659d74fc67$var$applySorting(group, columns, order, orderDirection);
+    });
+    var comparator = $7b30b0659d74fc67$var$buildComparator(column, order);
+    if (comparator) return Object.values(groupedData).sort(function(a, b) {
+        var _a$, _b$, _b$2, _a$2;
+        return orderDirection === $e902G.SORTABLE_DIRECTIONS.ASC ? comparator((_a$ = a[0]) === null || _a$ === void 0 ? void 0 : _a$[order], (_b$ = b[0]) === null || _b$ === void 0 ? void 0 : _b$[order], a[0], b[0]) : comparator((_b$2 = b[0]) === null || _b$2 === void 0 ? void 0 : _b$2[order], (_a$2 = a[0]) === null || _a$2 === void 0 ? void 0 : _a$2[order], b[0], a[0]);
+    }).flat();
+    return (0, $7b30b0659d74fc67$var$_orderBy2["default"])(groupedData, "[0].".concat(order), orderDirection).flat();
+};
+module.exports.applyGroupSorting = $7b30b0659d74fc67$var$applyGroupSorting;
 
 });
 
@@ -17302,40 +17666,40 @@ module.exports["default"] = $91a39eacac205c01$var$_default;
 });
 parcelRequire.register("bOZp3", function(module, exports) {
 
-$parcel$export(module.exports, "rotated", () => $89b3fe986b2d4477$export$7d2b4e7a5a4801f2, (v) => $89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = v);
-$parcel$export(module.exports, "clear", () => $89b3fe986b2d4477$export$42ffd38884aecdac, (v) => $89b3fe986b2d4477$export$42ffd38884aecdac = v);
-$parcel$export(module.exports, "open", () => $89b3fe986b2d4477$export$3ce6949f20cea765, (v) => $89b3fe986b2d4477$export$3ce6949f20cea765 = v);
-$parcel$export(module.exports, "dropDownIcon", () => $89b3fe986b2d4477$export$e41ce6c93801c63c, (v) => $89b3fe986b2d4477$export$e41ce6c93801c63c = v);
-$parcel$export(module.exports, "search", () => $89b3fe986b2d4477$export$d76128d007d19019, (v) => $89b3fe986b2d4477$export$d76128d007d19019 = v);
-$parcel$export(module.exports, "border", () => $89b3fe986b2d4477$export$1edee58a52776cd9, (v) => $89b3fe986b2d4477$export$1edee58a52776cd9 = v);
 $parcel$export(module.exports, "isError", () => $89b3fe986b2d4477$export$e6127cc7fe7395c3, (v) => $89b3fe986b2d4477$export$e6127cc7fe7395c3 = v);
-$parcel$export(module.exports, "icons", () => $89b3fe986b2d4477$export$df03f54e09e486fa, (v) => $89b3fe986b2d4477$export$df03f54e09e486fa = v);
-$parcel$export(module.exports, "label", () => $89b3fe986b2d4477$export$1237798dc640739a, (v) => $89b3fe986b2d4477$export$1237798dc640739a = v);
 $parcel$export(module.exports, "selector", () => $89b3fe986b2d4477$export$aea217a45095ce11, (v) => $89b3fe986b2d4477$export$aea217a45095ce11 = v);
+$parcel$export(module.exports, "search", () => $89b3fe986b2d4477$export$d76128d007d19019, (v) => $89b3fe986b2d4477$export$d76128d007d19019 = v);
+$parcel$export(module.exports, "open", () => $89b3fe986b2d4477$export$3ce6949f20cea765, (v) => $89b3fe986b2d4477$export$3ce6949f20cea765 = v);
+$parcel$export(module.exports, "clear", () => $89b3fe986b2d4477$export$42ffd38884aecdac, (v) => $89b3fe986b2d4477$export$42ffd38884aecdac = v);
 $parcel$export(module.exports, "autoCompleteContainer", () => $89b3fe986b2d4477$export$d08603063fe3f9a5, (v) => $89b3fe986b2d4477$export$d08603063fe3f9a5 = v);
-var $89b3fe986b2d4477$export$7d2b4e7a5a4801f2;
-var $89b3fe986b2d4477$export$42ffd38884aecdac;
-var $89b3fe986b2d4477$export$3ce6949f20cea765;
-var $89b3fe986b2d4477$export$e41ce6c93801c63c;
-var $89b3fe986b2d4477$export$d76128d007d19019;
-var $89b3fe986b2d4477$export$1edee58a52776cd9;
+$parcel$export(module.exports, "border", () => $89b3fe986b2d4477$export$1edee58a52776cd9, (v) => $89b3fe986b2d4477$export$1edee58a52776cd9 = v);
+$parcel$export(module.exports, "rotated", () => $89b3fe986b2d4477$export$7d2b4e7a5a4801f2, (v) => $89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = v);
+$parcel$export(module.exports, "label", () => $89b3fe986b2d4477$export$1237798dc640739a, (v) => $89b3fe986b2d4477$export$1237798dc640739a = v);
+$parcel$export(module.exports, "dropDownIcon", () => $89b3fe986b2d4477$export$e41ce6c93801c63c, (v) => $89b3fe986b2d4477$export$e41ce6c93801c63c = v);
+$parcel$export(module.exports, "icons", () => $89b3fe986b2d4477$export$df03f54e09e486fa, (v) => $89b3fe986b2d4477$export$df03f54e09e486fa = v);
 var $89b3fe986b2d4477$export$e6127cc7fe7395c3;
-var $89b3fe986b2d4477$export$df03f54e09e486fa;
-var $89b3fe986b2d4477$export$1237798dc640739a;
 var $89b3fe986b2d4477$export$aea217a45095ce11;
+var $89b3fe986b2d4477$export$d76128d007d19019;
+var $89b3fe986b2d4477$export$3ce6949f20cea765;
+var $89b3fe986b2d4477$export$42ffd38884aecdac;
 var $89b3fe986b2d4477$export$d08603063fe3f9a5;
+var $89b3fe986b2d4477$export$1edee58a52776cd9;
+var $89b3fe986b2d4477$export$7d2b4e7a5a4801f2;
+var $89b3fe986b2d4477$export$1237798dc640739a;
+var $89b3fe986b2d4477$export$e41ce6c93801c63c;
+var $89b3fe986b2d4477$export$df03f54e09e486fa;
 "use strict";
-$89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = "h8cnOq_rotated";
-$89b3fe986b2d4477$export$42ffd38884aecdac = "h8cnOq_clear";
-$89b3fe986b2d4477$export$3ce6949f20cea765 = "h8cnOq_open";
-$89b3fe986b2d4477$export$e41ce6c93801c63c = "h8cnOq_dropDownIcon";
-$89b3fe986b2d4477$export$d76128d007d19019 = "h8cnOq_search";
-$89b3fe986b2d4477$export$1edee58a52776cd9 = "h8cnOq_border";
 $89b3fe986b2d4477$export$e6127cc7fe7395c3 = "h8cnOq_isError";
-$89b3fe986b2d4477$export$df03f54e09e486fa = "h8cnOq_icons";
-$89b3fe986b2d4477$export$1237798dc640739a = "h8cnOq_label";
 $89b3fe986b2d4477$export$aea217a45095ce11 = "h8cnOq_selector";
+$89b3fe986b2d4477$export$d76128d007d19019 = "h8cnOq_search";
+$89b3fe986b2d4477$export$3ce6949f20cea765 = "h8cnOq_open";
+$89b3fe986b2d4477$export$42ffd38884aecdac = "h8cnOq_clear";
 $89b3fe986b2d4477$export$d08603063fe3f9a5 = "h8cnOq_autoCompleteContainer";
+$89b3fe986b2d4477$export$1edee58a52776cd9 = "h8cnOq_border";
+$89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = "h8cnOq_rotated";
+$89b3fe986b2d4477$export$1237798dc640739a = "h8cnOq_label";
+$89b3fe986b2d4477$export$e41ce6c93801c63c = "h8cnOq_dropDownIcon";
+$89b3fe986b2d4477$export$df03f54e09e486fa = "h8cnOq_icons";
 
 });
 
@@ -17459,19 +17823,19 @@ module.exports["default"] = $060ef87bc99cc1cf$var$_default;
 });
 parcelRequire.register("bfmDi", function(module, exports) {
 
-$parcel$export(module.exports, "inputContainer", () => $8302a6d46dfd98fe$export$72108e4fb43880e3, (v) => $8302a6d46dfd98fe$export$72108e4fb43880e3 = v);
 $parcel$export(module.exports, "searchIcon", () => $8302a6d46dfd98fe$export$8687ffcdea58e000, (v) => $8302a6d46dfd98fe$export$8687ffcdea58e000 = v);
-$parcel$export(module.exports, "closeIcon", () => $8302a6d46dfd98fe$export$64a53ecd158b85c4, (v) => $8302a6d46dfd98fe$export$64a53ecd158b85c4 = v);
 $parcel$export(module.exports, "inputSearch", () => $8302a6d46dfd98fe$export$f78c4432585bf2ac, (v) => $8302a6d46dfd98fe$export$f78c4432585bf2ac = v);
-var $8302a6d46dfd98fe$export$72108e4fb43880e3;
+$parcel$export(module.exports, "closeIcon", () => $8302a6d46dfd98fe$export$64a53ecd158b85c4, (v) => $8302a6d46dfd98fe$export$64a53ecd158b85c4 = v);
+$parcel$export(module.exports, "inputContainer", () => $8302a6d46dfd98fe$export$72108e4fb43880e3, (v) => $8302a6d46dfd98fe$export$72108e4fb43880e3 = v);
 var $8302a6d46dfd98fe$export$8687ffcdea58e000;
-var $8302a6d46dfd98fe$export$64a53ecd158b85c4;
 var $8302a6d46dfd98fe$export$f78c4432585bf2ac;
+var $8302a6d46dfd98fe$export$64a53ecd158b85c4;
+var $8302a6d46dfd98fe$export$72108e4fb43880e3;
 "use strict";
-$8302a6d46dfd98fe$export$72108e4fb43880e3 = "t5EYra_inputContainer";
 $8302a6d46dfd98fe$export$8687ffcdea58e000 = "t5EYra_searchIcon";
-$8302a6d46dfd98fe$export$64a53ecd158b85c4 = "t5EYra_closeIcon";
 $8302a6d46dfd98fe$export$f78c4432585bf2ac = "t5EYra_inputSearch";
+$8302a6d46dfd98fe$export$64a53ecd158b85c4 = "t5EYra_closeIcon";
+$8302a6d46dfd98fe$export$72108e4fb43880e3 = "t5EYra_inputContainer";
 
 });
 
@@ -17731,18 +18095,18 @@ module.exports["default"] = $827476aa1ed605f8$var$_default;
 parcelRequire.register("aI0no", function(module, exports) {
 
 $parcel$export(module.exports, "line", () => $7cbe4e30c9952688$export$53f1d5ea8de3d7c, (v) => $7cbe4e30c9952688$export$53f1d5ea8de3d7c = v);
-$parcel$export(module.exports, "checkboxContainer", () => $7cbe4e30c9952688$export$be69ea624d82a314, (v) => $7cbe4e30c9952688$export$be69ea624d82a314 = v);
-$parcel$export(module.exports, "disabled", () => $7cbe4e30c9952688$export$683472f6198a076e, (v) => $7cbe4e30c9952688$export$683472f6198a076e = v);
 $parcel$export(module.exports, "label", () => $7cbe4e30c9952688$export$1237798dc640739a, (v) => $7cbe4e30c9952688$export$1237798dc640739a = v);
+$parcel$export(module.exports, "disabled", () => $7cbe4e30c9952688$export$683472f6198a076e, (v) => $7cbe4e30c9952688$export$683472f6198a076e = v);
+$parcel$export(module.exports, "checkboxContainer", () => $7cbe4e30c9952688$export$be69ea624d82a314, (v) => $7cbe4e30c9952688$export$be69ea624d82a314 = v);
 var $7cbe4e30c9952688$export$53f1d5ea8de3d7c;
-var $7cbe4e30c9952688$export$be69ea624d82a314;
-var $7cbe4e30c9952688$export$683472f6198a076e;
 var $7cbe4e30c9952688$export$1237798dc640739a;
+var $7cbe4e30c9952688$export$683472f6198a076e;
+var $7cbe4e30c9952688$export$be69ea624d82a314;
 "use strict";
 $7cbe4e30c9952688$export$53f1d5ea8de3d7c = "kMx4ia_line";
-$7cbe4e30c9952688$export$be69ea624d82a314 = "kMx4ia_checkboxContainer";
-$7cbe4e30c9952688$export$683472f6198a076e = "kMx4ia_disabled";
 $7cbe4e30c9952688$export$1237798dc640739a = "kMx4ia_label";
+$7cbe4e30c9952688$export$683472f6198a076e = "kMx4ia_disabled";
+$7cbe4e30c9952688$export$be69ea624d82a314 = "kMx4ia_checkboxContainer";
 
 });
 
@@ -17792,15 +18156,15 @@ module.exports["default"] = $582fe4327e2ca233$var$_default;
 });
 parcelRequire.register("4ZIDK", function(module, exports) {
 
-$parcel$export(module.exports, "disabled", () => $3a2f7c860af0abde$export$683472f6198a076e, (v) => $3a2f7c860af0abde$export$683472f6198a076e = v);
 $parcel$export(module.exports, "checkbox", () => $3a2f7c860af0abde$export$b07e517d22efa1ca, (v) => $3a2f7c860af0abde$export$b07e517d22efa1ca = v);
+$parcel$export(module.exports, "disabled", () => $3a2f7c860af0abde$export$683472f6198a076e, (v) => $3a2f7c860af0abde$export$683472f6198a076e = v);
 $parcel$export(module.exports, "checked", () => $3a2f7c860af0abde$export$b96bb35bc88d6fa, (v) => $3a2f7c860af0abde$export$b96bb35bc88d6fa = v);
-var $3a2f7c860af0abde$export$683472f6198a076e;
 var $3a2f7c860af0abde$export$b07e517d22efa1ca;
+var $3a2f7c860af0abde$export$683472f6198a076e;
 var $3a2f7c860af0abde$export$b96bb35bc88d6fa;
 "use strict";
-$3a2f7c860af0abde$export$683472f6198a076e = "pNP20W_disabled";
 $3a2f7c860af0abde$export$b07e517d22efa1ca = "pNP20W_checkbox";
+$3a2f7c860af0abde$export$683472f6198a076e = "pNP20W_disabled";
 $3a2f7c860af0abde$export$b96bb35bc88d6fa = "pNP20W_checked";
 
 });
@@ -18014,19 +18378,19 @@ module.exports["default"] = $b3ca32e1e8152d41$var$_default;
 });
 parcelRequire.register("5OeO1", function(module, exports) {
 
-$parcel$export(module.exports, "search", () => $43ad1b6180880954$export$d76128d007d19019, (v) => $43ad1b6180880954$export$d76128d007d19019 = v);
-$parcel$export(module.exports, "description", () => $43ad1b6180880954$export$6d59db4903f20f7d, (v) => $43ad1b6180880954$export$6d59db4903f20f7d = v);
-$parcel$export(module.exports, "chipsContainer", () => $43ad1b6180880954$export$4ecd951fab6372ae, (v) => $43ad1b6180880954$export$4ecd951fab6372ae = v);
 $parcel$export(module.exports, "selectorContainer", () => $43ad1b6180880954$export$4f73249088d12862, (v) => $43ad1b6180880954$export$4f73249088d12862 = v);
-var $43ad1b6180880954$export$d76128d007d19019;
-var $43ad1b6180880954$export$6d59db4903f20f7d;
-var $43ad1b6180880954$export$4ecd951fab6372ae;
+$parcel$export(module.exports, "chipsContainer", () => $43ad1b6180880954$export$4ecd951fab6372ae, (v) => $43ad1b6180880954$export$4ecd951fab6372ae = v);
+$parcel$export(module.exports, "description", () => $43ad1b6180880954$export$6d59db4903f20f7d, (v) => $43ad1b6180880954$export$6d59db4903f20f7d = v);
+$parcel$export(module.exports, "search", () => $43ad1b6180880954$export$d76128d007d19019, (v) => $43ad1b6180880954$export$d76128d007d19019 = v);
 var $43ad1b6180880954$export$4f73249088d12862;
+var $43ad1b6180880954$export$4ecd951fab6372ae;
+var $43ad1b6180880954$export$6d59db4903f20f7d;
+var $43ad1b6180880954$export$d76128d007d19019;
 "use strict";
-$43ad1b6180880954$export$d76128d007d19019 = "_1WQQUG_search";
-$43ad1b6180880954$export$6d59db4903f20f7d = "_1WQQUG_description";
-$43ad1b6180880954$export$4ecd951fab6372ae = "_1WQQUG_chipsContainer";
 $43ad1b6180880954$export$4f73249088d12862 = "_1WQQUG_selectorContainer";
+$43ad1b6180880954$export$4ecd951fab6372ae = "_1WQQUG_chipsContainer";
+$43ad1b6180880954$export$6d59db4903f20f7d = "_1WQQUG_description";
+$43ad1b6180880954$export$d76128d007d19019 = "_1WQQUG_search";
 
 });
 
@@ -18074,13 +18438,13 @@ module.exports["default"] = $8aad64d78e09e617$var$_default;
 });
 parcelRequire.register("ismXh", function(module, exports) {
 
-$parcel$export(module.exports, "chips", () => $d6fca5e82e016419$export$9f51660fd8227d80, (v) => $d6fca5e82e016419$export$9f51660fd8227d80 = v);
 $parcel$export(module.exports, "close", () => $d6fca5e82e016419$export$8360e631d277ea4d, (v) => $d6fca5e82e016419$export$8360e631d277ea4d = v);
-var $d6fca5e82e016419$export$9f51660fd8227d80;
+$parcel$export(module.exports, "chips", () => $d6fca5e82e016419$export$9f51660fd8227d80, (v) => $d6fca5e82e016419$export$9f51660fd8227d80 = v);
 var $d6fca5e82e016419$export$8360e631d277ea4d;
+var $d6fca5e82e016419$export$9f51660fd8227d80;
 "use strict";
-$d6fca5e82e016419$export$9f51660fd8227d80 = "hEY9kq_chips";
 $d6fca5e82e016419$export$8360e631d277ea4d = "hEY9kq_close";
+$d6fca5e82e016419$export$9f51660fd8227d80 = "hEY9kq_chips";
 
 });
 
@@ -18243,20 +18607,20 @@ parcelRequire.register("fMO2k", function(module, exports) {
 
 $parcel$export(module.exports, "otherChips", () => $b7e226f14163178c$export$8e7e5eade6f0e227, (v) => $b7e226f14163178c$export$8e7e5eade6f0e227 = v);
 $parcel$export(module.exports, "chips", () => $b7e226f14163178c$export$9f51660fd8227d80, (v) => $b7e226f14163178c$export$9f51660fd8227d80 = v);
-$parcel$export(module.exports, "lineChips", () => $b7e226f14163178c$export$bce1eb5c2ff1e30e, (v) => $b7e226f14163178c$export$bce1eb5c2ff1e30e = v);
 $parcel$export(module.exports, "listChips", () => $b7e226f14163178c$export$e7d1eca55671fd03, (v) => $b7e226f14163178c$export$e7d1eca55671fd03 = v);
 $parcel$export(module.exports, "toolTipsList", () => $b7e226f14163178c$export$5cb38942082ce4bd, (v) => $b7e226f14163178c$export$5cb38942082ce4bd = v);
+$parcel$export(module.exports, "lineChips", () => $b7e226f14163178c$export$bce1eb5c2ff1e30e, (v) => $b7e226f14163178c$export$bce1eb5c2ff1e30e = v);
 var $b7e226f14163178c$export$8e7e5eade6f0e227;
 var $b7e226f14163178c$export$9f51660fd8227d80;
-var $b7e226f14163178c$export$bce1eb5c2ff1e30e;
 var $b7e226f14163178c$export$e7d1eca55671fd03;
 var $b7e226f14163178c$export$5cb38942082ce4bd;
+var $b7e226f14163178c$export$bce1eb5c2ff1e30e;
 "use strict";
 $b7e226f14163178c$export$8e7e5eade6f0e227 = "_8FpR1a_otherChips";
 $b7e226f14163178c$export$9f51660fd8227d80 = "_8FpR1a_chips";
-$b7e226f14163178c$export$bce1eb5c2ff1e30e = "_8FpR1a_lineChips";
 $b7e226f14163178c$export$e7d1eca55671fd03 = "_8FpR1a_listChips";
 $b7e226f14163178c$export$5cb38942082ce4bd = "_8FpR1a_toolTipsList";
+$b7e226f14163178c$export$bce1eb5c2ff1e30e = "_8FpR1a_lineChips";
 
 });