@myunisoft/design-system 0.22.0 → 0.22.1

package/dist/index.js

@@ -852,7 +852,8 @@ var $33a6c9c6ce93d958$var$_excluded = [
     "scrollLeft",
     "totalWidth",
     "onScroll",
-    "setWidth"
+    "setWidth",
+    "onRowContextMenu"
 ];
 function $33a6c9c6ce93d958$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -881,7 +882,7 @@ function $33a6c9c6ce93d958$var$_interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 var $33a6c9c6ce93d958$var$Body = function Body(props) {
-    var displayableRows = props.displayableRows, domRef = props.domRef, scrollLeft = props.scrollLeft, totalWidth = props.totalWidth, onScroll = props.onScroll, setWidth = props.setWidth, rest = (0, $33a6c9c6ce93d958$var$_objectWithoutProperties2["default"])(props, $33a6c9c6ce93d958$var$_excluded);
+    var displayableRows = props.displayableRows, domRef = props.domRef, scrollLeft = props.scrollLeft, totalWidth = props.totalWidth, onScroll = props.onScroll, setWidth = props.setWidth, onRowContextMenu = props.onRowContextMenu, rest = (0, $33a6c9c6ce93d958$var$_objectWithoutProperties2["default"])(props, $33a6c9c6ce93d958$var$_excluded);
     var _useState = (0, $33a6c9c6ce93d958$var$_react.useState)(), _useState2 = (0, $33a6c9c6ce93d958$var$_slicedToArray2["default"])(_useState, 2), height = _useState2[0], setHeight = _useState2[1];
     var ref = (0, $33a6c9c6ce93d958$var$_react.useRef)();
     var _useConfig = (0, $ckVq7.useConfig)(), _useConfig$config = _useConfig.config, _useConfig$config$alw = _useConfig$config.alwaysInEdition, alwaysInEdition = _useConfig$config$alw === void 0 ? false : _useConfig$config$alw, columns = _useConfig$config.columns, _useConfig$config$wit = _useConfig$config.withBorders, withBorders = _useConfig$config$wit === void 0 ? false : _useConfig$config$wit, selectableRowKey = _useConfig$config.selectableRowKey, _useConfig$config$has = _useConfig$config.hasSecureSociety, hasSecureSociety = _useConfig$config$has === void 0 ? false : _useConfig$config$has, _useConfig$config$ope = _useConfig$config.openSocieties, openSocieties = _useConfig$config$ope === void 0 ? [] : _useConfig$config$ope, stylesProp = _useConfig$config.styles;
@@ -926,7 +927,8 @@ var $33a6c9c6ce93d958$var$Body = function Body(props) {
             hasSecureSociety: hasSecureSociety,
             openSocietiesIds: openSocietiesIds,
             alwaysInEdition: alwaysInEdition,
-            bodyStylesProp: stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.body
+            bodyStylesProp: stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.body,
+            onRowContextMenu: onRowContextMenu
         }, rest));
     }, [
         displayableRows,
@@ -2156,6 +2158,16 @@ var $5975f126da112a16$var$BodyRow = function BodyRow(props) {
             keyId: row[selectableRowKey]
         });
     }
+    function handleRowClick(event) {
+        switch(event.type){
+            case "click":
+                onRowClick === null || onRowClick === void 0 || onRowClick(event, getEventCell(event));
+                break;
+            case "contextmenu":
+                onRowContextMenu === null || onRowContextMenu === void 0 || onRowContextMenu(event, getEventCell(event));
+                break;
+        }
+    }
     var getEventCell = function getEventCell(e) {
         var _e$target$closest, _e$target$closest$dat;
         return {
@@ -2186,12 +2198,8 @@ var $5975f126da112a16$var$BodyRow = function BodyRow(props) {
         key: rowIndex,
         "data-role": "row",
         "data-key": keyId,
-        onContextMenu: function onContextMenu(e) {
-            onRowContextMenu === null || onRowContextMenu === void 0 || onRowContextMenu(e, getEventCell(e));
-        },
-        onClick: function onClick(e) {
-            onRowClick === null || onRowClick === void 0 || onRowClick(e, getEventCell(e));
-        },
+        onContextMenu: handleRowClick,
+        onClick: handleRowClick,
         className: (0, $5975f126da112a16$var$_classnames["default"])("bodyRow", customStyling === null || customStyling === void 0 ? void 0 : customStyling.classes, isOdd ? "odd" : "even", {
             selectedRow: isSelected && !alwaysInEdition
         }),
@@ -2498,6 +2506,7 @@ var $207fc0463a0bd15d$var$BodyCell = function BodyCell(_ref) {
             if (onKeyDown) onKeyDown(e, rowIndex, columnIndex);
         };
         var _ref5 = columns[columnIndex] || {}, _ref5$cellProps = _ref5.cellProps, cellProps = _ref5$cellProps === void 0 ? {} : _ref5$cellProps;
+        if (tooltipDetail) cellProps.title = "";
         return /*#__PURE__*/ $207fc0463a0bd15d$var$_react["default"].createElement("span", {
             ref: ref
         }, /*#__PURE__*/ $207fc0463a0bd15d$var$_react["default"].createElement($207fc0463a0bd15d$var$_cells["default"], (0, $207fc0463a0bd15d$var$_extends2["default"])({
@@ -6381,6 +6390,7 @@ var $c28dcb2ecc31f940$var$downloadFile = function downloadFile(data, filename) {
 var $c28dcb2ecc31f940$var$exportData = function exportData(rows, columns, format, fileName) {
     var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
     var _columns = columns.filter($e902G.isExportable);
+    var _footer = (0, $jlN5T.parseFooter)(rows, _columns);
     if ([
         "csv",
         "xls"
@@ -6405,7 +6415,12 @@ var $c28dcb2ecc31f940$var$exportData = function exportData(rows, columns, format
                         return header;
                     })
                 ],
-                body: _rowsCsv
+                body: _rowsCsv,
+                footer: [
+                    _footer === null || _footer === void 0 ? void 0 : _footer.map(function(item) {
+                        return item === null || item === void 0 ? void 0 : item.content;
+                    })
+                ]
             };
             (0, $jlN5T.exportToExcel)(xlsData, fileName);
         }
@@ -6417,7 +6432,6 @@ var $c28dcb2ecc31f940$var$exportData = function exportData(rows, columns, format
         var _rowsPdf = (0, $jlN5T.parseDataRows)(rows, _columns, {
             type: "pdf"
         });
-        var _footer = (0, $jlN5T.parseFooter)(rows, _columns);
         var data = {
             columns: _columns,
             rows: _rowsPdf,
@@ -6981,7 +6995,7 @@ var $e1660f894c3a788a$var$formatDataToExport = function formatDataToExport(row,
 };
 module.exports.formatDataToExport = $e1660f894c3a788a$var$formatDataToExport;
 var $e1660f894c3a788a$var$parseFooter = function parseFooter(rows, columns) {
-    return columns.map(function(column) {
+    return columns === null || columns === void 0 ? void 0 : columns.map(function(column) {
         var typeFooter = column.typeFooter, footerProps = column.footerProps;
         var _ref5 = footerProps || {}, colspan = _ref5.colspan;
         return {
@@ -7053,11 +7067,11 @@ var $e1660f894c3a788a$var$exportToCSV = function exportToCSV(csvData, fileName)
 module.exports.exportToCSV = $e1660f894c3a788a$var$exportToCSV;
 var $e1660f894c3a788a$var$exportToExcel = /*#__PURE__*/ function() {
     var _ref7 = (0, $e1660f894c3a788a$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $e1660f894c3a788a$var$_regeneratorRuntime().mark(function _callee(_ref6, fileName) {
-        var header, body, ExcelJSWorkbook, worksheet, xlsxData, data;
+        var header, body, footer, ExcelJSWorkbook, worksheet, xlsxData, data;
         return $e1660f894c3a788a$var$_regeneratorRuntime().wrap(function _callee$(_context) {
             while(true)switch(_context.prev = _context.next){
                 case 0:
-                    header = _ref6.header, body = _ref6.body;
+                    header = _ref6.header, body = _ref6.body, footer = _ref6.footer;
                     ExcelJSWorkbook = new $e1660f894c3a788a$var$_exceljs["default"].Workbook();
                     worksheet = ExcelJSWorkbook.addWorksheet("ExcelJS sheet");
                     header.forEach(function(item) {
@@ -7070,9 +7084,10 @@ var $e1660f894c3a788a$var$exportToExcel = /*#__PURE__*/ function() {
                         });
                     });
                     worksheet.addRows(body);
-                    _context.next = 7;
+                    worksheet.addRows(footer);
+                    _context.next = 8;
                     return ExcelJSWorkbook.xlsx.writeBuffer();
-                case 7:
+                case 8:
                     xlsxData = _context.sent;
                     data = new Blob([
                         xlsxData
@@ -7081,7 +7096,7 @@ var $e1660f894c3a788a$var$exportToExcel = /*#__PURE__*/ function() {
                         cellStyles: true
                     });
                     (0, $gHByu.downloadFile)(data, fileName + $e1660f894c3a788a$var$EXCEL_FILE.extension, $e1660f894c3a788a$var$EXCEL_FILE.type);
-                case 10:
+                case 11:
                 case "end":
                     return _context.stop();
             }
@@ -13528,6 +13543,7 @@ var $74d7c783859244b3$var$HeaderCell = function HeaderCell(_ref) {
     }, [
         columnIndex
     ]);
+    var title = tooltipHeader ? "" : header;
     var render = function render() {
         var _cx;
         return /*#__PURE__*/ $74d7c783859244b3$var$_react["default"].createElement("div", {
@@ -13555,7 +13571,7 @@ var $74d7c783859244b3$var$HeaderCell = function HeaderCell(_ref) {
             variant: variant
         })), /*#__PURE__*/ $74d7c783859244b3$var$_react["default"].createElement("div", {
             className: (0, $74d7c783859244b3$var$_classnames["default"])(styles.headerCell),
-            title: header
+            title: title
         }, (0, $e902G.isSortable)({
             typeCell: typeCell,
             sortable: sortable
@@ -15165,7 +15181,7 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
     }
     function _handleDeleteRows() {
         _handleDeleteRows = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regeneratorRuntime().mark(function _callee() {
-            var _apiRef$current3, _apiRef$current3$vali;
+            var _apiRef$current2, _apiRef$current2$vali;
             return $4cc03a09cd474ddf$var$_regeneratorRuntime().wrap(function _callee$(_context) {
                 while(true)switch(_context.prev = _context.next){
                     case 0:
@@ -15174,7 +15190,7 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
                         return handleRowsToDelete(selectedVisibleRows);
                     case 3:
                         apiRef.current.selectRows((0, $idhBf.getSelectedHiddenRows)(selectedRows, displayableRows, selectableRowKey));
-                        (_apiRef$current3 = apiRef.current) === null || _apiRef$current3 === void 0 || (_apiRef$current3$vali = _apiRef$current3.validation) === null || _apiRef$current3$vali === void 0 || _apiRef$current3$vali.removeErrors(selectedVisibleRows);
+                        (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 || (_apiRef$current2$vali = _apiRef$current2.validation) === null || _apiRef$current2$vali === void 0 || _apiRef$current2$vali.removeErrors(selectedVisibleRows);
                         _context.next = 9;
                         break;
                     case 7:
@@ -15194,29 +15210,60 @@ var $4cc03a09cd474ddf$var$ToolbarButtons = function ToolbarButtons(_ref) {
         return _handleDeleteRows.apply(this, arguments);
     }
     function handleSave() {
-        var _apiRef$current2, _apiRef$current2$vali;
-        if (apiRef !== null && apiRef !== void 0 && (_apiRef$current2 = apiRef.current) !== null && _apiRef$current2 !== void 0 && (_apiRef$current2$vali = _apiRef$current2.validation) !== null && _apiRef$current2$vali !== void 0 && _apiRef$current2$vali.hasError) return;
-        switch(state){
-            case $e902G.TABLE_STATE.ADD:
-                handleValidateAdd(displayableRows.filter(function(e) {
-                    return e.rowType === $e902G.ROW_TYPE.NEW && e._touched;
-                }), insertPosition === $e902G.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
-                break;
-            case $e902G.TABLE_STATE.EDIT:
-                handleValidateEdit(displayableRows.filter(function(e) {
-                    return e.rowType === $e902G.ROW_TYPE.EDIT;
-                }));
-                break;
-            case $e902G.TABLE_STATE.PERMANENT_EDIT:
-                handleValidateEdit(displayableRows.filter(function(e) {
-                    return [
-                        $e902G.ROW_TYPE.EDIT,
-                        $e902G.ROW_TYPE.NEW
-                    ].includes(e.rowType) && e._touched;
-                }), insertPosition === $e902G.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
-                break;
-        }
-        send("validate");
+        return _handleSave.apply(this, arguments);
+    }
+    function _handleSave() {
+        _handleSave = (0, $4cc03a09cd474ddf$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $4cc03a09cd474ddf$var$_regeneratorRuntime().mark(function _callee2() {
+            var _apiRef$current3, _apiRef$current3$vali;
+            var ret;
+            return $4cc03a09cd474ddf$var$_regeneratorRuntime().wrap(function _callee2$(_context2) {
+                while(true)switch(_context2.prev = _context2.next){
+                    case 0:
+                        if (!(apiRef !== null && apiRef !== void 0 && (_apiRef$current3 = apiRef.current) !== null && _apiRef$current3 !== void 0 && (_apiRef$current3$vali = _apiRef$current3.validation) !== null && _apiRef$current3$vali !== void 0 && _apiRef$current3$vali.hasError)) {
+                            _context2.next = 2;
+                            break;
+                        }
+                        return _context2.abrupt("return");
+                    case 2:
+                        _context2.t0 = state;
+                        _context2.next = _context2.t0 === $e902G.TABLE_STATE.ADD ? 5 : _context2.t0 === $e902G.TABLE_STATE.EDIT ? 9 : _context2.t0 === $e902G.TABLE_STATE.PERMANENT_EDIT ? 13 : 17;
+                        break;
+                    case 5:
+                        _context2.next = 7;
+                        return handleValidateAdd(displayableRows.filter(function(e) {
+                            return e.rowType === $e902G.ROW_TYPE.NEW && e._touched;
+                        }), insertPosition === $e902G.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
+                    case 7:
+                        ret = _context2.sent;
+                        return _context2.abrupt("break", 17);
+                    case 9:
+                        _context2.next = 11;
+                        return handleValidateEdit(displayableRows.filter(function(e) {
+                            return e.rowType === $e902G.ROW_TYPE.EDIT;
+                        }));
+                    case 11:
+                        ret = _context2.sent;
+                        return _context2.abrupt("break", 17);
+                    case 13:
+                        _context2.next = 15;
+                        return handleValidateEdit(displayableRows.filter(function(e) {
+                            return [
+                                $e902G.ROW_TYPE.EDIT,
+                                $e902G.ROW_TYPE.NEW
+                            ].includes(e.rowType) && e._touched;
+                        }), insertPosition === $e902G.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
+                    case 15:
+                        ret = _context2.sent;
+                        return _context2.abrupt("break", 17);
+                    case 17:
+                        if (ret !== false) send("validate");
+                    case 18:
+                    case "end":
+                        return _context2.stop();
+                }
+            }, _callee2);
+        }));
+        return _handleSave.apply(this, arguments);
     }
     var buttons = (0, $4cc03a09cd474ddf$var$_toConsumableArray2["default"])(customButtons === null || customButtons === void 0 ? void 0 : customButtons.map(function(customButton) {
         var _customButton$isDisab = customButton.isDisabled, isDisabled = _customButton$isDisab === void 0 ? function() {
@@ -17666,40 +17713,40 @@ module.exports["default"] = $91a39eacac205c01$var$_default;
 });
 parcelRequire.register("bOZp3", function(module, exports) {
 
+$parcel$export(module.exports, "icons", () => $89b3fe986b2d4477$export$df03f54e09e486fa, (v) => $89b3fe986b2d4477$export$df03f54e09e486fa = v);
 $parcel$export(module.exports, "isError", () => $89b3fe986b2d4477$export$e6127cc7fe7395c3, (v) => $89b3fe986b2d4477$export$e6127cc7fe7395c3 = v);
-$parcel$export(module.exports, "selector", () => $89b3fe986b2d4477$export$aea217a45095ce11, (v) => $89b3fe986b2d4477$export$aea217a45095ce11 = v);
+$parcel$export(module.exports, "clear", () => $89b3fe986b2d4477$export$42ffd38884aecdac, (v) => $89b3fe986b2d4477$export$42ffd38884aecdac = v);
 $parcel$export(module.exports, "search", () => $89b3fe986b2d4477$export$d76128d007d19019, (v) => $89b3fe986b2d4477$export$d76128d007d19019 = v);
+$parcel$export(module.exports, "label", () => $89b3fe986b2d4477$export$1237798dc640739a, (v) => $89b3fe986b2d4477$export$1237798dc640739a = v);
+$parcel$export(module.exports, "border", () => $89b3fe986b2d4477$export$1edee58a52776cd9, (v) => $89b3fe986b2d4477$export$1edee58a52776cd9 = v);
 $parcel$export(module.exports, "open", () => $89b3fe986b2d4477$export$3ce6949f20cea765, (v) => $89b3fe986b2d4477$export$3ce6949f20cea765 = v);
-$parcel$export(module.exports, "clear", () => $89b3fe986b2d4477$export$42ffd38884aecdac, (v) => $89b3fe986b2d4477$export$42ffd38884aecdac = v);
 $parcel$export(module.exports, "autoCompleteContainer", () => $89b3fe986b2d4477$export$d08603063fe3f9a5, (v) => $89b3fe986b2d4477$export$d08603063fe3f9a5 = v);
-$parcel$export(module.exports, "border", () => $89b3fe986b2d4477$export$1edee58a52776cd9, (v) => $89b3fe986b2d4477$export$1edee58a52776cd9 = v);
 $parcel$export(module.exports, "rotated", () => $89b3fe986b2d4477$export$7d2b4e7a5a4801f2, (v) => $89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = v);
-$parcel$export(module.exports, "label", () => $89b3fe986b2d4477$export$1237798dc640739a, (v) => $89b3fe986b2d4477$export$1237798dc640739a = v);
 $parcel$export(module.exports, "dropDownIcon", () => $89b3fe986b2d4477$export$e41ce6c93801c63c, (v) => $89b3fe986b2d4477$export$e41ce6c93801c63c = v);
-$parcel$export(module.exports, "icons", () => $89b3fe986b2d4477$export$df03f54e09e486fa, (v) => $89b3fe986b2d4477$export$df03f54e09e486fa = v);
+$parcel$export(module.exports, "selector", () => $89b3fe986b2d4477$export$aea217a45095ce11, (v) => $89b3fe986b2d4477$export$aea217a45095ce11 = v);
+var $89b3fe986b2d4477$export$df03f54e09e486fa;
 var $89b3fe986b2d4477$export$e6127cc7fe7395c3;
-var $89b3fe986b2d4477$export$aea217a45095ce11;
+var $89b3fe986b2d4477$export$42ffd38884aecdac;
 var $89b3fe986b2d4477$export$d76128d007d19019;
+var $89b3fe986b2d4477$export$1237798dc640739a;
+var $89b3fe986b2d4477$export$1edee58a52776cd9;
 var $89b3fe986b2d4477$export$3ce6949f20cea765;
-var $89b3fe986b2d4477$export$42ffd38884aecdac;
 var $89b3fe986b2d4477$export$d08603063fe3f9a5;
-var $89b3fe986b2d4477$export$1edee58a52776cd9;
 var $89b3fe986b2d4477$export$7d2b4e7a5a4801f2;
-var $89b3fe986b2d4477$export$1237798dc640739a;
 var $89b3fe986b2d4477$export$e41ce6c93801c63c;
-var $89b3fe986b2d4477$export$df03f54e09e486fa;
+var $89b3fe986b2d4477$export$aea217a45095ce11;
 "use strict";
+$89b3fe986b2d4477$export$df03f54e09e486fa = "h8cnOq_icons";
 $89b3fe986b2d4477$export$e6127cc7fe7395c3 = "h8cnOq_isError";
-$89b3fe986b2d4477$export$aea217a45095ce11 = "h8cnOq_selector";
+$89b3fe986b2d4477$export$42ffd38884aecdac = "h8cnOq_clear";
 $89b3fe986b2d4477$export$d76128d007d19019 = "h8cnOq_search";
+$89b3fe986b2d4477$export$1237798dc640739a = "h8cnOq_label";
+$89b3fe986b2d4477$export$1edee58a52776cd9 = "h8cnOq_border";
 $89b3fe986b2d4477$export$3ce6949f20cea765 = "h8cnOq_open";
-$89b3fe986b2d4477$export$42ffd38884aecdac = "h8cnOq_clear";
 $89b3fe986b2d4477$export$d08603063fe3f9a5 = "h8cnOq_autoCompleteContainer";
-$89b3fe986b2d4477$export$1edee58a52776cd9 = "h8cnOq_border";
 $89b3fe986b2d4477$export$7d2b4e7a5a4801f2 = "h8cnOq_rotated";
-$89b3fe986b2d4477$export$1237798dc640739a = "h8cnOq_label";
 $89b3fe986b2d4477$export$e41ce6c93801c63c = "h8cnOq_dropDownIcon";
-$89b3fe986b2d4477$export$df03f54e09e486fa = "h8cnOq_icons";
+$89b3fe986b2d4477$export$aea217a45095ce11 = "h8cnOq_selector";
 
 });
 
@@ -17823,19 +17870,19 @@ module.exports["default"] = $060ef87bc99cc1cf$var$_default;
 });
 parcelRequire.register("bfmDi", function(module, exports) {
 
-$parcel$export(module.exports, "searchIcon", () => $8302a6d46dfd98fe$export$8687ffcdea58e000, (v) => $8302a6d46dfd98fe$export$8687ffcdea58e000 = v);
 $parcel$export(module.exports, "inputSearch", () => $8302a6d46dfd98fe$export$f78c4432585bf2ac, (v) => $8302a6d46dfd98fe$export$f78c4432585bf2ac = v);
 $parcel$export(module.exports, "closeIcon", () => $8302a6d46dfd98fe$export$64a53ecd158b85c4, (v) => $8302a6d46dfd98fe$export$64a53ecd158b85c4 = v);
 $parcel$export(module.exports, "inputContainer", () => $8302a6d46dfd98fe$export$72108e4fb43880e3, (v) => $8302a6d46dfd98fe$export$72108e4fb43880e3 = v);
-var $8302a6d46dfd98fe$export$8687ffcdea58e000;
+$parcel$export(module.exports, "searchIcon", () => $8302a6d46dfd98fe$export$8687ffcdea58e000, (v) => $8302a6d46dfd98fe$export$8687ffcdea58e000 = v);
 var $8302a6d46dfd98fe$export$f78c4432585bf2ac;
 var $8302a6d46dfd98fe$export$64a53ecd158b85c4;
 var $8302a6d46dfd98fe$export$72108e4fb43880e3;
+var $8302a6d46dfd98fe$export$8687ffcdea58e000;
 "use strict";
-$8302a6d46dfd98fe$export$8687ffcdea58e000 = "t5EYra_searchIcon";
 $8302a6d46dfd98fe$export$f78c4432585bf2ac = "t5EYra_inputSearch";
 $8302a6d46dfd98fe$export$64a53ecd158b85c4 = "t5EYra_closeIcon";
 $8302a6d46dfd98fe$export$72108e4fb43880e3 = "t5EYra_inputContainer";
+$8302a6d46dfd98fe$export$8687ffcdea58e000 = "t5EYra_searchIcon";
 
 });
 
@@ -17931,7 +17978,9 @@ var $7d5761816dd9f126$var$SuggestList = function SuggestList(_ref) {
         e.returnValue = false;
     };
     var isMouseOverSuggestList = function isMouseOverSuggestList(e, myAutoCompleteSuggestListRef) {
-        return myAutoCompleteSuggestListRef.current && e.clientX >= myAutoCompleteSuggestListRef.current.offsetLeft && e.clientX <= myAutoCompleteSuggestListRef.current.offsetLeft + myAutoCompleteSuggestListRef.current.offsetWidth && e.clientY + document.documentElement.scrollTop >= myAutoCompleteSuggestListRef.current.offsetTop && e.clientY + document.documentElement.scrollTop <= myAutoCompleteSuggestListRef.current.offsetTop + myAutoCompleteSuggestListRef.current.offsetHeight;
+        if (!(myAutoCompleteSuggestListRef !== null && myAutoCompleteSuggestListRef !== void 0 && myAutoCompleteSuggestListRef.current)) return false;
+        var rect = myAutoCompleteSuggestListRef.current.getBoundingClientRect();
+        return rect && e.clientX >= rect.left && e.clientX <= rect.left + rect.width && e.clientY >= rect.top && e.clientY <= rect.top + rect.height;
     };
     var limitScrollAtEndOfList = function limitScrollAtEndOfList() {
         var maxCurrentPositionY = itemHeight * (list.length - 5);
@@ -18095,18 +18144,18 @@ module.exports["default"] = $827476aa1ed605f8$var$_default;
 parcelRequire.register("aI0no", function(module, exports) {
 
 $parcel$export(module.exports, "line", () => $7cbe4e30c9952688$export$53f1d5ea8de3d7c, (v) => $7cbe4e30c9952688$export$53f1d5ea8de3d7c = v);
-$parcel$export(module.exports, "label", () => $7cbe4e30c9952688$export$1237798dc640739a, (v) => $7cbe4e30c9952688$export$1237798dc640739a = v);
 $parcel$export(module.exports, "disabled", () => $7cbe4e30c9952688$export$683472f6198a076e, (v) => $7cbe4e30c9952688$export$683472f6198a076e = v);
 $parcel$export(module.exports, "checkboxContainer", () => $7cbe4e30c9952688$export$be69ea624d82a314, (v) => $7cbe4e30c9952688$export$be69ea624d82a314 = v);
+$parcel$export(module.exports, "label", () => $7cbe4e30c9952688$export$1237798dc640739a, (v) => $7cbe4e30c9952688$export$1237798dc640739a = v);
 var $7cbe4e30c9952688$export$53f1d5ea8de3d7c;
-var $7cbe4e30c9952688$export$1237798dc640739a;
 var $7cbe4e30c9952688$export$683472f6198a076e;
 var $7cbe4e30c9952688$export$be69ea624d82a314;
+var $7cbe4e30c9952688$export$1237798dc640739a;
 "use strict";
 $7cbe4e30c9952688$export$53f1d5ea8de3d7c = "kMx4ia_line";
-$7cbe4e30c9952688$export$1237798dc640739a = "kMx4ia_label";
 $7cbe4e30c9952688$export$683472f6198a076e = "kMx4ia_disabled";
 $7cbe4e30c9952688$export$be69ea624d82a314 = "kMx4ia_checkboxContainer";
+$7cbe4e30c9952688$export$1237798dc640739a = "kMx4ia_label";
 
 });
 
@@ -18157,15 +18206,15 @@ module.exports["default"] = $582fe4327e2ca233$var$_default;
 parcelRequire.register("4ZIDK", function(module, exports) {
 
 $parcel$export(module.exports, "checkbox", () => $3a2f7c860af0abde$export$b07e517d22efa1ca, (v) => $3a2f7c860af0abde$export$b07e517d22efa1ca = v);
-$parcel$export(module.exports, "disabled", () => $3a2f7c860af0abde$export$683472f6198a076e, (v) => $3a2f7c860af0abde$export$683472f6198a076e = v);
 $parcel$export(module.exports, "checked", () => $3a2f7c860af0abde$export$b96bb35bc88d6fa, (v) => $3a2f7c860af0abde$export$b96bb35bc88d6fa = v);
+$parcel$export(module.exports, "disabled", () => $3a2f7c860af0abde$export$683472f6198a076e, (v) => $3a2f7c860af0abde$export$683472f6198a076e = v);
 var $3a2f7c860af0abde$export$b07e517d22efa1ca;
-var $3a2f7c860af0abde$export$683472f6198a076e;
 var $3a2f7c860af0abde$export$b96bb35bc88d6fa;
+var $3a2f7c860af0abde$export$683472f6198a076e;
 "use strict";
 $3a2f7c860af0abde$export$b07e517d22efa1ca = "pNP20W_checkbox";
-$3a2f7c860af0abde$export$683472f6198a076e = "pNP20W_disabled";
 $3a2f7c860af0abde$export$b96bb35bc88d6fa = "pNP20W_checked";
+$3a2f7c860af0abde$export$683472f6198a076e = "pNP20W_disabled";
 
 });
 
@@ -18317,8 +18366,8 @@ $14c49666e282f90f$var$MyAutoCompleteSuggestListScrollBar.propTypes = {
     numberOfItemDisplayed: $14c49666e282f90f$var$_propTypes["default"].number,
     changeListData: $14c49666e282f90f$var$_propTypes["default"].func,
     setCurrentPositionYRef: $14c49666e282f90f$var$_propTypes["default"].func,
-    setStartIndexListDisplayedRef: $14c49666e282f90f$var$_propTypes["default"].number,
-    startIndexListDisplayed: $14c49666e282f90f$var$_propTypes["default"].func,
+    setStartIndexListDisplayedRef: $14c49666e282f90f$var$_propTypes["default"].func,
+    startIndexListDisplayed: $14c49666e282f90f$var$_propTypes["default"].number,
     suggestListHeight: $14c49666e282f90f$var$_propTypes["default"].number
 };
 
@@ -18438,13 +18487,13 @@ module.exports["default"] = $8aad64d78e09e617$var$_default;
 });
 parcelRequire.register("ismXh", function(module, exports) {
 
-$parcel$export(module.exports, "close", () => $d6fca5e82e016419$export$8360e631d277ea4d, (v) => $d6fca5e82e016419$export$8360e631d277ea4d = v);
 $parcel$export(module.exports, "chips", () => $d6fca5e82e016419$export$9f51660fd8227d80, (v) => $d6fca5e82e016419$export$9f51660fd8227d80 = v);
-var $d6fca5e82e016419$export$8360e631d277ea4d;
+$parcel$export(module.exports, "close", () => $d6fca5e82e016419$export$8360e631d277ea4d, (v) => $d6fca5e82e016419$export$8360e631d277ea4d = v);
 var $d6fca5e82e016419$export$9f51660fd8227d80;
+var $d6fca5e82e016419$export$8360e631d277ea4d;
 "use strict";
-$d6fca5e82e016419$export$8360e631d277ea4d = "hEY9kq_close";
 $d6fca5e82e016419$export$9f51660fd8227d80 = "hEY9kq_chips";
+$d6fca5e82e016419$export$8360e631d277ea4d = "hEY9kq_close";
 
 });
 
@@ -18527,26 +18576,27 @@ function $fc67e8a80c2a5449$var$_arrayLikeToArray(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-var $fc67e8a80c2a5449$var$SIZE_EMPTY_CHIPS = 30;
-var $fc67e8a80c2a5449$var$SIZE_CHAR = 10;
-var $fc67e8a80c2a5449$var$SIZE_ICONS = 75;
+var $fc67e8a80c2a5449$var$SIZE_EMPTY_CHIPS = 35;
+var $fc67e8a80c2a5449$var$SIZE_CHAR = 6;
+var $fc67e8a80c2a5449$var$SIZE_ICONS = 50;
+var $fc67e8a80c2a5449$var$PLUS_CHIPS = 45;
 var $fc67e8a80c2a5449$var$ListChips = function ListChips(_ref) {
     var _options$slice;
     var _ref$options = _ref.options, options = _ref$options === void 0 ? [] : _ref$options, widthContainer = _ref.widthContainer, onUnselectChips = _ref.onUnselectChips;
     var numberCanDisplay = function numberCanDisplay() {
         var numberChipsDisplayed = 0;
-        var totalLength = 0;
+        var restWidth = widthContainer - $fc67e8a80c2a5449$var$SIZE_ICONS;
+        if ((options === null || options === void 0 ? void 0 : options.length) > 1) restWidth -= $fc67e8a80c2a5449$var$PLUS_CHIPS;
         var _iterator = $fc67e8a80c2a5449$var$_createForOfIteratorHelper(options), _step;
         try {
             for(_iterator.s(); !(_step = _iterator.n()).done;){
                 var _option$label;
                 var option = _step.value;
-                var canAddChips = ((option === null || option === void 0 ? void 0 : (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.length) + totalLength) * $fc67e8a80c2a5449$var$SIZE_CHAR + $fc67e8a80c2a5449$var$SIZE_EMPTY_CHIPS * (numberChipsDisplayed + 1) <= widthContainer - $fc67e8a80c2a5449$var$SIZE_ICONS;
-                if (canAddChips) {
-                    var _option$label2;
-                    totalLength += option === null || option === void 0 ? void 0 : (_option$label2 = option.label) === null || _option$label2 === void 0 ? void 0 : _option$label2.length;
-                    numberChipsDisplayed++;
-                } else break;
+                var widthToAdd = $fc67e8a80c2a5449$var$SIZE_CHAR * (option === null || option === void 0 ? void 0 : (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.length) + $fc67e8a80c2a5449$var$SIZE_EMPTY_CHIPS;
+                var canAddChips = restWidth > widthToAdd;
+                restWidth = restWidth - widthToAdd;
+                if (canAddChips) numberChipsDisplayed++;
+                else break;
             }
         } catch (err) {
             _iterator.e(err);
@@ -18605,21 +18655,21 @@ module.exports["default"] = $fc67e8a80c2a5449$var$_default;
 });
 parcelRequire.register("fMO2k", function(module, exports) {
 
+$parcel$export(module.exports, "toolTipsList", () => $b7e226f14163178c$export$5cb38942082ce4bd, (v) => $b7e226f14163178c$export$5cb38942082ce4bd = v);
 $parcel$export(module.exports, "otherChips", () => $b7e226f14163178c$export$8e7e5eade6f0e227, (v) => $b7e226f14163178c$export$8e7e5eade6f0e227 = v);
-$parcel$export(module.exports, "chips", () => $b7e226f14163178c$export$9f51660fd8227d80, (v) => $b7e226f14163178c$export$9f51660fd8227d80 = v);
 $parcel$export(module.exports, "listChips", () => $b7e226f14163178c$export$e7d1eca55671fd03, (v) => $b7e226f14163178c$export$e7d1eca55671fd03 = v);
-$parcel$export(module.exports, "toolTipsList", () => $b7e226f14163178c$export$5cb38942082ce4bd, (v) => $b7e226f14163178c$export$5cb38942082ce4bd = v);
+$parcel$export(module.exports, "chips", () => $b7e226f14163178c$export$9f51660fd8227d80, (v) => $b7e226f14163178c$export$9f51660fd8227d80 = v);
 $parcel$export(module.exports, "lineChips", () => $b7e226f14163178c$export$bce1eb5c2ff1e30e, (v) => $b7e226f14163178c$export$bce1eb5c2ff1e30e = v);
+var $b7e226f14163178c$export$5cb38942082ce4bd;
 var $b7e226f14163178c$export$8e7e5eade6f0e227;
-var $b7e226f14163178c$export$9f51660fd8227d80;
 var $b7e226f14163178c$export$e7d1eca55671fd03;
-var $b7e226f14163178c$export$5cb38942082ce4bd;
+var $b7e226f14163178c$export$9f51660fd8227d80;
 var $b7e226f14163178c$export$bce1eb5c2ff1e30e;
 "use strict";
+$b7e226f14163178c$export$5cb38942082ce4bd = "_8FpR1a_toolTipsList";
 $b7e226f14163178c$export$8e7e5eade6f0e227 = "_8FpR1a_otherChips";
-$b7e226f14163178c$export$9f51660fd8227d80 = "_8FpR1a_chips";
 $b7e226f14163178c$export$e7d1eca55671fd03 = "_8FpR1a_listChips";
-$b7e226f14163178c$export$5cb38942082ce4bd = "_8FpR1a_toolTipsList";
+$b7e226f14163178c$export$9f51660fd8227d80 = "_8FpR1a_chips";
 $b7e226f14163178c$export$bce1eb5c2ff1e30e = "_8FpR1a_lineChips";
 
 });