@myunisoft/design-system 0.22.2 → 0.22.3-MYUN-25378

package/dist/index.js

@@ -36,12 +36,13 @@ var $gXNCa$lodashisEmpty = require("lodash/isEmpty");
 var $gXNCa$lodashfirst = require("lodash/first");
 var $gXNCa$reactspinnersClipLoader = require("react-spinners/ClipLoader");
 var $gXNCa$muimaterialstyles = require("@mui/material/styles");
+var $gXNCa$babelruntimeregenerator = require("@babel/runtime/regenerator");
 var $gXNCa$babelruntimehelpersasyncToGenerator = require("@babel/runtime/helpers/asyncToGenerator");
 var $gXNCa$lodashfind = require("lodash/find");
-var $gXNCa$exceljs = require("exceljs");
 var $gXNCa$lodashescapeRegExp = require("lodash/escapeRegExp");
-var $gXNCa$jspdf = require("jspdf");
+var $gXNCa$exceljs = require("exceljs");
 require("jspdf-autotable");
+var $gXNCa$jspdf = require("jspdf");
 var $gXNCa$reactdropzone = require("react-dropzone");
 var $gXNCa$muistyleswithStyles = require("@mui/styles/withStyles");
 var $gXNCa$muimaterialIconButton = require("@mui/material/IconButton");
@@ -51,13 +52,9 @@ var $gXNCa$muimaterialAutocomplete = require("@mui/material/Autocomplete");
 var $gXNCa$lodashhead = require("lodash/head");
 var $gXNCa$lodashisEqual = require("lodash/isEqual");
 var $gXNCa$lodashuniq = require("lodash/uniq");
-var $gXNCa$muiiconsmaterialSearch = require("@mui/icons-material/Search");
-var $gXNCa$lodashmap = require("lodash/map");
 var $gXNCa$muibaseClickAwayListener = require("@mui/base/ClickAwayListener");
-var $gXNCa$muiiconsmaterialClose = require("@mui/icons-material/Close");
+var $gXNCa$lodashmap = require("lodash/map");
 var $gXNCa$reactinputautosize = require("react-input-autosize");
-var $gXNCa$muiiconsmaterialMoreVert = require("@mui/icons-material/MoreVert");
-var $gXNCa$muiiconsmaterial = require("@mui/icons-material");
 var $gXNCa$lodashorderBy = require("lodash/orderBy");
 var $gXNCa$lodashgroupBy = require("lodash/groupBy");
 
@@ -166,6 +163,8 @@ var $jI8lH = parcelRequire("jI8lH");
 var $97Dm9 = parcelRequire("97Dm9");
 
 var $d72463ab93d2098f$var$_deprecatedPropType = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muiutilsdeprecatedPropType);
+
+var $4vYVW = parcelRequire("4vYVW");
 function $d72463ab93d2098f$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -217,20 +216,28 @@ var $d72463ab93d2098f$var$defaultConfig = {
     selectableRowKey: "id"
 };
 var $d72463ab93d2098f$var$VirtualTable = /*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].memo(/*#__PURE__*/ $d72463ab93d2098f$var$_react["default"].forwardRef(function VirtualTable(_ref, ref) {
-    var rowData = _ref.data, maxHeight = _ref.maxHeight, configProps = _ref.config, selectRows = _ref.selectRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateEdit = _ref.handleValidateEdit, handleValidateAdd = _ref.handleValidateAdd, handleCancel = _ref.handleCancel, _ref$customHeader = _ref.customHeader, customHeader = _ref$customHeader === void 0 ? false : _ref$customHeader, _ref$customFooter = _ref.customFooter, customFooter = _ref$customFooter === void 0 ? false : _ref$customFooter, onCustomScroll = _ref.onCustomScroll, onRowClick = _ref.onRowClick, onRowContextMenu = _ref.onRowContextMenu, isEdit = _ref.isEdit, tableKeyName = _ref.tableKeyName, defaultSelectedRows = _ref.defaultSelectedRows, onFocusChange = _ref.onFocusChange, onKeyDown = _ref.onKeyDown, onClick = _ref.onClick, onDoubleClick = _ref.onDoubleClick, setVTState = _ref.setVTState, validationResolver = _ref.validationResolver, validationRules = _ref.validationRules;
+    var rowData = _ref.data, maxHeight = _ref.maxHeight, configProps = _ref.config, selectRows = _ref.selectRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateEdit = _ref.handleValidateEdit, handleValidateAdd = _ref.handleValidateAdd, handleCancel = _ref.handleCancel, _ref$customHeader = _ref.customHeader, customHeader = _ref$customHeader === void 0 ? false : _ref$customHeader, _ref$customFooter = _ref.customFooter, customFooter = _ref$customFooter === void 0 ? false : _ref$customFooter, onCustomScroll = _ref.onCustomScroll, onRowClick = _ref.onRowClick, onRowContextMenu = _ref.onRowContextMenu, isEdit = _ref.isEdit, tableKeyName = _ref.tableKeyName, defaultSelectedRows = _ref.defaultSelectedRows, onFocusChange = _ref.onFocusChange, onKeyDown = _ref.onKeyDown, onClick = _ref.onClick, onDoubleClick = _ref.onDoubleClick, setVTState = _ref.setVTState, validationResolver = _ref.validationResolver, validationRules = _ref.validationRules, onColumnsChange = _ref.onColumnsChange;
     var styles = (0, $d72463ab93d2098f$var$_styles["default"])();
     var _useState = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState2 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState, 2), width = _useState2[0], setWidth = _useState2[1];
     var _useState3 = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState4 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState3, 2), scrollTop = _useState4[0], setScrollTop = _useState4[1];
     var _useState5 = (0, $d72463ab93d2098f$var$_react.useState)(0), _useState6 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState5, 2), scrollLeft = _useState6[0], setScrollLeft = _useState6[1];
     var config = $d72463ab93d2098f$var$_objectSpread($d72463ab93d2098f$var$_objectSpread({}, $d72463ab93d2098f$var$defaultConfig), configProps);
-    var _config$insertPositio = config.insertPosition, insertPosition = _config$insertPositio === void 0 ? $e902G.INSERT_POSITION.TOP : _config$insertPositio, columnsRaw = config.columns, _config$hasFooter = config.hasFooter, hasFooter = _config$hasFooter === void 0 ? false : _config$hasFooter, _config$hasHeader = config.hasHeader, hasHeader = _config$hasHeader === void 0 ? true : _config$hasHeader, _config$selectableRow = config.selectableRow, selectableRow = _config$selectableRow === void 0 ? false : _config$selectableRow, _config$selectableRow2 = config.selectableRowKey, selectableRowKey = _config$selectableRow2 === void 0 ? "id" : _config$selectableRow2, _config$selectableOnl = config.selectableOnlyOneRow, selectableOnlyOneRow = _config$selectableOnl === void 0 ? false : _config$selectableOnl, customSelectionHeader = config.customSelectionHeader, _config$minCellWidth = config.minCellWidth, minCellWidth = _config$minCellWidth === void 0 ? 100 : _config$minCellWidth, _config$selectableBar = config.selectableBarInfo, selectableBarInfo = _config$selectableBar === void 0 ? false : _config$selectableBar, _config$modeAdd = config.modeAdd, modeAdd = _config$modeAdd === void 0 ? false : _config$modeAdd, _config$modeEdit = config.modeEdit, modeEdit = _config$modeEdit === void 0 ? false : _config$modeEdit, _config$modeDelete = config.modeDelete, modeDelete = _config$modeDelete === void 0 ? false : _config$modeDelete, _config$modeGroup = config.modeGroup, modeGroup = _config$modeGroup === void 0 ? false : _config$modeGroup, _config$alwaysInEditi = config.alwaysInEdition, alwaysInEdition = _config$alwaysInEditi === void 0 ? false : _config$alwaysInEditi, _config$dynamicHeight = config.dynamicHeight, dynamicHeight = _config$dynamicHeight === void 0 ? true : _config$dynamicHeight, _config$wrapHeaderTex = config.wrapHeaderText, wrapHeaderText = _config$wrapHeaderTex === void 0 ? false : _config$wrapHeaderTex, _config$rowHeight = config.rowHeight, rowHeight = _config$rowHeight === void 0 ? 32 : _config$rowHeight, headerHeight = config.headerHeight, _config$fixedColumns = config.fixedColumns, fixedColumns = _config$fixedColumns === void 0 ? 0 : _config$fixedColumns, onCustomAdd = config.onCustomAdd, _config$addOneByOne = config.addOneByOne, addOneByOne = _config$addOneByOne === void 0 ? false : _config$addOneByOne, _config$hasSearchbar = config.hasSearchbar, hasSearchbar = _config$hasSearchbar === void 0 ? true : _config$hasSearchbar, _config$groupKey = config.groupKey, groupKey = _config$groupKey === void 0 ? "id" : _config$groupKey, _config$collapsedGrou = config.collapsedGroup, collapsedGroup = _config$collapsedGrou === void 0 ? false : _config$collapsedGrou, _config$hideToolbar = config.hideToolbar, hideToolbar = _config$hideToolbar === void 0 ? false : _config$hideToolbar, _config$hideCheckbox = config.hideCheckbox, hideCheckbox = _config$hideCheckbox === void 0 ? false : _config$hideCheckbox, _config$defaultOrder = config.defaultOrder, defaultOrder = _config$defaultOrder === void 0 ? "" : _config$defaultOrder, _config$defaultOrderD = config.defaultOrderDirection, defaultOrderDirection = _config$defaultOrderD === void 0 ? $e902G.SORTABLE_DIRECTIONS.ASC : _config$defaultOrderD, addRowLabel = config.addRowLabel, onCustomOrderChange = config.onCustomOrderChange, sortedGroup = config.sortedGroup;
+    var _config$insertPositio = config.insertPosition, insertPosition = _config$insertPositio === void 0 ? $e902G.INSERT_POSITION.TOP : _config$insertPositio, columnsRaw = config.columns, _config$hasFooter = config.hasFooter, hasFooter = _config$hasFooter === void 0 ? false : _config$hasFooter, _config$hasHeader = config.hasHeader, hasHeader = _config$hasHeader === void 0 ? true : _config$hasHeader, _config$selectableRow = config.selectableRow, selectableRow = _config$selectableRow === void 0 ? false : _config$selectableRow, _config$selectableRow2 = config.selectableRowKey, selectableRowKey = _config$selectableRow2 === void 0 ? "id" : _config$selectableRow2, _config$selectableOnl = config.selectableOnlyOneRow, selectableOnlyOneRow = _config$selectableOnl === void 0 ? false : _config$selectableOnl, customSelectionHeader = config.customSelectionHeader, _config$minCellWidth = config.minCellWidth, minCellWidth = _config$minCellWidth === void 0 ? 100 : _config$minCellWidth, _config$selectableBar = config.selectableBarInfo, selectableBarInfo = _config$selectableBar === void 0 ? false : _config$selectableBar, _config$modeAdd = config.modeAdd, modeAdd = _config$modeAdd === void 0 ? false : _config$modeAdd, _config$modeEdit = config.modeEdit, modeEdit = _config$modeEdit === void 0 ? false : _config$modeEdit, _config$modeDelete = config.modeDelete, modeDelete = _config$modeDelete === void 0 ? false : _config$modeDelete, _config$modeGroup = config.modeGroup, modeGroup = _config$modeGroup === void 0 ? false : _config$modeGroup, _config$alwaysInEditi = config.alwaysInEdition, alwaysInEdition = _config$alwaysInEditi === void 0 ? false : _config$alwaysInEditi, _config$dynamicHeight = config.dynamicHeight, dynamicHeight = _config$dynamicHeight === void 0 ? true : _config$dynamicHeight, _config$wrapHeaderTex = config.wrapHeaderText, wrapHeaderText = _config$wrapHeaderTex === void 0 ? false : _config$wrapHeaderTex, _config$rowHeight = config.rowHeight, rowHeight = _config$rowHeight === void 0 ? 32 : _config$rowHeight, headerHeight = config.headerHeight, _config$fixedColumns = config.fixedColumns, fixedColumns = _config$fixedColumns === void 0 ? 0 : _config$fixedColumns, onCustomAdd = config.onCustomAdd, _config$addOneByOne = config.addOneByOne, addOneByOne = _config$addOneByOne === void 0 ? false : _config$addOneByOne, _config$hasSearchbar = config.hasSearchbar, hasSearchbar = _config$hasSearchbar === void 0 ? true : _config$hasSearchbar, _config$groupKey = config.groupKey, groupKey = _config$groupKey === void 0 ? "id" : _config$groupKey, _config$collapsedGrou = config.collapsedGroup, collapsedGroup = _config$collapsedGrou === void 0 ? false : _config$collapsedGrou, _config$hideToolbar = config.hideToolbar, hideToolbar = _config$hideToolbar === void 0 ? false : _config$hideToolbar, _config$hideCheckbox = config.hideCheckbox, hideCheckbox = _config$hideCheckbox === void 0 ? false : _config$hideCheckbox, _config$defaultOrder = config.defaultOrder, defaultOrder = _config$defaultOrder === void 0 ? "" : _config$defaultOrder, _config$defaultOrderD = config.defaultOrderDirection, defaultOrderDirection = _config$defaultOrderD === void 0 ? $e902G.SORTABLE_DIRECTIONS.ASC : _config$defaultOrderD, addRowLabel = config.addRowLabel, onCustomOrderChange = config.onCustomOrderChange, sortedGroup = config.sortedGroup, unlockedRows = config.unlockedRows;
+    var unlockedRowsIds = (0, $d72463ab93d2098f$var$_react.useMemo)(function() {
+        return (0, $4vYVW.getUnlockedRowsIds)(unlockedRows, selectableRowKey);
+    }, [
+        unlockedRows
+    ]);
     var _useMachine = (0, $jV35V.useMachine)($d72463ab93d2098f$var$_machine["default"], $d72463ab93d2098f$var$_objectSpread($d72463ab93d2098f$var$_objectSpread({}, $d72463ab93d2098f$var$_machine.initialContext), {}, {
         selectedRows: (0, $idhBf.createSelection)(defaultSelectedRows)
     })), _useMachine2 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useMachine, 4), state = _useMachine2[0], context = _useMachine2[1], send = _useMachine2[2], can = _useMachine2[3];
     var _useState7 = (0, $d72463ab93d2098f$var$_react.useState)({}), _useState8 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useState7, 2), searchFilters = _useState8[0], setSearchFilters = _useState8[1];
     var _useSortable = (0, $ckVq7.useSortable)(defaultOrder, defaultOrderDirection, onCustomOrderChange), order = _useSortable.order, orderDirection = _useSortable.orderDirection, onOrderChange = _useSortable.onOrderChange;
-    var _useColumns = (0, $d72463ab93d2098f$var$_useColumns2["default"])(columnsRaw, tableKeyName, config), _columns = _useColumns.state, dispatchColumnsSetting = _useColumns.dispatch;
+    var _useColumns = (0, $d72463ab93d2098f$var$_useColumns2["default"])(columnsRaw, tableKeyName, config, onColumnsChange), _columns = _useColumns.state, dispatchColumnsSetting = _useColumns.dispatch;
     var _useApiState = (0, $d72463ab93d2098f$var$_useApiState3["default"])(ref), _useApiState2 = (0, $d72463ab93d2098f$var$_slicedToArray2["default"])(_useApiState, 1), apiRef = _useApiState2[0];
+    apiRef.current.getFilters = function() {
+        return searchFilters;
+    };
     var CHECKBOX_COLUMN = "checkboxColumn";
     var uniqueTableId = (0, $lDpO0.generateId)();
     var data = (0, $d72463ab93d2098f$var$_react.useMemo)(function() {
@@ -313,7 +320,8 @@ var $d72463ab93d2098f$var$VirtualTable = /*#__PURE__*/ $d72463ab93d2098f$var$_re
         groupKey
     ]);
     (0, $d72463ab93d2098f$var$_react.useEffect)(function() {
-        var processedDataRows = processRowsData(); // eslint-disable-next-line no-use-before-define
+        var processedDataRows = processRowsData();
+        // eslint-disable-next-line no-use-before-define
         send("updateCtx", {
             data: processedDataRows
         });
@@ -382,7 +390,10 @@ var $d72463ab93d2098f$var$VirtualTable = /*#__PURE__*/ $d72463ab93d2098f$var$_re
             displayableRows: displayableRows,
             tableKeyName: tableKeyName,
             apiRef: apiRef,
-            config: $d72463ab93d2098f$var$_objectSpread($d72463ab93d2098f$var$_objectSpread({}, config), {}, {
+            config: $d72463ab93d2098f$var$_objectSpread($d72463ab93d2098f$var$_objectSpread({
+                selectableRowKey: "id"
+            }, config), {}, {
+                unlockedRowsIds: unlockedRowsIds,
                 columns: columns,
                 columnsRaw: _columns
             }),
@@ -885,7 +896,7 @@ var $33a6c9c6ce93d958$var$Body = function Body(props) {
     var displayableRows = props.displayableRows, domRef = props.domRef, scrollLeft = props.scrollLeft, totalWidth = props.totalWidth, onScroll = props.onScroll, setWidth = props.setWidth, onRowContextMenu = props.onRowContextMenu, rest = (0, $33a6c9c6ce93d958$var$_objectWithoutProperties2["default"])(props, $33a6c9c6ce93d958$var$_excluded);
     var _useState = (0, $33a6c9c6ce93d958$var$_react.useState)(), _useState2 = (0, $33a6c9c6ce93d958$var$_slicedToArray2["default"])(_useState, 2), height = _useState2[0], setHeight = _useState2[1];
     var ref = (0, $33a6c9c6ce93d958$var$_react.useRef)();
-    var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config, _useConfig$config$alw = _useConfig$config.alwaysInEdition, alwaysInEdition = _useConfig$config$alw === void 0 ? false : _useConfig$config$alw, columns = _useConfig$config.columns, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, selectableRowKey = _useConfig$config.selectableRowKey, _useConfig$config$has = _useConfig$config.hasSecureSociety, hasSecureSociety = _useConfig$config$has === void 0 ? false : _useConfig$config$has, _useConfig$config$ope = _useConfig$config.openSocieties, openSocieties = _useConfig$config$ope === void 0 ? [] : _useConfig$config$ope, stylesProp = _useConfig$config.styles;
+    var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config, _useConfig$config$alw = _useConfig$config.alwaysInEdition, alwaysInEdition = _useConfig$config$alw === void 0 ? false : _useConfig$config$alw, columns = _useConfig$config.columns, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, selectableRowKey = _useConfig$config.selectableRowKey, _useConfig$config$has = _useConfig$config.hasSecuredRows, hasSecuredRows = _useConfig$config$has === void 0 ? false : _useConfig$config$has, stylesProp = _useConfig$config.styles;
     (0, $33a6c9c6ce93d958$var$_react.useEffect)(function() {
         var ro = new $33a6c9c6ce93d958$var$_resizeObserver["default"]();
         ro.observe(ref.current, function(entry) {
@@ -900,9 +911,6 @@ var $33a6c9c6ce93d958$var$Body = function Body(props) {
     var styles = (0, $33a6c9c6ce93d958$var$_styles["default"])({
         rowHeight: props.rowHeight
     });
-    var openSocietiesIds = openSocieties.map(function(society) {
-        return society === null || society === void 0 ? void 0 : society.id;
-    });
     var containerCustomStyling = (0, $33a6c9c6ce93d958$var$_react.useMemo)(function() {
         var _stylesProp$body, _stylesProp$body$cont;
         return stylesProp === null || stylesProp === void 0 ? void 0 : (_stylesProp$body = stylesProp.body) === null || _stylesProp$body === void 0 ? void 0 : (_stylesProp$body$cont = _stylesProp$body.container) === null || _stylesProp$body$cont === void 0 ? void 0 : _stylesProp$body$cont.call(_stylesProp$body, {
@@ -924,8 +932,6 @@ var $33a6c9c6ce93d958$var$Body = function Body(props) {
             columns: columns,
             selectableRowKey: selectableRowKey,
             displayableRows: displayableRows,
-            hasSecureSociety: hasSecureSociety,
-            openSocietiesIds: openSocietiesIds,
             alwaysInEdition: alwaysInEdition,
             bodyStylesProp: stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.body,
             onRowContextMenu: onRowContextMenu
@@ -934,8 +940,7 @@ var $33a6c9c6ce93d958$var$Body = function Body(props) {
         displayableRows,
         scrollLeft,
         columns,
-        hasSecureSociety,
-        openSocieties,
+        hasSecuredRows,
         alwaysInEdition
     ]);
     return /*#__PURE__*/ $33a6c9c6ce93d958$var$_react["default"].createElement($33a6c9c6ce93d958$var$_VirtualGrid["default"], (0, $33a6c9c6ce93d958$var$_extends2["default"])({
@@ -1295,7 +1300,11 @@ var $a4c1f05a2ad8512a$var$INSERT_POSITION = {
 module.exports.INSERT_POSITION = $a4c1f05a2ad8512a$var$INSERT_POSITION;
 var $a4c1f05a2ad8512a$var$SORTABLE_TYPES = [
     $51yp9.TYPE_CELL.AMOUNT,
+    $51yp9.TYPE_CELL.AUTOCOMPLETE,
+    $51yp9.TYPE_CELL.CHECKBOX,
+    $51yp9.TYPE_CELL.DATE,
     $51yp9.TYPE_CELL.NUMBER,
+    $51yp9.TYPE_CELL.SELECT,
     $51yp9.TYPE_CELL.STRING
 ];
 var $a4c1f05a2ad8512a$var$EXPORTABLE_TYPES = [
@@ -1559,11 +1568,12 @@ function $6a434bd325b1a27a$var$_objectSpread(target) {
     var _options$filterCompar = options.filterComparator, filterComparator = _options$filterCompar === void 0 ? "contains" : _options$filterCompar;
     var search = $6a434bd325b1a27a$var$escapeRegExp(term.toString());
     if (typeof filterComparator === "function") return filterComparator(search, value);
-     // TODO: Add accent converter
+    // TODO: Add accent converter
     if ([
         $51yp9.TYPE_CELL.AMOUNT,
         $51yp9.TYPE_CELL.NUMBER
     ].includes(typeCell)) return $6a434bd325b1a27a$var$isMatchingNumber(term.toString(), value);
+    if (typeCell === $51yp9.TYPE_CELL.SELECT) return term === value;
     var reg;
     switch(filterComparator){
         case "startsBy":
@@ -1616,7 +1626,8 @@ var $6a434bd325b1a27a$var$getColumnConfig = function getColumnConfig(key, row, c
     var columns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     return filters.every(function(_ref) {
         var _ref2 = (0, $6a434bd325b1a27a$var$_slicedToArray2["default"])(_ref, 2), key = _ref2[0], term = _ref2[1];
-        if (!term) return true; // Use array key to create OR condition
+        if (!term) return true;
+        // Use array key to create OR condition
         if ((0, $6a434bd325b1a27a$var$_isArray2["default"])(key)) return key.some(function(k) {
             var _getColumnConfig = $6a434bd325b1a27a$var$getColumnConfig(k, row, columns), value = _getColumnConfig.value, typeCell = _getColumnConfig.typeCell, options = (0, $6a434bd325b1a27a$var$_objectWithoutProperties2["default"])(_getColumnConfig, $6a434bd325b1a27a$var$_excluded);
             return $6a434bd325b1a27a$var$isMatching(term, value, typeCell, options);
@@ -1955,6 +1966,9 @@ var $f4cf6da9b3997b19$var$useStyles = (0, $f4cf6da9b3997b19$var$_makeStyles["def
                 var _theme$palette, _theme$palette$_color;
                 var _color = _ref.color;
                 return ((_theme$palette = theme.palette) === null || _theme$palette === void 0 ? void 0 : (_theme$palette$_color = _theme$palette[_color]) === null || _theme$palette$_color === void 0 ? void 0 : _theme$palette$_color.main) || _color;
+            },
+            "[data-role=cell]:hover &": {
+                textDecoration: "none"
             }
         },
         dataIconChar: {
@@ -2054,6 +2068,8 @@ var $lRxmh = parcelRequire("lRxmh");
 var $5975f126da112a16$var$_Cell = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("2MZty")));
 
 var $ckVq7 = parcelRequire("ckVq7");
+
+var $3LtOr = parcelRequire("3LtOr");
 var $5975f126da112a16$var$_excluded = [
     "columns",
     "columnWidth",
@@ -2067,8 +2083,6 @@ var $5975f126da112a16$var$_excluded = [
     "style",
     "classes",
     "isVisible",
-    "hasSecureSociety",
-    "openSocietiesIds",
     "alwaysInEdition",
     "bodyStylesProp",
     "onRowContextMenu",
@@ -2125,11 +2139,12 @@ function $5975f126da112a16$var$_objectSpread(target) {
 }
 var $5975f126da112a16$var$BodyRow = function BodyRow(props) {
     var _row$parentRowIndex;
-    var columns = props.columns, columnWidth = props.columnWidth, displayableRows = props.displayableRows, fixedColumnCount = props.fixedColumnCount, hasCheckBoxHidden = props.hasCheckBoxHidden, rowIndex = props.rowIndex, _props$row = props.row, row = _props$row === void 0 ? {} : _props$row, scrollLeft = props.scrollLeft, selectableRowKey = props.selectableRowKey, style = props.style, classes = props.classes, isVisible = props.isVisible, _props$hasSecureSocie = props.hasSecureSociety, hasSecureSociety = _props$hasSecureSocie === void 0 ? false : _props$hasSecureSocie, _props$openSocietiesI = props.openSocietiesIds, openSocietiesIds = _props$openSocietiesI === void 0 ? [] : _props$openSocietiesI, _props$alwaysInEditio = props.alwaysInEdition, alwaysInEdition = _props$alwaysInEditio === void 0 ? false : _props$alwaysInEditio, bodyStylesProp = props.bodyStylesProp, onRowContextMenu = props.onRowContextMenu, onRowClick = props.onRowClick, rest = (0, $5975f126da112a16$var$_objectWithoutProperties2["default"])(props, $5975f126da112a16$var$_excluded);
+    var columns = props.columns, columnWidth = props.columnWidth, displayableRows = props.displayableRows, fixedColumnCount = props.fixedColumnCount, hasCheckBoxHidden = props.hasCheckBoxHidden, rowIndex = props.rowIndex, _props$row = props.row, row = _props$row === void 0 ? {} : _props$row, scrollLeft = props.scrollLeft, selectableRowKey = props.selectableRowKey, style = props.style, classes = props.classes, isVisible = props.isVisible, _props$alwaysInEditio = props.alwaysInEdition, alwaysInEdition = _props$alwaysInEditio === void 0 ? false : _props$alwaysInEditio, bodyStylesProp = props.bodyStylesProp, onRowContextMenu = props.onRowContextMenu, onRowClick = props.onRowClick, rest = (0, $5975f126da112a16$var$_objectWithoutProperties2["default"])(props, $5975f126da112a16$var$_excluded);
     var _useConfig = (0, $ckVq7.useConfig)(), send = _useConfig.send;
     var apiRef = (0, $4IFzq.useApiRef)();
     var selectedRows = (0, $9E7Hm.useSelector)(apiRef, $lRxmh.selectedRowsSelector);
     var isSelected = selectedRows.includes(row[selectableRowKey]);
+    var _useSecured = (0, $3LtOr.useSecured)(row), isSecuredRow = _useSecured.isSecuredRow;
     var customStyling = (0, $5975f126da112a16$var$_react.useMemo)(function() {
         var _bodyStylesProp$row;
         return bodyStylesProp === null || bodyStylesProp === void 0 ? void 0 : (_bodyStylesProp$row = bodyStylesProp.row) === null || _bodyStylesProp$row === void 0 ? void 0 : _bodyStylesProp$row.call(bodyStylesProp, {
@@ -2142,8 +2157,6 @@ var $5975f126da112a16$var$BodyRow = function BodyRow(props) {
     ]);
     var keyId = row[selectableRowKey];
     var isOdd = ((_row$parentRowIndex = row.parentRowIndex) !== null && _row$parentRowIndex !== void 0 ? _row$parentRowIndex : rowIndex) % 2;
-    var checkIfSocietyIsOpen = !openSocietiesIds.includes(row === null || row === void 0 ? void 0 : row.company_id);
-    var isSecuredRow = hasSecureSociety && (row === null || row === void 0 ? void 0 : row.secured) && checkIfSocietyIsOpen;
     var errors = (0, $5975f126da112a16$var$_react.useMemo)(function() {
         var _apiRef$current, _apiRef$current$valid, _apiRef$current$valid2;
         return (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : (_apiRef$current$valid = _apiRef$current.validation) === null || _apiRef$current$valid === void 0 ? void 0 : (_apiRef$current$valid2 = _apiRef$current$valid.validate) === null || _apiRef$current$valid2 === void 0 ? void 0 : _apiRef$current$valid2.call(_apiRef$current$valid, row);
@@ -3512,6 +3525,11 @@ var $bd36d7d906d5b05f$var$removeRow = function removeRow(ctx, _ref2) {
         })
     });
 };
+var $bd36d7d906d5b05f$var$removeNewRows = function removeNewRows(ctx) {
+    return $bd36d7d906d5b05f$var$_objectSpread($bd36d7d906d5b05f$var$_objectSpread({}, ctx), {}, {
+        addRows: []
+    });
+};
 var $bd36d7d906d5b05f$var$edit = function edit(ctx, _ref3) {
     var data = _ref3.data, key = _ref3.key, keyId = _ref3.keyId, selectableRowKey = _ref3.selectableRowKey;
     var addRows = ctx.addRows, dataRows = ctx.dataRows;
@@ -3631,7 +3649,7 @@ var $bd36d7d906d5b05f$var$_default = (0, $gXNCa$robot3.createMachine)({
         return $bd36d7d906d5b05f$var$_objectSpread($bd36d7d906d5b05f$var$_objectSpread({}, ctx), {}, {
             addRows: []
         });
-    })), (0, $gXNCa$robot3.transition)("delete", "ADD", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$removeRow)), (0, $gXNCa$robot3.transition)("input", "ADD", (0, $gXNCa$robot3.reduce)(function(ctx, ev) {
+    })), (0, $gXNCa$robot3.transition)("delete", "ADD", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$removeRow)), (0, $gXNCa$robot3.transition)("deleteNewRows", "ADD", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$removeNewRows)), (0, $gXNCa$robot3.transition)("input", "ADD", (0, $gXNCa$robot3.reduce)(function(ctx, ev) {
         var _objectSpread4;
         var addRows = ctx.addRows;
         var tab = (0, $bd36d7d906d5b05f$var$_toConsumableArray2["default"])(addRows);
@@ -3687,7 +3705,7 @@ var $bd36d7d906d5b05f$var$_default = (0, $gXNCa$robot3.createMachine)({
             dataRows: ev.data
         });
     })), (0, $gXNCa$robot3.transition)("selectAllColumn", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$selectAllColumn)), (0, $gXNCa$robot3.transition)("unselectAllColumn", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$unselectAllColumn))),
-    PERMANENT_EDIT: (0, $gXNCa$robot3.state)((0, $gXNCa$robot3.transition)("add", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$addRow)), (0, $gXNCa$robot3.transition)("selectItem", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$handleSelect)), (0, $gXNCa$robot3.transition)("unselectItem", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$handleUnselect)), (0, $gXNCa$robot3.transition)("delete", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$removeRow)), (0, $gXNCa$robot3.transition)("selectRows", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)(function(ctx, _ref6) {
+    PERMANENT_EDIT: (0, $gXNCa$robot3.state)((0, $gXNCa$robot3.transition)("add", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$addRow)), (0, $gXNCa$robot3.transition)("selectItem", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$handleSelect)), (0, $gXNCa$robot3.transition)("unselectItem", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$handleUnselect)), (0, $gXNCa$robot3.transition)("delete", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$removeRow)), (0, $gXNCa$robot3.transition)("deleteNewRows", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)($bd36d7d906d5b05f$var$removeNewRows)), (0, $gXNCa$robot3.transition)("selectRows", "PERMANENT_EDIT", (0, $gXNCa$robot3.reduce)(function(ctx, _ref6) {
         var selectedRows = _ref6.selectedRows;
         return $bd36d7d906d5b05f$var$_objectSpread($bd36d7d906d5b05f$var$_objectSpread({}, ctx), {}, {
             selectedRows: selectedRows
@@ -3741,6 +3759,8 @@ var $d42717d78cc65048$var$_toConsumableArray2 = $gXNCa$babelruntimehelpersintero
 var $d42717d78cc65048$var$_get2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$lodashget);
 
 var $e902G = parcelRequire("e902G");
+
+var $4vYVW = parcelRequire("4vYVW");
 function $d42717d78cc65048$var$_createForOfIteratorHelper(o, allowArrayLike) {
     var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
     if (!it) {
@@ -3806,14 +3826,6 @@ function $d42717d78cc65048$var$_arrayLikeToArray(arr, len) {
 var $d42717d78cc65048$var$isContentRow = function isContentRow(row) {
     return row.rowType !== $e902G.ROW_TYPE.GROUP_BUTTON && row.rowType !== $e902G.ROW_TYPE.ADD_BUTTON;
 };
-var $d42717d78cc65048$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, $d42717d78cc65048$var$_get2["default"])(row, selectableRowKey);
-    });
-    return !checkIfSocietyIsOpen;
-};
 function $d42717d78cc65048$var$createSelection() {
     var rows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     return (0, $d42717d78cc65048$var$_toConsumableArray2["default"])(rows);
@@ -3850,26 +3862,19 @@ function $d42717d78cc65048$var$getSelectedVisibleRows() {
     });
     return res;
 }
-function $d42717d78cc65048$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;
+function $d42717d78cc65048$var$getSelectableRows(_ref) {
+    var _ref$displayableRows = _ref.displayableRows, displayableRows = _ref$displayableRows === void 0 ? [] : _ref$displayableRows, _ref$selectableRowKey = _ref.selectableRowKey, selectableRowKey = _ref$selectableRowKey === void 0 ? "id" : _ref$selectableRowKey, hasSecuredRows = _ref.hasSecuredRows, _ref$unlockedRowsIds = _ref.unlockedRowsIds, unlockedRowsIds = _ref$unlockedRowsIds === void 0 ? [] : _ref$unlockedRowsIds;
     var list = [];
     var _iterator = $d42717d78cc65048$var$_createForOfIteratorHelper(displayableRows), _step;
     try {
         for(_iterator.s(); !(_step = _iterator.n()).done;){
             var row = _step.value;
-            if ($d42717d78cc65048$var$isContentRow(row) && !$d42717d78cc65048$var$isLockedRow({
+            if ($d42717d78cc65048$var$isContentRow(row) && !(0, $4vYVW.isLockedRow)({
                 row: row,
                 selectableRowKey: selectableRowKey,
-                hasSecureSociety: hasSecureSociety,
-                openSocieties: openSocieties
-            })) {
-                if ($d42717d78cc65048$var$isContentRow(row) && !$d42717d78cc65048$var$isLockedRow({
-                    row: row,
-                    selectableRowKey: selectableRowKey,
-                    hasSecureSociety: hasSecureSociety,
-                    openSocieties: openSocieties
-                })) list.push(row[selectableRowKey]);
-            }
+                hasSecuredRows: hasSecuredRows,
+                unlockedRowsIds: unlockedRowsIds
+            })) list.push(row[selectableRowKey]);
         }
     } catch (err) {
         _iterator.e(err);
@@ -3880,6 +3885,46 @@ function $d42717d78cc65048$var$getSelectableRows(_ref2) {
 }
 
 });
+parcelRequire.register("4vYVW", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.isSecuredRow = module.exports.isLockedRow = module.exports.getUnlockedRowsIds = void 0;
+
+var $349952d26a15aefe$var$_get2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$lodashget);
+var $349952d26a15aefe$var$isSecuredRow = function isSecuredRow(_ref) {
+    var hasSecuredRows = _ref.hasSecuredRows, row = _ref.row;
+    return Boolean(hasSecuredRows && (row === null || row === void 0 ? void 0 : row.secured));
+};
+module.exports.isSecuredRow = $349952d26a15aefe$var$isSecuredRow;
+var $349952d26a15aefe$var$isLockedRow = function isLockedRow(_ref2) {
+    var unlockedRowsIds = _ref2.unlockedRowsIds, row = _ref2.row, _ref2$selectableRowKe = _ref2.selectableRowKey, selectableRowKey = _ref2$selectableRowKe === void 0 ? "id" : _ref2$selectableRowKe, hasSecuredRows = _ref2.hasSecuredRows;
+    if (!$349952d26a15aefe$var$isSecuredRow({
+        hasSecuredRows: hasSecuredRows,
+        row: row
+    })) return false;
+    return !unlockedRowsIds.includes((0, $349952d26a15aefe$var$_get2["default"])(row, selectableRowKey));
+};
+/**
+ *
+ * @param {Array<Row|number>} unlockedRows
+ * @param {string} selectableRowKey
+ * @returns
+ */ module.exports.isLockedRow = $349952d26a15aefe$var$isLockedRow;
+var $349952d26a15aefe$var$getUnlockedRowsIds = function getUnlockedRowsIds() {
+    var unlockedRows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var selectableRowKey = arguments.length > 1 ? arguments[1] : undefined;
+    return unlockedRows.map(function(row) {
+        if (typeof row === "number") return row;
+        return (row === null || row === void 0 ? void 0 : row.id) || (0, $349952d26a15aefe$var$_get2["default"])(row, selectableRowKey);
+    });
+};
+module.exports.getUnlockedRowsIds = $349952d26a15aefe$var$getUnlockedRowsIds;
+
+});
+
 
 
 
@@ -6138,14 +6183,17 @@ function $b65a981b085d4ff1$var$_interopRequireWildcard(obj, nodeInterop) {
 var $b65a981b085d4ff1$var$Image = function Image(props) {
     var _classNames;
     var className = props.className, src = props.src, alt = props.alt, hidden = props.hidden, onClick = props.onClick, onUnload = props.onUnload;
-    var styles = (0, $b65a981b085d4ff1$var$_styles["default"])(); // State
+    var styles = (0, $b65a981b085d4ff1$var$_styles["default"])();
+    // State
     var _useState = (0, $b65a981b085d4ff1$var$_react.useState)(true), _useState2 = (0, $b65a981b085d4ff1$var$_slicedToArray2["default"])(_useState, 2), loading = _useState2[0], setLoading = _useState2[1];
-    var _useState3 = (0, $b65a981b085d4ff1$var$_react.useState)(false), _useState4 = (0, $b65a981b085d4ff1$var$_slicedToArray2["default"])(_useState3, 2), error = _useState4[0], setError = _useState4[1]; // Handlers
+    var _useState3 = (0, $b65a981b085d4ff1$var$_react.useState)(false), _useState4 = (0, $b65a981b085d4ff1$var$_slicedToArray2["default"])(_useState3, 2), error = _useState4[0], setError = _useState4[1];
+    // Handlers
     var handleKeyPress = function handleKeyPress(event) {
         if (event.key === "Enter") {
             if (onClick) onClick();
         }
-    }; // Rendering
+    };
+    // Rendering
     return /*#__PURE__*/ $b65a981b085d4ff1$var$_react["default"].createElement("div", {
         className: (0, $b65a981b085d4ff1$var$_classnames["default"])(styles.container, className, (_classNames = {}, (0, $b65a981b085d4ff1$var$_defineProperty2["default"])(_classNames, styles.loading, loading), (0, $b65a981b085d4ff1$var$_defineProperty2["default"])(_classNames, styles.error, error), _classNames)),
         role: "button",
@@ -6176,7 +6224,8 @@ var $b65a981b085d4ff1$var$Image = function Image(props) {
     }), /*#__PURE__*/ $b65a981b085d4ff1$var$_react["default"].createElement("span", {
         className: "label"
     }, $b65a981b085d4ff1$var$_I18n["default"].t("attachments.error"))));
-}; // Props
+};
+// Props
 $b65a981b085d4ff1$var$Image.propTypes = {
     className: $b65a981b085d4ff1$var$_propTypes["default"].string,
     src: $b65a981b085d4ff1$var$_propTypes["default"].string.isRequired,
@@ -6364,16 +6413,20 @@ var $c28dcb2ecc31f940$var$downloadFile = function downloadFile(data, filename) {
         data
     ], {
         type: type
-    }); // Create a link element, hide it, direct
+    });
+    // Create a link element, hide it, direct
     // it towards the blob, and then 'click' it programatically
     var a = document.createElement("a");
     a.style = "display: none";
-    document.body.appendChild(a); // Create a DOMString representing the blob
+    document.body.appendChild(a);
+    // Create a DOMString representing the blob
     // and point the link element towards it
     var url = window.URL.createObjectURL(blob);
     a.href = url;
-    a.download = filename; // programatically click the link to trigger the download
-    a.click(); // release the reference to the file by revoking the Object URL
+    a.download = filename;
+    // programatically click the link to trigger the download
+    a.click();
+    // release the reference to the file by revoking the Object URL
     setTimeout(function() {
         // For Firefox it is necessary to delay revoking the ObjectURL
         window.URL.revokeObjectURL(url);
@@ -6449,12 +6502,13 @@ module.exports.exportData = $c28dcb2ecc31f940$var$exportData;
 parcelRequire.register("jlN5T", function(module, exports) {
 "use strict";
 
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports.parseFooter = module.exports.parseDataRows = module.exports.formatDefaultData = module.exports.formatDataToExport = module.exports.exportToExcel = module.exports.exportToCSV = void 0;
 
+var $e1660f894c3a788a$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $e1660f894c3a788a$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
 
 var $e1660f894c3a788a$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
@@ -6494,294 +6548,6 @@ var $10oRz = parcelRequire("10oRz");
 var $e902G = parcelRequire("e902G");
 
 var $eHwgP = parcelRequire("eHwgP");
-function $e1660f894c3a788a$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $e1660f894c3a788a$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    var exports1 = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-        return Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }), obj[key];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-        var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []);
-        return generator._invoke = function(innerFn, self, context) {
-            var state = "suspendedStart";
-            return function(method, arg) {
-                if ("executing" === state) throw new Error("Generator is already running");
-                if ("completed" === state) {
-                    if ("throw" === method) throw arg;
-                    return doneResult();
-                }
-                for(context.method = method, context.arg = arg;;){
-                    var delegate = context.delegate;
-                    if (delegate) {
-                        var delegateResult = maybeInvokeDelegate(delegate, context);
-                        if (delegateResult) {
-                            if (delegateResult === ContinueSentinel) continue;
-                            return delegateResult;
-                        }
-                    }
-                    if ("next" === context.method) context.sent = context._sent = context.arg;
-                    else if ("throw" === context.method) {
-                        if ("suspendedStart" === state) throw state = "completed", context.arg;
-                        context.dispatchException(context.arg);
-                    } else "return" === context.method && context.abrupt("return", context.arg);
-                    state = "executing";
-                    var record = tryCatch(innerFn, self, context);
-                    if ("normal" === record.type) {
-                        if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-                        return {
-                            value: record.arg,
-                            done: context.done
-                        };
-                    }
-                    "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-                }
-            };
-        }(innerFn, self, context), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-        try {
-            return {
-                type: "normal",
-                arg: fn.call(obj, arg)
-            };
-        } catch (err) {
-            return {
-                type: "throw",
-                arg: err
-            };
-        }
-    }
-    exports1.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function() {
-        return this;
-    });
-    var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-        [
-            "next",
-            "throw",
-            "return"
-        ].forEach(function(method) {
-            define(prototype, method, function(arg) {
-                return this._invoke(method, arg);
-            });
-        });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-        function invoke(method, arg, resolve, reject) {
-            var record = tryCatch(generator[method], generator, arg);
-            if ("throw" !== record.type) {
-                var result = record.arg, value = result.value;
-                return value && "object" == $gXNCa$babelruntimehelperstypeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value) {
-                    invoke("next", value, resolve, reject);
-                }, function(err) {
-                    invoke("throw", err, resolve, reject);
-                }) : PromiseImpl.resolve(value).then(function(unwrapped) {
-                    result.value = unwrapped, resolve(result);
-                }, function(error) {
-                    return invoke("throw", error, resolve, reject);
-                });
-            }
-            reject(record.arg);
-        }
-        var previousPromise;
-        this._invoke = function(method, arg) {
-            function callInvokeWithMethodAndArg() {
-                return new PromiseImpl(function(resolve, reject) {
-                    invoke(method, arg, resolve, reject);
-                });
-            }
-            return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-        var method = delegate.iterator[context.method];
-        if (undefined === method) {
-            if (context.delegate = null, "throw" === context.method) {
-                if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-                context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-            }
-            return ContinueSentinel;
-        }
-        var record = tryCatch(method, delegate.iterator, context.arg);
-        if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-        var info = record.arg;
-        return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-        var entry = {
-            tryLoc: locs[0]
-        };
-        1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-        var record = entry.completion || {};
-        record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-        this.tryEntries = [
-            {
-                tryLoc: "root"
-            }
-        ], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-        if (iterable) {
-            var iteratorMethod = iterable[iteratorSymbol];
-            if (iteratorMethod) return iteratorMethod.call(iterable);
-            if ("function" == typeof iterable.next) return iterable;
-            if (!isNaN(iterable.length)) {
-                var i = -1, next = function next() {
-                    for(; ++i < iterable.length;){
-                        if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-                    }
-                    return next.value = undefined, next.done = !0, next;
-                };
-                return next.next = next;
-            }
-        }
-        return {
-            next: doneResult
-        };
-    }
-    function doneResult() {
-        return {
-            value: undefined,
-            done: !0
-        };
-    }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports1.isGeneratorFunction = function(genFun) {
-        var ctor = "function" == typeof genFun && genFun.constructor;
-        return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports1.mark = function(genFun) {
-        return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports1.awrap = function(arg) {
-        return {
-            __await: arg
-        };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
-        return this;
-    }), exports1.AsyncIterator = AsyncIterator, exports1.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-        void 0 === PromiseImpl && (PromiseImpl = Promise);
-        var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-        return exports1.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result) {
-            return result.done ? result.value : iter.next();
-        });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
-        return this;
-    }), define(Gp, "toString", function() {
-        return "[object Generator]";
-    }), exports1.keys = function(object) {
-        var keys = [];
-        for(var key in object)keys.push(key);
-        return keys.reverse(), function next() {
-            for(; keys.length;){
-                var key = keys.pop();
-                if (key in object) return next.value = key, next.done = !1, next;
-            }
-            return next.done = !0, next;
-        };
-    }, exports1.values = values, Context.prototype = {
-        constructor: Context,
-        reset: function reset(skipTempReset) {
-            if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for(var name in this)"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        },
-        stop: function stop() {
-            this.done = !0;
-            var rootRecord = this.tryEntries[0].completion;
-            if ("throw" === rootRecord.type) throw rootRecord.arg;
-            return this.rval;
-        },
-        dispatchException: function dispatchException(exception) {
-            if (this.done) throw exception;
-            var context = this;
-            function handle(loc, caught) {
-                return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-            }
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i], record = entry.completion;
-                if ("root" === entry.tryLoc) return handle("end");
-                if (entry.tryLoc <= this.prev) {
-                    var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
-                    if (hasCatch && hasFinally) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    } else if (hasCatch) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                    } else {
-                        if (!hasFinally) throw new Error("try statement without catch or finally");
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    }
-                }
-            }
-        },
-        abrupt: function abrupt(type, arg) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-                    var finallyEntry = entry;
-                    break;
-                }
-            }
-            finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-            var record = finallyEntry ? finallyEntry.completion : {};
-            return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-        },
-        complete: function complete(record, afterLoc) {
-            if ("throw" === record.type) throw record.arg;
-            return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-        },
-        finish: function finish(finallyLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-            }
-        },
-        "catch": function _catch(tryLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc === tryLoc) {
-                    var record = entry.completion;
-                    if ("throw" === record.type) {
-                        var thrown = record.arg;
-                        resetTryEntry(entry);
-                    }
-                    return thrown;
-                }
-            }
-            throw new Error("illegal catch attempt");
-        },
-        delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-            return this.delegate = {
-                iterator: values(iterable),
-                resultName: resultName,
-                nextLoc: nextLoc
-            }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-        }
-    }, exports1;
-}
 function $e1660f894c3a788a$var$ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -7061,9 +6827,9 @@ var $e1660f894c3a788a$var$exportToCSV = function exportToCSV(csvData, fileName)
 };
 module.exports.exportToCSV = $e1660f894c3a788a$var$exportToCSV;
 var $e1660f894c3a788a$var$exportToExcel = /*#__PURE__*/ function() {
-    var _ref6 = (0, $e1660f894c3a788a$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $e1660f894c3a788a$var$_regeneratorRuntime().mark(function _callee(_ref5, fileName) {
+    var _ref6 = (0, $e1660f894c3a788a$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $e1660f894c3a788a$var$_regenerator["default"].mark(function _callee(_ref5, fileName) {
         var header, body, footer, ExcelJSWorkbook, worksheet, xlsxData, data;
-        return $e1660f894c3a788a$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+        return $e1660f894c3a788a$var$_regenerator["default"].wrap(function _callee$(_context) {
             while(true)switch(_context.prev = _context.next){
                 case 0:
                     header = _ref5.header, body = _ref5.body, footer = _ref5.footer;
@@ -7168,12 +6934,13 @@ module.exports.getFooterValue = $0bb913d1efc0c879$var$getFooterValue;
 parcelRequire.register("hiJne", function(module, exports) {
 "use strict";
 
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports.exportPDF = void 0;
 
+var $c987505f49f7b1a6$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $c987505f49f7b1a6$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
 
 var $c987505f49f7b1a6$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
@@ -7184,294 +6951,6 @@ var $c987505f49f7b1a6$var$_jspdf = $gXNCa$babelruntimehelpersinteropRequireDefau
 var $51yp9 = parcelRequire("51yp9");
 
 var $e902G = parcelRequire("e902G");
-function $c987505f49f7b1a6$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $c987505f49f7b1a6$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    var exports1 = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-        return Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }), obj[key];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-        var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []);
-        return generator._invoke = function(innerFn, self, context) {
-            var state = "suspendedStart";
-            return function(method, arg) {
-                if ("executing" === state) throw new Error("Generator is already running");
-                if ("completed" === state) {
-                    if ("throw" === method) throw arg;
-                    return doneResult();
-                }
-                for(context.method = method, context.arg = arg;;){
-                    var delegate = context.delegate;
-                    if (delegate) {
-                        var delegateResult = maybeInvokeDelegate(delegate, context);
-                        if (delegateResult) {
-                            if (delegateResult === ContinueSentinel) continue;
-                            return delegateResult;
-                        }
-                    }
-                    if ("next" === context.method) context.sent = context._sent = context.arg;
-                    else if ("throw" === context.method) {
-                        if ("suspendedStart" === state) throw state = "completed", context.arg;
-                        context.dispatchException(context.arg);
-                    } else "return" === context.method && context.abrupt("return", context.arg);
-                    state = "executing";
-                    var record = tryCatch(innerFn, self, context);
-                    if ("normal" === record.type) {
-                        if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-                        return {
-                            value: record.arg,
-                            done: context.done
-                        };
-                    }
-                    "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-                }
-            };
-        }(innerFn, self, context), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-        try {
-            return {
-                type: "normal",
-                arg: fn.call(obj, arg)
-            };
-        } catch (err) {
-            return {
-                type: "throw",
-                arg: err
-            };
-        }
-    }
-    exports1.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function() {
-        return this;
-    });
-    var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-        [
-            "next",
-            "throw",
-            "return"
-        ].forEach(function(method) {
-            define(prototype, method, function(arg) {
-                return this._invoke(method, arg);
-            });
-        });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-        function invoke(method, arg, resolve, reject) {
-            var record = tryCatch(generator[method], generator, arg);
-            if ("throw" !== record.type) {
-                var result = record.arg, value = result.value;
-                return value && "object" == $gXNCa$babelruntimehelperstypeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value) {
-                    invoke("next", value, resolve, reject);
-                }, function(err) {
-                    invoke("throw", err, resolve, reject);
-                }) : PromiseImpl.resolve(value).then(function(unwrapped) {
-                    result.value = unwrapped, resolve(result);
-                }, function(error) {
-                    return invoke("throw", error, resolve, reject);
-                });
-            }
-            reject(record.arg);
-        }
-        var previousPromise;
-        this._invoke = function(method, arg) {
-            function callInvokeWithMethodAndArg() {
-                return new PromiseImpl(function(resolve, reject) {
-                    invoke(method, arg, resolve, reject);
-                });
-            }
-            return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-        var method = delegate.iterator[context.method];
-        if (undefined === method) {
-            if (context.delegate = null, "throw" === context.method) {
-                if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-                context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-            }
-            return ContinueSentinel;
-        }
-        var record = tryCatch(method, delegate.iterator, context.arg);
-        if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-        var info = record.arg;
-        return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-        var entry = {
-            tryLoc: locs[0]
-        };
-        1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-        var record = entry.completion || {};
-        record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-        this.tryEntries = [
-            {
-                tryLoc: "root"
-            }
-        ], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-        if (iterable) {
-            var iteratorMethod = iterable[iteratorSymbol];
-            if (iteratorMethod) return iteratorMethod.call(iterable);
-            if ("function" == typeof iterable.next) return iterable;
-            if (!isNaN(iterable.length)) {
-                var i = -1, next = function next() {
-                    for(; ++i < iterable.length;){
-                        if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-                    }
-                    return next.value = undefined, next.done = !0, next;
-                };
-                return next.next = next;
-            }
-        }
-        return {
-            next: doneResult
-        };
-    }
-    function doneResult() {
-        return {
-            value: undefined,
-            done: !0
-        };
-    }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports1.isGeneratorFunction = function(genFun) {
-        var ctor = "function" == typeof genFun && genFun.constructor;
-        return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports1.mark = function(genFun) {
-        return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports1.awrap = function(arg) {
-        return {
-            __await: arg
-        };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
-        return this;
-    }), exports1.AsyncIterator = AsyncIterator, exports1.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-        void 0 === PromiseImpl && (PromiseImpl = Promise);
-        var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-        return exports1.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result) {
-            return result.done ? result.value : iter.next();
-        });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
-        return this;
-    }), define(Gp, "toString", function() {
-        return "[object Generator]";
-    }), exports1.keys = function(object) {
-        var keys = [];
-        for(var key in object)keys.push(key);
-        return keys.reverse(), function next() {
-            for(; keys.length;){
-                var key = keys.pop();
-                if (key in object) return next.value = key, next.done = !1, next;
-            }
-            return next.done = !0, next;
-        };
-    }, exports1.values = values, Context.prototype = {
-        constructor: Context,
-        reset: function reset(skipTempReset) {
-            if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for(var name in this)"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        },
-        stop: function stop() {
-            this.done = !0;
-            var rootRecord = this.tryEntries[0].completion;
-            if ("throw" === rootRecord.type) throw rootRecord.arg;
-            return this.rval;
-        },
-        dispatchException: function dispatchException(exception) {
-            if (this.done) throw exception;
-            var context = this;
-            function handle(loc, caught) {
-                return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-            }
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i], record = entry.completion;
-                if ("root" === entry.tryLoc) return handle("end");
-                if (entry.tryLoc <= this.prev) {
-                    var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
-                    if (hasCatch && hasFinally) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    } else if (hasCatch) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                    } else {
-                        if (!hasFinally) throw new Error("try statement without catch or finally");
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    }
-                }
-            }
-        },
-        abrupt: function abrupt(type, arg) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-                    var finallyEntry = entry;
-                    break;
-                }
-            }
-            finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-            var record = finallyEntry ? finallyEntry.completion : {};
-            return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-        },
-        complete: function complete(record, afterLoc) {
-            if ("throw" === record.type) throw record.arg;
-            return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-        },
-        finish: function finish(finallyLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-            }
-        },
-        "catch": function _catch(tryLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc === tryLoc) {
-                    var record = entry.completion;
-                    if ("throw" === record.type) {
-                        var thrown = record.arg;
-                        resetTryEntry(entry);
-                    }
-                    return thrown;
-                }
-            }
-            throw new Error("illegal catch attempt");
-        },
-        delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-            return this.delegate = {
-                iterator: values(iterable),
-                resultName: resultName,
-                nextLoc: nextLoc
-            }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-        }
-    }, exports1;
-}
 function $c987505f49f7b1a6$var$ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -7576,8 +7055,8 @@ var $c987505f49f7b1a6$var$createHeaders = function createHeaders(columns) {
     ];
 };
 var $c987505f49f7b1a6$var$dataToPdf = /*#__PURE__*/ function() {
-    var _ref6 = (0, $c987505f49f7b1a6$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $c987505f49f7b1a6$var$_regeneratorRuntime().mark(function _callee(data, filename, print, opts) {
-        return $c987505f49f7b1a6$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+    var _ref6 = (0, $c987505f49f7b1a6$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $c987505f49f7b1a6$var$_regenerator["default"].mark(function _callee(data, filename, print, opts) {
+        return $c987505f49f7b1a6$var$_regenerator["default"].wrap(function _callee$(_context) {
             while(true)switch(_context.prev = _context.next){
                 case 0:
                     _context.next = 2;
@@ -7723,8 +7202,8 @@ var $c987505f49f7b1a6$var$dataToPdf = /*#__PURE__*/ function() {
     };
 }();
 var $c987505f49f7b1a6$var$exportPDF = /*#__PURE__*/ function() {
-    var _ref7 = (0, $c987505f49f7b1a6$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $c987505f49f7b1a6$var$_regeneratorRuntime().mark(function _callee2(fname, data, print, options) {
-        return $c987505f49f7b1a6$var$_regeneratorRuntime().wrap(function _callee2$(_context2) {
+    var _ref7 = (0, $c987505f49f7b1a6$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $c987505f49f7b1a6$var$_regenerator["default"].mark(function _callee2(fname, data, print, options) {
+        return $c987505f49f7b1a6$var$_regenerator["default"].wrap(function _callee2$(_context2) {
             while(true)switch(_context2.prev = _context2.next){
                 case 0:
                     _context2.next = 2;
@@ -8111,6 +7590,8 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $5b597552807640f8$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $5b597552807640f8$var$_extends2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersextends);
 
 var $5b597552807640f8$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
@@ -8159,345 +7640,57 @@ function $5b597552807640f8$var$_interopRequireWildcard(obj, nodeInterop) {
     if (cache) cache.set(obj, newObj);
     return newObj;
 }
-function $5b597552807640f8$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $5b597552807640f8$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
+var $5b597552807640f8$var$getFilesDiff = function getFilesDiff(initialFiles, finalFiles) {
+    var deleted = [];
+    var added = [];
+    var finalMap = {};
+    var initialMap = {};
+    initialFiles.forEach(function(_ref) {
+        var token = _ref.token;
+        return initialMap[token] = true;
+    });
+    finalFiles.forEach(function(_ref2) {
+        var token = _ref2.token;
+        return finalMap[token] = true;
+    });
+    initialFiles === null || initialFiles === void 0 || initialFiles.forEach(function(file) {
+        var token = file.token;
+        if (!finalMap[token]) deleted.push(file);
+    });
+    finalFiles === null || finalFiles === void 0 || finalFiles.forEach(function(file) {
+        var token = file.token;
+        if (!initialMap[token]) added.push(file);
+    });
+    return {
+        added: added,
+        deleted: deleted
     };
-    var exports1 = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-        return Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }), obj[key];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-        var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []);
-        return generator._invoke = function(innerFn, self, context) {
-            var state = "suspendedStart";
-            return function(method, arg) {
-                if ("executing" === state) throw new Error("Generator is already running");
-                if ("completed" === state) {
-                    if ("throw" === method) throw arg;
-                    return doneResult();
-                }
-                for(context.method = method, context.arg = arg;;){
-                    var delegate = context.delegate;
-                    if (delegate) {
-                        var delegateResult = maybeInvokeDelegate(delegate, context);
-                        if (delegateResult) {
-                            if (delegateResult === ContinueSentinel) continue;
-                            return delegateResult;
-                        }
-                    }
-                    if ("next" === context.method) context.sent = context._sent = context.arg;
-                    else if ("throw" === context.method) {
-                        if ("suspendedStart" === state) throw state = "completed", context.arg;
-                        context.dispatchException(context.arg);
-                    } else "return" === context.method && context.abrupt("return", context.arg);
-                    state = "executing";
-                    var record = tryCatch(innerFn, self, context);
-                    if ("normal" === record.type) {
-                        if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-                        return {
-                            value: record.arg,
-                            done: context.done
-                        };
-                    }
-                    "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-                }
-            };
-        }(innerFn, self, context), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-        try {
-            return {
-                type: "normal",
-                arg: fn.call(obj, arg)
-            };
-        } catch (err) {
-            return {
-                type: "throw",
-                arg: err
-            };
-        }
-    }
-    exports1.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function() {
-        return this;
-    });
-    var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-        [
-            "next",
-            "throw",
-            "return"
-        ].forEach(function(method) {
-            define(prototype, method, function(arg) {
-                return this._invoke(method, arg);
-            });
-        });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-        function invoke(method, arg, resolve, reject) {
-            var record = tryCatch(generator[method], generator, arg);
-            if ("throw" !== record.type) {
-                var result = record.arg, value = result.value;
-                return value && "object" == $gXNCa$babelruntimehelperstypeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value) {
-                    invoke("next", value, resolve, reject);
-                }, function(err) {
-                    invoke("throw", err, resolve, reject);
-                }) : PromiseImpl.resolve(value).then(function(unwrapped) {
-                    result.value = unwrapped, resolve(result);
-                }, function(error) {
-                    return invoke("throw", error, resolve, reject);
-                });
-            }
-            reject(record.arg);
-        }
-        var previousPromise;
-        this._invoke = function(method, arg) {
-            function callInvokeWithMethodAndArg() {
-                return new PromiseImpl(function(resolve, reject) {
-                    invoke(method, arg, resolve, reject);
-                });
-            }
-            return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-        var method = delegate.iterator[context.method];
-        if (undefined === method) {
-            if (context.delegate = null, "throw" === context.method) {
-                if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-                context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-            }
-            return ContinueSentinel;
-        }
-        var record = tryCatch(method, delegate.iterator, context.arg);
-        if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-        var info = record.arg;
-        return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-        var entry = {
-            tryLoc: locs[0]
-        };
-        1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-        var record = entry.completion || {};
-        record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-        this.tryEntries = [
-            {
-                tryLoc: "root"
-            }
-        ], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-        if (iterable) {
-            var iteratorMethod = iterable[iteratorSymbol];
-            if (iteratorMethod) return iteratorMethod.call(iterable);
-            if ("function" == typeof iterable.next) return iterable;
-            if (!isNaN(iterable.length)) {
-                var i = -1, next = function next() {
-                    for(; ++i < iterable.length;){
-                        if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-                    }
-                    return next.value = undefined, next.done = !0, next;
-                };
-                return next.next = next;
-            }
-        }
-        return {
-            next: doneResult
-        };
-    }
-    function doneResult() {
-        return {
-            value: undefined,
-            done: !0
-        };
-    }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports1.isGeneratorFunction = function(genFun) {
-        var ctor = "function" == typeof genFun && genFun.constructor;
-        return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports1.mark = function(genFun) {
-        return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports1.awrap = function(arg) {
-        return {
-            __await: arg
-        };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
-        return this;
-    }), exports1.AsyncIterator = AsyncIterator, exports1.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-        void 0 === PromiseImpl && (PromiseImpl = Promise);
-        var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-        return exports1.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result) {
-            return result.done ? result.value : iter.next();
-        });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
-        return this;
-    }), define(Gp, "toString", function() {
-        return "[object Generator]";
-    }), exports1.keys = function(object) {
-        var keys = [];
-        for(var key in object)keys.push(key);
-        return keys.reverse(), function next() {
-            for(; keys.length;){
-                var key = keys.pop();
-                if (key in object) return next.value = key, next.done = !1, next;
-            }
-            return next.done = !0, next;
-        };
-    }, exports1.values = values, Context.prototype = {
-        constructor: Context,
-        reset: function reset(skipTempReset) {
-            if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for(var name in this)"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        },
-        stop: function stop() {
-            this.done = !0;
-            var rootRecord = this.tryEntries[0].completion;
-            if ("throw" === rootRecord.type) throw rootRecord.arg;
-            return this.rval;
-        },
-        dispatchException: function dispatchException(exception) {
-            if (this.done) throw exception;
-            var context = this;
-            function handle(loc, caught) {
-                return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-            }
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i], record = entry.completion;
-                if ("root" === entry.tryLoc) return handle("end");
-                if (entry.tryLoc <= this.prev) {
-                    var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
-                    if (hasCatch && hasFinally) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    } else if (hasCatch) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                    } else {
-                        if (!hasFinally) throw new Error("try statement without catch or finally");
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    }
-                }
-            }
-        },
-        abrupt: function abrupt(type, arg) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-                    var finallyEntry = entry;
-                    break;
-                }
-            }
-            finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-            var record = finallyEntry ? finallyEntry.completion : {};
-            return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-        },
-        complete: function complete(record, afterLoc) {
-            if ("throw" === record.type) throw record.arg;
-            return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-        },
-        finish: function finish(finallyLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-            }
-        },
-        "catch": function _catch(tryLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc === tryLoc) {
-                    var record = entry.completion;
-                    if ("throw" === record.type) {
-                        var thrown = record.arg;
-                        resetTryEntry(entry);
-                    }
-                    return thrown;
-                }
-            }
-            throw new Error("illegal catch attempt");
-        },
-        delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-            return this.delegate = {
-                iterator: values(iterable),
-                resultName: resultName,
-                nextLoc: nextLoc
-            }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-        }
-    }, exports1;
-}
-var $5b597552807640f8$var$getFilesDiff = function getFilesDiff(initialFiles, finalFiles) {
-    var deleted = [];
-    var added = [];
-    var finalMap = {};
-    var initialMap = {};
-    initialFiles.forEach(function(_ref) {
-        var token = _ref.token;
-        return initialMap[token] = true;
-    });
-    finalFiles.forEach(function(_ref2) {
-        var token = _ref2.token;
-        return finalMap[token] = true;
-    });
-    initialFiles === null || initialFiles === void 0 || initialFiles.forEach(function(file) {
-        var token = file.token;
-        if (!finalMap[token]) deleted.push(file);
-    });
-    finalFiles === null || finalFiles === void 0 || finalFiles.forEach(function(file) {
-        var token = file.token;
-        if (!initialMap[token]) added.push(file);
-    });
-    return {
-        added: added,
-        deleted: deleted
-    };
-};
-var $5b597552807640f8$var$UploadDialog = function UploadDialog(props) {
-    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, $5b597552807640f8$var$_react.useState)(files), _useState2 = (0, $5b597552807640f8$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.filesDropperProps, filesDropperProps = _cell$column$filesDro === void 0 ? {} : _cell$column$filesDro;
-    var _useState3 = (0, $5b597552807640f8$var$_react.useState)(false), _useState4 = (0, $5b597552807640f8$var$_slicedToArray2["default"])(_useState3, 2), isProcessing = _useState4[0], setIsProcessing = _useState4[1];
-    var buttons = [];
-    var _filesDropperProps$on = filesDropperProps.onRemoveFile, _onRemoveFile = _filesDropperProps$on === void 0 ? function() {} : _filesDropperProps$on, _filesDropperProps$on2 = filesDropperProps.onAddFiles, _onAddFiles = _filesDropperProps$on2 === void 0 ? function() {} : _filesDropperProps$on2, otherFilesDropperProps = (0, $5b597552807640f8$var$_objectWithoutProperties2["default"])(filesDropperProps, $5b597552807640f8$var$_excluded);
-    var handleSubmit = /*#__PURE__*/ function() {
-        var _ref3 = (0, $5b597552807640f8$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $5b597552807640f8$var$_regeneratorRuntime().mark(function _callee() {
-            var _getFilesDiff, added, deleted, res;
-            return $5b597552807640f8$var$_regeneratorRuntime().wrap(function _callee$(_context) {
-                while(true)switch(_context.prev = _context.next){
-                    case 0:
-                        setIsProcessing(true);
-                        _getFilesDiff = $5b597552807640f8$var$getFilesDiff(files, state), added = _getFilesDiff.added, deleted = _getFilesDiff.deleted;
-                        _context.next = 4;
-                        return onSubmit(cell, state, added, deleted);
-                    case 4:
-                        res = _context.sent;
-                        if ((0, $5b597552807640f8$var$_isArray2["default"])(res)) onChange(res);
-                        onClose();
-                        setIsProcessing(false);
-                    case 8:
-                    case "end":
-                        return _context.stop();
+};
+var $5b597552807640f8$var$UploadDialog = function UploadDialog(props) {
+    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, $5b597552807640f8$var$_react.useState)(files), _useState2 = (0, $5b597552807640f8$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.filesDropperProps, filesDropperProps = _cell$column$filesDro === void 0 ? {} : _cell$column$filesDro;
+    var _useState3 = (0, $5b597552807640f8$var$_react.useState)(false), _useState4 = (0, $5b597552807640f8$var$_slicedToArray2["default"])(_useState3, 2), isProcessing = _useState4[0], setIsProcessing = _useState4[1];
+    var buttons = [];
+    var _filesDropperProps$on = filesDropperProps.onRemoveFile, _onRemoveFile = _filesDropperProps$on === void 0 ? function() {} : _filesDropperProps$on, _filesDropperProps$on2 = filesDropperProps.onAddFiles, _onAddFiles = _filesDropperProps$on2 === void 0 ? function() {} : _filesDropperProps$on2, otherFilesDropperProps = (0, $5b597552807640f8$var$_objectWithoutProperties2["default"])(filesDropperProps, $5b597552807640f8$var$_excluded);
+    var handleSubmit = /*#__PURE__*/ function() {
+        var _ref3 = (0, $5b597552807640f8$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $5b597552807640f8$var$_regenerator["default"].mark(function _callee() {
+            var _getFilesDiff, added, deleted, res;
+            return $5b597552807640f8$var$_regenerator["default"].wrap(function _callee$(_context) {
+                while(true)switch(_context.prev = _context.next){
+                    case 0:
+                        setIsProcessing(true);
+                        _getFilesDiff = $5b597552807640f8$var$getFilesDiff(files, state), added = _getFilesDiff.added, deleted = _getFilesDiff.deleted;
+                        _context.next = 4;
+                        return onSubmit(cell, state, added, deleted);
+                    case 4:
+                        res = _context.sent;
+                        if ((0, $5b597552807640f8$var$_isArray2["default"])(res)) onChange(res);
+                        onClose();
+                        setIsProcessing(false);
+                    case 8:
+                    case "end":
+                        return _context.stop();
                 }
             }, _callee);
         }));
@@ -8696,6 +7889,7 @@ var $96b8af0a8d255962$var$FilesDropperZone = function FilesDropperZone(props) {
             className: styles.icon,
             name: "icon-upload1"
         }), /*#__PURE__*/ $96b8af0a8d255962$var$_react["default"].createElement("input", getInputProps()), /*#__PURE__*/ $96b8af0a8d255962$var$_react["default"].createElement($gXNCa$muimaterial.Typography, null, $96b8af0a8d255962$var$_I18n["default"].t("common.or"), " ", /*#__PURE__*/ $96b8af0a8d255962$var$_react["default"].createElement($gXNCa$muimaterial.Link, {
+            variant: "h4",
             component: "button",
             color: "primary",
             onClick: handleOpenFileBrowser(open)
@@ -8811,306 +8005,19 @@ module.exports["default"] = $a569c294f3ffb90b$var$_default;
 parcelRequire.register("dsukx", function(module, exports) {
 "use strict";
 
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports["default"] = void 0;
 
+var $9cc56adabc671d24$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $9cc56adabc671d24$var$_toConsumableArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelperstoConsumableArray);
 
 var $9cc56adabc671d24$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
 
 var $9cc56adabc671d24$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersslicedToArray);
 
-function $9cc56adabc671d24$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $9cc56adabc671d24$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    var exports1 = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-        return Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }), obj[key];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-        var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []);
-        return generator._invoke = function(innerFn, self, context) {
-            var state = "suspendedStart";
-            return function(method, arg) {
-                if ("executing" === state) throw new Error("Generator is already running");
-                if ("completed" === state) {
-                    if ("throw" === method) throw arg;
-                    return doneResult();
-                }
-                for(context.method = method, context.arg = arg;;){
-                    var delegate = context.delegate;
-                    if (delegate) {
-                        var delegateResult = maybeInvokeDelegate(delegate, context);
-                        if (delegateResult) {
-                            if (delegateResult === ContinueSentinel) continue;
-                            return delegateResult;
-                        }
-                    }
-                    if ("next" === context.method) context.sent = context._sent = context.arg;
-                    else if ("throw" === context.method) {
-                        if ("suspendedStart" === state) throw state = "completed", context.arg;
-                        context.dispatchException(context.arg);
-                    } else "return" === context.method && context.abrupt("return", context.arg);
-                    state = "executing";
-                    var record = tryCatch(innerFn, self, context);
-                    if ("normal" === record.type) {
-                        if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-                        return {
-                            value: record.arg,
-                            done: context.done
-                        };
-                    }
-                    "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-                }
-            };
-        }(innerFn, self, context), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-        try {
-            return {
-                type: "normal",
-                arg: fn.call(obj, arg)
-            };
-        } catch (err) {
-            return {
-                type: "throw",
-                arg: err
-            };
-        }
-    }
-    exports1.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function() {
-        return this;
-    });
-    var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-        [
-            "next",
-            "throw",
-            "return"
-        ].forEach(function(method) {
-            define(prototype, method, function(arg) {
-                return this._invoke(method, arg);
-            });
-        });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-        function invoke(method, arg, resolve, reject) {
-            var record = tryCatch(generator[method], generator, arg);
-            if ("throw" !== record.type) {
-                var result = record.arg, value = result.value;
-                return value && "object" == $gXNCa$babelruntimehelperstypeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value) {
-                    invoke("next", value, resolve, reject);
-                }, function(err) {
-                    invoke("throw", err, resolve, reject);
-                }) : PromiseImpl.resolve(value).then(function(unwrapped) {
-                    result.value = unwrapped, resolve(result);
-                }, function(error) {
-                    return invoke("throw", error, resolve, reject);
-                });
-            }
-            reject(record.arg);
-        }
-        var previousPromise;
-        this._invoke = function(method, arg) {
-            function callInvokeWithMethodAndArg() {
-                return new PromiseImpl(function(resolve, reject) {
-                    invoke(method, arg, resolve, reject);
-                });
-            }
-            return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-        var method = delegate.iterator[context.method];
-        if (undefined === method) {
-            if (context.delegate = null, "throw" === context.method) {
-                if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-                context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-            }
-            return ContinueSentinel;
-        }
-        var record = tryCatch(method, delegate.iterator, context.arg);
-        if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-        var info = record.arg;
-        return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-        var entry = {
-            tryLoc: locs[0]
-        };
-        1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-        var record = entry.completion || {};
-        record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-        this.tryEntries = [
-            {
-                tryLoc: "root"
-            }
-        ], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-        if (iterable) {
-            var iteratorMethod = iterable[iteratorSymbol];
-            if (iteratorMethod) return iteratorMethod.call(iterable);
-            if ("function" == typeof iterable.next) return iterable;
-            if (!isNaN(iterable.length)) {
-                var i = -1, next = function next() {
-                    for(; ++i < iterable.length;){
-                        if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-                    }
-                    return next.value = undefined, next.done = !0, next;
-                };
-                return next.next = next;
-            }
-        }
-        return {
-            next: doneResult
-        };
-    }
-    function doneResult() {
-        return {
-            value: undefined,
-            done: !0
-        };
-    }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports1.isGeneratorFunction = function(genFun) {
-        var ctor = "function" == typeof genFun && genFun.constructor;
-        return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports1.mark = function(genFun) {
-        return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports1.awrap = function(arg) {
-        return {
-            __await: arg
-        };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
-        return this;
-    }), exports1.AsyncIterator = AsyncIterator, exports1.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-        void 0 === PromiseImpl && (PromiseImpl = Promise);
-        var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-        return exports1.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result) {
-            return result.done ? result.value : iter.next();
-        });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
-        return this;
-    }), define(Gp, "toString", function() {
-        return "[object Generator]";
-    }), exports1.keys = function(object) {
-        var keys = [];
-        for(var key in object)keys.push(key);
-        return keys.reverse(), function next() {
-            for(; keys.length;){
-                var key = keys.pop();
-                if (key in object) return next.value = key, next.done = !1, next;
-            }
-            return next.done = !0, next;
-        };
-    }, exports1.values = values, Context.prototype = {
-        constructor: Context,
-        reset: function reset(skipTempReset) {
-            if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for(var name in this)"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        },
-        stop: function stop() {
-            this.done = !0;
-            var rootRecord = this.tryEntries[0].completion;
-            if ("throw" === rootRecord.type) throw rootRecord.arg;
-            return this.rval;
-        },
-        dispatchException: function dispatchException(exception) {
-            if (this.done) throw exception;
-            var context = this;
-            function handle(loc, caught) {
-                return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-            }
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i], record = entry.completion;
-                if ("root" === entry.tryLoc) return handle("end");
-                if (entry.tryLoc <= this.prev) {
-                    var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
-                    if (hasCatch && hasFinally) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    } else if (hasCatch) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                    } else {
-                        if (!hasFinally) throw new Error("try statement without catch or finally");
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    }
-                }
-            }
-        },
-        abrupt: function abrupt(type, arg) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-                    var finallyEntry = entry;
-                    break;
-                }
-            }
-            finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-            var record = finallyEntry ? finallyEntry.completion : {};
-            return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-        },
-        complete: function complete(record, afterLoc) {
-            if ("throw" === record.type) throw record.arg;
-            return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-        },
-        finish: function finish(finallyLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-            }
-        },
-        "catch": function _catch(tryLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc === tryLoc) {
-                    var record = entry.completion;
-                    if ("throw" === record.type) {
-                        var thrown = record.arg;
-                        resetTryEntry(entry);
-                    }
-                    return thrown;
-                }
-            }
-            throw new Error("illegal catch attempt");
-        },
-        delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-            return this.delegate = {
-                iterator: values(iterable),
-                resultName: resultName,
-                nextLoc: nextLoc
-            }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-        }
-    }, exports1;
-}
 var $9cc56adabc671d24$var$useFileDropper = function useFileDropper(props) {
     var _props$initialFiles = props.initialFiles, initialFiles = _props$initialFiles === void 0 ? [] : _props$initialFiles, onAddFiles = props.onAddFiles, _props$onRemoveFile = props.onRemoveFile, onRemoveFile = _props$onRemoveFile === void 0 ? function() {} : _props$onRemoveFile, _props$onChange = props.onChange, onChange = _props$onChange === void 0 ? function() {} : _props$onChange, maxFiles = props.maxFiles;
     var _useState = (0, $gXNCa$react.useState)(false), _useState2 = (0, $9cc56adabc671d24$var$_slicedToArray2["default"])(_useState, 2), isUploading = _useState2[0], setIsUpLoading = _useState2[1];
@@ -9122,9 +8029,9 @@ var $9cc56adabc671d24$var$useFileDropper = function useFileDropper(props) {
         return _files.length > limit ? _files.splice(0, limit) : _files;
     }
     var handleAddFiles = /*#__PURE__*/ function() {
-        var _ref = (0, $9cc56adabc671d24$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $9cc56adabc671d24$var$_regeneratorRuntime().mark(function _callee(_files) {
+        var _ref = (0, $9cc56adabc671d24$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $9cc56adabc671d24$var$_regenerator["default"].mark(function _callee(_files) {
             var newFiles, newState;
-            return $9cc56adabc671d24$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+            return $9cc56adabc671d24$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         if (!(!_files.length || isUploading || maxFiles && files.length >= maxFiles)) {
@@ -9170,9 +8077,9 @@ var $9cc56adabc671d24$var$useFileDropper = function useFileDropper(props) {
         };
     }();
     var handleRemove = /*#__PURE__*/ function() {
-        var _ref2 = (0, $9cc56adabc671d24$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $9cc56adabc671d24$var$_regeneratorRuntime().mark(function _callee2(file, i) {
+        var _ref2 = (0, $9cc56adabc671d24$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $9cc56adabc671d24$var$_regenerator["default"].mark(function _callee2(file, i) {
             var newState;
-            return $9cc56adabc671d24$var$_regeneratorRuntime().wrap(function _callee2$(_context2) {
+            return $9cc56adabc671d24$var$_regenerator["default"].wrap(function _callee2$(_context2) {
                 while(true)switch(_context2.prev = _context2.next){
                     case 0:
                         if (!isRemoving) {
@@ -9326,6 +8233,8 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $39694de9ccf18c3d$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $39694de9ccf18c3d$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
 
 var $39694de9ccf18c3d$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
@@ -9405,294 +8314,6 @@ function $39694de9ccf18c3d$var$_objectSpread(target) {
     }
     return target;
 }
-function $39694de9ccf18c3d$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $39694de9ccf18c3d$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    var exports1 = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-        return Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }), obj[key];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-        var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []);
-        return generator._invoke = function(innerFn, self, context) {
-            var state = "suspendedStart";
-            return function(method, arg) {
-                if ("executing" === state) throw new Error("Generator is already running");
-                if ("completed" === state) {
-                    if ("throw" === method) throw arg;
-                    return doneResult();
-                }
-                for(context.method = method, context.arg = arg;;){
-                    var delegate = context.delegate;
-                    if (delegate) {
-                        var delegateResult = maybeInvokeDelegate(delegate, context);
-                        if (delegateResult) {
-                            if (delegateResult === ContinueSentinel) continue;
-                            return delegateResult;
-                        }
-                    }
-                    if ("next" === context.method) context.sent = context._sent = context.arg;
-                    else if ("throw" === context.method) {
-                        if ("suspendedStart" === state) throw state = "completed", context.arg;
-                        context.dispatchException(context.arg);
-                    } else "return" === context.method && context.abrupt("return", context.arg);
-                    state = "executing";
-                    var record = tryCatch(innerFn, self, context);
-                    if ("normal" === record.type) {
-                        if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-                        return {
-                            value: record.arg,
-                            done: context.done
-                        };
-                    }
-                    "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-                }
-            };
-        }(innerFn, self, context), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-        try {
-            return {
-                type: "normal",
-                arg: fn.call(obj, arg)
-            };
-        } catch (err) {
-            return {
-                type: "throw",
-                arg: err
-            };
-        }
-    }
-    exports1.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function() {
-        return this;
-    });
-    var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-        [
-            "next",
-            "throw",
-            "return"
-        ].forEach(function(method) {
-            define(prototype, method, function(arg) {
-                return this._invoke(method, arg);
-            });
-        });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-        function invoke(method, arg, resolve, reject) {
-            var record = tryCatch(generator[method], generator, arg);
-            if ("throw" !== record.type) {
-                var result = record.arg, value = result.value;
-                return value && "object" == $gXNCa$babelruntimehelperstypeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value) {
-                    invoke("next", value, resolve, reject);
-                }, function(err) {
-                    invoke("throw", err, resolve, reject);
-                }) : PromiseImpl.resolve(value).then(function(unwrapped) {
-                    result.value = unwrapped, resolve(result);
-                }, function(error) {
-                    return invoke("throw", error, resolve, reject);
-                });
-            }
-            reject(record.arg);
-        }
-        var previousPromise;
-        this._invoke = function(method, arg) {
-            function callInvokeWithMethodAndArg() {
-                return new PromiseImpl(function(resolve, reject) {
-                    invoke(method, arg, resolve, reject);
-                });
-            }
-            return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-        var method = delegate.iterator[context.method];
-        if (undefined === method) {
-            if (context.delegate = null, "throw" === context.method) {
-                if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-                context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-            }
-            return ContinueSentinel;
-        }
-        var record = tryCatch(method, delegate.iterator, context.arg);
-        if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-        var info = record.arg;
-        return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-        var entry = {
-            tryLoc: locs[0]
-        };
-        1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-        var record = entry.completion || {};
-        record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-        this.tryEntries = [
-            {
-                tryLoc: "root"
-            }
-        ], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-        if (iterable) {
-            var iteratorMethod = iterable[iteratorSymbol];
-            if (iteratorMethod) return iteratorMethod.call(iterable);
-            if ("function" == typeof iterable.next) return iterable;
-            if (!isNaN(iterable.length)) {
-                var i = -1, next = function next() {
-                    for(; ++i < iterable.length;){
-                        if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-                    }
-                    return next.value = undefined, next.done = !0, next;
-                };
-                return next.next = next;
-            }
-        }
-        return {
-            next: doneResult
-        };
-    }
-    function doneResult() {
-        return {
-            value: undefined,
-            done: !0
-        };
-    }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports1.isGeneratorFunction = function(genFun) {
-        var ctor = "function" == typeof genFun && genFun.constructor;
-        return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports1.mark = function(genFun) {
-        return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports1.awrap = function(arg) {
-        return {
-            __await: arg
-        };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
-        return this;
-    }), exports1.AsyncIterator = AsyncIterator, exports1.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-        void 0 === PromiseImpl && (PromiseImpl = Promise);
-        var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-        return exports1.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result) {
-            return result.done ? result.value : iter.next();
-        });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
-        return this;
-    }), define(Gp, "toString", function() {
-        return "[object Generator]";
-    }), exports1.keys = function(object) {
-        var keys = [];
-        for(var key in object)keys.push(key);
-        return keys.reverse(), function next() {
-            for(; keys.length;){
-                var key = keys.pop();
-                if (key in object) return next.value = key, next.done = !1, next;
-            }
-            return next.done = !0, next;
-        };
-    }, exports1.values = values, Context.prototype = {
-        constructor: Context,
-        reset: function reset(skipTempReset) {
-            if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for(var name in this)"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        },
-        stop: function stop() {
-            this.done = !0;
-            var rootRecord = this.tryEntries[0].completion;
-            if ("throw" === rootRecord.type) throw rootRecord.arg;
-            return this.rval;
-        },
-        dispatchException: function dispatchException(exception) {
-            if (this.done) throw exception;
-            var context = this;
-            function handle(loc, caught) {
-                return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-            }
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i], record = entry.completion;
-                if ("root" === entry.tryLoc) return handle("end");
-                if (entry.tryLoc <= this.prev) {
-                    var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
-                    if (hasCatch && hasFinally) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    } else if (hasCatch) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                    } else {
-                        if (!hasFinally) throw new Error("try statement without catch or finally");
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    }
-                }
-            }
-        },
-        abrupt: function abrupt(type, arg) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-                    var finallyEntry = entry;
-                    break;
-                }
-            }
-            finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-            var record = finallyEntry ? finallyEntry.completion : {};
-            return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-        },
-        complete: function complete(record, afterLoc) {
-            if ("throw" === record.type) throw record.arg;
-            return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-        },
-        finish: function finish(finallyLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-            }
-        },
-        "catch": function _catch(tryLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc === tryLoc) {
-                    var record = entry.completion;
-                    if ("throw" === record.type) {
-                        var thrown = record.arg;
-                        resetTryEntry(entry);
-                    }
-                    return thrown;
-                }
-            }
-            throw new Error("illegal catch attempt");
-        },
-        delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-            return this.delegate = {
-                iterator: values(iterable),
-                resultName: resultName,
-                nextLoc: nextLoc
-            }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-        }
-    }, exports1;
-}
 var $39694de9ccf18c3d$var$WrapperIcon = function WrapperIcon(props) {
     var badgeContent = props.badgeContent, badgeColor = props.badgeColor, children = props.children;
     if (badgeContent) return /*#__PURE__*/ $39694de9ccf18c3d$var$_react["default"].createElement($gXNCa$muimaterial.Badge, {
@@ -9718,9 +8339,9 @@ var $39694de9ccf18c3d$var$InlineButton = function InlineButton(props) {
     };
     var marginClassname = marginClassesMap[marginDirection];
     var _onClick = /*#__PURE__*/ function() {
-        var _ref = (0, $39694de9ccf18c3d$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $39694de9ccf18c3d$var$_regeneratorRuntime().mark(function _callee(e, button) {
+        var _ref = (0, $39694de9ccf18c3d$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $39694de9ccf18c3d$var$_regenerator["default"].mark(function _callee(e, button) {
             var _button$onClick;
-            return $39694de9ccf18c3d$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+            return $39694de9ccf18c3d$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         if (!button.onClick) {
@@ -10037,7 +8658,8 @@ var $c540f60a589f33c4$var$Button = function Button(props) {
         variant: variant,
         disabled: disabled
     })));
-}; // Props
+};
+// Props
 $c540f60a589f33c4$var$Button.propTypes = {
     color: $c540f60a589f33c4$var$_propTypes["default"].oneOf([
         "primary",
@@ -10366,6 +8988,12 @@ Object.defineProperty(module.exports, "SwapIcon", {
         return $896cfc3b1dfae9aa$var$_SwapIcon["default"];
     }
 });
+Object.defineProperty(module.exports, "TableIcon", {
+    enumerable: true,
+    get: function get() {
+        return $896cfc3b1dfae9aa$var$_TableIcon["default"];
+    }
+});
 Object.defineProperty(module.exports, "TrashIcon", {
     enumerable: true,
     get: function get() {
@@ -10423,6 +9051,8 @@ var $896cfc3b1dfae9aa$var$_SplitIcon = $gXNCa$babelruntimehelpersinteropRequireD
 
 var $896cfc3b1dfae9aa$var$_SwapIcon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("4hMUK")));
 
+var $896cfc3b1dfae9aa$var$_TableIcon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("fyoLq")));
+
 var $896cfc3b1dfae9aa$var$_TrashIcon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("4LhmC")));
 
 var $896cfc3b1dfae9aa$var$_UploadIcon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("430sF")));
@@ -10482,22 +9112,31 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $ba71576b896e480a$var$_extends2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersextends);
+
+var $ba71576b896e480a$var$_objectWithoutProperties2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersobjectWithoutProperties);
+
 var $ba71576b896e480a$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$react);
 
 var $ba71576b896e480a$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$proptypes);
 
 var $auDXv = parcelRequire("auDXv");
+var $ba71576b896e480a$var$_excluded = [
+    "content",
+    "size",
+    "color"
+];
 var $ba71576b896e480a$var$Icon = function Icon(_ref) {
-    var content = _ref.content, size = _ref.size, color = _ref.color;
+    var content = _ref.content, size = _ref.size, color = _ref.color, rest = (0, $ba71576b896e480a$var$_objectWithoutProperties2["default"])(_ref, $ba71576b896e480a$var$_excluded);
     var calculatedSize = (0, $auDXv.calculateSize)(size);
-    return /*#__PURE__*/ $ba71576b896e480a$var$_react["default"].createElement("svg", {
+    return /*#__PURE__*/ $ba71576b896e480a$var$_react["default"].createElement("svg", (0, $ba71576b896e480a$var$_extends2["default"])({
         width: calculatedSize,
         height: calculatedSize,
         viewBox: "0 0 20 20",
         xmlns: "http://www.w3.org/2000/svg",
         display: "flex",
         color: color
-    }, content);
+    }, rest), content);
 };
 $ba71576b896e480a$var$Icon.propTypes = {
     color: $ba71576b896e480a$var$_propTypes["default"].string,
@@ -11244,6 +9883,37 @@ module.exports["default"] = $31eeb14c4cf3c2b0$var$_default;
 
 });
 
+parcelRequire.register("fyoLq", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $b52d3d996f0b74e2$var$_extends2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersextends);
+
+var $b52d3d996f0b74e2$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$react);
+
+var $b52d3d996f0b74e2$var$_Icon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("g0qGb")));
+var $b52d3d996f0b74e2$var$TableIcon = function TableIcon(props) {
+    var c = /*#__PURE__*/ $b52d3d996f0b74e2$var$_react["default"].createElement("g", {
+        fillRule: "evenodd"
+    }, /*#__PURE__*/ $b52d3d996f0b74e2$var$_react["default"].createElement("path", {
+        fillRule: "nonzero",
+        d: "M18.718 0c.446 0 .607.046.77.134a.906.906 0 01.378.378c.088.163.134.324.134.77v17.436c0 .446-.046.607-.134.77a.909.909 0 01-.378.378c-.163.088-.324.134-.77.134H1.282c-.446 0-.607-.046-.77-.134a.909.909 0 01-.378-.378c-.088-.163-.134-.324-.134-.77V1.282C0 .836.046.675.134.512A.909.909 0 01.512.134C.675.046.836 0 1.282 0h17.436zm.274 1.007l-.073-.005H1.081l-.074.005-.005.074v17.838l.005.073.074.006.2.002 17.638-.002.073-.006.006-.073.002-.2-.002-17.638-.006-.074z"
+    }), /*#__PURE__*/ $b52d3d996f0b74e2$var$_react["default"].createElement("path", {
+        d: "M5.5 5h1a.5.5 0 010 1h-1a.5.5 0 010-1zm0 6h1a.5.5 0 110 1h-1a.5.5 0 110-1zm0 3h1a.5.5 0 110 1h-1a.5.5 0 110-1zm0-6h1a.5.5 0 010 1h-1a.5.5 0 010-1zm3-3h6a.5.5 0 110 1h-6a.5.5 0 010-1zm0 6h6a.5.5 0 110 1h-6a.5.5 0 110-1zm0 3h6a.5.5 0 110 1h-6a.5.5 0 110-1zm0-6h6a.5.5 0 110 1h-6a.5.5 0 010-1z"
+    }));
+    return /*#__PURE__*/ $b52d3d996f0b74e2$var$_react["default"].createElement($b52d3d996f0b74e2$var$_Icon["default"], (0, $b52d3d996f0b74e2$var$_extends2["default"])({
+        content: c
+    }, props));
+};
+var $b52d3d996f0b74e2$var$_default = $b52d3d996f0b74e2$var$TableIcon;
+module.exports["default"] = $b52d3d996f0b74e2$var$_default;
+
+});
+
 parcelRequire.register("4LhmC", function(module, exports) {
 "use strict";
 
@@ -11569,6 +10239,8 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $3e6285a7fb5d9790$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $3e6285a7fb5d9790$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
 
 var $3e6285a7fb5d9790$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersslicedToArray);
@@ -11578,323 +10250,35 @@ var $3e6285a7fb5d9790$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireD
 var $3e6285a7fb5d9790$var$_react = $3e6285a7fb5d9790$var$_interopRequireWildcard($gXNCa$react);
 
 var $3e6285a7fb5d9790$var$_I18n = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("b4Pcp")));
-
-var $3e6285a7fb5d9790$var$_Button = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("gVYzZ")));
-
-var $3e6285a7fb5d9790$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("b2Nld")));
-function $3e6285a7fb5d9790$var$_getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return ($3e6285a7fb5d9790$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function $3e6285a7fb5d9790$var$_interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) return obj;
-    if (obj === null || $gXNCa$babelruntimehelperstypeof(obj) !== "object" && typeof obj !== "function") return {
-        "default": obj
-    };
-    var cache = $3e6285a7fb5d9790$var$_getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) return cache.get(obj);
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
-        else newObj[key] = obj[key];
-    }
-    newObj["default"] = obj;
-    if (cache) cache.set(obj, newObj);
-    return newObj;
-}
-function $3e6285a7fb5d9790$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $3e6285a7fb5d9790$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    var exports1 = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-        return Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }), obj[key];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-        var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []);
-        return generator._invoke = function(innerFn, self, context) {
-            var state = "suspendedStart";
-            return function(method, arg) {
-                if ("executing" === state) throw new Error("Generator is already running");
-                if ("completed" === state) {
-                    if ("throw" === method) throw arg;
-                    return doneResult();
-                }
-                for(context.method = method, context.arg = arg;;){
-                    var delegate = context.delegate;
-                    if (delegate) {
-                        var delegateResult = maybeInvokeDelegate(delegate, context);
-                        if (delegateResult) {
-                            if (delegateResult === ContinueSentinel) continue;
-                            return delegateResult;
-                        }
-                    }
-                    if ("next" === context.method) context.sent = context._sent = context.arg;
-                    else if ("throw" === context.method) {
-                        if ("suspendedStart" === state) throw state = "completed", context.arg;
-                        context.dispatchException(context.arg);
-                    } else "return" === context.method && context.abrupt("return", context.arg);
-                    state = "executing";
-                    var record = tryCatch(innerFn, self, context);
-                    if ("normal" === record.type) {
-                        if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-                        return {
-                            value: record.arg,
-                            done: context.done
-                        };
-                    }
-                    "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-                }
-            };
-        }(innerFn, self, context), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-        try {
-            return {
-                type: "normal",
-                arg: fn.call(obj, arg)
-            };
-        } catch (err) {
-            return {
-                type: "throw",
-                arg: err
-            };
-        }
-    }
-    exports1.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function() {
-        return this;
-    });
-    var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-        [
-            "next",
-            "throw",
-            "return"
-        ].forEach(function(method) {
-            define(prototype, method, function(arg) {
-                return this._invoke(method, arg);
-            });
-        });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-        function invoke(method, arg, resolve, reject) {
-            var record = tryCatch(generator[method], generator, arg);
-            if ("throw" !== record.type) {
-                var result = record.arg, value = result.value;
-                return value && "object" == $gXNCa$babelruntimehelperstypeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value) {
-                    invoke("next", value, resolve, reject);
-                }, function(err) {
-                    invoke("throw", err, resolve, reject);
-                }) : PromiseImpl.resolve(value).then(function(unwrapped) {
-                    result.value = unwrapped, resolve(result);
-                }, function(error) {
-                    return invoke("throw", error, resolve, reject);
-                });
-            }
-            reject(record.arg);
-        }
-        var previousPromise;
-        this._invoke = function(method, arg) {
-            function callInvokeWithMethodAndArg() {
-                return new PromiseImpl(function(resolve, reject) {
-                    invoke(method, arg, resolve, reject);
-                });
-            }
-            return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-        var method = delegate.iterator[context.method];
-        if (undefined === method) {
-            if (context.delegate = null, "throw" === context.method) {
-                if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-                context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-            }
-            return ContinueSentinel;
-        }
-        var record = tryCatch(method, delegate.iterator, context.arg);
-        if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-        var info = record.arg;
-        return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-        var entry = {
-            tryLoc: locs[0]
-        };
-        1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-        var record = entry.completion || {};
-        record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-        this.tryEntries = [
-            {
-                tryLoc: "root"
-            }
-        ], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-        if (iterable) {
-            var iteratorMethod = iterable[iteratorSymbol];
-            if (iteratorMethod) return iteratorMethod.call(iterable);
-            if ("function" == typeof iterable.next) return iterable;
-            if (!isNaN(iterable.length)) {
-                var i = -1, next = function next() {
-                    for(; ++i < iterable.length;){
-                        if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-                    }
-                    return next.value = undefined, next.done = !0, next;
-                };
-                return next.next = next;
-            }
-        }
-        return {
-            next: doneResult
-        };
-    }
-    function doneResult() {
-        return {
-            value: undefined,
-            done: !0
-        };
+
+var $3e6285a7fb5d9790$var$_Button = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("gVYzZ")));
+
+var $3e6285a7fb5d9790$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("b2Nld")));
+function $3e6285a7fb5d9790$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($3e6285a7fb5d9790$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $3e6285a7fb5d9790$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $gXNCa$babelruntimehelperstypeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $3e6285a7fb5d9790$var$_getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+        else newObj[key] = obj[key];
     }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports1.isGeneratorFunction = function(genFun) {
-        var ctor = "function" == typeof genFun && genFun.constructor;
-        return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports1.mark = function(genFun) {
-        return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports1.awrap = function(arg) {
-        return {
-            __await: arg
-        };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
-        return this;
-    }), exports1.AsyncIterator = AsyncIterator, exports1.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-        void 0 === PromiseImpl && (PromiseImpl = Promise);
-        var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-        return exports1.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result) {
-            return result.done ? result.value : iter.next();
-        });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
-        return this;
-    }), define(Gp, "toString", function() {
-        return "[object Generator]";
-    }), exports1.keys = function(object) {
-        var keys = [];
-        for(var key in object)keys.push(key);
-        return keys.reverse(), function next() {
-            for(; keys.length;){
-                var key = keys.pop();
-                if (key in object) return next.value = key, next.done = !1, next;
-            }
-            return next.done = !0, next;
-        };
-    }, exports1.values = values, Context.prototype = {
-        constructor: Context,
-        reset: function reset(skipTempReset) {
-            if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for(var name in this)"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        },
-        stop: function stop() {
-            this.done = !0;
-            var rootRecord = this.tryEntries[0].completion;
-            if ("throw" === rootRecord.type) throw rootRecord.arg;
-            return this.rval;
-        },
-        dispatchException: function dispatchException(exception) {
-            if (this.done) throw exception;
-            var context = this;
-            function handle(loc, caught) {
-                return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-            }
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i], record = entry.completion;
-                if ("root" === entry.tryLoc) return handle("end");
-                if (entry.tryLoc <= this.prev) {
-                    var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
-                    if (hasCatch && hasFinally) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    } else if (hasCatch) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                    } else {
-                        if (!hasFinally) throw new Error("try statement without catch or finally");
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    }
-                }
-            }
-        },
-        abrupt: function abrupt(type, arg) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-                    var finallyEntry = entry;
-                    break;
-                }
-            }
-            finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-            var record = finallyEntry ? finallyEntry.completion : {};
-            return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-        },
-        complete: function complete(record, afterLoc) {
-            if ("throw" === record.type) throw record.arg;
-            return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-        },
-        finish: function finish(finallyLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-            }
-        },
-        "catch": function _catch(tryLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc === tryLoc) {
-                    var record = entry.completion;
-                    if ("throw" === record.type) {
-                        var thrown = record.arg;
-                        resetTryEntry(entry);
-                    }
-                    return thrown;
-                }
-            }
-            throw new Error("illegal catch attempt");
-        },
-        delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-            return this.delegate = {
-                iterator: values(iterable),
-                resultName: resultName,
-                nextLoc: nextLoc
-            }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-        }
-    }, exports1;
+    newObj["default"] = obj;
+    if (cache) cache.set(obj, newObj);
+    return newObj;
 }
 var $3e6285a7fb5d9790$var$ButtonCell = function ButtonCell(_ref) {
     var data = _ref.data, dataKey = _ref.dataKey, column = _ref.column, isDisabled = _ref.isDisabled;
@@ -11905,8 +10289,8 @@ var $3e6285a7fb5d9790$var$ButtonCell = function ButtonCell(_ref) {
         return _onClick.apply(this, arguments);
     }
     function _onClick() {
-        _onClick = (0, $3e6285a7fb5d9790$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $3e6285a7fb5d9790$var$_regeneratorRuntime().mark(function _callee() {
-            return $3e6285a7fb5d9790$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+        _onClick = (0, $3e6285a7fb5d9790$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $3e6285a7fb5d9790$var$_regenerator["default"].mark(function _callee() {
+            return $3e6285a7fb5d9790$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         _context.prev = 0;
@@ -12373,7 +10757,8 @@ var $9989899389fa060b$var$AutocompleteEdit = /*#__PURE__*/ (0, $9989899389fa060b
             }, label));
         },
         filterOptions: function filterOptions(options, params) {
-            var filtered = filter(options, params); // Suggest the creation of a new value
+            var filtered = filter(options, params);
+            // Suggest the creation of a new value
             if (params.inputValue !== "" && filtered.length === 0 && canCreate) filtered.push({
                 inputValue: params.inputValue,
                 label: $9989899389fa060b$var$_I18n["default"].t("autocomplete.createOption", {
@@ -12497,7 +10882,7 @@ var $e051837645aae399$var$useStyles = (0, $e051837645aae399$var$_makeStyles["def
         },
         pointer: {
             cursor: "pointer",
-            "&:hover": {
+            "&:hover > *": {
                 textDecoration: "underline"
             }
         },
@@ -12637,6 +11022,32 @@ module.exports["default"] = $9d2199f26db3ff55$var$_default;
 });
 
 
+parcelRequire.register("3LtOr", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.useSecured = void 0;
+
+var $ckVq7 = parcelRequire("ckVq7");
+
+var $4vYVW = parcelRequire("4vYVW");
+var $2bdce305434549fd$var$useSecured = function useSecured(row) {
+    var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config, unlockedRowsIds = _useConfig$config.unlockedRowsIds, selectableRowKey = _useConfig$config.selectableRowKey, hasSecuredRows = _useConfig$config.hasSecuredRows;
+    var isSecuredRow_ = (0, $4vYVW.isLockedRow)({
+        hasSecuredRows: hasSecuredRows,
+        row: row,
+        unlockedRowsIds: unlockedRowsIds,
+        selectableRowKey: selectableRowKey
+    });
+    return {
+        isSecuredRow: isSecuredRow_
+    };
+};
+module.exports.useSecured = $2bdce305434549fd$var$useSecured;
+
+});
+
 
 parcelRequire.register("lWMip", function(module, exports) {
 "use strict";
@@ -13336,7 +11747,7 @@ var $e7517de803644e56$var$Header = function Header(_ref) {
     var displayableRows = _ref.displayableRows, wrapHeaderText = _ref.wrapHeaderText, _tableKeyName = _ref.tableKeyName, order = _ref.order, orderDirection = _ref.orderDirection, onOrderChange = _ref.onOrderChange, rest = (0, $e7517de803644e56$var$_objectWithoutProperties2["default"])(_ref, $e7517de803644e56$var$_excluded);
     var CHECKBOX_COLUMN = "checkboxColumn";
     var styles = (0, $e7517de803644e56$var$_styles["default"])();
-    var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$has = _useConfig$config.hasCheckBoxHidden, hasCheckBoxHidden = _useConfig$config$has === void 0 ? false : _useConfig$config$has, _useConfig$config$has2 = _useConfig$config.hasSecureSociety, hasSecureSociety = _useConfig$config$has2 === void 0 ? false : _useConfig$config$has2, openSocieties = _useConfig$config.openSocieties, _useConfig$config$sel = _useConfig$config.selectableOnlyOneRow, selectableOnlyOneRow = _useConfig$config$sel === void 0 ? false : _useConfig$config$sel, _useConfig$config$sel2 = _useConfig$config.selectableRowKey, selectableRowKey = _useConfig$config$sel2 === void 0 ? "id" : _useConfig$config$sel2, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, stylesProp = _useConfig$config.styles;
+    var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$has = _useConfig$config.hasCheckBoxHidden, hasCheckBoxHidden = _useConfig$config$has === void 0 ? false : _useConfig$config$has, _useConfig$config$has2 = _useConfig$config.hasSecuredRows, hasSecuredRows = _useConfig$config$has2 === void 0 ? false : _useConfig$config$has2, unlockedRowsIds = _useConfig$config.unlockedRowsIds, _useConfig$config$sel = _useConfig$config.selectableOnlyOneRow, selectableOnlyOneRow = _useConfig$config$sel === void 0 ? false : _useConfig$config$sel, _useConfig$config$sel2 = _useConfig$config.selectableRowKey, selectableRowKey = _useConfig$config$sel2 === void 0 ? "id" : _useConfig$config$sel2, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, stylesProp = _useConfig$config.styles;
     var isAllCheckedColumn = function isAllCheckedColumn(key, rows) {
         var _iterator = $e7517de803644e56$var$_createForOfIteratorHelper(rows), _step;
         try {
@@ -13361,14 +11772,14 @@ var $e7517de803644e56$var$Header = function Header(_ref) {
         return (0, $idhBf.getSelectableRows)({
             displayableRows: displayableRows,
             selectableRowKey: selectableRowKey,
-            hasSecureSociety: hasSecureSociety,
-            openSocieties: openSocieties
+            hasSecuredRows: hasSecuredRows,
+            unlockedRowsIds: unlockedRowsIds
         });
     }, [
         displayableRows,
         selectableRowKey,
-        hasSecureSociety,
-        openSocieties
+        hasSecuredRows,
+        unlockedRowsIds
     ]);
     var isAllChecked = (0, $e7517de803644e56$var$_react.useMemo)(function() {
         return (0, $eZKbx.sameArray)(allSelectableKey, (0, $idhBf.getSelectedVisibleRows)(selectedRows, displayableRows, selectableRowKey));
@@ -13837,7 +12248,8 @@ module.exports.sameArray = $aeaa9692314e35aa$var$sameArray;
 // Inspired by https://stackoverflow.com/questions/7837456/how-to-compare-arrays-in-javascript
 function $aeaa9692314e35aa$var$sameArray(array1, array2) {
     // if the other array is a falsy value, return
-    if (!array2) return false; // compare lengths - can save a lot of time
+    if (!array2) return false;
+    // compare lengths - can save a lot of time
     if (array1.length !== array2.length) return false;
     var offset = 0;
     for(var i = 0, l = array1.length; i < l; i++){
@@ -13987,7 +12399,7 @@ var $024494c4bcfd73e9$var$_react = $024494c4bcfd73e9$var$_interopRequireWildcard
 var $024494c4bcfd73e9$var$_classnames = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$classnames);
 
 
-var $024494c4bcfd73e9$var$_Search = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muiiconsmaterialSearch);
+var $bNvRr = parcelRequire("bNvRr");
 
 var $024494c4bcfd73e9$var$_ClickAwayListener = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muibaseClickAwayListener);
 
@@ -14151,7 +12563,9 @@ var $024494c4bcfd73e9$var$SearchBar = function SearchBar(_ref) {
         color: "primary",
         onClick: focusMainInput,
         variant: "contained"
-    }, /*#__PURE__*/ $024494c4bcfd73e9$var$_react["default"].createElement($024494c4bcfd73e9$var$_Search["default"], null)), /*#__PURE__*/ $024494c4bcfd73e9$var$_react["default"].createElement("div", {
+    }, /*#__PURE__*/ $024494c4bcfd73e9$var$_react["default"].createElement($bNvRr.SearchIcon, {
+        size: "m"
+    })), /*#__PURE__*/ $024494c4bcfd73e9$var$_react["default"].createElement("div", {
         className: classes.termsWrapper,
         style: {
             minWidth: wrapperMinWidth
@@ -14344,7 +12758,7 @@ var $439c8c5525c90b0c$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefau
 
 var $439c8c5525c90b0c$var$_classnames = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$classnames);
 
-var $439c8c5525c90b0c$var$_Close = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muiiconsmaterialClose);
+var $bNvRr = parcelRequire("bNvRr");
 
 var $439c8c5525c90b0c$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$proptypes);
 
@@ -14383,8 +12797,9 @@ var $439c8c5525c90b0c$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefa
             onClick: function onClick() {
                 return onClose(name);
             }
-        }, /*#__PURE__*/ $439c8c5525c90b0c$var$_react["default"].createElement($439c8c5525c90b0c$var$_Close["default"], {
-            className: classes.closeIcon
+        }, /*#__PURE__*/ $439c8c5525c90b0c$var$_react["default"].createElement($bNvRr.CloseIcon, {
+            className: classes.closeIcon,
+            size: 8
         })))
     });
 };
@@ -14433,8 +12848,7 @@ var $6bdd929e648764d2$var$useStyles = (0, $6bdd929e648764d2$var$_makeStyles["def
             }
         },
         closeIcon: {
-            color: theme.palette.primary.main,
-            fontSize: "0.875rem"
+            color: theme.palette.primary.main
         }
     };
 });
@@ -14782,6 +13196,8 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $4cc03a09cd474ddf$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
 var $4cc03a09cd474ddf$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
 
 var $4cc03a09cd474ddf$var$_toConsumableArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelperstoConsumableArray);
@@ -14793,7 +13209,7 @@ var $4cc03a09cd474ddf$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropReq
 var $4cc03a09cd474ddf$var$_react = $4cc03a09cd474ddf$var$_interopRequireWildcard($gXNCa$react);
 
 
-var $4cc03a09cd474ddf$var$_MoreVert = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muiiconsmaterialMoreVert);
+var $bNvRr = parcelRequire("bNvRr");
 
 var $4cc03a09cd474ddf$var$_SettingsIcon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("jUXzP")));
 
@@ -14840,294 +13256,6 @@ function $4cc03a09cd474ddf$var$_interopRequireWildcard(obj, nodeInterop) {
     if (cache) cache.set(obj, newObj);
     return newObj;
 }
-function $4cc03a09cd474ddf$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $4cc03a09cd474ddf$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    var exports1 = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-        return Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }), obj[key];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-        var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []);
-        return generator._invoke = function(innerFn, self, context) {
-            var state = "suspendedStart";
-            return function(method, arg) {
-                if ("executing" === state) throw new Error("Generator is already running");
-                if ("completed" === state) {
-                    if ("throw" === method) throw arg;
-                    return doneResult();
-                }
-                for(context.method = method, context.arg = arg;;){
-                    var delegate = context.delegate;
-                    if (delegate) {
-                        var delegateResult = maybeInvokeDelegate(delegate, context);
-                        if (delegateResult) {
-                            if (delegateResult === ContinueSentinel) continue;
-                            return delegateResult;
-                        }
-                    }
-                    if ("next" === context.method) context.sent = context._sent = context.arg;
-                    else if ("throw" === context.method) {
-                        if ("suspendedStart" === state) throw state = "completed", context.arg;
-                        context.dispatchException(context.arg);
-                    } else "return" === context.method && context.abrupt("return", context.arg);
-                    state = "executing";
-                    var record = tryCatch(innerFn, self, context);
-                    if ("normal" === record.type) {
-                        if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-                        return {
-                            value: record.arg,
-                            done: context.done
-                        };
-                    }
-                    "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-                }
-            };
-        }(innerFn, self, context), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-        try {
-            return {
-                type: "normal",
-                arg: fn.call(obj, arg)
-            };
-        } catch (err) {
-            return {
-                type: "throw",
-                arg: err
-            };
-        }
-    }
-    exports1.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function() {
-        return this;
-    });
-    var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-        [
-            "next",
-            "throw",
-            "return"
-        ].forEach(function(method) {
-            define(prototype, method, function(arg) {
-                return this._invoke(method, arg);
-            });
-        });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-        function invoke(method, arg, resolve, reject) {
-            var record = tryCatch(generator[method], generator, arg);
-            if ("throw" !== record.type) {
-                var result = record.arg, value = result.value;
-                return value && "object" == $gXNCa$babelruntimehelperstypeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value) {
-                    invoke("next", value, resolve, reject);
-                }, function(err) {
-                    invoke("throw", err, resolve, reject);
-                }) : PromiseImpl.resolve(value).then(function(unwrapped) {
-                    result.value = unwrapped, resolve(result);
-                }, function(error) {
-                    return invoke("throw", error, resolve, reject);
-                });
-            }
-            reject(record.arg);
-        }
-        var previousPromise;
-        this._invoke = function(method, arg) {
-            function callInvokeWithMethodAndArg() {
-                return new PromiseImpl(function(resolve, reject) {
-                    invoke(method, arg, resolve, reject);
-                });
-            }
-            return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-        var method = delegate.iterator[context.method];
-        if (undefined === method) {
-            if (context.delegate = null, "throw" === context.method) {
-                if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-                context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-            }
-            return ContinueSentinel;
-        }
-        var record = tryCatch(method, delegate.iterator, context.arg);
-        if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-        var info = record.arg;
-        return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-        var entry = {
-            tryLoc: locs[0]
-        };
-        1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-        var record = entry.completion || {};
-        record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-        this.tryEntries = [
-            {
-                tryLoc: "root"
-            }
-        ], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-        if (iterable) {
-            var iteratorMethod = iterable[iteratorSymbol];
-            if (iteratorMethod) return iteratorMethod.call(iterable);
-            if ("function" == typeof iterable.next) return iterable;
-            if (!isNaN(iterable.length)) {
-                var i = -1, next = function next() {
-                    for(; ++i < iterable.length;){
-                        if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-                    }
-                    return next.value = undefined, next.done = !0, next;
-                };
-                return next.next = next;
-            }
-        }
-        return {
-            next: doneResult
-        };
-    }
-    function doneResult() {
-        return {
-            value: undefined,
-            done: !0
-        };
-    }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports1.isGeneratorFunction = function(genFun) {
-        var ctor = "function" == typeof genFun && genFun.constructor;
-        return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports1.mark = function(genFun) {
-        return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports1.awrap = function(arg) {
-        return {
-            __await: arg
-        };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
-        return this;
-    }), exports1.AsyncIterator = AsyncIterator, exports1.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-        void 0 === PromiseImpl && (PromiseImpl = Promise);
-        var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-        return exports1.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result) {
-            return result.done ? result.value : iter.next();
-        });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
-        return this;
-    }), define(Gp, "toString", function() {
-        return "[object Generator]";
-    }), exports1.keys = function(object) {
-        var keys = [];
-        for(var key in object)keys.push(key);
-        return keys.reverse(), function next() {
-            for(; keys.length;){
-                var key = keys.pop();
-                if (key in object) return next.value = key, next.done = !1, next;
-            }
-            return next.done = !0, next;
-        };
-    }, exports1.values = values, Context.prototype = {
-        constructor: Context,
-        reset: function reset(skipTempReset) {
-            if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for(var name in this)"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        },
-        stop: function stop() {
-            this.done = !0;
-            var rootRecord = this.tryEntries[0].completion;
-            if ("throw" === rootRecord.type) throw rootRecord.arg;
-            return this.rval;
-        },
-        dispatchException: function dispatchException(exception) {
-            if (this.done) throw exception;
-            var context = this;
-            function handle(loc, caught) {
-                return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-            }
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i], record = entry.completion;
-                if ("root" === entry.tryLoc) return handle("end");
-                if (entry.tryLoc <= this.prev) {
-                    var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
-                    if (hasCatch && hasFinally) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    } else if (hasCatch) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                    } else {
-                        if (!hasFinally) throw new Error("try statement without catch or finally");
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    }
-                }
-            }
-        },
-        abrupt: function abrupt(type, arg) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-                    var finallyEntry = entry;
-                    break;
-                }
-            }
-            finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-            var record = finallyEntry ? finallyEntry.completion : {};
-            return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-        },
-        complete: function complete(record, afterLoc) {
-            if ("throw" === record.type) throw record.arg;
-            return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-        },
-        finish: function finish(finallyLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-            }
-        },
-        "catch": function _catch(tryLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc === tryLoc) {
-                    var record = entry.completion;
-                    if ("throw" === record.type) {
-                        var thrown = record.arg;
-                        resetTryEntry(entry);
-                    }
-                    return thrown;
-                }
-            }
-            throw new Error("illegal catch attempt");
-        },
-        delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-            return this.delegate = {
-                iterator: values(iterable),
-                resultName: resultName,
-                nextLoc: nextLoc
-            }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-        }
-    }, exports1;
-}
 function $4cc03a09cd474ddf$var$ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -15151,7 +13279,7 @@ function $4cc03a09cd474ddf$var$_objectSpread(target) {
 }
 var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
     var _apiRef$current, _apiRef$current$valid;
-    var displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, handleCancel = _ref.handleCancel, selectedRows = _ref.selectedRows, selectedVisibleRows = _ref.selectedVisibleRows, onChangeColumnsSetting = _ref.onChangeColumnsSetting;
+    var displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, onCancel = _ref.handleCancel, selectedRows = _ref.selectedRows, selectedVisibleRows = _ref.selectedVisibleRows, onChangeColumnsSetting = _ref.onChangeColumnsSetting;
     var _useConfig = (0, $ckVq7.useConfig)(), allRows = _useConfig.allRows, can = _useConfig.can, _useConfig$config = _useConfig.config, _useConfig$config$act = _useConfig$config.actionsButton, actionsButton = _useConfig$config$act === void 0 ? [] : _useConfig$config$act, _useConfig$config$cus = _useConfig$config.customButtons, customButtons = _useConfig$config$cus === void 0 ? [] : _useConfig$config$cus, _useConfig$config$exp = _useConfig$config.exportFormat, exportFormat = _useConfig$config$exp === void 0 ? [
         "csv",
         "xls"
@@ -15175,9 +13303,9 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
         return _handleDeleteRows.apply(this, arguments);
     }
     function _handleDeleteRows() {
-        _handleDeleteRows = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regeneratorRuntime().mark(function _callee() {
+        _handleDeleteRows = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regenerator["default"].mark(function _callee() {
             var _apiRef$current2, _apiRef$current2$vali;
-            return $4cc03a09cd474ddf$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+            return $4cc03a09cd474ddf$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         _context.prev = 0;
@@ -15208,10 +13336,10 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
         return _handleSave.apply(this, arguments);
     }
     function _handleSave() {
-        _handleSave = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regeneratorRuntime().mark(function _callee2() {
+        _handleSave = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regenerator["default"].mark(function _callee2() {
             var _apiRef$current3, _apiRef$current3$vali;
             var ret;
-            return $4cc03a09cd474ddf$var$_regeneratorRuntime().wrap(function _callee2$(_context2) {
+            return $4cc03a09cd474ddf$var$_regenerator["default"].wrap(function _callee2$(_context2) {
                 while(true)switch(_context2.prev = _context2.next){
                     case 0:
                         if (!(apiRef !== null && apiRef !== void 0 && (_apiRef$current3 = apiRef.current) !== null && _apiRef$current3 !== void 0 && (_apiRef$current3$vali = _apiRef$current3.validation) !== null && _apiRef$current3$vali !== void 0 && _apiRef$current3$vali.hasError)) {
@@ -15260,6 +13388,27 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
         }));
         return _handleSave.apply(this, arguments);
     }
+    function handleCancel() {
+        return _handleCancel.apply(this, arguments);
+    }
+    function _handleCancel() {
+        _handleCancel = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regenerator["default"].mark(function _callee3() {
+            return $4cc03a09cd474ddf$var$_regenerator["default"].wrap(function _callee3$(_context3) {
+                while(true)switch(_context3.prev = _context3.next){
+                    case 0:
+                        send("cancel");
+                        onCancel();
+                    case 2:
+                    case "end":
+                        return _context3.stop();
+                }
+            }, _callee3);
+        }));
+        return _handleCancel.apply(this, arguments);
+    }
+    apiRef.current.save = handleSave;
+    apiRef.current.cancel = handleCancel;
+    apiRef.current["delete"] = handleDeleteRows;
     var buttons = (0, $4cc03a09cd474ddf$var$_toConsumableArray2["default"])(customButtons === null || customButtons === void 0 ? void 0 : customButtons.map(function(customButton) {
         var _customButton$isDisab = customButton.isDisabled, isDisabled = _customButton$isDisab === void 0 ? function() {
             return false;
@@ -15292,10 +13441,11 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
     });
     if (actionsButton.length > 0 || exportFormat.length > 0) buttons.push({
         _type: "component",
-        component: /*#__PURE__*/ $4cc03a09cd474ddf$var$_react["default"].createElement($4cc03a09cd474ddf$var$_MoreVert["default"], null),
+        component: /*#__PURE__*/ $4cc03a09cd474ddf$var$_react["default"].createElement($bNvRr.MoreIcon, {
+            size: "m"
+        }),
         style: {
-            paddingLeft: 6,
-            paddingRight: 6,
+            padding: "6px 8px",
             color: "white"
         },
         onClick: handleClick
@@ -15339,10 +13489,7 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
             iconSize: 28,
             titleInfoBulle: $4cc03a09cd474ddf$var$_I18n["default"].t("tooltips.cancel"),
             disabled: !can("cancel") || !hasChange_ && !modeEdit,
-            onClick: function onClick() {
-                send("cancel");
-                handleCancel();
-            }
+            onClick: handleCancel
         });
     }
     if ([
@@ -15493,7 +13640,6 @@ module.exports["default"] = void 0;
 var $13769636dc41ec10$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$react);
 
 
-
 var $13769636dc41ec10$var$_I18n = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("b4Pcp")));
 
 var $13769636dc41ec10$var$_DataGrid = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("2Hknj")));
@@ -15507,10 +13653,13 @@ var $13769636dc41ec10$var$_Button = $gXNCa$babelruntimehelpersinteropRequireDefa
 var $9APg1 = parcelRequire("9APg1");
 
 var $l8ln3 = parcelRequire("l8ln3");
+
+var $bNvRr = parcelRequire("bNvRr");
 var $13769636dc41ec10$var$ColumnsSetting = function ColumnsSetting(_ref) {
     var open = _ref.open, onClose = _ref.onClose, onChangeColumnsSetting = _ref.onChangeColumnsSetting;
     var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config$col = _useConfig.config.columnsRaw, columnsRaw = _useConfig$config$col === void 0 ? [] : _useConfig$config$col;
     var _useColumnsSetting = (0, $9APg1.useColumnsSetting)(columnsRaw), columns = _useColumnsSetting.columns, changes = _useColumnsSetting.changes, reset = _useColumnsSetting.reset, save = _useColumnsSetting.save, handleChange = _useColumnsSetting.handleChange;
+    var theme = (0, $gXNCa$muimaterial.useTheme)();
     var handleValidate = function handleValidate() {
         onChangeColumnsSetting({
             type: "multiple",
@@ -15563,9 +13712,9 @@ var $13769636dc41ec10$var$ColumnsSetting = function ColumnsSetting(_ref) {
                 typeCell: $51yp9.TYPE_CELL.COMPONENT,
                 renderComponent: function renderComponent(_ref2) {
                     var data = _ref2.data;
-                    return (0, $l8ln3.isSearchable)(data) ? /*#__PURE__*/ $13769636dc41ec10$var$_react["default"].createElement($gXNCa$muiiconsmaterial.Check, {
-                        color: "primary",
-                        fontSize: "small"
+                    return (0, $l8ln3.isSearchable)(data) ? /*#__PURE__*/ $13769636dc41ec10$var$_react["default"].createElement($bNvRr.CheckboxIcon, {
+                        color: theme.palette.primary.main,
+                        size: "s"
                     }) : null;
                 }
             }
@@ -16070,312 +14219,25 @@ module.exports["default"] = $77903841862356c6$var$_default;
 });
 
 parcelRequire.register("ku1Z0", function(module, exports) {
-"use strict";
-
-
-Object.defineProperty(module.exports, "__esModule", {
-    value: true
-});
-module.exports.useExport = void 0;
-
-var $ee9825c87509d7ea$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
-
-var $ee9825c87509d7ea$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
-
-var $ee9825c87509d7ea$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersslicedToArray);
-
-
-var $gHByu = parcelRequire("gHByu");
-
-var $ckVq7 = parcelRequire("ckVq7");
-function $ee9825c87509d7ea$var$_regeneratorRuntime() {
-    "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
-    $ee9825c87509d7ea$var$_regeneratorRuntime = function _regeneratorRuntime() {
-        return exports1;
-    };
-    var exports1 = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-        return Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }), obj[key];
-    }
-    try {
-        define({}, "");
-    } catch (err) {
-        define = function define(obj, key, value) {
-            return obj[key] = value;
-        };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-        var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []);
-        return generator._invoke = function(innerFn, self, context) {
-            var state = "suspendedStart";
-            return function(method, arg) {
-                if ("executing" === state) throw new Error("Generator is already running");
-                if ("completed" === state) {
-                    if ("throw" === method) throw arg;
-                    return doneResult();
-                }
-                for(context.method = method, context.arg = arg;;){
-                    var delegate = context.delegate;
-                    if (delegate) {
-                        var delegateResult = maybeInvokeDelegate(delegate, context);
-                        if (delegateResult) {
-                            if (delegateResult === ContinueSentinel) continue;
-                            return delegateResult;
-                        }
-                    }
-                    if ("next" === context.method) context.sent = context._sent = context.arg;
-                    else if ("throw" === context.method) {
-                        if ("suspendedStart" === state) throw state = "completed", context.arg;
-                        context.dispatchException(context.arg);
-                    } else "return" === context.method && context.abrupt("return", context.arg);
-                    state = "executing";
-                    var record = tryCatch(innerFn, self, context);
-                    if ("normal" === record.type) {
-                        if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-                        return {
-                            value: record.arg,
-                            done: context.done
-                        };
-                    }
-                    "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-                }
-            };
-        }(innerFn, self, context), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-        try {
-            return {
-                type: "normal",
-                arg: fn.call(obj, arg)
-            };
-        } catch (err) {
-            return {
-                type: "throw",
-                arg: err
-            };
-        }
-    }
-    exports1.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function() {
-        return this;
-    });
-    var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-        [
-            "next",
-            "throw",
-            "return"
-        ].forEach(function(method) {
-            define(prototype, method, function(arg) {
-                return this._invoke(method, arg);
-            });
-        });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-        function invoke(method, arg, resolve, reject) {
-            var record = tryCatch(generator[method], generator, arg);
-            if ("throw" !== record.type) {
-                var result = record.arg, value = result.value;
-                return value && "object" == $gXNCa$babelruntimehelperstypeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value) {
-                    invoke("next", value, resolve, reject);
-                }, function(err) {
-                    invoke("throw", err, resolve, reject);
-                }) : PromiseImpl.resolve(value).then(function(unwrapped) {
-                    result.value = unwrapped, resolve(result);
-                }, function(error) {
-                    return invoke("throw", error, resolve, reject);
-                });
-            }
-            reject(record.arg);
-        }
-        var previousPromise;
-        this._invoke = function(method, arg) {
-            function callInvokeWithMethodAndArg() {
-                return new PromiseImpl(function(resolve, reject) {
-                    invoke(method, arg, resolve, reject);
-                });
-            }
-            return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-        var method = delegate.iterator[context.method];
-        if (undefined === method) {
-            if (context.delegate = null, "throw" === context.method) {
-                if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-                context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-            }
-            return ContinueSentinel;
-        }
-        var record = tryCatch(method, delegate.iterator, context.arg);
-        if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-        var info = record.arg;
-        return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-        var entry = {
-            tryLoc: locs[0]
-        };
-        1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-        var record = entry.completion || {};
-        record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-        this.tryEntries = [
-            {
-                tryLoc: "root"
-            }
-        ], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-        if (iterable) {
-            var iteratorMethod = iterable[iteratorSymbol];
-            if (iteratorMethod) return iteratorMethod.call(iterable);
-            if ("function" == typeof iterable.next) return iterable;
-            if (!isNaN(iterable.length)) {
-                var i = -1, next = function next() {
-                    for(; ++i < iterable.length;){
-                        if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-                    }
-                    return next.value = undefined, next.done = !0, next;
-                };
-                return next.next = next;
-            }
-        }
-        return {
-            next: doneResult
-        };
-    }
-    function doneResult() {
-        return {
-            value: undefined,
-            done: !0
-        };
-    }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports1.isGeneratorFunction = function(genFun) {
-        var ctor = "function" == typeof genFun && genFun.constructor;
-        return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports1.mark = function(genFun) {
-        return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports1.awrap = function(arg) {
-        return {
-            __await: arg
-        };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
-        return this;
-    }), exports1.AsyncIterator = AsyncIterator, exports1.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-        void 0 === PromiseImpl && (PromiseImpl = Promise);
-        var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-        return exports1.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result) {
-            return result.done ? result.value : iter.next();
-        });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
-        return this;
-    }), define(Gp, "toString", function() {
-        return "[object Generator]";
-    }), exports1.keys = function(object) {
-        var keys = [];
-        for(var key in object)keys.push(key);
-        return keys.reverse(), function next() {
-            for(; keys.length;){
-                var key = keys.pop();
-                if (key in object) return next.value = key, next.done = !1, next;
-            }
-            return next.done = !0, next;
-        };
-    }, exports1.values = values, Context.prototype = {
-        constructor: Context,
-        reset: function reset(skipTempReset) {
-            if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for(var name in this)"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        },
-        stop: function stop() {
-            this.done = !0;
-            var rootRecord = this.tryEntries[0].completion;
-            if ("throw" === rootRecord.type) throw rootRecord.arg;
-            return this.rval;
-        },
-        dispatchException: function dispatchException(exception) {
-            if (this.done) throw exception;
-            var context = this;
-            function handle(loc, caught) {
-                return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-            }
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i], record = entry.completion;
-                if ("root" === entry.tryLoc) return handle("end");
-                if (entry.tryLoc <= this.prev) {
-                    var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
-                    if (hasCatch && hasFinally) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    } else if (hasCatch) {
-                        if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-                    } else {
-                        if (!hasFinally) throw new Error("try statement without catch or finally");
-                        if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-                    }
-                }
-            }
-        },
-        abrupt: function abrupt(type, arg) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-                    var finallyEntry = entry;
-                    break;
-                }
-            }
-            finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-            var record = finallyEntry ? finallyEntry.completion : {};
-            return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-        },
-        complete: function complete(record, afterLoc) {
-            if ("throw" === record.type) throw record.arg;
-            return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-        },
-        finish: function finish(finallyLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-            }
-        },
-        "catch": function _catch(tryLoc) {
-            for(var i = this.tryEntries.length - 1; i >= 0; --i){
-                var entry = this.tryEntries[i];
-                if (entry.tryLoc === tryLoc) {
-                    var record = entry.completion;
-                    if ("throw" === record.type) {
-                        var thrown = record.arg;
-                        resetTryEntry(entry);
-                    }
-                    return thrown;
-                }
-            }
-            throw new Error("illegal catch attempt");
-        },
-        delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-            return this.delegate = {
-                iterator: values(iterable),
-                resultName: resultName,
-                nextLoc: nextLoc
-            }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-        }
-    }, exports1;
-}
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.useExport = void 0;
+
+var $ee9825c87509d7ea$var$_regenerator = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimeregenerator);
+
+var $ee9825c87509d7ea$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
+
+var $ee9825c87509d7ea$var$_asyncToGenerator2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersasyncToGenerator);
+
+var $ee9825c87509d7ea$var$_slicedToArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersslicedToArray);
+
+
+var $gHByu = parcelRequire("gHByu");
+
+var $ckVq7 = parcelRequire("ckVq7");
 function $ee9825c87509d7ea$var$ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -16407,8 +14269,8 @@ var $ee9825c87509d7ea$var$useExport = function useExport() {
    *
    * @param {string} format - The format of the exported file can be 'csv', 'xls', 'pdf', 'print'
    */ var exportData = /*#__PURE__*/ function() {
-        var _ref = (0, $ee9825c87509d7ea$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $ee9825c87509d7ea$var$_regeneratorRuntime().mark(function _callee(format, options) {
-            return $ee9825c87509d7ea$var$_regeneratorRuntime().wrap(function _callee$(_context) {
+        var _ref = (0, $ee9825c87509d7ea$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $ee9825c87509d7ea$var$_regenerator["default"].mark(function _callee(format, options) {
+            return $ee9825c87509d7ea$var$_regenerator["default"].wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
                         setLoading(true);
@@ -16610,12 +14472,15 @@ function $e805bdb14b581d2c$var$useMachine(machine) {
     var ref = (0, $gXNCa$react.useRef)(null);
     if (ref.current === null) ref.current = (0, $gXNCa$robot3.interpret)(machine, function() {
         // eslint-disable-next-line no-use-before-define
-        setState(service.machine.current); // eslint-disable-next-line no-use-before-define
+        setState(service.machine.current);
+        // eslint-disable-next-line no-use-before-define
         setContext(service.context);
     }, initialContext);
-    var service = ref.current; // We store the context & state of the machine in the react state.
+    var service = ref.current;
+    // We store the context & state of the machine in the react state.
     var _useState = (0, $gXNCa$react.useState)(service.machine.current), _useState2 = (0, $e805bdb14b581d2c$var$_slicedToArray2["default"])(_useState, 2), state = _useState2[0], setState = _useState2[1];
-    var _useState3 = (0, $gXNCa$react.useState)(service.context), _useState4 = (0, $e805bdb14b581d2c$var$_slicedToArray2["default"])(_useState3, 2), context = _useState4[0], setContext = _useState4[1]; // Allows you to request a transition
+    var _useState3 = (0, $gXNCa$react.useState)(service.context), _useState4 = (0, $e805bdb14b581d2c$var$_slicedToArray2["default"])(_useState3, 2), context = _useState4[0], setContext = _useState4[1];
+    // Allows you to request a transition
     var send = (0, $gXNCa$react.useCallback)(function(type) {
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         service.send($e805bdb14b581d2c$var$_objectSpread({
@@ -16623,12 +14488,14 @@ function $e805bdb14b581d2c$var$useMachine(machine) {
         }, params));
     }, [
         service
-    ]); // Checks if a transition is possible from the current state
+    ]);
+    // Checks if a transition is possible from the current state
     var can = (0, $gXNCa$react.useCallback)(function(transitionName) {
         // eslint-disable-next-line prefer-destructuring
         var transitions = service.machine.state.value.transitions;
         if (!transitions.has(transitionName)) return false;
-        var transitionsForName = transitions.get(transitionName); // eslint-disable-next-line no-restricted-syntax
+        var transitionsForName = transitions.get(transitionName);
+        // eslint-disable-next-line no-restricted-syntax
         var _iterator = $e805bdb14b581d2c$var$_createForOfIteratorHelper(transitionsForName), _step;
         try {
             for(_iterator.s(); !(_step = _iterator.n()).done;){
@@ -17015,7 +14882,8 @@ var $b4e89a7530fc0987$var$processGroupItem = function processGroupItem(group) {
     var titleRow = (0, $e902G.createTitleRow)(group);
     var newTab = [
         titleRow
-    ]; // TODO addRow for each group
+    ];
+    // TODO addRow for each group
     // if (modeAdd) {
     //   newTab.push(createAddRowGroup(group));
     // }
@@ -17070,6 +14938,7 @@ function $17502989b90aa03e$var$_objectSpread(target) {
 }
 var $17502989b90aa03e$var$useColumns = function useColumns(columns, tableKeyName) {
     var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var onColumnsChange = arguments.length > 3 ? arguments[3] : undefined;
     function reducer(state, action) {
         switch(action.type){
             case "multiple":
@@ -17119,6 +14988,11 @@ var $17502989b90aa03e$var$useColumns = function useColumns(columns, tableKeyName
         }
         return columns;
     }
+    (0, $gXNCa$react.useEffect)(function() {
+        if (onColumnsChange) onColumnsChange(state);
+    }, [
+        state
+    ]);
     return {
         dispatch: dispatch,
         state: state
@@ -17135,12 +15009,14 @@ parcelRequire.register("azJMN", function(module, exports) {
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
-module.exports.applySorting = module.exports.applyGroupSorting = void 0;
+module.exports.sortDate = module.exports.sortBoolean = module.exports.sort = module.exports.optionsComparator = module.exports.dbCollationOrdering = module.exports.dateComparator = module.exports.buildComparator = module.exports.applySorting = module.exports.applyGroupSorting = void 0;
 
 var $7b30b0659d74fc67$var$_toConsumableArray2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelperstoConsumableArray);
 
 var $7b30b0659d74fc67$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersdefineProperty);
 
+var $7b30b0659d74fc67$var$_get2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$lodashget);
+
 var $7b30b0659d74fc67$var$_orderBy2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$lodashorderBy);
 
 var $7b30b0659d74fc67$var$_groupBy2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$lodashgroupBy);
@@ -17148,6 +15024,8 @@ var $7b30b0659d74fc67$var$_groupBy2 = $gXNCa$babelruntimehelpersinteropRequireDe
 var $51yp9 = parcelRequire("51yp9");
 
 var $e902G = parcelRequire("e902G");
+
+var $7b30b0659d74fc67$var$_moment = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$moment);
 function $7b30b0659d74fc67$var$ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -17169,48 +15047,136 @@ function $7b30b0659d74fc67$var$_objectSpread(target) {
     }
     return target;
 }
-var $7b30b0659d74fc67$var$sortAlg = function sortAlg(list) {
+var $7b30b0659d74fc67$var$optionsComparator = function optionsComparator(list) {
+    return function(a, b) {
+        if (!a || !list[a]) return 1;
+        else if (!b || !list[b]) return -1;
+        return $7b30b0659d74fc67$var$sort(list[a], list[b]);
+    };
+};
+module.exports.optionsComparator = $7b30b0659d74fc67$var$optionsComparator;
+var $7b30b0659d74fc67$var$dateComparator = function dateComparator() {
+    var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "DD/MM/YYYY";
     return function(a, b) {
-        if (!a) return 1;
-        else if (!b) return -1;
-        return +list[a] - +list[b];
+        if (format === "YYYY-MM-DD") return $7b30b0659d74fc67$var$sortDate(a, b);
+        else {
+            var newA = a ? (0, $7b30b0659d74fc67$var$_moment["default"])(a, format).format("YYYY-MM-DD") : null;
+            var newB = b ? (0, $7b30b0659d74fc67$var$_moment["default"])(b, format).format("YYYY-MM-DD") : null;
+            return $7b30b0659d74fc67$var$sortDate(newA, newB);
+        }
     };
 };
+module.exports.dateComparator = $7b30b0659d74fc67$var$dateComparator;
+var $7b30b0659d74fc67$var$sortDate = function sortDate(a, b) {
+    if (!a) return 1;
+    if (!b) return -1;
+    return $7b30b0659d74fc67$var$sort(a, b);
+};
+module.exports.sortDate = $7b30b0659d74fc67$var$sortDate;
+var $7b30b0659d74fc67$var$sortBoolean = function sortBoolean() {
+    var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    return $7b30b0659d74fc67$var$sort(a, b);
+};
+module.exports.sortBoolean = $7b30b0659d74fc67$var$sortBoolean;
+var $7b30b0659d74fc67$var$sort = function sort(a, b) {
+    return a < b ? -1 : b < a ? 1 : 0;
+};
+/**
+ * Use same sorting logic than backend
+ *
+ * @param {*} a
+ * @param {*} b
+ */ module.exports.sort = $7b30b0659d74fc67$var$sort;
+var $7b30b0659d74fc67$var$dbCollationOrdering = function dbCollationOrdering(a, b) {
+    var newA = String(a).replace(/(?:(?![0-9A-Za-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u052F\u0531-\u0556\u0559\u0560-\u0588\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u05D0-\u05EA\u05EF-\u05F2\u0610-\u061A\u0620-\u065F\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06EF\u06FA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07CA-\u07F5\u07FA\u07FD\u0800-\u082D\u0840-\u085B\u0860-\u086A\u0870-\u0887\u0889-\u088E\u0898-\u08E1\u08E3-\u0963\u0971-\u0983\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7\u09C8\u09CB-\u09CE\u09D7\u09DC\u09DD\u09DF-\u09E3\u09F0\u09F1\u09FC\u09FE\u0A01-\u0A03\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A70-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AF9-\u0AFF\u0B01-\u0B03\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B55-\u0B57\u0B5C\u0B5D\u0B5F-\u0B63\u0B71\u0B82\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0C00-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3C-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C58-\u0C5A\u0C5D\u0C60-\u0C63\u0C80-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CDD\u0CDE\u0CE0-\u0CE3\u0CF1-\u0CF3\u0D00-\u0D0C\u0D0E-\u0D10\u0D12-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D54-\u0D57\u0D5F-\u0D63\u0D7A-\u0D7F\u0D81-\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECE\u0EDC-\u0EDF\u0F00\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u103F\u1050-\u108F\u109A-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u1715\u171F-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772\u1773\u1780-\u17D3\u17D7\u17DC\u17DD\u180B-\u180D\u180F\u1820-\u1878\u1880-\u18AA\u18B0-\u18F5\u1900-\u191E\u1920-\u192B\u1930-\u193B\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F\u1AA7\u1AB0-\u1ACE\u1B00-\u1B4C\u1B6B-\u1B73\u1B80-\u1BAF\u1BBA-\u1BF3\u1C00-\u1C37\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CD0-\u1CD2\u1CD4-\u1CFA\u1D00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u20D0-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u2E2F\u3005\u3006\u302A-\u302F\u3031-\u3035\u303B\u303C\u3041-\u3096\u3099\u309A\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BF\u31F0-\u31FF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA672\uA674-\uA67D\uA67F-\uA6E5\uA6F0\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA827\uA82C\uA840-\uA873\uA880-\uA8C5\uA8E0-\uA8F7\uA8FB\uA8FD-\uA8FF\uA90A-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF\uA9E0-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA36\uAA40-\uAA4D\uAA60-\uAA76\uAA7A-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABEA\uABEC\uABED\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE2F\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDDFD\uDE80-\uDE9C\uDEA0-\uDED0\uDEE0\uDF00-\uDF1F\uDF2D-\uDF40\uDF42-\uDF49\uDF50-\uDF7A\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDD70-\uDD7A\uDD7C-\uDD8A\uDD8C-\uDD92\uDD94\uDD95\uDD97-\uDDA1\uDDA3-\uDDB1\uDDB3-\uDDB9\uDDBB\uDDBC\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00-\uDE03\uDE05\uDE06\uDE0C-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE38-\uDE3A\uDE3F\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE6\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDD00-\uDD27\uDE80-\uDEA9\uDEAB\uDEAC\uDEB0\uDEB1\uDEFD-\uDF1C\uDF27\uDF30-\uDF50\uDF70-\uDF85\uDFB0-\uDFC4\uDFE0-\uDFF6]|\uD804[\uDC00-\uDC46\uDC70-\uDC75\uDC7F-\uDCBA\uDCC2\uDCD0-\uDCE8\uDD00-\uDD34\uDD44-\uDD47\uDD50-\uDD73\uDD76\uDD80-\uDDC4\uDDC9-\uDDCC\uDDCE\uDDCF\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE37\uDE3E-\uDE41\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEEA\uDF00-\uDF03\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3B-\uDF44\uDF47\uDF48\uDF4B-\uDF4D\uDF50\uDF57\uDF5D-\uDF63\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC00-\uDC4A\uDC5E-\uDC61\uDC80-\uDCC5\uDCC7\uDD80-\uDDB5\uDDB8-\uDDC0\uDDD8-\uDDDD\uDE00-\uDE40\uDE44\uDE80-\uDEB8\uDF00-\uDF1A\uDF1D-\uDF2B\uDF40-\uDF46]|\uD806[\uDC00-\uDC3A\uDCA0-\uDCDF\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD35\uDD37\uDD38\uDD3B-\uDD43\uDDA0-\uDDA7\uDDAA-\uDDD7\uDDDA-\uDDE1\uDDE3\uDDE4\uDE00-\uDE3E\uDE47\uDE50-\uDE99\uDE9D\uDEB0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC36\uDC38-\uDC40\uDC72-\uDC8F\uDC92-\uDCA7\uDCA9-\uDCB6\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD36\uDD3A\uDD3C\uDD3D\uDD3F-\uDD47\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD8E\uDD90\uDD91\uDD93-\uDD98\uDEE0-\uDEF6\uDF00-\uDF10\uDF12-\uDF3A\uDF3E-\uDF42\uDFB0]|\uD808[\uDC00-\uDF99]|\uD809[\uDC80-\uDD43]|\uD80B[\uDF90-\uDFF0]|[\uD80C\uD81C-\uD820\uD822\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879\uD880-\uD883\uD885-\uD887][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2F\uDC40-\uDC55]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE70-\uDEBE\uDED0-\uDEED\uDEF0-\uDEF4\uDF00-\uDF36\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDE40-\uDE7F\uDF00-\uDF4A\uDF4F-\uDF87\uDF8F-\uDF9F\uDFE0\uDFE1\uDFE3\uDFE4\uDFF0\uDFF1]|\uD821[\uDC00-\uDFF7]|\uD823[\uDC00-\uDCD5\uDD00-\uDD08]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD82C[\uDC00-\uDD22\uDD32\uDD50-\uDD52\uDD55\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99\uDC9D\uDC9E]|\uD833[\uDF00-\uDF2D\uDF30-\uDF46]|\uD834[\uDD65-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD\uDE42-\uDE44]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD836[\uDE00-\uDE36\uDE3B-\uDE6C\uDE75\uDE84\uDE9B-\uDE9F\uDEA1-\uDEAF]|\uD837[\uDF00-\uDF1E\uDF25-\uDF2A]|\uD838[\uDC00-\uDC06\uDC08-\uDC18\uDC1B-\uDC21\uDC23\uDC24\uDC26-\uDC2A\uDC30-\uDC6D\uDC8F\uDD00-\uDD2C\uDD30-\uDD3D\uDD4E\uDE90-\uDEAE\uDEC0-\uDEEF]|\uD839[\uDCD0-\uDCEF\uDFE0-\uDFE6\uDFE8-\uDFEB\uDFED\uDFEE\uDFF0-\uDFFE]|\uD83A[\uDC00-\uDCC4\uDCD0-\uDCD6\uDD00-\uDD4B]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF39\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A\uDF50-\uDFFF]|\uD888[\uDC00-\uDFAF]|\uDB40[\uDD00-\uDDEF])[\s\S])/gm, "");
+    var newB = String(b).replace(/(?:(?![0-9A-Za-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u052F\u0531-\u0556\u0559\u0560-\u0588\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u05D0-\u05EA\u05EF-\u05F2\u0610-\u061A\u0620-\u065F\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06EF\u06FA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07CA-\u07F5\u07FA\u07FD\u0800-\u082D\u0840-\u085B\u0860-\u086A\u0870-\u0887\u0889-\u088E\u0898-\u08E1\u08E3-\u0963\u0971-\u0983\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7\u09C8\u09CB-\u09CE\u09D7\u09DC\u09DD\u09DF-\u09E3\u09F0\u09F1\u09FC\u09FE\u0A01-\u0A03\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A70-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AF9-\u0AFF\u0B01-\u0B03\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B55-\u0B57\u0B5C\u0B5D\u0B5F-\u0B63\u0B71\u0B82\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0C00-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3C-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C58-\u0C5A\u0C5D\u0C60-\u0C63\u0C80-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CDD\u0CDE\u0CE0-\u0CE3\u0CF1-\u0CF3\u0D00-\u0D0C\u0D0E-\u0D10\u0D12-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D54-\u0D57\u0D5F-\u0D63\u0D7A-\u0D7F\u0D81-\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECE\u0EDC-\u0EDF\u0F00\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u103F\u1050-\u108F\u109A-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u1715\u171F-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772\u1773\u1780-\u17D3\u17D7\u17DC\u17DD\u180B-\u180D\u180F\u1820-\u1878\u1880-\u18AA\u18B0-\u18F5\u1900-\u191E\u1920-\u192B\u1930-\u193B\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F\u1AA7\u1AB0-\u1ACE\u1B00-\u1B4C\u1B6B-\u1B73\u1B80-\u1BAF\u1BBA-\u1BF3\u1C00-\u1C37\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CD0-\u1CD2\u1CD4-\u1CFA\u1D00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u20D0-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u2E2F\u3005\u3006\u302A-\u302F\u3031-\u3035\u303B\u303C\u3041-\u3096\u3099\u309A\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BF\u31F0-\u31FF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA672\uA674-\uA67D\uA67F-\uA6E5\uA6F0\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA827\uA82C\uA840-\uA873\uA880-\uA8C5\uA8E0-\uA8F7\uA8FB\uA8FD-\uA8FF\uA90A-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF\uA9E0-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA36\uAA40-\uAA4D\uAA60-\uAA76\uAA7A-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABEA\uABEC\uABED\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE2F\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDDFD\uDE80-\uDE9C\uDEA0-\uDED0\uDEE0\uDF00-\uDF1F\uDF2D-\uDF40\uDF42-\uDF49\uDF50-\uDF7A\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDD70-\uDD7A\uDD7C-\uDD8A\uDD8C-\uDD92\uDD94\uDD95\uDD97-\uDDA1\uDDA3-\uDDB1\uDDB3-\uDDB9\uDDBB\uDDBC\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00-\uDE03\uDE05\uDE06\uDE0C-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE38-\uDE3A\uDE3F\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE6\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDD00-\uDD27\uDE80-\uDEA9\uDEAB\uDEAC\uDEB0\uDEB1\uDEFD-\uDF1C\uDF27\uDF30-\uDF50\uDF70-\uDF85\uDFB0-\uDFC4\uDFE0-\uDFF6]|\uD804[\uDC00-\uDC46\uDC70-\uDC75\uDC7F-\uDCBA\uDCC2\uDCD0-\uDCE8\uDD00-\uDD34\uDD44-\uDD47\uDD50-\uDD73\uDD76\uDD80-\uDDC4\uDDC9-\uDDCC\uDDCE\uDDCF\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE37\uDE3E-\uDE41\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEEA\uDF00-\uDF03\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3B-\uDF44\uDF47\uDF48\uDF4B-\uDF4D\uDF50\uDF57\uDF5D-\uDF63\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC00-\uDC4A\uDC5E-\uDC61\uDC80-\uDCC5\uDCC7\uDD80-\uDDB5\uDDB8-\uDDC0\uDDD8-\uDDDD\uDE00-\uDE40\uDE44\uDE80-\uDEB8\uDF00-\uDF1A\uDF1D-\uDF2B\uDF40-\uDF46]|\uD806[\uDC00-\uDC3A\uDCA0-\uDCDF\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD35\uDD37\uDD38\uDD3B-\uDD43\uDDA0-\uDDA7\uDDAA-\uDDD7\uDDDA-\uDDE1\uDDE3\uDDE4\uDE00-\uDE3E\uDE47\uDE50-\uDE99\uDE9D\uDEB0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC36\uDC38-\uDC40\uDC72-\uDC8F\uDC92-\uDCA7\uDCA9-\uDCB6\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD36\uDD3A\uDD3C\uDD3D\uDD3F-\uDD47\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD8E\uDD90\uDD91\uDD93-\uDD98\uDEE0-\uDEF6\uDF00-\uDF10\uDF12-\uDF3A\uDF3E-\uDF42\uDFB0]|\uD808[\uDC00-\uDF99]|\uD809[\uDC80-\uDD43]|\uD80B[\uDF90-\uDFF0]|[\uD80C\uD81C-\uD820\uD822\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879\uD880-\uD883\uD885-\uD887][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2F\uDC40-\uDC55]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE70-\uDEBE\uDED0-\uDEED\uDEF0-\uDEF4\uDF00-\uDF36\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDE40-\uDE7F\uDF00-\uDF4A\uDF4F-\uDF87\uDF8F-\uDF9F\uDFE0\uDFE1\uDFE3\uDFE4\uDFF0\uDFF1]|\uD821[\uDC00-\uDFF7]|\uD823[\uDC00-\uDCD5\uDD00-\uDD08]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD82C[\uDC00-\uDD22\uDD32\uDD50-\uDD52\uDD55\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99\uDC9D\uDC9E]|\uD833[\uDF00-\uDF2D\uDF30-\uDF46]|\uD834[\uDD65-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD\uDE42-\uDE44]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD836[\uDE00-\uDE36\uDE3B-\uDE6C\uDE75\uDE84\uDE9B-\uDE9F\uDEA1-\uDEAF]|\uD837[\uDF00-\uDF1E\uDF25-\uDF2A]|\uD838[\uDC00-\uDC06\uDC08-\uDC18\uDC1B-\uDC21\uDC23\uDC24\uDC26-\uDC2A\uDC30-\uDC6D\uDC8F\uDD00-\uDD2C\uDD30-\uDD3D\uDD4E\uDE90-\uDEAE\uDEC0-\uDEEF]|\uD839[\uDCD0-\uDCEF\uDFE0-\uDFE6\uDFE8-\uDFEB\uDFED\uDFEE\uDFF0-\uDFFE]|\uD83A[\uDC00-\uDCC4\uDCD0-\uDCD6\uDD00-\uDD4B]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF39\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A\uDF50-\uDFFF]|\uD888[\uDC00-\uDFAF]|\uDB40[\uDD00-\uDDEF])[\s\S])/gm, "");
+    return new Intl.Collator("fr-FR", {
+        caseFirst: "lower",
+        sensitivity: "case"
+    }).compare(newA, newB);
+};
+/**
+ *
+ * @param {object} column
+ * @param {function} column.sortComparator
+ * @param {string} column.typeCell
+ * @param {string} column.formatDate
+ * @param {object[]} column.options
+ * @param {string|number} column.options.value
+ * @param {number} column.options.sortOrder
+ * @returns
+ */ module.exports.dbCollationOrdering = $7b30b0659d74fc67$var$dbCollationOrdering;
 var $7b30b0659d74fc67$var$buildComparator = function buildComparator(column) {
     if (column !== null && column !== void 0 && column.sortComparator) return column.sortComparator;
-    if (column.typeCell === $51yp9.TYPE_CELL.SELECT) {
-        if (!column.options) return;
-        var list = column.options.reduce(function(prev, curr) {
-            return $7b30b0659d74fc67$var$_objectSpread($7b30b0659d74fc67$var$_objectSpread({}, prev), {}, (0, $7b30b0659d74fc67$var$_defineProperty2["default"])({}, curr.value, curr.sortOrder));
-        }, {});
-        return $7b30b0659d74fc67$var$sortAlg(list);
+    switch(column === null || column === void 0 ? void 0 : column.typeCell){
+        case $51yp9.TYPE_CELL.SELECT:
+        case $51yp9.TYPE_CELL.AUTOCOMPLETE:
+            if (!column.options || column.options instanceof Function) return;
+            var list = column.options.reduce(function(prev, curr) {
+                var _curr$sortOrder;
+                return $7b30b0659d74fc67$var$_objectSpread($7b30b0659d74fc67$var$_objectSpread({}, prev), {}, (0, $7b30b0659d74fc67$var$_defineProperty2["default"])({}, curr.value, (_curr$sortOrder = curr.sortOrder) !== null && _curr$sortOrder !== void 0 ? _curr$sortOrder : curr.label));
+            }, {});
+            return $7b30b0659d74fc67$var$optionsComparator(list);
+        case $51yp9.TYPE_CELL.AMOUNT:
+        case $51yp9.TYPE_CELL.NUMBER:
+            return $7b30b0659d74fc67$var$sort;
+        case $51yp9.TYPE_CELL.DATE:
+            return $7b30b0659d74fc67$var$dateComparator(column.formatDate);
+        case $51yp9.TYPE_CELL.CHECKBOX:
+            return $7b30b0659d74fc67$var$sortBoolean;
+        default:
+            return $7b30b0659d74fc67$var$dbCollationOrdering;
     }
 };
-var $7b30b0659d74fc67$var$applySorting = function applySorting(data, columns, order, orderDirection) {
+module.exports.buildComparator = $7b30b0659d74fc67$var$buildComparator;
+var $7b30b0659d74fc67$var$sortBy = function sortBy(a, b, _ref) {
+    var order = _ref.order, comparator = _ref.comparator, orderDirection = _ref.orderDirection;
+    return orderDirection === $e902G.SORTABLE_DIRECTIONS.ASC ? comparator((0, $7b30b0659d74fc67$var$_get2["default"])(a, order), (0, $7b30b0659d74fc67$var$_get2["default"])(b, order), a, b) : comparator((0, $7b30b0659d74fc67$var$_get2["default"])(b, order), (0, $7b30b0659d74fc67$var$_get2["default"])(a, order), b, a);
+};
+/**
+ *
+ * @param {Row[]} data
+ * @param {Column[]} columns
+ * @param {string} order
+ * @param {'asc'|'desc'} orderDirection
+ * @returns
+ */ var $7b30b0659d74fc67$var$applySorting = function applySorting(data, columns, order, orderDirection) {
     var column = columns.find(function(c) {
         return c.key === order;
     });
-    var comparator = $7b30b0659d74fc67$var$buildComparator(column, order);
-    if (comparator) return (0, $7b30b0659d74fc67$var$_toConsumableArray2["default"])(data).sort(function(a, b) {
-        return orderDirection === $e902G.SORTABLE_DIRECTIONS.ASC ? comparator(a[order], b[order], a, b) : comparator(b[order], a[order], b, a);
+    var comparator = $7b30b0659d74fc67$var$buildComparator(column);
+    return (0, $7b30b0659d74fc67$var$_toConsumableArray2["default"])(data).sort(function(a, b) {
+        return $7b30b0659d74fc67$var$sortBy(a, b, {
+            order: order,
+            comparator: comparator,
+            orderDirection: orderDirection
+        });
     });
-    return (0, $7b30b0659d74fc67$var$_orderBy2["default"])(data, order, orderDirection);
 };
 module.exports.applySorting = $7b30b0659d74fc67$var$applySorting;
 var $7b30b0659d74fc67$var$applyGroupSorting = function applyGroupSorting(data, columns, order, orderDirection, groupKey, sortedGroup) {
     var column = columns.find(function(c) {
         return c.key === order;
     });
+    var comparator = $7b30b0659d74fc67$var$buildComparator(column);
     var groupedData = (0, $7b30b0659d74fc67$var$_groupBy2["default"])(data, groupKey);
     if (sortedGroup) groupedData = Object.values(groupedData).map(function(group) {
-        return $7b30b0659d74fc67$var$applySorting(group, columns, order, orderDirection);
+        return (0, $7b30b0659d74fc67$var$_toConsumableArray2["default"])(group).sort(function(a, b) {
+            return $7b30b0659d74fc67$var$sortBy(a, b, {
+                order: order,
+                comparator: comparator,
+                orderDirection: orderDirection
+            });
+        });
     });
-    var comparator = $7b30b0659d74fc67$var$buildComparator(column, order);
-    if (comparator) return Object.values(groupedData).sort(function(a, b) {
-        var _a$, _b$, _b$2, _a$2;
-        return orderDirection === $e902G.SORTABLE_DIRECTIONS.ASC ? comparator((_a$ = a[0]) === null || _a$ === void 0 ? void 0 : _a$[order], (_b$ = b[0]) === null || _b$ === void 0 ? void 0 : _b$[order], a[0], b[0]) : comparator((_b$2 = b[0]) === null || _b$2 === void 0 ? void 0 : _b$2[order], (_a$2 = a[0]) === null || _a$2 === void 0 ? void 0 : _a$2[order], b[0], a[0]);
+    return Object.values(groupedData).sort(function(a, b) {
+        return $7b30b0659d74fc67$var$sortBy(a[0], b[0], {
+            order: order,
+            comparator: comparator,
+            orderDirection: orderDirection
+        });
     }).flat();
-    return (0, $7b30b0659d74fc67$var$_orderBy2["default"])(groupedData, "[0].".concat(order), orderDirection).flat();
 };
 module.exports.applyGroupSorting = $7b30b0659d74fc67$var$applyGroupSorting;
 
@@ -17258,15 +15224,36 @@ var $eac58dc2231ce2e2$var$ApiRefHandler = function ApiRefHandler() {
     var _useExport = (0, $ku1Z0.useExport)(), exportData = _useExport.exportData;
     var validation = (0, $eac58dc2231ce2e2$var$_useValidation["default"])();
     var _useSelection = (0, $eac58dc2231ce2e2$var$_useSelection2["default"])(), selectRows = _useSelection.selectRows, selectedRows = _useSelection.selectedRows;
-    var _useConfig = (0, $ckVq7.useConfig)(), apiRef = _useConfig.apiRef;
+    var _useConfig = (0, $ckVq7.useConfig)(), apiRef = _useConfig.apiRef, send = _useConfig.send, config = _useConfig.config, allRows = _useConfig.allRows, displayableRows = _useConfig.displayableRows;
     apiRef.current.exportData = exportData;
     apiRef.current.selectRows = selectRows;
     apiRef.current.getSelectedRows = function() {
         return selectedRows;
     };
+    apiRef.current.edit = function() {
+        return send("edit");
+    };
+    apiRef.current.deleteNewRows = function() {
+        return send("deleteNewRows");
+    };
     apiRef.current.state = {
         selection: selectedRows
     };
+    apiRef.current.getData = function(options) {
+        return options !== null && options !== void 0 && options.filtered ? displayableRows : allRows;
+    };
+    apiRef.current.getColumns = function() {
+        return config.columnsRaw;
+    };
+    apiRef.current.setCellValue = function(_ref) {
+        var keyId = _ref.keyId, key = _ref.key, value = _ref.value;
+        return send("input", {
+            key: key,
+            selectableRowKey: config.selectableRowKey,
+            keyId: keyId,
+            data: value
+        });
+    };
     apiRef.current.validation = validation;
     return null;
 };
@@ -17517,7 +15504,7 @@ var $ecb12ed14934dbaa$var$required = function required(message) {
 module.exports.required = $ecb12ed14934dbaa$var$required;
 var $ecb12ed14934dbaa$var$date = function date(message) {
     return function(obj, key) {
-        if (!(0, $ecb12ed14934dbaa$var$_moment["default"])((0, $ecb12ed14934dbaa$var$_get2["default"])(obj, key, false)).isValid()) return message || $ecb12ed14934dbaa$var$_I18n["default"].t("validation.errors.invalidDate");
+        if (!(0, $ecb12ed14934dbaa$var$_moment["default"])((0, $ecb12ed14934dbaa$var$_get2["default"])(obj, key, $ecb12ed14934dbaa$var$_moment["default"].invalid())).isValid()) return message || $ecb12ed14934dbaa$var$_I18n["default"].t("validation.errors.invalidDate");
     };
 };
 module.exports.date = $ecb12ed14934dbaa$var$date;
@@ -17592,14 +15579,14 @@ var $91a39eacac205c01$var$_classnames = $gXNCa$babelruntimehelpersinteropRequire
 
 var $91a39eacac205c01$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$proptypes);
 
-var $91a39eacac205c01$var$_stylesModule = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("bOZp3")));
-
 var $91a39eacac205c01$var$_DropdownIcon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("aFBmr")));
 
 var $91a39eacac205c01$var$_CloseIcon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("dLjgM")));
 
 var $91a39eacac205c01$var$_I18n = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("b4Pcp")));
 
+var $91a39eacac205c01$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("dGthL")));
+
 var $91a39eacac205c01$var$_Results = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("3EwWo")));
 
 var $91a39eacac205c01$var$_Selector = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("fr13H")));
@@ -17608,6 +15595,7 @@ var $91a39eacac205c01$var$_hook = $gXNCa$babelruntimehelpersinteropRequireDefaul
 var $91a39eacac205c01$var$AutocompleteMultiple = function AutocompleteMultiple(_ref) {
     var _formatedOptions$filt, _htmlElRef$current;
     var _ref$options = _ref.options, options = _ref$options === void 0 ? [] : _ref$options, customSearch = _ref.customSearch, _ref$onChange = _ref.onChange, onChange = _ref$onChange === void 0 ? function() {} : _ref$onChange, isError = _ref.isError, label = _ref.label;
+    var styles = (0, $91a39eacac205c01$var$_styles["default"])();
     var _useAutocomplete = (0, $91a39eacac205c01$var$_hook["default"])(options, customSearch, onChange), inputValue = _useAutocomplete.inputValue, setInputValue = _useAutocomplete.setInputValue, isSearching = _useAutocomplete.isSearching, setIsSearching = _useAutocomplete.setIsSearching, formatedOptions = _useAutocomplete.formatedOptions, setFormatedOptions = _useAutocomplete.setFormatedOptions, filteredOptions = _useAutocomplete.filteredOptions, widthContainer = _useAutocomplete.widthContainer, htmlElRef = _useAutocomplete.htmlElRef;
     var handleUnselectAll = function handleUnselectAll(e) {
         e.stopPropagation();
@@ -17650,7 +15638,7 @@ var $91a39eacac205c01$var$AutocompleteMultiple = function AutocompleteMultiple(_
         return op === null || op === void 0 ? void 0 : op.selected;
     });
     return /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement("div", {
-        className: $91a39eacac205c01$var$_stylesModule["default"].autoCompleteContainer,
+        className: styles.autoCompleteContainer,
         ref: htmlElRef
     }, /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement("input", {
         type: "hidden",
@@ -17660,9 +15648,9 @@ var $91a39eacac205c01$var$AutocompleteMultiple = function AutocompleteMultiple(_
             return setIsSearching(true);
         }
     }, /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement("div", {
-        className: (0, $91a39eacac205c01$var$_classnames["default"])($91a39eacac205c01$var$_stylesModule["default"].label, isSearching && $91a39eacac205c01$var$_stylesModule["default"].search, isError && $91a39eacac205c01$var$_stylesModule["default"].isError)
+        className: (0, $91a39eacac205c01$var$_classnames["default"])(styles.label, isSearching && styles.search, isError && styles.isError)
     }, label || $91a39eacac205c01$var$_I18n["default"].t("common.select")), /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement("div", {
-        className: $91a39eacac205c01$var$_stylesModule["default"].selector,
+        className: styles.selector,
         "data-role": "selector"
     }, /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement($91a39eacac205c01$var$_Selector["default"], {
         isSearching: isSearching,
@@ -17676,15 +15664,15 @@ var $91a39eacac205c01$var$AutocompleteMultiple = function AutocompleteMultiple(_
         },
         isError: isError
     }), /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement("div", {
-        className: $91a39eacac205c01$var$_stylesModule["default"].icons
+        className: styles.icons
     }, (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 0 && /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement("div", {
-        className: $91a39eacac205c01$var$_stylesModule["default"].clear,
+        className: styles.clear,
         onClick: handleUnselectAll,
         "data-role": "clearSelection"
     }, /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement($91a39eacac205c01$var$_CloseIcon["default"], null)), /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement("div", {
-        className: (0, $91a39eacac205c01$var$_classnames["default"])($91a39eacac205c01$var$_stylesModule["default"].dropDownIcon, isSearching && $91a39eacac205c01$var$_stylesModule["default"].rotated)
+        className: (0, $91a39eacac205c01$var$_classnames["default"])(styles.dropDownIcon, isSearching && styles.rotated)
     }, /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement($91a39eacac205c01$var$_DropdownIcon["default"], null)))), /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement("div", {
-        className: (0, $91a39eacac205c01$var$_classnames["default"])($91a39eacac205c01$var$_stylesModule["default"].border, isSearching && $91a39eacac205c01$var$_stylesModule["default"].open, isError && $91a39eacac205c01$var$_stylesModule["default"].isError)
+        className: (0, $91a39eacac205c01$var$_classnames["default"])(styles.border, isSearching && styles.open, isError && styles.isErrorBorder)
     })), isSearching && /*#__PURE__*/ $91a39eacac205c01$var$_react["default"].createElement($91a39eacac205c01$var$_Results["default"], {
         setInputValue: setInputValue,
         inputValue: inputValue,
@@ -17706,42 +15694,71 @@ var $91a39eacac205c01$var$_default = $91a39eacac205c01$var$AutocompleteMultiple;
 module.exports["default"] = $91a39eacac205c01$var$_default;
 
 });
-parcelRequire.register("bOZp3", function(module, exports) {
-
-$parcel$export(module.exports, "rotated", () => $89b3fe986b2d4477$export$7d2b4e7a5a4801f2, (v) => $89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = v);
-$parcel$export(module.exports, "icons", () => $89b3fe986b2d4477$export$df03f54e09e486fa, (v) => $89b3fe986b2d4477$export$df03f54e09e486fa = v);
-$parcel$export(module.exports, "clear", () => $89b3fe986b2d4477$export$42ffd38884aecdac, (v) => $89b3fe986b2d4477$export$42ffd38884aecdac = v);
-$parcel$export(module.exports, "open", () => $89b3fe986b2d4477$export$3ce6949f20cea765, (v) => $89b3fe986b2d4477$export$3ce6949f20cea765 = v);
-$parcel$export(module.exports, "label", () => $89b3fe986b2d4477$export$1237798dc640739a, (v) => $89b3fe986b2d4477$export$1237798dc640739a = v);
-$parcel$export(module.exports, "isError", () => $89b3fe986b2d4477$export$e6127cc7fe7395c3, (v) => $89b3fe986b2d4477$export$e6127cc7fe7395c3 = v);
-$parcel$export(module.exports, "border", () => $89b3fe986b2d4477$export$1edee58a52776cd9, (v) => $89b3fe986b2d4477$export$1edee58a52776cd9 = v);
-$parcel$export(module.exports, "autoCompleteContainer", () => $89b3fe986b2d4477$export$d08603063fe3f9a5, (v) => $89b3fe986b2d4477$export$d08603063fe3f9a5 = v);
-$parcel$export(module.exports, "selector", () => $89b3fe986b2d4477$export$aea217a45095ce11, (v) => $89b3fe986b2d4477$export$aea217a45095ce11 = v);
-$parcel$export(module.exports, "dropDownIcon", () => $89b3fe986b2d4477$export$e41ce6c93801c63c, (v) => $89b3fe986b2d4477$export$e41ce6c93801c63c = v);
-$parcel$export(module.exports, "search", () => $89b3fe986b2d4477$export$d76128d007d19019, (v) => $89b3fe986b2d4477$export$d76128d007d19019 = v);
-var $89b3fe986b2d4477$export$7d2b4e7a5a4801f2;
-var $89b3fe986b2d4477$export$df03f54e09e486fa;
-var $89b3fe986b2d4477$export$42ffd38884aecdac;
-var $89b3fe986b2d4477$export$3ce6949f20cea765;
-var $89b3fe986b2d4477$export$1237798dc640739a;
-var $89b3fe986b2d4477$export$e6127cc7fe7395c3;
-var $89b3fe986b2d4477$export$1edee58a52776cd9;
-var $89b3fe986b2d4477$export$d08603063fe3f9a5;
-var $89b3fe986b2d4477$export$aea217a45095ce11;
-var $89b3fe986b2d4477$export$e41ce6c93801c63c;
-var $89b3fe986b2d4477$export$d76128d007d19019;
+parcelRequire.register("dGthL", function(module, exports) {
 "use strict";
-$89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = "h8cnOq_rotated";
-$89b3fe986b2d4477$export$df03f54e09e486fa = "h8cnOq_icons";
-$89b3fe986b2d4477$export$42ffd38884aecdac = "h8cnOq_clear";
-$89b3fe986b2d4477$export$3ce6949f20cea765 = "h8cnOq_open";
-$89b3fe986b2d4477$export$1237798dc640739a = "h8cnOq_label";
-$89b3fe986b2d4477$export$e6127cc7fe7395c3 = "h8cnOq_isError";
-$89b3fe986b2d4477$export$1edee58a52776cd9 = "h8cnOq_border";
-$89b3fe986b2d4477$export$d08603063fe3f9a5 = "h8cnOq_autoCompleteContainer";
-$89b3fe986b2d4477$export$aea217a45095ce11 = "h8cnOq_selector";
-$89b3fe986b2d4477$export$e41ce6c93801c63c = "h8cnOq_dropDownIcon";
-$89b3fe986b2d4477$export$d76128d007d19019 = "h8cnOq_search";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $9f65ea1fa9e88022$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muistylesmakeStyles);
+var $9f65ea1fa9e88022$var$useStyles = (0, $9f65ea1fa9e88022$var$_makeStyles["default"])(function() {
+    return {
+        autoCompleteContainer: {
+            display: "flex",
+            flexDirection: "column",
+            height: "50px",
+            width: "100%",
+            minWidth: "170px"
+        },
+        label: {
+            fontSize: "12px",
+            color: "#9b9b9b",
+            marginBottom: "4px"
+        },
+        search: {
+            color: "#0bd1d1"
+        },
+        isError: {
+            color: "#fe3a5e"
+        },
+        selector: {
+            display: "flex",
+            height: "24px"
+        },
+        icons: {
+            marginLeft: "auto",
+            display: "flex",
+            flexDirection: "row"
+        },
+        dropDownIcon: {
+            width: "12px",
+            marginLeft: "8px"
+        },
+        rotated: {
+            transform: "rotate(180deg)"
+        },
+        clear: {
+            width: "12px",
+            marginLeft: "auto",
+            cursor: "pointer"
+        },
+        border: {
+            width: "100%",
+            marginTop: "5px",
+            borderBottom: "2px solid #d7d7d7"
+        },
+        isErrorBorder: {
+            borderBottom: "2px solid #fe3a5e"
+        },
+        open: {
+            borderBottom: "2px solid #0bd1d1"
+        }
+    };
+});
+var $9f65ea1fa9e88022$var$_default = $9f65ea1fa9e88022$var$useStyles;
+module.exports["default"] = $9f65ea1fa9e88022$var$_default;
 
 });
 
@@ -17757,7 +15774,7 @@ var $2a8ea8e017c38455$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefau
 
 var $2a8ea8e017c38455$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$proptypes);
 
-var $2a8ea8e017c38455$var$_stylesModule = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("6phpP")));
+var $2a8ea8e017c38455$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("cnJGQ")));
 
 var $2a8ea8e017c38455$var$_I18n = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("b4Pcp")));
 
@@ -17766,17 +15783,18 @@ var $2a8ea8e017c38455$var$_SearchBar = $gXNCa$babelruntimehelpersinteropRequireD
 var $2a8ea8e017c38455$var$_SuggestList = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("aLbIo")));
 var $2a8ea8e017c38455$var$Results = function Results(_ref) {
     var inputValue = _ref.inputValue, setInputValue = _ref.setInputValue, filteredOptions = _ref.filteredOptions, widthContainer = _ref.widthContainer, handleClickAll = _ref.handleClickAll, onClickLine = _ref.onClickLine, isSearching = _ref.isSearching;
+    var styles = (0, $2a8ea8e017c38455$var$_styles["default"])();
     var handleChange = function handleChange(e) {
         setInputValue(e.target.value);
     };
     return /*#__PURE__*/ $2a8ea8e017c38455$var$_react["default"].createElement("div", {
-        className: $2a8ea8e017c38455$var$_stylesModule["default"].resultsContainer
+        className: styles.resultsContainer
     }, /*#__PURE__*/ $2a8ea8e017c38455$var$_react["default"].createElement($2a8ea8e017c38455$var$_SearchBar["default"], {
         setValue: setInputValue,
         value: inputValue,
         onChange: handleChange
     }), (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) <= 0 ? /*#__PURE__*/ $2a8ea8e017c38455$var$_react["default"].createElement("div", {
-        className: $2a8ea8e017c38455$var$_stylesModule["default"].noResult
+        className: styles.noResult
     }, " ", $2a8ea8e017c38455$var$_I18n["default"].t("common.noResult"), " ") : /*#__PURE__*/ $2a8ea8e017c38455$var$_react["default"].createElement($2a8ea8e017c38455$var$_react["default"].Fragment, null, /*#__PURE__*/ $2a8ea8e017c38455$var$_react["default"].createElement($2a8ea8e017c38455$var$_SuggestList["default"], {
         list: filteredOptions,
         myAutoCompleteInputValue: inputValue,
@@ -17800,15 +15818,34 @@ var $2a8ea8e017c38455$var$_default = $2a8ea8e017c38455$var$Results;
 module.exports["default"] = $2a8ea8e017c38455$var$_default;
 
 });
-parcelRequire.register("6phpP", function(module, exports) {
-
-$parcel$export(module.exports, "noResult", () => $4aa29644d428563d$export$17aca76bf89ef49e, (v) => $4aa29644d428563d$export$17aca76bf89ef49e = v);
-$parcel$export(module.exports, "resultsContainer", () => $4aa29644d428563d$export$15750c32f8f4f754, (v) => $4aa29644d428563d$export$15750c32f8f4f754 = v);
-var $4aa29644d428563d$export$17aca76bf89ef49e;
-var $4aa29644d428563d$export$15750c32f8f4f754;
+parcelRequire.register("cnJGQ", function(module, exports) {
 "use strict";
-$4aa29644d428563d$export$17aca76bf89ef49e = "SaImvG_noResult";
-$4aa29644d428563d$export$15750c32f8f4f754 = "SaImvG_resultsContainer";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $903b131c60ad19d3$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muistylesmakeStyles);
+var $903b131c60ad19d3$var$useStyles = (0, $903b131c60ad19d3$var$_makeStyles["default"])(function() {
+    return {
+        resultsContainer: {
+            boxShadow: "0px 2px 2px 0 rgba(0, 0, 0, 0.1)",
+            padding: "4px",
+            backgroundColor: "#ffffff",
+            zIndex: 9
+        },
+        noResult: {
+            textAlign: "center",
+            marginTop: "15px",
+            color: "#9b9b9b",
+            fontSize: "16px",
+            marginBottom: "10px"
+        }
+    };
+});
+var $903b131c60ad19d3$var$_default = $903b131c60ad19d3$var$useStyles;
+module.exports["default"] = $903b131c60ad19d3$var$_default;
 
 });
 
@@ -17865,19 +15902,19 @@ module.exports["default"] = $060ef87bc99cc1cf$var$_default;
 });
 parcelRequire.register("bfmDi", function(module, exports) {
 
-$parcel$export(module.exports, "inputContainer", () => $8302a6d46dfd98fe$export$72108e4fb43880e3, (v) => $8302a6d46dfd98fe$export$72108e4fb43880e3 = v);
 $parcel$export(module.exports, "inputSearch", () => $8302a6d46dfd98fe$export$f78c4432585bf2ac, (v) => $8302a6d46dfd98fe$export$f78c4432585bf2ac = v);
 $parcel$export(module.exports, "searchIcon", () => $8302a6d46dfd98fe$export$8687ffcdea58e000, (v) => $8302a6d46dfd98fe$export$8687ffcdea58e000 = v);
 $parcel$export(module.exports, "closeIcon", () => $8302a6d46dfd98fe$export$64a53ecd158b85c4, (v) => $8302a6d46dfd98fe$export$64a53ecd158b85c4 = v);
-var $8302a6d46dfd98fe$export$72108e4fb43880e3;
+$parcel$export(module.exports, "inputContainer", () => $8302a6d46dfd98fe$export$72108e4fb43880e3, (v) => $8302a6d46dfd98fe$export$72108e4fb43880e3 = v);
 var $8302a6d46dfd98fe$export$f78c4432585bf2ac;
 var $8302a6d46dfd98fe$export$8687ffcdea58e000;
 var $8302a6d46dfd98fe$export$64a53ecd158b85c4;
+var $8302a6d46dfd98fe$export$72108e4fb43880e3;
 "use strict";
-$8302a6d46dfd98fe$export$72108e4fb43880e3 = "t5EYra_inputContainer";
 $8302a6d46dfd98fe$export$f78c4432585bf2ac = "t5EYra_inputSearch";
 $8302a6d46dfd98fe$export$8687ffcdea58e000 = "t5EYra_searchIcon";
 $8302a6d46dfd98fe$export$64a53ecd158b85c4 = "t5EYra_closeIcon";
+$8302a6d46dfd98fe$export$72108e4fb43880e3 = "t5EYra_inputContainer";
 
 });
 
@@ -17901,7 +15938,7 @@ var $7d5761816dd9f126$var$_SuggestItem = $gXNCa$babelruntimehelpersinteropRequir
 
 var $7d5761816dd9f126$var$_I18n = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("b4Pcp")));
 
-var $7d5761816dd9f126$var$_stylesModule = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("kJr2w")));
+var $7d5761816dd9f126$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("3UPQz")));
 
 var $7d5761816dd9f126$var$_MyAutoCompleteSuggestListScrollBar = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("1MxVf")));
 function $7d5761816dd9f126$var$_getRequireWildcardCache(nodeInterop) {
@@ -17934,6 +15971,7 @@ var $7d5761816dd9f126$var$numberOfItemDisplayed = 5;
 var $7d5761816dd9f126$var$SuggestList = function SuggestList(_ref) {
     var _myAutoCompleteSugges3;
     var itemHeight = _ref.itemHeight, list = _ref.list, myAutoCompleteInputValue = _ref.myAutoCompleteInputValue, isOpen = _ref.isOpen, handleClickAll = _ref.handleClickAll, widthContainer = _ref.widthContainer, onClickLine = _ref.onClickLine;
+    var styles = (0, $7d5761816dd9f126$var$_styles["default"])();
     var _useState = (0, $7d5761816dd9f126$var$_react.useState)(0), _useState2 = (0, $7d5761816dd9f126$var$_slicedToArray2["default"])(_useState, 2), currentPositionY = _useState2[0], setCurrentPositionY = _useState2[1];
     var _useState3 = (0, $7d5761816dd9f126$var$_react.useState)([]), _useState4 = (0, $7d5761816dd9f126$var$_slicedToArray2["default"])(_useState3, 2), currentListInDom = _useState4[0], setCurrentListInDom = _useState4[1];
     var currentPositionYRef = (0, $7d5761816dd9f126$var$_react.useRef)(currentPositionY);
@@ -18050,7 +16088,7 @@ var $7d5761816dd9f126$var$SuggestList = function SuggestList(_ref) {
         ref: myAutoCompleteSuggestListRef,
         style: handleStyle()
     }, /*#__PURE__*/ $7d5761816dd9f126$var$_react["default"].createElement("div", {
-        className: $7d5761816dd9f126$var$_stylesModule["default"].allOptions,
+        className: styles.allOptions,
         "data-role": "allOptions"
     }, /*#__PURE__*/ $7d5761816dd9f126$var$_react["default"].createElement($7d5761816dd9f126$var$_SuggestItem["default"], {
         option: optionAll,
@@ -18099,7 +16137,7 @@ var $827476aa1ed605f8$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefau
 
 var $827476aa1ed605f8$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$proptypes);
 
-var $827476aa1ed605f8$var$_stylesModule = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("aI0no")));
+var $827476aa1ed605f8$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("2j5o9")));
 
 var $827476aa1ed605f8$var$_classnames = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$classnames);
 
@@ -18109,11 +16147,12 @@ var $827476aa1ed605f8$var$SIZE_CHAR = 6.5;
 var $827476aa1ed605f8$var$SuggestItem = function SuggestItem(_ref) {
     var _option$label;
     var option = _ref.option, widthContainer = _ref.widthContainer, onClick = _ref.onClick;
+    var styles = (0, $827476aa1ed605f8$var$_styles["default"])();
     return /*#__PURE__*/ $827476aa1ed605f8$var$_react["default"].createElement("div", {
-        className: (0, $827476aa1ed605f8$var$_classnames["default"])($827476aa1ed605f8$var$_stylesModule["default"].line, (option === null || option === void 0 ? void 0 : option.disabled) && $827476aa1ed605f8$var$_stylesModule["default"].disabled),
+        className: (0, $827476aa1ed605f8$var$_classnames["default"])(styles.line, (option === null || option === void 0 ? void 0 : option.disabled) && styles.disabled),
         onClick: onClick
     }, /*#__PURE__*/ $827476aa1ed605f8$var$_react["default"].createElement("div", {
-        className: $827476aa1ed605f8$var$_stylesModule["default"].checkboxContainer
+        className: styles.checkboxContainer
     }, /*#__PURE__*/ $827476aa1ed605f8$var$_react["default"].createElement($827476aa1ed605f8$var$_Checkbox["default"], {
         checked: option.selected,
         disabled: option === null || option === void 0 ? void 0 : option.disabled,
@@ -18124,9 +16163,9 @@ var $827476aa1ed605f8$var$SuggestItem = function SuggestItem(_ref) {
         enterDelay: 900,
         enterNextDelay: 900
     }, /*#__PURE__*/ $827476aa1ed605f8$var$_react["default"].createElement("div", {
-        className: $827476aa1ed605f8$var$_stylesModule["default"].label
+        className: styles.label
     }, option === null || option === void 0 ? void 0 : option.label)) : /*#__PURE__*/ $827476aa1ed605f8$var$_react["default"].createElement("div", {
-        className: $827476aa1ed605f8$var$_stylesModule["default"].label
+        className: styles.label
     }, option === null || option === void 0 ? void 0 : option.label));
 };
 $827476aa1ed605f8$var$SuggestItem.propTypes = {
@@ -18136,21 +16175,58 @@ var $827476aa1ed605f8$var$_default = $827476aa1ed605f8$var$SuggestItem;
 module.exports["default"] = $827476aa1ed605f8$var$_default;
 
 });
-parcelRequire.register("aI0no", function(module, exports) {
-
-$parcel$export(module.exports, "disabled", () => $7cbe4e30c9952688$export$683472f6198a076e, (v) => $7cbe4e30c9952688$export$683472f6198a076e = v);
-$parcel$export(module.exports, "checkboxContainer", () => $7cbe4e30c9952688$export$be69ea624d82a314, (v) => $7cbe4e30c9952688$export$be69ea624d82a314 = v);
-$parcel$export(module.exports, "line", () => $7cbe4e30c9952688$export$53f1d5ea8de3d7c, (v) => $7cbe4e30c9952688$export$53f1d5ea8de3d7c = v);
-$parcel$export(module.exports, "label", () => $7cbe4e30c9952688$export$1237798dc640739a, (v) => $7cbe4e30c9952688$export$1237798dc640739a = v);
-var $7cbe4e30c9952688$export$683472f6198a076e;
-var $7cbe4e30c9952688$export$be69ea624d82a314;
-var $7cbe4e30c9952688$export$53f1d5ea8de3d7c;
-var $7cbe4e30c9952688$export$1237798dc640739a;
+parcelRequire.register("2j5o9", function(module, exports) {
 "use strict";
-$7cbe4e30c9952688$export$683472f6198a076e = "kMx4ia_disabled";
-$7cbe4e30c9952688$export$be69ea624d82a314 = "kMx4ia_checkboxContainer";
-$7cbe4e30c9952688$export$53f1d5ea8de3d7c = "kMx4ia_line";
-$7cbe4e30c9952688$export$1237798dc640739a = "kMx4ia_label";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $1ae189265250ab5f$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muistylesmakeStyles);
+var $1ae189265250ab5f$var$useStyles = (0, $1ae189265250ab5f$var$_makeStyles["default"])(function() {
+    return {
+        line: {
+            display: "flex",
+            height: "30px",
+            marginTop: [
+                "0px",
+                "2px"
+            ],
+            alignItems: "center",
+            paddingLeft: "8px",
+            "&:hover": {
+                cursor: "pointer",
+                transitionDuration: "300ms",
+                backgroundColor: "#ebebeb"
+            }
+        },
+        disabled: {
+            color: "#c3c3c3",
+            "&:hover": {
+                cursor: "initial"
+            }
+        },
+        checkboxContainer: {
+            height: "14px",
+            width: "14px"
+        },
+        label: {
+            marginLeft: "8px",
+            overflow: [
+                "hidden",
+                "hidden"
+            ],
+            textAlign: "left",
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis",
+            width: "100%",
+            fontSize: "14px"
+        }
+    };
+});
+var $1ae189265250ab5f$var$_default = $1ae189265250ab5f$var$useStyles;
+module.exports["default"] = $1ae189265250ab5f$var$_default;
 
 });
 
@@ -18166,13 +16242,14 @@ var $582fe4327e2ca233$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefau
 
 var $582fe4327e2ca233$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$proptypes);
 
-var $582fe4327e2ca233$var$_stylesModule = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("4ZIDK")));
+var $582fe4327e2ca233$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("bb5TD")));
 
 var $582fe4327e2ca233$var$_CheckboxIcon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("jG8Ih")));
 var $582fe4327e2ca233$var$Checkbox = function Checkbox(_ref) {
     var checked = _ref.checked, size = _ref.size, disabled = _ref.disabled;
+    var styles = (0, $582fe4327e2ca233$var$_styles["default"])();
     var sizeCheck = size ? size + "px" : "100%";
-    var customStyle = "".concat($582fe4327e2ca233$var$_stylesModule["default"].checkbox, " ").concat(checked && $582fe4327e2ca233$var$_stylesModule["default"].checked, " ").concat(disabled && $582fe4327e2ca233$var$_stylesModule["default"].disabled);
+    var customStyle = "".concat(styles.checkbox, " ").concat(checked && styles.checked, " ").concat(checked && disabled && styles.disabledChecked, " ").concat(!checked && disabled && styles.disabledNotChecked);
     return /*#__PURE__*/ $582fe4327e2ca233$var$_react["default"].createElement($582fe4327e2ca233$var$_react["default"].Fragment, null, /*#__PURE__*/ $582fe4327e2ca233$var$_react["default"].createElement("div", {
         style: {
             height: sizeCheck,
@@ -18198,29 +16275,74 @@ var $582fe4327e2ca233$var$_default = $582fe4327e2ca233$var$Checkbox;
 module.exports["default"] = $582fe4327e2ca233$var$_default;
 
 });
-parcelRequire.register("4ZIDK", function(module, exports) {
-
-$parcel$export(module.exports, "checkbox", () => $3a2f7c860af0abde$export$b07e517d22efa1ca, (v) => $3a2f7c860af0abde$export$b07e517d22efa1ca = v);
-$parcel$export(module.exports, "disabled", () => $3a2f7c860af0abde$export$683472f6198a076e, (v) => $3a2f7c860af0abde$export$683472f6198a076e = v);
-$parcel$export(module.exports, "checked", () => $3a2f7c860af0abde$export$b96bb35bc88d6fa, (v) => $3a2f7c860af0abde$export$b96bb35bc88d6fa = v);
-var $3a2f7c860af0abde$export$b07e517d22efa1ca;
-var $3a2f7c860af0abde$export$683472f6198a076e;
-var $3a2f7c860af0abde$export$b96bb35bc88d6fa;
+parcelRequire.register("bb5TD", function(module, exports) {
 "use strict";
-$3a2f7c860af0abde$export$b07e517d22efa1ca = "pNP20W_checkbox";
-$3a2f7c860af0abde$export$683472f6198a076e = "pNP20W_disabled";
-$3a2f7c860af0abde$export$b96bb35bc88d6fa = "pNP20W_checked";
 
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $82354bb3fe57d9e7$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muistylesmakeStyles);
+var $82354bb3fe57d9e7$var$useStyles = (0, $82354bb3fe57d9e7$var$_makeStyles["default"])(function() {
+    return {
+        checkbox: {
+            height: "100%",
+            width: "100%",
+            borderRadius: "2px",
+            border: "2px solid #d7d7d7",
+            boxSizing: "border-box",
+            "&:hover": {
+                cursor: "pointer"
+            }
+        },
+        checked: {
+            border: "2px solid #0bd1d1",
+            color: "white",
+            backgroundColor: "#0bd1d1"
+        },
+        disabledChecked: {
+            border: "2px solid #c3c3c3",
+            backgroundColor: "#c3c3c3",
+            "&:hover": {
+                cursor: "initial"
+            }
+        },
+        disabledNotChecked: {
+            border: "2px solid #c3c3c3",
+            "&:hover": {
+                cursor: "initial"
+            }
+        }
+    };
 });
+var $82354bb3fe57d9e7$var$_default = $82354bb3fe57d9e7$var$useStyles;
+module.exports["default"] = $82354bb3fe57d9e7$var$_default;
 
+});
 
 
-parcelRequire.register("kJr2w", function(module, exports) {
 
-$parcel$export(module.exports, "allOptions", () => $f17cfc230a2f89a2$export$1df62816070ed9f0, (v) => $f17cfc230a2f89a2$export$1df62816070ed9f0 = v);
-var $f17cfc230a2f89a2$export$1df62816070ed9f0;
+parcelRequire.register("3UPQz", function(module, exports) {
 "use strict";
-$f17cfc230a2f89a2$export$1df62816070ed9f0 = "vK5M_a_allOptions";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $2d9ed1cb81ba289f$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muistylesmakeStyles);
+var $2d9ed1cb81ba289f$var$useStyles = (0, $2d9ed1cb81ba289f$var$_makeStyles["default"])(function() {
+    return {
+        allOptions: {
+            fontWeight: "bold",
+            marginBottom: "5px",
+            marginTop: "2px"
+        }
+    };
+});
+var $2d9ed1cb81ba289f$var$_default = $2d9ed1cb81ba289f$var$useStyles;
+module.exports["default"] = $2d9ed1cb81ba289f$var$_default;
 
 });
 
@@ -18382,7 +16504,7 @@ var $b3ca32e1e8152d41$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefau
 
 var $b3ca32e1e8152d41$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$proptypes);
 
-var $b3ca32e1e8152d41$var$_stylesModule = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("5OeO1")));
+var $b3ca32e1e8152d41$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("kqD6q")));
 
 var $b3ca32e1e8152d41$var$_I18n = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("b4Pcp")));
 
@@ -18394,12 +16516,13 @@ var $b3ca32e1e8152d41$var$_ListChips = $gXNCa$babelruntimehelpersinteropRequireD
 var $b3ca32e1e8152d41$var$Selector = function Selector(_ref) {
     var isSearching = _ref.isSearching, _ref$options = _ref.options, options = _ref$options === void 0 ? [] : _ref$options, isAllSelected = _ref.isAllSelected, widthContainer = _ref.widthContainer, onUnselectChips = _ref.onUnselectChips;
     var isNothingSelected = (options === null || options === void 0 ? void 0 : options.length) === 0;
+    var styles = (0, $b3ca32e1e8152d41$var$_styles["default"])();
     return /*#__PURE__*/ $b3ca32e1e8152d41$var$_react["default"].createElement("div", {
-        className: $b3ca32e1e8152d41$var$_stylesModule["default"].selectorContainer
+        className: styles.selectorContainer
     }, isNothingSelected && /*#__PURE__*/ $b3ca32e1e8152d41$var$_react["default"].createElement("div", {
-        className: (0, $b3ca32e1e8152d41$var$_classnames["default"])($b3ca32e1e8152d41$var$_stylesModule["default"].description, isSearching && $b3ca32e1e8152d41$var$_stylesModule["default"].search)
+        className: (0, $b3ca32e1e8152d41$var$_classnames["default"])(styles.description, isSearching && styles.search)
     }, $b3ca32e1e8152d41$var$_I18n["default"].t("common.select")), isAllSelected && !isNothingSelected && /*#__PURE__*/ $b3ca32e1e8152d41$var$_react["default"].createElement("div", {
-        className: $b3ca32e1e8152d41$var$_stylesModule["default"].chipsContainer
+        className: styles.chipsContainer
     }, /*#__PURE__*/ $b3ca32e1e8152d41$var$_react["default"].createElement($b3ca32e1e8152d41$var$_Chips["default"], {
         text: $b3ca32e1e8152d41$var$_I18n["default"].t("common.all"),
         isClosable: false
@@ -18420,21 +16543,38 @@ var $b3ca32e1e8152d41$var$_default = $b3ca32e1e8152d41$var$Selector;
 module.exports["default"] = $b3ca32e1e8152d41$var$_default;
 
 });
-parcelRequire.register("5OeO1", function(module, exports) {
-
-$parcel$export(module.exports, "selectorContainer", () => $43ad1b6180880954$export$4f73249088d12862, (v) => $43ad1b6180880954$export$4f73249088d12862 = v);
-$parcel$export(module.exports, "search", () => $43ad1b6180880954$export$d76128d007d19019, (v) => $43ad1b6180880954$export$d76128d007d19019 = v);
-$parcel$export(module.exports, "description", () => $43ad1b6180880954$export$6d59db4903f20f7d, (v) => $43ad1b6180880954$export$6d59db4903f20f7d = v);
-$parcel$export(module.exports, "chipsContainer", () => $43ad1b6180880954$export$4ecd951fab6372ae, (v) => $43ad1b6180880954$export$4ecd951fab6372ae = v);
-var $43ad1b6180880954$export$4f73249088d12862;
-var $43ad1b6180880954$export$d76128d007d19019;
-var $43ad1b6180880954$export$6d59db4903f20f7d;
-var $43ad1b6180880954$export$4ecd951fab6372ae;
+parcelRequire.register("kqD6q", function(module, exports) {
 "use strict";
-$43ad1b6180880954$export$4f73249088d12862 = "_1WQQUG_selectorContainer";
-$43ad1b6180880954$export$d76128d007d19019 = "_1WQQUG_search";
-$43ad1b6180880954$export$6d59db4903f20f7d = "_1WQQUG_description";
-$43ad1b6180880954$export$4ecd951fab6372ae = "_1WQQUG_chipsContainer";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $edf491578c32f3b2$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muistylesmakeStyles);
+var $edf491578c32f3b2$var$useStyles = (0, $edf491578c32f3b2$var$_makeStyles["default"])(function() {
+    return {
+        selectorContainer: {
+            display: "flex",
+            alignItems: "flex-end"
+        },
+        chipsContainer: {
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            height: "100%"
+        },
+        description: {
+            fontSize: "14px",
+            color: "#000"
+        },
+        search: {
+            color: "#9b9b9b"
+        }
+    };
+});
+var $edf491578c32f3b2$var$_default = $edf491578c32f3b2$var$useStyles;
+module.exports["default"] = $edf491578c32f3b2$var$_default;
 
 });
 
@@ -18450,21 +16590,20 @@ var $8aad64d78e09e617$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefau
 
 var $8aad64d78e09e617$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$proptypes);
 
-var $8aad64d78e09e617$var$_classnames = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$classnames);
-
-var $8aad64d78e09e617$var$_stylesModule = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("ismXh")));
+var $8aad64d78e09e617$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("3VZW2")));
 
 var $8aad64d78e09e617$var$_CloseIcon = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("dLjgM")));
 // TODO HERE
-/*
-Check with UX if ! isClosable === disabled
-
+/*
+Check with UX if ! isClosable === disabled
+
 */ var $8aad64d78e09e617$var$Chips = function Chips(_ref) {
     var _ref$text = _ref.text, text = _ref$text === void 0 ? "" : _ref$text, _ref$isClosable = _ref.isClosable, isClosable = _ref$isClosable === void 0 ? false : _ref$isClosable, onUnselectChips = _ref.onUnselectChips;
+    var styles = (0, $8aad64d78e09e617$var$_styles["default"])();
     return /*#__PURE__*/ $8aad64d78e09e617$var$_react["default"].createElement("div", {
-        className: $8aad64d78e09e617$var$_stylesModule["default"].chips
+        className: styles.chips
     }, /*#__PURE__*/ $8aad64d78e09e617$var$_react["default"].createElement("div", null, text), isClosable && /*#__PURE__*/ $8aad64d78e09e617$var$_react["default"].createElement("div", {
-        className: $8aad64d78e09e617$var$_stylesModule["default"].close,
+        className: styles.close,
         onClick: onUnselectChips
     }, /*#__PURE__*/ $8aad64d78e09e617$var$_react["default"].createElement($8aad64d78e09e617$var$_CloseIcon["default"], {
         size: 6
@@ -18480,15 +16619,41 @@ var $8aad64d78e09e617$var$_default = $8aad64d78e09e617$var$Chips;
 module.exports["default"] = $8aad64d78e09e617$var$_default;
 
 });
-parcelRequire.register("ismXh", function(module, exports) {
-
-$parcel$export(module.exports, "close", () => $d6fca5e82e016419$export$8360e631d277ea4d, (v) => $d6fca5e82e016419$export$8360e631d277ea4d = v);
-$parcel$export(module.exports, "chips", () => $d6fca5e82e016419$export$9f51660fd8227d80, (v) => $d6fca5e82e016419$export$9f51660fd8227d80 = v);
-var $d6fca5e82e016419$export$8360e631d277ea4d;
-var $d6fca5e82e016419$export$9f51660fd8227d80;
+parcelRequire.register("3VZW2", function(module, exports) {
 "use strict";
-$d6fca5e82e016419$export$8360e631d277ea4d = "hEY9kq_close";
-$d6fca5e82e016419$export$9f51660fd8227d80 = "hEY9kq_chips";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $2dd6bcf9e0967369$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muistylesmakeStyles);
+var $2dd6bcf9e0967369$var$useStyles = (0, $2dd6bcf9e0967369$var$_makeStyles["default"])(function() {
+    return {
+        chips: {
+            display: "inline-flex",
+            flexDirection: "row",
+            alignItems: "center",
+            backgroundColor: "#cef6f6",
+            color: "#0bd1d1",
+            borderRadius: "50px",
+            height: "100%",
+            paddingLeft: "10px",
+            paddingRight: "10px",
+            fontSize: "12px"
+        },
+        close: {
+            marginLeft: "5px",
+            cursor: "pointer",
+            paddingTop: "3px",
+            paddingBottom: "3px",
+            paddingRight: "2px",
+            paddingLeft: "2px"
+        }
+    };
+});
+var $2dd6bcf9e0967369$var$_default = $2dd6bcf9e0967369$var$useStyles;
+module.exports["default"] = $2dd6bcf9e0967369$var$_default;
 
 });
 
@@ -18505,7 +16670,7 @@ var $fc67e8a80c2a5449$var$_react = $gXNCa$babelruntimehelpersinteropRequireDefau
 
 var $fc67e8a80c2a5449$var$_propTypes = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$proptypes);
 
-var $fc67e8a80c2a5449$var$_stylesModule = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("fMO2k")));
+var $fc67e8a80c2a5449$var$_styles = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("leTyH")));
 
 
 var $fc67e8a80c2a5449$var$_Chips = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("bUaV0")));
@@ -18578,6 +16743,7 @@ var $fc67e8a80c2a5449$var$PLUS_CHIPS = 45;
 var $fc67e8a80c2a5449$var$ListChips = function ListChips(_ref) {
     var _options$slice;
     var _ref$options = _ref.options, options = _ref$options === void 0 ? [] : _ref$options, widthContainer = _ref.widthContainer, onUnselectChips = _ref.onUnselectChips;
+    var styles = (0, $fc67e8a80c2a5449$var$_styles["default"])();
     var numberCanDisplay = function numberCanDisplay() {
         var numberChipsDisplayed = 0;
         var restWidth = widthContainer - $fc67e8a80c2a5449$var$SIZE_ICONS;
@@ -18609,31 +16775,30 @@ var $fc67e8a80c2a5449$var$ListChips = function ListChips(_ref) {
     };
     var _numberCanDisplay = numberCanDisplay(), numberChipsDisplayed = _numberCanDisplay.numberChipsDisplayed, numberRestDisplay = _numberCanDisplay.numberRestDisplay;
     return /*#__PURE__*/ $fc67e8a80c2a5449$var$_react["default"].createElement("div", {
-        className: $fc67e8a80c2a5449$var$_stylesModule["default"].listChips
+        className: styles.listChips
     }, options === null || options === void 0 ? void 0 : options.map(function(o, index) {
         return index < numberChipsDisplayed && /*#__PURE__*/ $fc67e8a80c2a5449$var$_react["default"].createElement("div", {
-            className: $fc67e8a80c2a5449$var$_stylesModule["default"].chips,
+            className: styles.chips,
             key: "chips_".concat(o === null || o === void 0 ? void 0 : o.id, "_").concat(index)
         }, /*#__PURE__*/ $fc67e8a80c2a5449$var$_react["default"].createElement($fc67e8a80c2a5449$var$_Chips["default"], {
             text: o === null || o === void 0 ? void 0 : o.label,
-            isClosable: !o.disabled //disabled={o.disabled} to be confirmed with UIUX
-            ,
+            isClosable: !o.disabled,
             onUnselectChips: function onUnselectChips(e) {
                 return handleUnselectChip(e, o === null || o === void 0 ? void 0 : o.id);
             }
         }));
     }), numberRestDisplay > 0 && /*#__PURE__*/ $fc67e8a80c2a5449$var$_react["default"].createElement($gXNCa$muimaterial.Tooltip, {
         title: /*#__PURE__*/ $fc67e8a80c2a5449$var$_react["default"].createElement("div", {
-            className: $fc67e8a80c2a5449$var$_stylesModule["default"].toolTipsList
+            className: styles.toolTipsList
         }, options === null || options === void 0 ? void 0 : (_options$slice = options.slice(numberChipsDisplayed, options === null || options === void 0 ? void 0 : options.length)) === null || _options$slice === void 0 ? void 0 : _options$slice.map(function(o, index) {
             return /*#__PURE__*/ $fc67e8a80c2a5449$var$_react["default"].createElement("div", {
-                className: $fc67e8a80c2a5449$var$_stylesModule["default"].lineChips,
+                className: styles.lineChips,
                 key: index
             }, o === null || o === void 0 ? void 0 : o.label);
         })),
         placement: "bottom"
     }, /*#__PURE__*/ $fc67e8a80c2a5449$var$_react["default"].createElement("div", {
-        className: $fc67e8a80c2a5449$var$_stylesModule["default"].otherChips
+        className: styles.otherChips
     }, /*#__PURE__*/ $fc67e8a80c2a5449$var$_react["default"].createElement($fc67e8a80c2a5449$var$_Chips["default"], {
         text: "+ ".concat(numberRestDisplay),
         isClosable: false
@@ -18648,24 +16813,46 @@ var $fc67e8a80c2a5449$var$_default = $fc67e8a80c2a5449$var$ListChips;
 module.exports["default"] = $fc67e8a80c2a5449$var$_default;
 
 });
-parcelRequire.register("fMO2k", function(module, exports) {
-
-$parcel$export(module.exports, "chips", () => $b7e226f14163178c$export$9f51660fd8227d80, (v) => $b7e226f14163178c$export$9f51660fd8227d80 = v);
-$parcel$export(module.exports, "lineChips", () => $b7e226f14163178c$export$bce1eb5c2ff1e30e, (v) => $b7e226f14163178c$export$bce1eb5c2ff1e30e = v);
-$parcel$export(module.exports, "listChips", () => $b7e226f14163178c$export$e7d1eca55671fd03, (v) => $b7e226f14163178c$export$e7d1eca55671fd03 = v);
-$parcel$export(module.exports, "otherChips", () => $b7e226f14163178c$export$8e7e5eade6f0e227, (v) => $b7e226f14163178c$export$8e7e5eade6f0e227 = v);
-$parcel$export(module.exports, "toolTipsList", () => $b7e226f14163178c$export$5cb38942082ce4bd, (v) => $b7e226f14163178c$export$5cb38942082ce4bd = v);
-var $b7e226f14163178c$export$9f51660fd8227d80;
-var $b7e226f14163178c$export$bce1eb5c2ff1e30e;
-var $b7e226f14163178c$export$e7d1eca55671fd03;
-var $b7e226f14163178c$export$8e7e5eade6f0e227;
-var $b7e226f14163178c$export$5cb38942082ce4bd;
+parcelRequire.register("leTyH", function(module, exports) {
 "use strict";
-$b7e226f14163178c$export$9f51660fd8227d80 = "_8FpR1a_chips";
-$b7e226f14163178c$export$bce1eb5c2ff1e30e = "_8FpR1a_lineChips";
-$b7e226f14163178c$export$e7d1eca55671fd03 = "_8FpR1a_listChips";
-$b7e226f14163178c$export$8e7e5eade6f0e227 = "_8FpR1a_otherChips";
-$b7e226f14163178c$export$5cb38942082ce4bd = "_8FpR1a_toolTipsList";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $f7660096bb6aa4bb$var$_makeStyles = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$muistylesmakeStyles);
+var $f7660096bb6aa4bb$var$useStyles = (0, $f7660096bb6aa4bb$var$_makeStyles["default"])(function() {
+    return {
+        listChips: {
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            height: "100%"
+        },
+        otherChips: {
+            display: "flex",
+            height: "100%"
+        },
+        chips: {
+            marginRight: "4px",
+            display: "flex",
+            height: "100%"
+        },
+        toolTipsList: {
+            maxHeight: "118px",
+            overflow: "auto",
+            fontWeight: "normal"
+        },
+        lineChips: {
+            textOverflow: "ellipsis",
+            overflow: "hidden",
+            whiteSpace: "nowrap"
+        }
+    };
+});
+var $f7660096bb6aa4bb$var$_default = $f7660096bb6aa4bb$var$useStyles;
+module.exports["default"] = $f7660096bb6aa4bb$var$_default;
 
 });
 
@@ -18819,7 +17006,8 @@ var $4fa36e821943b400$var$_exportNames = {
     TYPE_FOOTER_CELL: true,
     exportData: true,
     AutocompleteMultiple: true,
-    Checkbox: true
+    Checkbox: true,
+    ROW_TYPE: true
 };
 Object.defineProperty(module.exports, "AutocompleteMultiple", {
     enumerable: true,
@@ -18839,6 +17027,12 @@ Object.defineProperty(module.exports, "FileDropper", {
         return $4fa36e821943b400$var$_FileDropper["default"];
     }
 });
+Object.defineProperty(module.exports, "ROW_TYPE", {
+    enumerable: true,
+    get: function get() {
+        return $e902G.ROW_TYPE;
+    }
+});
 Object.defineProperty(module.exports, "TYPE_CELL", {
     enumerable: true,
     get: function get() {
@@ -18905,6 +17099,8 @@ Object.keys($bNvRr).forEach(function(key) {
 });
 
 var $4fa36e821943b400$var$_Checkbox = $gXNCa$babelruntimehelpersinteropRequireDefault((parcelRequire("7zpTL")));
+
+var $e902G = parcelRequire("e902G");
 var $06b0b66eb89e646b$exports = {};
 "use strict";