@myunisoft/design-system 0.7.1 → 0.8.1

package/dist/index.js

@@ -34,7 +34,6 @@ var $ByO3L$lodashfirst = require("lodash/first");
 var $ByO3L$reactspinners = require("react-spinners");
 var $ByO3L$materialuicorestyles = require("@material-ui/core/styles");
 var $ByO3L$lodashfind = require("lodash/find");
-var $ByO3L$xlsx = require("xlsx");
 var $ByO3L$exceljs = require("exceljs");
 var $ByO3L$materialuilabAutocomplete = require("@material-ui/lab/Autocomplete");
 var $ByO3L$lodashhead = require("lodash/head");
@@ -48,6 +47,8 @@ var $ByO3L$materialuiiconsMoreVert = require("@material-ui/icons/MoreVert");
 var $ByO3L$materialuicoreIconButton = require("@material-ui/core/IconButton");
 var $ByO3L$lodashdeburr = require("lodash/deburr");
 var $ByO3L$materialuicoreMenu = require("@material-ui/core/Menu");
+var $ByO3L$materialuiicons = require("@material-ui/icons");
+var $ByO3L$lodashomit = require("lodash/omit");
 
 var $parcel$global =
 typeof globalThis !== 'undefined'
@@ -142,8 +143,7 @@ var $kgLfH = parcelRequire("kgLfH");
 var $66459c55c70cea69$var$_Toolbar = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("b0ZBJ")));
 
 var $66459c55c70cea69$var$_context = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("bOFyq")));
-
-var $fzVqt = parcelRequire("fzVqt");
+parcelRequire("fzVqt");
 
 var $gtEaY = parcelRequire("gtEaY");
 
@@ -158,6 +158,8 @@ var $NOfOf = parcelRequire("NOfOf");
 var $66459c55c70cea69$var$_useNavigation2 = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("gCJFI")));
 
 var $lhF5z = parcelRequire("lhF5z");
+
+var $66459c55c70cea69$var$_useColumns2 = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("eA5U9")));
 function $66459c55c70cea69$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -214,7 +216,7 @@ var $66459c55c70cea69$var$defaultConfig = {
     selectableRowKey: 'id'
 };
 var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_react["default"].memo(function VirtualTable(_ref) {
-    var rowData = _ref.data, maxHeight = _ref.maxHeight, widthTable = _ref.widthTable, configProps = _ref.config, selectRows = _ref.selectRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateEdit = _ref.handleValidateEdit, handleValidateAdd = _ref.handleValidateAdd, _ref$customHeader = _ref.customHeader, customHeader = _ref$customHeader === void 0 ? false : _ref$customHeader, _ref$customFooter = _ref.customFooter, customFooter = _ref$customFooter === void 0 ? false : _ref$customFooter, isEdit = _ref.isEdit, _tableKeyName = _ref.tableKeyName, defaultSelectedRows = _ref.defaultSelectedRows, onFocusChange = _ref.onFocusChange, onKeyDown = _ref.onKeyDown, onClick = _ref.onClick, onDoubleClick = _ref.onDoubleClick, setVTState = _ref.setVTState;
+    var rowData = _ref.data, maxHeight = _ref.maxHeight, widthTable = _ref.widthTable, configProps = _ref.config, selectRows = _ref.selectRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateEdit = _ref.handleValidateEdit, handleValidateAdd = _ref.handleValidateAdd, _ref$customHeader = _ref.customHeader, customHeader = _ref$customHeader === void 0 ? false : _ref$customHeader, _ref$customFooter = _ref.customFooter, customFooter = _ref$customFooter === void 0 ? false : _ref$customFooter, isEdit = _ref.isEdit, tableKeyName = _ref.tableKeyName, defaultSelectedRows = _ref.defaultSelectedRows, onFocusChange = _ref.onFocusChange, onKeyDown = _ref.onKeyDown, onClick = _ref.onClick, onDoubleClick = _ref.onDoubleClick, setVTState = _ref.setVTState;
     var styles = $66459c55c70cea69$var$_styles["default"]();
     var _useState = $66459c55c70cea69$var$_react.useState(0), _useState2 = $66459c55c70cea69$var$_slicedToArray2["default"](_useState, 2), verticalPadding = _useState2[0], setVerticalPadding = _useState2[1];
     var _useState3 = $66459c55c70cea69$var$_react.useState(0), _useState4 = $66459c55c70cea69$var$_slicedToArray2["default"](_useState3, 2), horizontalPadding = _useState4[0], setHorizontalPadding = _useState4[1];
@@ -236,12 +238,8 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
     var _useState5 = $66459c55c70cea69$var$_react.useState({
     }), _useState6 = $66459c55c70cea69$var$_slicedToArray2["default"](_useState5, 2), searchFilters = _useState6[0], setSearchFilters = _useState6[1];
     var _useSortable = $gtEaY.useSortable(), order = _useSortable.order, orderDirection = _useSortable.orderDirection, onOrderChange = _useSortable.onOrderChange;
+    var _useColumns = $66459c55c70cea69$var$_useColumns2["default"](columnsRaw, tableKeyName, config), _columns = _useColumns.state, dispatchColumnsSetting = _useColumns.dispatch;
     var CHECKBOX_COLUMN = 'checkboxColumn';
-    var tableKeyName = $66459c55c70cea69$var$_react.useMemo(function() {
-        return _tableKeyName || $fzVqt.generateId();
-    }, [
-        _tableKeyName
-    ]);
     var data = $66459c55c70cea69$var$_react.useMemo(function() {
         return order ? $66459c55c70cea69$var$_orderBy2["default"](rowData, order, orderDirection) : rowData;
     }, [
@@ -256,16 +254,20 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
         columns: columnsRaw
     }), handleCellBlur = _useNavigation.handleCellBlur, handleCellFocus = _useNavigation.handleCellFocus, currentCell = _useNavigation.currentCell, setCurrentCell = _useNavigation.setCurrentCell;
     var columns = $66459c55c70cea69$var$_react.useMemo(function() {
+        var filteredColumns = _columns.filter(function(_ref2) {
+            var display = _ref2.display;
+            return display !== false;
+        });
         if (hasCheckBox) return [
             {
                 key: CHECKBOX_COLUMN,
                 width: 50,
                 ignoreExport: true
             }
-        ].concat($66459c55c70cea69$var$_toConsumableArray2["default"](columnsRaw));
-        return columnsRaw;
+        ].concat($66459c55c70cea69$var$_toConsumableArray2["default"](filteredColumns));
+        return filteredColumns;
     }, [
-        columnsRaw,
+        _columns,
         hasCheckBox
     ]);
     var selectedRows = context.selectedRows, dataRows = context.dataRows, addRows = context.addRows, groupCollapsed = context.groupCollapsed;
@@ -445,10 +447,12 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
             can: can,
             allRows: allRows,
             displayableRows: displayableRows,
+            tableKeyName: tableKeyName,
             config: $66459c55c70cea69$var$_objectSpread($66459c55c70cea69$var$_objectSpread({
             }, config), {
             }, {
-                columns: columns
+                columns: columns,
+                columnsRaw: _columns
             })
         }
     }, /*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($66459c55c70cea69$var$_react["default"].Fragment, null, customSelectionHeader || hasSelectionManager && /*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($66459c55c70cea69$var$_Toolbar["default"], {
@@ -457,18 +461,19 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
         selectedRows: selectedRows,
         handleRowsToDelete: handleRowsToDelete,
         handleValidateEdit: handleValidateEdit,
-        handleValidateAdd: handleValidateAdd
-    }), /*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($ByO3L$reactvirtualized.ScrollSync, null, function(_ref2) {
-        var onScroll = _ref2.onScroll, scrollLeft = _ref2.scrollLeft;
+        handleValidateAdd: handleValidateAdd,
+        onChangeColumnsSetting: dispatchColumnsSetting
+    }), /*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($ByO3L$reactvirtualized.ScrollSync, null, function(_ref3) {
+        var onScroll = _ref3.onScroll, scrollLeft = _ref3.scrollLeft;
         return(/*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($ByO3L$reactvirtualized.AutoSizer, {
             onResize: handleResize,
             style: size
-        }, function(_ref3) {
-            var height = _ref3.height, width = _ref3.width;
+        }, function(_ref4) {
+            var height = _ref4.height, width = _ref4.width;
             if (dynamicHeight && displayableRows.length * rowHeight <= calculateHeightGridBody(height)) height = displayableRows.length * rowHeight + verticalPadding;
             else height = calculateHeightGridBody(height);
-            var _getColumnWidth = function _getColumnWidth1(_ref4) {
-                var index = _ref4.index;
+            var _getColumnWidth = function _getColumnWidth1(_ref5) {
+                var index = _ref5.index;
                 var _columns$index = columns[index], _columns$index$width = _columns$index.width, widthColumn = _columns$index$width === void 0 ? -1 : _columns$index$width, _columns$index$size = _columns$index.size, size1 = _columns$index$size === void 0 ? -1 : _columns$index$size;
                 if (size1 !== -1 && width > totalColumnsWidth) {
                     var averageColumn = (width - totalColumnsWidth) / totalColumnsSize;
@@ -509,8 +514,8 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
                 onScroll: onScroll,
                 rowHeight: cache.rowHeight,
                 fixedColumnCount: fixedColumns + +hasCheckBox,
-                onScrollbarPresenceChange: function onScrollbarPresenceChange(_ref5) {
-                    var horizontal = _ref5.horizontal, size1 = _ref5.size, vertical = _ref5.vertical;
+                onScrollbarPresenceChange: function onScrollbarPresenceChange(_ref6) {
+                    var horizontal = _ref6.horizontal, size1 = _ref6.size, vertical = _ref6.vertical;
                     setVerticalPadding(horizontal ? size1 : 0);
                     setHorizontalPadding(vertical ? size1 : 0);
                 },
@@ -560,7 +565,7 @@ $66459c55c70cea69$var$VirtualTable.propTypes = {
         $66459c55c70cea69$var$_propTypes["default"].string,
         $66459c55c70cea69$var$_propTypes["default"].number
     ]),
-    tableKeyName: $66459c55c70cea69$var$_propTypes["default"].string,
+    tableKeyName: $66459c55c70cea69$var$_propTypes["default"].string.isRequired,
     customHeader: $66459c55c70cea69$var$_propTypes["default"].node,
     customFooter: $66459c55c70cea69$var$_propTypes["default"].node
 };
@@ -714,6 +719,7 @@ var $4ad53d6cb96277c8$var$_default = {
         loading: 'Loading ...',
         month: 'Month',
         refuse: 'Refuse',
+        save: 'Save',
         select: 'Select',
         selectedCount: '{{count}} sélectionné(s)',
         send: 'Send',
@@ -725,6 +731,15 @@ var $4ad53d6cb96277c8$var$_default = {
         to: 'to',
         total: 'TOTAL'
     },
+    columnsSetting: {
+        title: 'Columns setting',
+        subtitle: 'Select the columns that you want to appear on the table',
+        columns: {
+            display: 'Display',
+            columnName: 'Column',
+            filterable: 'Filterable'
+        }
+    },
     commentBox: {
         applyToTitle: 'Appliquer à :',
         applyTo: {
@@ -781,7 +796,8 @@ var $4ad53d6cb96277c8$var$_default = {
     exportDialog: {
         title: 'Export the data',
         legend: 'Export format',
-        exportButton: 'Export'
+        exportButton: 'Export',
+        errorMessage: 'The data export has failed.'
     },
     notifications: {
         canLoseChanges: 'Voulez-vous vraiment supprimer vos modifications?',
@@ -830,6 +846,7 @@ var $757d47e205026167$var$_default = {
         loading: 'Chargement ...',
         month: 'Mois',
         refuse: 'Refuser',
+        save: 'Enregistrer',
         select: 'Sélectionnez',
         selectedCount: '{{count}} sélectionné(s)',
         send: 'Envoyer',
@@ -841,6 +858,15 @@ var $757d47e205026167$var$_default = {
         to: 'au',
         total: 'TOTAL'
     },
+    columnsSetting: {
+        title: 'Paramétrage des colonnes',
+        subtitle: 'Sélectionnez les colonnes que vous souhaitez faire apparaître dans le tableau',
+        columns: {
+            display: 'Afficher',
+            columnName: 'Colonne',
+            filterable: 'Filtrable'
+        }
+    },
     commentBox: {
         applyToTitle: 'Appliquer à :',
         applyTo: {
@@ -897,7 +923,8 @@ var $757d47e205026167$var$_default = {
     exportDialog: {
         title: 'Exporter le tableau',
         legend: 'Format d\'export :',
-        exportButton: 'Exporter'
+        exportButton: 'Exporter',
+        errorMessage: 'L\'exportation du tableau a échoué.'
     },
     notifications: {
         canLoseChanges: 'Voulez-vous vraiment supprimer vos modifications?',
@@ -2062,10 +2089,12 @@ var $c694d7b6e04e24ce$var$_excluded = [
     "checked",
     "disabled",
     "onChange",
-    "variant"
+    "variant",
+    "keyId",
+    "columnIndex"
 ];
 var $c694d7b6e04e24ce$var$Checkbox = function Checkbox(_ref) {
-    var name = _ref.name, checked = _ref.checked, disabled = _ref.disabled, onChange = _ref.onChange, variant = _ref.variant, rest = $c694d7b6e04e24ce$var$_objectWithoutProperties2["default"](_ref, $c694d7b6e04e24ce$var$_excluded);
+    var name = _ref.name, checked = _ref.checked, disabled = _ref.disabled, onChange = _ref.onChange, variant = _ref.variant, keyId = _ref.keyId, columnIndex = _ref.columnIndex, rest = $c694d7b6e04e24ce$var$_objectWithoutProperties2["default"](_ref, $c694d7b6e04e24ce$var$_excluded);
     var classes = $c694d7b6e04e24ce$var$_styles["default"]();
     return(/*#__PURE__*/ $c694d7b6e04e24ce$var$_react["default"].createElement("div", {
         className: classes.checkbox
@@ -5658,7 +5687,6 @@ module.exports.exportData = $66b66b5bd7e4d0d2$var$exportData;
 parcelRequire.register("bvHUU", function(module, exports) {
 "use strict";
 
-
 Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
@@ -5676,7 +5704,7 @@ var $8614a7f4dd6dc787$var$_get2 = $ByO3L$babelruntimehelpersinteropRequireDefaul
 
 var $8614a7f4dd6dc787$var$_find3 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashfind);
 
-var $8614a7f4dd6dc787$var$XLSX = $8614a7f4dd6dc787$var$_interopRequireWildcard($ByO3L$xlsx);
+var $8614a7f4dd6dc787$var$_isNil2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashisNil);
 
 var $8614a7f4dd6dc787$var$_exceljs = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$exceljs);
 
@@ -5699,33 +5727,10 @@ var $8614a7f4dd6dc787$var$_excluded = [
     "key",
     "typeCell"
 ];
-function $8614a7f4dd6dc787$var$_getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return ($8614a7f4dd6dc787$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
-        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function $8614a7f4dd6dc787$var$_interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) return obj;
-    if (obj === null || $ByO3L$babelruntimehelperstypeof(obj) !== "object" && typeof obj !== "function") return {
-        "default": obj
-    };
-    var cache = $8614a7f4dd6dc787$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;
-}
+var $8614a7f4dd6dc787$var$CSV_FILE = {
+    type: 'text/csv;charset=utf-8',
+    extension: '.csv'
+};
 var $8614a7f4dd6dc787$var$EXCEL_FILE = {
     type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8',
     extension: '.xlsx'
@@ -5738,10 +5743,10 @@ var $8614a7f4dd6dc787$var$formatDataToCSV = function formatDataToCSV(row, _ref)
             return $eDSzM.getViewData(value, column);
         case $fjngL.TYPE_CELL.ATTACHMENT:
         case $fjngL.TYPE_CELL.THUMBNAIL:
-            return value === null || value === void 0 ? void 0 : value.map(function(_ref2) {
+            return Array.isArray(value) ? value === null || value === void 0 ? void 0 : value.map(function(_ref2) {
                 var link = _ref2.link;
                 return link;
-            }).join(', ');
+            }).join(', ') : value === null || value === void 0 ? void 0 : value.link;
         case $fjngL.TYPE_CELL.AUTOCOMPLETE:
             var result = $9L3u9.getViewData(value, column);
             if (Array.isArray(result)) return result.map(function(_ref3) {
@@ -5793,28 +5798,27 @@ var $8614a7f4dd6dc787$var$parseDataRows = function parseDataRows(rows, columns)
 };
 module.exports.parseDataRows = $8614a7f4dd6dc787$var$parseDataRows;
 var $8614a7f4dd6dc787$var$exportToCSV = function exportToCSV(csvData, fileName) {
-    var ws = $8614a7f4dd6dc787$var$XLSX.utils.json_to_sheet(csvData, {
-        skipHeader: true
-    });
-    var wb = {
-        Sheets: {
-            data: ws
-        },
-        SheetNames: [
-            'data'
-        ]
+    var processRow = function processRow1(row) {
+        var finalVal = '';
+        for(var j = 0; j < row.length; j++){
+            var innerValue = $8614a7f4dd6dc787$var$_isNil2["default"](row[j]) ? '' : row[j].toString();
+            if (row[j] instanceof Date) innerValue = row[j].toLocaleString();
+            var result = innerValue.replace(/"/g, '""');
+            if (result.search(/("|,|\n|\w)/g) >= 0) result = '"' + result + '"';
+            if (j > 0) finalVal += ',';
+            finalVal += result;
+        }
+        return finalVal + '\n';
     };
-    var excelBuffer = $8614a7f4dd6dc787$var$XLSX.write(wb, {
-        bookType: 'xlsx',
-        type: 'array'
-    });
+    var csvFile = '';
+    for(var i = 0; i < csvData.length; i++)csvFile += processRow(csvData[i]);
     var data = new Blob([
-        excelBuffer
+        csvFile
     ], {
-        type: $8614a7f4dd6dc787$var$EXCEL_FILE.type,
+        type: $8614a7f4dd6dc787$var$CSV_FILE.type,
         cellStyles: true
     });
-    $8OJFB.downloadFile(data, fileName + $8614a7f4dd6dc787$var$EXCEL_FILE.extension, $8614a7f4dd6dc787$var$EXCEL_FILE.type);
+    $8OJFB.downloadFile(data, fileName + $8614a7f4dd6dc787$var$CSV_FILE.extension, $8614a7f4dd6dc787$var$CSV_FILE.type);
 };
 module.exports.exportToCSV = $8614a7f4dd6dc787$var$exportToCSV;
 var $8614a7f4dd6dc787$var$exportToExcel = /*#__PURE__*/ function() {
@@ -8753,7 +8757,8 @@ function $ec19f4945a6280f4$var$_objectSpread(target) {
     $fjngL.TYPE_CELL.AMOUNT,
     $fjngL.TYPE_CELL.NUMBER,
     $fjngL.TYPE_CELL.STATUS,
-    $fjngL.TYPE_CELL.SELECT
+    $fjngL.TYPE_CELL.SELECT,
+    $fjngL.TYPE_CELL.STRING
 ];
 module.exports.allowedTypes = $ec19f4945a6280f4$var$allowedTypes;
 var $ec19f4945a6280f4$var$mapStatusListToDataList = function mapStatusListToDataList(listStatus) {
@@ -8770,7 +8775,7 @@ var $ec19f4945a6280f4$var$mapStatusListToDataList = function mapStatusListToData
  * @param {array} columns - Columns array from VT config
  */ function $ec19f4945a6280f4$var$parseConfig(columns) {
     return columns.reduce(function(prev, curr) {
-        if (curr.typeCell && !$ec19f4945a6280f4$var$allowedTypes.includes(curr.typeCell)) return prev;
+        if (curr.typeCell && !$ec19f4945a6280f4$var$allowedTypes.includes(curr.typeCell) || !curr.header) return prev;
         return $ec19f4945a6280f4$var$_objectSpread($ec19f4945a6280f4$var$_objectSpread({
         }, prev), {
         }, $ec19f4945a6280f4$var$_defineProperty2["default"]({
@@ -8795,6 +8800,10 @@ Object.defineProperty(module.exports, "__esModule", {
 });
 module.exports["default"] = void 0;
 
+var $804f7bcb146d3599$var$_extends2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersextends);
+
+var $804f7bcb146d3599$var$_objectWithoutProperties2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersobjectWithoutProperties);
+
 var $804f7bcb146d3599$var$_isEmpty2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashisEmpty);
 
 var $804f7bcb146d3599$var$_react = $804f7bcb146d3599$var$_interopRequireWildcard($ByO3L$react);
@@ -8810,6 +8819,14 @@ var $kgLfH = parcelRequire("kgLfH");
 var $804f7bcb146d3599$var$_Buttons = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("96InV")));
 
 var $804f7bcb146d3599$var$_styles = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("69TkA")));
+var $804f7bcb146d3599$var$_excluded = [
+    "setSearchFilters",
+    "selectedRows",
+    "displayableRows",
+    "handleRowsToDelete",
+    "handleValidateAdd",
+    "handleValidateEdit"
+];
 function $804f7bcb146d3599$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -8839,7 +8856,7 @@ function $804f7bcb146d3599$var$_interopRequireWildcard(obj, nodeInterop) {
 }
 var $804f7bcb146d3599$var$Toolbar = function Toolbar(_ref) {
     var _ref$setSearchFilters = _ref.setSearchFilters, setSearchFilters = _ref$setSearchFilters === void 0 ? function() {
-    } : _ref$setSearchFilters, _ref$selectedRows = _ref.selectedRows, selectedRows = _ref$selectedRows === void 0 ? new Set() : _ref$selectedRows, displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit;
+    } : _ref$setSearchFilters, _ref$selectedRows = _ref.selectedRows, selectedRows = _ref$selectedRows === void 0 ? new Set() : _ref$selectedRows, displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, rest = $804f7bcb146d3599$var$_objectWithoutProperties2["default"](_ref, $804f7bcb146d3599$var$_excluded);
     var _useConfig = $gtEaY.useConfig(), _useConfig$config = _useConfig.config;
     _useConfig$config = _useConfig$config === void 0 ? {
     } : _useConfig$config;
@@ -8866,13 +8883,13 @@ var $804f7bcb146d3599$var$Toolbar = function Toolbar(_ref) {
         className: styles.selectCount
     }, (selectableRow || selectableOnlyOneRow) && $804f7bcb146d3599$var$_I18n["default"].t('common.selectedCount', {
         count: selectedRows.size
-    })), /*#__PURE__*/ $804f7bcb146d3599$var$_react["default"].createElement($804f7bcb146d3599$var$_Buttons["default"], {
+    })), /*#__PURE__*/ $804f7bcb146d3599$var$_react["default"].createElement($804f7bcb146d3599$var$_Buttons["default"], $804f7bcb146d3599$var$_extends2["default"]({
         handleRowsToDelete: handleRowsToDelete,
         selectedRows: selectedRows,
         handleValidateEdit: handleValidateEdit,
         handleValidateAdd: handleValidateAdd,
         displayableRows: displayableRows
-    })));
+    }, rest))));
 };
 var $804f7bcb146d3599$var$_default = $804f7bcb146d3599$var$Toolbar;
 module.exports["default"] = $804f7bcb146d3599$var$_default;
@@ -8917,6 +8934,8 @@ var $e1c1b3caf2e01496$var$_hooks = $ByO3L$babelruntimehelpersinteropRequireDefau
 var $e1c1b3caf2e01496$var$_styles = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("b9jN3")));
 
 var $coBQz = parcelRequire("coBQz");
+
+var $e1c1b3caf2e01496$var$_useStorage2 = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("j7viQ")));
 function $e1c1b3caf2e01496$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -8952,6 +8971,7 @@ var $e1c1b3caf2e01496$var$SearchBar = function SearchBar(_ref) {
     var menuRef = $e1c1b3caf2e01496$var$_react.useRef();
     var mainInputRef = $e1c1b3caf2e01496$var$_react.useRef();
     var chipsRef = $e1c1b3caf2e01496$var$_react.useRef();
+    var _useStorage = $e1c1b3caf2e01496$var$_useStorage2["default"](), setItem = _useStorage.setItem;
     var _useSearchBar = $e1c1b3caf2e01496$var$_hooks["default"]({
         columns: columnsProps
     }), _useSearchBar2 = $e1c1b3caf2e01496$var$_slicedToArray2["default"](_useSearchBar, 2), _useSearchBar2$ = _useSearchBar2[0], filters = _useSearchBar2$.filters, focusedFilter = _useSearchBar2$.focusedFilter, search = _useSearchBar2$.search, columns = _useSearchBar2$.columns, unmappedFilters = _useSearchBar2$.unmappedFilters, dispatch = _useSearchBar2[1];
@@ -8970,6 +8990,11 @@ var $e1c1b3caf2e01496$var$SearchBar = function SearchBar(_ref) {
     ]);
     var filterCallback = $e1c1b3caf2e01496$var$_react.useCallback($e1c1b3caf2e01496$var$_debounce2["default"](function(unmappedFilters1, search1) {
         onChange(unmappedFilters1, search1);
+        setItem('SearchBar', {
+            filters: filters,
+            search: search1,
+            unmappedFilters: unmappedFilters1
+        });
     }, 500), []);
     $e1c1b3caf2e01496$var$_react.useEffect(function() {
         if (onChange) filterCallback(unmappedFilters, search);
@@ -9356,6 +9381,8 @@ var $808f596b0756b8f8$var$_toConsumableArray2 = $ByO3L$babelruntimehelpersintero
 var $808f596b0756b8f8$var$_defineProperty2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersdefineProperty);
 
 
+var $808f596b0756b8f8$var$_useStorage2 = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("j7viQ")));
+
 var $coBQz = parcelRequire("coBQz");
 
 var $kgLfH = parcelRequire("kgLfH");
@@ -9385,42 +9412,48 @@ function $808f596b0756b8f8$var$_objectSpread(target) {
     return target;
 }
 var $808f596b0756b8f8$var$searchReducer = function searchReducer(state, action) {
+    var _state$unmappedFilter;
     switch(action.type){
         case $coBQz.searchBarActions.SET_CONFIG:
+            // Filter the list in case we removed filtered columns
+            var newFilters = (_state$unmappedFilter = state.unmappedFilters) === null || _state$unmappedFilter === void 0 ? void 0 : _state$unmappedFilter.filter(function(f) {
+                return action.data[f[0]];
+            });
             return $808f596b0756b8f8$var$_objectSpread($808f596b0756b8f8$var$_objectSpread({
             }, state), {
             }, {
                 columns: action.data,
-                filters: new Map()
+                filters: new Map($808f596b0756b8f8$var$_toConsumableArray2["default"](newFilters)),
+                unmappedFilters: $808f596b0756b8f8$var$_toConsumableArray2["default"](newFilters)
             });
         case $coBQz.searchBarActions.ADD_FILTER:
-            var newFilters = new Map($808f596b0756b8f8$var$_toConsumableArray2["default"](state.filters));
-            newFilters.set(action.key, '');
+            var _newFilters = new Map($808f596b0756b8f8$var$_toConsumableArray2["default"](state.filters));
+            _newFilters.set(action.key, '');
             return $808f596b0756b8f8$var$_objectSpread($808f596b0756b8f8$var$_objectSpread({
             }, state), {
             }, {
                 focusedFilter: action.key,
                 search: '',
-                filters: newFilters,
-                unmappedFilters: $808f596b0756b8f8$var$_toConsumableArray2["default"](newFilters)
+                filters: _newFilters,
+                unmappedFilters: $808f596b0756b8f8$var$_toConsumableArray2["default"](_newFilters)
             });
         case $coBQz.searchBarActions.UPDATE_FILTER:
-            var _newFilters = new Map($808f596b0756b8f8$var$_toConsumableArray2["default"](state.filters));
-            _newFilters.set(action.key, action.value);
+            var _newFilters2 = new Map($808f596b0756b8f8$var$_toConsumableArray2["default"](state.filters));
+            _newFilters2.set(action.key, action.value);
             return $808f596b0756b8f8$var$_objectSpread($808f596b0756b8f8$var$_objectSpread({
             }, state), {
             }, {
-                filters: _newFilters,
-                unmappedFilters: $808f596b0756b8f8$var$_toConsumableArray2["default"](_newFilters)
+                filters: _newFilters2,
+                unmappedFilters: $808f596b0756b8f8$var$_toConsumableArray2["default"](_newFilters2)
             });
         case $coBQz.searchBarActions.DELETE_FILTER:
-            var _newFilters2 = new Map($808f596b0756b8f8$var$_toConsumableArray2["default"](state.filters));
-            _newFilters2["delete"](action.key);
+            var _newFilters3 = new Map($808f596b0756b8f8$var$_toConsumableArray2["default"](state.filters));
+            _newFilters3["delete"](action.key);
             return $808f596b0756b8f8$var$_objectSpread($808f596b0756b8f8$var$_objectSpread({
             }, state), {
             }, {
-                filters: _newFilters2,
-                unmappedFilters: $808f596b0756b8f8$var$_toConsumableArray2["default"](_newFilters2)
+                filters: _newFilters3,
+                unmappedFilters: $808f596b0756b8f8$var$_toConsumableArray2["default"](_newFilters3)
             });
         case $coBQz.searchBarActions.CHANGE_SEARCH:
             return $808f596b0756b8f8$var$_objectSpread($808f596b0756b8f8$var$_objectSpread({
@@ -9432,19 +9465,30 @@ var $808f596b0756b8f8$var$searchReducer = function searchReducer(state, action)
             return state;
     }
 };
-var $808f596b0756b8f8$var$initialState = {
-    columns: {
-    },
-    filters: new Map(),
-    focusedFilter: null,
-    unmappedFilters: [],
-    search: ''
+var $808f596b0756b8f8$var$initialState = function initialState(storageState) {
+    var defaultState = {
+        columns: {
+        },
+        filters: new Map(),
+        focusedFilter: null,
+        unmappedFilters: [],
+        search: ''
+    };
+    var state = $808f596b0756b8f8$var$_objectSpread($808f596b0756b8f8$var$_objectSpread({
+    }, defaultState), storageState);
+    return $808f596b0756b8f8$var$_objectSpread($808f596b0756b8f8$var$_objectSpread({
+    }, state), {
+    }, {
+        filters: new Map($808f596b0756b8f8$var$_toConsumableArray2["default"](state.unmappedFilters))
+    });
 };
 /**
  * Hook to manage the search state
  */ function $808f596b0756b8f8$var$useSearchBar(_ref) {
     var columns = _ref.columns;
-    var _useReducer = $ByO3L$react.useReducer($808f596b0756b8f8$var$searchReducer, $808f596b0756b8f8$var$initialState), _useReducer2 = $808f596b0756b8f8$var$_slicedToArray2["default"](_useReducer, 2), state = _useReducer2[0], dispatch = _useReducer2[1];
+    var _useStorage = $808f596b0756b8f8$var$_useStorage2["default"](), getItem = _useStorage.getItem;
+    var _useReducer = $ByO3L$react.useReducer($808f596b0756b8f8$var$searchReducer, $808f596b0756b8f8$var$initialState(getItem('SearchBar', {
+    }))), _useReducer2 = $808f596b0756b8f8$var$_slicedToArray2["default"](_useReducer, 2), state = _useReducer2[0], dispatch = _useReducer2[1];
     $ByO3L$react.useEffect(function() {
         dispatch({
             type: $coBQz.searchBarActions.SET_CONFIG,
@@ -9461,8 +9505,55 @@ var $808f596b0756b8f8$var$initialState = {
 var $808f596b0756b8f8$var$_default = $808f596b0756b8f8$var$useSearchBar;
 module.exports["default"] = $808f596b0756b8f8$var$_default;
 
+});
+parcelRequire.register("j7viQ", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $gtEaY = parcelRequire("gtEaY");
+var $deb6f3e66712962d$var$useStorage = function useStorage(_tableKeyName) {
+    var _config$storage;
+    var _config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    };
+    var _useConfig = $gtEaY.useConfig(), _useConfig$tableKeyNa = _useConfig.tableKeyName, tableKeyName = _useConfig$tableKeyNa === void 0 ? _tableKeyName : _useConfig$tableKeyNa, _useConfig$config = _useConfig.config, config = _useConfig$config === void 0 ? _config : _useConfig$config;
+    var _storage = (_config$storage = config.storage) !== null && _config$storage !== void 0 ? _config$storage : localStorage;
+    function getStorage() {
+        var _JSON$parse;
+        if (!tableKeyName) throw new Error('The `tableKeyName` key is not defined in VirtualTable config.');
+        return ((_JSON$parse = JSON.parse(_storage === null || _storage === void 0 ? void 0 : _storage.getItem('virtualTable'))) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse[tableKeyName]) || {
+        };
+    }
+    function setStorage(data) {
+        if (tableKeyName) {
+            var storage = JSON.parse(_storage === null || _storage === void 0 ? void 0 : _storage.getItem('virtualTable')) || {
+            };
+            storage[tableKeyName] = data;
+            return _storage === null || _storage === void 0 ? void 0 : _storage.setItem('virtualTable', JSON.stringify(storage));
+        }
+    }
+    function getItem(key, defaultValue) {
+        var data = getStorage();
+        return (data === null || data === void 0 ? void 0 : data[key]) || defaultValue;
+    }
+    function setItem(key, value) {
+        var data = getStorage();
+        data[key] = value;
+        setStorage(data);
+    }
+    return {
+        getItem: getItem,
+        setItem: setItem
+    };
+};
+var $deb6f3e66712962d$var$_default = $deb6f3e66712962d$var$useStorage;
+module.exports["default"] = $deb6f3e66712962d$var$_default;
+
 });
 
+
 parcelRequire.register("b9jN3", function(module, exports) {
 "use strict";
 Object.defineProperty(module.exports, "__esModule", {
@@ -9559,10 +9650,12 @@ var $6a171a876dde67ea$var$_toConsumableArray2 = $ByO3L$babelruntimehelpersintero
 
 var $6a171a876dde67ea$var$_slicedToArray2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersslicedToArray);
 
+var $6a171a876dde67ea$var$_react = $6a171a876dde67ea$var$_interopRequireWildcard($ByO3L$react);
+
 
 var $6a171a876dde67ea$var$_MoreVert = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$materialuiiconsMoreVert);
 
-var $6a171a876dde67ea$var$_react = $6a171a876dde67ea$var$_interopRequireWildcard($ByO3L$react);
+var $6a171a876dde67ea$var$_SettingsIcon = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("7S5Jk")));
 
 var $6a171a876dde67ea$var$_I18n = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("do4Oi")));
 
@@ -9572,6 +9665,8 @@ var $NOfOf = parcelRequire("NOfOf");
 
 var $jqwDJ = parcelRequire("jqwDJ");
 
+var $6a171a876dde67ea$var$_ColumnsSetting = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("3tpNa")));
+
 var $6a171a876dde67ea$var$_ExportDialog = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("lwFDV")));
 function $6a171a876dde67ea$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -9626,7 +9721,7 @@ function $6a171a876dde67ea$var$_objectSpread(target) {
     return target;
 }
 var $6a171a876dde67ea$var$ToolbarButtons = function ToolbarButtons(_ref) {
-    var displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, selectedRows = _ref.selectedRows;
+    var displayableRows = _ref.displayableRows, handleRowsToDelete = _ref.handleRowsToDelete, handleValidateAdd = _ref.handleValidateAdd, handleValidateEdit = _ref.handleValidateEdit, selectedRows = _ref.selectedRows, onChangeColumnsSetting = _ref.onChangeColumnsSetting;
     var _useConfig = $gtEaY.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'
@@ -9635,6 +9730,7 @@ var $6a171a876dde67ea$var$ToolbarButtons = function ToolbarButtons(_ref) {
     var _useState3 = $6a171a876dde67ea$var$_react.useState(null), _useState4 = $6a171a876dde67ea$var$_slicedToArray2["default"](_useState3, 2), popperAnchorEl = _useState4[0], setPopperAnchorEl = _useState4[1];
     var open = Boolean(anchorEl);
     var _useState5 = $6a171a876dde67ea$var$_react.useState(false), _useState6 = $6a171a876dde67ea$var$_slicedToArray2["default"](_useState5, 2), openExport = _useState6[0], setOpenExport = _useState6[1];
+    var _useState7 = $6a171a876dde67ea$var$_react.useState(false), _useState8 = $6a171a876dde67ea$var$_slicedToArray2["default"](_useState7, 2), openColumnSettings = _useState8[0], setOpenColumnSettings = _useState8[1];
     var handleClick = function handleClick1(event) {
         setAnchorEl(event.currentTarget);
     };
@@ -9662,6 +9758,19 @@ var $6a171a876dde67ea$var$ToolbarButtons = function ToolbarButtons(_ref) {
             }
         });
     }));
+    buttons.push({
+        _type: 'component',
+        component: /*#__PURE__*/ $6a171a876dde67ea$var$_react["default"].createElement($6a171a876dde67ea$var$_SettingsIcon["default"], {
+            color: "white"
+        }),
+        style: {
+            paddingLeft: 6,
+            paddingRight: 6
+        },
+        onClick: function onClick() {
+            return setOpenColumnSettings(true);
+        }
+    });
     if (actionsButton.length > 0 || exportFormat.length > 0) buttons.push({
         _type: 'component',
         component: /*#__PURE__*/ $6a171a876dde67ea$var$_react["default"].createElement($6a171a876dde67ea$var$_MoreVert["default"], {
@@ -9806,12 +9915,69 @@ var $6a171a876dde67ea$var$ToolbarButtons = function ToolbarButtons(_ref) {
         onClose: function onClose() {
             return setOpenExport(false);
         }
-    })))));
+    }))), /*#__PURE__*/ $6a171a876dde67ea$var$_react["default"].createElement($6a171a876dde67ea$var$_ColumnsSetting["default"], {
+        open: openColumnSettings,
+        onClose: function onClose() {
+            return setOpenColumnSettings(false);
+        },
+        onChangeColumnsSetting: onChangeColumnsSetting
+    })));
 };
 var $6a171a876dde67ea$var$_default = $6a171a876dde67ea$var$ToolbarButtons;
 module.exports["default"] = $6a171a876dde67ea$var$_default;
 
 });
+parcelRequire.register("7S5Jk", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+
+var $ff4f5789e1b848d3$var$_react = $ff4f5789e1b848d3$var$_interopRequireWildcard($ByO3L$react);
+function $ff4f5789e1b848d3$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($ff4f5789e1b848d3$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
+        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $ff4f5789e1b848d3$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $ByO3L$babelruntimehelperstypeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $ff4f5789e1b848d3$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;
+}
+var $ff4f5789e1b848d3$var$SettingsIcon = /*#__PURE__*/ $ff4f5789e1b848d3$var$_react.memo(function SettingsIcon() {
+    return(/*#__PURE__*/ $ff4f5789e1b848d3$var$_react["default"].createElement($ByO3L$materialuicore.SvgIcon, {
+        viewBox: "0 0 20 21"
+    }, /*#__PURE__*/ $ff4f5789e1b848d3$var$_react["default"].createElement("path", {
+        d: "M10.268.023a2 2 0 0 1 1.98 1.718l.09.63c.358.108.705.242 1.039.397l.793-.595a2 2 0 0 1 2.615.186l.38.379a2 2 0 0 1 .185 2.615l-.457.607c.318.538.574 1.116.76 1.725l.629.09A2 2 0 0 1 20 9.755v.536a2 2 0 0 1-1.718 1.98l-.63.09a7.957 7.957 0 0 1-.76 1.725l.458.607a2 2 0 0 1-.068 2.487l-.117.128-.38.38a2 2 0 0 1-2.47.283l-.145-.098-.793-.595a8.016 8.016 0 0 1-1.039.398l-.09.629a2 2 0 0 1-1.824 1.712l-.156.006h-.536a2 2 0 0 1-1.952-1.565l-.028-.153-.09-.629a7.944 7.944 0 0 1-1.039-.398l-.793.595a2 2 0 0 1-2.487-.068l-.128-.117-.38-.38a2 2 0 0 1-.283-2.47l.098-.145.457-.607a7.957 7.957 0 0 1-.76-1.726l-.629-.09A2 2 0 0 1 0 10.29v-.535a2 2 0 0 1 1.718-1.98l.63-.09a7.957 7.957 0 0 1 .76-1.725l-.458-.607a2 2 0 0 1 .186-2.615l.379-.38a2 2 0 0 1 2.615-.185l.793.595a8.085 8.085 0 0 1 1.04-.398l.09-.629A2 2 0 0 1 9.732.023h.535zm0 1h-.536a1 1 0 0 0-.968.748l-.022.11-.179 1.26-.609.185a6.94 6.94 0 0 0-.611.219l-.297.13-.543.253-1.274-.955a1 1 0 0 0-1.215.011l-.092.082-.38.379a1 1 0 0 0-.16 1.204l.068.103.858 1.141-.34.576a6.9 6.9 0 0 0-.56 1.193l-.104.314-.186.608-1.259.18a1 1 0 0 0-.853.877L1 9.755v.536a1 1 0 0 0 .748.968l.11.022 1.26.179.185.609c.13.422.298.83.504 1.22l.161.288.34.576-.833 1.106-.074.107a1 1 0 0 0 .059 1.141l.083.094.348.35.096.089a1 1 0 0 0 1.138.102l.105-.07 1.273-.954.543.253c.196.092.396.174.6.247l.308.102.61.185.172 1.22.02.116a1 1 0 0 0 .86.775l.116.007h.498l.117-.003a1 1 0 0 0 .888-.743l.023-.114.18-1.258.608-.186a6.94 6.94 0 0 0 .611-.218l.297-.13.543-.253 1.239.93.107.074a1 1 0 0 0 1.141-.059l.094-.083.35-.348.089-.096a1 1 0 0 0 .102-1.137l-.068-.105-.859-1.141.34-.576c.224-.379.412-.779.56-1.193l.104-.315.186-.607 1.259-.18a1 1 0 0 0 .853-.877L19 10.29v-.536a1 1 0 0 0-.748-.968l-.112-.022-1.258-.18-.186-.608a6.95 6.95 0 0 0-.503-1.22l-.161-.288-.34-.576.858-1.14a1 1 0 0 0-.011-1.216l-.082-.092-.379-.38a1 1 0 0 0-1.205-.16l-.103.069-1.273.954-.543-.253a6.948 6.948 0 0 0-.6-.246l-.308-.102-.607-.186-.18-1.259a1 1 0 0 0-.877-.853l-.114-.006z"
+    }), /*#__PURE__*/ $ff4f5789e1b848d3$var$_react["default"].createElement("path", {
+        d: "M10 6.023a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"
+    })));
+});
+var $ff4f5789e1b848d3$var$_default = $ff4f5789e1b848d3$var$SettingsIcon;
+module.exports["default"] = $ff4f5789e1b848d3$var$_default;
+
+});
+
 parcelRequire.register("jqwDJ", function(module, exports) {
 "use strict";
 
@@ -10338,6 +10504,478 @@ module.exports["default"] = $0bf705d0893454fe$var$_default;
 });
 
 
+parcelRequire.register("3tpNa", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(module.exports, "default", {
+    enumerable: true,
+    get: function get() {
+        return $2878164bf7696834$var$_ColumnsSetting["default"];
+    }
+});
+
+var $2878164bf7696834$var$_ColumnsSetting = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("hwiIA")));
+
+});
+parcelRequire.register("hwiIA", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $5a4cea0a0c171fcc$var$_react = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$react);
+
+
+
+var $5a4cea0a0c171fcc$var$_I18n = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("do4Oi")));
+
+var $5a4cea0a0c171fcc$var$_DataGrid = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("gdeau")));
+
+var $fjngL = parcelRequire("fjngL");
+
+var $gtEaY = parcelRequire("gtEaY");
+
+var $NOfOf = parcelRequire("NOfOf");
+
+var $5a4cea0a0c171fcc$var$_Button = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("dsRXC")));
+
+var $OyViv = parcelRequire("OyViv");
+var $5a4cea0a0c171fcc$var$ColumnsSetting = function ColumnsSetting(_ref) {
+    var open = _ref.open, onClose = _ref.onClose, onChangeColumnsSetting = _ref.onChangeColumnsSetting;
+    var _useConfig = $gtEaY.useConfig(), _useConfig$config$col = _useConfig.config.columnsRaw, columnsRaw = _useConfig$config$col === void 0 ? [] : _useConfig$config$col;
+    var _useColumnsSetting = $OyViv.useColumnsSetting(columnsRaw), columns = _useColumnsSetting.columns, changes = _useColumnsSetting.changes, reset = _useColumnsSetting.reset, save = _useColumnsSetting.save, handleChange = _useColumnsSetting.handleChange;
+    var handleValidate = function handleValidate1() {
+        onChangeColumnsSetting({
+            type: 'multiple',
+            keys: changes
+        });
+        onClose();
+        save();
+    };
+    var handleClose = function handleClose1() {
+        onClose();
+        reset();
+    };
+    return(/*#__PURE__*/ $5a4cea0a0c171fcc$var$_react["default"].createElement($ByO3L$materialuicore.Dialog, {
+        open: open,
+        maxWidth: 'sm',
+        fullWidth: true
+    }, /*#__PURE__*/ $5a4cea0a0c171fcc$var$_react["default"].createElement($ByO3L$materialuicore.DialogContent, null, /*#__PURE__*/ $5a4cea0a0c171fcc$var$_react["default"].createElement($ByO3L$materialuicore.Typography, {
+        variant: "h2",
+        component: "h1"
+    }, $5a4cea0a0c171fcc$var$_I18n["default"].t('columnsSetting.title')), /*#__PURE__*/ $5a4cea0a0c171fcc$var$_react["default"].createElement($ByO3L$materialuicore.Typography, {
+        style: {
+            marginBottom: 16
+        },
+        variant: "subtitle2",
+        component: "h2"
+    }, $5a4cea0a0c171fcc$var$_I18n["default"].t('columnsSetting.subtitle')), /*#__PURE__*/ $5a4cea0a0c171fcc$var$_react["default"].createElement($5a4cea0a0c171fcc$var$_DataGrid["default"], {
+        onChange: handleChange,
+        columns: [
+            {
+                key: 'display',
+                header: $5a4cea0a0c171fcc$var$_I18n["default"].t('columnsSetting.columns.display'),
+                width: 60,
+                typeCell: $fjngL.TYPE_CELL.CHECKBOX,
+                isDisabled: function isDisabled(data) {
+                    return data.canHide === false;
+                }
+            },
+            {
+                key: 'header',
+                header: $5a4cea0a0c171fcc$var$_I18n["default"].t('columnsSetting.columns.columnName'),
+                width: 120,
+                editable: false
+            },
+            {
+                key: 'sortable',
+                header: $5a4cea0a0c171fcc$var$_I18n["default"].t('columnsSetting.columns.filterable'),
+                editable: false,
+                width: 80,
+                alignText: 'center',
+                typeCell: $fjngL.TYPE_CELL.COMPONENT,
+                renderComponent: function renderComponent(_ref2) {
+                    var data = _ref2.data;
+                    return $NOfOf.isSortable(data) ? /*#__PURE__*/ $5a4cea0a0c171fcc$var$_react["default"].createElement($ByO3L$materialuiicons.Check, {
+                        color: "primary",
+                        fontSize: "small"
+                    }) : null;
+                }
+            }
+        ],
+        rows: columns
+    })), /*#__PURE__*/ $5a4cea0a0c171fcc$var$_react["default"].createElement($ByO3L$materialuicore.DialogActions, {
+        style: {
+            padding: '16px 24px'
+        }
+    }, /*#__PURE__*/ $5a4cea0a0c171fcc$var$_react["default"].createElement($5a4cea0a0c171fcc$var$_Button["default"], {
+        variant: "outlined",
+        onClick: handleClose
+    }, $5a4cea0a0c171fcc$var$_I18n["default"].t('common.cancel')), /*#__PURE__*/ $5a4cea0a0c171fcc$var$_react["default"].createElement($5a4cea0a0c171fcc$var$_Button["default"], {
+        color: "primary",
+        variant: "contained",
+        onClick: handleValidate
+    }, $5a4cea0a0c171fcc$var$_I18n["default"].t('common.save')))));
+};
+var $5a4cea0a0c171fcc$var$_default = $5a4cea0a0c171fcc$var$ColumnsSetting;
+module.exports["default"] = $5a4cea0a0c171fcc$var$_default;
+
+});
+parcelRequire.register("gdeau", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(module.exports, "default", {
+    enumerable: true,
+    get: function get() {
+        return $bcd8d9ba458a8d47$var$_DataGrid["default"];
+    }
+});
+
+var $bcd8d9ba458a8d47$var$_DataGrid = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("3TpJ5")));
+
+});
+parcelRequire.register("3TpJ5", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.styles = module.exports["default"] = void 0;
+
+var $a137c8e9e6a13ab0$var$_defineProperty2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersdefineProperty);
+
+
+var $a137c8e9e6a13ab0$var$_classnames = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$classnames);
+
+var $a137c8e9e6a13ab0$var$_propTypes = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$proptypes);
+
+var $a137c8e9e6a13ab0$var$_react = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$react);
+
+var $a137c8e9e6a13ab0$var$_cells = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("axsEw")));
+
+var $a137c8e9e6a13ab0$var$_useSizing2 = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("5Fhp3")));
+function $a137c8e9e6a13ab0$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $a137c8e9e6a13ab0$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $a137c8e9e6a13ab0$var$ownKeys(Object(source), true).forEach(function(key) {
+            $a137c8e9e6a13ab0$var$_defineProperty2["default"](target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $a137c8e9e6a13ab0$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var $a137c8e9e6a13ab0$var$styles = function styles(theme) {
+    return {
+        root: {
+            background: '#FFF',
+            fontSize: 11
+        },
+        row: {
+            display: 'flex',
+            height: 32,
+            '&$odd': {
+                background: theme.palette.grey[100]
+            }
+        },
+        header: {
+            fontWeight: 'bold'
+        },
+        headerCell: {
+            padding: '0 2px'
+        },
+        bodyCell: {
+            position: 'relative'
+        },
+        odd: {
+        }
+    };
+};
+module.exports.styles = $a137c8e9e6a13ab0$var$styles;
+var $a137c8e9e6a13ab0$var$DataGrid = function DataGrid(_ref) {
+    var classes = _ref.classes, columns = _ref.columns, rows = _ref.rows, onChange = _ref.onChange;
+    var _useSizing = $a137c8e9e6a13ab0$var$_useSizing2["default"](columns), columnsStyle = _useSizing.columnsStyle, totalWidth = _useSizing.totalWidth;
+    return(/*#__PURE__*/ $a137c8e9e6a13ab0$var$_react["default"].createElement("div", {
+        className: classes.root,
+        style: {
+            minWidth: totalWidth
+        }
+    }, /*#__PURE__*/ $a137c8e9e6a13ab0$var$_react["default"].createElement("div", {
+        className: $a137c8e9e6a13ab0$var$_classnames["default"](classes.row, classes.header)
+    }, columns.map(function(_ref2) {
+        var key = _ref2.key, header = _ref2.header;
+        return(/*#__PURE__*/ $a137c8e9e6a13ab0$var$_react["default"].createElement("div", {
+            key: key,
+            className: classes.headerCell,
+            style: $a137c8e9e6a13ab0$var$_objectSpread({
+            }, columnsStyle[key])
+        }, header));
+    })), /*#__PURE__*/ $a137c8e9e6a13ab0$var$_react["default"].createElement("div", null, rows.map(function(row, i) {
+        return(/*#__PURE__*/ $a137c8e9e6a13ab0$var$_react["default"].createElement("div", {
+            key: i,
+            className: $a137c8e9e6a13ab0$var$_classnames["default"](classes.row, $a137c8e9e6a13ab0$var$_defineProperty2["default"]({
+            }, classes.odd, !(i % 2)))
+        }, columns.map(function(column) {
+            return(/*#__PURE__*/ $a137c8e9e6a13ab0$var$_react["default"].createElement("div", {
+                key: column.key,
+                className: classes.bodyCell,
+                style: $a137c8e9e6a13ab0$var$_objectSpread({
+                }, columnsStyle[column.key])
+            }, /*#__PURE__*/ $a137c8e9e6a13ab0$var$_react["default"].createElement("div", null, /*#__PURE__*/ $a137c8e9e6a13ab0$var$_react["default"].createElement($a137c8e9e6a13ab0$var$_cells["default"], {
+                rowIndex: i,
+                vtContext: {
+                    state: 'PERMANENT_EDIT',
+                    send: function send() {
+                    }
+                },
+                type: column.typeCell,
+                column: $a137c8e9e6a13ab0$var$_objectSpread($a137c8e9e6a13ab0$var$_objectSpread({
+                }, column), {
+                }, {
+                    onChange: onChange
+                }),
+                data: row,
+                dataKey: column.key
+            }))));
+        })));
+    }))));
+};
+$a137c8e9e6a13ab0$var$DataGrid.propTypes = {
+    classes: $a137c8e9e6a13ab0$var$_propTypes["default"].object,
+    rows: $a137c8e9e6a13ab0$var$_propTypes["default"].array,
+    columns: $a137c8e9e6a13ab0$var$_propTypes["default"].array,
+    onChange: $a137c8e9e6a13ab0$var$_propTypes["default"].func
+};
+$a137c8e9e6a13ab0$var$DataGrid.defaultProps = {
+    columns: [],
+    rows: []
+};
+var $a137c8e9e6a13ab0$var$_default = $ByO3L$materialuicore.withStyles($a137c8e9e6a13ab0$var$styles)($a137c8e9e6a13ab0$var$DataGrid);
+module.exports["default"] = $a137c8e9e6a13ab0$var$_default;
+
+});
+parcelRequire.register("5Fhp3", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $41fe4800718abaa7$var$_defineProperty2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersdefineProperty);
+
+
+var $1iQdU = parcelRequire("1iQdU");
+function $41fe4800718abaa7$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $41fe4800718abaa7$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $41fe4800718abaa7$var$ownKeys(Object(source), true).forEach(function(key) {
+            $41fe4800718abaa7$var$_defineProperty2["default"](target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $41fe4800718abaa7$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var $41fe4800718abaa7$var$useSizing = function useSizing() {
+    var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var getFixedWidth = function getFixedWidth1() {
+        return columns.reduce(function(prev, _ref) {
+            var _ref$width = _ref.width, width = _ref$width === void 0 ? 0 : _ref$width, size = _ref.size;
+            return size ? prev : prev + parseInt(width);
+        }, 0);
+    };
+    var getFixedSize = function getFixedSize1() {
+        return columns.reduce(function(prev, _ref2) {
+            var _ref2$size = _ref2.size, size = _ref2$size === void 0 ? 0 : _ref2$size;
+            return prev + parseInt(size);
+        }, 0);
+    };
+    var columnsStyle = $ByO3L$react.useMemo(function() {
+        var fixedWidth = getFixedWidth();
+        var fixedSize = getFixedSize();
+        return columns.reduce(function(prev, _ref3) {
+            var key = _ref3.key, size = _ref3.size, _ref3$width = _ref3.width, width = _ref3$width === void 0 ? 0 : _ref3$width, _ref3$minWidth = _ref3.minWidth, minWidth = _ref3$minWidth === void 0 ? 100 : _ref3$minWidth, typeCell = _ref3.typeCell, alignText = _ref3.alignText;
+            return $41fe4800718abaa7$var$_objectSpread($41fe4800718abaa7$var$_objectSpread({
+            }, prev), {
+            }, $41fe4800718abaa7$var$_defineProperty2["default"]({
+            }, key, {
+                width: size ? "calc( (( 100% - ".concat(fixedWidth, "px ) * ").concat(size, ") / ").concat(fixedSize, " )") : "".concat(width, "px"),
+                minWidth: width ? width : minWidth,
+                justifyContent: $1iQdU.defineCellAlign(typeCell, alignText),
+                display: 'flex',
+                alignItems: 'center'
+            }));
+        }, {
+        });
+    }, []);
+    var totalWidth = columns.reduce(function(prev, _ref4) {
+        var _ref4$width = _ref4.width, width = _ref4$width === void 0 ? 0 : _ref4$width, _ref4$minWidth = _ref4.minWidth, minWidth = _ref4$minWidth === void 0 ? 100 : _ref4$minWidth, size = _ref4.size;
+        return size ? prev + parseInt(minWidth) : prev + parseInt(width);
+    }, 0);
+    return {
+        columnsStyle: columnsStyle,
+        totalWidth: totalWidth
+    };
+};
+var $41fe4800718abaa7$var$_default = $41fe4800718abaa7$var$useSizing;
+module.exports["default"] = $41fe4800718abaa7$var$_default;
+
+});
+
+
+
+parcelRequire.register("OyViv", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(module.exports, "useColumnsSetting", {
+    enumerable: true,
+    get: function get() {
+        return $097fc2a32061066b$var$_useColumnsSetting["default"];
+    }
+});
+
+var $097fc2a32061066b$var$_useColumnsSetting = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("4BQvE")));
+
+});
+parcelRequire.register("4BQvE", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $35b359698b2a7741$var$_defineProperty2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersdefineProperty);
+
+var $35b359698b2a7741$var$_slicedToArray2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersslicedToArray);
+
+
+var $35b359698b2a7741$var$_useStorage2 = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("j7viQ")));
+function $35b359698b2a7741$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $35b359698b2a7741$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $35b359698b2a7741$var$ownKeys(Object(source), true).forEach(function(key) {
+            $35b359698b2a7741$var$_defineProperty2["default"](target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $35b359698b2a7741$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var $35b359698b2a7741$var$useColumnsSetting = function useColumnsSetting(defaultState) {
+    var _useStorage = $35b359698b2a7741$var$_useStorage2["default"](), setItem = _useStorage.setItem;
+    var _useState = $ByO3L$react.useState(parseColumns(defaultState)), _useState2 = $35b359698b2a7741$var$_slicedToArray2["default"](_useState, 2), columns = _useState2[0], setColumns = _useState2[1];
+    var _useState3 = $ByO3L$react.useState({
+    }), _useState4 = $35b359698b2a7741$var$_slicedToArray2["default"](_useState3, 2), changes = _useState4[0], setChanges = _useState4[1];
+    function parseColumns(_columns) {
+        return _columns.map(function(column) {
+            return $35b359698b2a7741$var$_objectSpread($35b359698b2a7741$var$_objectSpread({
+            }, column), {
+            }, {
+                display: column.display !== false
+            });
+        });
+    }
+    function handleChange(_ref) {
+        var rowIndex = _ref.rowIndex, value = _ref.value, dataKey = _ref.dataKey;
+        setChanges(function(previous) {
+            var _columns$rowIndex;
+            return $35b359698b2a7741$var$_objectSpread($35b359698b2a7741$var$_objectSpread({
+            }, previous), {
+            }, $35b359698b2a7741$var$_defineProperty2["default"]({
+            }, (_columns$rowIndex = columns[rowIndex]) === null || _columns$rowIndex === void 0 ? void 0 : _columns$rowIndex.key, $35b359698b2a7741$var$_defineProperty2["default"]({
+            }, dataKey, value)));
+        });
+        setColumns(function(previous) {
+            return previous.map(function(column, index) {
+                if (index === rowIndex) return $35b359698b2a7741$var$_objectSpread($35b359698b2a7741$var$_objectSpread({
+                }, column), {
+                }, $35b359698b2a7741$var$_defineProperty2["default"]({
+                }, dataKey, value));
+                return column;
+            });
+        });
+    }
+    function reset() {
+        setChanges({
+        });
+        setColumns(parseColumns(defaultState));
+    }
+    function save() {
+        setChanges({
+        });
+        setItem('columnsSetting', columns);
+    }
+    return {
+        columns: columns,
+        changes: changes,
+        reset: reset,
+        save: save,
+        handleChange: handleChange
+    };
+};
+var $35b359698b2a7741$var$_default = $35b359698b2a7741$var$useColumnsSetting;
+module.exports["default"] = $35b359698b2a7741$var$_default;
+
+});
+
+
+
+
 parcelRequire.register("lwFDV", function(module, exports) {
 "use strict";
 
@@ -10398,10 +11036,7 @@ var $fabce391b2cad976$var$ExportDialog = function ExportDialog(_ref) {
     var _useExport = $9cNSU.useExport({
         onSuccess: onClose
     }), exportData = _useExport.exportData, loading = _useExport.loading, error = _useExport.error;
-    var _useState = $fabce391b2cad976$var$_react.useState('csv'), _useState2 = $fabce391b2cad976$var$_slicedToArray2["default"](_useState, 2), value = _useState2[0], setValue = _useState2[1];
-    var handleChange = function handleChange1(e) {
-        setValue(e.target.value);
-    };
+    var _useState = $fabce391b2cad976$var$_react.useState('xls'), _useState2 = $fabce391b2cad976$var$_slicedToArray2["default"](_useState, 2), value = _useState2[0], setValue = _useState2[1];
     return(/*#__PURE__*/ $fabce391b2cad976$var$_react["default"].createElement("div", {
         className: styles.root
     }, /*#__PURE__*/ $fabce391b2cad976$var$_react["default"].createElement($ByO3L$materialuicore.Typography, {
@@ -10421,13 +11056,13 @@ var $fabce391b2cad976$var$ExportDialog = function ExportDialog(_ref) {
         onClick: function onClick() {
             return setValue('xls');
         }
-    }, "Excel"), /*#__PURE__*/ $fabce391b2cad976$var$_react["default"].createElement($fabce391b2cad976$var$_Button["default"], {
+    }, ".xls"), /*#__PURE__*/ $fabce391b2cad976$var$_react["default"].createElement($fabce391b2cad976$var$_Button["default"], {
         className: $fabce391b2cad976$var$_classnames["default"](styles.switchButton, $fabce391b2cad976$var$_defineProperty2["default"]({
         }, 'active', value === 'csv')),
         onClick: function onClick() {
             return setValue('csv');
         }
-    }, "CSV")), error && /*#__PURE__*/ $fabce391b2cad976$var$_react["default"].createElement($ByO3L$materialuicore.Typography, {
+    }, ".csv")), error && /*#__PURE__*/ $fabce391b2cad976$var$_react["default"].createElement($ByO3L$materialuicore.Typography, {
         color: "error"
     }, $fabce391b2cad976$var$_I18n["default"].t('exportDialog.errorMessage')), /*#__PURE__*/ $fabce391b2cad976$var$_react["default"].createElement("div", {
         className: styles.actions
@@ -11128,6 +11763,119 @@ module.exports.processCollapsedGroups = $f7eb0ee6f66b1d59$var$processCollapsedGr
 
 });
 
+parcelRequire.register("eA5U9", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $a9d902000ecbacf8$var$_slicedToArray2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersslicedToArray);
+
+var $a9d902000ecbacf8$var$_defineProperty2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersdefineProperty);
+
+
+var $a9d902000ecbacf8$var$_isNil2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashisNil);
+
+var $a9d902000ecbacf8$var$_omit2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashomit);
+
+var $a9d902000ecbacf8$var$_useStorage2 = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("j7viQ")));
+function $a9d902000ecbacf8$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $a9d902000ecbacf8$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $a9d902000ecbacf8$var$ownKeys(Object(source), true).forEach(function(key) {
+            $a9d902000ecbacf8$var$_defineProperty2["default"](target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $a9d902000ecbacf8$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var $a9d902000ecbacf8$var$useColumns = function useColumns(columns, tableKeyName, config) {
+    function reducer(state, action) {
+        switch(action.type){
+            case 'multiple':
+                return state.map(function(column) {
+                    return !$a9d902000ecbacf8$var$_isNil2["default"](action.keys[column.key]) ? $a9d902000ecbacf8$var$_objectSpread($a9d902000ecbacf8$var$_objectSpread({
+                    }, column), action.keys[column.key]) : column;
+                });
+            case 'show':
+                return state.map(function(column) {
+                    return column.key === action.key ? $a9d902000ecbacf8$var$_objectSpread($a9d902000ecbacf8$var$_objectSpread({
+                    }, column), {
+                    }, {
+                        display: true
+                    }) : column;
+                });
+            case 'hide':
+                return state.map(function(column) {
+                    return column.key === action.key ? $a9d902000ecbacf8$var$_objectSpread($a9d902000ecbacf8$var$_objectSpread({
+                    }, column), {
+                    }, {
+                        display: false
+                    }) : column;
+                });
+            case 'reset':
+                return init();
+            default:
+                throw new Error('Action not supported');
+        }
+    }
+    var _useStorage = $a9d902000ecbacf8$var$_useStorage2["default"](tableKeyName, config), getItem = _useStorage.getItem;
+    var _useReducer = $ByO3L$react.useReducer(reducer, [], init), _useReducer2 = $a9d902000ecbacf8$var$_slicedToArray2["default"](_useReducer, 2), state = _useReducer2[0], dispatch = _useReducer2[1];
+    $ByO3L$react.useEffect(function() {
+        dispatch({
+            type: 'multiple',
+            keys: columns.reduce(function(prev, c) {
+                return $a9d902000ecbacf8$var$_objectSpread($a9d902000ecbacf8$var$_objectSpread({
+                }, prev), {
+                }, $a9d902000ecbacf8$var$_defineProperty2["default"]({
+                }, c.key, $a9d902000ecbacf8$var$_omit2["default"](c, 'display')));
+            }, {
+            })
+        });
+    }, [
+        columns
+    ]);
+    function init() {
+        var storage = getItem('columnsSetting', []);
+        return columns === null || columns === void 0 ? void 0 : columns.map(function(column) {
+            var _c$display;
+            var c = storage.find(function(s) {
+                return s.key === column.key;
+            });
+            return $a9d902000ecbacf8$var$_objectSpread($a9d902000ecbacf8$var$_objectSpread({
+            }, column), {
+            }, {
+                display: (_c$display = c === null || c === void 0 ? void 0 : c.display) !== null && _c$display !== void 0 ? _c$display : column.display
+            });
+        });
+    }
+    return {
+        dispatch: dispatch,
+        state: state
+    };
+};
+var $a9d902000ecbacf8$var$_default = $a9d902000ecbacf8$var$useColumns;
+module.exports["default"] = $a9d902000ecbacf8$var$_default;
+
+});
+
 
 
 var $c79bbf7dbb0f3531$var$_VirtualTable = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("8Mof3")));