@myunisoft/design-system 0.22.0 → 0.22.2

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"])({
@@ -2996,7 +3005,9 @@ var $da628765f16131fc$var$CellRender = function CellRender(_ref) {
                 if ((data === null || data === void 0 ? void 0 : data.rowType) === $e902G.ROW_TYPE.GROUP_BUTTON) return /*#__PURE__*/ $da628765f16131fc$var$_react["default"].createElement("div", {
                     className: styles.groupRow
                 }, columnIndex === 0 ? data.name : null);
-                return /*#__PURE__*/ $da628765f16131fc$var$_react["default"].createElement($da628765f16131fc$var$_AutocompleteCell["default"], commonProps);
+                return /*#__PURE__*/ $da628765f16131fc$var$_react["default"].createElement($da628765f16131fc$var$_AutocompleteCell["default"], (0, $da628765f16131fc$var$_extends2["default"])({}, commonProps, {
+                    data: data
+                }));
             case $51yp9.TYPE_CELL.COMPONENT:
                 return renderComponent($da628765f16131fc$var$_objectSpread($da628765f16131fc$var$_objectSpread({}, commonProps), {}, {
                     data: data,
@@ -6381,6 +6392,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 +6417,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 +6434,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,
@@ -6445,8 +6461,6 @@ var $e1660f894c3a788a$var$_defineProperty2 = $gXNCa$babelruntimehelpersinteropRe
 
 var $e1660f894c3a788a$var$_typeof2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelperstypeof);
 
-var $e1660f894c3a788a$var$_objectWithoutProperties2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$babelruntimehelpersobjectWithoutProperties);
-
 var $e1660f894c3a788a$var$_get2 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$lodashget);
 
 var $e1660f894c3a788a$var$_find3 = $gXNCa$babelruntimehelpersinteropRequireDefault($gXNCa$lodashfind);
@@ -6480,11 +6494,6 @@ var $10oRz = parcelRequire("10oRz");
 var $e902G = parcelRequire("e902G");
 
 var $eHwgP = parcelRequire("eHwgP");
-var $e1660f894c3a788a$var$_excluded = [
-    "key",
-    "idx",
-    "typeCell"
-];
 function $e1660f894c3a788a$var$_regeneratorRuntime() {
     "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 
     $e1660f894c3a788a$var$_regeneratorRuntime = function _regeneratorRuntime() {
@@ -6864,9 +6873,9 @@ var $e1660f894c3a788a$var$EXCEL_FILE = {
     type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8",
     extension: ".xlsx"
 };
-var $e1660f894c3a788a$var$formatDefaultData = function formatDefaultData(row, _ref) {
+var $e1660f894c3a788a$var$formatDefaultData = function formatDefaultData(row, column) {
     var _result;
-    var key = _ref.key, idx = _ref.idx, typeCell = _ref.typeCell, column = (0, $e1660f894c3a788a$var$_objectWithoutProperties2["default"])(_ref, $e1660f894c3a788a$var$_excluded);
+    var key = column.key, idx = column.idx, typeCell = column.typeCell;
     var value = (0, $e1660f894c3a788a$var$_get2["default"])(row, key);
     var result = "";
     if (row.rowType === $e902G.ROW_TYPE.GROUP_BUTTON && idx === 0) result = row.name;
@@ -6878,15 +6887,15 @@ var $e1660f894c3a788a$var$formatDefaultData = function formatDefaultData(row, _r
                 break;
             case $51yp9.TYPE_CELL.ATTACHMENT:
             case $51yp9.TYPE_CELL.THUMBNAIL:
-                result = Array.isArray(value) ? value === null || value === void 0 ? void 0 : value.map(function(_ref2) {
-                    var link = _ref2.link;
+                result = Array.isArray(value) ? value === null || value === void 0 ? void 0 : value.map(function(_ref) {
+                    var link = _ref.link;
                     return link;
                 }).join(", ") : value === null || value === void 0 ? void 0 : value.link;
                 break;
             case $51yp9.TYPE_CELL.AUTOCOMPLETE:
-                var viewData = (0, $ibonl.getViewData)(value, column);
-                if (Array.isArray(viewData)) result = viewData.map(function(_ref3) {
-                    var label = _ref3.label;
+                var viewData = (0, $ibonl.getViewData)(row, column);
+                if (Array.isArray(viewData)) result = viewData.map(function(_ref2) {
+                    var label = _ref2.label;
                     return label;
                 }).join(", ");
                 else result = viewData === null || viewData === void 0 ? void 0 : viewData.label;
@@ -6931,8 +6940,8 @@ var $e1660f894c3a788a$var$formatDefaultData = function formatDefaultData(row, _r
                 else {
                     var _value$array = value.array, array = _value$array === void 0 ? [] : _value$array;
                     if (!array) return "";
-                    result = array.map(function(_ref4) {
-                        var id = _ref4.id;
+                    result = array.map(function(_ref3) {
+                        var id = _ref3.id;
                         return id;
                     }).join(", ");
                 }
@@ -6981,9 +6990,9 @@ 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;
+        var _ref4 = footerProps || {}, colspan = _ref4.colspan;
         return {
             content: (0, $10oRz.getFooterValue)(column, rows),
             colSpan: colspan || 1,
@@ -7052,12 +7061,12 @@ 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 _ref6 = (0, $e1660f894c3a788a$var$_asyncToGenerator2["default"])(/*#__PURE__*/ $e1660f894c3a788a$var$_regeneratorRuntime().mark(function _callee(_ref5, fileName) {
+        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 = _ref5.header, body = _ref5.body, footer = _ref5.footer;
                     ExcelJSWorkbook = new $e1660f894c3a788a$var$_exceljs["default"].Workbook();
                     worksheet = ExcelJSWorkbook.addWorksheet("ExcelJS sheet");
                     header.forEach(function(item) {
@@ -7070,9 +7079,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,14 +7091,14 @@ 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();
             }
         }, _callee);
     }));
     return function exportToExcel(_x, _x2) {
-        return _ref7.apply(this, arguments);
+        return _ref6.apply(this, arguments);
     };
 }();
 module.exports.exportToExcel = $e1660f894c3a788a$var$exportToExcel;
@@ -7100,10 +7110,13 @@ Object.defineProperty(module.exports, "__esModule", {
     value: true
 });
 module.exports.getViewData = void 0;
-var $d3cc29866d6ce00f$var$getViewData = function getViewData(data, column) {
-    var _column$multiple = column.multiple, multiple = _column$multiple === void 0 ? false : _column$multiple, options = column.options, _column$optionList = column.optionList, optionList = _column$optionList === void 0 ? [] : _column$optionList;
+
+var $7kh28 = parcelRequire("7kh28");
+var $d3cc29866d6ce00f$var$getViewData = function getViewData(_data, column) {
+    var _column$multiple = column.multiple, multiple = _column$multiple === void 0 ? false : _column$multiple, options = column.options, _column$optionList = column.optionList, optionList = _column$optionList === void 0 ? [] : _column$optionList, key = column.key;
     var list = options || optionList;
-    var _options = typeof list === "function" ? list() : list;
+    var data = (0, $7kh28.getData)(_data, key, "");
+    var _options = typeof list === "function" ? list(_data) : list;
     return multiple ? _options.filter(function(_ref) {
         var value = _ref.value;
         return data === null || data === void 0 ? void 0 : data.includes(value);
@@ -12158,10 +12171,7 @@ var $74d280cb16af2425$var$AutocompleteView = /*#__PURE__*/ (0, $74d280cb16af2425
     return /*#__PURE__*/ $74d280cb16af2425$var$_react["default"].createElement("div", null, renderChips);
 });
 $74d280cb16af2425$var$AutocompleteView.propTypes = {
-    data: $74d280cb16af2425$var$_propTypes["default"].oneOfType([
-        $74d280cb16af2425$var$_propTypes["default"].string,
-        $74d280cb16af2425$var$_propTypes["default"].array
-    ]),
+    data: $74d280cb16af2425$var$_propTypes["default"].object,
     columnIndex: $74d280cb16af2425$var$_propTypes["default"].number
 };
 var $74d280cb16af2425$var$_default = $74d280cb16af2425$var$AutocompleteView;
@@ -13528,6 +13538,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 +13566,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 +15176,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 +15185,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 +15205,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 +17708,40 @@ module.exports["default"] = $91a39eacac205c01$var$_default;
 });
 parcelRequire.register("bOZp3", function(module, exports) {
 
-$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, "search", () => $89b3fe986b2d4477$export$d76128d007d19019, (v) => $89b3fe986b2d4477$export$d76128d007d19019 = 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, "icons", () => $89b3fe986b2d4477$export$df03f54e09e486fa, (v) => $89b3fe986b2d4477$export$df03f54e09e486fa = v);
+$parcel$export(module.exports, "clear", () => $89b3fe986b2d4477$export$42ffd38884aecdac, (v) => $89b3fe986b2d4477$export$42ffd38884aecdac = v);
+$parcel$export(module.exports, "open", () => $89b3fe986b2d4477$export$3ce6949f20cea765, (v) => $89b3fe986b2d4477$export$3ce6949f20cea765 = v);
 $parcel$export(module.exports, "label", () => $89b3fe986b2d4477$export$1237798dc640739a, (v) => $89b3fe986b2d4477$export$1237798dc640739a = v);
+$parcel$export(module.exports, "isError", () => $89b3fe986b2d4477$export$e6127cc7fe7395c3, (v) => $89b3fe986b2d4477$export$e6127cc7fe7395c3 = v);
+$parcel$export(module.exports, "border", () => $89b3fe986b2d4477$export$1edee58a52776cd9, (v) => $89b3fe986b2d4477$export$1edee58a52776cd9 = v);
+$parcel$export(module.exports, "autoCompleteContainer", () => $89b3fe986b2d4477$export$d08603063fe3f9a5, (v) => $89b3fe986b2d4477$export$d08603063fe3f9a5 = v);
+$parcel$export(module.exports, "selector", () => $89b3fe986b2d4477$export$aea217a45095ce11, (v) => $89b3fe986b2d4477$export$aea217a45095ce11 = v);
 $parcel$export(module.exports, "dropDownIcon", () => $89b3fe986b2d4477$export$e41ce6c93801c63c, (v) => $89b3fe986b2d4477$export$e41ce6c93801c63c = v);
-$parcel$export(module.exports, "icons", () => $89b3fe986b2d4477$export$df03f54e09e486fa, (v) => $89b3fe986b2d4477$export$df03f54e09e486fa = v);
-var $89b3fe986b2d4477$export$e6127cc7fe7395c3;
-var $89b3fe986b2d4477$export$aea217a45095ce11;
-var $89b3fe986b2d4477$export$d76128d007d19019;
-var $89b3fe986b2d4477$export$3ce6949f20cea765;
-var $89b3fe986b2d4477$export$42ffd38884aecdac;
-var $89b3fe986b2d4477$export$d08603063fe3f9a5;
-var $89b3fe986b2d4477$export$1edee58a52776cd9;
+$parcel$export(module.exports, "search", () => $89b3fe986b2d4477$export$d76128d007d19019, (v) => $89b3fe986b2d4477$export$d76128d007d19019 = v);
 var $89b3fe986b2d4477$export$7d2b4e7a5a4801f2;
+var $89b3fe986b2d4477$export$df03f54e09e486fa;
+var $89b3fe986b2d4477$export$42ffd38884aecdac;
+var $89b3fe986b2d4477$export$3ce6949f20cea765;
 var $89b3fe986b2d4477$export$1237798dc640739a;
+var $89b3fe986b2d4477$export$e6127cc7fe7395c3;
+var $89b3fe986b2d4477$export$1edee58a52776cd9;
+var $89b3fe986b2d4477$export$d08603063fe3f9a5;
+var $89b3fe986b2d4477$export$aea217a45095ce11;
 var $89b3fe986b2d4477$export$e41ce6c93801c63c;
-var $89b3fe986b2d4477$export$df03f54e09e486fa;
+var $89b3fe986b2d4477$export$d76128d007d19019;
 "use strict";
-$89b3fe986b2d4477$export$e6127cc7fe7395c3 = "h8cnOq_isError";
-$89b3fe986b2d4477$export$aea217a45095ce11 = "h8cnOq_selector";
-$89b3fe986b2d4477$export$d76128d007d19019 = "h8cnOq_search";
-$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$df03f54e09e486fa = "h8cnOq_icons";
+$89b3fe986b2d4477$export$42ffd38884aecdac = "h8cnOq_clear";
+$89b3fe986b2d4477$export$3ce6949f20cea765 = "h8cnOq_open";
 $89b3fe986b2d4477$export$1237798dc640739a = "h8cnOq_label";
+$89b3fe986b2d4477$export$e6127cc7fe7395c3 = "h8cnOq_isError";
+$89b3fe986b2d4477$export$1edee58a52776cd9 = "h8cnOq_border";
+$89b3fe986b2d4477$export$d08603063fe3f9a5 = "h8cnOq_autoCompleteContainer";
+$89b3fe986b2d4477$export$aea217a45095ce11 = "h8cnOq_selector";
 $89b3fe986b2d4477$export$e41ce6c93801c63c = "h8cnOq_dropDownIcon";
-$89b3fe986b2d4477$export$df03f54e09e486fa = "h8cnOq_icons";
+$89b3fe986b2d4477$export$d76128d007d19019 = "h8cnOq_search";
 
 });
 
@@ -17823,19 +17865,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, "inputContainer", () => $8302a6d46dfd98fe$export$72108e4fb43880e3, (v) => $8302a6d46dfd98fe$export$72108e4fb43880e3 = v);
 $parcel$export(module.exports, "inputSearch", () => $8302a6d46dfd98fe$export$f78c4432585bf2ac, (v) => $8302a6d46dfd98fe$export$f78c4432585bf2ac = v);
+$parcel$export(module.exports, "searchIcon", () => $8302a6d46dfd98fe$export$8687ffcdea58e000, (v) => $8302a6d46dfd98fe$export$8687ffcdea58e000 = v);
 $parcel$export(module.exports, "closeIcon", () => $8302a6d46dfd98fe$export$64a53ecd158b85c4, (v) => $8302a6d46dfd98fe$export$64a53ecd158b85c4 = v);
-$parcel$export(module.exports, "inputContainer", () => $8302a6d46dfd98fe$export$72108e4fb43880e3, (v) => $8302a6d46dfd98fe$export$72108e4fb43880e3 = v);
-var $8302a6d46dfd98fe$export$8687ffcdea58e000;
+var $8302a6d46dfd98fe$export$72108e4fb43880e3;
 var $8302a6d46dfd98fe$export$f78c4432585bf2ac;
+var $8302a6d46dfd98fe$export$8687ffcdea58e000;
 var $8302a6d46dfd98fe$export$64a53ecd158b85c4;
-var $8302a6d46dfd98fe$export$72108e4fb43880e3;
 "use strict";
-$8302a6d46dfd98fe$export$8687ffcdea58e000 = "t5EYra_searchIcon";
+$8302a6d46dfd98fe$export$72108e4fb43880e3 = "t5EYra_inputContainer";
 $8302a6d46dfd98fe$export$f78c4432585bf2ac = "t5EYra_inputSearch";
+$8302a6d46dfd98fe$export$8687ffcdea58e000 = "t5EYra_searchIcon";
 $8302a6d46dfd98fe$export$64a53ecd158b85c4 = "t5EYra_closeIcon";
-$8302a6d46dfd98fe$export$72108e4fb43880e3 = "t5EYra_inputContainer";
 
 });
 
@@ -17931,7 +17973,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);
@@ -18094,19 +18138,19 @@ 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);
-var $7cbe4e30c9952688$export$53f1d5ea8de3d7c;
-var $7cbe4e30c9952688$export$1237798dc640739a;
+$parcel$export(module.exports, "line", () => $7cbe4e30c9952688$export$53f1d5ea8de3d7c, (v) => $7cbe4e30c9952688$export$53f1d5ea8de3d7c = v);
+$parcel$export(module.exports, "label", () => $7cbe4e30c9952688$export$1237798dc640739a, (v) => $7cbe4e30c9952688$export$1237798dc640739a = v);
 var $7cbe4e30c9952688$export$683472f6198a076e;
 var $7cbe4e30c9952688$export$be69ea624d82a314;
+var $7cbe4e30c9952688$export$53f1d5ea8de3d7c;
+var $7cbe4e30c9952688$export$1237798dc640739a;
 "use strict";
-$7cbe4e30c9952688$export$53f1d5ea8de3d7c = "kMx4ia_line";
-$7cbe4e30c9952688$export$1237798dc640739a = "kMx4ia_label";
 $7cbe4e30c9952688$export$683472f6198a076e = "kMx4ia_disabled";
 $7cbe4e30c9952688$export$be69ea624d82a314 = "kMx4ia_checkboxContainer";
+$7cbe4e30c9952688$export$53f1d5ea8de3d7c = "kMx4ia_line";
+$7cbe4e30c9952688$export$1237798dc640739a = "kMx4ia_label";
 
 });
 
@@ -18317,8 +18361,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
 };
 
@@ -18379,18 +18423,18 @@ module.exports["default"] = $b3ca32e1e8152d41$var$_default;
 parcelRequire.register("5OeO1", function(module, exports) {
 
 $parcel$export(module.exports, "selectorContainer", () => $43ad1b6180880954$export$4f73249088d12862, (v) => $43ad1b6180880954$export$4f73249088d12862 = v);
-$parcel$export(module.exports, "chipsContainer", () => $43ad1b6180880954$export$4ecd951fab6372ae, (v) => $43ad1b6180880954$export$4ecd951fab6372ae = v);
-$parcel$export(module.exports, "description", () => $43ad1b6180880954$export$6d59db4903f20f7d, (v) => $43ad1b6180880954$export$6d59db4903f20f7d = v);
 $parcel$export(module.exports, "search", () => $43ad1b6180880954$export$d76128d007d19019, (v) => $43ad1b6180880954$export$d76128d007d19019 = v);
+$parcel$export(module.exports, "description", () => $43ad1b6180880954$export$6d59db4903f20f7d, (v) => $43ad1b6180880954$export$6d59db4903f20f7d = v);
+$parcel$export(module.exports, "chipsContainer", () => $43ad1b6180880954$export$4ecd951fab6372ae, (v) => $43ad1b6180880954$export$4ecd951fab6372ae = v);
 var $43ad1b6180880954$export$4f73249088d12862;
-var $43ad1b6180880954$export$4ecd951fab6372ae;
-var $43ad1b6180880954$export$6d59db4903f20f7d;
 var $43ad1b6180880954$export$d76128d007d19019;
+var $43ad1b6180880954$export$6d59db4903f20f7d;
+var $43ad1b6180880954$export$4ecd951fab6372ae;
 "use strict";
 $43ad1b6180880954$export$4f73249088d12862 = "_1WQQUG_selectorContainer";
-$43ad1b6180880954$export$4ecd951fab6372ae = "_1WQQUG_chipsContainer";
-$43ad1b6180880954$export$6d59db4903f20f7d = "_1WQQUG_description";
 $43ad1b6180880954$export$d76128d007d19019 = "_1WQQUG_search";
+$43ad1b6180880954$export$6d59db4903f20f7d = "_1WQQUG_description";
+$43ad1b6180880954$export$4ecd951fab6372ae = "_1WQQUG_chipsContainer";
 
 });
 
@@ -18527,26 +18571,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,22 +18650,22 @@ module.exports["default"] = $fc67e8a80c2a5449$var$_default;
 });
 parcelRequire.register("fMO2k", function(module, exports) {
 
-$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, "lineChips", () => $b7e226f14163178c$export$bce1eb5c2ff1e30e, (v) => $b7e226f14163178c$export$bce1eb5c2ff1e30e = v);
 $parcel$export(module.exports, "listChips", () => $b7e226f14163178c$export$e7d1eca55671fd03, (v) => $b7e226f14163178c$export$e7d1eca55671fd03 = v);
+$parcel$export(module.exports, "otherChips", () => $b7e226f14163178c$export$8e7e5eade6f0e227, (v) => $b7e226f14163178c$export$8e7e5eade6f0e227 = v);
 $parcel$export(module.exports, "toolTipsList", () => $b7e226f14163178c$export$5cb38942082ce4bd, (v) => $b7e226f14163178c$export$5cb38942082ce4bd = v);
-$parcel$export(module.exports, "lineChips", () => $b7e226f14163178c$export$bce1eb5c2ff1e30e, (v) => $b7e226f14163178c$export$bce1eb5c2ff1e30e = v);
-var $b7e226f14163178c$export$8e7e5eade6f0e227;
 var $b7e226f14163178c$export$9f51660fd8227d80;
+var $b7e226f14163178c$export$bce1eb5c2ff1e30e;
 var $b7e226f14163178c$export$e7d1eca55671fd03;
+var $b7e226f14163178c$export$8e7e5eade6f0e227;
 var $b7e226f14163178c$export$5cb38942082ce4bd;
-var $b7e226f14163178c$export$bce1eb5c2ff1e30e;
 "use strict";
-$b7e226f14163178c$export$8e7e5eade6f0e227 = "_8FpR1a_otherChips";
 $b7e226f14163178c$export$9f51660fd8227d80 = "_8FpR1a_chips";
+$b7e226f14163178c$export$bce1eb5c2ff1e30e = "_8FpR1a_lineChips";
 $b7e226f14163178c$export$e7d1eca55671fd03 = "_8FpR1a_listChips";
+$b7e226f14163178c$export$8e7e5eade6f0e227 = "_8FpR1a_otherChips";
 $b7e226f14163178c$export$5cb38942082ce4bd = "_8FpR1a_toolTipsList";
-$b7e226f14163178c$export$bce1eb5c2ff1e30e = "_8FpR1a_lineChips";
 
 });