@myunisoft/design-system 0.8.1 → 0.8.2

package/dist/index.js

@@ -728,8 +728,7 @@ var $4ad53d6cb96277c8$var$_default = {
             text: 'Status',
             refused: 'Refused'
         },
-        to: 'to',
-        total: 'TOTAL'
+        to: 'to'
     },
     columnsSetting: {
         title: 'Columns setting',
@@ -855,8 +854,7 @@ var $757d47e205026167$var$_default = {
             text: 'Status',
             refused: 'Refusé'
         },
-        to: 'au',
-        total: 'TOTAL'
+        to: 'au'
     },
     columnsSetting: {
         title: 'Paramétrage des colonnes',
@@ -1779,7 +1777,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;
@@ -1808,7 +1806,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 +1837,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 && [
@@ -2332,7 +2333,8 @@ var $7ac33646021a7e72$var$_excluded = [
     "onClick",
     "onDoubleClick",
     "vtContext",
-    "column"
+    "column",
+    "isFocused"
 ];
 function $7ac33646021a7e72$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -2399,7 +2401,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;
@@ -2475,7 +2477,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:
@@ -2699,7 +2704,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 +2715,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;
 }
@@ -2795,15 +2801,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 +2840,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 +2853,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 = {
 };
@@ -2995,7 +3008,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 +3050,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 +3087,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 +5740,8 @@ var $iTJPc = parcelRequire("iTJPc");
 
 var $gNAlh = parcelRequire("gNAlh");
 
+var $9CaLt = parcelRequire("9CaLt");
+
 var $fjngL = parcelRequire("fjngL");
 
 var $8OJFB = parcelRequire("8OJFB");
@@ -5757,8 +5779,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' : '';
@@ -7967,8 +7991,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 +8043,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 +8091,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 +8142,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 +8174,6 @@ var $a7f827c5274ba1be$var$useStyles = $ByO3L$materialuicore.makeStyles(function(
             fontStyle: 'normal',
             lineHeight: '32px',
             letterSpacing: 'normal',
-            color: '#000000',
             overflow: 'hidden'
         },
         alignRight: {
@@ -8158,7 +8217,6 @@ var $a7f827c5274ba1be$var$useStyles = $ByO3L$materialuicore.makeStyles(function(
             }
         },
         footer: {
-            backgroundColor: '#9ae8e8',
             fontWeight: 'bold',
             '&_fakeCheckboxCell': {
                 //   @extend footer,