@myunisoft/design-system 0.8.1 → 0.9.0

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# Changelog
+
+## v0.9.0 (03/12/2021)
+
+#### Enhancements:
+
+- [MYUN-17510](https://myunisoft.atlassian.net/browse/MYUN-17510) Handle custom sortable 
+
+
+---
+
+## v0.8.4 (02/12/2021)
+
+#### Bug Fixes:
+
+- [MYUN-16553](https://myunisoft.atlassian.net/browse/MYUN-16553) Editable AmountCell are not clickable when empty

package/dist/index.js

@@ -1,5 +1,4 @@
 var $ByO3L$babelruntimehelpersinteropRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var $ByO3L$lodashorderBy = require("lodash/orderBy");
 var $ByO3L$lodashmin = require("lodash/min");
 var $ByO3L$proptypes = require("prop-types");
 var $ByO3L$react = require("react");
@@ -48,6 +47,7 @@ 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$lodashorderBy = require("lodash/orderBy");
 var $ByO3L$lodashomit = require("lodash/omit");
 
 var $parcel$global =
@@ -121,8 +121,6 @@ var $66459c55c70cea69$var$_defineProperty2 = $ByO3L$babelruntimehelpersinteropRe
 
 var $66459c55c70cea69$var$_slicedToArray2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersslicedToArray);
 
-var $66459c55c70cea69$var$_orderBy2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashorderBy);
-
 var $66459c55c70cea69$var$_min2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashmin);
 
 var $66459c55c70cea69$var$_propTypes = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$proptypes);
@@ -160,6 +158,8 @@ var $66459c55c70cea69$var$_useNavigation2 = $ByO3L$babelruntimehelpersinteropReq
 var $lhF5z = parcelRequire("lhF5z");
 
 var $66459c55c70cea69$var$_useColumns2 = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("eA5U9")));
+
+var $gczPv = parcelRequire("gczPv");
 function $66459c55c70cea69$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -241,7 +241,8 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
     var _useColumns = $66459c55c70cea69$var$_useColumns2["default"](columnsRaw, tableKeyName, config), _columns = _useColumns.state, dispatchColumnsSetting = _useColumns.dispatch;
     var CHECKBOX_COLUMN = 'checkboxColumn';
     var data = $66459c55c70cea69$var$_react.useMemo(function() {
-        return order ? $66459c55c70cea69$var$_orderBy2["default"](rowData, order, orderDirection) : rowData;
+        if (order) return $gczPv.applySorting(rowData, _columns, order, orderDirection);
+        return rowData;
     }, [
         rowData,
         order,
@@ -251,11 +252,14 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
     var _useNavigation = $66459c55c70cea69$var$_useNavigation2["default"]({
         hasCheckBox: hasCheckBox,
         onFocusChange: onFocusChange,
-        columns: columnsRaw
+        columns: _columns.filter(function(_ref2) {
+            var display = _ref2.display;
+            return display !== false;
+        })
     }), 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;
+        var filteredColumns = _columns.filter(function(_ref3) {
+            var display = _ref3.display;
             return display !== false;
         });
         if (hasCheckBox) return [
@@ -463,17 +467,17 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
         handleValidateEdit: handleValidateEdit,
         handleValidateAdd: handleValidateAdd,
         onChangeColumnsSetting: dispatchColumnsSetting
-    }), /*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($ByO3L$reactvirtualized.ScrollSync, null, function(_ref3) {
-        var onScroll = _ref3.onScroll, scrollLeft = _ref3.scrollLeft;
+    }), /*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($ByO3L$reactvirtualized.ScrollSync, null, function(_ref4) {
+        var onScroll = _ref4.onScroll, scrollLeft = _ref4.scrollLeft;
         return(/*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($ByO3L$reactvirtualized.AutoSizer, {
             onResize: handleResize,
             style: size
-        }, function(_ref4) {
-            var height = _ref4.height, width = _ref4.width;
+        }, function(_ref5) {
+            var height = _ref5.height, width = _ref5.width;
             if (dynamicHeight && displayableRows.length * rowHeight <= calculateHeightGridBody(height)) height = displayableRows.length * rowHeight + verticalPadding;
             else height = calculateHeightGridBody(height);
-            var _getColumnWidth = function _getColumnWidth1(_ref5) {
-                var index = _ref5.index;
+            var _getColumnWidth = function _getColumnWidth1(_ref6) {
+                var index = _ref6.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;
@@ -514,8 +518,8 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
                 onScroll: onScroll,
                 rowHeight: cache.rowHeight,
                 fixedColumnCount: fixedColumns + +hasCheckBox,
-                onScrollbarPresenceChange: function onScrollbarPresenceChange(_ref6) {
-                    var horizontal = _ref6.horizontal, size1 = _ref6.size, vertical = _ref6.vertical;
+                onScrollbarPresenceChange: function onScrollbarPresenceChange(_ref7) {
+                    var horizontal = _ref7.horizontal, size1 = _ref7.size, vertical = _ref7.vertical;
                     setVerticalPadding(horizontal ? size1 : 0);
                     setHorizontalPadding(vertical ? size1 : 0);
                 },
@@ -728,8 +732,7 @@ var $4ad53d6cb96277c8$var$_default = {
             text: 'Status',
             refused: 'Refused'
         },
-        to: 'to',
-        total: 'TOTAL'
+        to: 'to'
     },
     columnsSetting: {
         title: 'Columns setting',
@@ -855,8 +858,7 @@ var $757d47e205026167$var$_default = {
             text: 'Status',
             refused: 'Refusé'
         },
-        to: 'au',
-        total: 'TOTAL'
+        to: 'au'
     },
     columnsSetting: {
         title: 'Paramétrage des colonnes',
@@ -1779,7 +1781,7 @@ var $bd57180c0aaf6443$var$BodyCell = function BodyCell(_ref) {
         }), (!isSecuredRow || showLockInfo) && children));
     }
     var renderCell = function renderCell1(_ref4) {
-        var displayableRow = _ref4.displayableRow, typeCell1 = _ref4.typeCell, keyColumn1 = _ref4.keyColumn, columnIndex1 = _ref4.columnIndex, rowIndex1 = _ref4.rowIndex;
+        var displayableRow = _ref4.displayableRow, typeCell1 = _ref4.typeCell, keyColumn1 = _ref4.keyColumn, columnIndex1 = _ref4.columnIndex, rowIndex1 = _ref4.rowIndex, isFocused1 = _ref4.isFocused;
         var currentTypeCell = function currentTypeCell1(rowData) {
             if ($bd57180c0aaf6443$var$_typeof2["default"](typeCell1) === $3l7YX.OPERAND.FUNCTION) return typeCell1(rowData);
             return typeCell1;
@@ -1795,7 +1797,7 @@ var $bd57180c0aaf6443$var$BodyCell = function BodyCell(_ref) {
             data: displayableRow,
             dataKey: keyColumn1,
             columnIndex: columnIndex1,
-            type: currentTypeCell(displayableRow),
+            typeCell: currentTypeCell(displayableRow),
             spaceBetween: spaceBetween,
             onBlur: function onBlur() {
                 return onCellBlur(rowIndex1, columnIndex1);
@@ -1808,7 +1810,8 @@ var $bd57180c0aaf6443$var$BodyCell = function BodyCell(_ref) {
             onDoubleClick: onDoubleClick,
             rowIndex: rowIndex1,
             column: columns[columnIndex1],
-            vtContext: VTContext
+            vtContext: VTContext,
+            isFocused: isFocused1
         }, cellProps))));
     };
     var alignCell = $1iQdU.defineCellAlign(typeCell, alignText);
@@ -1838,13 +1841,15 @@ var $bd57180c0aaf6443$var$BodyCell = function BodyCell(_ref) {
         typeCell: typeCell,
         keyColumn: keyColumn,
         columnIndex: columnIndex,
-        rowIndex: rowIndex
+        rowIndex: rowIndex,
+        isFocused: isFocused
     }))) : securedRender(renderCell({
         displayableRow: displayableRows[rowIndex],
         typeCell: typeCell,
         keyColumn: keyColumn,
         columnIndex: columnIndex,
-        rowIndex: rowIndex
+        rowIndex: rowIndex,
+        isFocused: isFocused
     })));
     function renderIfTooltip() {
         if (tooltipMessage && [
@@ -2319,7 +2324,7 @@ var $NOfOf = parcelRequire("NOfOf");
 
 var $hUH45 = parcelRequire("hUH45");
 var $7ac33646021a7e72$var$_excluded = [
-    "type",
+    "typeCell",
     "subtype",
     "data",
     "dataKey",
@@ -2332,7 +2337,8 @@ var $7ac33646021a7e72$var$_excluded = [
     "onClick",
     "onDoubleClick",
     "vtContext",
-    "column"
+    "column",
+    "isFocused"
 ];
 function $7ac33646021a7e72$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -2387,7 +2393,7 @@ function $7ac33646021a7e72$var$_objectSpread(target) {
     return target;
 }
 var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
-    var type = _ref.type, subtype = _ref.subtype, _ref$data = _ref.data, data = _ref$data === void 0 ? {
+    var typeCell = _ref.typeCell, subtype = _ref.subtype, _ref$data = _ref.data, data = _ref$data === void 0 ? {
     } : _ref$data, dataKey = _ref.dataKey, columnIndex = _ref.columnIndex, spaceBetween = _ref.spaceBetween, rowIndex = _ref.rowIndex, _ref$onKeyDown = _ref.onKeyDown, onKeyDown = _ref$onKeyDown === void 0 ? function() {
     } : _ref$onKeyDown, _ref$onBlur = _ref.onBlur, onBlur = _ref$onBlur === void 0 ? function() {
     } : _ref$onBlur, _ref$onFocus = _ref.onFocus, onFocus = _ref$onFocus === void 0 ? function() {
@@ -2399,7 +2405,7 @@ var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
         send: function send() {
         }
     } : _ref$vtContext, _ref$column = _ref.column, column = _ref$column === void 0 ? {
-    } : _ref$column, rest = $7ac33646021a7e72$var$_objectWithoutProperties2["default"](_ref, $7ac33646021a7e72$var$_excluded);
+    } : _ref$column, isFocused = _ref.isFocused, rest = $7ac33646021a7e72$var$_objectWithoutProperties2["default"](_ref, $7ac33646021a7e72$var$_excluded);
     var send = vtContext.send, _vtContext$config = vtContext.config, config = _vtContext$config === void 0 ? {
     } : _vtContext$config, state = vtContext.state, _vtContext$context = vtContext.context, context = _vtContext$context === void 0 ? {
     } : _vtContext$context;
@@ -2461,7 +2467,7 @@ var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
         vtContext: vtContext
     }, rest);
     function switchCell() {
-        switch(type){
+        switch(typeCell){
             case $fjngL.TYPE_CELL.ATTACHMENT:
                 return(/*#__PURE__*/ $7ac33646021a7e72$var$_react["default"].createElement($7ac33646021a7e72$var$_AttachmentCell["default"], $7ac33646021a7e72$var$_extends2["default"]({
                     subtype: subtype
@@ -2475,7 +2481,10 @@ var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
             case $fjngL.TYPE_CELL.SELECT:
                 return(/*#__PURE__*/ $7ac33646021a7e72$var$_react["default"].createElement($7ac33646021a7e72$var$_SelectCell["default"], commonProps));
             case $fjngL.TYPE_CELL.AMOUNT:
-                return(/*#__PURE__*/ $7ac33646021a7e72$var$_react["default"].createElement($7ac33646021a7e72$var$_AmountCell["default"], commonProps));
+                return(/*#__PURE__*/ $7ac33646021a7e72$var$_react["default"].createElement($7ac33646021a7e72$var$_AmountCell["default"], $7ac33646021a7e72$var$_extends2["default"]({
+                }, commonProps, {
+                    isFocused: isFocused
+                })));
             case $fjngL.TYPE_CELL.NUMBER:
                 return(/*#__PURE__*/ $7ac33646021a7e72$var$_react["default"].createElement($7ac33646021a7e72$var$_NumberCell["default"], commonProps));
             case $fjngL.TYPE_CELL.BADGE_STATUS:
@@ -2521,7 +2530,7 @@ var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
     }
     if ([
         $fjngL.TYPE_CELL.CHECKBOX
-    ].includes(type)) return switchCell();
+    ].includes(typeCell)) return switchCell();
     return(/*#__PURE__*/ $7ac33646021a7e72$var$_react["default"].createElement("div", {
         style: {
             margin: "0 ".concat(spaceBetween / 2, "px"),
@@ -2532,13 +2541,13 @@ var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
     }, switchCell()));
 };
 $7ac33646021a7e72$var$CellRender.propTypes = {
-    type: $7ac33646021a7e72$var$_propTypes["default"].string,
+    typeCell: $7ac33646021a7e72$var$_propTypes["default"].string,
     data: $7ac33646021a7e72$var$_propTypes["default"].object.isRequired,
     dataKey: $7ac33646021a7e72$var$_propTypes["default"].string.isRequired,
     columnIndex: $7ac33646021a7e72$var$_propTypes["default"].number
 };
 $7ac33646021a7e72$var$CellRender.defaultProps = {
-    type: $fjngL.TYPE_CELL.STRING
+    typeCell: $fjngL.TYPE_CELL.STRING
 };
 var $7ac33646021a7e72$var$_default = $7ac33646021a7e72$var$CellRender;
 module.exports["default"] = $7ac33646021a7e72$var$_default;
@@ -2699,7 +2708,8 @@ var $b576ab7cb84899c8$var$_numeral = $ByO3L$babelruntimehelpersinteropRequireDef
 var $b576ab7cb84899c8$var$_min2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashmin);
 function $b576ab7cb84899c8$var$formatNumberAndRoundMaxTwoDigits(value) {
     if (!value) return '0,00';
-    var regex = new RegExp(/(\d*)([.|,]?)(\d{0,3})/);
+    var isNegative = value < 0;
+    var regex = new RegExp(/(?:-?)(\d*)([.|,]?)(\d{0,3})/);
     var matches = regex.exec(value);
     if (matches) {
         if (matches[3]) {
@@ -2709,7 +2719,7 @@ function $b576ab7cb84899c8$var$formatNumberAndRoundMaxTwoDigits(value) {
                 2
             ])).toString().replace('.', ',');
         }
-        return "".concat(matches[1]).concat(matches[2] ? ',' : '');
+        return "".concat(isNegative ? '-' : '').concat(matches[1]).concat(matches[2] ? ',' : '');
     }
     return value;
 }
@@ -2752,7 +2762,8 @@ module.exports["default"] = void 0;
 var $84c4513cb6863285$var$useStyles = $ByO3L$materialuicore.makeStyles(function() {
     return {
         amountCell: {
-            paddingRight: 10
+            paddingRight: 10,
+            height: '100%'
         },
         disabled: {
             opacity: 0.5
@@ -2795,15 +2806,16 @@ var $f0668b8edb6e03a9$var$_classnames = $ByO3L$babelruntimehelpersinteropRequire
 
 var $f0668b8edb6e03a9$var$_isNil2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashisNil);
 
-var $fzVqt = parcelRequire("fzVqt");
-
 var $f0668b8edb6e03a9$var$_styles = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("boIk5")));
+
+var $eDSzM = parcelRequire("eDSzM");
 var $f0668b8edb6e03a9$var$_excluded = [
     "data",
     "dataKey",
     "columnIndex",
     "onChange",
-    "column"
+    "column",
+    "isFocused"
 ];
 function $f0668b8edb6e03a9$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -2833,14 +2845,11 @@ function $f0668b8edb6e03a9$var$_interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 var $f0668b8edb6e03a9$var$AmountEditCell = /*#__PURE__*/ $f0668b8edb6e03a9$var$_react.memo(function AmountEditCell(_ref) {
-    var data = _ref.data, dataKey = _ref.dataKey, columnIndex = _ref.columnIndex, onChange = _ref.onChange, column = _ref.column, rest = $f0668b8edb6e03a9$var$_objectWithoutProperties2["default"](_ref, $f0668b8edb6e03a9$var$_excluded);
+    var data = _ref.data, dataKey = _ref.dataKey, columnIndex = _ref.columnIndex, onChange = _ref.onChange, column = _ref.column, isFocused = _ref.isFocused, rest = $f0668b8edb6e03a9$var$_objectWithoutProperties2["default"](_ref, $f0668b8edb6e03a9$var$_excluded);
     var styles = $f0668b8edb6e03a9$var$_styles["default"]();
     var _column$isDisabled = column.isDisabled, isDisabled = _column$isDisabled === void 0 ? function() {
         return false;
-    } : _column$isDisabled, _column$formatAmount = column.formatAmount, formatAmount = _column$formatAmount === void 0 ? $fzVqt.formatNumberAndRoundMaxTwoDigits : _column$formatAmount;
-    var getReturnValue = function getReturnValue1(v) {
-        return v === '' ? '' : formatAmount(v);
-    };
+    } : _column$isDisabled;
     var _useState = $f0668b8edb6e03a9$var$_react.useState(data[dataKey]), _useState2 = $f0668b8edb6e03a9$var$_slicedToArray2["default"](_useState, 2), value = _useState2[0], setValue = _useState2[1];
     var handleChangeInput = function handleChangeInput1(e) {
         var val = e.target.value;
@@ -2849,14 +2858,23 @@ var $f0668b8edb6e03a9$var$AmountEditCell = /*#__PURE__*/ $f0668b8edb6e03a9$var$_
     };
     return(/*#__PURE__*/ $f0668b8edb6e03a9$var$_react["default"].createElement("div", {
         className: styles.amountCell
-    }, /*#__PURE__*/ $f0668b8edb6e03a9$var$_react["default"].createElement("input", $f0668b8edb6e03a9$var$_extends2["default"]({
+    }, isFocused ? /*#__PURE__*/ $f0668b8edb6e03a9$var$_react["default"].createElement("input", $f0668b8edb6e03a9$var$_extends2["default"]({
         type: "text",
         disabled: isDisabled(data),
         className: $f0668b8edb6e03a9$var$_classnames["default"](styles.input, $f0668b8edb6e03a9$var$_defineProperty2["default"]({
         }, styles.disabled, isDisabled(data))),
         onChange: handleChangeInput,
-        value: getReturnValue(value)
-    }, rest))));
+        value: value
+    }, rest)) : /*#__PURE__*/ $f0668b8edb6e03a9$var$_react["default"].createElement("div", {
+        className: styles.amountCell,
+        tabIndex: "0",
+        onFocus: function onFocus() {
+            return rest.onFocus();
+        },
+        onClick: function onClick() {
+            return rest.onFocus();
+        }
+    }, $eDSzM.getViewData(value, column))));
 });
 $f0668b8edb6e03a9$var$AmountEditCell.propTypes = {
 };
@@ -2942,6 +2960,9 @@ var $48de11c1b8ebd932$var$_excluded = [
     "data",
     "dataKey",
     "column",
+    "columnIndex",
+    "vtContext",
+    "typeCell",
     "onChange",
     "keyId"
 ];
@@ -2973,7 +2994,7 @@ function $48de11c1b8ebd932$var$_interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 var $48de11c1b8ebd932$var$EditStringCell = /*#__PURE__*/ $48de11c1b8ebd932$var$_react["default"].memo(function EditStringCell(_ref) {
-    var data = _ref.data, dataKey = _ref.dataKey, column = _ref.column, onChange = _ref.onChange, keyId = _ref.keyId, rest = $48de11c1b8ebd932$var$_objectWithoutProperties2["default"](_ref, $48de11c1b8ebd932$var$_excluded);
+    var data = _ref.data, dataKey = _ref.dataKey, column = _ref.column, columnIndex = _ref.columnIndex, vtContext = _ref.vtContext, typeCell = _ref.typeCell, onChange = _ref.onChange, keyId = _ref.keyId, rest = $48de11c1b8ebd932$var$_objectWithoutProperties2["default"](_ref, $48de11c1b8ebd932$var$_excluded);
     var styles = $48de11c1b8ebd932$var$_styles["default"]();
     var _column$isDisabled = column.isDisabled, isDisabled = _column$isDisabled === void 0 ? function() {
         return false;
@@ -2995,7 +3016,8 @@ var $48de11c1b8ebd932$var$EditStringCell = /*#__PURE__*/ $48de11c1b8ebd932$var$_
         }
     };
     return(/*#__PURE__*/ $48de11c1b8ebd932$var$_react["default"].createElement("div", {
-        className: styles.stringCell
+        className: styles.stringCell,
+        title: value
     }, /*#__PURE__*/ $48de11c1b8ebd932$var$_react["default"].createElement("input", $48de11c1b8ebd932$var$_extends2["default"]({
         type: "text",
         disabled: isDisabled(data),
@@ -3036,12 +3058,17 @@ var $30fd03b17b7bd45b$var$useStyles = $ByO3L$materialuicore.makeStyles(function(
             padding: 0,
             border: 'none',
             width: '100%',
-            background: 'transparent'
+            background: 'transparent',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden'
         },
         stringCell: {
             paddingRight: 4,
             paddingLeft: 4,
-            whiteSpace: 'nowrap'
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden'
         }
     };
 });
@@ -3068,7 +3095,8 @@ var $f1bd003e230d9502$var$ViewStringCell = function ViewStringCell(_ref) {
     var data = _ref.data;
     var styles = $f1bd003e230d9502$var$_styles["default"]();
     return(/*#__PURE__*/ $f1bd003e230d9502$var$_react["default"].createElement("div", {
-        className: styles.stringCell
+        className: styles.stringCell,
+        title: data === null || data === void 0 ? void 0 : data.toString()
     }, data === null || data === void 0 ? void 0 : data.toString()));
 };
 $f1bd003e230d9502$var$ViewStringCell.propTypes = {
@@ -5720,6 +5748,8 @@ var $iTJPc = parcelRequire("iTJPc");
 
 var $gNAlh = parcelRequire("gNAlh");
 
+var $9CaLt = parcelRequire("9CaLt");
+
 var $fjngL = parcelRequire("fjngL");
 
 var $8OJFB = parcelRequire("8OJFB");
@@ -5757,8 +5787,10 @@ var $8614a7f4dd6dc787$var$formatDataToCSV = function formatDataToCSV(row, _ref)
         case $fjngL.TYPE_CELL.BADGE_STATUS:
         case $fjngL.TYPE_CELL.SWITCH_BADGE_STATUS:
             var _find2;
+            var status = value.status;
+            if (status === $gNAlh.BADGE_STATUS.IN_PROGRESS.value && value !== null && value !== void 0 && value.value) return (value === null || value === void 0 ? void 0 : value.value) > $9CaLt.MAX_COUNT_NOTIFY ? '+99' : value === null || value === void 0 ? void 0 : value.value;
             return (_find2 = $8614a7f4dd6dc787$var$_find3["default"]($gNAlh.BADGE_STATUS, function(badge) {
-                return badge.value === value;
+                return badge.value === (value === null || value === void 0 ? void 0 : value.status);
             })) === null || _find2 === void 0 ? void 0 : _find2.label;
         case $fjngL.TYPE_CELL.CHECKBOX:
             return value ? 'X' : '';
@@ -7300,10 +7332,13 @@ var $21ca0ef7fb6000f8$var$edit = function edit(ctx, _ref3) {
     var addIndex = addTab.findIndex(function(e) {
         return e[selectableRowKey] === keyId;
     });
-    if (addIndex > -1) addTab[addIndex] = $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
-    }, addTab[addIndex]), {
-    }, $21ca0ef7fb6000f8$var$_defineProperty2["default"]({
-    }, key, data));
+    if (addIndex > -1) {
+        var _objectSpread5;
+        addTab[addIndex] = $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
+        }, addTab[addIndex]), {
+        }, (_objectSpread5 = {
+        }, $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread5, key, data), $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread5, "_touched", true), _objectSpread5));
+    }
     return $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
     }, ctx), {
     }, {
@@ -7967,8 +8002,9 @@ function $d2b79ee7f17ea28a$var$_interopRequireWildcard(obj, nodeInterop) {
 }
 var $d2b79ee7f17ea28a$var$Footer = /*#__PURE__*/ $d2b79ee7f17ea28a$var$_react["default"].forwardRef(function(_ref, ref) {
     var modeEdit = _ref.modeEdit, displayableRows = _ref.displayableRows, rest = $d2b79ee7f17ea28a$var$_objectWithoutProperties2["default"](_ref, $d2b79ee7f17ea28a$var$_excluded);
-    var styles = $d2b79ee7f17ea28a$var$_styles["default"]();
-    var _useConfig = $gtEaY.useConfig(), columns = _useConfig.config.columns;
+    var _useConfig = $gtEaY.useConfig(), _useConfig$config = _useConfig.config, columns = _useConfig$config.columns, _useConfig$config$foo = _useConfig$config.footerStyle, footerStyle = _useConfig$config$foo === void 0 ? {
+    } : _useConfig$config$foo;
+    var styles = $d2b79ee7f17ea28a$var$_styles["default"](footerStyle);
     var _renderFooterCell = $d2b79ee7f17ea28a$var$_react.useCallback(function(_ref2) {
         var columnIndex = _ref2.columnIndex, key = _ref2.key, style = _ref2.style;
         return(/*#__PURE__*/ $d2b79ee7f17ea28a$var$_react["default"].createElement($d2b79ee7f17ea28a$var$_Cell["default"], {
@@ -8018,7 +8054,15 @@ var $a8d04a05faf88b2c$var$useStyles = $ByO3L$materialuicore.makeStyles(function(
             }
         },
         defaultStyle: {
-            outline: 'none'
+            outline: 'none',
+            backgroundColor: function backgroundColor(props) {
+                var _props$backgroundColo;
+                return (_props$backgroundColo = props.backgroundColor) !== null && _props$backgroundColo !== void 0 ? _props$backgroundColo : '#9ae8e8';
+            },
+            color: function color(props) {
+                var _props$color;
+                return (_props$color = props.color) !== null && _props$color !== void 0 ? _props$color : '#000000';
+            }
         },
         footer_wrap: {
             display: 'flex',
@@ -8058,10 +8102,35 @@ var $90298f27da800938$var$_styles = $ByO3L$babelruntimehelpersinteropRequireDefa
 var $1iQdU = parcelRequire("1iQdU");
 
 var $fzVqt = parcelRequire("fzVqt");
+function $90298f27da800938$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 $90298f27da800938$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $90298f27da800938$var$ownKeys(Object(source), true).forEach(function(key) {
+            $90298f27da800938$var$_defineProperty2["default"](target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $90298f27da800938$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 var $90298f27da800938$var$FooterCell = function FooterCell(_ref) {
     var column = _ref.column, style = _ref.style, displayableRows = _ref.displayableRows;
     var styles = $90298f27da800938$var$_styles["default"]();
-    var typeFooter = column.typeFooter, tooltipFooter = column.tooltipFooter, typeCell = column.typeCell, footerValue = column.footerValue, keyColumn = column.key, alignText = column.alignText;
+    var typeFooter = column.typeFooter, tooltipFooter = column.tooltipFooter, typeCell = column.typeCell, footerValue = column.footerValue, footerStyle = column.footerStyle, keyColumn = column.key, alignText = column.alignText, noFooter = column.noFooter;
     var renderCustom = function renderCustom1() {
         if (typeof footerValue === 'function') return footerValue(displayableRows);
         return footerValue;
@@ -8084,11 +8153,13 @@ var $90298f27da800938$var$FooterCell = function FooterCell(_ref) {
             className: $90298f27da800938$var$_classnames["default"](styles.cell, styles.footer, $90298f27da800938$var$_defineProperty2["default"]({
             }, styles["align".concat($90298f27da800938$var$_upperFirst2["default"](alignCell))], alignCell)),
             key: keyColumn,
-            style: style
+            style: $90298f27da800938$var$_objectSpread($90298f27da800938$var$_objectSpread({
+            }, footerStyle), style)
         }, /*#__PURE__*/ $90298f27da800938$var$_react["default"].createElement("div", {
             className: $90298f27da800938$var$_classnames["default"](styles.footerCell)
         }, footerValue ? renderCustom() : _getValue())));
     };
+    if (noFooter) return null;
     if (tooltipFooter) return(/*#__PURE__*/ $90298f27da800938$var$_react["default"].createElement(Tooltip, {
         title: tooltipFooter,
         placement: "top"
@@ -8114,7 +8185,6 @@ var $a7f827c5274ba1be$var$useStyles = $ByO3L$materialuicore.makeStyles(function(
             fontStyle: 'normal',
             lineHeight: '32px',
             letterSpacing: 'normal',
-            color: '#000000',
             overflow: 'hidden'
         },
         alignRight: {
@@ -8158,7 +8228,6 @@ var $a7f827c5274ba1be$var$useStyles = $ByO3L$materialuicore.makeStyles(function(
             }
         },
         footer: {
-            backgroundColor: '#9ae8e8',
             fontWeight: 'bold',
             '&_fakeCheckboxCell': {
                 //   @extend footer,
@@ -9522,7 +9591,7 @@ var $deb6f3e66712962d$var$useStorage = function useStorage(_tableKeyName) {
     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.');
+        if (!tableKeyName) console.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]) || {
         };
     }
@@ -9813,13 +9882,13 @@ var $6a171a876dde67ea$var$ToolbarButtons = function ToolbarButtons(_ref) {
             return [
                 $NOfOf.ROW_TYPE.NEW,
                 $NOfOf.ROW_TYPE.EDIT
-            ].includes(e.rowType);
+            ].includes(e.rowType) && e._touched;
         }).length === 0,
         onClick: function onClick() {
             switch(state){
                 case $NOfOf.TABLE_STATE.ADD:
                     handleValidateAdd(allRows.filter(function(e) {
-                        return e.rowType === $NOfOf.ROW_TYPE.NEW;
+                        return e.rowType === $NOfOf.ROW_TYPE.NEW && e._touched;
                     }), insertPosition === $NOfOf.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
                     break;
                 case $NOfOf.TABLE_STATE.EDIT:
@@ -9832,7 +9901,7 @@ var $6a171a876dde67ea$var$ToolbarButtons = function ToolbarButtons(_ref) {
                         return [
                             $NOfOf.ROW_TYPE.EDIT,
                             $NOfOf.ROW_TYPE.NEW
-                        ].includes(e.rowType);
+                        ].includes(e.rowType) && e._touched;
                     }), insertPosition === $NOfOf.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
                     break;
             }
@@ -11876,6 +11945,83 @@ module.exports["default"] = $a9d902000ecbacf8$var$_default;
 
 });
 
+parcelRequire.register("gczPv", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.applySorting = void 0;
+
+var $bcb98f601ab8dcd2$var$_toConsumableArray2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelperstoConsumableArray);
+
+var $bcb98f601ab8dcd2$var$_defineProperty2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersdefineProperty);
+
+var $bcb98f601ab8dcd2$var$_orderBy2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashorderBy);
+
+var $fjngL = parcelRequire("fjngL");
+
+var $NOfOf = parcelRequire("NOfOf");
+function $bcb98f601ab8dcd2$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 $bcb98f601ab8dcd2$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $bcb98f601ab8dcd2$var$ownKeys(Object(source), true).forEach(function(key) {
+            $bcb98f601ab8dcd2$var$_defineProperty2["default"](target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $bcb98f601ab8dcd2$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var $bcb98f601ab8dcd2$var$sortAlg = function sortAlg(list) {
+    return function(a, b) {
+        if (!a) return 1;
+        else if (!b) return -1;
+        return +list[a] - +list[b];
+    };
+};
+var $bcb98f601ab8dcd2$var$buildComparator = function buildComparator(column) {
+    if (column !== null && column !== void 0 && column.sortComparator) return column.sortComparator;
+    if (column.typeCell === $fjngL.TYPE_CELL.SELECT) {
+        if (!column.options) return;
+        var list = column.options.reduce(function(prev, curr) {
+            return $bcb98f601ab8dcd2$var$_objectSpread($bcb98f601ab8dcd2$var$_objectSpread({
+            }, prev), {
+            }, $bcb98f601ab8dcd2$var$_defineProperty2["default"]({
+            }, curr.value, curr.sortOrder));
+        }, {
+        });
+        return $bcb98f601ab8dcd2$var$sortAlg(list);
+    }
+};
+var $bcb98f601ab8dcd2$var$applySorting = function applySorting(data, columns, order, orderDirection) {
+    var column = columns.find(function(c) {
+        return c.key === order;
+    });
+    var comparator = $bcb98f601ab8dcd2$var$buildComparator(column, order);
+    if (comparator) return $bcb98f601ab8dcd2$var$_toConsumableArray2["default"](data).sort(function(a, b) {
+        return orderDirection === $NOfOf.SORTABLE_DIRECTIONS.ASC ? comparator(a[order], b[order]) : comparator(b[order], a[order]);
+    });
+    return $bcb98f601ab8dcd2$var$_orderBy2["default"](data, order, orderDirection);
+};
+module.exports.applySorting = $bcb98f601ab8dcd2$var$applySorting;
+
+});
+
 
 
 var $c79bbf7dbb0f3531$var$_VirtualTable = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("8Mof3")));