@myunisoft/design-system 0.10.2 → 0.11.0

package/dist/index.js

@@ -14,12 +14,12 @@ var $cMI0G$babelruntimehelpersobjectWithoutProperties = require("@babel/runtime/
 var $cMI0G$classnames = require("classnames");
 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$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$lodashisNil = require("lodash/isNil");
 var $cMI0G$numeral = require("numeral");
 var $cMI0G$materialuicoreMenuItem = require("@material-ui/core/MenuItem");
 var $cMI0G$materialuicoreSelect = require("@material-ui/core/Select");
@@ -34,6 +34,9 @@ var $cMI0G$reactspinners = require("react-spinners");
 var $cMI0G$materialuicorestyles = require("@material-ui/core/styles");
 var $cMI0G$lodashfind = require("lodash/find");
 var $cMI0G$exceljs = require("exceljs");
+var $cMI0G$printjs = require("print-js");
+var $cMI0G$html2canvas = require("html2canvas");
+var $cMI0G$jspdf = require("jspdf");
 var $cMI0G$reactdropzone = require("react-dropzone");
 var $cMI0G$materialuicoreIconButton = require("@material-ui/core/IconButton");
 var $cMI0G$lodashdeburr = require("lodash/deburr");
@@ -41,6 +44,7 @@ var $cMI0G$materialuicoreMenu = require("@material-ui/core/Menu");
 var $cMI0G$materialuilabAutocomplete = require("@material-ui/lab/Autocomplete");
 var $cMI0G$lodashhead = require("lodash/head");
 var $cMI0G$robot3 = require("robot3");
+var $cMI0G$reselect = require("reselect");
 var $cMI0G$lodashisEqual = require("lodash/isEqual");
 var $cMI0G$materialuiiconsSearch = require("@material-ui/icons/Search");
 var $cMI0G$lodashmap = require("lodash/map");
@@ -131,7 +135,7 @@ var $iyFQa = parcelRequire("iyFQa");
 
 var $7rhi0 = parcelRequire("7rhi0");
 
-var $1eb7cba72eb8d5c7$var$_machine = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("74a2W")));
+var $1eb7cba72eb8d5c7$var$_machine = $1eb7cba72eb8d5c7$var$_interopRequireWildcard((parcelRequire("74a2W")));
 
 var $1eb7cba72eb8d5c7$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("78eoY")));
 
@@ -209,7 +213,7 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
     var _useState3 = (0, $1eb7cba72eb8d5c7$var$_react.useState)(0), _useState4 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useState3, 2), horizontalPadding = _useState4[0], setHorizontalPadding = _useState4[1];
     var config = $1eb7cba72eb8d5c7$var$_objectSpread($1eb7cba72eb8d5c7$var$_objectSpread({
     }, $1eb7cba72eb8d5c7$var$defaultConfig), configProps);
-    var _config$insertPositio = config.insertPosition, insertPosition = _config$insertPositio === void 0 ? $6QL76.INSERT_POSITION.TOP : _config$insertPositio, columnsRaw = config.columns, _config$hasFooter = config.hasFooter, hasFooter = _config$hasFooter === void 0 ? false : _config$hasFooter, _config$hasHeader = config.hasHeader, hasHeader = _config$hasHeader === void 0 ? true : _config$hasHeader, _config$selectableRow = config.selectableRow, selectableRow = _config$selectableRow === void 0 ? false : _config$selectableRow, _config$selectableRow2 = config.selectableRowKey, selectableRowKey = _config$selectableRow2 === void 0 ? 'id' : _config$selectableRow2, _config$selectableOnl = config.selectableOnlyOneRow, selectableOnlyOneRow = _config$selectableOnl === void 0 ? false : _config$selectableOnl, customSelectionHeader = config.customSelectionHeader, _config$minCellWidth = config.minCellWidth, minCellWidth = _config$minCellWidth === void 0 ? 100 : _config$minCellWidth, _config$selectableBar = config.selectableBarInfo, selectableBarInfo = _config$selectableBar === void 0 ? false : _config$selectableBar, _config$modeAdd = config.modeAdd, modeAdd = _config$modeAdd === void 0 ? false : _config$modeAdd, _config$modeEdit = config.modeEdit, modeEdit = _config$modeEdit === void 0 ? false : _config$modeEdit, _config$modeDelete = config.modeDelete, modeDelete = _config$modeDelete === void 0 ? false : _config$modeDelete, _config$modeGroup = config.modeGroup, modeGroup = _config$modeGroup === void 0 ? false : _config$modeGroup, _config$alwaysInEditi = config.alwaysInEdition, alwaysInEdition = _config$alwaysInEditi === void 0 ? false : _config$alwaysInEditi, _config$dynamicHeight = config.dynamicHeight, dynamicHeight = _config$dynamicHeight === void 0 ? true : _config$dynamicHeight, _config$wrapHeaderTex = config.wrapHeaderText, wrapHeaderText = _config$wrapHeaderTex === void 0 ? false : _config$wrapHeaderTex, _config$rowHeight = config.rowHeight, rowHeight = _config$rowHeight === void 0 ? 32 : _config$rowHeight, headerHeight = config.headerHeight, _config$fixedColumns = config.fixedColumns, fixedColumns = _config$fixedColumns === void 0 ? 0 : _config$fixedColumns, onCustomAdd = config.onCustomAdd, _config$addOneByOne = config.addOneByOne, addOneByOne = _config$addOneByOne === void 0 ? false : _config$addOneByOne, _config$spaceBetween = config.spaceBetween, spaceBetween = _config$spaceBetween === void 0 ? 2 : _config$spaceBetween, _config$hasSearchbar = config.hasSearchbar, hasSearchbar = _config$hasSearchbar === void 0 ? true : _config$hasSearchbar, _config$groupKey = config.groupKey, groupKey = _config$groupKey === void 0 ? 'id' : _config$groupKey, _config$collapsedGrou = config.collapsedGroup, collapsedGroup = _config$collapsedGrou === void 0 ? false : _config$collapsedGrou, _config$hideToolbar = config.hideToolbar, hideToolbar = _config$hideToolbar === void 0 ? false : _config$hideToolbar, _config$hideCheckbox = config.hideCheckbox, hideCheckbox = _config$hideCheckbox === void 0 ? false : _config$hideCheckbox;
+    var _config$insertPositio = config.insertPosition, insertPosition = _config$insertPositio === void 0 ? $6QL76.INSERT_POSITION.TOP : _config$insertPositio, columnsRaw = config.columns, _config$hasFooter = config.hasFooter, hasFooter = _config$hasFooter === void 0 ? false : _config$hasFooter, _config$hasHeader = config.hasHeader, hasHeader = _config$hasHeader === void 0 ? true : _config$hasHeader, _config$selectableRow = config.selectableRow, selectableRow = _config$selectableRow === void 0 ? false : _config$selectableRow, _config$selectableRow2 = config.selectableRowKey, selectableRowKey = _config$selectableRow2 === void 0 ? 'id' : _config$selectableRow2, _config$selectableOnl = config.selectableOnlyOneRow, selectableOnlyOneRow = _config$selectableOnl === void 0 ? false : _config$selectableOnl, customSelectionHeader = config.customSelectionHeader, _config$minCellWidth = config.minCellWidth, minCellWidth = _config$minCellWidth === void 0 ? 100 : _config$minCellWidth, _config$selectableBar = config.selectableBarInfo, selectableBarInfo = _config$selectableBar === void 0 ? false : _config$selectableBar, _config$modeAdd = config.modeAdd, modeAdd = _config$modeAdd === void 0 ? false : _config$modeAdd, _config$modeEdit = config.modeEdit, modeEdit = _config$modeEdit === void 0 ? false : _config$modeEdit, _config$modeDelete = config.modeDelete, modeDelete = _config$modeDelete === void 0 ? false : _config$modeDelete, _config$modeGroup = config.modeGroup, modeGroup = _config$modeGroup === void 0 ? false : _config$modeGroup, _config$alwaysInEditi = config.alwaysInEdition, alwaysInEdition = _config$alwaysInEditi === void 0 ? false : _config$alwaysInEditi, _config$dynamicHeight = config.dynamicHeight, dynamicHeight = _config$dynamicHeight === void 0 ? true : _config$dynamicHeight, _config$wrapHeaderTex = config.wrapHeaderText, wrapHeaderText = _config$wrapHeaderTex === void 0 ? false : _config$wrapHeaderTex, _config$rowHeight = config.rowHeight, rowHeight = _config$rowHeight === void 0 ? 32 : _config$rowHeight, headerHeight = config.headerHeight, _config$fixedColumns = config.fixedColumns, fixedColumns = _config$fixedColumns === void 0 ? 0 : _config$fixedColumns, onCustomAdd = config.onCustomAdd, _config$addOneByOne = config.addOneByOne, addOneByOne = _config$addOneByOne === void 0 ? false : _config$addOneByOne, _config$hasSearchbar = config.hasSearchbar, hasSearchbar = _config$hasSearchbar === void 0 ? true : _config$hasSearchbar, _config$groupKey = config.groupKey, groupKey = _config$groupKey === void 0 ? 'id' : _config$groupKey, _config$collapsedGrou = config.collapsedGroup, collapsedGroup = _config$collapsedGrou === void 0 ? false : _config$collapsedGrou, _config$hideToolbar = config.hideToolbar, hideToolbar = _config$hideToolbar === void 0 ? false : _config$hideToolbar, _config$hideCheckbox = config.hideCheckbox, hideCheckbox = _config$hideCheckbox === void 0 ? false : _config$hideCheckbox, _config$defaultOrder = config.defaultOrder, defaultOrder = _config$defaultOrder === void 0 ? '' : _config$defaultOrder, _config$defaultOrderD = config.defaultOrderDirection, defaultOrderDirection = _config$defaultOrderD === void 0 ? $6QL76.SORTABLE_DIRECTIONS.ASC : _config$defaultOrderD, addRowLabel = config.addRowLabel;
     var cache = new $cMI0G$reactvirtualized.CellMeasurerCache({
         fixedWidth: true,
         defaultHeight: rowHeight,
@@ -218,13 +222,20 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
     var refBodyGrid = (0, $1eb7cba72eb8d5c7$var$_react.useRef)(null);
     var refFooterGrid = (0, $1eb7cba72eb8d5c7$var$_react.useRef)(null);
     var refHeaderGrid = (0, $1eb7cba72eb8d5c7$var$_react.useRef)(null);
+    var refDomBody = (0, $1eb7cba72eb8d5c7$var$_react.useRef)(null);
+    var refDomHeader = (0, $1eb7cba72eb8d5c7$var$_react.useRef)(null);
+    var refDomFooter = (0, $1eb7cba72eb8d5c7$var$_react.useRef)(null);
     var customHeaderRef = (0, $1eb7cba72eb8d5c7$var$_react.useRef)(null);
     var customFooterRef = (0, $1eb7cba72eb8d5c7$var$_react.useRef)(null);
     var addLineRef = (0, $1eb7cba72eb8d5c7$var$_react.useRef)(null);
-    var _useMachine = (0, $7rhi0.useMachine)($1eb7cba72eb8d5c7$var$_machine["default"]), _useMachine2 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useMachine, 4), state = _useMachine2[0], context = _useMachine2[1], send = _useMachine2[2], can = _useMachine2[3];
+    var _useMachine = (0, $7rhi0.useMachine)($1eb7cba72eb8d5c7$var$_machine["default"], $1eb7cba72eb8d5c7$var$_objectSpread($1eb7cba72eb8d5c7$var$_objectSpread({
+    }, $1eb7cba72eb8d5c7$var$_machine.initialContext), {
+    }, {
+        selectedRows: (0, $a1zBV.createSelection)(defaultSelectedRows)
+    })), _useMachine2 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useMachine, 4), state = _useMachine2[0], context = _useMachine2[1], send = _useMachine2[2], can = _useMachine2[3];
     var _useState5 = (0, $1eb7cba72eb8d5c7$var$_react.useState)({
     }), _useState6 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useState5, 2), searchFilters = _useState6[0], setSearchFilters = _useState6[1];
-    var _useSortable = (0, $iyFQa.useSortable)(), order = _useSortable.order, orderDirection = _useSortable.orderDirection, onOrderChange = _useSortable.onOrderChange;
+    var _useSortable = (0, $iyFQa.useSortable)(defaultOrder, defaultOrderDirection), order = _useSortable.order, orderDirection = _useSortable.orderDirection, onOrderChange = _useSortable.onOrderChange;
     var _useColumns = (0, $1eb7cba72eb8d5c7$var$_useColumns2["default"])(columnsRaw, tableKeyName, config), _columns = _useColumns.state, dispatchColumnsSetting = _useColumns.dispatch;
     var _useApiState = (0, $1eb7cba72eb8d5c7$var$_useApiState3["default"])(ref), _useApiState2 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useApiState, 1), apiRef = _useApiState2[0];
     var CHECKBOX_COLUMN = 'checkboxColumn';
@@ -263,19 +274,12 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
         _columns,
         hasCheckBox
     ]);
-    var selectedRows = context.selectedRows, dataRows = context.dataRows, addRows = context.addRows, groupCollapsed = context.groupCollapsed;
+    var dataRows = context.dataRows, addRows = context.addRows, groupCollapsed = context.groupCollapsed;
     (0, $1eb7cba72eb8d5c7$var$_react.useEffect)(function() {
         if (setVTState) setVTState({
             setCurrentCell: setCurrentCell
         });
     }, []);
-    (0, $1eb7cba72eb8d5c7$var$_react.useEffect)(function() {
-        if (defaultSelectedRows) send('selectRows', {
-            selectedRows: (0, $a1zBV.createSelection)(defaultSelectedRows)
-        });
-    }, [
-        defaultSelectedRows
-    ]);
     (0, $1eb7cba72eb8d5c7$var$_react.useEffect)(function() {
         if (refHeaderGrid !== null && refHeaderGrid !== void 0 && refHeaderGrid.current) refHeaderGrid.current.recomputeGridSize();
     }, [
@@ -301,11 +305,6 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
     }, [
         dataRows
     ]);
-    (0, $1eb7cba72eb8d5c7$var$_react.useEffect)(function() {
-        selectRows(selectedRows);
-    }, [
-        selectedRows
-    ]);
     var searchableColumns = (0, $1eb7cba72eb8d5c7$var$_react.useMemo)(function() {
         return columns.filter(function(c) {
             return !c.typeCell || $2N3c9.allowedTypes.includes(c.typeCell);
@@ -442,12 +441,19 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
             displayableRows: displayableRows,
             tableKeyName: tableKeyName,
             apiRef: apiRef,
+            refDomBody: refDomBody,
+            refDomFooter: refDomFooter,
+            refDomHeader: refDomHeader,
             config: $1eb7cba72eb8d5c7$var$_objectSpread($1eb7cba72eb8d5c7$var$_objectSpread({
             }, config), {
             }, {
                 columns: columns,
                 columnsRaw: _columns
-            })
+            }),
+            props: {
+                selectRows: selectRows,
+                defaultSelectedRows: defaultSelectedRows
+            }
         }
     }, /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($1eb7cba72eb8d5c7$var$_ApiRefHandler["default"], null), /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement("div", {
         id: "vt-totalrows-".concat(uniqueTableId),
@@ -455,7 +461,6 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
     }), /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($1eb7cba72eb8d5c7$var$_react["default"].Fragment, null, customSelectionHeader || hasSelectionManager && /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($1eb7cba72eb8d5c7$var$_Toolbar["default"], {
         displayableRows: displayableRows,
         setSearchFilters: setSearchFilters,
-        selectedRows: selectedRows,
         handleRowsToDelete: handleRowsToDelete,
         handleValidateEdit: handleValidateEdit,
         handleValidateAdd: handleValidateAdd,
@@ -487,6 +492,7 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
                 ref: customHeaderRef
             }), hasHeader && /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($1eb7cba72eb8d5c7$var$_Header["default"], {
                 ref: refHeaderGrid,
+                domRef: refDomHeader,
                 columnWidth: _getColumnWidth,
                 height: wrapHeaderText ? headerHeight : 32,
                 rowHeight: wrapHeaderText ? headerHeight : 32,
@@ -499,11 +505,12 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
                 onOrderChange: onOrderChange
             }), modeAdd && insertPosition === $6QL76.INSERT_POSITION.TOP && /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($1eb7cba72eb8d5c7$var$_AddLine["default"], {
                 ref: addLineRef,
-                onAdd: handleAddClick
+                onAdd: handleAddClick,
+                label: addRowLabel
             }), /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($1eb7cba72eb8d5c7$var$_Body["default"], {
                 tableKeyName: tableKeyName,
                 cache: cache,
-                selectRows: selectRows,
+                domRef: refDomBody,
                 ref: refBodyGrid,
                 columnWidth: _getColumnWidth,
                 height: height,
@@ -525,9 +532,11 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
                 onKeyDown: onKeyDown
             }), modeAdd && insertPosition === $6QL76.INSERT_POSITION.BOTTOM && /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($1eb7cba72eb8d5c7$var$_AddLine["default"], {
                 ref: addLineRef,
-                onAdd: handleAddClick
+                onAdd: handleAddClick,
+                label: addRowLabel
             }), hasFooter && /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_react["default"].createElement($1eb7cba72eb8d5c7$var$_Footer["default"], {
                 ref: refFooterGrid,
+                domRef: refDomFooter,
                 modeEdit: modeEdit,
                 columnWidth: _getColumnWidth,
                 displayableRows: displayableRows,
@@ -1028,7 +1037,6 @@ var $b1af3f53dbe7f452$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefa
 var $b1af3f53dbe7f452$var$_excluded = [
     "cache",
     "displayableRows",
-    "selectRows",
     "hasCheckBoxHidden",
     "tableKeyName",
     "height",
@@ -1038,7 +1046,8 @@ var $b1af3f53dbe7f452$var$_excluded = [
     "onKeyDown",
     "onClick",
     "onDoubleClick",
-    "focusedCell"
+    "focusedCell",
+    "domRef"
 ], $b1af3f53dbe7f452$var$_excluded2 = [
     "key"
 ];
@@ -1071,7 +1080,7 @@ function $b1af3f53dbe7f452$var$_interopRequireWildcard(obj, nodeInterop) {
 }
 var $b1af3f53dbe7f452$var$Body = /*#__PURE__*/ $b1af3f53dbe7f452$var$_react["default"].forwardRef(function Body(props, ref) {
     var CHECKBOX_COLUMN = 'checkboxColumn';
-    var cache = props.cache, displayableRows = props.displayableRows, selectRows = props.selectRows, _props$hasCheckBoxHid = props.hasCheckBoxHidden, hasCheckBoxHidden = _props$hasCheckBoxHid === void 0 ? false : _props$hasCheckBoxHid, tableKeyName = props.tableKeyName, height = props.height, onScrollbarPresenceChange = props.onScrollbarPresenceChange, onCellFocus = props.onCellFocus, onCellBlur = props.onCellBlur, onKeyDown = props.onKeyDown, onClick = props.onClick, onDoubleClick = props.onDoubleClick, focusedCell = props.focusedCell, rest = (0, $b1af3f53dbe7f452$var$_objectWithoutProperties2["default"])(props, $b1af3f53dbe7f452$var$_excluded);
+    var cache = props.cache, displayableRows = props.displayableRows, _props$hasCheckBoxHid = props.hasCheckBoxHidden, hasCheckBoxHidden = _props$hasCheckBoxHid === void 0 ? false : _props$hasCheckBoxHid, tableKeyName = props.tableKeyName, height = props.height, onScrollbarPresenceChange = props.onScrollbarPresenceChange, onCellFocus = props.onCellFocus, onCellBlur = props.onCellBlur, onKeyDown = props.onKeyDown, onClick = props.onClick, onDoubleClick = props.onDoubleClick, focusedCell = props.focusedCell, domRef = props.domRef, rest = (0, $b1af3f53dbe7f452$var$_objectWithoutProperties2["default"])(props, $b1af3f53dbe7f452$var$_excluded);
     var _useConfig = (0, $iyFQa.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, selectableRowKey = _useConfig$config.selectableRowKey;
     var styles = (0, $b1af3f53dbe7f452$var$_styles["default"])();
     var _renderBodyCell = (0, $b1af3f53dbe7f452$var$_react.useCallback)(function(_ref) {
@@ -1102,10 +1111,11 @@ var $b1af3f53dbe7f452$var$Body = /*#__PURE__*/ $b1af3f53dbe7f452$var$_react["def
         cache
     ]);
     return(/*#__PURE__*/ $b1af3f53dbe7f452$var$_react["default"].createElement("div", {
-        className: styles.gridContainer
+        className: styles.gridContainer,
+        ref: domRef
     }, /*#__PURE__*/ $b1af3f53dbe7f452$var$_react["default"].createElement($cMI0G$reactvirtualized.MultiGrid, (0, $b1af3f53dbe7f452$var$_extends2["default"])({
         ref: ref,
-        classNameBottomRightGrid: (0, $b1af3f53dbe7f452$var$_classnames["default"])(styles.BodyGrid, styles.defaultStyle, (0, $b1af3f53dbe7f452$var$_defineProperty2["default"])({
+        classNameBottomRightGrid: (0, $b1af3f53dbe7f452$var$_classnames["default"])('vtBody', styles.BodyGrid, styles.defaultStyle, (0, $b1af3f53dbe7f452$var$_defineProperty2["default"])({
         }, styles.BodyGrid_withBorders, withBorders)),
         columnCount: columns.length,
         overscanColumnCount: 5,
@@ -1128,7 +1138,7 @@ parcelRequire.register("iyFQa", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports.useConfig = module.exports.useDataManager = module.exports.useSortable = void 0;
+module.exports.useSortable = module.exports.useDataManager = module.exports.useConfig = void 0;
 
 var $d82bdb97016b0ccf$var$_defineProperty2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersdefineProperty);
 
@@ -1162,12 +1172,12 @@ function $d82bdb97016b0ccf$var$_objectSpread(target) {
     }
     return target;
 }
-var $d82bdb97016b0ccf$var$useSortable = function useSortable() {
-    var _useState = (0, $cMI0G$react.useState)(''), _useState2 = (0, $d82bdb97016b0ccf$var$_slicedToArray2["default"])(_useState, 2), order = _useState2[0], setOrder = _useState2[1];
-    var _useState3 = (0, $cMI0G$react.useState)(), _useState4 = (0, $d82bdb97016b0ccf$var$_slicedToArray2["default"])(_useState3, 2), orderDirection = _useState4[0], setOrderDirection = _useState4[1];
+var $d82bdb97016b0ccf$var$useSortable = function useSortable(defaultOrder, defaultOrderDirection) {
+    var _useState = (0, $cMI0G$react.useState)(defaultOrder), _useState2 = (0, $d82bdb97016b0ccf$var$_slicedToArray2["default"])(_useState, 2), order = _useState2[0], setOrder = _useState2[1];
+    var _useState3 = (0, $cMI0G$react.useState)(defaultOrderDirection), _useState4 = (0, $d82bdb97016b0ccf$var$_slicedToArray2["default"])(_useState3, 2), orderDirection = _useState4[0], setOrderDirection = _useState4[1];
     var onOrderChange = function onOrderChange(key) {
-        if (key === order) setOrderDirection(function(state) {
-            return state === $6QL76.SORTABLE_DIRECTIONS.ASC ? $6QL76.SORTABLE_DIRECTIONS.DESC : $6QL76.SORTABLE_DIRECTIONS.ASC;
+        if (key === order) setOrderDirection(function(prevState) {
+            return prevState === $6QL76.SORTABLE_DIRECTIONS.ASC ? $6QL76.SORTABLE_DIRECTIONS.DESC : $6QL76.SORTABLE_DIRECTIONS.ASC;
         });
         else {
             setOrder(key);
@@ -1277,8 +1287,9 @@ parcelRequire.register("6QL76", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
+module.exports.createTitleRow = module.exports.createAddRowGroup = module.exports.createAddRow = module.exports.addGroupIdToObj = module.exports.TABLE_STATE = module.exports.SORTABLE_DIRECTIONS = module.exports.ROW_TYPE = module.exports.INSERT_POSITION = module.exports.EXPORTABLE_TYPES = void 0;
 module.exports.isAsync = $4fcc252ae7131bb4$var$isAsync;
-module.exports.matchFilter = module.exports.isSortable = module.exports.isExportable = module.exports.createAddRow = module.exports.createAddRowGroup = module.exports.createTitleRow = module.exports.processGroupItemData = module.exports.addGroupIdToObj = module.exports.SORTABLE_DIRECTIONS = module.exports.TABLE_STATE = module.exports.INSERT_POSITION = module.exports.ROW_TYPE = module.exports.EXPORTABLE_TYPES = void 0;
+module.exports.processGroupItemData = module.exports.matchFilter = module.exports.isSortable = module.exports.isExportable = void 0;
 
 var $4fcc252ae7131bb4$var$_defineProperty2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersdefineProperty);
 
@@ -1508,6 +1519,8 @@ var $f01806d714e0d869$var$_typeof2 = $cMI0G$babelruntimehelpersinteropRequireDef
 var $f01806d714e0d869$var$_get2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$lodashget);
 
 var $f01806d714e0d869$var$_isArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$lodashisArray);
+
+var $f01806d714e0d869$var$_isNil2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$lodashisNil);
 /**
  * Escape every special characters to use them as literally
  * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#escaping
@@ -1527,7 +1540,7 @@ var $f01806d714e0d869$var$_isArray2 = $cMI0G$babelruntimehelpersinteropRequireDe
         'string'
     ].includes((0, $f01806d714e0d869$var$_typeof2["default"])(term))) return false; // TODO: Add accent converter
     var reg = new RegExp($f01806d714e0d869$var$escapeRegExp(term.toString()), 'i');
-    return value && reg.test(value);
+    return !(0, $f01806d714e0d869$var$_isNil2["default"])(value) && reg.test(value);
 };
 /**
  * Checks if the given `object` matches a list of `filters`
@@ -1618,6 +1631,12 @@ var $7Q35O = parcelRequire("7Q35O");
 var $8b1678d4db45ece0$var$_ContextMenu = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("epczz")));
 
 var $8b1678d4db45ece0$var$_context = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("jnCEW")));
+
+var $l0dxa = parcelRequire("l0dxa");
+
+var $9MtME = parcelRequire("9MtME");
+
+var $jFd72 = parcelRequire("jFd72");
 function $8b1678d4db45ece0$var$_getRequireWildcardCache(nodeInterop1) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -1673,8 +1692,10 @@ var $8b1678d4db45ece0$var$BodyCell = function BodyCell(_ref) {
     var styles = (0, $8b1678d4db45ece0$var$_styles["default"])();
     var CHECKBOX_COLUMN = 'checkboxColumn';
     var VTContext = (0, $8b1678d4db45ece0$var$_react.useContext)($8b1678d4db45ece0$var$_context["default"]);
-    var _useConfig = (0, $iyFQa.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$sel = _useConfig$config.selectableRowKey, selectableRowKey = _useConfig$config$sel === void 0 ? 'id' : _useConfig$config$sel, selectRows = _useConfig$config.selectRows, _useConfig$config$has = _useConfig$config.hasSecureSociety, hasSecureSociety = _useConfig$config$has === void 0 ? false : _useConfig$config$has, _useConfig$config$ope = _useConfig$config.openSocieties, openSocieties = _useConfig$config$ope === void 0 ? [] : _useConfig$config$ope, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, _useConfig$config$spa = _useConfig$config.spaceBetween, spaceBetween = _useConfig$config$spa === void 0 ? 2 : _useConfig$config$spa, _useConfig$config$sel2 = _useConfig$config.selectableOnlyOneRow, selectableOnlyOneRow = _useConfig$config$sel2 === void 0 ? false : _useConfig$config$sel2, _useConfig$config$alw = _useConfig$config.alwaysInEdition, alwaysInEdition = _useConfig$config$alw === void 0 ? false : _useConfig$config$alw, _useConfig$config$gro = _useConfig$config.groupSelection, groupSelection = _useConfig$config$gro === void 0 ? false : _useConfig$config$gro, _useConfig$context = _useConfig.context, selectedRows = _useConfig$context.selectedRows, groupCollapsed = _useConfig$context.groupCollapsed, send = _useConfig.send, can = _useConfig.can;
+    var _useConfig = (0, $iyFQa.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$sel = _useConfig$config.selectableRowKey, selectableRowKey = _useConfig$config$sel === void 0 ? 'id' : _useConfig$config$sel, selectRows = _useConfig$config.selectRows, _useConfig$config$has = _useConfig$config.hasSecureSociety, hasSecureSociety = _useConfig$config$has === void 0 ? false : _useConfig$config$has, _useConfig$config$ope = _useConfig$config.openSocieties, openSocieties = _useConfig$config$ope === void 0 ? [] : _useConfig$config$ope, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, _useConfig$config$spa = _useConfig$config.spaceBetween, spaceBetween = _useConfig$config$spa === void 0 ? 2 : _useConfig$config$spa, _useConfig$config$sel2 = _useConfig$config.selectableOnlyOneRow, selectableOnlyOneRow = _useConfig$config$sel2 === void 0 ? false : _useConfig$config$sel2, _useConfig$config$alw = _useConfig$config.alwaysInEdition, alwaysInEdition = _useConfig$config$alw === void 0 ? false : _useConfig$config$alw, _useConfig$config$gro = _useConfig$config.groupSelection, groupSelection = _useConfig$config$gro === void 0 ? false : _useConfig$config$gro, groupCollapsed = _useConfig.context.groupCollapsed, send = _useConfig.send, can = _useConfig.can;
     var currentRow = displayableRows[rowIndex1];
+    var apiRef = (0, $l0dxa.useApiRef)();
+    var selectedRows = (0, $9MtME.useSelector)(apiRef, $jFd72.selectedRowsSelector);
     var _columns$columnIndex = columns[columnIndex1], _columns$columnIndex$ = _columns$columnIndex.checkValue, checkValue = _columns$columnIndex$ === void 0 ? function() {
         return true;
     } : _columns$columnIndex$, dbClick = _columns$columnIndex.dbClick, simpleClick = _columns$columnIndex.simpleClick, keyColumn1 = _columns$columnIndex.key, typeCell1 = _columns$columnIndex.typeCell, _columns$columnIndex$2 = _columns$columnIndex.withLockIcon, withLockIcon = _columns$columnIndex$2 === void 0 ? false : _columns$columnIndex$2, _columns$columnIndex$3 = _columns$columnIndex.showLockInfo, showLockInfo = _columns$columnIndex$3 === void 0 ? false : _columns$columnIndex$3, alignText = _columns$columnIndex.alignText, alignVertical = _columns$columnIndex.alignVertical, hasContextMenu = _columns$columnIndex.hasContextMenu, listActionContextMenu = _columns$columnIndex.listActionContextMenu, _columns$columnIndex$4 = _columns$columnIndex.contextMenuOnlySelectedRows, contextMenuOnlySelectedRows = _columns$columnIndex$4 === void 0 ? false : _columns$columnIndex$4, _columns$columnIndex$5 = _columns$columnIndex.tooltipError, hasErrorTooltip = _columns$columnIndex$5 === void 0 ? function() {
@@ -2422,6 +2443,14 @@ var $92f9fe10ef8ba38f$var$CellRender = function CellRender(_ref) {
     var _context$selectedRows = context.selectedRows, selectedRows = _context$selectedRows === void 0 ? [] : _context$selectedRows;
     var keyId = data[selectableRowKey];
     var onChange = column.onChange, onCellKeyDown = column.onKeyDown, onCellClick = column.onClick, onCellDoubleClick = column.onDoubleClick, onCellBlur = column.onBlur, onCellFocus = column.onFocus, renderComponent = column.renderComponent, _column$editable = column.editable, editable = _column$editable === void 0 ? true : _column$editable;
+    var cell = {
+        dataKey: dataKey,
+        keyId: keyId,
+        row: data,
+        columnIndex: columnIndex,
+        rowIndex: rowIndex,
+        column: column
+    };
     var handleClick = function handleClick(e) {
         if (onCellClick) onCellClick(e, rowIndex, data);
         onClick(e, rowIndex, columnIndex, data);
@@ -2479,7 +2508,8 @@ var $92f9fe10ef8ba38f$var$CellRender = function CellRender(_ref) {
         switch(typeCell){
             case $03WMM.TYPE_CELL.ATTACHMENT:
                 return(/*#__PURE__*/ $92f9fe10ef8ba38f$var$_react["default"].createElement($92f9fe10ef8ba38f$var$_AttachmentCell["default"], (0, $92f9fe10ef8ba38f$var$_extends2["default"])({
-                    subtype: subtype
+                    subtype: subtype,
+                    cell: cell
                 }, commonProps, {
                     data: (0, $92f9fe10ef8ba38f$var$_get2["default"])(data, dataKey)
                 })));
@@ -2710,9 +2740,10 @@ parcelRequire.register("9LW6H", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
+module.exports.formatNumber = void 0;
 module.exports.formatNumberAndRoundMaxTwoDigits = $71d593ac7675cb84$var$formatNumberAndRoundMaxTwoDigits;
+module.exports.generateId = void 0;
 module.exports.stringToNumber = $71d593ac7675cb84$var$stringToNumber;
-module.exports.generateId = module.exports.formatNumber = void 0;
 
 var $71d593ac7675cb84$var$_numeral = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$numeral);
 
@@ -2867,6 +2898,11 @@ var $eba202129f8907e6$var$AmountEditCell = /*#__PURE__*/ (0, $eba202129f8907e6$v
         setValue(val);
         onChange(val);
     };
+    (0, $eba202129f8907e6$var$_react.useEffect)(function() {
+        setValue(data[dataKey]);
+    }, [
+        data
+    ]);
     return(/*#__PURE__*/ $eba202129f8907e6$var$_react["default"].createElement("div", {
         className: styles.amountCell
     }, isFocused ? /*#__PURE__*/ $eba202129f8907e6$var$_react["default"].createElement("input", (0, $eba202129f8907e6$var$_extends2["default"])({
@@ -4514,6 +4550,8 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $a7cd2729db179805$var$_extends2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersextends);
+
 var $a7cd2729db179805$var$_slicedToArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersslicedToArray);
 
 var $a7cd2729db179805$var$_react = $a7cd2729db179805$var$_interopRequireWildcard($cMI0G$react);
@@ -4554,16 +4592,21 @@ function $a7cd2729db179805$var$ContextMenu(_ref) {
     if (!canClick) return children;
     var classes = (0, $a7cd2729db179805$var$_styles["default"])();
     var _useState = (0, $a7cd2729db179805$var$_react.useState)(null), _useState2 = (0, $a7cd2729db179805$var$_slicedToArray2["default"])(_useState, 2), anchorEl = _useState2[0], setAnchorEl = _useState2[1];
-    var _listRender = (0, $a7cd2729db179805$var$_react.useMemo)(function() {
+    var _listRender = (0, $a7cd2729db179805$var$_react.useCallback)(function() {
         return listAction.map(function(_ref2, i) {
-            var label = _ref2.label, action = _ref2.action;
-            return(/*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement($cMI0G$materialuicore.MenuItem, {
+            var label = _ref2.label, action = _ref2.action, _ref2$disabled = _ref2.disabled, disabled = _ref2$disabled === void 0 ? function() {
+                return false;
+            } : _ref2$disabled, _ref2$itemProps = _ref2.itemProps, itemProps = _ref2$itemProps === void 0 ? {
+            } : _ref2$itemProps;
+            return(/*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement($cMI0G$materialuicore.MenuItem, (0, $a7cd2729db179805$var$_extends2["default"])({
                 key: i,
-                onClick: _handleAction.bind(null, action)
-            }, label));
+                onClick: _handleAction.bind(null, action),
+                disabled: disabled(data)
+            }, itemProps), label));
         });
     }, [
-        listAction
+        listAction,
+        data
     ]);
     function _handleClick(event) {
         event.preventDefault();
@@ -4582,14 +4625,14 @@ function $a7cd2729db179805$var$ContextMenu(_ref) {
         className: classes.contextMenuCell
     }, /*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement("span", {
         onContextMenu: _handleClick
-    }, children), /*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement($cMI0G$materialuicore.Menu, {
+    }, children), anchorEl && /*#__PURE__*/ $a7cd2729db179805$var$_react["default"].createElement($cMI0G$materialuicore.Menu, {
         id: "context-menu",
         anchorEl: anchorEl,
         keepMounted: true,
         open: Boolean(anchorEl),
         onClose: _handleClose,
         onContextMenu: _handleClose
-    }, _listRender)));
+    }, _listRender())));
 }
 $a7cd2729db179805$var$ContextMenu.propTypes = {
     children: $a7cd2729db179805$var$_propTypes["default"].node.isRequired,
@@ -5048,7 +5091,7 @@ module.exports["default"] = $4f7507c1f7133b10$var$_default;
 });
 
 parcelRequire.register("5LKvc", function(module, exports) {
-module.exports = Promise.resolve(require("./CommentDialog.4d89e72e.js")).then(()=>parcelRequire('9DOm6')
+module.exports = Promise.resolve(require("./CommentDialog.ad74fbf3.js")).then(()=>parcelRequire('9DOm6')
 );
 
 });
@@ -5657,7 +5700,7 @@ parcelRequire.register("7mqLY", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports.exportData = module.exports.downloadFile = module.exports.isFile = void 0;
+module.exports.isFile = module.exports.exportData = module.exports.downloadFile = void 0;
 
 var $55bf5af748107eff$var$_toConsumableArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelperstoConsumableArray);
 
@@ -5666,6 +5709,8 @@ var $55bf5af748107eff$var$_get2 = $cMI0G$babelruntimehelpersinteropRequireDefaul
 var $f79Wl = parcelRequire("f79Wl");
 
 var $6QL76 = parcelRequire("6QL76");
+
+var $5XXyM = parcelRequire("5XXyM");
 var $55bf5af748107eff$var$isFile = function isFile(object) {
     return object && (object.constructor.name == 'File' || object.constructor.name == 'FileList');
 };
@@ -5695,7 +5740,7 @@ var $55bf5af748107eff$var$downloadFile = function downloadFile(data, filename) {
     }, 100);
 };
 module.exports.downloadFile = $55bf5af748107eff$var$downloadFile;
-var $55bf5af748107eff$var$exportData = function exportData(rows, columns, format, fileName) {
+var $55bf5af748107eff$var$exportData = function exportData(rows, columns, format, fileName, tableRefs) {
     var _columns = columns.filter($6QL76.isExportable);
     var _rows = (0, $f79Wl.parseDataRows)(rows, _columns);
     if (format === 'csv') {
@@ -5719,6 +5764,8 @@ var $55bf5af748107eff$var$exportData = function exportData(rows, columns, format
         };
         (0, $f79Wl.exportToExcel)(xlsData, fileName);
     }
+    if (format === 'pdf') (0, $5XXyM.exportPDF)(fileName, tableRefs);
+    if (format === 'print') (0, $5XXyM.printPDF)(tableRefs);
 };
 module.exports.exportData = $55bf5af748107eff$var$exportData;
 
@@ -5729,7 +5776,7 @@ parcelRequire.register("f79Wl", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports.exportToExcel = module.exports.exportToCSV = module.exports.parseDataRows = module.exports.formatDataToCSV = void 0;
+module.exports.parseDataRows = module.exports.formatDataToCSV = module.exports.exportToExcel = module.exports.exportToCSV = void 0;
 
 var $b00f3859b5d2ce65$var$_regenerator = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimeregenerator);
 
@@ -5936,6 +5983,148 @@ module.exports.getViewData = $63ba20c129c9940e$var$getViewData;
 });
 
 
+parcelRequire.register("5XXyM", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.printPDF = module.exports.exportPDF = void 0;
+
+var $4580a9d18284540c$var$_regenerator = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimeregenerator);
+
+var $4580a9d18284540c$var$_asyncToGenerator2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersasyncToGenerator);
+
+var $4580a9d18284540c$var$_printJs = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$printjs);
+
+var $4580a9d18284540c$var$_html2canvas = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$html2canvas);
+
+var $4580a9d18284540c$var$_jspdf = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$jspdf);
+var $4580a9d18284540c$var$htmlToPdf = /*#__PURE__*/ function() {
+    var _ref = (0, $4580a9d18284540c$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4580a9d18284540c$var$_regenerator["default"].mark(function _callee(el, filename) {
+        return $4580a9d18284540c$var$_regenerator["default"].wrap(function _callee$(_context) {
+            while(true)switch(_context.prev = _context.next){
+                case 0:
+                    _context.next = 2;
+                    return new Promise(function(resolve) {
+                        (0, $4580a9d18284540c$var$_html2canvas["default"])(el).then(function(canvas) {
+                            var mode = canvas.height > canvas.width ? 'p' : 'l';
+                            var pdf = new $4580a9d18284540c$var$_jspdf["default"](mode, 'pt', 'a4');
+                            var width = pdf.internal.pageSize.width;
+                            var d = canvas.toDataURL('image/png');
+                            var height = canvas.height * (width - 20) / canvas.width;
+                            pdf.addImage(d, 'PNG', 10, 10, width - 20, height);
+                            pdf.save(filename);
+                            resolve();
+                        });
+                    });
+                case 2:
+                case "end":
+                    return _context.stop();
+            }
+        }, _callee);
+    }));
+    return function htmlToPdf(_x, _x2) {
+        return _ref.apply(this, arguments);
+    };
+}();
+var $4580a9d18284540c$var$printHtml = /*#__PURE__*/ function() {
+    var _ref2 = (0, $4580a9d18284540c$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4580a9d18284540c$var$_regenerator["default"].mark(function _callee2(el) {
+        return $4580a9d18284540c$var$_regenerator["default"].wrap(function _callee2$(_context2) {
+            while(true)switch(_context2.prev = _context2.next){
+                case 0:
+                    _context2.next = 2;
+                    return new Promise(function(resolve) {
+                        (0, $4580a9d18284540c$var$_html2canvas["default"])(el).then(function(canvas) {
+                            var d = canvas.toDataURL('image/png');
+                            (0, $4580a9d18284540c$var$_printJs["default"])({
+                                printable: d,
+                                type: 'image',
+                                base64: true,
+                                showModal: true
+                            });
+                            resolve();
+                        });
+                    });
+                case 2:
+                case "end":
+                    return _context2.stop();
+            }
+        }, _callee2);
+    }));
+    return function printHtml(_x3) {
+        return _ref2.apply(this, arguments);
+    };
+}();
+var $4580a9d18284540c$var$createPrintContainer = function createPrintContainer(_ref3) {
+    var _refDomFooter$current, _refDomHeader$current;
+    var refDomBody = _ref3.refDomBody, refDomFooter = _ref3.refDomFooter, refDomHeader = _ref3.refDomHeader;
+    var footer = refDomFooter === null || refDomFooter === void 0 ? void 0 : (_refDomFooter$current = refDomFooter.current) === null || _refDomFooter$current === void 0 ? void 0 : _refDomFooter$current.querySelector('.vtFooter.ReactVirtualized__Grid').cloneNode(true);
+    var header = refDomHeader === null || refDomHeader === void 0 ? void 0 : (_refDomHeader$current = refDomHeader.current) === null || _refDomHeader$current === void 0 ? void 0 : _refDomHeader$current.querySelector('.vtHeader .ReactVirtualized__Grid__innerScrollContainer').cloneNode(true);
+    var body = refDomBody === null || refDomBody === void 0 ? void 0 : refDomBody.current.querySelector('.vtBody .ReactVirtualized__Grid__innerScrollContainer').cloneNode(true);
+    var container = document.createElement('div');
+    container.style.width = body.style.width;
+    if (header) container.appendChild(header);
+    container.appendChild(body);
+    if (footer) {
+        footer.style.width = body.style.width;
+        container.appendChild(footer);
+    }
+    var root = document.getElementsByTagName('body')[0];
+    root.appendChild(container);
+    return container;
+};
+var $4580a9d18284540c$var$removePrintContainer = function removePrintContainer(container) {
+    var root = document.getElementsByTagName('body')[0];
+    root.removeChild(container);
+};
+var $4580a9d18284540c$var$exportPDF = /*#__PURE__*/ function() {
+    var _ref4 = (0, $4580a9d18284540c$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4580a9d18284540c$var$_regenerator["default"].mark(function _callee3(fname, tableRefs) {
+        var printContainer;
+        return $4580a9d18284540c$var$_regenerator["default"].wrap(function _callee3$(_context3) {
+            while(true)switch(_context3.prev = _context3.next){
+                case 0:
+                    printContainer = $4580a9d18284540c$var$createPrintContainer(tableRefs);
+                    _context3.next = 3;
+                    return $4580a9d18284540c$var$htmlToPdf(printContainer, fname);
+                case 3:
+                    $4580a9d18284540c$var$removePrintContainer(printContainer);
+                case 4:
+                case "end":
+                    return _context3.stop();
+            }
+        }, _callee3);
+    }));
+    return function exportPDF(_x4, _x5) {
+        return _ref4.apply(this, arguments);
+    };
+}();
+module.exports.exportPDF = $4580a9d18284540c$var$exportPDF;
+var $4580a9d18284540c$var$printPDF = /*#__PURE__*/ function() {
+    var _ref5 = (0, $4580a9d18284540c$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4580a9d18284540c$var$_regenerator["default"].mark(function _callee4(tableRefs) {
+        var printContainer;
+        return $4580a9d18284540c$var$_regenerator["default"].wrap(function _callee4$(_context4) {
+            while(true)switch(_context4.prev = _context4.next){
+                case 0:
+                    printContainer = $4580a9d18284540c$var$createPrintContainer(tableRefs);
+                    _context4.next = 3;
+                    return $4580a9d18284540c$var$printHtml(printContainer);
+                case 3:
+                    $4580a9d18284540c$var$removePrintContainer(printContainer);
+                case 4:
+                case "end":
+                    return _context4.stop();
+            }
+        }, _callee4);
+    }));
+    return function printPDF(_x6) {
+        return _ref5.apply(this, arguments);
+    };
+}();
+module.exports.printPDF = $4580a9d18284540c$var$printPDF;
+
+});
+
 
 parcelRequire.register("6agto", function(module, exports) {
 "use strict";
@@ -6167,7 +6356,7 @@ function $eb58a427fdf13580$var$_interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 var $eb58a427fdf13580$var$AttachmentCell = /*#__PURE__*/ (0, $eb58a427fdf13580$var$_react.memo)(function AttachmentCell(_ref) {
-    var data = _ref.data, column = _ref.column, onChange = _ref.onChange;
+    var data = _ref.data, column = _ref.column, onChange = _ref.onChange, cell = _ref.cell;
     var _useGlobalConfig = (0, $eb58a427fdf13580$var$_useGlobalConfig2["default"])(), Window = _useGlobalConfig.component.Window;
     var styles = (0, $eb58a427fdf13580$var$_styles["default"])();
     var overview = (0, $6agto.useWindowState)();
@@ -6196,32 +6385,32 @@ var $eb58a427fdf13580$var$AttachmentCell = /*#__PURE__*/ (0, $eb58a427fdf13580$v
     }, hasUploader && /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($cMI0G$materialuicore.ButtonBase, {
         size: "small",
         disableRipple: true,
-        disableFocusRipple: 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$materialuicore.ButtonBase, {
         disableRipple: true,
-        disableFocusRipple: true,
-        onClick: openOverview
-    }, /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement("span", {
+        onClick: openOverview,
         className: styles.badge
-    }, pjNumber)), overview.props.open && /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement(Window, (0, $eb58a427fdf13580$var$_extends2["default"])({
+    }, pjNumber), overview.props.open && /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement(Window, (0, $eb58a427fdf13580$var$_extends2["default"])({
         path: "/overview",
         window_id: "overview",
         features: "width=".concat(window.innerWidth / 2, ", left=").concat(window.screenX + window.innerWidth / 2)
-    }, overview.props)))), /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($eb58a427fdf13580$var$_uploadDialog["default"], (0, $eb58a427fdf13580$var$_extends2["default"])({
+    }, overview.props)))), /*#__PURE__*/ $eb58a427fdf13580$var$_react["default"].createElement($eb58a427fdf13580$var$_uploadDialog["default"], {
         open: openUpload,
         onClose: function onClose() {
             return setOpenUpload(false);
         },
-        files: data
-    }, column, {
+        files: data,
+        cell: cell,
         onChange: onChange
-    }))));
+    })));
 });
 $eb58a427fdf13580$var$AttachmentCell.propTypes = {
-    data: $eb58a427fdf13580$var$_propTypes["default"].object.isRequired,
+    data: $eb58a427fdf13580$var$_propTypes["default"].oneOfType([
+        $eb58a427fdf13580$var$_propTypes["default"].object,
+        $eb58a427fdf13580$var$_propTypes["default"].array
+    ]).isRequired,
     dataKey: $eb58a427fdf13580$var$_propTypes["default"].string.isRequired
 };
 var $eb58a427fdf13580$var$_default = $eb58a427fdf13580$var$AttachmentCell;
@@ -6252,7 +6441,10 @@ var $377a4a6374bb4128$var$useStyles = (0, $cMI0G$materialuicore.makeStyles)(func
             lineHeight: '18px',
             textAlign: 'center',
             color: theme.palette.primary.contrastText,
-            padding: '0 6px'
+            padding: '0 6px',
+            '&:focus': {
+                backgroundColor: theme.palette.primary.dark
+            }
         }
     };
 });
@@ -6279,6 +6471,9 @@ var $c5819384e35c01c5$var$styles = function styles(theme) {
             '& circle': {
                 fill: theme.palette.primary.main
             },
+            ':focus & circle': {
+                fill: theme.palette.primary.dark
+            },
             '& .Attachment_svg__plus': {
                 fill: theme.palette.primary.contrastText
             }
@@ -6407,6 +6602,8 @@ var $e83dec189cd52c3e$var$_extends2 = $cMI0G$babelruntimehelpersinteropRequireDe
 
 var $e83dec189cd52c3e$var$_asyncToGenerator2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersasyncToGenerator);
 
+var $e83dec189cd52c3e$var$_objectWithoutProperties2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersobjectWithoutProperties);
+
 var $e83dec189cd52c3e$var$_slicedToArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersslicedToArray);
 
 
@@ -6419,6 +6616,10 @@ var $e83dec189cd52c3e$var$_FileDropper = $cMI0G$babelruntimehelpersinteropRequir
 var $icOR0 = parcelRequire("icOR0");
 
 var $e83dec189cd52c3e$var$_I18n = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("irneN")));
+var $e83dec189cd52c3e$var$_excluded = [
+    "onRemoveFile",
+    "onAddFiles"
+];
 function $e83dec189cd52c3e$var$_getRequireWildcardCache(nodeInterop1) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -6447,11 +6648,15 @@ function $e83dec189cd52c3e$var$_interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 var $e83dec189cd52c3e$var$UploadDialog = function UploadDialog(props) {
-    var open = props.open, onClose = props.onClose, _props$isDisplayClose = props.isDisplayCloseBtn, isDisplayCloseBtn = _props$isDisplayClose === void 0 ? true : _props$isDisplayClose, onSubmit = props.onSubmit, _props$files = props.files, files = _props$files === void 0 ? [] : _props$files, onChange = props.onChange, _props$filesDroppperP = props.filesDroppperProps, filesDroppperProps = _props$filesDroppperP === void 0 ? {
-    } : _props$filesDroppperP;
+    var open = props.open, onClose = props.onClose, cell = props.cell, _props$files = props.files, files = _props$files === void 0 ? [] : _props$files, onChange = props.onChange;
     var _useState = (0, $e83dec189cd52c3e$var$_react.useState)(files), _useState2 = (0, $e83dec189cd52c3e$var$_slicedToArray2["default"])(_useState, 2), state = _useState2[0], setState = _useState2[1];
+    var _cell$column = cell.column, _cell$column$isDispla = _cell$column.isDisplayCloseBtn, isDisplayCloseBtn = _cell$column$isDispla === void 0 ? true : _cell$column$isDispla, onSubmit = _cell$column.onSubmit, _cell$column$filesDro = _cell$column.filesDroppperProps, filesDroppperProps = _cell$column$filesDro === void 0 ? {
+    } : _cell$column$filesDro;
     var _useState3 = (0, $e83dec189cd52c3e$var$_react.useState)(false), _useState4 = (0, $e83dec189cd52c3e$var$_slicedToArray2["default"])(_useState3, 2), isProcessing = _useState4[0], setIsProcessing = _useState4[1];
     var buttons = [];
+    var _filesDroppperProps$o = filesDroppperProps.onRemoveFile, _onRemoveFile = _filesDroppperProps$o === void 0 ? function() {
+    } : _filesDroppperProps$o, _filesDroppperProps$o2 = filesDroppperProps.onAddFiles, _onAddFiles = _filesDroppperProps$o2 === void 0 ? function() {
+    } : _filesDroppperProps$o2, otherFilesDropperProps = (0, $e83dec189cd52c3e$var$_objectWithoutProperties2["default"])(filesDroppperProps, $e83dec189cd52c3e$var$_excluded);
     var handleSubmit = /*#__PURE__*/ function() {
         var _ref = (0, $e83dec189cd52c3e$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $e83dec189cd52c3e$var$_regenerator["default"].mark(function _callee() {
             var res;
@@ -6502,8 +6707,20 @@ var $e83dec189cd52c3e$var$UploadDialog = function UploadDialog(props) {
         initialFiles: files,
         isScannable: true,
         displayList: true,
-        onChange: handleChange
-    }, filesDroppperProps)), /*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($cMI0G$materialuicore.Box, {
+        onChange: handleChange,
+        onAddFiles: function onAddFiles() {
+            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
+            return _onAddFiles.apply(void 0, [
+                cell
+            ].concat(args));
+        },
+        onRemoveFile: function onRemoveFile() {
+            for(var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++)args[_key2] = arguments[_key2];
+            return _onRemoveFile.apply(void 0, [
+                cell
+            ].concat(args));
+        }
+    }, otherFilesDropperProps)), /*#__PURE__*/ $e83dec189cd52c3e$var$_react["default"].createElement($cMI0G$materialuicore.Box, {
         display: "flex",
         justifyContent: "flex-end",
         mt: 3,
@@ -6965,10 +7182,10 @@ parcelRequire.register("icOR0", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-Object.defineProperty(module.exports, "InlineButton", {
+Object.defineProperty(module.exports, "ButtonProps", {
     enumerable: true,
     get: function get() {
-        return $d410cb87f5c3b21a$var$_Inline["default"];
+        return $8WzaK.ButtonProps;
     }
 });
 Object.defineProperty(module.exports, "DropdownBtn", {
@@ -6977,10 +7194,10 @@ Object.defineProperty(module.exports, "DropdownBtn", {
         return $d410cb87f5c3b21a$var$_DropDown["default"];
     }
 });
-Object.defineProperty(module.exports, "ButtonProps", {
+Object.defineProperty(module.exports, "InlineButton", {
     enumerable: true,
     get: function get() {
-        return $8WzaK.ButtonProps;
+        return $d410cb87f5c3b21a$var$_Inline["default"];
     }
 });
 
@@ -7295,7 +7512,7 @@ parcelRequire.register("dxIgU", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports.changeDialogStyle = module.exports.smallButtonNoPadding = module.exports.InputLabelNoWrap = module.exports.borderInputStyles = void 0;
+module.exports.smallButtonNoPadding = module.exports.changeDialogStyle = module.exports.borderInputStyles = module.exports.InputLabelNoWrap = void 0;
 
 var $9dc0b2e1eee3cd3c$var$borderInputStyles = function borderInputStyles(_ref) {
     var palette = _ref.palette;
@@ -8484,7 +8701,7 @@ parcelRequire.register("74a2W", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports["default"] = module.exports.STATES = void 0;
+module.exports.initialContext = module.exports["default"] = module.exports.STATES = void 0;
 
 var $5250b327b34eefdc$var$_toConsumableArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelperstoConsumableArray);
 
@@ -8525,6 +8742,7 @@ var $5250b327b34eefdc$var$initialContext = {
     addRows: [],
     dataRowsBeforeEdit: []
 };
+module.exports.initialContext = $5250b327b34eefdc$var$initialContext;
 var $5250b327b34eefdc$var$guardHasSelectedRow = function guardHasSelectedRow(ctx) {
     return ctx.selectedRows.length > 0;
 };
@@ -8669,6 +8887,9 @@ var $5250b327b34eefdc$var$STATES = {
     ADD: 'ADD'
 };
 module.exports.STATES = $5250b327b34eefdc$var$STATES;
+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({
@@ -8862,9 +9083,7 @@ var $5250b327b34eefdc$var$_default = (0, $cMI0G$robot3.createMachine)({
             selectedRows: (0, $a1zBV.createSelection)((0, $5250b327b34eefdc$var$_toConsumableArray2["default"])(ev.selectedRows))
         });
     })))
-}, function() {
-    return $5250b327b34eefdc$var$initialContext;
-});
+}, $5250b327b34eefdc$var$context);
 module.exports["default"] = $5250b327b34eefdc$var$_default;
 
 });
@@ -8875,8 +9094,8 @@ Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports.createSelection = $74c59ee71f94e3c0$var$createSelection;
-module.exports.unselectRow = $74c59ee71f94e3c0$var$unselectRow;
 module.exports["default"] = void 0;
+module.exports.unselectRow = $74c59ee71f94e3c0$var$unselectRow;
 
 var $74c59ee71f94e3c0$var$_toConsumableArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelperstoConsumableArray);
 function $74c59ee71f94e3c0$var$createSelection() {
@@ -9134,6 +9353,74 @@ module.exports.defineCellAlign = $5b4fc9e390db6424$var$defineCellAlign;
 
 });
 
+parcelRequire.register("l0dxa", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.useApiRef = $f4a4189c463fecd2$var$useApiRef;
+
+
+var $f4a4189c463fecd2$var$_context = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("jnCEW")));
+function $f4a4189c463fecd2$var$useApiRef() {
+    var config = (0, $cMI0G$react.useContext)($f4a4189c463fecd2$var$_context["default"]);
+    return config.apiRef;
+}
+
+});
+
+parcelRequire.register("9MtME", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.useSelector = void 0;
+
+var $71efb32f5c6197d8$var$_slicedToArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersslicedToArray);
+
+var $adqef = parcelRequire("adqef");
+var $71efb32f5c6197d8$var$useSelector = function useSelector(apiRef, selector) {
+    var _useGridState = (0, $adqef.useGridState)(apiRef), _useGridState2 = (0, $71efb32f5c6197d8$var$_slicedToArray2["default"])(_useGridState, 1), state = _useGridState2[0];
+    return selector(state);
+};
+module.exports.useSelector = $71efb32f5c6197d8$var$useSelector;
+
+});
+parcelRequire.register("adqef", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.useGridState = void 0;
+var $76ff76c2ba4e5654$var$useGridState = function useGridState(apiRef) {
+    return [
+        apiRef.current.state
+    ];
+};
+module.exports.useGridState = $76ff76c2ba4e5654$var$useGridState;
+
+});
+
+
+parcelRequire.register("jFd72", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.selectedRowsSelector = void 0;
+
+var $e50c048b52af1585$var$selectionStateSelector = function selectionStateSelector(state) {
+    return state.selection;
+};
+var $e50c048b52af1585$var$selectedRowsSelector = (0, $cMI0G$reselect.createSelector)($e50c048b52af1585$var$selectionStateSelector, function(selection) {
+    return selection;
+});
+module.exports.selectedRowsSelector = $e50c048b52af1585$var$selectedRowsSelector;
+
+});
+
 
 parcelRequire.register("hGWdP", function(module, exports) {
 "use strict";
@@ -9285,7 +9572,8 @@ var $736cb8581f23f84b$var$_Cell = $cMI0G$babelruntimehelpersinteropRequireDefaul
 var $iyFQa = parcelRequire("iyFQa");
 var $736cb8581f23f84b$var$_excluded = [
     "modeEdit",
-    "displayableRows"
+    "displayableRows",
+    "domRef"
 ];
 function $736cb8581f23f84b$var$_getRequireWildcardCache(nodeInterop1) {
     if (typeof WeakMap !== "function") return null;
@@ -9315,7 +9603,7 @@ function $736cb8581f23f84b$var$_interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 var $736cb8581f23f84b$var$Footer = /*#__PURE__*/ $736cb8581f23f84b$var$_react["default"].forwardRef(function(_ref, ref) {
-    var modeEdit = _ref.modeEdit, displayableRows = _ref.displayableRows, rest = (0, $736cb8581f23f84b$var$_objectWithoutProperties2["default"])(_ref, $736cb8581f23f84b$var$_excluded);
+    var modeEdit = _ref.modeEdit, displayableRows = _ref.displayableRows, domRef = _ref.domRef, rest = (0, $736cb8581f23f84b$var$_objectWithoutProperties2["default"])(_ref, $736cb8581f23f84b$var$_excluded);
     var _useConfig = (0, $iyFQa.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$foo = _useConfig$config.footerStyle, footerStyle = _useConfig$config$foo === void 0 ? {
     } : _useConfig$config$foo;
     var styles = (0, $736cb8581f23f84b$var$_styles["default"])(footerStyle);
@@ -9332,12 +9620,13 @@ var $736cb8581f23f84b$var$Footer = /*#__PURE__*/ $736cb8581f23f84b$var$_react["d
         displayableRows
     ]);
     return(/*#__PURE__*/ $736cb8581f23f84b$var$_react["default"].createElement("div", {
-        className: styles.footer_wrap
+        className: styles.footer_wrap,
+        ref: domRef
     }, modeEdit && /*#__PURE__*/ $736cb8581f23f84b$var$_react["default"].createElement("div", {
         className: styles.footer_fakeCheckboxCell
     }), /*#__PURE__*/ $736cb8581f23f84b$var$_react["default"].createElement($cMI0G$reactvirtualized.Grid, (0, $736cb8581f23f84b$var$_extends2["default"])({
         ref: ref,
-        className: (0, $736cb8581f23f84b$var$_classnames["default"])(styles.HeaderGrid, styles.defaultStyle),
+        className: (0, $736cb8581f23f84b$var$_classnames["default"])('vtFooter', styles.HeaderGrid, styles.defaultStyle),
         height: 32,
         overscanColumnCount: 0,
         cellRenderer: _renderFooterCell,
@@ -9597,7 +9886,8 @@ var $7d61478711d9c4bf$var$_excluded = [
     "tableKeyName",
     "order",
     "orderDirection",
-    "onOrderChange"
+    "onOrderChange",
+    "domRef"
 ];
 function $7d61478711d9c4bf$var$_getRequireWildcardCache(nodeInterop1) {
     if (typeof WeakMap !== "function") return null;
@@ -9690,7 +9980,7 @@ function $7d61478711d9c4bf$var$_arrayLikeToArray(arr, len) {
     return arr2;
 }
 var $7d61478711d9c4bf$var$Header = /*#__PURE__*/ $7d61478711d9c4bf$var$_react["default"].forwardRef(function(_ref, ref) {
-    var displayableRows = _ref.displayableRows, wrapHeaderText = _ref.wrapHeaderText, _tableKeyName = _ref.tableKeyName, order = _ref.order, orderDirection = _ref.orderDirection, onOrderChange = _ref.onOrderChange, rest = (0, $7d61478711d9c4bf$var$_objectWithoutProperties2["default"])(_ref, $7d61478711d9c4bf$var$_excluded);
+    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;
@@ -9785,10 +10075,11 @@ var $7d61478711d9c4bf$var$Header = /*#__PURE__*/ $7d61478711d9c4bf$var$_react["d
         }, params, otherProps)));
     };
     return(/*#__PURE__*/ $7d61478711d9c4bf$var$_react["default"].createElement("div", {
-        className: styles.gridContainer
+        className: styles.gridContainer,
+        ref: domRef
     }, /*#__PURE__*/ $7d61478711d9c4bf$var$_react["default"].createElement($cMI0G$reactvirtualized.MultiGrid, (0, $7d61478711d9c4bf$var$_extends2["default"])({
         ref: ref,
-        classNameBottomRightGrid: (0, $7d61478711d9c4bf$var$_classnames["default"])(styles.HeaderGrid, styles.defaultStyle, (0, $7d61478711d9c4bf$var$_defineProperty2["default"])({
+        classNameBottomRightGrid: (0, $7d61478711d9c4bf$var$_classnames["default"])('vtHeader', styles.HeaderGrid, styles.defaultStyle, (0, $7d61478711d9c4bf$var$_defineProperty2["default"])({
         }, styles.HeaderGrid_withBorders, withBorders)),
         columnCount: columns.length,
         cellRenderer: _renderHeaderCellDispatch,
@@ -10126,8 +10417,8 @@ parcelRequire.register("2N3c9", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports.parseConfig = $2082a2d8eb0fa98d$var$parseConfig;
 module.exports.allowedTypes = void 0;
+module.exports.parseConfig = $2082a2d8eb0fa98d$var$parseConfig;
 
 var $2082a2d8eb0fa98d$var$_defineProperty2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersdefineProperty);
 
@@ -10213,8 +10504,14 @@ var $b5a8f63424cf66c6$var$_react = $b5a8f63424cf66c6$var$_interopRequireWildcard
 
 var $b5a8f63424cf66c6$var$_I18n = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("irneN")));
 
+var $jFd72 = parcelRequire("jFd72");
+
 var $iyFQa = parcelRequire("iyFQa");
 
+var $l0dxa = parcelRequire("l0dxa");
+
+var $9MtME = parcelRequire("9MtME");
+
 var $b5a8f63424cf66c6$var$_SearchBar = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("8hWBx")));
 
 var $2N3c9 = parcelRequire("2N3c9");
@@ -10224,7 +10521,6 @@ var $b5a8f63424cf66c6$var$_Buttons = $cMI0G$babelruntimehelpersinteropRequireDef
 var $b5a8f63424cf66c6$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("6DniU")));
 var $b5a8f63424cf66c6$var$_excluded = [
     "setSearchFilters",
-    "selectedRows",
     "displayableRows",
     "handleRowsToDelete",
     "handleValidateAdd",
@@ -10259,11 +10555,13 @@ function $b5a8f63424cf66c6$var$_interopRequireWildcard(obj, nodeInterop) {
 }
 var $b5a8f63424cf66c6$var$Toolbar = function Toolbar(_ref) {
     var _ref$setSearchFilters = _ref.setSearchFilters, setSearchFilters = _ref$setSearchFilters === void 0 ? function() {
-    } : _ref$setSearchFilters, _ref$selectedRows = _ref.selectedRows, selectedRows = _ref$selectedRows === void 0 ? [] : _ref$selectedRows, displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, rest = (0, $b5a8f63424cf66c6$var$_objectWithoutProperties2["default"])(_ref, $b5a8f63424cf66c6$var$_excluded);
+    } : _ref$setSearchFilters, displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, rest = (0, $b5a8f63424cf66c6$var$_objectWithoutProperties2["default"])(_ref, $b5a8f63424cf66c6$var$_excluded);
     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 apiRef = (0, $l0dxa.useApiRef)();
+    var selectedRows = (0, $9MtME.useSelector)(apiRef, $jFd72.selectedRowsSelector);
     var styles = (0, $b5a8f63424cf66c6$var$_styles["default"])();
     var searchableColumns = (0, $b5a8f63424cf66c6$var$_react.useMemo)(function() {
         return columns.filter(function(c) {
@@ -11122,7 +11420,7 @@ var $018fc3a67cfd0245$var$ToolbarButtons = function ToolbarButtons(_ref) {
     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$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$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 _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);
@@ -11155,7 +11453,7 @@ var $018fc3a67cfd0245$var$ToolbarButtons = function ToolbarButtons(_ref) {
             }
         });
     }));
-    buttons.push({
+    if (enableColumnEdition) buttons.push({
         _type: 'component',
         component: /*#__PURE__*/ $018fc3a67cfd0245$var$_react["default"].createElement($018fc3a67cfd0245$var$_SettingsIcon["default"], {
             color: "white"
@@ -11519,7 +11817,7 @@ parcelRequire.register("03JrD", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports["default"] = module.exports.styles = void 0;
+module.exports.styles = module.exports["default"] = void 0;
 
 var $29eb2cda6d3d6269$var$_defineProperty2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelpersdefineProperty);
 
@@ -11787,6 +12085,11 @@ var $c1c77eb6a5a215fd$var$useColumnsSetting = function useColumnsSetting(default
     var _useState = (0, $cMI0G$react.useState)(parseColumns(defaultState)), _useState2 = (0, $c1c77eb6a5a215fd$var$_slicedToArray2["default"])(_useState, 2), columns = _useState2[0], setColumns = _useState2[1];
     var _useState3 = (0, $cMI0G$react.useState)({
     }), _useState4 = (0, $c1c77eb6a5a215fd$var$_slicedToArray2["default"])(_useState3, 2), changes = _useState4[0], setChanges = _useState4[1];
+    (0, $cMI0G$react.useEffect)(function() {
+        setColumns(parseColumns(defaultState));
+    }, [
+        defaultState
+    ]);
     function parseColumns(_columns) {
         return _columns.map(function(column) {
             return $c1c77eb6a5a215fd$var$_objectSpread($c1c77eb6a5a215fd$var$_objectSpread({
@@ -11869,6 +12172,8 @@ var $35d344bbd0ff000c$var$_Button = $cMI0G$babelruntimehelpersinteropRequireDefa
 var $35d344bbd0ff000c$var$_styles = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("dHI6F")));
 
 var $6wxwy = parcelRequire("6wxwy");
+
+var $iyFQa = parcelRequire("iyFQa");
 function $35d344bbd0ff000c$var$_getRequireWildcardCache(nodeInterop1) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -11902,6 +12207,10 @@ var $35d344bbd0ff000c$var$ExportDialog = function ExportDialog(_ref) {
     var _useExport = (0, $6wxwy.useExport)({
         onSuccess: onClose
     }), exportData = _useExport.exportData, loading = _useExport.loading, error = _useExport.error;
+    var _useConfig = (0, $iyFQa.useConfig)(), _useConfig$config$exp = _useConfig.config.exportFormat, exportFormat = _useConfig$config$exp === void 0 ? [
+        'csv',
+        'xls'
+    ] : _useConfig$config$exp;
     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
@@ -11916,19 +12225,16 @@ var $35d344bbd0ff000c$var$ExportDialog = function ExportDialog(_ref) {
         variant: "body2",
         gutterBottom: true,
         component: "legend"
-    }, $35d344bbd0ff000c$var$_I18n["default"].t('exportDialog.legend')), /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($35d344bbd0ff000c$var$_Button["default"], {
-        className: (0, $35d344bbd0ff000c$var$_classnames["default"])(styles.switchButton, (0, $35d344bbd0ff000c$var$_defineProperty2["default"])({
-        }, 'active', value === 'xls')),
-        onClick: function onClick() {
-            return setValue('xls');
-        }
-    }, ".xls"), /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($35d344bbd0ff000c$var$_Button["default"], {
-        className: (0, $35d344bbd0ff000c$var$_classnames["default"])(styles.switchButton, (0, $35d344bbd0ff000c$var$_defineProperty2["default"])({
-        }, 'active', value === 'csv')),
-        onClick: function onClick() {
-            return setValue('csv');
-        }
-    }, ".csv")), error && /*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($cMI0G$materialuicore.Typography, {
+    }, $35d344bbd0ff000c$var$_I18n["default"].t('exportDialog.legend')), exportFormat === null || exportFormat === void 0 ? void 0 : exportFormat.map(function(format) {
+        return(/*#__PURE__*/ $35d344bbd0ff000c$var$_react["default"].createElement($35d344bbd0ff000c$var$_Button["default"], {
+            key: format,
+            className: (0, $35d344bbd0ff000c$var$_classnames["default"])(styles.switchButton, (0, $35d344bbd0ff000c$var$_defineProperty2["default"])({
+            }, 'active', value === format)),
+            onClick: function onClick() {
+                return setValue(format);
+            }
+        }, ".", format));
+    })), 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
@@ -12017,12 +12323,12 @@ var $4bffbc6bf8399d93$var$useExport = function useExport() {
     var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     };
     var onSuccess = config.onSuccess;
-    var _useConfig = (0, $iyFQa.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$exp = _useConfig$config.exportFilename, exportFilename = _useConfig$config$exp === void 0 ? 'export' : _useConfig$config$exp, rows = _useConfig.displayableRows;
+    var _useConfig = (0, $iyFQa.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$exp = _useConfig$config.exportFilename, exportFilename = _useConfig$config$exp === void 0 ? 'export' : _useConfig$config$exp, rows = _useConfig.displayableRows, refDomBody = _useConfig.refDomBody, refDomFooter = _useConfig.refDomFooter, refDomHeader = _useConfig.refDomHeader;
     var _useState = (0, $cMI0G$react.useState)(false), _useState2 = (0, $4bffbc6bf8399d93$var$_slicedToArray2["default"])(_useState, 2), loading = _useState2[0], setLoading = _useState2[1];
     var _useState3 = (0, $cMI0G$react.useState)(false), _useState4 = (0, $4bffbc6bf8399d93$var$_slicedToArray2["default"])(_useState3, 2), error = _useState4[0], setError = _useState4[1];
     /**
-   * 
-   * @param {string} format - The format of the exported file can be 'csv' or 'xls'
+   *
+   * @param {string} format - The format of the exported file can be 'csv', 'xls', 'pdf', 'print'
    */ var exportData = /*#__PURE__*/ function() {
         var _ref = (0, $4bffbc6bf8399d93$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4bffbc6bf8399d93$var$_regenerator["default"].mark(function _callee(format) {
             return $4bffbc6bf8399d93$var$_regenerator["default"].wrap(function _callee$(_context) {
@@ -12031,7 +12337,11 @@ var $4bffbc6bf8399d93$var$useExport = function useExport() {
                         setLoading(true);
                         _context.prev = 1;
                         _context.next = 4;
-                        return (0, $7mqLY.exportData)(rows, columns, format, exportFilename);
+                        return (0, $7mqLY.exportData)(rows, columns, format, exportFilename, {
+                            refDomBody: refDomBody,
+                            refDomFooter: refDomFooter,
+                            refDomHeader: refDomHeader
+                        });
                     case 4:
                         if (onSuccess) onSuccess();
                         _context.next = 11;
@@ -12559,7 +12869,7 @@ parcelRequire.register("bNrh4", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports.processCollapsedGroups = module.exports.processGroups = void 0;
+module.exports.processGroups = module.exports.processCollapsedGroups = void 0;
 
 var $89696d6e70485206$var$_toConsumableArray2 = $cMI0G$babelruntimehelpersinteropRequireDefault($cMI0G$babelruntimehelperstoConsumableArray);
 
@@ -12666,7 +12976,9 @@ function $9b3a7ab3e7bd17f7$var$_objectSpread(target) {
     }
     return target;
 }
-var $9b3a7ab3e7bd17f7$var$useColumns = function useColumns(columns, tableKeyName, config) {
+var $9b3a7ab3e7bd17f7$var$useColumns = function useColumns(columns, tableKeyName) {
+    var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    };
     function reducer(state, action) {
         switch(action.type){
             case 'multiple':
@@ -12700,31 +13012,28 @@ var $9b3a7ab3e7bd17f7$var$useColumns = function useColumns(columns, tableKeyName
     var _useReducer = (0, $cMI0G$react.useReducer)(reducer, [], init), _useReducer2 = (0, $9b3a7ab3e7bd17f7$var$_slicedToArray2["default"])(_useReducer, 2), state1 = _useReducer2[0], dispatch = _useReducer2[1];
     (0, $cMI0G$react.useEffect)(function() {
         dispatch({
-            type: 'multiple',
-            keys: columns.reduce(function(prev, c) {
-                return $9b3a7ab3e7bd17f7$var$_objectSpread($9b3a7ab3e7bd17f7$var$_objectSpread({
-                }, prev), {
-                }, (0, $9b3a7ab3e7bd17f7$var$_defineProperty2["default"])({
-                }, c.key, (0, $9b3a7ab3e7bd17f7$var$_omit2["default"])(c, 'display')));
-            }, {
-            })
+            type: 'reset'
         });
     }, [
         columns
     ]);
     function init() {
-        var storage = getItem('columnsSetting', []);
-        return columns === null || columns === void 0 ? void 0 : columns.map(function(column) {
-            var _c$display;
-            var c = storage.find(function(s) {
-                return s.key === column.key;
-            });
-            return $9b3a7ab3e7bd17f7$var$_objectSpread($9b3a7ab3e7bd17f7$var$_objectSpread({
-            }, column), {
-            }, {
-                display: (_c$display = c === null || c === void 0 ? void 0 : c.display) !== null && _c$display !== void 0 ? _c$display : column.display
+        var _config$enableColumnE = config.enableColumnEdition, enableColumnEdition = _config$enableColumnE === void 0 ? true : _config$enableColumnE;
+        if (enableColumnEdition) {
+            var storage = getItem('columnsSetting', []);
+            return columns === null || columns === void 0 ? void 0 : columns.map(function(column) {
+                var _c$display;
+                var c = storage.find(function(s) {
+                    return s.key === column.key;
+                });
+                return $9b3a7ab3e7bd17f7$var$_objectSpread($9b3a7ab3e7bd17f7$var$_objectSpread({
+                }, column), {
+                }, {
+                    display: (_c$display = c === null || c === void 0 ? void 0 : c.display) !== null && _c$display !== void 0 ? _c$display : column.display !== false
+                });
             });
-        });
+        }
+        return columns;
     }
     return {
         dispatch: dispatch,
@@ -12836,6 +13145,7 @@ module.exports["default"] = $45154bea8c654f66$var$_default;
 
 parcelRequire.register("eZAkl", function(module, exports) {
 "use strict";
+
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
@@ -12843,17 +13153,64 @@ module.exports["default"] = void 0;
 
 var $6wxwy = parcelRequire("6wxwy");
 
+var $57dfce363b329838$var$_useSelection2 = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("5h8lz")));
+
 var $iyFQa = parcelRequire("iyFQa");
 var $57dfce363b329838$var$ApiRefHandler = function ApiRefHandler() {
     var _useExport = (0, $6wxwy.useExport)(), exportData = _useExport.exportData;
+    var _useSelection = (0, $57dfce363b329838$var$_useSelection2["default"])(), selectRows = _useSelection.selectRows, selectedRows = _useSelection.selectedRows;
     var _useConfig = (0, $iyFQa.useConfig)(), apiRef = _useConfig.apiRef;
     apiRef.current.exportData = exportData;
+    apiRef.current.selectRows = selectRows;
+    apiRef.current.getSelectedRows = function() {
+        return selectedRows;
+    };
+    apiRef.current.state = {
+        selection: selectedRows
+    };
     return null;
 };
 var $57dfce363b329838$var$_default = $57dfce363b329838$var$ApiRefHandler;
 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 $iyFQa = parcelRequire("iyFQa");
+
+var $a1zBV = parcelRequire("a1zBV");
+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 _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);
+    }, [
+        selectedRows
+    ]);
+    var selectRows = function selectRows(ids) {
+        send('selectRows', {
+            selectedRows: ids
+        });
+    };
+    return {
+        selectRows: selectRows,
+        selectedRows: selectedRows
+    };
+};
+var $3d7503d37998fa62$var$_default = $3d7503d37998fa62$var$useSelection;
+module.exports["default"] = $3d7503d37998fa62$var$_default;
+
+});
+
 
 
 parcelRequire.register("hOSQg", function(module, exports) {
@@ -12884,16 +13241,16 @@ module.exports["default"] = $cf91a5a7ba9e56d3$var$_default;
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-Object.defineProperty(module.exports, "VirtualTable", {
+Object.defineProperty(module.exports, "FileDropper", {
     enumerable: true,
     get: function get() {
-        return $349a00930b14e029$var$_VirtualTable["default"];
+        return $349a00930b14e029$var$_FileDropper["default"];
     }
 });
-Object.defineProperty(module.exports, "FileDropper", {
+Object.defineProperty(module.exports, "VirtualTable", {
     enumerable: true,
     get: function get() {
-        return $349a00930b14e029$var$_FileDropper["default"];
+        return $349a00930b14e029$var$_VirtualTable["default"];
     }
 });
 Object.defineProperty(module.exports, "VirtualTableProvider", {
@@ -12902,13 +13259,13 @@ Object.defineProperty(module.exports, "VirtualTableProvider", {
         return $349a00930b14e029$var$_VirtualTableProvider["default"];
     }
 });
+module.exports["default"] = void 0;
 Object.defineProperty(module.exports, "useDataManager", {
     enumerable: true,
     get: function get() {
         return $iyFQa.useDataManager;
     }
 });
-module.exports["default"] = void 0;
 
 var $349a00930b14e029$var$_VirtualTable = $cMI0G$babelruntimehelpersinteropRequireDefault((parcelRequire("2DvG1")));