@myunisoft/design-system 0.21.0-beta.1 → 0.21.1-beta

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");
@@ -35,12 +36,13 @@ var $gXNCa$lodashisEmpty = require("lodash/isEmpty");
 var $gXNCa$lodashfirst = require("lodash/first");
 var $gXNCa$reactspinnersClipLoader = require("react-spinners/ClipLoader");
 var $gXNCa$muimaterialstyles = require("@mui/material/styles");
+var $gXNCa$babelruntimeregenerator = require("@babel/runtime/regenerator");
 var $gXNCa$babelruntimehelpersasyncToGenerator = require("@babel/runtime/helpers/asyncToGenerator");
 var $gXNCa$lodashfind = require("lodash/find");
-var $gXNCa$exceljs = require("exceljs");
 var $gXNCa$lodashescapeRegExp = require("lodash/escapeRegExp");
-var $gXNCa$jspdf = require("jspdf");
+var $gXNCa$exceljs = require("exceljs");
 require("jspdf-autotable");
+var $gXNCa$jspdf = require("jspdf");
 var $gXNCa$reactdropzone = require("react-dropzone");
 var $gXNCa$muistyleswithStyles = require("@mui/styles/withStyles");
 var $gXNCa$muimaterialIconButton = require("@mui/material/IconButton");
@@ -51,13 +53,14 @@ var $gXNCa$lodashhead = require("lodash/head");
 var $gXNCa$lodashisEqual = require("lodash/isEqual");
 var $gXNCa$lodashuniq = require("lodash/uniq");
 var $gXNCa$muiiconsmaterialSearch = require("@mui/icons-material/Search");
-var $gXNCa$lodashmap = require("lodash/map");
 var $gXNCa$muibaseClickAwayListener = require("@mui/base/ClickAwayListener");
+var $gXNCa$lodashmap = require("lodash/map");
 var $gXNCa$muiiconsmaterialClose = require("@mui/icons-material/Close");
 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 +124,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 +218,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 +304,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;
     }, [
@@ -322,7 +314,8 @@ var $d72463ab93d2098f$var$VirtualTable = /*#__PURE__*/ $d72463ab93d2098f$var$_re
         groupKey
     ]);
     (0, $d72463ab93d2098f$var$_react.useEffect)(function() {
-        var processedDataRows = processRowsData(); // eslint-disable-next-line no-use-before-define
+        var processedDataRows = processRowsData();
+        // eslint-disable-next-line no-use-before-define
         send("updateCtx", {
             data: processedDataRows
         });
@@ -348,68 +341,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 +351,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 +398,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 +529,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 +788,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 +827,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 +849,13 @@ 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",
+    "onRowContextMenu"
 ];
 function $33a6c9c6ce93d958$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -972,11 +883,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, onRowContextMenu = props.onRowContextMenu, 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,43 +926,162 @@ var $33a6c9c6ce93d958$var$Body = /*#__PURE__*/ $33a6c9c6ce93d958$var$_react["def
             columns: columns,
             selectableRowKey: selectableRowKey,
             displayableRows: displayableRows,
-            cache: cache,
             hasSecureSociety: hasSecureSociety,
             openSocietiesIds: openSocietiesIds,
             alwaysInEdition: alwaysInEdition,
-            bodyStylesProp: stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.body
+            bodyStylesProp: stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.body,
+            onRowContextMenu: onRowContextMenu
         }, 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 +1423,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;
@@ -1520,7 +1561,7 @@ function $6a434bd325b1a27a$var$_objectSpread(target) {
     var _options$filterCompar = options.filterComparator, filterComparator = _options$filterCompar === void 0 ? "contains" : _options$filterCompar;
     var search = $6a434bd325b1a27a$var$escapeRegExp(term.toString());
     if (typeof filterComparator === "function") return filterComparator(search, value);
-     // TODO: Add accent converter
+    // TODO: Add accent converter
     if ([
         $51yp9.TYPE_CELL.AMOUNT,
         $51yp9.TYPE_CELL.NUMBER
@@ -1577,7 +1618,8 @@ var $6a434bd325b1a27a$var$getColumnConfig = function getColumnConfig(key, row, c
     var columns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     return filters.every(function(_ref) {
         var _ref2 = (0, $6a434bd325b1a27a$var$_slicedToArray2["default"])(_ref, 2), key = _ref2[0], term = _ref2[1];
-        if (!term) return true; // Use array key to create OR condition
+        if (!term) return true;
+        // Use array key to create OR condition
         if ((0, $6a434bd325b1a27a$var$_isArray2["default"])(key)) return key.some(function(k) {
             var _getColumnConfig = $6a434bd325b1a27a$var$getColumnConfig(k, row, columns), value = _getColumnConfig.value, typeCell = _getColumnConfig.typeCell, options = (0, $6a434bd325b1a27a$var$_objectWithoutProperties2["default"])(_getColumnConfig, $6a434bd325b1a27a$var$_excluded);
             return $6a434bd325b1a27a$var$isMatching(term, value, typeCell, options);
@@ -2016,7 +2058,6 @@ var $5975f126da112a16$var$_Cell = $gXNCa$babelruntimehelpersinteropRequireDefaul
 
 var $ckVq7 = parcelRequire("ckVq7");
 var $5975f126da112a16$var$_excluded = [
-    "cache",
     "columns",
     "columnWidth",
     "displayableRows",
@@ -2087,7 +2128,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);
@@ -2120,6 +2161,17 @@ var $5975f126da112a16$var$BodyRow = function BodyRow(props) {
             keyId: row[selectableRowKey]
         });
     }
+    function handleRowClick(event) {
+        event.preventDefault();
+        switch(event.type){
+            case "click":
+                onRowClick === null || onRowClick === void 0 || onRowClick(event, getEventCell(event));
+                break;
+            case "contextmenu":
+                onRowContextMenu === null || onRowContextMenu === void 0 || onRowContextMenu(event, getEventCell(event));
+                break;
+        }
+    }
     var getEventCell = function getEventCell(e) {
         var _e$target$closest, _e$target$closest$dat;
         return {
@@ -2134,7 +2186,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,
@@ -2151,12 +2202,8 @@ var $5975f126da112a16$var$BodyRow = function BodyRow(props) {
         key: rowIndex,
         "data-role": "row",
         "data-key": keyId,
-        onContextMenu: function onContextMenu(e) {
-            onRowContextMenu === null || onRowContextMenu === void 0 || onRowContextMenu(e, getEventCell(e));
-        },
-        onClick: function onClick(e) {
-            onRowClick === null || onRowClick === void 0 || onRowClick(e, getEventCell(e));
-        },
+        onContextMenu: handleRowClick,
+        onClick: handleRowClick,
         className: (0, $5975f126da112a16$var$_classnames["default"])("bodyRow", customStyling === null || customStyling === void 0 ? void 0 : customStyling.classes, isOdd ? "odd" : "even", {
             selectedRow: isSelected && !alwaysInEdition
         }),
@@ -2463,6 +2510,7 @@ var $207fc0463a0bd15d$var$BodyCell = function BodyCell(_ref) {
             if (onKeyDown) onKeyDown(e, rowIndex, columnIndex);
         };
         var _ref5 = columns[columnIndex] || {}, _ref5$cellProps = _ref5.cellProps, cellProps = _ref5$cellProps === void 0 ? {} : _ref5$cellProps;
+        if (tooltipDetail) cellProps.title = "";
         return /*#__PURE__*/ $207fc0463a0bd15d$var$_react["default"].createElement("span", {
             ref: ref
         }, /*#__PURE__*/ $207fc0463a0bd15d$var$_react["default"].createElement($207fc0463a0bd15d$var$_cells["default"], (0, $207fc0463a0bd15d$var$_extends2["default"])({
@@ -6092,14 +6140,17 @@ function $b65a981b085d4ff1$var$_interopRequireWildcard(obj, nodeInterop) {
 var $b65a981b085d4ff1$var$Image = function Image(props) {
     var _classNames;
     var className = props.className, src = props.src, alt = props.alt, hidden = props.hidden, onClick = props.onClick, onUnload = props.onUnload;
-    var styles = (0, $b65a981b085d4ff1$var$_styles["default"])(); // State
+    var styles = (0, $b65a981b085d4ff1$var$_styles["default"])();
+    // State
     var _useState = (0, $b65a981b085d4ff1$var$_react.useState)(true), _useState2 = (0, $b65a981b085d4ff1$var$_slicedToArray2["default"])(_useState, 2), loading = _useState2[0], setLoading = _useState2[1];
-    var _useState3 = (0, $b65a981b085d4ff1$var$_react.useState)(false), _useState4 = (0, $b65a981b085d4ff1$var$_slicedToArray2["default"])(_useState3, 2), error = _useState4[0], setError = _useState4[1]; // Handlers
+    var _useState3 = (0, $b65a981b085d4ff1$var$_react.useState)(false), _useState4 = (0, $b65a981b085d4ff1$var$_slicedToArray2["default"])(_useState3, 2), error = _useState4[0], setError = _useState4[1];
+    // Handlers
     var handleKeyPress = function handleKeyPress(event) {
         if (event.key === "Enter") {
             if (onClick) onClick();
         }
-    }; // Rendering
+    };
+    // Rendering
     return /*#__PURE__*/ $b65a981b085d4ff1$var$_react["default"].createElement("div", {
         className: (0, $b65a981b085d4ff1$var$_classnames["default"])(styles.container, className, (_classNames = {}, (0, $b65a981b085d4ff1$var$_defineProperty2["default"])(_classNames, styles.loading, loading), (0, $b65a981b085d4ff1$var$_defineProperty2["default"])(_classNames, styles.error, error), _classNames)),
         role: "button",
@@ -6130,7 +6181,8 @@ var $b65a981b085d4ff1$var$Image = function Image(props) {
     }), /*#__PURE__*/ $b65a981b085d4ff1$var$_react["default"].createElement("span", {
         className: "label"
     }, $b65a981b085d4ff1$var$_I18n["default"].t("attachments.error"))));
-}; // Props
+};
+// Props
 $b65a981b085d4ff1$var$Image.propTypes = {
     className: $b65a981b085d4ff1$var$_propTypes["default"].string,
     src: $b65a981b085d4ff1$var$_propTypes["default"].string.isRequired,
@@ -6318,16 +6370,20 @@ var $c28dcb2ecc31f940$var$downloadFile = function downloadFile(data, filename) {
         data
     ], {
         type: type
-    }); // Create a link element, hide it, direct
+    });
+    // Create a link element, hide it, direct
     // it towards the blob, and then 'click' it programatically
     var a = document.createElement("a");
     a.style = "display: none";
-    document.body.appendChild(a); // Create a DOMString representing the blob
+    document.body.appendChild(a);
+    // Create a DOMString representing the blob
     // and point the link element towards it
     var url = window.URL.createObjectURL(blob);
     a.href = url;
-    a.download = filename; // programatically click the link to trigger the download
-    a.click(); // release the reference to the file by revoking the Object URL
+    a.download = filename;
+    // programatically click the link to trigger the download
+    a.click();
+    // release the reference to the file by revoking the Object URL
     setTimeout(function() {
         // For Firefox it is necessary to delay revoking the ObjectURL
         window.URL.revokeObjectURL(url);
@@ -6398,12 +6454,13 @@ module.exports.exportData = $c28dcb2ecc31f940$var$exportData;
 parcelRequire.register("jlN5T", function(module, exports) {
 "use strict";
 
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports.parseFooter = module.exports.parseDataRows = module.exports.formatDefaultData = module.exports.formatDataToExport = module.exports.exportToExcel = module.exports.exportToCSV = void 0;
 
+var $e1660f894c3a788a$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $e1660f894c3a788a$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
 
 var $e1660f894c3a788a$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
@@ -6450,294 +6507,6 @@ var $e1660f894c3a788a$var$_excluded = [
     "idx",
     "typeCell"
 ];
-function $e1660f894c3a788a$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $e1660f894c3a788a$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    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];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    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 $e1660f894c3a788a$var$ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -7017,9 +6786,9 @@ var $e1660f894c3a788a$var$exportToCSV = function exportToCSV(csvData, fileName)
 };
 module.exports.exportToCSV = $e1660f894c3a788a$var$exportToCSV;
 var $e1660f894c3a788a$var$exportToExcel = /*#__PURE__*/ function() {
-    var _ref7 = (0, $e1660f894c3a788a$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $e1660f894c3a788a$var$_regeneratorRuntime().mark(function _callee(_ref6, fileName) {
+    var _ref7 = (0, $e1660f894c3a788a$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $e1660f894c3a788a$var$_regenerator["default"].mark(function _callee(_ref6, fileName) {
         var header, body, ExcelJSWorkbook, worksheet, xlsxData, data;
-        return $e1660f894c3a788a$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+        return $e1660f894c3a788a$var$_regenerator["default"].wrap(function _callee$(_context) {
             while(true)switch(_context.prev = _context.next){
                 case 0:
                     header = _ref6.header, body = _ref6.body;
@@ -7120,12 +6889,13 @@ module.exports.getFooterValue = $0bb913d1efc0c879$var$getFooterValue;
 parcelRequire.register("hiJne", function(module, exports) {
 "use strict";
 
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports.exportPDF = void 0;
 
+var $c987505f49f7b1a6$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $c987505f49f7b1a6$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
 
 var $c987505f49f7b1a6$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
@@ -7136,301 +6906,13 @@ var $c987505f49f7b1a6$var$_jspdf = $gXNCa$babelruntimehelpersinteropRequireDefau
 var $51yp9 = parcelRequire("51yp9");
 
 var $e902G = parcelRequire("e902G");
-function $c987505f49f7b1a6$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $c987505f49f7b1a6$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    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];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    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 $c987505f49f7b1a6$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);
+function $c987505f49f7b1a6$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;
 }
@@ -7528,8 +7010,8 @@ var $c987505f49f7b1a6$var$createHeaders = function createHeaders(columns) {
     ];
 };
 var $c987505f49f7b1a6$var$dataToPdf = /*#__PURE__*/ function() {
-    var _ref6 = (0, $c987505f49f7b1a6$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $c987505f49f7b1a6$var$_regeneratorRuntime().mark(function _callee(data, filename, print, opts) {
-        return $c987505f49f7b1a6$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+    var _ref6 = (0, $c987505f49f7b1a6$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $c987505f49f7b1a6$var$_regenerator["default"].mark(function _callee(data, filename, print, opts) {
+        return $c987505f49f7b1a6$var$_regenerator["default"].wrap(function _callee$(_context) {
             while(true)switch(_context.prev = _context.next){
                 case 0:
                     _context.next = 2;
@@ -7675,8 +7157,8 @@ var $c987505f49f7b1a6$var$dataToPdf = /*#__PURE__*/ function() {
     };
 }();
 var $c987505f49f7b1a6$var$exportPDF = /*#__PURE__*/ function() {
-    var _ref7 = (0, $c987505f49f7b1a6$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $c987505f49f7b1a6$var$_regeneratorRuntime().mark(function _callee2(fname, data, print, options) {
-        return $c987505f49f7b1a6$var$_regeneratorRuntime().wrap(function _callee2$(_context2) {
+    var _ref7 = (0, $c987505f49f7b1a6$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $c987505f49f7b1a6$var$_regenerator["default"].mark(function _callee2(fname, data, print, options) {
+        return $c987505f49f7b1a6$var$_regenerator["default"].wrap(function _callee2$(_context2) {
             while(true)switch(_context2.prev = _context2.next){
                 case 0:
                     _context2.next = 2;
@@ -8063,6 +7545,8 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $5b597552807640f8$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $5b597552807640f8$var$_extends2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersextends);
 
 var $5b597552807640f8$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
@@ -8111,294 +7595,6 @@ function $5b597552807640f8$var$_interopRequireWildcard(obj, nodeInterop) {
     if (cache) cache.set(obj, newObj);
     return newObj;
 }
-function $5b597552807640f8$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $5b597552807640f8$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    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];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    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;
-}
 var $5b597552807640f8$var$getFilesDiff = function getFilesDiff(initialFiles, finalFiles) {
     var deleted = [];
     var added = [];
@@ -8433,9 +7629,9 @@ var $5b597552807640f8$var$UploadDialog = function UploadDialog(props) {
     var buttons = [];
     var _filesDropperProps$on = filesDropperProps.onRemoveFile, _onRemoveFile = _filesDropperProps$on === void 0 ? function() {} : _filesDropperProps$on, _filesDropperProps$on2 = filesDropperProps.onAddFiles, _onAddFiles = _filesDropperProps$on2 === void 0 ? function() {} : _filesDropperProps$on2, otherFilesDropperProps = (0, $5b597552807640f8$var$_objectWithoutProperties2["default"])(filesDropperProps, $5b597552807640f8$var$_excluded);
     var handleSubmit = /*#__PURE__*/ function() {
-        var _ref3 = (0, $5b597552807640f8$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $5b597552807640f8$var$_regeneratorRuntime().mark(function _callee() {
+        var _ref3 = (0, $5b597552807640f8$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $5b597552807640f8$var$_regenerator["default"].mark(function _callee() {
             var _getFilesDiff, added, deleted, res;
-            return $5b597552807640f8$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+            return $5b597552807640f8$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         setIsProcessing(true);
@@ -8763,306 +7959,19 @@ module.exports["default"] = $a569c294f3ffb90b$var$_default;
 parcelRequire.register("dsukx", function(module, exports) {
 "use strict";
 
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
+var $9cc56adabc671d24$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $9cc56adabc671d24$var$_toConsumableArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelperstoConsumableArray);
 
 var $9cc56adabc671d24$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
 
 var $9cc56adabc671d24$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersslicedToArray);
 
-function $9cc56adabc671d24$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $9cc56adabc671d24$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    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];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    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;
-}
 var $9cc56adabc671d24$var$useFileDropper = function useFileDropper(props) {
     var _props$initialFiles = props.initialFiles, initialFiles = _props$initialFiles === void 0 ? [] : _props$initialFiles, onAddFiles = props.onAddFiles, _props$onRemoveFile = props.onRemoveFile, onRemoveFile = _props$onRemoveFile === void 0 ? function() {} : _props$onRemoveFile, _props$onChange = props.onChange, onChange = _props$onChange === void 0 ? function() {} : _props$onChange, maxFiles = props.maxFiles;
     var _useState = (0, $gXNCa$react.useState)(false), _useState2 = (0, $9cc56adabc671d24$var$_slicedToArray2["default"])(_useState, 2), isUploading = _useState2[0], setIsUpLoading = _useState2[1];
@@ -9074,9 +7983,9 @@ var $9cc56adabc671d24$var$useFileDropper = function useFileDropper(props) {
         return _files.length > limit ? _files.splice(0, limit) : _files;
     }
     var handleAddFiles = /*#__PURE__*/ function() {
-        var _ref = (0, $9cc56adabc671d24$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $9cc56adabc671d24$var$_regeneratorRuntime().mark(function _callee(_files) {
+        var _ref = (0, $9cc56adabc671d24$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $9cc56adabc671d24$var$_regenerator["default"].mark(function _callee(_files) {
             var newFiles, newState;
-            return $9cc56adabc671d24$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+            return $9cc56adabc671d24$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         if (!(!_files.length || isUploading || maxFiles && files.length >= maxFiles)) {
@@ -9122,9 +8031,9 @@ var $9cc56adabc671d24$var$useFileDropper = function useFileDropper(props) {
         };
     }();
     var handleRemove = /*#__PURE__*/ function() {
-        var _ref2 = (0, $9cc56adabc671d24$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $9cc56adabc671d24$var$_regeneratorRuntime().mark(function _callee2(file, i) {
+        var _ref2 = (0, $9cc56adabc671d24$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $9cc56adabc671d24$var$_regenerator["default"].mark(function _callee2(file, i) {
             var newState;
-            return $9cc56adabc671d24$var$_regeneratorRuntime().wrap(function _callee2$(_context2) {
+            return $9cc56adabc671d24$var$_regenerator["default"].wrap(function _callee2$(_context2) {
                 while(true)switch(_context2.prev = _context2.next){
                     case 0:
                         if (!isRemoving) {
@@ -9278,6 +8187,8 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $39694de9ccf18c3d$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $39694de9ccf18c3d$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
 
 var $39694de9ccf18c3d$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
@@ -9357,294 +8268,6 @@ function $39694de9ccf18c3d$var$_objectSpread(target) {
     }
     return target;
 }
-function $39694de9ccf18c3d$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $39694de9ccf18c3d$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    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];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    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;
-}
 var $39694de9ccf18c3d$var$WrapperIcon = function WrapperIcon(props) {
     var badgeContent = props.badgeContent, badgeColor = props.badgeColor, children = props.children;
     if (badgeContent) return /*#__PURE__*/ $39694de9ccf18c3d$var$_react["default"].createElement($gXNCa$muimaterial.Badge, {
@@ -9670,9 +8293,9 @@ var $39694de9ccf18c3d$var$InlineButton = function InlineButton(props) {
     };
     var marginClassname = marginClassesMap[marginDirection];
     var _onClick = /*#__PURE__*/ function() {
-        var _ref = (0, $39694de9ccf18c3d$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $39694de9ccf18c3d$var$_regeneratorRuntime().mark(function _callee(e, button) {
+        var _ref = (0, $39694de9ccf18c3d$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $39694de9ccf18c3d$var$_regenerator["default"].mark(function _callee(e, button) {
             var _button$onClick;
-            return $39694de9ccf18c3d$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+            return $39694de9ccf18c3d$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         if (!button.onClick) {
@@ -9680,7 +8303,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);
@@ -9989,7 +8612,8 @@ var $c540f60a589f33c4$var$Button = function Button(props) {
         variant: variant,
         disabled: disabled
     })));
-}; // Props
+};
+// Props
 $c540f60a589f33c4$var$Button.propTypes = {
     color: $c540f60a589f33c4$var$_propTypes["default"].oneOf([
         "primary",
@@ -11521,6 +10145,8 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $3e6285a7fb5d9790$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $3e6285a7fb5d9790$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
 
 var $3e6285a7fb5d9790$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersslicedToArray);
@@ -11560,294 +10186,6 @@ function $3e6285a7fb5d9790$var$_interopRequireWildcard(obj, nodeInterop) {
     if (cache) cache.set(obj, newObj);
     return newObj;
 }
-function $3e6285a7fb5d9790$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $3e6285a7fb5d9790$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    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];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    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;
-}
 var $3e6285a7fb5d9790$var$ButtonCell = function ButtonCell(_ref) {
     var data = _ref.data, dataKey = _ref.dataKey, column = _ref.column, isDisabled = _ref.isDisabled;
     var _useState = (0, $3e6285a7fb5d9790$var$_react.useState)(false), _useState2 = (0, $3e6285a7fb5d9790$var$_slicedToArray2["default"])(_useState, 2), loading = _useState2[0], setLoading = _useState2[1];
@@ -11857,8 +10195,8 @@ var $3e6285a7fb5d9790$var$ButtonCell = function ButtonCell(_ref) {
         return _onClick.apply(this, arguments);
     }
     function _onClick() {
-        _onClick = (0, $3e6285a7fb5d9790$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $3e6285a7fb5d9790$var$_regeneratorRuntime().mark(function _callee() {
-            return $3e6285a7fb5d9790$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+        _onClick = (0, $3e6285a7fb5d9790$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $3e6285a7fb5d9790$var$_regenerator["default"].mark(function _callee() {
+            return $3e6285a7fb5d9790$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         _context.prev = 0;
@@ -12328,7 +10666,8 @@ var $9989899389fa060b$var$AutocompleteEdit = /*#__PURE__*/ (0, $9989899389fa060b
             }, label));
         },
         filterOptions: function filterOptions(options, params) {
-            var filtered = filter(options, params); // Suggest the creation of a new value
+            var filtered = filter(options, params);
+            // Suggest the creation of a new value
             if (params.inputValue !== "" && filtered.length === 0 && canCreate) filtered.push({
                 inputValue: params.inputValue,
                 label: $9989899389fa060b$var$_I18n["default"].t("autocomplete.createOption", {
@@ -12682,9 +11021,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 +11048,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
-        },
+        className: className,
+        "data-role": "body",
         onScroll: function onScroll(e) {
             return _onScroll(e.target);
         },
@@ -12730,7 +11060,8 @@ var $6ea307c9b2d01d64$var$VirtualGrid = /*#__PURE__*/ (0, $6ea307c9b2d01d64$var$
         style: {
             width: contentWidth,
             height: rowCount * estimatedRowSize,
-            position: "relative"
+            position: "relative",
+            minWidth: "100%"
         }
     }, getRows()));
 });
@@ -12828,10 +11159,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 +11244,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 +11261,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 +11536,7 @@ var $e7517de803644e56$var$_excluded = [
     "tableKeyName",
     "order",
     "orderDirection",
-    "onOrderChange",
-    "domRef"
+    "onOrderChange"
 ];
 function $e7517de803644e56$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -13294,8 +11626,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 +11716,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 +11738,7 @@ var $e7517de803644e56$var$Header = /*#__PURE__*/ $e7517de803644e56$var$_react["d
             }
         });
     })));
-});
+};
 var $e7517de803644e56$var$_default = $e7517de803644e56$var$Header;
 module.exports["default"] = $e7517de803644e56$var$_default;
 
@@ -13502,6 +11832,7 @@ var $74d7c783859244b3$var$HeaderCell = function HeaderCell(_ref) {
     }, [
         columnIndex
     ]);
+    var title = tooltipHeader ? "" : header;
     var render = function render() {
         var _cx;
         return /*#__PURE__*/ $74d7c783859244b3$var$_react["default"].createElement("div", {
@@ -13529,7 +11860,7 @@ var $74d7c783859244b3$var$HeaderCell = function HeaderCell(_ref) {
             variant: variant
         })), /*#__PURE__*/ $74d7c783859244b3$var$_react["default"].createElement("div", {
             className: (0, $74d7c783859244b3$var$_classnames["default"])(styles.headerCell),
-            title: header
+            title: title
         }, (0, $e902G.isSortable)({
             typeCell: typeCell,
             sortable: sortable
@@ -13746,6 +12077,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"
         },
@@ -13799,7 +12131,8 @@ module.exports.sameArray = $aeaa9692314e35aa$var$sameArray;
 // Inspired by https://stackoverflow.com/questions/7837456/how-to-compare-arrays-in-javascript
 function $aeaa9692314e35aa$var$sameArray(array1, array2) {
     // if the other array is a falsy value, return
-    if (!array2) return false; // compare lengths - can save a lot of time
+    if (!array2) return false;
+    // compare lengths - can save a lot of time
     if (array1.length !== array2.length) return false;
     var offset = 0;
     for(var i = 0, l = array1.length; i < l; i++){
@@ -13887,7 +12220,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 +12238,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 +12259,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;
 
@@ -14745,10 +13077,14 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $4cc03a09cd474ddf$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $4cc03a09cd474ddf$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
 
 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);
@@ -14845,35 +13181,93 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
         setPopperAnchorEl(null);
     };
     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);
+        return _handleDeleteRows.apply(this, arguments);
+    }
+    function _handleDeleteRows() {
+        _handleDeleteRows = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regenerator["default"].mark(function _callee() {
+            var _apiRef$current2, _apiRef$current2$vali;
+            return $4cc03a09cd474ddf$var$_regenerator["default"].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$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);
+                        _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$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");
+        return _handleSave.apply(this, arguments);
+    }
+    function _handleSave() {
+        _handleSave = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regenerator["default"].mark(function _callee2() {
+            var _apiRef$current3, _apiRef$current3$vali;
+            var ret;
+            return $4cc03a09cd474ddf$var$_regenerator["default"].wrap(function _callee2$(_context2) {
+                while(true)switch(_context2.prev = _context2.next){
+                    case 0:
+                        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)) {
+                            _context2.next = 2;
+                            break;
+                        }
+                        return _context2.abrupt("return");
+                    case 2:
+                        _context2.t0 = state;
+                        _context2.next = _context2.t0 === $e902G.TABLE_STATE.ADD ? 5 : _context2.t0 === $e902G.TABLE_STATE.EDIT ? 9 : _context2.t0 === $e902G.TABLE_STATE.PERMANENT_EDIT ? 13 : 17;
+                        break;
+                    case 5:
+                        _context2.next = 7;
+                        return handleValidateAdd(displayableRows.filter(function(e) {
+                            return e.rowType === $e902G.ROW_TYPE.NEW && e._touched;
+                        }), insertPosition === $e902G.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
+                    case 7:
+                        ret = _context2.sent;
+                        return _context2.abrupt("break", 17);
+                    case 9:
+                        _context2.next = 11;
+                        return handleValidateEdit(displayableRows.filter(function(e) {
+                            return e.rowType === $e902G.ROW_TYPE.EDIT;
+                        }));
+                    case 11:
+                        ret = _context2.sent;
+                        return _context2.abrupt("break", 17);
+                    case 13:
+                        _context2.next = 15;
+                        return 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);
+                    case 15:
+                        ret = _context2.sent;
+                        return _context2.abrupt("break", 17);
+                    case 17:
+                        if (ret !== false) send("validate");
+                    case 18:
+                    case "end":
+                        return _context2.stop();
+                }
+            }, _callee2);
+        }));
+        return _handleSave.apply(this, arguments);
     }
     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() {
@@ -14969,6 +13363,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,
@@ -15686,12 +14081,13 @@ module.exports["default"] = $77903841862356c6$var$_default;
 parcelRequire.register("ku1Z0", function(module, exports) {
 "use strict";
 
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports.useExport = void 0;
 
+var $ee9825c87509d7ea$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $ee9825c87509d7ea$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
 
 var $ee9825c87509d7ea$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
@@ -15702,294 +14098,6 @@ var $ee9825c87509d7ea$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropReq
 var $gHByu = parcelRequire("gHByu");
 
 var $ckVq7 = parcelRequire("ckVq7");
-function $ee9825c87509d7ea$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $ee9825c87509d7ea$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    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];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    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 $ee9825c87509d7ea$var$ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -16021,8 +14129,8 @@ var $ee9825c87509d7ea$var$useExport = function useExport() {
    *
    * @param {string} format - The format of the exported file can be 'csv', 'xls', 'pdf', 'print'
    */ var exportData = /*#__PURE__*/ function() {
-        var _ref = (0, $ee9825c87509d7ea$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $ee9825c87509d7ea$var$_regeneratorRuntime().mark(function _callee(format, options) {
-            return $ee9825c87509d7ea$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+        var _ref = (0, $ee9825c87509d7ea$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $ee9825c87509d7ea$var$_regenerator["default"].mark(function _callee(format, options) {
+            return $ee9825c87509d7ea$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         setLoading(true);
@@ -16101,6 +14209,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",
@@ -16223,12 +14332,15 @@ function $e805bdb14b581d2c$var$useMachine(machine) {
     var ref = (0, $gXNCa$react.useRef)(null);
     if (ref.current === null) ref.current = (0, $gXNCa$robot3.interpret)(machine, function() {
         // eslint-disable-next-line no-use-before-define
-        setState(service.machine.current); // eslint-disable-next-line no-use-before-define
+        setState(service.machine.current);
+        // eslint-disable-next-line no-use-before-define
         setContext(service.context);
     }, initialContext);
-    var service = ref.current; // We store the context & state of the machine in the react state.
+    var service = ref.current;
+    // We store the context & state of the machine in the react state.
     var _useState = (0, $gXNCa$react.useState)(service.machine.current), _useState2 = (0, $e805bdb14b581d2c$var$_slicedToArray2["default"])(_useState, 2), state = _useState2[0], setState = _useState2[1];
-    var _useState3 = (0, $gXNCa$react.useState)(service.context), _useState4 = (0, $e805bdb14b581d2c$var$_slicedToArray2["default"])(_useState3, 2), context = _useState4[0], setContext = _useState4[1]; // Allows you to request a transition
+    var _useState3 = (0, $gXNCa$react.useState)(service.context), _useState4 = (0, $e805bdb14b581d2c$var$_slicedToArray2["default"])(_useState3, 2), context = _useState4[0], setContext = _useState4[1];
+    // Allows you to request a transition
     var send = (0, $gXNCa$react.useCallback)(function(type) {
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         service.send($e805bdb14b581d2c$var$_objectSpread({
@@ -16236,12 +14348,14 @@ function $e805bdb14b581d2c$var$useMachine(machine) {
         }, params));
     }, [
         service
-    ]); // Checks if a transition is possible from the current state
+    ]);
+    // Checks if a transition is possible from the current state
     var can = (0, $gXNCa$react.useCallback)(function(transitionName) {
         // eslint-disable-next-line prefer-destructuring
         var transitions = service.machine.state.value.transitions;
         if (!transitions.has(transitionName)) return false;
-        var transitionsForName = transitions.get(transitionName); // eslint-disable-next-line no-restricted-syntax
+        var transitionsForName = transitions.get(transitionName);
+        // eslint-disable-next-line no-restricted-syntax
         var _iterator = $e805bdb14b581d2c$var$_createForOfIteratorHelper(transitionsForName), _step;
         try {
             for(_iterator.s(); !(_step = _iterator.n()).done;){
@@ -16607,14 +14721,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,
@@ -16627,7 +14742,8 @@ var $b4e89a7530fc0987$var$processGroupItem = function processGroupItem(group) {
     var titleRow = (0, $e902G.createTitleRow)(group);
     var newTab = [
         titleRow
-    ]; // TODO addRow for each group
+    ];
+    // TODO addRow for each group
     // if (modeAdd) {
     //   newTab.push(createAddRowGroup(group));
     // }
@@ -16747,7 +14863,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 +14871,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 +14925,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 +15436,40 @@ module.exports["default"] = $91a39eacac205c01$var$_default;
 });
 parcelRequire.register("bOZp3", function(module, exports) {
 
-$parcel$export(module.exports, "isError", () => $89b3fe986b2d4477$export$e6127cc7fe7395c3, (v) => $89b3fe986b2d4477$export$e6127cc7fe7395c3 = v);
-$parcel$export(module.exports, "dropDownIcon", () => $89b3fe986b2d4477$export$e41ce6c93801c63c, (v) => $89b3fe986b2d4477$export$e41ce6c93801c63c = v);
-$parcel$export(module.exports, "label", () => $89b3fe986b2d4477$export$1237798dc640739a, (v) => $89b3fe986b2d4477$export$1237798dc640739a = v);
-$parcel$export(module.exports, "open", () => $89b3fe986b2d4477$export$3ce6949f20cea765, (v) => $89b3fe986b2d4477$export$3ce6949f20cea765 = 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, "clear", () => $89b3fe986b2d4477$export$42ffd38884aecdac, (v) => $89b3fe986b2d4477$export$42ffd38884aecdac = v);
-$parcel$export(module.exports, "icons", () => $89b3fe986b2d4477$export$df03f54e09e486fa, (v) => $89b3fe986b2d4477$export$df03f54e09e486fa = v);
 $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, "search", () => $89b3fe986b2d4477$export$d76128d007d19019, (v) => $89b3fe986b2d4477$export$d76128d007d19019 = 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);
+$parcel$export(module.exports, "isError", () => $89b3fe986b2d4477$export$e6127cc7fe7395c3, (v) => $89b3fe986b2d4477$export$e6127cc7fe7395c3 = v);
+$parcel$export(module.exports, "selector", () => $89b3fe986b2d4477$export$aea217a45095ce11, (v) => $89b3fe986b2d4477$export$aea217a45095ce11 = v);
+$parcel$export(module.exports, "open", () => $89b3fe986b2d4477$export$3ce6949f20cea765, (v) => $89b3fe986b2d4477$export$3ce6949f20cea765 = v);
 $parcel$export(module.exports, "autoCompleteContainer", () => $89b3fe986b2d4477$export$d08603063fe3f9a5, (v) => $89b3fe986b2d4477$export$d08603063fe3f9a5 = v);
-var $89b3fe986b2d4477$export$e6127cc7fe7395c3;
-var $89b3fe986b2d4477$export$e41ce6c93801c63c;
-var $89b3fe986b2d4477$export$1237798dc640739a;
-var $89b3fe986b2d4477$export$3ce6949f20cea765;
-var $89b3fe986b2d4477$export$aea217a45095ce11;
-var $89b3fe986b2d4477$export$d76128d007d19019;
+$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);
 var $89b3fe986b2d4477$export$42ffd38884aecdac;
-var $89b3fe986b2d4477$export$df03f54e09e486fa;
 var $89b3fe986b2d4477$export$1edee58a52776cd9;
-var $89b3fe986b2d4477$export$7d2b4e7a5a4801f2;
+var $89b3fe986b2d4477$export$d76128d007d19019;
+var $89b3fe986b2d4477$export$e41ce6c93801c63c;
+var $89b3fe986b2d4477$export$df03f54e09e486fa;
+var $89b3fe986b2d4477$export$e6127cc7fe7395c3;
+var $89b3fe986b2d4477$export$aea217a45095ce11;
+var $89b3fe986b2d4477$export$3ce6949f20cea765;
 var $89b3fe986b2d4477$export$d08603063fe3f9a5;
+var $89b3fe986b2d4477$export$7d2b4e7a5a4801f2;
+var $89b3fe986b2d4477$export$1237798dc640739a;
 "use strict";
-$89b3fe986b2d4477$export$e6127cc7fe7395c3 = "h8cnOq_isError";
-$89b3fe986b2d4477$export$e41ce6c93801c63c = "h8cnOq_dropDownIcon";
-$89b3fe986b2d4477$export$1237798dc640739a = "h8cnOq_label";
-$89b3fe986b2d4477$export$3ce6949f20cea765 = "h8cnOq_open";
-$89b3fe986b2d4477$export$aea217a45095ce11 = "h8cnOq_selector";
-$89b3fe986b2d4477$export$d76128d007d19019 = "h8cnOq_search";
 $89b3fe986b2d4477$export$42ffd38884aecdac = "h8cnOq_clear";
-$89b3fe986b2d4477$export$df03f54e09e486fa = "h8cnOq_icons";
 $89b3fe986b2d4477$export$1edee58a52776cd9 = "h8cnOq_border";
-$89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = "h8cnOq_rotated";
+$89b3fe986b2d4477$export$d76128d007d19019 = "h8cnOq_search";
+$89b3fe986b2d4477$export$e41ce6c93801c63c = "h8cnOq_dropDownIcon";
+$89b3fe986b2d4477$export$df03f54e09e486fa = "h8cnOq_icons";
+$89b3fe986b2d4477$export$e6127cc7fe7395c3 = "h8cnOq_isError";
+$89b3fe986b2d4477$export$aea217a45095ce11 = "h8cnOq_selector";
+$89b3fe986b2d4477$export$3ce6949f20cea765 = "h8cnOq_open";
 $89b3fe986b2d4477$export$d08603063fe3f9a5 = "h8cnOq_autoCompleteContainer";
+$89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = "h8cnOq_rotated";
+$89b3fe986b2d4477$export$1237798dc640739a = "h8cnOq_label";
 
 });
 
@@ -17396,13 +15530,13 @@ module.exports["default"] = $2a8ea8e017c38455$var$_default;
 });
 parcelRequire.register("6phpP", function(module, exports) {
 
-$parcel$export(module.exports, "noResult", () => $4aa29644d428563d$export$17aca76bf89ef49e, (v) => $4aa29644d428563d$export$17aca76bf89ef49e = v);
 $parcel$export(module.exports, "resultsContainer", () => $4aa29644d428563d$export$15750c32f8f4f754, (v) => $4aa29644d428563d$export$15750c32f8f4f754 = v);
-var $4aa29644d428563d$export$17aca76bf89ef49e;
+$parcel$export(module.exports, "noResult", () => $4aa29644d428563d$export$17aca76bf89ef49e, (v) => $4aa29644d428563d$export$17aca76bf89ef49e = v);
 var $4aa29644d428563d$export$15750c32f8f4f754;
+var $4aa29644d428563d$export$17aca76bf89ef49e;
 "use strict";
-$4aa29644d428563d$export$17aca76bf89ef49e = "SaImvG_noResult";
 $4aa29644d428563d$export$15750c32f8f4f754 = "SaImvG_resultsContainer";
+$4aa29644d428563d$export$17aca76bf89ef49e = "SaImvG_noResult";
 
 });
 
@@ -17459,19 +15593,19 @@ module.exports["default"] = $060ef87bc99cc1cf$var$_default;
 });
 parcelRequire.register("bfmDi", function(module, exports) {
 
-$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);
 $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, "inputContainer", () => $8302a6d46dfd98fe$export$72108e4fb43880e3, (v) => $8302a6d46dfd98fe$export$72108e4fb43880e3 = v);
-$parcel$export(module.exports, "inputSearch", () => $8302a6d46dfd98fe$export$f78c4432585bf2ac, (v) => $8302a6d46dfd98fe$export$f78c4432585bf2ac = v);
-var $8302a6d46dfd98fe$export$64a53ecd158b85c4;
+var $8302a6d46dfd98fe$export$f78c4432585bf2ac;
 var $8302a6d46dfd98fe$export$8687ffcdea58e000;
+var $8302a6d46dfd98fe$export$64a53ecd158b85c4;
 var $8302a6d46dfd98fe$export$72108e4fb43880e3;
-var $8302a6d46dfd98fe$export$f78c4432585bf2ac;
 "use strict";
-$8302a6d46dfd98fe$export$64a53ecd158b85c4 = "t5EYra_closeIcon";
+$8302a6d46dfd98fe$export$f78c4432585bf2ac = "t5EYra_inputSearch";
 $8302a6d46dfd98fe$export$8687ffcdea58e000 = "t5EYra_searchIcon";
+$8302a6d46dfd98fe$export$64a53ecd158b85c4 = "t5EYra_closeIcon";
 $8302a6d46dfd98fe$export$72108e4fb43880e3 = "t5EYra_inputContainer";
-$8302a6d46dfd98fe$export$f78c4432585bf2ac = "t5EYra_inputSearch";
 
 });
 
@@ -17567,7 +15701,9 @@ var $7d5761816dd9f126$var$SuggestList = function SuggestList(_ref) {
         e.returnValue = false;
     };
     var isMouseOverSuggestList = function isMouseOverSuggestList(e, myAutoCompleteSuggestListRef) {
-        return myAutoCompleteSuggestListRef.current && e.clientX >= myAutoCompleteSuggestListRef.current.offsetLeft && e.clientX <= myAutoCompleteSuggestListRef.current.offsetLeft + myAutoCompleteSuggestListRef.current.offsetWidth && e.clientY + document.documentElement.scrollTop >= myAutoCompleteSuggestListRef.current.offsetTop && e.clientY + document.documentElement.scrollTop <= myAutoCompleteSuggestListRef.current.offsetTop + myAutoCompleteSuggestListRef.current.offsetHeight;
+        if (!(myAutoCompleteSuggestListRef !== null && myAutoCompleteSuggestListRef !== void 0 && myAutoCompleteSuggestListRef.current)) return false;
+        var rect = myAutoCompleteSuggestListRef.current.getBoundingClientRect();
+        return rect && e.clientX >= rect.left && e.clientX <= rect.left + rect.width && e.clientY >= rect.top && e.clientY <= rect.top + rect.height;
     };
     var limitScrollAtEndOfList = function limitScrollAtEndOfList() {
         var maxCurrentPositionY = itemHeight * (list.length - 5);
@@ -17730,19 +15866,19 @@ module.exports["default"] = $827476aa1ed605f8$var$_default;
 });
 parcelRequire.register("aI0no", function(module, exports) {
 
-$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);
 $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, "label", () => $7cbe4e30c9952688$export$1237798dc640739a, (v) => $7cbe4e30c9952688$export$1237798dc640739a = v);
-var $7cbe4e30c9952688$export$683472f6198a076e;
-var $7cbe4e30c9952688$export$be69ea624d82a314;
+$parcel$export(module.exports, "disabled", () => $7cbe4e30c9952688$export$683472f6198a076e, (v) => $7cbe4e30c9952688$export$683472f6198a076e = v);
 var $7cbe4e30c9952688$export$53f1d5ea8de3d7c;
+var $7cbe4e30c9952688$export$be69ea624d82a314;
 var $7cbe4e30c9952688$export$1237798dc640739a;
+var $7cbe4e30c9952688$export$683472f6198a076e;
 "use strict";
-$7cbe4e30c9952688$export$683472f6198a076e = "kMx4ia_disabled";
-$7cbe4e30c9952688$export$be69ea624d82a314 = "kMx4ia_checkboxContainer";
 $7cbe4e30c9952688$export$53f1d5ea8de3d7c = "kMx4ia_line";
+$7cbe4e30c9952688$export$be69ea624d82a314 = "kMx4ia_checkboxContainer";
 $7cbe4e30c9952688$export$1237798dc640739a = "kMx4ia_label";
+$7cbe4e30c9952688$export$683472f6198a076e = "kMx4ia_disabled";
 
 });
 
@@ -17792,16 +15928,16 @@ module.exports["default"] = $582fe4327e2ca233$var$_default;
 });
 parcelRequire.register("4ZIDK", function(module, exports) {
 
+$parcel$export(module.exports, "checked", () => $3a2f7c860af0abde$export$b96bb35bc88d6fa, (v) => $3a2f7c860af0abde$export$b96bb35bc88d6fa = v);
 $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, "checked", () => $3a2f7c860af0abde$export$b96bb35bc88d6fa, (v) => $3a2f7c860af0abde$export$b96bb35bc88d6fa = v);
+var $3a2f7c860af0abde$export$b96bb35bc88d6fa;
 var $3a2f7c860af0abde$export$683472f6198a076e;
 var $3a2f7c860af0abde$export$b07e517d22efa1ca;
-var $3a2f7c860af0abde$export$b96bb35bc88d6fa;
 "use strict";
+$3a2f7c860af0abde$export$b96bb35bc88d6fa = "pNP20W_checked";
 $3a2f7c860af0abde$export$683472f6198a076e = "pNP20W_disabled";
 $3a2f7c860af0abde$export$b07e517d22efa1ca = "pNP20W_checkbox";
-$3a2f7c860af0abde$export$b96bb35bc88d6fa = "pNP20W_checked";
 
 });
 
@@ -17953,8 +16089,8 @@ $14c49666e282f90f$var$MyAutoCompleteSuggestListScrollBar.propTypes = {
     numberOfItemDisplayed: $14c49666e282f90f$var$_propTypes["default"].number,
     changeListData: $14c49666e282f90f$var$_propTypes["default"].func,
     setCurrentPositionYRef: $14c49666e282f90f$var$_propTypes["default"].func,
-    setStartIndexListDisplayedRef: $14c49666e282f90f$var$_propTypes["default"].number,
-    startIndexListDisplayed: $14c49666e282f90f$var$_propTypes["default"].func,
+    setStartIndexListDisplayedRef: $14c49666e282f90f$var$_propTypes["default"].func,
+    startIndexListDisplayed: $14c49666e282f90f$var$_propTypes["default"].number,
     suggestListHeight: $14c49666e282f90f$var$_propTypes["default"].number
 };
 
@@ -18014,19 +16150,19 @@ module.exports["default"] = $b3ca32e1e8152d41$var$_default;
 });
 parcelRequire.register("5OeO1", function(module, exports) {
 
-$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);
+$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$4ecd951fab6372ae;
+$parcel$export(module.exports, "search", () => $43ad1b6180880954$export$d76128d007d19019, (v) => $43ad1b6180880954$export$d76128d007d19019 = v);
 var $43ad1b6180880954$export$6d59db4903f20f7d;
-var $43ad1b6180880954$export$d76128d007d19019;
+var $43ad1b6180880954$export$4ecd951fab6372ae;
 var $43ad1b6180880954$export$4f73249088d12862;
+var $43ad1b6180880954$export$d76128d007d19019;
 "use strict";
-$43ad1b6180880954$export$4ecd951fab6372ae = "_1WQQUG_chipsContainer";
 $43ad1b6180880954$export$6d59db4903f20f7d = "_1WQQUG_description";
-$43ad1b6180880954$export$d76128d007d19019 = "_1WQQUG_search";
+$43ad1b6180880954$export$4ecd951fab6372ae = "_1WQQUG_chipsContainer";
 $43ad1b6180880954$export$4f73249088d12862 = "_1WQQUG_selectorContainer";
+$43ad1b6180880954$export$d76128d007d19019 = "_1WQQUG_search";
 
 });
 
@@ -18163,26 +16299,27 @@ function $fc67e8a80c2a5449$var$_arrayLikeToArray(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-var $fc67e8a80c2a5449$var$SIZE_EMPTY_CHIPS = 30;
-var $fc67e8a80c2a5449$var$SIZE_CHAR = 10;
-var $fc67e8a80c2a5449$var$SIZE_ICONS = 75;
+var $fc67e8a80c2a5449$var$SIZE_EMPTY_CHIPS = 35;
+var $fc67e8a80c2a5449$var$SIZE_CHAR = 6;
+var $fc67e8a80c2a5449$var$SIZE_ICONS = 50;
+var $fc67e8a80c2a5449$var$PLUS_CHIPS = 45;
 var $fc67e8a80c2a5449$var$ListChips = function ListChips(_ref) {
     var _options$slice;
     var _ref$options = _ref.options, options = _ref$options === void 0 ? [] : _ref$options, widthContainer = _ref.widthContainer, onUnselectChips = _ref.onUnselectChips;
     var numberCanDisplay = function numberCanDisplay() {
         var numberChipsDisplayed = 0;
-        var totalLength = 0;
+        var restWidth = widthContainer - $fc67e8a80c2a5449$var$SIZE_ICONS;
+        if ((options === null || options === void 0 ? void 0 : options.length) > 1) restWidth -= $fc67e8a80c2a5449$var$PLUS_CHIPS;
         var _iterator = $fc67e8a80c2a5449$var$_createForOfIteratorHelper(options), _step;
         try {
             for(_iterator.s(); !(_step = _iterator.n()).done;){
                 var _option$label;
                 var option = _step.value;
-                var canAddChips = ((option === null || option === void 0 ? void 0 : (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.length) + totalLength) * $fc67e8a80c2a5449$var$SIZE_CHAR + $fc67e8a80c2a5449$var$SIZE_EMPTY_CHIPS * (numberChipsDisplayed + 1) <= widthContainer - $fc67e8a80c2a5449$var$SIZE_ICONS;
-                if (canAddChips) {
-                    var _option$label2;
-                    totalLength += option === null || option === void 0 ? void 0 : (_option$label2 = option.label) === null || _option$label2 === void 0 ? void 0 : _option$label2.length;
-                    numberChipsDisplayed++;
-                } else break;
+                var widthToAdd = $fc67e8a80c2a5449$var$SIZE_CHAR * (option === null || option === void 0 ? void 0 : (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.length) + $fc67e8a80c2a5449$var$SIZE_EMPTY_CHIPS;
+                var canAddChips = restWidth > widthToAdd;
+                restWidth = restWidth - widthToAdd;
+                if (canAddChips) numberChipsDisplayed++;
+                else break;
             }
         } catch (err) {
             _iterator.e(err);
@@ -18207,8 +16344,7 @@ var $fc67e8a80c2a5449$var$ListChips = function ListChips(_ref) {
             key: "chips_".concat(o === null || o === void 0 ? void 0 : o.id, "_").concat(index)
         }, /*#__PURE__*/ $fc67e8a80c2a5449$var$_react["default"].createElement($fc67e8a80c2a5449$var$_Chips["default"], {
             text: o === null || o === void 0 ? void 0 : o.label,
-            isClosable: !o.disabled //disabled={o.disabled} to be confirmed with UIUX
-            ,
+            isClosable: !o.disabled,
             onUnselectChips: function onUnselectChips(e) {
                 return handleUnselectChip(e, o === null || o === void 0 ? void 0 : o.id);
             }
@@ -18241,21 +16377,21 @@ module.exports["default"] = $fc67e8a80c2a5449$var$_default;
 });
 parcelRequire.register("fMO2k", function(module, exports) {
 
-$parcel$export(module.exports, "otherChips", () => $b7e226f14163178c$export$8e7e5eade6f0e227, (v) => $b7e226f14163178c$export$8e7e5eade6f0e227 = 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, "chips", () => $b7e226f14163178c$export$9f51660fd8227d80, (v) => $b7e226f14163178c$export$9f51660fd8227d80 = v);
+$parcel$export(module.exports, "otherChips", () => $b7e226f14163178c$export$8e7e5eade6f0e227, (v) => $b7e226f14163178c$export$8e7e5eade6f0e227 = v);
+$parcel$export(module.exports, "listChips", () => $b7e226f14163178c$export$e7d1eca55671fd03, (v) => $b7e226f14163178c$export$e7d1eca55671fd03 = v);
 $parcel$export(module.exports, "lineChips", () => $b7e226f14163178c$export$bce1eb5c2ff1e30e, (v) => $b7e226f14163178c$export$bce1eb5c2ff1e30e = v);
-var $b7e226f14163178c$export$8e7e5eade6f0e227;
-var $b7e226f14163178c$export$e7d1eca55671fd03;
 var $b7e226f14163178c$export$5cb38942082ce4bd;
 var $b7e226f14163178c$export$9f51660fd8227d80;
+var $b7e226f14163178c$export$8e7e5eade6f0e227;
+var $b7e226f14163178c$export$e7d1eca55671fd03;
 var $b7e226f14163178c$export$bce1eb5c2ff1e30e;
 "use strict";
-$b7e226f14163178c$export$8e7e5eade6f0e227 = "_8FpR1a_otherChips";
-$b7e226f14163178c$export$e7d1eca55671fd03 = "_8FpR1a_listChips";
 $b7e226f14163178c$export$5cb38942082ce4bd = "_8FpR1a_toolTipsList";
 $b7e226f14163178c$export$9f51660fd8227d80 = "_8FpR1a_chips";
+$b7e226f14163178c$export$8e7e5eade6f0e227 = "_8FpR1a_otherChips";
+$b7e226f14163178c$export$e7d1eca55671fd03 = "_8FpR1a_listChips";
 $b7e226f14163178c$export$bce1eb5c2ff1e30e = "_8FpR1a_lineChips";
 
 });