@rocket.chat/fuselage 0.51.1 → 0.51.3

package/dist/fuselage.development.js

@@ -12243,7 +12243,7 @@ var PaginatedMultiSelectFiltered = function (_a) {
                     return setFilter === null || setFilter === void 0 ? void 0 : setFilter(e.currentTarget.value);
                 } }, props, { "rcx-input-box--undecorated": true }))));
     }), []);
-    return (react_1.default.createElement(PaginatedMultiSelect_1.default, __assign({ filter: filter, options: options }, props, { anchor: anchor })));
+    return (react_1.default.createElement(PaginatedMultiSelect_1.default, __assign({ filter: filter, options: options, anchor: anchor }, props)));
 };
 exports.PaginatedMultiSelectFiltered = PaginatedMultiSelectFiltered;
 
@@ -12330,6 +12330,7 @@ var AnimatedVisibility_1 = __importDefault(__webpack_require__(/*! ../AnimatedVi
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
 var Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
 var Margins_1 = __importDefault(__webpack_require__(/*! ../Margins */ "./src/components/Margins/index.ts"));
+var Option_1 = __importDefault(__webpack_require__(/*! ../Option */ "./src/components/Option/index.tsx"));
 var useVisible_1 = __webpack_require__(/*! ../Options/useVisible */ "./src/components/Options/useVisible.ts");
 var OptionsPaginated_1 = __webpack_require__(/*! ../OptionsPaginated */ "./src/components/OptionsPaginated/index.ts");
 var PositionAnimated_1 = __importDefault(__webpack_require__(/*! ../PositionAnimated */ "./src/components/PositionAnimated/index.ts"));
@@ -12337,11 +12338,11 @@ var SelectAddon_1 = __importDefault(__webpack_require__(/*! ../Select/SelectAddo
 var SelectFocus_1 = __importDefault(__webpack_require__(/*! ../Select/SelectFocus */ "./src/components/Select/SelectFocus.tsx"));
 var PaginatedSelectWrapper_1 = __importDefault(__webpack_require__(/*! ./PaginatedSelectWrapper */ "./src/components/PaginatedSelect/PaginatedSelectWrapper.tsx"));
 var PaginatedSelect = function (_a) {
-    var value = _a.value, withTitle = _a.withTitle, filter = _a.filter, _setFilter = _a.setFilter, error = _a.error, disabled = _a.disabled, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.anchor, Anchor = _c === void 0 ? SelectFocus_1.default : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.placeholder, placeholder = _e === void 0 ? '' : _e, _f = _a.renderOptions, _Options = _f === void 0 ? OptionsPaginated_1.OptionsPaginated : _f, endReached = _a.endReached, props = __rest(_a, ["value", "withTitle", "filter", "setFilter", "error", "disabled", "options", "anchor", "onChange", "placeholder", "renderOptions", "endReached"]);
-    var _g = __read((0, react_1.useState)(value), 2), internalValue = _g[0], setInternalValue = _g[1];
+    var value = _a.value, withTitle = _a.withTitle, filter = _a.filter, _setFilter = _a.setFilter, error = _a.error, disabled = _a.disabled, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.anchor, Anchor = _c === void 0 ? SelectFocus_1.default : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.placeholder, placeholder = _e === void 0 ? '' : _e, _f = _a.renderOptions, _Options = _f === void 0 ? OptionsPaginated_1.OptionsPaginated : _f, _g = _a.renderItem, renderItem = _g === void 0 ? Option_1.default : _g, endReached = _a.endReached, props = __rest(_a, ["value", "withTitle", "filter", "setFilter", "error", "disabled", "options", "anchor", "onChange", "placeholder", "renderOptions", "renderItem", "endReached"]);
+    var _h = __read((0, react_1.useState)(value), 2), internalValue = _h[0], setInternalValue = _h[1];
     var currentValue = value !== undefined ? value : internalValue;
     var option = options.find(function (option) { return (option === null || option === void 0 ? void 0 : option.value) === currentValue; });
-    var _h = __read((0, useVisible_1.useVisible)(), 3), visible = _h[0], hide = _h[1], show = _h[2];
+    var _j = __read((0, useVisible_1.useVisible)(), 3), visible = _j[0], hide = _j[1], show = _j[2];
     var internalChangedByClick = (0, fuselage_hooks_1.useEffectEvent)(function (_a) {
         var _b = __read(_a, 1), value = _b[0];
         setInternalValue(value);
@@ -12349,7 +12350,7 @@ var PaginatedSelect = function (_a) {
         hide();
     });
     var ref = (0, react_1.useRef)(null);
-    var _j = (0, fuselage_hooks_1.useResizeObserver)(), containerRef = _j.ref, borderBoxSize = _j.borderBoxSize;
+    var _k = (0, fuselage_hooks_1.useResizeObserver)(), containerRef = _k.ref, borderBoxSize = _k.borderBoxSize;
     var valueLabel = option === null || option === void 0 ? void 0 : option.label;
     var visibleText = (filter === undefined || visible === AnimatedVisibility_1.default.HIDDEN) &&
         (valueLabel || placeholder || typeof placeholder === 'string');
@@ -12372,7 +12373,7 @@ var PaginatedSelect = function (_a) {
                             ? 'chevron-up'
                             : 'chevron-down', size: 'x20' })))),
         react_1.default.createElement(PositionAnimated_1.default, { visible: visible, anchor: containerRef },
-            react_1.default.createElement(_Options, { withTitle: withTitle, width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: options, onSelect: internalChangedByClick, endReached: endReached, onMouseDown: prevent_1.prevent }))));
+            react_1.default.createElement(_Options, { withTitle: withTitle, width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: options, onSelect: internalChangedByClick, endReached: endReached, onMouseDown: prevent_1.prevent, renderItem: renderItem }))));
 };
 exports.PaginatedSelect = PaginatedSelect;