@rocket.chat/fuselage 0.31.6-dev.0 → 0.31.6-dev.3

package/dist/fuselage.development.js

@@ -3050,7 +3050,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _PositionAnimated__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../PositionAnimated */ "./src/components/PositionAnimated/index.ts");
 
 
-var _jsxFileName = "/home/runner/work/Rocket.Chat.Fuselage/Rocket.Chat.Fuselage/packages/fuselage/src/components/AutoComplete/AutoComplete.js",
+var _jsxFileName = "/Users/tasso/Projetos/Rocket.Chat.Fuselage/packages/fuselage/src/components/AutoComplete/AutoComplete.js",
     _this = undefined;
 
 
@@ -3077,13 +3077,13 @@ var Addon = function Addon(props) {
   }));
 };
 
-var SelectedOptions = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().memo(function (props) {
+var SelectedOptions = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.memo)(function SelectedOptions(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Chip__WEBPACK_IMPORTED_MODULE_5__["default"], Object.assign({}, props, {
-    __self: _this,
+    __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
-      columnNumber: 47
+      lineNumber: 19,
+      columnNumber: 10
     }
   }));
 });
@@ -3184,7 +3184,7 @@ function AutoComplete(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_4__.Box, {
@@ -3197,7 +3197,7 @@ function AutoComplete(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 78,
       columnNumber: 7
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Margins__WEBPACK_IMPORTED_MODULE_8__["default"], {
@@ -3205,7 +3205,7 @@ function AutoComplete(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 86,
       columnNumber: 9
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_InputBox__WEBPACK_IMPORTED_MODULE_7__.InputBox.Input, {
@@ -3223,7 +3223,7 @@ function AutoComplete(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 87,
       columnNumber: 11
     }
   }), selected && optionsAreVisible === _AnimatedVisibility__WEBPACK_IMPORTED_MODULE_3__["default"].HIDDEN && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(RenderSelected, {
@@ -3234,7 +3234,7 @@ function AutoComplete(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 105,
       columnNumber: 13
     }
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Addon, {
@@ -3244,14 +3244,14 @@ function AutoComplete(_ref) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 116,
         columnNumber: 11
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 114,
       columnNumber: 7
     }
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_PositionAnimated__WEBPACK_IMPORTED_MODULE_10__["default"], {
@@ -3260,7 +3260,7 @@ function AutoComplete(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 126,
       columnNumber: 7
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Options__WEBPACK_IMPORTED_MODULE_9__.Options, {
@@ -3275,7 +3275,7 @@ function AutoComplete(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 127,
       columnNumber: 9
     }
   })));
@@ -3305,7 +3305,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _stylingProps__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./stylingProps */ "./src/components/Box/stylingProps.js");
 
 var _excluded = ["is", "children"];
-var _jsxFileName = "/home/runner/work/Rocket.Chat.Fuselage/Rocket.Chat.Fuselage/packages/fuselage/src/components/Box/index.js";
+var _jsxFileName = "/Users/tasso/Projetos/Rocket.Chat.Fuselage/packages/fuselage/src/components/Box/index.js";
 
 
 
@@ -5851,7 +5851,7 @@ var getSize = function (_a) {
     }
     return 'x20';
 };
-var ActionButton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_a, ref) {
+var ActionButton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function ActionButton(_a, ref) {
     var icon = _a.icon, children = _a.children, props = __rest(_a, ["icon", "children"]);
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__.Button, __assign({ ref: ref, square: true, flexShrink: 0 }, props),
         children,
@@ -9089,7 +9089,9 @@ var __assign = (undefined && undefined.__assign) || function () {
 };
 
 
-var MessageStatusIndicator = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) { return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", __assign({ ref: ref, className: 'rcx-message-status-indicator' }, props))); });
+var MessageStatusIndicator = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function MessageStatusIndicator(props, ref) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", __assign({ ref: ref, className: 'rcx-message-status-indicator' }, props)));
+});
 
 
 /***/ }),
@@ -10114,7 +10116,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 };
 
 
-var Modal = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_a, ref) {
+var Modal = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Modal(_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__.Box, __assign({ is: 'dialog', "rcx-modal": true }, props),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__.Box, { ref: ref, "rcx-modal__inner": true, elevation: '2' }, children)));
@@ -10577,16 +10579,20 @@ var prevent = function (e) {
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
 };
-var MultiSelect = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
-    var value = _a.value, filter = _a.filter, _b = _a.options, options = _b === void 0 ? [] : _b, error = _a.error, disabled = _a.disabled, _c = _a.anchor, Anchor = _c === void 0 ? _MultiSelectAnchor__WEBPACK_IMPORTED_MODULE_11__["default"] : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.getLabel, getLabel = _e === void 0 ? function (_a) {
+var defaultFilter = function (_a, filter) {
+    var _b = __read(_a, 2), label = _b[1];
+    return !filter || label.toLowerCase().includes(filter.toLowerCase());
+};
+var MultiSelect = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function MultiSelect(_a, ref) {
+    var value = _a.value, filter = _a.filter, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.optionsFilter, optionsFilter = _c === void 0 ? defaultFilter : _c, error = _a.error, disabled = _a.disabled, _d = _a.anchor, Anchor = _d === void 0 ? _MultiSelectAnchor__WEBPACK_IMPORTED_MODULE_11__["default"] : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.getLabel, getLabel = _f === void 0 ? function (_a) {
         var _b = _a === void 0 ? ['', ''] : _a, _c = __read(_b, 2), label = _c[1];
         return label;
-    } : _e, _f = _a.getValue, getValue = _f === void 0 ? function (_a) {
+    } : _f, _g = _a.getValue, getValue = _g === void 0 ? function (_a) {
         var _b = __read(_a, 1), value = _b[0];
         return value;
-    } : _f, placeholder = _a.placeholder, _g = _a.renderOptions, _Options = _g === void 0 ? _Options__WEBPACK_IMPORTED_MODULE_8__.Options : _g, renderItem = _a.renderItem, customEmpty = _a.customEmpty, RenderSelected = _a.renderSelected, addonIcon = _a.addonIcon, props = __rest(_a, ["value", "filter", "options", "error", "disabled", "anchor", "onChange", "getLabel", "getValue", "placeholder", "renderOptions", "renderItem", "customEmpty", "renderSelected", "addonIcon"]);
-    var _h = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value || []), 2), internalValue = _h[0], setInternalValue = _h[1];
-    var _j = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), 2), currentOptionValue = _j[0], setCurrentOption = _j[1];
+    } : _g, placeholder = _a.placeholder, _h = _a.renderOptions, _Options = _h === void 0 ? _Options__WEBPACK_IMPORTED_MODULE_8__.Options : _h, renderItem = _a.renderItem, customEmpty = _a.customEmpty, RenderSelected = _a.renderSelected, addonIcon = _a.addonIcon, props = __rest(_a, ["value", "filter", "options", "optionsFilter", "error", "disabled", "anchor", "onChange", "getLabel", "getValue", "placeholder", "renderOptions", "renderItem", "customEmpty", "renderSelected", "addonIcon"]);
+    var _j = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value || []), 2), internalValue = _j[0], setInternalValue = _j[1];
+    var _k = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), 2), currentOptionValue = _k[0], setCurrentOption = _k[1];
     var option = options.find(function (option) { return getValue(option) === currentOptionValue; });
     var index = options.findIndex(function (option) { return getValue(option) === currentOptionValue; });
     var internalChanged = function (_a) {
@@ -10609,18 +10615,14 @@ var MultiSelect = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a
         }
         return [value, label];
     };
-    var applyFilter = function (_a) {
-        var _b = __read(_a, 2), option = _b[1];
-        return !filter || option.toLowerCase().includes(filter.toLowerCase());
-    };
     var filteredOptions = options
-        .filter(applyFilter)
+        .filter(function (option) { return optionsFilter(option, filter); })
         .map(mapOptions);
-    var _k = __read((0,_Options__WEBPACK_IMPORTED_MODULE_8__.useCursor)(index, filteredOptions, internalChanged), 5), cursor = _k[0], handleKeyDown = _k[1], handleKeyUp = _k[2], reset = _k[3], _l = __read(_k[4], 3), visible = _l[0], hide = _l[1], show = _l[2];
+    var _l = __read((0,_Options__WEBPACK_IMPORTED_MODULE_8__.useCursor)(index, filteredOptions, internalChanged), 5), cursor = _l[0], handleKeyDown = _l[1], handleKeyUp = _l[2], reset = _l[3], _m = __read(_l[4], 3), visible = _m[0], hide = _m[1], show = _m[2];
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(reset, [filter]);
     var innerRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
     var anchorRef = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMergedRefs)(ref, innerRef);
-    var _m = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useResizeObserver)(), containerRef = _m.ref, borderBoxSize = _m.borderBoxSize;
+    var _o = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useResizeObserver)(), containerRef = _o.ref, borderBoxSize = _o.borderBoxSize;
     var renderAnchor = function (params) {
         if ((0,_helpers_isForwardRefType__WEBPACK_IMPORTED_MODULE_2__.isForwardRefType)(Anchor)) {
             return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Anchor, __assign({}, params));
@@ -10658,6 +10660,9 @@ var MultiSelect = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a
                                         var _b = __read(_a, 1), val = _b[0];
                                         return val === value;
                                     });
+                                    if (!currentOption) {
+                                        return null;
+                                    }
                                     return RenderSelected ? (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RenderSelected, { role: 'option', value: value, key: value, label: getLabel(currentOption), onMouseDown: function (e) {
                                             prevent(e);
                                             internalChanged(currentOption);
@@ -10768,9 +10773,13 @@ var __read = (undefined && undefined.__read) || function (o, n) {
 
 
 var MultiSelectFiltered = function (_a) {
-    var options = _a.options, placeholder = _a.placeholder, propFilter = _a.filter, propSetFilter = _a.setFilter, props = __rest(_a, ["options", "placeholder", "filter", "setFilter"]);
+    var options = _a.options, placeholder = _a.placeholder, propFilter = _a.filter, propSetFilter = _a.setFilter, onChange = _a.onChange, props = __rest(_a, ["options", "placeholder", "filter", "setFilter", "onChange"]);
     var _b = __read((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), 2), filter = _b[0], setFilter = _b[1];
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MultiSelect__WEBPACK_IMPORTED_MODULE_1__.MultiSelect, __assign({}, props, { filter: propFilter || filter, options: options, anchor: function (params) { return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MultiSelectFilteredAnchor__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({ placeholder: placeholder, filter: propFilter || filter, onChangeFilter: propSetFilter || setFilter }, params))); } })));
+    var handleChange = function (params) {
+        onChange(params);
+        setFilter('');
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MultiSelect__WEBPACK_IMPORTED_MODULE_1__.MultiSelect, __assign({}, props, { filter: propFilter || filter, options: options, anchor: function (params) { return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MultiSelectFilteredAnchor__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({ placeholder: placeholder, filter: propFilter || filter, onChangeFilter: propSetFilter || setFilter }, params))); }, onChange: handleChange })));
 };
 
 
@@ -10852,7 +10861,9 @@ var __assign = (undefined && undefined.__assign) || function () {
 };
 
 
-var SelectedOptions = (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) { return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Chip__WEBPACK_IMPORTED_MODULE_1__["default"], __assign({}, props)); });
+var SelectedOptions = (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function SelectedOptions(props) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Chip__WEBPACK_IMPORTED_MODULE_1__["default"], __assign({}, props));
+});
 
 
 /***/ }),
@@ -11017,7 +11028,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
-var Option = (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (_a) {
+var Option = (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function Option(_a) {
     var _b = _a.is, Tag = _b === void 0 ? 'li' : _b, id = _a.id, children = _a.children, label = _a.label, focus = _a.focus, selected = _a.selected, className = _a.className, ref = _a.ref, icon = _a.icon, avatar = _a.avatar, title = _a.title, onClick = _a.onClick, variant = _a.variant, options = __rest(_a, ["is", "id", "children", "label", "focus", "selected", "className", "ref", "icon", "avatar", "title", "onClick", "variant"]);
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tag, __assign({ key: id, id: id, ref: ref, "aria-selected": selected, title: title, onClick: onClick }, options, { className: [
             'rcx-option',
@@ -11454,11 +11465,11 @@ var prevent = function (e) {
     e.preventDefault();
     e.stopPropagation();
 };
-var Empty = (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (_a) {
+var Empty = (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function Empty(_a) {
     var customEmpty = _a.customEmpty;
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Option__WEBPACK_IMPORTED_MODULE_4__["default"], { label: customEmpty || 'Empty' }));
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Option__WEBPACK_IMPORTED_MODULE_4__["default"], { label: customEmpty || 'Empty' });
 });
-var Options = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_a, ref) {
+var Options = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Options(_a, ref) {
     var _b, _c;
     var _d = _a.maxHeight, maxHeight = _d === void 0 ? '144px' : _d, multiple = _a.multiple, _e = _a.renderEmpty, EmptyComponent = _e === void 0 ? Empty : _e, options = _a.options, cursor = _a.cursor, _f = _a.renderItem, OptionComponent = _f === void 0 ? _Option__WEBPACK_IMPORTED_MODULE_4__["default"] : _f, onSelect = _a.onSelect, customEmpty = _a.customEmpty, props = __rest(_a, ["maxHeight", "multiple", "renderEmpty", "options", "cursor", "renderItem", "onSelect", "customEmpty"]);
     var liRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -11808,13 +11819,15 @@ var prevent = function (e) {
     e.preventDefault();
     e.stopPropagation();
 };
-var Empty = (0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(function () { return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Options_Option__WEBPACK_IMPORTED_MODULE_5__["default"], { label: 'Empty' }); });
+var Empty = (0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(function Empty() {
+    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Options_Option__WEBPACK_IMPORTED_MODULE_5__["default"], { label: 'Empty' });
+});
 var CheckOption = (0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(function CheckOption(_a) {
     var selected = _a.selected, label = _a.children, options = __rest(_a, ["selected", "children"]);
     return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Options_Option__WEBPACK_IMPORTED_MODULE_5__["default"], __assign({ label: label, selected: selected }, options),
         react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_CheckBox__WEBPACK_IMPORTED_MODULE_4__.CheckBox, { checked: selected })));
 });
-var OptionsPaginated = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
+var OptionsPaginated = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function OptionsPaginated(_a, ref) {
     var title = _a.title, multiple = _a.multiple, _b = _a.renderEmpty, EmptyComponent = _b === void 0 ? Empty : _b, options = _a.options, cursor = _a.cursor, _c = _a.renderItem, OptionComponent = _c === void 0 ? _Options_Option__WEBPACK_IMPORTED_MODULE_5__["default"] : _c, onSelect = _a.onSelect, endReached = _a.endReached, props = __rest(_a, ["title", "multiple", "renderEmpty", "options", "cursor", "renderItem", "onSelect", "endReached"]);
     var OptionsComponentWithData = function (_a) {
         var index = _a.index, data = _a.data;
@@ -12559,7 +12572,9 @@ var __read = (undefined && undefined.__read) || function (o, n) {
 
 
 
-var Wrapper = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) { return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_4__.Box, __assign({ is: 'div', "rcx-select__wrapper": true, ref: ref }, props))); });
+var Wrapper = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function Wrapper(props, ref) {
+    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_4__.Box, __assign({ is: 'div', "rcx-select__wrapper": true, ref: ref }, props));
+});
 var useDidUpdate = function (func, deps) {
     var didMount = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false);
     var fn = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(func);
@@ -12570,7 +12585,7 @@ var useDidUpdate = function (func, deps) {
         didMount.current = true;
     }, deps || []);
 };
-var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
+var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function Select(_a, ref) {
     var value = _a.value, filter = _a.filter, error = _a.error, disabled = _a.disabled, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.anchor, Anchor = _c === void 0 ? _SelectFocus__WEBPACK_IMPORTED_MODULE_10__["default"] : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.getValue, getValue = _e === void 0 ? function (_a) {
         var _b = _a === void 0 ? ['', ''] : _a, _c = __read(_b, 1), value = _c[0];
         return value;
@@ -13031,7 +13046,9 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
-var SelectedOptions = (0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(function (props) { return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Chip__WEBPACK_IMPORTED_MODULE_4__["default"], __assign({ maxWidth: '150px', withTruncatedText: true }, props))); });
+var SelectedOptions = (0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(function SelectedOptions(props) {
+    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Chip__WEBPACK_IMPORTED_MODULE_4__["default"], __assign({ maxWidth: '150px', withTruncatedText: true }, props));
+});
 var prevent = function (e) {
     e.preventDefault();
     e.stopPropagation();
@@ -13100,7 +13117,7 @@ var PaginatedMultiSelect = function (_a) {
 };
 var PaginatedMultiSelectFiltered = function (_a) {
     var filter = _a.filter, setFilter = _a.setFilter, options = _a.options, placeholder = _a.placeholder, props = __rest(_a, ["filter", "setFilter", "options", "placeholder"]);
-    var anchor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
+    var anchor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function Anchor(_a, ref) {
         var _children = _a.children, filter = _a.filter, props = __rest(_a, ["children", "filter"]);
         return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Flex__WEBPACK_IMPORTED_MODULE_5__["default"].Item, { grow: 1 },
             react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_InputBox__WEBPACK_IMPORTED_MODULE_7__.InputBox.Input, __assign({ ref: ref, placeholder: placeholder, value: filter, onInput: function (e) {
@@ -13182,9 +13199,15 @@ var __read = (undefined && undefined.__read) || function (o, n) {
 
 
 
-var Addon = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) { return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__.Box, __assign({ is: 'div', "rcx-select__addon": true, ref: ref }, props))); });
-var Wrapper = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) { return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__.Box, __assign({ is: 'div', "rcx-select__wrapper": true, ref: ref }, props))); });
-var Focus = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) { return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__.Box, __assign({ ref: ref, fontScale: 'p2m', color: 'hint', "rcx-select__focus": true, is: 'button', type: 'button' }, props))); });
+var Addon = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function Addon(props, ref) {
+    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__.Box, __assign({ is: 'div', "rcx-select__addon": true, ref: ref }, props));
+});
+var Wrapper = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function Wrapper(props, ref) {
+    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__.Box, __assign({ is: 'div', "rcx-select__wrapper": true, ref: ref }, props));
+});
+var Focus = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function Focus(props, ref) {
+    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__.Box, __assign({ ref: ref, fontScale: 'p2m', color: 'hint', "rcx-select__focus": true, is: 'button', type: 'button' }, props)));
+});
 var prevent = function (e) {
     e.preventDefault();
     e.stopPropagation();
@@ -13306,7 +13329,7 @@ var PaginatedSelectFiltered = function (_a) {
     // setFilter,
     options = _a.options, placeholder = _a.placeholder, props = __rest(_a, ["options", "placeholder"]);
     var _b = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), 2), filter = _b[0], setFilter = _b[1];
-    var anchor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
+    var anchor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function Anchor(_a, ref) {
         var _children = _a.children, filter = _a.filter, _onChange = _a.onChange, props = __rest(_a, ["children", "filter", "onChange"]);
         return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_InputBox__WEBPACK_IMPORTED_MODULE_3__.InputBox.Input, __assign({ mi: 'x4', flexGrow: 1, className: 'rcx-select__focus', ref: ref, placeholder: placeholder, value: filter, onChange: (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function (e) {
                 setFilter(e.currentTarget.value);
@@ -16270,7 +16293,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 if (true) {
-    console.log("fuselage: " + "0.31.5");
+    console.log("fuselage: " + "0.31.4");
 }