@myunisoft/design-system 0.16.0-alpha.0 → 0.16.0

package/dist/index.js

@@ -8,8 +8,7 @@ var $cMI0G$proptypes = require("prop-types");
 var $cMI0G$react = require("react");
 var $cMI0G$reactvirtualized = require("react-virtualized");
 var $cMI0G$i18next = require("i18next");
-var $cMI0G$muimaterial = require("@mui/material");
-var $cMI0G$muistylesmakeStyles = require("@mui/styles/makeStyles");
+var $cMI0G$materialuicore = require("@material-ui/core");
 var $cMI0G$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
 var $cMI0G$babelruntimehelpersobjectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties");
 var $cMI0G$classnames = require("classnames");
@@ -17,20 +16,21 @@ var $cMI0G$lodashget = require("lodash/get");
 var $cMI0G$lodashisArray = require("lodash/isArray");
 var $cMI0G$lodashisNil = require("lodash/isNil");
 var $cMI0G$lodashupperFirst = require("lodash/upperFirst");
-var $cMI0G$muimaterialTypography = require("@mui/material/Typography");
-var $cMI0G$muimaterialTooltip = require("@mui/material/Tooltip");
+var $cMI0G$materialuicoreTypography = require("@material-ui/core/Typography");
+var $cMI0G$materialuicoreTooltip = require("@material-ui/core/Tooltip");
+var $cMI0G$materialuicorestylesmakeStyles = require("@material-ui/core/styles/makeStyles");
 var $cMI0G$lodashdebounce = require("lodash/debounce");
 var $cMI0G$numeral = require("numeral");
 var $cMI0G$lodashset = require("lodash/set");
 var $cMI0G$robot3 = require("robot3");
-var $cMI0G$muimaterialMenuItem = require("@mui/material/MenuItem");
-var $cMI0G$muimaterialSelect = require("@mui/material/Select");
+var $cMI0G$materialuicoreMenuItem = require("@material-ui/core/MenuItem");
+var $cMI0G$materialuicoreSelect = require("@material-ui/core/Select");
 var $cMI0G$lodashomit = require("lodash/omit");
 var $cMI0G$moment = require("moment");
 var $cMI0G$lodashisEmpty = require("lodash/isEmpty");
 var $cMI0G$lodashfirst = require("lodash/first");
 var $cMI0G$reactspinners = require("react-spinners");
-var $cMI0G$muimaterialstyles = require("@mui/material/styles");
+var $cMI0G$materialuicorestyles = require("@material-ui/core/styles");
 var $cMI0G$babelruntimeregenerator = require("@babel/runtime/regenerator");
 var $cMI0G$babelruntimehelpersasyncToGenerator = require("@babel/runtime/helpers/asyncToGenerator");
 var $cMI0G$lodashfind = require("lodash/find");
@@ -38,21 +38,21 @@ var $cMI0G$exceljs = require("exceljs");
 var $cMI0G$printjs = require("print-js");
 var $cMI0G$html2canvas = require("html2canvas");
 var $cMI0G$jspdf = require("jspdf");
-var $cMI0G$muistyleswithStyles = require("@mui/styles/withStyles");
 var $cMI0G$reactdropzone = require("react-dropzone");
 var $cMI0G$lodashdeburr = require("lodash/deburr");
-var $cMI0G$muimaterialIconButton = require("@mui/material/IconButton");
-var $cMI0G$muimaterialMenu = require("@mui/material/Menu");
-var $cMI0G$muimaterialAutocomplete = require("@mui/material/Autocomplete");
+var $cMI0G$materialuicoreIconButton = require("@material-ui/core/IconButton");
+var $cMI0G$materialuicoreMenu = require("@material-ui/core/Menu");
+var $cMI0G$materialuilabAutocomplete = require("@material-ui/lab/Autocomplete");
 var $cMI0G$lodashhead = require("lodash/head");
 var $cMI0G$reselect = require("reselect");
 var $cMI0G$lodashisEqual = require("lodash/isEqual");
+var $cMI0G$lodashuniq = require("lodash/uniq");
 var $cMI0G$lodashmap = require("lodash/map");
-var $cMI0G$muiiconsmaterialSearch = require("@mui/icons-material/Search");
+var $cMI0G$materialuiiconsSearch = require("@material-ui/icons/Search");
 var $cMI0G$reactinputautosize = require("react-input-autosize");
-var $cMI0G$muiiconsmaterialClose = require("@mui/icons-material/Close");
-var $cMI0G$muiiconsmaterialMoreVert = require("@mui/icons-material/MoreVert");
-var $cMI0G$muiiconsmaterial = require("@mui/icons-material");
+var $cMI0G$materialuiiconsClose = require("@material-ui/icons/Close");
+var $cMI0G$materialuiiconsMoreVert = require("@material-ui/icons/MoreVert");
+var $cMI0G$materialuiicons = require("@material-ui/icons");
 var $cMI0G$lodashorderBy = require("lodash/orderBy");
 
 var $parcel$global =
@@ -209,7 +209,7 @@ var $1eb7cba72eb8d5c7$var$defaultConfig = {
     selectableRowKey: 'id'
 };
 var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].memo(/*#__PURE__*/ $1eb7cba72eb8d5c7$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, isEdit = _ref.isEdit, tableKeyName = _ref.tableKeyName, defaultSelectedRows = _ref.defaultSelectedRows, onFocusChange = _ref.onFocusChange, onKeyDown = _ref.onKeyDown, onClick = _ref.onClick, onDoubleClick = _ref.onDoubleClick, setVTState = _ref.setVTState;
+    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, isEdit = _ref.isEdit, tableKeyName = _ref.tableKeyName, defaultSelectedRows = _ref.defaultSelectedRows, onFocusChange = _ref.onFocusChange, onKeyDown = _ref.onKeyDown, onClick = _ref.onClick, onDoubleClick = _ref.onDoubleClick, setVTState = _ref.setVTState;
     var styles = (0, $1eb7cba72eb8d5c7$var$_styles["default"])();
     var _useState = (0, $1eb7cba72eb8d5c7$var$_react.useState)(0), _useState2 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useState, 2), verticalPadding = _useState2[0], setVerticalPadding = _useState2[1];
     var _useState3 = (0, $1eb7cba72eb8d5c7$var$_react.useState)(0), _useState4 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useState3, 2), horizontalPadding = _useState4[0], setHorizontalPadding = _useState4[1];
@@ -465,7 +465,7 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
         handleCancel: handleCancel,
         onChangeColumnsSetting: dispatchColumnsSetting
     }), /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($cMI0G$reactvirtualized.ScrollSync, null, function(_ref4) {
-        var onScroll = _ref4.onScroll, scrollLeft = _ref4.scrollLeft;
+        var _onScroll = _ref4.onScroll, scrollLeft = _ref4.scrollLeft;
         return(/*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($cMI0G$reactvirtualized.AutoSizer, {
             onResize: handleResize,
             style: size1
@@ -514,7 +514,10 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
                 columnWidth: _getColumnWidth,
                 height: height,
                 displayableRows: displayableRows,
-                onScroll: onScroll,
+                onScroll: function onScroll(onScrollParams) {
+                    _onScroll(onScrollParams);
+                    if (typeof onCustomScroll === 'function') onCustomScroll(onScrollParams);
+                },
                 rowHeight: cache.rowHeight,
                 fixedColumnCount: scrollLeft > 0 ? fixedColumns + +hasCheckBox : 0,
                 onScrollbarPresenceChange: function onScrollbarPresenceChange(_ref7) {
@@ -572,7 +575,8 @@ $1eb7cba72eb8d5c7$var$VirtualTable.propTypes = {
     ]),
     tableKeyName: $1eb7cba72eb8d5c7$var$_propTypes["default"].string.isRequired,
     customHeader: $1eb7cba72eb8d5c7$var$_propTypes["default"].node,
-    customFooter: $1eb7cba72eb8d5c7$var$_propTypes["default"].node
+    customFooter: $1eb7cba72eb8d5c7$var$_propTypes["default"].node,
+    onCustomScroll: $1eb7cba72eb8d5c7$var$_propTypes["default"]["function"]
 };
 $1eb7cba72eb8d5c7$var$VirtualTable.defaultProps = {
     heightTable: '400px',
@@ -844,15 +848,12 @@ module.exports["default"] = $640b21961ab48a6f$var$_default;
 
 parcelRequire.register("iNdqX", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-
-var $dae73944a17ef75f$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $dae73944a17ef75f$var$useStyles = (0, $dae73944a17ef75f$var$_makeStyles["default"])(function(theme) {
+var $dae73944a17ef75f$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         root: {
             cursor: 'pointer',
@@ -869,7 +870,7 @@ var $dae73944a17ef75f$var$useStyles = (0, $dae73944a17ef75f$var$_makeStyles["def
             textAlign: 'left',
             paddingLeft: 10,
             '&:hover': {
-                backgroundColor: (0, $cMI0G$muimaterial.darken)(theme.palette.info.main, 0.05)
+                backgroundColor: (0, $cMI0G$materialuicore.darken)(theme.palette.info.main, 0.05)
             }
         }
     };
@@ -1964,9 +1965,9 @@ var $3890e0b74142b07c$var$_propTypes = $cMI0G$babelruntimehelpersinteropRequireD
 
 var $3890e0b74142b07c$var$_classnames = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$classnames);
 
-var $3890e0b74142b07c$var$_Typography = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialTypography);
+var $3890e0b74142b07c$var$_Typography = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicoreTypography);
 
-var $3890e0b74142b07c$var$_Tooltip = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialTooltip);
+var $3890e0b74142b07c$var$_Tooltip = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicoreTooltip);
 
 var $3890e0b74142b07c$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("kK2oA")));
 var $3890e0b74142b07c$var$_excluded = [
@@ -2057,14 +2058,12 @@ module.exports["default"] = $3890e0b74142b07c$var$_default;
 });
 parcelRequire.register("kK2oA", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $f199f63b2480ae3f$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $f199f63b2480ae3f$var$useStyles = (0, $f199f63b2480ae3f$var$_makeStyles["default"])(function(theme) {
+var $f199f63b2480ae3f$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         infoBulle: {
             border: 'none',
@@ -2187,7 +2186,7 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
-var $29c731669f5b33af$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
+var $29c731669f5b33af$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicorestylesmakeStyles);
 var $29c731669f5b33af$var$useStyles = (0, $29c731669f5b33af$var$_makeStyles["default"])(function() {
     return {
         checkbox: {
@@ -2804,14 +2803,12 @@ module.exports.generateId = $71d593ac7675cb84$var$generateId;
 
 parcelRequire.register("jSr9B", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $e7881fa45b37efc4$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $e7881fa45b37efc4$var$useStyles = (0, $e7881fa45b37efc4$var$_makeStyles["default"])(function() {
+var $e7881fa45b37efc4$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         amountCell: {
             paddingRight: 10,
@@ -3023,21 +3020,27 @@ module.exports.initialContext = $5250b327b34eefdc$var$initialContext;
 var $5250b327b34eefdc$var$guardHasSelectedRow = function guardHasSelectedRow(ctx) {
     return ctx.selectedRows.length > 0;
 };
+var $5250b327b34eefdc$var$isVisible = function isVisible(visibleRowsIds, rowId) {
+    return visibleRowsIds.indexOf(rowId) > -1;
+};
 var $5250b327b34eefdc$var$selectAllColumn = function selectAllColumn(ctx, ev) {
     var tab = ctx.dataRows.map(function(row) {
-        var _objectSpread3;
-        if (ev.changeOtherColumnOnClick) {
-            var _objectSpread2;
-            var _ev$changeOtherColumn = ev.changeOtherColumnOnClick, keyColumn = _ev$changeOtherColumn.keyColumn, newValue = _ev$changeOtherColumn.newValue;
+        if ($5250b327b34eefdc$var$isVisible(ev.allSelectableKey, row[ev.selectableRowKey])) {
+            var _objectSpread3;
+            if (ev.changeOtherColumnOnClick) {
+                var _objectSpread2;
+                var _ev$changeOtherColumn = ev.changeOtherColumnOnClick, keyColumn = _ev$changeOtherColumn.keyColumn, newValue = _ev$changeOtherColumn.newValue;
+                return $5250b327b34eefdc$var$_objectSpread($5250b327b34eefdc$var$_objectSpread({
+                }, row), {
+                }, (_objectSpread2 = {
+                }, (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread2, ev.keyColumn, ev.value), (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread2, "rowType", $6QL76.ROW_TYPE.EDIT), (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread2, keyColumn, newValue), _objectSpread2));
+            }
             return $5250b327b34eefdc$var$_objectSpread($5250b327b34eefdc$var$_objectSpread({
             }, row), {
-            }, (_objectSpread2 = {
-            }, (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread2, ev.keyColumn, ev.value), (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread2, "rowType", $6QL76.ROW_TYPE.EDIT), (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread2, keyColumn, newValue), _objectSpread2));
+            }, (_objectSpread3 = {
+            }, (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread3, ev.keyColumn, ev.value), (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread3, "rowType", $6QL76.ROW_TYPE.EDIT), _objectSpread3));
         }
-        return $5250b327b34eefdc$var$_objectSpread($5250b327b34eefdc$var$_objectSpread({
-        }, row), {
-        }, (_objectSpread3 = {
-        }, (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread3, ev.keyColumn, ev.value), (0, $5250b327b34eefdc$var$_defineProperty2["default"])(_objectSpread3, "rowType", $6QL76.ROW_TYPE.EDIT), _objectSpread3));
+        return row;
     });
     return $5250b327b34eefdc$var$_objectSpread($5250b327b34eefdc$var$_objectSpread({
     }, ctx), {
@@ -3165,13 +3168,7 @@ var $5250b327b34eefdc$var$context = function context(initialContext) {
     return initialContext;
 };
 var $5250b327b34eefdc$var$_default = (0, $cMI0G$robot3.createMachine)({
-    IDLE: (0, $cMI0G$robot3.state)((0, $cMI0G$robot3.transition)('selectItem', 'IDLE', (0, $cMI0G$robot3.reduce)($5250b327b34eefdc$var$handleSelect)), (0, $cMI0G$robot3.transition)('unselectItem', 'IDLE', (0, $cMI0G$robot3.reduce)($5250b327b34eefdc$var$handleUnselect)), (0, $cMI0G$robot3.transition)('toggleAllRow', 'IDLE', (0, $cMI0G$robot3.reduce)(function(ctx, ev) {
-        return $5250b327b34eefdc$var$_objectSpread($5250b327b34eefdc$var$_objectSpread({
-        }, ctx), {
-        }, {
-            selectedRows: (0, $a1zBV.createSelection)((0, $5250b327b34eefdc$var$_toConsumableArray2["default"])(ev.selectedRows))
-        });
-    })), (0, $cMI0G$robot3.transition)('selectRows', 'IDLE', (0, $cMI0G$robot3.reduce)(function(ctx, _ref4) {
+    IDLE: (0, $cMI0G$robot3.state)((0, $cMI0G$robot3.transition)('selectItem', 'IDLE', (0, $cMI0G$robot3.reduce)($5250b327b34eefdc$var$handleSelect)), (0, $cMI0G$robot3.transition)('unselectItem', 'IDLE', (0, $cMI0G$robot3.reduce)($5250b327b34eefdc$var$handleUnselect)), (0, $cMI0G$robot3.transition)('selectRows', 'IDLE', (0, $cMI0G$robot3.reduce)(function(ctx, _ref4) {
         var selectedRows = _ref4.selectedRows;
         return $5250b327b34eefdc$var$_objectSpread($5250b327b34eefdc$var$_objectSpread({
         }, ctx), {
@@ -3350,13 +3347,7 @@ var $5250b327b34eefdc$var$_default = (0, $cMI0G$robot3.createMachine)({
             dataRows: ev.data,
             dataRowsBeforeEdit: ev.data
         });
-    })), (0, $cMI0G$robot3.transition)('selectAllColumn', 'PERMANENT_EDIT', (0, $cMI0G$robot3.reduce)($5250b327b34eefdc$var$selectAllColumn)), (0, $cMI0G$robot3.transition)('unselectAllColumn', 'PERMANENT_EDIT', (0, $cMI0G$robot3.reduce)($5250b327b34eefdc$var$unselectAllColumn)), (0, $cMI0G$robot3.transition)('deleteRow', 'PERMANENT_EDIT', (0, $cMI0G$robot3.guard)($5250b327b34eefdc$var$guardHasSelectedRow)), (0, $cMI0G$robot3.transition)('toggleAllRow', 'PERMANENT_EDIT', (0, $cMI0G$robot3.reduce)(function(ctx, ev) {
-        return $5250b327b34eefdc$var$_objectSpread($5250b327b34eefdc$var$_objectSpread({
-        }, ctx), {
-        }, {
-            selectedRows: (0, $a1zBV.createSelection)((0, $5250b327b34eefdc$var$_toConsumableArray2["default"])(ev.selectedRows))
-        });
-    })))
+    })), (0, $cMI0G$robot3.transition)('selectAllColumn', 'PERMANENT_EDIT', (0, $cMI0G$robot3.reduce)($5250b327b34eefdc$var$selectAllColumn)), (0, $cMI0G$robot3.transition)('unselectAllColumn', 'PERMANENT_EDIT', (0, $cMI0G$robot3.reduce)($5250b327b34eefdc$var$unselectAllColumn)), (0, $cMI0G$robot3.transition)('deleteRow', 'PERMANENT_EDIT', (0, $cMI0G$robot3.guard)($5250b327b34eefdc$var$guardHasSelectedRow)))
 }, $5250b327b34eefdc$var$context);
 module.exports["default"] = $5250b327b34eefdc$var$_default;
 
@@ -3368,27 +3359,73 @@ Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports.createSelection = $74c59ee71f94e3c0$var$createSelection;
-module.exports["default"] = void 0;
+module.exports.getSelectableRows = $74c59ee71f94e3c0$var$getSelectableRows;
+module.exports.getSelectedHiddenRows = $74c59ee71f94e3c0$var$getSelectedHiddenRows;
+module.exports.getSelectedVisibleRows = $74c59ee71f94e3c0$var$getSelectedVisibleRows;
 module.exports.unselectRow = $74c59ee71f94e3c0$var$unselectRow;
 
 var $74c59ee71f94e3c0$var$_toConsumableArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelperstoConsumableArray);
+
+var $74c59ee71f94e3c0$var$_get2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$lodashget);
+
+var $6QL76 = parcelRequire("6QL76");
+var $74c59ee71f94e3c0$var$isContentRow = function isContentRow(row) {
+    return row.rowType !== $6QL76.ROW_TYPE.GROUP_BUTTON && row.rowType !== $6QL76.ROW_TYPE.ADD_BUTTON;
+};
+var $74c59ee71f94e3c0$var$isLockedRow = function isLockedRow(_ref) {
+    var row = _ref.row, hasSecureSociety = _ref.hasSecureSociety, openSocieties = _ref.openSocieties, selectableRowKey = _ref.selectableRowKey;
+    if (!hasSecureSociety || !(row !== null && row !== void 0 && row.secured)) return false;
+    var checkIfSocietyIsOpen = openSocieties.find(function(society) {
+        return (society === null || society === void 0 ? void 0 : society.id) === (0, $74c59ee71f94e3c0$var$_get2["default"])(row, selectableRowKey);
+    });
+    return !checkIfSocietyIsOpen;
+};
 function $74c59ee71f94e3c0$var$createSelection() {
     var rows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    return (0, $74c59ee71f94e3c0$var$_toConsumableArray2["default"])(rows).sort();
+    return (0, $74c59ee71f94e3c0$var$_toConsumableArray2["default"])(rows);
 }
 function $74c59ee71f94e3c0$var$unselectRow(rows, id) {
     var index = rows.findIndex(function(row) {
         return row === id;
     });
-    var tmp = rows;
+    var tmp = (0, $74c59ee71f94e3c0$var$_toConsumableArray2["default"])(rows);
     if (index > -1) tmp.splice(index, 1);
     return tmp;
 }
-var $74c59ee71f94e3c0$var$_default = {
-    createSelection: $74c59ee71f94e3c0$var$createSelection,
-    unselectRow: $74c59ee71f94e3c0$var$unselectRow
-};
-module.exports["default"] = $74c59ee71f94e3c0$var$_default;
+function $74c59ee71f94e3c0$var$getSelectedHiddenRows() {
+    var selectedRows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var displayableRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var selectableRowKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
+    return selectedRows.filter(function(id) {
+        return !displayableRows.find(function(row) {
+            return (0, $74c59ee71f94e3c0$var$_get2["default"])(row, selectableRowKey) === id;
+        });
+    });
+}
+function $74c59ee71f94e3c0$var$getSelectedVisibleRows() {
+    var selectedRows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var displayableRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var selectableRowKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
+    return selectedRows.filter(function(id) {
+        return displayableRows.find(function(row) {
+            return (0, $74c59ee71f94e3c0$var$_get2["default"])(row, selectableRowKey) === id;
+        });
+    });
+}
+function $74c59ee71f94e3c0$var$getSelectableRows(_ref2) {
+    var _ref2$displayableRows = _ref2.displayableRows, displayableRows = _ref2$displayableRows === void 0 ? [] : _ref2$displayableRows, _ref2$selectableRowKe = _ref2.selectableRowKey, selectableRowKey = _ref2$selectableRowKe === void 0 ? 'id' : _ref2$selectableRowKe, hasSecureSociety = _ref2.hasSecureSociety, _ref2$openSocieties = _ref2.openSocieties, openSocieties = _ref2$openSocieties === void 0 ? [] : _ref2$openSocieties;
+    return displayableRows.reduce(function(prev, row) {
+        if ($74c59ee71f94e3c0$var$isContentRow(row) && !$74c59ee71f94e3c0$var$isLockedRow({
+            row: row,
+            selectableRowKey: selectableRowKey,
+            hasSecureSociety: hasSecureSociety,
+            openSocieties: openSocieties
+        })) return [].concat((0, $74c59ee71f94e3c0$var$_toConsumableArray2["default"])(prev), [
+            row[selectableRowKey]
+        ]);
+        return prev;
+    }, []);
+}
 
 });
 
@@ -3557,14 +3594,12 @@ module.exports["default"] = $7504108d87012b14$var$_default;
 });
 parcelRequire.register("h7ILa", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $c775cf73aca54d1f$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $c775cf73aca54d1f$var$useStyles = (0, $c775cf73aca54d1f$var$_makeStyles["default"])(function() {
+var $c775cf73aca54d1f$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         disabled: {
             opacity: 0.5
@@ -3776,7 +3811,7 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
-var $a43004c69c1f1e08$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
+var $a43004c69c1f1e08$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicorestylesmakeStyles);
 var $a43004c69c1f1e08$var$useStyles = (0, $a43004c69c1f1e08$var$_makeStyles["default"])(function() {
     return {
         checkbox: {
@@ -4004,9 +4039,9 @@ var $870cf6882e14e90a$var$_extends2 = $cMI0G$babelruntimehelpersinteropRequireDe
 
 var $870cf6882e14e90a$var$_objectWithoutProperties2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersobjectWithoutProperties);
 
-var $870cf6882e14e90a$var$_MenuItem = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialMenuItem);
+var $870cf6882e14e90a$var$_MenuItem = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicoreMenuItem);
 
-var $870cf6882e14e90a$var$_Select = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialSelect);
+var $870cf6882e14e90a$var$_Select = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicoreSelect);
 
 var $870cf6882e14e90a$var$_propTypes = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$proptypes);
 
@@ -4076,8 +4111,7 @@ var $870cf6882e14e90a$var$EditSelectCell = /*#__PURE__*/ (0, $870cf6882e14e90a$v
         disabled: isDisabled(data),
         onChange: function onChange(e) {
             changeInput(e.target.value);
-        },
-        variant: "standard"
+        }
     }, rest), /*#__PURE__*/ $870cf6882e14e90a$var$_react["default"].createElement($870cf6882e14e90a$var$_MenuItem["default"], {
         value: $1VJ9B.NO_SELECT,
         disabled: true
@@ -4114,14 +4148,12 @@ module.exports.NO_SELECT = $167e23ec61649bb9$var$NO_SELECT;
 
 parcelRequire.register("kTS2w", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $f372dcdf49e75d2b$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $f372dcdf49e75d2b$var$useStyles = (0, $f372dcdf49e75d2b$var$_makeStyles["default"])(function(theme) {
+var $f372dcdf49e75d2b$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         select: {
             minWidth: 60
@@ -4390,14 +4422,12 @@ module.exports["default"] = $6987e7b709db7ff0$var$_default;
 });
 parcelRequire.register("lPAXU", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $fe4b08ed97068b4b$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $fe4b08ed97068b4b$var$useStyles = (0, $fe4b08ed97068b4b$var$_makeStyles["default"])(function() {
+var $fe4b08ed97068b4b$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         disabled: {
             opacity: 0.5
@@ -4506,16 +4536,16 @@ var $2f5cc7734b009945$var$ViewMultipleCell = function ViewMultipleCell(_ref) {
     return(/*#__PURE__*/ $2f5cc7734b009945$var$_react["default"].createElement("div", {
         className: (0, $2f5cc7734b009945$var$_classnames["default"])(styles.multipleCell)
     }, Array.isArray(arrayData) ? arrayData.map(function(row, row_index) {
-        return(/*#__PURE__*/ $2f5cc7734b009945$var$_react["default"].createElement($cMI0G$muimaterial.Box, {
+        return(/*#__PURE__*/ $2f5cc7734b009945$var$_react["default"].createElement($cMI0G$materialuicore.Box, {
             key: row_index,
             display: "flex",
             flexDirection: "row",
-            sx: styles.borderBottom
+            css: styles.borderBottom
         }, Object.keys(row).map(function(key, index) {
-            return(/*#__PURE__*/ $2f5cc7734b009945$var$_react["default"].createElement($cMI0G$muimaterial.Box, {
+            return(/*#__PURE__*/ $2f5cc7734b009945$var$_react["default"].createElement($cMI0G$materialuicore.Box, {
                 key: index,
                 flex: row[key].size,
-                sx: index !== Object.keys(row).length - 1 ? styles.borderRight : {
+                css: index !== Object.keys(row).length - 1 ? styles.borderRight : {
                 },
                 pl: "4px",
                 pr: "4px"
@@ -4541,7 +4571,7 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports.useMultipleCellStyles = void 0;
 
-var $5eecb03b14be0fc8$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
+var $5eecb03b14be0fc8$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicorestylesmakeStyles);
 var $5eecb03b14be0fc8$var$useMultipleCellStyles = (0, $5eecb03b14be0fc8$var$_makeStyles["default"])(function() {
     return {
         disabled: {
@@ -4713,7 +4743,7 @@ var $2e6fb016dab70ab6$var$EditDateCell = function EditDateCell(_ref) {
         value,
         formatDate
     ]);
-    return(/*#__PURE__*/ $2e6fb016dab70ab6$var$_react["default"].createElement("div", null, /*#__PURE__*/ $2e6fb016dab70ab6$var$_react["default"].createElement($cMI0G$muimaterial.TextField, (0, $2e6fb016dab70ab6$var$_extends2["default"])({
+    return(/*#__PURE__*/ $2e6fb016dab70ab6$var$_react["default"].createElement("div", null, /*#__PURE__*/ $2e6fb016dab70ab6$var$_react["default"].createElement($cMI0G$materialuicore.TextField, (0, $2e6fb016dab70ab6$var$_extends2["default"])({
         type: "date",
         value: parsedValue,
         onChange: function onChange(e) {
@@ -4722,8 +4752,7 @@ var $2e6fb016dab70ab6$var$EditDateCell = function EditDateCell(_ref) {
         disabled: isDisabled(data),
         InputProps: {
             disableUnderline: true
-        },
-        variant: "standard"
+        }
     }, (0, $2e6fb016dab70ab6$var$_omit2["default"])(rest, [
         'keyId',
         'columnIndex',
@@ -4948,14 +4977,12 @@ module.exports["default"] = $161ad6fb633bcb34$var$_default;
 });
 parcelRequire.register("i8FXx", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $d349859a82a3b451$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $d349859a82a3b451$var$useStyles = (0, $d349859a82a3b451$var$_makeStyles["default"])(function() {
+var $d349859a82a3b451$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         container: {
             display: 'flex',
@@ -5103,7 +5130,7 @@ function $a7cd2729db179805$var$ContextMenu(_ref) {
                 return false;
             } : _ref2$disabled, _ref2$itemProps = _ref2.itemProps, itemProps = _ref2$itemProps === void 0 ? {
             } : _ref2$itemProps;
-            return(/*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement($cMI0G$muimaterial.MenuItem, (0, $a7cd2729db179805$var$_extends2["default"])({
+            return(/*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement($cMI0G$materialuicore.MenuItem, (0, $a7cd2729db179805$var$_extends2["default"])({
                 key: i,
                 onClick: _handleAction.bind(null, action),
                 disabled: disabled(data)
@@ -5130,7 +5157,7 @@ function $a7cd2729db179805$var$ContextMenu(_ref) {
         className: classes.contextMenuCell
     }, /*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement("span", {
         onContextMenu: _handleClick
-    }, children), anchorEl && /*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement($cMI0G$muimaterial.Menu, {
+    }, children), anchorEl && /*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement($cMI0G$materialuicore.Menu, {
         id: "context-menu",
         anchorEl: anchorEl,
         keepMounted: true,
@@ -5160,7 +5187,7 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
-var $e7eca147b3f3cc26$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
+var $e7eca147b3f3cc26$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicorestylesmakeStyles);
 var $e7eca147b3f3cc26$var$useStyles = (0, $e7eca147b3f3cc26$var$_makeStyles["default"])(function() {
     return {
         contextMenuCell: {
@@ -5179,14 +5206,12 @@ module.exports["default"] = $e7eca147b3f3cc26$var$_default;
 
 parcelRequire.register("HNlfb", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $083a4a7d5cae8693$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $083a4a7d5cae8693$var$useStyles = (0, $083a4a7d5cae8693$var$_makeStyles["default"])(function() {
+var $083a4a7d5cae8693$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         container: {
             display: 'flex',
@@ -5341,13 +5366,13 @@ var $0de0707102db18a2$var$EditStatusCell = function EditStatusCell(_ref) {
     return(/*#__PURE__*/ $0de0707102db18a2$var$_react["default"].createElement($0de0707102db18a2$var$_react["default"].Fragment, null, /*#__PURE__*/ $0de0707102db18a2$var$_react["default"].createElement("div", {
         style: selectedStatus === null || selectedStatus === void 0 ? void 0 : selectedStatus.styles,
         onClick: handleClick
-    }, (selectedStatus === null || selectedStatus === void 0 ? void 0 : selectedStatus.value) || (selectedStatus === null || selectedStatus === void 0 ? void 0 : selectedStatus.label)), listOptions.length > 0 && /*#__PURE__*/ $0de0707102db18a2$var$_react["default"].createElement($cMI0G$muimaterial.Menu, {
+    }, (selectedStatus === null || selectedStatus === void 0 ? void 0 : selectedStatus.value) || (selectedStatus === null || selectedStatus === void 0 ? void 0 : selectedStatus.label)), listOptions.length > 0 && /*#__PURE__*/ $0de0707102db18a2$var$_react["default"].createElement($cMI0G$materialuicore.Menu, {
         anchorEl: anchorEl,
         keepMounted: true,
         open: Boolean(anchorEl),
         onClose: handleClose
     }, listOptions.map(function(status, i) {
-        return(/*#__PURE__*/ $0de0707102db18a2$var$_react["default"].createElement($cMI0G$muimaterial.MenuItem, {
+        return(/*#__PURE__*/ $0de0707102db18a2$var$_react["default"].createElement($cMI0G$materialuicore.MenuItem, {
             key: i,
             onClick: function onClick() {
                 return handleChangeValue(status.status);
@@ -5698,7 +5723,7 @@ var $a15d843a945a6bc5$var$_propTypes = $cMI0G$babelruntimehelpersinteropRequireD
 var $a15d843a945a6bc5$var$_styles2 = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("hcO11")));
 var $a15d843a945a6bc5$var$Loader = function Loader(_ref) {
     var className = _ref.className, sizeUnit = _ref.sizeUnit, size = _ref.size, color = _ref.color, inline = _ref.inline;
-    var _useTheme = (0, $cMI0G$muimaterialstyles.useTheme)(), primary = _useTheme.palette.primary;
+    var _useTheme = (0, $cMI0G$materialuicorestyles.useTheme)(), primary = _useTheme.palette.primary;
     var styles = (0, $a15d843a945a6bc5$var$_styles2["default"])();
     return(/*#__PURE__*/ $a15d843a945a6bc5$var$_react["default"].createElement($a15d843a945a6bc5$var$_react["default"].Fragment, null, inline ? /*#__PURE__*/ $a15d843a945a6bc5$var$_react["default"].createElement($a15d843a945a6bc5$var$_react["default"].Fragment, null, "\xA0 \xA0", /*#__PURE__*/ $a15d843a945a6bc5$var$_react["default"].createElement($cMI0G$reactspinners.ClipLoader, {
         sizeUnit: sizeUnit,
@@ -5732,14 +5757,12 @@ module.exports["default"] = $a15d843a945a6bc5$var$_default;
 });
 parcelRequire.register("hcO11", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $c86a5aab248c629a$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $c86a5aab248c629a$var$useStyles = (0, $c86a5aab248c629a$var$_makeStyles["default"])(function() {
+var $c86a5aab248c629a$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         container: {
             display: 'flex',
@@ -5757,14 +5780,12 @@ module.exports["default"] = $c86a5aab248c629a$var$_default;
 
 parcelRequire.register("Z7tDw", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $0b7b7f65d1cf9b99$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $0b7b7f65d1cf9b99$var$useStyles = (0, $0b7b7f65d1cf9b99$var$_makeStyles["default"])(function() {
+var $0b7b7f65d1cf9b99$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         container: {
             position: 'relative',
@@ -6395,14 +6416,12 @@ module.exports.useWindowState = $47d07474b87f8aa2$var$useWindowState;
 
 parcelRequire.register("eGTAm", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $ab201b064374f79c$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $ab201b064374f79c$var$useStyles = (0, $ab201b064374f79c$var$_makeStyles["default"])(function(theme) {
+var $ab201b064374f79c$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         thumbnailCell: {
             position: 'absolute',
@@ -6554,13 +6573,13 @@ var $eb58a427fdf13580$var$AttachmentCell = /*#__PURE__*/ (0, $eb58a427fdf13580$v
     };
     return(/*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($eb58a427fdf13580$var$_react["default"].Fragment, null, /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement("div", {
         className: styles.root
-    }, hasUploader && /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($cMI0G$muimaterial.ButtonBase, {
+    }, hasUploader && /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($cMI0G$materialuicore.ButtonBase, {
         size: "small",
         disableRipple: true,
         onClick: function onClick() {
             return setOpenUpload(true);
         }
-    }, /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($eb58a427fdf13580$var$_AttachmentIcon["default"], null)), hasPreviewer && /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($eb58a427fdf13580$var$_react["default"].Fragment, null, pjNumber > 0 && /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($cMI0G$muimaterial.ButtonBase, {
+    }, /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($eb58a427fdf13580$var$_AttachmentIcon["default"], null)), hasPreviewer && /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($eb58a427fdf13580$var$_react["default"].Fragment, null, pjNumber > 0 && /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($cMI0G$materialuicore.ButtonBase, {
         disableRipple: true,
         onClick: openOverview,
         className: styles.badge
@@ -6594,14 +6613,12 @@ module.exports["default"] = $eb58a427fdf13580$var$_default;
 });
 parcelRequire.register("4Lj07", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $377a4a6374bb4128$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $377a4a6374bb4128$var$useStyles = (0, $377a4a6374bb4128$var$_makeStyles["default"])(function(theme) {
+var $377a4a6374bb4128$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         root: {
             alignItems: 'center',
@@ -6641,8 +6658,6 @@ module.exports["default"] = void 0;
 var $c5819384e35c01c5$var$_react = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$react);
 
 
-var $c5819384e35c01c5$var$_withStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistyleswithStyles);
-
 var $c5819384e35c01c5$var$_Attachment = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("kwuUT")));
 var $c5819384e35c01c5$var$styles = function styles(theme) {
     return {
@@ -6661,13 +6676,13 @@ var $c5819384e35c01c5$var$styles = function styles(theme) {
 };
 function $c5819384e35c01c5$var$AttachmentIcon(_ref) {
     var classes = _ref.classes;
-    return(/*#__PURE__*/ $c5819384e35c01c5$var$_react["default"].createElement($cMI0G$muimaterial.SvgIcon, {
+    return(/*#__PURE__*/ $c5819384e35c01c5$var$_react["default"].createElement($cMI0G$materialuicore.SvgIcon, {
         className: classes.root,
         component: $c5819384e35c01c5$var$_Attachment["default"],
         viewBox: "0 0 19 25"
     }));
 }
-var $c5819384e35c01c5$var$_default = (0, $c5819384e35c01c5$var$_withStyles["default"])($c5819384e35c01c5$var$styles)($c5819384e35c01c5$var$AttachmentIcon);
+var $c5819384e35c01c5$var$_default = (0, $cMI0G$materialuicore.withStyles)($c5819384e35c01c5$var$styles)($c5819384e35c01c5$var$AttachmentIcon);
 module.exports["default"] = $c5819384e35c01c5$var$_default;
 
 });
@@ -6879,10 +6894,10 @@ var $e83dec189cd52c3e$var$UploadDialog = function UploadDialog(props) {
         disabled: isProcessing,
         isLoading: isProcessing
     });
-    return(/*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($cMI0G$muimaterial.Dialog, {
+    return(/*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($cMI0G$materialuicore.Dialog, {
         open: open,
         onClose: onClose
-    }, /*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($cMI0G$muimaterial.DialogContent, null, /*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($e83dec189cd52c3e$var$_FileDropper["default"], (0, $e83dec189cd52c3e$var$_extends2["default"])({
+    }, /*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($cMI0G$materialuicore.DialogContent, null, /*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($e83dec189cd52c3e$var$_FileDropper["default"], (0, $e83dec189cd52c3e$var$_extends2["default"])({
         initialFiles: files,
         isScannable: true,
         displayList: true,
@@ -6899,7 +6914,7 @@ var $e83dec189cd52c3e$var$UploadDialog = function UploadDialog(props) {
                 cell
             ].concat(args));
         }
-    }, otherFilesDropperProps)), /*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($cMI0G$muimaterial.Box, {
+    }, otherFilesDropperProps)), /*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($cMI0G$materialuicore.Box, {
         display: "flex",
         justifyContent: "flex-end",
         mt: 3,
@@ -6967,7 +6982,7 @@ var $c78113f38b044f8e$var$FilesDropper = function FilesDropper(props) {
         files: files,
         onAddFiles: addFiles,
         isUploading: isUploading
-    }), maxFiles && /*#__PURE__*/ $c78113f38b044f8e$var$_react["default"].createElement($cMI0G$muimaterial.Typography, {
+    }), maxFiles && /*#__PURE__*/ $c78113f38b044f8e$var$_react["default"].createElement($cMI0G$materialuicore.Typography, {
         variant: "body2"
     }, $c78113f38b044f8e$var$_I18n["default"].t('filesDropperDialog.limit'), " ", files.length, " ", $c78113f38b044f8e$var$_I18n["default"].t('common.outOf'), " ", maxFiles), !(0, $c78113f38b044f8e$var$_isEmpty2["default"])(files) && displayList && /*#__PURE__*/ $c78113f38b044f8e$var$_react["default"].createElement($c78113f38b044f8e$var$_FilesList["default"], {
         files: files,
@@ -7044,7 +7059,7 @@ var $838f72da00783190$var$FilesDropperZone = function FilesDropperZone(props) {
         return(/*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement("div", (0, $838f72da00783190$var$_extends2["default"])({
             className: (0, $838f72da00783190$var$_classnames["default"])(styles.container, (0, $838f72da00783190$var$_defineProperty2["default"])({
             }, styles.active, isDragActive))
-        }, getRootProps()), isUploading ? /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($838f72da00783190$var$_Loader["default"], null) : /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($838f72da00783190$var$_react["default"].Fragment, null, /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($cMI0G$muimaterial.Typography, {
+        }, getRootProps()), isUploading ? /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($838f72da00783190$var$_Loader["default"], null) : /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($838f72da00783190$var$_react["default"].Fragment, null, /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($cMI0G$materialuicore.Typography, {
             classes: {
                 root: styles.title
             },
@@ -7052,11 +7067,11 @@ var $838f72da00783190$var$FilesDropperZone = function FilesDropperZone(props) {
         }, $838f72da00783190$var$_I18n["default"].t('filesDropperDialog.dropbox')), /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($8Vlc6.FontIcon, {
             className: styles.icon,
             name: "icon-upload1"
-        }), /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement("input", getInputProps()), /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($cMI0G$muimaterial.Typography, null, $838f72da00783190$var$_I18n["default"].t('common.or'), " ", /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($cMI0G$muimaterial.Link, {
+        }), /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement("input", getInputProps()), /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($cMI0G$materialuicore.Typography, null, $838f72da00783190$var$_I18n["default"].t('common.or'), " ", /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($cMI0G$materialuicore.Link, {
             component: "button",
             color: "primary",
             onClick: handleOpenFileBrowser(open)
-        }, $838f72da00783190$var$_I18n["default"].t('filesDropperDialog.import')), " ", $838f72da00783190$var$_I18n["default"].t('filesDropperDialog.fromExplorer')), isScannable && /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($cMI0G$muimaterial.Typography, null, $838f72da00783190$var$_I18n["default"].t('common.or'), " ", /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement("span", {
+        }, $838f72da00783190$var$_I18n["default"].t('filesDropperDialog.import')), " ", $838f72da00783190$var$_I18n["default"].t('filesDropperDialog.fromExplorer')), isScannable && /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement($cMI0G$materialuicore.Typography, null, $838f72da00783190$var$_I18n["default"].t('common.or'), " ", /*#__PURE__*/ $838f72da00783190$var$_react["default"].createElement("span", {
             className: styles.scanButton
         }, $838f72da00783190$var$_I18n["default"].t('filesDropperDialog.scan')), " ", $838f72da00783190$var$_I18n["default"].t('filesDropperDialog.infoScanDPI')))));
     }));
@@ -7093,14 +7108,12 @@ var $67f41652428ddf5f$var$_Font = $cMI0G$babelruntimehelpersinteropRequireDefaul
 
 parcelRequire.register("dLvU4", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $a058697847859164$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $a058697847859164$var$useStyles = (0, $a058697847859164$var$_makeStyles["default"])(function(theme) {
+var $a058697847859164$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         container: {
             minHeight: 200,
@@ -7323,13 +7336,13 @@ var $d5fc3a45979c8071$var$FilesList = function FilesList(props) {
     var handleListItemClick = function handleListItemClick(file) {
         if (file.link) window.open(file.link, '_blank');
     };
-    return(/*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$muimaterial.List, {
+    return(/*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$materialuicore.List, {
         classes: {
             root: styles.files
         },
         disablePadding: true
     }, files.map(function(file, i) {
-        return(/*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$muimaterial.ListItem, {
+        return(/*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$materialuicore.ListItem, {
             key: i,
             onClick: file.link ? function() {
                 return handleListItemClick(file);
@@ -7337,15 +7350,14 @@ var $d5fc3a45979c8071$var$FilesList = function FilesList(props) {
             classes: {
                 root: file.link ? styles.imageLink : null
             }
-        }, /*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$muimaterial.ListItemText, null, file.name), canRemove && /*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$muimaterial.ListItemSecondaryAction, null, /*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$muimaterial.IconButton, {
+        }, /*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$materialuicore.ListItemText, null, file.name), canRemove && /*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$materialuicore.ListItemSecondaryAction, null, /*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($cMI0G$materialuicore.IconButton, {
             classes: {
-                root: styles.removeBtn
+                label: styles.removeBtn
             },
             onClick: function onClick() {
                 return onRemoveFile(file, i);
             },
-            disabled: disabled,
-            size: "large"
+            disabled: disabled
         }, /*#__PURE__*/ $d5fc3a45979c8071$var$_react["default"].createElement($8Vlc6.FontIcon, {
             color: "inherit",
             name: "icon-trash"
@@ -7412,11 +7424,9 @@ var $0e954ffde2cfdd3b$var$_react = $0e954ffde2cfdd3b$var$_interopRequireWildcard
 var $dxIgU = parcelRequire("dxIgU");
 
 
-var $0e954ffde2cfdd3b$var$_withStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistyleswithStyles);
-
 var $0e954ffde2cfdd3b$var$_classnames = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$classnames);
 
-var $0e954ffde2cfdd3b$var$_IconButton = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialIconButton);
+var $0e954ffde2cfdd3b$var$_IconButton = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicoreIconButton);
 
 var $0e954ffde2cfdd3b$var$_propTypes = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$proptypes);
 
@@ -7484,7 +7494,7 @@ function $0e954ffde2cfdd3b$var$_objectSpread(target) {
 }
 var $0e954ffde2cfdd3b$var$WrapperIcon = function WrapperIcon(props) {
     var badgeContent = props.badgeContent, badgeColor = props.badgeColor, children = props.children;
-    if (badgeContent) return(/*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($cMI0G$muimaterial.Badge, {
+    if (badgeContent) return(/*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($cMI0G$materialuicore.Badge, {
         badgeContent: badgeContent,
         color: badgeColor || 'primary'
     }, children));
@@ -7591,7 +7601,7 @@ var $0e954ffde2cfdd3b$var$InlineButton = function InlineButton(props) {
             color: button.iconColor || 'white'
         }), isLoading[button.text] && /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($0e954ffde2cfdd3b$var$_react["default"].Fragment, null, "\xA0", /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($0e954ffde2cfdd3b$var$_Loader["default"], {
             size: 12
-        })))), button._type === 'string' && /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($cMI0G$muimaterial.Badge, {
+        })))), button._type === 'string' && /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($cMI0G$materialuicore.Badge, {
             color: button.badgeColor,
             badgeContent: button.badgeContent
         }, /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($0e954ffde2cfdd3b$var$_Button["default"], {
@@ -7622,14 +7632,13 @@ var $0e954ffde2cfdd3b$var$InlineButton = function InlineButton(props) {
             options: button.options || []
         }, /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($0e954ffde2cfdd3b$var$_IconButton["default"], {
             "aria-label": "More",
-            "aria-haspopup": "true",
-            size: "large"
+            "aria-haspopup": "true"
         }, /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($lFnTI.FontIcon, {
             titleInfoBulle: button.titleInfoBulle,
             name: button.iconName,
             size: button.iconSize || '40px',
             color: button.iconColor || 'white'
-        }))), button._type === 'component' && /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($cMI0G$muimaterial.Badge, {
+        }))), button._type === 'component' && /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($cMI0G$materialuicore.Badge, {
             color: button.badgeColor,
             badgeContent: button.badgeContent
         }, /*#__PURE__*/ $0e954ffde2cfdd3b$var$_react["default"].createElement($0e954ffde2cfdd3b$var$_Button["default"], {
@@ -7688,19 +7697,17 @@ var $0e954ffde2cfdd3b$var$themeStyles = function themeStyles() {
         }
     });
 };
-var $0e954ffde2cfdd3b$var$_default = (0, $0e954ffde2cfdd3b$var$_withStyles["default"])($0e954ffde2cfdd3b$var$themeStyles)($0e954ffde2cfdd3b$var$InlineButton);
+var $0e954ffde2cfdd3b$var$_default = (0, $cMI0G$materialuicore.withStyles)($0e954ffde2cfdd3b$var$themeStyles)($0e954ffde2cfdd3b$var$InlineButton);
 module.exports["default"] = $0e954ffde2cfdd3b$var$_default;
 
 });
 parcelRequire.register("dxIgU", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports.smallButtonNoPadding = module.exports.changeDialogStyle = module.exports.borderInputStyles = module.exports.InputLabelNoWrap = void 0;
 
-var $9dc0b2e1eee3cd3c$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
 var $9dc0b2e1eee3cd3c$var$borderInputStyles = function borderInputStyles(_ref) {
     var palette = _ref.palette;
     return {
@@ -7736,7 +7743,7 @@ var $9dc0b2e1eee3cd3c$var$smallButtonNoPadding = function smallButtonNoPadding()
     };
 };
 module.exports.smallButtonNoPadding = $9dc0b2e1eee3cd3c$var$smallButtonNoPadding;
-var $9dc0b2e1eee3cd3c$var$changeDialogStyle = (0, $9dc0b2e1eee3cd3c$var$_makeStyles["default"])(function(_ref2) {
+var $9dc0b2e1eee3cd3c$var$changeDialogStyle = (0, $cMI0G$materialuicorestyles.makeStyles)(function(_ref2) {
     var main = _ref2.palette.primary.main;
     return {
         content: {
@@ -7823,7 +7830,7 @@ function $811621e06aabedf1$var$_interopRequireWildcard(obj, nodeInterop) {
 var $811621e06aabedf1$var$Button = function Button(props) {
     var styles = (0, $811621e06aabedf1$var$_styles["default"])();
     var className = props.className, color = props.color, disabled = props.disabled, variant = props.variant, buttonRef = props.buttonRef, others = (0, $811621e06aabedf1$var$_objectWithoutProperties2["default"])(props, $811621e06aabedf1$var$_excluded);
-    return(/*#__PURE__*/ $811621e06aabedf1$var$_react["default"].createElement($811621e06aabedf1$var$_react["default"].Fragment, null, /*#__PURE__*/ $811621e06aabedf1$var$_react["default"].createElement($cMI0G$muimaterial.Button, (0, $811621e06aabedf1$var$_extends2["default"])({
+    return(/*#__PURE__*/ $811621e06aabedf1$var$_react["default"].createElement($811621e06aabedf1$var$_react["default"].Fragment, null, /*#__PURE__*/ $811621e06aabedf1$var$_react["default"].createElement($cMI0G$materialuicore.Button, (0, $811621e06aabedf1$var$_extends2["default"])({
     }, others, {
         focusRipple: true,
         disableRipple: false,
@@ -7840,6 +7847,7 @@ $811621e06aabedf1$var$Button.propTypes = {
         'primary',
         'secondary',
         'error',
+        'default',
         'inherit'
     ]),
     disabled: $811621e06aabedf1$var$_propTypes["default"].bool,
@@ -7853,6 +7861,7 @@ $811621e06aabedf1$var$Button.propTypes = {
 };
 $811621e06aabedf1$var$Button.defaultProps = {
     className: '',
+    color: 'default',
     disabled: false,
     variant: 'text',
     buttonRef: undefined
@@ -7863,22 +7872,19 @@ module.exports["default"] = $811621e06aabedf1$var$_default;
 });
 parcelRequire.register("eEB7X", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-
-var $aab199d7ec71ab88$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $aab199d7ec71ab88$var$useStyles = (0, $aab199d7ec71ab88$var$_makeStyles["default"])(function(theme) {
+var $aab199d7ec71ab88$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         error: {
             '&.MuiButton-contained': {
                 backgroundColor: theme.palette.error.main,
                 color: theme.palette.error.contrastText,
                 '&:hover': {
-                    backgroundColor: (0, $cMI0G$muimaterial.darken)(theme.palette.error.main, 0.1)
+                    backgroundColor: (0, $cMI0G$materialuicore.darken)(theme.palette.error.main, 0.1)
                 }
             }
         }
@@ -7933,13 +7939,12 @@ var $ad823cbee0a32221$var$_react = $cMI0G$babelruntimehelpersinteropRequireDefau
 
 var $lFnTI = parcelRequire("lFnTI");
 
-var $ad823cbee0a32221$var$_Menu = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialMenu);
+var $ad823cbee0a32221$var$_Menu = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicoreMenu);
 
-var $ad823cbee0a32221$var$_MenuItem = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialMenuItem);
+var $ad823cbee0a32221$var$_MenuItem = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicoreMenuItem);
 
 var $ad823cbee0a32221$var$_propTypes = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$proptypes);
 
-var $ad823cbee0a32221$var$_withStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistyleswithStyles);
 var $ad823cbee0a32221$var$ITEM_HEIGHT = 48;
 var $ad823cbee0a32221$var$DropdownBtn = function DropdownBtn(props) {
     var _React$useState = $ad823cbee0a32221$var$_react["default"].useState(null), _React$useState2 = (0, $ad823cbee0a32221$var$_slicedToArray2["default"])(_React$useState, 2), anchorEl = _React$useState2[0], setAnchorEl = _React$useState2[1];
@@ -8011,7 +8016,7 @@ var $ad823cbee0a32221$var$materialStyles = function materialStyles() {
         }
     };
 };
-var $ad823cbee0a32221$var$_default = (0, $ad823cbee0a32221$var$_withStyles["default"])($ad823cbee0a32221$var$materialStyles)($ad823cbee0a32221$var$DropdownBtn);
+var $ad823cbee0a32221$var$_default = (0, $cMI0G$materialuicore.withStyles)($ad823cbee0a32221$var$materialStyles)($ad823cbee0a32221$var$DropdownBtn);
 module.exports["default"] = $ad823cbee0a32221$var$_default;
 
 });
@@ -8093,7 +8098,7 @@ var $3dac6d581706b888$var$_objectWithoutProperties2 = $cMI0G$babelruntimehelpers
 var $3dac6d581706b888$var$_react = $3dac6d581706b888$var$_interopRequireWildcard($cMI0G$react);
 
 
-var $3dac6d581706b888$var$_Autocomplete = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialAutocomplete);
+var $3dac6d581706b888$var$_Autocomplete = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuilabAutocomplete);
 
 var $3dac6d581706b888$var$_propTypes = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$proptypes);
 
@@ -8150,7 +8155,7 @@ var $3dac6d581706b888$var$EditChipCell = /*#__PURE__*/ (0, $3dac6d581706b888$var
         },
         defaultValue: (0, $94ZmE.getData)(data, dataKey),
         renderInput: function renderInput(params) {
-            return(/*#__PURE__*/ $3dac6d581706b888$var$_react["default"].createElement($cMI0G$muimaterial.TextField, params));
+            return(/*#__PURE__*/ $3dac6d581706b888$var$_react["default"].createElement($cMI0G$materialuicore.TextField, params));
         },
         filterSelectedOptions: true,
         ChipProps: {
@@ -8161,7 +8166,7 @@ var $3dac6d581706b888$var$EditChipCell = /*#__PURE__*/ (0, $3dac6d581706b888$var
         },
         renderOption: function renderOption(_ref3) {
             var operator = _ref3.operator, label = _ref3.label;
-            return(/*#__PURE__*/ $3dac6d581706b888$var$_react["default"].createElement($cMI0G$muimaterial.Chip, {
+            return(/*#__PURE__*/ $3dac6d581706b888$var$_react["default"].createElement($cMI0G$materialuicore.Chip, {
                 label: operator ? "".concat(operator, " ").concat(label) : label,
                 size: "small"
             }));
@@ -8229,7 +8234,7 @@ var $7b288564a4728148$var$ViewChipCell = /*#__PURE__*/ (0, $7b288564a4728148$var
     var data = _ref.data;
     var styles = (0, $7b288564a4728148$var$_styles["default"])();
     var renderChips = Array.isArray(data) ? data.map(function(opt, index) {
-        return(/*#__PURE__*/ $7b288564a4728148$var$_react["default"].createElement($cMI0G$muimaterial.Chip, {
+        return(/*#__PURE__*/ $7b288564a4728148$var$_react["default"].createElement($cMI0G$materialuicore.Chip, {
             classes: {
                 root: styles.chip
             },
@@ -8254,7 +8259,7 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
-var $e492f59492510668$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
+var $e492f59492510668$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicorestylesmakeStyles);
 var $e492f59492510668$var$useStyles = (0, $e492f59492510668$var$_makeStyles["default"])(function() {
     return {
         chip: {
@@ -8384,7 +8389,7 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
-var $3a72d23786ce2773$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
+var $3a72d23786ce2773$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicorestylesmakeStyles);
 var $3a72d23786ce2773$var$useStyles = (0, $3a72d23786ce2773$var$_makeStyles["default"])(function() {
     return {
         cellButton: {
@@ -8419,7 +8424,7 @@ var $cdab160b0f440cfa$var$_head3 = $cMI0G$babelruntimehelpersinteropRequireDefau
 
 var $cdab160b0f440cfa$var$_i18next = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$i18next);
 
-var $cdab160b0f440cfa$var$_Tooltip = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialTooltip);
+var $cdab160b0f440cfa$var$_Tooltip = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicoreTooltip);
 
 var $cdab160b0f440cfa$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("7hiEX")));
 function $cdab160b0f440cfa$var$WalletCell(_ref) {
@@ -8461,7 +8466,7 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
-var $54c8985cff0ccb0e$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
+var $54c8985cff0ccb0e$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicorestylesmakeStyles);
 var $54c8985cff0ccb0e$var$useStyles = (0, $54c8985cff0ccb0e$var$_makeStyles["default"])(function(theme) {
     return {
         count: {
@@ -8583,7 +8588,7 @@ var $9aaaf480aad022a4$var$AutocompleteView = /*#__PURE__*/ (0, $9aaaf480aad022a4
     var styles = (0, $9aaaf480aad022a4$var$_styles["default"])();
     var currentOption = (0, $8yQns.getViewData)(data, column);
     var renderChips = Array.isArray(currentOption) ? currentOption.map(function(opt, index) {
-        return(/*#__PURE__*/ $9aaaf480aad022a4$var$_react["default"].createElement($cMI0G$muimaterial.Chip, {
+        return(/*#__PURE__*/ $9aaaf480aad022a4$var$_react["default"].createElement($cMI0G$materialuicore.Chip, {
             classes: {
                 root: styles.chip
             },
@@ -8615,7 +8620,7 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
-var $2d97271ca5708a37$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
+var $2d97271ca5708a37$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicorestylesmakeStyles);
 var $2d97271ca5708a37$var$useStyles = (0, $2d97271ca5708a37$var$_makeStyles["default"])(function() {
     return {
         input: {
@@ -8652,7 +8657,7 @@ var $edec4fd90b3a763a$var$_slicedToArray2 = $cMI0G$babelruntimehelpersinteropReq
 var $edec4fd90b3a763a$var$_objectWithoutProperties2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersobjectWithoutProperties);
 
 
-var $edec4fd90b3a763a$var$_Autocomplete = $edec4fd90b3a763a$var$_interopRequireWildcard($cMI0G$muimaterialAutocomplete);
+var $edec4fd90b3a763a$var$_Autocomplete = $edec4fd90b3a763a$var$_interopRequireWildcard($cMI0G$materialuilabAutocomplete);
 
 var $edec4fd90b3a763a$var$_omit2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$lodashomit);
 
@@ -8792,8 +8797,7 @@ var $edec4fd90b3a763a$var$AutocompleteEdit = /*#__PURE__*/ (0, $edec4fd90b3a763a
             return option.label;
         },
         renderInput: function renderInput(params) {
-            return(/*#__PURE__*/ $edec4fd90b3a763a$var$_react["default"].createElement($cMI0G$muimaterial.TextField, (0, $edec4fd90b3a763a$var$_extends2["default"])({
-                variant: "standard"
+            return(/*#__PURE__*/ $edec4fd90b3a763a$var$_react["default"].createElement($cMI0G$materialuicore.TextField, (0, $edec4fd90b3a763a$var$_extends2["default"])({
             }, params, {
                 InputProps: $edec4fd90b3a763a$var$_objectSpread($edec4fd90b3a763a$var$_objectSpread({
                 }, params.InputProps), {
@@ -8802,11 +8806,11 @@ var $edec4fd90b3a763a$var$AutocompleteEdit = /*#__PURE__*/ (0, $edec4fd90b3a763a
                 })
             })));
         },
-        renderOption: function renderOption(props, _ref2) {
+        renderOption: function renderOption(_ref2) {
             var label = _ref2.label, value = _ref2.value;
-            return(/*#__PURE__*/ $edec4fd90b3a763a$var$_react["default"].createElement("li", props, /*#__PURE__*/ $edec4fd90b3a763a$var$_react["default"].createElement($cMI0G$muimaterial.Typography, {
+            return(/*#__PURE__*/ $edec4fd90b3a763a$var$_react["default"].createElement($cMI0G$materialuicore.Typography, {
                 color: currentValue === value ? 'primary' : 'initial'
-            }, label)));
+            }, label));
         },
         filterOptions: function filterOptions(options, params) {
             var filtered = filter(options, params); // Suggest the creation of a new value
@@ -8881,14 +8885,12 @@ module.exports["default"] = $54b21016c93f173c$var$_default;
 
 parcelRequire.register("8jI34", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $60e2443852adaf7c$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $60e2443852adaf7c$var$useStyles = (0, $60e2443852adaf7c$var$_makeStyles["default"])(function(theme) {
+var $60e2443852adaf7c$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         BodyGrid: {
             width: '100%',
@@ -9048,14 +9050,12 @@ module.exports["default"] = $1313fa8797e2530d$var$_default;
 });
 parcelRequire.register("5F9ZP", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $41f88923feff08f3$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $41f88923feff08f3$var$useStyles = (0, $41f88923feff08f3$var$_makeStyles["default"])(function() {
+var $41f88923feff08f3$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         cell: {
             fontSize: 13,
@@ -9192,11 +9192,10 @@ module.exports["default"] = void 0;
 
 var $057fb76ba6c32c0a$var$_react = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$react);
 
-var $057fb76ba6c32c0a$var$_Tooltip = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muimaterialTooltip);
+var $057fb76ba6c32c0a$var$_Tooltip = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuicoreTooltip);
 
 var $057fb76ba6c32c0a$var$_propTypes = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$proptypes);
 
-var $057fb76ba6c32c0a$var$_withStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistyleswithStyles);
 var $057fb76ba6c32c0a$var$ErrorTooltip = function ErrorTooltip(_ref) {
     var children = _ref.children, title = _ref.title, classes = _ref.classes;
     return(/*#__PURE__*/ $057fb76ba6c32c0a$var$_react["default"].createElement($057fb76ba6c32c0a$var$_Tooltip["default"], {
@@ -9231,7 +9230,7 @@ $057fb76ba6c32c0a$var$ErrorTooltip.propTypes = {
     children: $057fb76ba6c32c0a$var$_propTypes["default"].node.isRequired,
     title: $057fb76ba6c32c0a$var$_propTypes["default"].string.isRequired
 };
-var $057fb76ba6c32c0a$var$_default = (0, $057fb76ba6c32c0a$var$_withStyles["default"])($057fb76ba6c32c0a$var$styles)($057fb76ba6c32c0a$var$ErrorTooltip);
+var $057fb76ba6c32c0a$var$_default = (0, $cMI0G$materialuicore.withStyles)($057fb76ba6c32c0a$var$styles)($057fb76ba6c32c0a$var$ErrorTooltip);
 module.exports["default"] = $057fb76ba6c32c0a$var$_default;
 
 });
@@ -9239,14 +9238,12 @@ module.exports["default"] = $057fb76ba6c32c0a$var$_default;
 
 parcelRequire.register("hGWdP", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $ce13859e8033458d$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $ce13859e8033458d$var$useStyles = (0, $ce13859e8033458d$var$_makeStyles["default"])(function() {
+var $ce13859e8033458d$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         gridContainer: {
             background: '#fff'
@@ -9457,14 +9454,12 @@ module.exports["default"] = $736cb8581f23f84b$var$_default;
 });
 parcelRequire.register("02CJ3", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $007e3a255e85e66b$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $007e3a255e85e66b$var$useStyles = (0, $007e3a255e85e66b$var$_makeStyles["default"])(function() {
+var $007e3a255e85e66b$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         HeaderGrid: {
             width: '100%',
@@ -9591,14 +9586,12 @@ module.exports["default"] = $ce6baaf490af3f1f$var$_default;
 });
 parcelRequire.register("24gKU", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $1818f3cda9fd304b$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $1818f3cda9fd304b$var$useStyles = (0, $1818f3cda9fd304b$var$_makeStyles["default"])(function() {
+var $1818f3cda9fd304b$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         cell: {
             fontSize: 12,
@@ -9675,10 +9668,10 @@ module.exports["default"] = void 0;
 
 var $7d61478711d9c4bf$var$_extends2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersextends);
 
-var $7d61478711d9c4bf$var$_defineProperty2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersdefineProperty);
-
 var $7d61478711d9c4bf$var$_toConsumableArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelperstoConsumableArray);
 
+var $7d61478711d9c4bf$var$_defineProperty2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersdefineProperty);
+
 var $7d61478711d9c4bf$var$_objectWithoutProperties2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersobjectWithoutProperties);
 
 var $7d61478711d9c4bf$var$_react = $7d61478711d9c4bf$var$_interopRequireWildcard($cMI0G$react);
@@ -9687,10 +9680,10 @@ var $7d61478711d9c4bf$var$_classnames = $cMI0G$babelruntimehelpersinteropRequire
 
 var $7d61478711d9c4bf$var$_isEqual2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$lodashisEqual);
 
+var $7d61478711d9c4bf$var$_uniq2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$lodashuniq);
 
-var $7d61478711d9c4bf$var$_Cell = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("3RVTL")));
 
-var $6QL76 = parcelRequire("6QL76");
+var $7d61478711d9c4bf$var$_Cell = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("3RVTL")));
 
 var $iyFQa = parcelRequire("iyFQa");
 
@@ -9701,6 +9694,14 @@ var $7d61478711d9c4bf$var$_Checkbox = $cMI0G$babelruntimehelpersinteropRequireDe
 var $7d61478711d9c4bf$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("3vkwS")));
 
 var $2FVCo = parcelRequire("2FVCo");
+
+var $a1zBV = parcelRequire("a1zBV");
+
+var $9MtME = parcelRequire("9MtME");
+
+var $l0dxa = parcelRequire("l0dxa");
+
+var $jFd72 = parcelRequire("jFd72");
 var $7d61478711d9c4bf$var$_excluded = [
     "displayableRows",
     "wrapHeaderText",
@@ -9804,7 +9805,7 @@ var $7d61478711d9c4bf$var$Header = /*#__PURE__*/ $7d61478711d9c4bf$var$_react["d
     var displayableRows = _ref.displayableRows, wrapHeaderText = _ref.wrapHeaderText, _tableKeyName = _ref.tableKeyName, order = _ref.order, orderDirection = _ref.orderDirection, onOrderChange = _ref.onOrderChange, domRef = _ref.domRef, rest = (0, $7d61478711d9c4bf$var$_objectWithoutProperties2["default"])(_ref, $7d61478711d9c4bf$var$_excluded);
     var CHECKBOX_COLUMN = 'checkboxColumn';
     var styles = (0, $7d61478711d9c4bf$var$_styles["default"])();
-    var _useConfig = (0, $iyFQa.useConfig)(), can = _useConfig.can, context = _useConfig.context, send = _useConfig.send, _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$ins = _useConfig$config.insertPosition, insertPosition = _useConfig$config$ins === void 0 ? $6QL76.INSERT_POSITION.TOP : _useConfig$config$ins, _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, _useConfig$config$ope = _useConfig$config.openSocieties, openSocieties = _useConfig$config$ope === void 0 ? [] : _useConfig$config$ope, _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;
+    var _useConfig = (0, $iyFQa.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;
     var isAllCheckedColumn = function isAllCheckedColumn(key, rows) {
         var _iterator = $7d61478711d9c4bf$var$_createForOfIteratorHelper(rows), _step;
         try {
@@ -9824,34 +9825,28 @@ var $7d61478711d9c4bf$var$Header = /*#__PURE__*/ $7d61478711d9c4bf$var$_react["d
     }, [
         _tableKeyName
     ]);
-    var selectedRows = context.selectedRows, dataRows = context.dataRows, addRows = context.addRows;
-    var allRows = (0, $7d61478711d9c4bf$var$_react.useMemo)(function() {
-        if (insertPosition === $6QL76.INSERT_POSITION.BOTTOM) return [].concat((0, $7d61478711d9c4bf$var$_toConsumableArray2["default"])(dataRows), (0, $7d61478711d9c4bf$var$_toConsumableArray2["default"])(addRows));
-        return [].concat((0, $7d61478711d9c4bf$var$_toConsumableArray2["default"])(addRows), (0, $7d61478711d9c4bf$var$_toConsumableArray2["default"])(dataRows));
-    }, [
-        addRows,
-        dataRows
-    ]);
+    var apiRef = (0, $l0dxa.useApiRef)();
+    var selectedRows = (0, $9MtME.useSelector)(apiRef, $jFd72.selectedRowsSelector);
     var allSelectableKey = (0, $7d61478711d9c4bf$var$_react.useMemo)(function() {
-        return allRows.filter(function(row) {
-            var checkIfSocietyIsOpen = !openSocieties.map(function(society) {
-                return society === null || society === void 0 ? void 0 : society.id;
-            }).includes(row === null || row === void 0 ? void 0 : row.company_id);
-            var isSecuredRow = hasSecureSociety && (row === null || row === void 0 ? void 0 : row.secured) && checkIfSocietyIsOpen;
-            return row.rowType !== $6QL76.ROW_TYPE.GROUP_BUTTON && row.rowType !== $6QL76.ROW_TYPE.ADD_BUTTON && !isSecuredRow;
-        }).map(function(row) {
-            return row[selectableRowKey];
-        }).sort();
+        return (0, $a1zBV.getSelectableRows)({
+            displayableRows: displayableRows,
+            selectableRowKey: selectableRowKey,
+            hasSecureSociety: hasSecureSociety,
+            openSocieties: openSocieties
+        });
     }, [
-        allRows,
+        displayableRows,
         selectableRowKey,
+        hasSecureSociety,
         openSocieties
     ]);
     var isAllChecked = (0, $7d61478711d9c4bf$var$_react.useMemo)(function() {
-        return (0, $2FVCo.sameArray)(allSelectableKey, selectedRows);
+        return (0, $2FVCo.sameArray)(allSelectableKey, (0, $a1zBV.getSelectedVisibleRows)(selectedRows, displayableRows, selectableRowKey));
     }, [
         allSelectableKey,
-        selectedRows
+        selectedRows,
+        displayableRows,
+        selectableRowKey
     ]);
     var _renderHeaderCheckBoxCell = (0, $7d61478711d9c4bf$var$_react.useCallback)(function(_ref2) {
         var key = _ref2.key, rowIndex = _ref2.rowIndex, style = _ref2.style;
@@ -9865,18 +9860,15 @@ var $7d61478711d9c4bf$var$Header = /*#__PURE__*/ $7d61478711d9c4bf$var$_react["d
             id: "".concat(rowIndex, "_selectable_header_").concat(tableKeyName),
             name: "".concat(rowIndex, "_selectable_header__").concat(tableKeyName),
             checked: isAllChecked,
-            disabled: !can('toggleAllRow'),
             onChange: function onChange(e) {
-                send('toggleAllRow', {
-                    selectedRows: e.target.checked ? allSelectableKey : []
-                });
+                var _apiRef$current;
+                apiRef === null || apiRef === void 0 || (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || _apiRef$current.selectRows(e.target.checked ? (0, $7d61478711d9c4bf$var$_uniq2["default"])([].concat((0, $7d61478711d9c4bf$var$_toConsumableArray2["default"])(selectedRows), (0, $7d61478711d9c4bf$var$_toConsumableArray2["default"])(allSelectableKey))) : (0, $a1zBV.getSelectedHiddenRows)(selectedRows, displayableRows, selectableRowKey));
             }
         })));
     }, [
         displayableRows,
         selectableRowKey,
         isAllChecked,
-        can,
         withBorders
     ]);
     var _renderHeaderCellDispatch = function _renderHeaderCellDispatch(params) {
@@ -9888,6 +9880,7 @@ var $7d61478711d9c4bf$var$Header = /*#__PURE__*/ $7d61478711d9c4bf$var$_react["d
             orderDirection: orderDirection,
             onOrderChange: onOrderChange,
             isAllCheckedColumn: isAllCheckedColumn,
+            allSelectableKey: allSelectableKey,
             displayableRows: displayableRows
         };
         return(/*#__PURE__*/ $7d61478711d9c4bf$var$_react["default"].createElement($7d61478711d9c4bf$var$_Cell["default"], (0, $7d61478711d9c4bf$var$_extends2["default"])({
@@ -9943,10 +9936,10 @@ var $2d133bbbed357072$var$_Sortable = $cMI0G$babelruntimehelpersinteropRequireDe
 
 var $2d133bbbed357072$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("5E4jX")));
 var $2d133bbbed357072$var$HeaderCell = function HeaderCell(_ref) {
-    var column = _ref.column, columnIndex = _ref.columnIndex, style = _ref.style, withBorders = _ref.withBorders, wrapHeaderText = _ref.wrapHeaderText, order = _ref.order, orderDirection = _ref.orderDirection, onOrderChange = _ref.onOrderChange, isAllCheckedColumn = _ref.isAllCheckedColumn, displayableRows = _ref.displayableRows;
+    var allSelectableKey = _ref.allSelectableKey, column = _ref.column, columnIndex = _ref.columnIndex, style = _ref.style, withBorders = _ref.withBorders, wrapHeaderText = _ref.wrapHeaderText, order = _ref.order, orderDirection = _ref.orderDirection, onOrderChange = _ref.onOrderChange, isAllCheckedColumn = _ref.isAllCheckedColumn, displayableRows = _ref.displayableRows;
     var header = column.header, keyColumn = column.key, tooltipHeader = column.tooltipHeader, typeCell = column.typeCell, _column$headerOnClick = column.headerOnClick, headerOnClick = _column$headerOnClick === void 0 ? function() {
     } : _column$headerOnClick, _column$selectAll = column.selectAll, selectAll = _column$selectAll === void 0 ? false : _column$selectAll, _column$variant = column.variant, variant = _column$variant === void 0 ? 'primary' : _column$variant, changeOtherColumnOnClick = column.changeOtherColumnOnClick, alignText = column.alignText, sortable = column.sortable;
-    var _useConfig = (0, $iyFQa.useConfig)(), send = _useConfig.send;
+    var _useConfig = (0, $iyFQa.useConfig)(), send = _useConfig.send, _useConfig$config$sel = _useConfig.config.selectableRowKey, selectableRowKey = _useConfig$config$sel === void 0 ? 'id' : _useConfig$config$sel;
     var styles = (0, $2d133bbbed357072$var$_styles["default"])();
     var alignCell = (0, $7Q35O.defineCellAlign)(typeCell, alignText);
     var render = function render() {
@@ -9965,9 +9958,11 @@ var $2d133bbbed357072$var$HeaderCell = function HeaderCell(_ref) {
             checked: isAllCheckedColumn(keyColumn, displayableRows),
             onChange: function onChange(e) {
                 send('selectAllColumn', {
+                    selectableRowKey: selectableRowKey,
                     value: e.target.checked,
                     keyColumn: keyColumn,
-                    changeOtherColumnOnClick: changeOtherColumnOnClick
+                    changeOtherColumnOnClick: changeOtherColumnOnClick,
+                    allSelectableKey: allSelectableKey
                 });
             },
             variant: variant
@@ -9988,7 +9983,7 @@ var $2d133bbbed357072$var$HeaderCell = function HeaderCell(_ref) {
             className: (0, $2d133bbbed357072$var$_classnames["default"])(styles.headerCellContent, wrapHeaderText && styles.headerCell_wrap)
         }, header))));
     };
-    if (tooltipHeader) return(/*#__PURE__*/ $2d133bbbed357072$var$_react["default"].createElement($cMI0G$muimaterial.Tooltip, {
+    if (tooltipHeader) return(/*#__PURE__*/ $2d133bbbed357072$var$_react["default"].createElement($cMI0G$materialuicore.Tooltip, {
         title: tooltipHeader,
         placement: "top"
     }, render()));
@@ -10042,14 +10037,12 @@ module.exports["default"] = $c080172f749e4a31$var$_default;
 });
 parcelRequire.register("ltFHK", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $fa2ca81417649352$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $fa2ca81417649352$var$useStyles = (0, $fa2ca81417649352$var$_makeStyles["default"])(function(theme) {
+var $fa2ca81417649352$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         button: {
             alignItems: 'center',
@@ -10074,14 +10067,12 @@ module.exports["default"] = $fa2ca81417649352$var$_default;
 
 parcelRequire.register("5E4jX", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $41c40a39cb535f7b$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $41c40a39cb535f7b$var$useStyles = (0, $41c40a39cb535f7b$var$_makeStyles["default"])(function(theme) {
+var $41c40a39cb535f7b$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         cell: {
             fontSize: 12,
@@ -10175,14 +10166,12 @@ module.exports["default"] = $41c40a39cb535f7b$var$_default;
 
 parcelRequire.register("3vkwS", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $28d4310da61499da$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $28d4310da61499da$var$useStyles = (0, $28d4310da61499da$var$_makeStyles["default"])(function(theme) {
+var $28d4310da61499da$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         gridContainer: {
             background: '#fff'
@@ -10231,15 +10220,20 @@ module.exports.sameArray = $1f2c1adff60e55ea$var$sameArray;
 // Inspired by https://stackoverflow.com/questions/7837456/how-to-compare-arrays-in-javascript
 function $1f2c1adff60e55ea$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++){
         // Check if we have nested arrays
-        if (array1[i] instanceof Array && array2[i] instanceof Array) {
+        if (array1[i] instanceof Array && array2[i + offset] instanceof Array) {
             // recurse into the nested arrays
-            if (!$1f2c1adff60e55ea$var$sameArray(array1[i], array2[i])) return false;
-        } else if (array1[i] !== array2[i]) // Warning - two different object instances will never be equal: {x:20} != {x:20}
-        return false;
+            if (!$1f2c1adff60e55ea$var$sameArray(array1[i], array2[i + offset])) return false;
+        } else if (array1[i] !== array2[i + offset]) {
+            // Warning - two different object instances will never be equal: {x:20} != {x:20}
+            var index = array2.indexOf(array1[i]);
+            if (index === -1) return false;
+            else offset = index > i ? offset - 1 : offset + 1;
+        }
     }
     return true;
 }
@@ -10268,6 +10262,8 @@ var $b5a8f63424cf66c6$var$_I18n = $cMI0G$babelruntimehelpersinteropRequireDefaul
 
 var $jFd72 = parcelRequire("jFd72");
 
+var $a1zBV = parcelRequire("a1zBV");
+
 var $iyFQa = parcelRequire("iyFQa");
 
 var $l0dxa = parcelRequire("l0dxa");
@@ -10321,9 +10317,16 @@ var $b5a8f63424cf66c6$var$Toolbar = function Toolbar(_ref) {
     var _useConfig = (0, $iyFQa.useConfig)(), _useConfig$config = _useConfig.config;
     _useConfig$config = _useConfig$config === void 0 ? {
     } : _useConfig$config;
-    var _useConfig$config$has = _useConfig$config.hasSearchbar, hasSearchbar = _useConfig$config$has === void 0 ? true : _useConfig$config$has, _useConfig$config$col = _useConfig$config.columns, columns = _useConfig$config$col === void 0 ? [] : _useConfig$config$col, _useConfig$config$sel = _useConfig$config.selectableRow, selectableRow = _useConfig$config$sel === void 0 ? false : _useConfig$config$sel, _useConfig$config$sel2 = _useConfig$config.selectableOnlyOneRow, selectableOnlyOneRow = _useConfig$config$sel2 === void 0 ? false : _useConfig$config$sel2;
+    var _useConfig$config$has = _useConfig$config.hasSearchbar, hasSearchbar = _useConfig$config$has === void 0 ? true : _useConfig$config$has, _useConfig$config$col = _useConfig$config.columns, columns = _useConfig$config$col === void 0 ? [] : _useConfig$config$col, _useConfig$config$sel = _useConfig$config.selectableRow, selectableRow = _useConfig$config$sel === void 0 ? false : _useConfig$config$sel, _useConfig$config$sel2 = _useConfig$config.selectableOnlyOneRow, selectableOnlyOneRow = _useConfig$config$sel2 === void 0 ? false : _useConfig$config$sel2, _useConfig$config$sel3 = _useConfig$config.selectableRowKey, selectableRowKey = _useConfig$config$sel3 === void 0 ? 'id' : _useConfig$config$sel3;
     var apiRef = (0, $l0dxa.useApiRef)();
-    var selectedRows = (0, $9MtME.useSelector)(apiRef, $jFd72.selectedRowsSelector);
+    var _selectedRows = (0, $9MtME.useSelector)(apiRef, $jFd72.selectedRowsSelector);
+    var selectedRows = (0, $b5a8f63424cf66c6$var$_react.useMemo)(function() {
+        return (0, $a1zBV.getSelectedVisibleRows)(_selectedRows, displayableRows, selectableRowKey);
+    }, [
+        _selectedRows,
+        displayableRows,
+        selectableRowKey
+    ]);
     var styles = (0, $b5a8f63424cf66c6$var$_styles["default"])();
     var searchableColumns = (0, $b5a8f63424cf66c6$var$_react.useMemo)(function() {
         return columns.filter(function(c) {
@@ -10348,7 +10351,8 @@ var $b5a8f63424cf66c6$var$Toolbar = function Toolbar(_ref) {
         count: selectedRows.length
     })), /*#__PURE__*/ $b5a8f63424cf66c6$var$_react["default"].createElement($b5a8f63424cf66c6$var$_Buttons["default"], (0, $b5a8f63424cf66c6$var$_extends2["default"])({
         handleRowsToDelete: handleRowsToDelete,
-        selectedRows: selectedRows,
+        selectedRows: _selectedRows,
+        selectedVisibleRows: selectedRows,
         handleValidateEdit: handleValidateEdit,
         handleValidateAdd: handleValidateAdd,
         displayableRows: displayableRows
@@ -10376,7 +10380,7 @@ var $608d5ee2f6164ad1$var$_react = $608d5ee2f6164ad1$var$_interopRequireWildcard
 var $608d5ee2f6164ad1$var$_classnames = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$classnames);
 
 
-var $608d5ee2f6164ad1$var$_Search = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muiiconsmaterialSearch);
+var $608d5ee2f6164ad1$var$_Search = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuiiconsSearch);
 
 var $608d5ee2f6164ad1$var$_debounce2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$lodashdebounce);
 
@@ -10451,6 +10455,11 @@ var $608d5ee2f6164ad1$var$SearchBar = function SearchBar(_ref) {
         isFocused,
         search1
     ]);
+    (0, $608d5ee2f6164ad1$var$_react.useEffect)(function() {
+        return function() {
+            filterCallback.cancel();
+        };
+    }, []);
     var filterCallback = (0, $608d5ee2f6164ad1$var$_react.useCallback)((0, $608d5ee2f6164ad1$var$_debounce2["default"])(function(unmappedFilters, search) {
         onChange(unmappedFilters, search);
         setItem('SearchBar', {
@@ -10500,7 +10509,7 @@ var $608d5ee2f6164ad1$var$SearchBar = function SearchBar(_ref) {
         className: (0, $608d5ee2f6164ad1$var$_classnames["default"])('search-bar', classes.root, {
             unfold: unfold
         })
-    }, /*#__PURE__*/ $608d5ee2f6164ad1$var$_react["default"].createElement($cMI0G$muimaterial.Button, {
+    }, /*#__PURE__*/ $608d5ee2f6164ad1$var$_react["default"].createElement($cMI0G$materialuicore.Button, {
         className: classes.button,
         color: "primary",
         onClick: focusMainInput,
@@ -10590,14 +10599,14 @@ var $d3841a9de4511a4d$var$_excluded = [
     var _ref$columns = _ref.columns, columns = _ref$columns === void 0 ? {
     } : _ref$columns, _ref$filters = _ref.filters, filters = _ref$filters === void 0 ? new Map() : _ref$filters, menuRef = _ref.menuRef, _onClick = _ref.onClick, other = (0, $d3841a9de4511a4d$var$_objectWithoutProperties2["default"])(_ref, $d3841a9de4511a4d$var$_excluded);
     var classes = (0, $d3841a9de4511a4d$var$_styles["default"])();
-    return(/*#__PURE__*/ $d3841a9de4511a4d$var$_react["default"].createElement($cMI0G$muimaterial.Popper, (0, $d3841a9de4511a4d$var$_extends2["default"])({
+    return(/*#__PURE__*/ $d3841a9de4511a4d$var$_react["default"].createElement($cMI0G$materialuicore.Popper, (0, $d3841a9de4511a4d$var$_extends2["default"])({
         placement: "bottom-start"
-    }, other), /*#__PURE__*/ $d3841a9de4511a4d$var$_react["default"].createElement($cMI0G$muimaterial.Paper, {
+    }, other), /*#__PURE__*/ $d3841a9de4511a4d$var$_react["default"].createElement($cMI0G$materialuicore.Paper, {
         elevation: 2
-    }, /*#__PURE__*/ $d3841a9de4511a4d$var$_react["default"].createElement($cMI0G$muimaterial.MenuList, {
+    }, /*#__PURE__*/ $d3841a9de4511a4d$var$_react["default"].createElement($cMI0G$materialuicore.MenuList, {
         ref: menuRef
     }, Object.values(columns).map(function(v) {
-        return(/*#__PURE__*/ $d3841a9de4511a4d$var$_react["default"].createElement($cMI0G$muimaterial.MenuItem, {
+        return(/*#__PURE__*/ $d3841a9de4511a4d$var$_react["default"].createElement($cMI0G$materialuicore.MenuItem, {
             className: classes.menuItem,
             disabled: filters.has(v.value),
             key: v.value,
@@ -10619,14 +10628,12 @@ module.exports["default"] = $d3841a9de4511a4d$var$_default;
 });
 parcelRequire.register("3mTn4", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $273e60bc147c7e24$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $273e60bc147c7e24$var$useStyles = (0, $273e60bc147c7e24$var$_makeStyles["default"])(function() {
+var $273e60bc147c7e24$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         menuItem: {
             fontSize: 11,
@@ -10653,7 +10660,7 @@ var $7d39a673fb91acbc$var$_extends2 = $cMI0G$babelruntimehelpersinteropRequireDe
 var $7d39a673fb91acbc$var$_react = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$react);
 
 
-var $7d39a673fb91acbc$var$_Close = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muiiconsmaterialClose);
+var $7d39a673fb91acbc$var$_Close = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuiiconsClose);
 
 var $7d39a673fb91acbc$var$_propTypes = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$proptypes);
 
@@ -10669,19 +10676,19 @@ var $7d39a673fb91acbc$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefa
     } : _ref$data, _ref$inputProps = _ref.inputProps, inputProps = _ref$inputProps === void 0 ? {
     } : _ref$inputProps, name = _ref.name, onClose = _ref.onClose, value = _ref.value;
     var classes = (0, $7d39a673fb91acbc$var$_styles["default"])();
-    return(/*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($cMI0G$muimaterial.Chip, {
+    return(/*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($cMI0G$materialuicore.Chip, {
         key: name,
         color: "primary",
         className: classes.root,
         size: "small",
-        label: /*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($7d39a673fb91acbc$var$_react["default"].Fragment, null, /*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement("label", null, data.label, ":"), data.type === $03WMM.TYPE_CELL.SELECT ? /*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($cMI0G$muimaterial.Select, (0, $7d39a673fb91acbc$var$_extends2["default"])({
+        label: /*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($7d39a673fb91acbc$var$_react["default"].Fragment, null, /*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement("label", null, data.label, ":"), data.type === $03WMM.TYPE_CELL.SELECT ? /*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($cMI0G$materialuicore.Select, (0, $7d39a673fb91acbc$var$_extends2["default"])({
             disableUnderline: true
         }, inputProps, {
             name: name,
             className: classes.select,
             value: value
         }), (data.listData || data.options || []).map(function(element) {
-            return(/*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($cMI0G$muimaterial.MenuItem, {
+            return(/*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($cMI0G$materialuicore.MenuItem, {
                 key: element.value,
                 value: element.value
             }, element.name || element.label));
@@ -10690,7 +10697,7 @@ var $7d39a673fb91acbc$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefa
             name: name,
             className: classes.input,
             value: value
-        })), /*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($cMI0G$muimaterial.IconButton, {
+        })), /*#__PURE__*/ $7d39a673fb91acbc$var$_react["default"].createElement($cMI0G$materialuicore.IconButton, {
             size: "small",
             onClick: function onClick() {
                 return onClose(name);
@@ -10716,14 +10723,12 @@ module.exports["default"] = $7d39a673fb91acbc$var$_default;
 });
 parcelRequire.register("ebisQ", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $a5306a5f0bd098af$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $a5306a5f0bd098af$var$useStyles = (0, $a5306a5f0bd098af$var$_makeStyles["default"])(function(theme) {
+var $a5306a5f0bd098af$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         root: {
             fontSize: 11,
@@ -11020,14 +11025,12 @@ module.exports["default"] = $516ad93fcdee6ff4$var$_default;
 
 parcelRequire.register("iL991", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $da83b5af7689ae31$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $da83b5af7689ae31$var$useStyles = (0, $da83b5af7689ae31$var$_makeStyles["default"])(function(theme) {
+var $da83b5af7689ae31$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         root: {
             border: "1px solid ".concat(theme.palette.primary.main),
@@ -11119,7 +11122,7 @@ var $018fc3a67cfd0245$var$_slicedToArray2 = $cMI0G$babelruntimehelpersinteropReq
 var $018fc3a67cfd0245$var$_react = $018fc3a67cfd0245$var$_interopRequireWildcard($cMI0G$react);
 
 
-var $018fc3a67cfd0245$var$_MoreVert = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muiiconsmaterialMoreVert);
+var $018fc3a67cfd0245$var$_MoreVert = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$materialuiiconsMoreVert);
 
 var $018fc3a67cfd0245$var$_SettingsIcon = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("gdVpj")));
 
@@ -11136,6 +11139,10 @@ var $018fc3a67cfd0245$var$_ColumnsSetting = $cMI0G$babelruntimehelpersinteropReq
 var $018fc3a67cfd0245$var$_ExportDialog = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("4CvES")));
 
 var $kUV64 = parcelRequire("kUV64");
+
+var $a1zBV = parcelRequire("a1zBV");
+
+var $l0dxa = parcelRequire("l0dxa");
 function $018fc3a67cfd0245$var$_getRequireWildcardCache(nodeInterop1) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -11186,11 +11193,12 @@ function $018fc3a67cfd0245$var$_objectSpread(target) {
     return target;
 }
 var $018fc3a67cfd0245$var$ToolbarButtons = function ToolbarButtons(_ref) {
-    var displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, handleCancel = _ref.handleCancel, selectedRows = _ref.selectedRows, onChangeColumnsSetting = _ref.onChangeColumnsSetting;
+    var displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, handleCancel = _ref.handleCancel, selectedRows = _ref.selectedRows, selectedVisibleRows = _ref.selectedVisibleRows, onChangeColumnsSetting = _ref.onChangeColumnsSetting;
     var _useConfig = (0, $iyFQa.useConfig)(), allRows = _useConfig.allRows, can = _useConfig.can, _useConfig$config = _useConfig.config, _useConfig$config$act = _useConfig$config.actionsButton, actionsButton = _useConfig$config$act === void 0 ? [] : _useConfig$config$act, _useConfig$config$cus = _useConfig$config.customButtons, customButtons = _useConfig$config$cus === void 0 ? [] : _useConfig$config$cus, _useConfig$config$exp = _useConfig$config.exportFormat, exportFormat = _useConfig$config$exp === void 0 ? [
         'csv',
         'xls'
-    ] : _useConfig$config$exp, _useConfig$config$ena = _useConfig$config.enableColumnEdition, enableColumnEdition = _useConfig$config$ena === void 0 ? true : _useConfig$config$ena, _useConfig$config$ins = _useConfig$config.insertPosition, insertPosition = _useConfig$config$ins === void 0 ? $6QL76.INSERT_POSITION.TOP : _useConfig$config$ins, _useConfig$config$mod = _useConfig$config.modeDelete, modeDelete = _useConfig$config$mod === void 0 ? false : _useConfig$config$mod, _useConfig$config$mod2 = _useConfig$config.modeEdit, modeEdit = _useConfig$config$mod2 === void 0 ? false : _useConfig$config$mod2, _useConfig$config$hid = _useConfig$config.hideStateActions, hideStateActions = _useConfig$config$hid === void 0 ? false : _useConfig$config$hid, dataRows = _useConfig.context.dataRows, send = _useConfig.send, state = _useConfig.state;
+    ] : _useConfig$config$exp, _useConfig$config$ena = _useConfig$config.enableColumnEdition, enableColumnEdition = _useConfig$config$ena === void 0 ? true : _useConfig$config$ena, _useConfig$config$ins = _useConfig$config.insertPosition, insertPosition = _useConfig$config$ins === void 0 ? $6QL76.INSERT_POSITION.TOP : _useConfig$config$ins, _useConfig$config$sel = _useConfig$config.selectableRowKey, selectableRowKey = _useConfig$config$sel === void 0 ? 'id' : _useConfig$config$sel, _useConfig$config$mod = _useConfig$config.modeDelete, modeDelete = _useConfig$config$mod === void 0 ? false : _useConfig$config$mod, _useConfig$config$mod2 = _useConfig$config.modeEdit, modeEdit = _useConfig$config$mod2 === void 0 ? false : _useConfig$config$mod2, _useConfig$config$hid = _useConfig$config.hideStateActions, hideStateActions = _useConfig$config$hid === void 0 ? false : _useConfig$config$hid, dataRows = _useConfig.context.dataRows, send = _useConfig.send, state = _useConfig.state;
+    var apiRef = (0, $l0dxa.useApiRef)();
     var _useState = (0, $018fc3a67cfd0245$var$_react.useState)(null), _useState2 = (0, $018fc3a67cfd0245$var$_slicedToArray2["default"])(_useState, 2), anchorEl = _useState2[0], setAnchorEl = _useState2[1];
     var _useState3 = (0, $018fc3a67cfd0245$var$_react.useState)(null), _useState4 = (0, $018fc3a67cfd0245$var$_slicedToArray2["default"])(_useState3, 2), popperAnchorEl = _useState4[0], setPopperAnchorEl = _useState4[1];
     var open = Boolean(anchorEl);
@@ -11267,7 +11275,7 @@ var $018fc3a67cfd0245$var$ToolbarButtons = function ToolbarButtons(_ref) {
         $6QL76.TABLE_STATE.EDIT,
         $6QL76.TABLE_STATE.PERMANENT_EDIT
     ].includes(state) && !hideStateActions) {
-        var _hasChange = (0, $kUV64.hasChange)(allRows);
+        var _hasChange = (0, $kUV64.hasChange)(displayableRows);
         buttons.push({
             _type: 'icon',
             iconName: 'icon-save',
@@ -11279,17 +11287,17 @@ var $018fc3a67cfd0245$var$ToolbarButtons = function ToolbarButtons(_ref) {
             onClick: function onClick() {
                 switch(state){
                     case $6QL76.TABLE_STATE.ADD:
-                        handleValidateAdd(allRows.filter(function(e) {
+                        handleValidateAdd(displayableRows.filter(function(e) {
                             return e.rowType === $6QL76.ROW_TYPE.NEW && e._touched;
                         }), insertPosition === $6QL76.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
                         break;
                     case $6QL76.TABLE_STATE.EDIT:
-                        handleValidateEdit(allRows.filter(function(e) {
+                        handleValidateEdit(displayableRows.filter(function(e) {
                             return e.rowType === $6QL76.ROW_TYPE.EDIT;
                         }));
                         break;
                     case $6QL76.TABLE_STATE.PERMANENT_EDIT:
-                        handleValidateEdit(allRows.filter(function(e) {
+                        handleValidateEdit(displayableRows.filter(function(e) {
                             return [
                                 $6QL76.ROW_TYPE.EDIT,
                                 $6QL76.ROW_TYPE.NEW
@@ -11324,37 +11332,37 @@ var $018fc3a67cfd0245$var$ToolbarButtons = function ToolbarButtons(_ref) {
             color: 'error',
             iconSize: 28,
             titleInfoBulle: $018fc3a67cfd0245$var$_I18n["default"].t('tooltips.delete'),
-            disabled: !can('deleteRow'),
+            disabled: !can('deleteRow') || selectedVisibleRows.length === 0,
             onClick: function onClick() {
-                handleRowsToDelete(selectedRows);
-                send('unselectAllColumn');
+                handleRowsToDelete(selectedVisibleRows);
+                apiRef.current.selectRows((0, $a1zBV.getSelectedHiddenRows)(selectedRows, displayableRows, selectableRowKey));
             }
         });
     }
     return(/*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement("div", null, /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($icOR0.InlineButton, {
         buttons: buttons
-    }), /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$muimaterial.Menu, {
+    }), /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$materialuicore.Menu, {
         id: "actions-button",
         anchorEl: anchorEl,
         keepMounted: true,
         open: open,
         onClose: handleClose,
         elevation: 2
-    }, (exportFormat === null || exportFormat === void 0 ? void 0 : exportFormat.length) > 0 && /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$muimaterial.MenuItem, {
+    }, (exportFormat === null || exportFormat === void 0 ? void 0 : exportFormat.length) > 0 && /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$materialuicore.MenuItem, {
         onClick: function onClick(e) {
             setPopperAnchorEl(e.currentTarget);
             setOpenExport(true);
         }
     }, $018fc3a67cfd0245$var$_I18n["default"].t('common.export')), actionsButton.map(function(_ref2, idx) {
         var label = _ref2.label, _onClick2 = _ref2.onClick;
-        return(/*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$muimaterial.MenuItem, {
+        return(/*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$materialuicore.MenuItem, {
             key: "".concat(label, "_").concat(idx),
             onClick: function onClick() {
                 _onClick2(displayableRows);
                 handleClose();
             }
         }, label));
-    })), /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$muimaterial.Popper, {
+    })), /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$materialuicore.Popper, {
         open: open && openExport,
         anchorEl: popperAnchorEl,
         placement: "left-start",
@@ -11367,7 +11375,7 @@ var $018fc3a67cfd0245$var$ToolbarButtons = function ToolbarButtons(_ref) {
         style: {
             zIndex: 9999
         }
-    }, /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$muimaterial.Paper, {
+    }, /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($cMI0G$materialuicore.Paper, {
         elevation: 2
     }, /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($018fc3a67cfd0245$var$_ExportDialog["default"], {
         onClose: function onClose() {
@@ -11423,7 +11431,7 @@ function $6c229bf33342c3de$var$_interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 var $6c229bf33342c3de$var$SettingsIcon = /*#__PURE__*/ (0, $6c229bf33342c3de$var$_react.memo)(function SettingsIcon() {
-    return(/*#__PURE__*/ $6c229bf33342c3de$var$_react["default"].createElement($cMI0G$muimaterial.SvgIcon, {
+    return(/*#__PURE__*/ $6c229bf33342c3de$var$_react["default"].createElement($cMI0G$materialuicore.SvgIcon, {
         viewBox: "0 0 20 21"
     }, /*#__PURE__*/ $6c229bf33342c3de$var$_react["default"].createElement("path", {
         d: "M10.268.023a2 2 0 0 1 1.98 1.718l.09.63c.358.108.705.242 1.039.397l.793-.595a2 2 0 0 1 2.615.186l.38.379a2 2 0 0 1 .185 2.615l-.457.607c.318.538.574 1.116.76 1.725l.629.09A2 2 0 0 1 20 9.755v.536a2 2 0 0 1-1.718 1.98l-.63.09a7.957 7.957 0 0 1-.76 1.725l.458.607a2 2 0 0 1-.068 2.487l-.117.128-.38.38a2 2 0 0 1-2.47.283l-.145-.098-.793-.595a8.016 8.016 0 0 1-1.039.398l-.09.629a2 2 0 0 1-1.824 1.712l-.156.006h-.536a2 2 0 0 1-1.952-1.565l-.028-.153-.09-.629a7.944 7.944 0 0 1-1.039-.398l-.793.595a2 2 0 0 1-2.487-.068l-.128-.117-.38-.38a2 2 0 0 1-.283-2.47l.098-.145.457-.607a7.957 7.957 0 0 1-.76-1.726l-.629-.09A2 2 0 0 1 0 10.29v-.535a2 2 0 0 1 1.718-1.98l.63-.09a7.957 7.957 0 0 1 .76-1.725l-.458-.607a2 2 0 0 1 .186-2.615l.379-.38a2 2 0 0 1 2.615-.185l.793.595a8.085 8.085 0 0 1 1.04-.398l.09-.629A2 2 0 0 1 9.732.023h.535zm0 1h-.536a1 1 0 0 0-.968.748l-.022.11-.179 1.26-.609.185a6.94 6.94 0 0 0-.611.219l-.297.13-.543.253-1.274-.955a1 1 0 0 0-1.215.011l-.092.082-.38.379a1 1 0 0 0-.16 1.204l.068.103.858 1.141-.34.576a6.9 6.9 0 0 0-.56 1.193l-.104.314-.186.608-1.259.18a1 1 0 0 0-.853.877L1 9.755v.536a1 1 0 0 0 .748.968l.11.022 1.26.179.185.609c.13.422.298.83.504 1.22l.161.288.34.576-.833 1.106-.074.107a1 1 0 0 0 .059 1.141l.083.094.348.35.096.089a1 1 0 0 0 1.138.102l.105-.07 1.273-.954.543.253c.196.092.396.174.6.247l.308.102.61.185.172 1.22.02.116a1 1 0 0 0 .86.775l.116.007h.498l.117-.003a1 1 0 0 0 .888-.743l.023-.114.18-1.258.608-.186a6.94 6.94 0 0 0 .611-.218l.297-.13.543-.253 1.239.93.107.074a1 1 0 0 0 1.141-.059l.094-.083.35-.348.089-.096a1 1 0 0 0 .102-1.137l-.068-.105-.859-1.141.34-.576c.224-.379.412-.779.56-1.193l.104-.315.186-.607 1.259-.18a1 1 0 0 0 .853-.877L19 10.29v-.536a1 1 0 0 0-.748-.968l-.112-.022-1.258-.18-.186-.608a6.95 6.95 0 0 0-.503-1.22l-.161-.288-.34-.576.858-1.14a1 1 0 0 0-.011-1.216l-.082-.092-.379-.38a1 1 0 0 0-1.205-.16l-.103.069-1.273.954-.543-.253a6.948 6.948 0 0 0-.6-.246l-.308-.102-.607-.186-.18-1.259a1 1 0 0 0-.877-.853l-.114-.006z"
@@ -11493,14 +11501,14 @@ var $524c89f0e646ff0e$var$ColumnsSetting = function ColumnsSetting(_ref) {
         onClose();
         reset();
     };
-    return(/*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$muimaterial.Dialog, {
+    return(/*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$materialuicore.Dialog, {
         open: open,
         maxWidth: 'sm',
         fullWidth: true
-    }, /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$muimaterial.DialogContent, null, /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$muimaterial.Typography, {
+    }, /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$materialuicore.DialogContent, null, /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$materialuicore.Typography, {
         variant: "h2",
         component: "h1"
-    }, $524c89f0e646ff0e$var$_I18n["default"].t('columnsSetting.title')), /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$muimaterial.Typography, {
+    }, $524c89f0e646ff0e$var$_I18n["default"].t('columnsSetting.title')), /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$materialuicore.Typography, {
         style: {
             marginBottom: 16
         },
@@ -11533,7 +11541,7 @@ var $524c89f0e646ff0e$var$ColumnsSetting = function ColumnsSetting(_ref) {
                 typeCell: $03WMM.TYPE_CELL.COMPONENT,
                 renderComponent: function renderComponent(_ref2) {
                     var data = _ref2.data;
-                    return (0, $6QL76.isSortable)(data) ? /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$muiiconsmaterial.Check, {
+                    return (0, $6QL76.isSortable)(data) ? /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$materialuiicons.Check, {
                         color: "primary",
                         fontSize: "small"
                     }) : null;
@@ -11541,7 +11549,7 @@ var $524c89f0e646ff0e$var$ColumnsSetting = function ColumnsSetting(_ref) {
             }
         ],
         rows: columns
-    })), /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$muimaterial.DialogActions, {
+    })), /*#__PURE__*/ $524c89f0e646ff0e$var$_react["default"].createElement($cMI0G$materialuicore.DialogActions, {
         style: {
             padding: '16px 24px'
         }
@@ -11584,7 +11592,6 @@ module.exports.styles = module.exports["default"] = void 0;
 
 var $29eb2cda6d3d6269$var$_defineProperty2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersdefineProperty);
 
-var $29eb2cda6d3d6269$var$_withStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistyleswithStyles);
 
 var $29eb2cda6d3d6269$var$_classnames = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$classnames);
 
@@ -11706,7 +11713,7 @@ $29eb2cda6d3d6269$var$DataGrid.defaultProps = {
     columns: [],
     rows: []
 };
-var $29eb2cda6d3d6269$var$_default = (0, $29eb2cda6d3d6269$var$_withStyles["default"])($29eb2cda6d3d6269$var$styles)($29eb2cda6d3d6269$var$DataGrid);
+var $29eb2cda6d3d6269$var$_default = (0, $cMI0G$materialuicore.withStyles)($29eb2cda6d3d6269$var$styles)($29eb2cda6d3d6269$var$DataGrid);
 module.exports["default"] = $29eb2cda6d3d6269$var$_default;
 
 });
@@ -11978,14 +11985,14 @@ var $35d344bbd0ff000c$var$ExportDialog = function ExportDialog(_ref) {
     var _useState = (0, $35d344bbd0ff000c$var$_react.useState)('xls'), _useState2 = (0, $35d344bbd0ff000c$var$_slicedToArray2["default"])(_useState, 2), value = _useState2[0], setValue = _useState2[1];
     return(/*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement("div", {
         className: styles.root
-    }, /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($cMI0G$muimaterial.Typography, {
+    }, /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($cMI0G$materialuicore.Typography, {
         variant: "h4",
         component: "h1",
         className: styles.title
-    }, $35d344bbd0ff000c$var$_I18n["default"].t('exportDialog.title')), /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($cMI0G$muimaterial.FormControl, {
+    }, $35d344bbd0ff000c$var$_I18n["default"].t('exportDialog.title')), /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($cMI0G$materialuicore.FormControl, {
         component: "fieldset",
         className: styles.fieldset
-    }, /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($cMI0G$muimaterial.Typography, {
+    }, /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($cMI0G$materialuicore.Typography, {
         variant: "body2",
         gutterBottom: true,
         component: "legend"
@@ -11998,7 +12005,7 @@ var $35d344bbd0ff000c$var$ExportDialog = function ExportDialog(_ref) {
                 return setValue(format);
             }
         }, ".", format));
-    })), error && /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($cMI0G$muimaterial.Typography, {
+    })), error && /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($cMI0G$materialuicore.Typography, {
         color: "error"
     }, $35d344bbd0ff000c$var$_I18n["default"].t('exportDialog.errorMessage')), /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement("div", {
         className: styles.actions
@@ -12021,14 +12028,12 @@ module.exports["default"] = $35d344bbd0ff000c$var$_default;
 });
 parcelRequire.register("dHI6F", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $9fa1812c7f1d3a89$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $9fa1812c7f1d3a89$var$useStyles = (0, $9fa1812c7f1d3a89$var$_makeStyles["default"])(function(theme) {
+var $9fa1812c7f1d3a89$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function(theme) {
     return {
         root: {
             minWidth: 240,
@@ -12169,14 +12174,12 @@ module.exports.hasChange = $f3a553d8ef40f781$var$hasChange;
 
 parcelRequire.register("6DniU", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $4d48764b244f9d7c$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $4d48764b244f9d7c$var$useStyles = (0, $4d48764b244f9d7c$var$_makeStyles["default"])(function() {
+var $4d48764b244f9d7c$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         selectionManager: {
             display: 'flex',
@@ -12352,14 +12355,12 @@ function $56a87756346406bb$var$useMachine(machine) {
 
 parcelRequire.register("78eoY", function(module, exports) {
 "use strict";
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
-var $531473ae7def14f0$var$_makeStyles = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$muistylesmakeStyles);
-var $531473ae7def14f0$var$useStyles = (0, $531473ae7def14f0$var$_makeStyles["default"])(function() {
+var $531473ae7def14f0$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(function() {
     return {
         GridRow: {
             display: 'flex',
@@ -12967,25 +12968,38 @@ module.exports["default"] = $57dfce363b329838$var$_default;
 });
 parcelRequire.register("5h8lz", function(module, exports) {
 "use strict";
+
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
 
+var $3d7503d37998fa62$var$_get2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$lodashget);
+
 var $iyFQa = parcelRequire("iyFQa");
 
 var $a1zBV = parcelRequire("a1zBV");
+
+var $2FVCo = parcelRequire("2FVCo");
+var $3d7503d37998fa62$var$previousSelectedVisibleRows = [];
 var $3d7503d37998fa62$var$useSelection = function useSelection() {
-    var _useConfig = (0, $iyFQa.useConfig)(), context = _useConfig.context, send = _useConfig.send, _useConfig$props = _useConfig.props, defaultSelectedRows = _useConfig$props.defaultSelectedRows, onSelectionChange = _useConfig$props.selectRows;
+    var _useConfig = (0, $iyFQa.useConfig)(), context = _useConfig.context, send = _useConfig.send, _useConfig$displayabl = _useConfig.displayableRows, displayableRows = _useConfig$displayabl === void 0 ? [] : _useConfig$displayabl, _useConfig$props = _useConfig.props, defaultSelectedRows = _useConfig$props.defaultSelectedRows, onSelectionChange = _useConfig$props.selectRows, _useConfig$config$sel = _useConfig.config.selectableRowKey, selectableRowKey = _useConfig$config$sel === void 0 ? 'id' : _useConfig$config$sel;
     var _context$selectedRows = context.selectedRows, selectedRows = _context$selectedRows === void 0 ? [] : _context$selectedRows;
     (0, $cMI0G$react.useEffect)(function() {
         if (defaultSelectedRows) selectRows((0, $a1zBV.createSelection)(defaultSelectedRows));
     }, []);
     (0, $cMI0G$react.useEffect)(function() {
-        if (onSelectionChange) onSelectionChange(selectedRows);
+        if (onSelectionChange) {
+            var selectedVisibleRows = (0, $a1zBV.getSelectedVisibleRows)(selectedRows, displayableRows, selectableRowKey);
+            if (!(0, $2FVCo.sameArray)($3d7503d37998fa62$var$previousSelectedVisibleRows, selectedVisibleRows)) {
+                $3d7503d37998fa62$var$previousSelectedVisibleRows = selectedVisibleRows;
+                onSelectionChange(selectedVisibleRows);
+            }
+        }
     }, [
-        selectedRows
+        selectedRows,
+        displayableRows
     ]);
     var selectRows = function selectRows(ids) {
         send('selectRows', {