@rocket.chat/fuselage 0.51.3 → 0.52.0

package/dist/fuselage.development.js

@@ -1252,7 +1252,7 @@ function AutoComplete(_a) {
     return (react_1.default.createElement(Box_1.default, { "rcx-autocomplete": true, ref: containerRef, onClick: (0, fuselage_hooks_1.useEffectEvent)(function () { return ref.current.focus(); }), flexGrow: 1, className: (0, react_1.useMemo)(function () { return [error && 'invalid', disabled && 'disabled']; }, [error, disabled]) },
         react_1.default.createElement(Box_1.default, { display: 'flex', flexGrow: 1, alignItems: 'center', flexWrap: 'wrap', margin: 'neg-x4', role: 'group' },
             react_1.default.createElement(Margins_1.default, { all: 'x4' },
-                react_1.default.createElement(InputBox_1.InputBox.Input, __assign({ ref: ref, onChange: (0, fuselage_hooks_1.useEffectEvent)(function (e) { return setFilter(e.currentTarget.value); }), onBlur: handleOnBlur, onFocus: show, onKeyDown: handleKeyDown, placeholder: optionsAreVisible !== AnimatedVisibility_1.default.HIDDEN || !value
+                react_1.default.createElement(InputBox_1.InputBox.Input, __assign({ ref: ref, onChange: (0, fuselage_hooks_1.useEffectEvent)(function (e) { return setFilter(e.currentTarget.value); }), onBlur: handleOnBlur, onFocus: show, onKeyDown: handleKeyDown, placeholder: optionsAreVisible === AnimatedVisibility_1.default.HIDDEN || !value
                         ? placeholder
                         : undefined, order: 1, "rcx-input-box--undecorated": true, value: filter }, props)),
                 (selected === null || selected === void 0 ? void 0 : selected.length) > 0 &&
@@ -1261,7 +1261,7 @@ function AutoComplete(_a) {
                     }))),
         react_1.default.createElement(Addon, { children: react_1.default.createElement(Icon_1.Icon, { name: optionsAreVisible === AnimatedVisibility_1.default.VISIBLE
                     ? 'cross'
-                    : 'magnifier', size: 'x20' }) }),
+                    : 'magnifier', size: 'x20', color: 'default' }) }),
         react_1.default.createElement(PositionAnimated_1.default, { visible: optionsAreVisible, anchor: containerRef },
             react_1.default.createElement(Options_1.Options, { role: 'option', width: borderBoxSize.inlineSize, onSelect: handleSelect, renderItem: renderItem, renderEmpty: renderEmpty, cursor: cursor, value: value, options: memoizedOptions }))));
 }
@@ -7499,6 +7499,28 @@ __exportStar(__webpack_require__(/*! ./MessageDivider */ "./src/components/Messa
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7507,14 +7529,14 @@ exports.MessageEmoji = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var MessageEmojiBase_1 = __webpack_require__(/*! ./MessageEmojiBase */ "./src/components/Message/MessageEmojiBase.tsx");
 var MessageEmoji = function (_a) {
-    var name = _a.name, className = _a.className, image = _a.image, big = _a.big, children = _a.children;
-    return (react_1.default.createElement(MessageEmojiBase_1.MessageEmojiBase, { className: [
+    var name = _a.name, className = _a.className, image = _a.image, big = _a.big, props = __rest(_a, ["name", "className", "image", "big"]);
+    return (react_1.default.createElement(MessageEmojiBase_1.MessageEmojiBase, __assign({ className: [
             'rcx-message__emoji',
             className,
             big && 'rcx-message__emoji--big',
         ]
             .filter(Boolean)
-            .join(' '), name: name, image: image, children: children }));
+            .join(' '), name: name, image: image }, props)));
 };
 exports.MessageEmoji = MessageEmoji;
 
@@ -7528,6 +7550,28 @@ exports.MessageEmoji = MessageEmoji;
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7535,8 +7579,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MessageEmojiBase = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var MessageEmojiBase = function (_a) {
-    var name = _a.name, className = _a.className, image = _a.image, children = _a.children;
-    return (react_1.default.createElement("span", { className: "".concat(className || '', " ").concat(name), style: image && image.length ? { backgroundImage: image } : undefined, children: children }));
+    var name = _a.name, image = _a.image, className = _a.className, props = __rest(_a, ["name", "image", "className"]);
+    return (react_1.default.createElement("span", __assign({ className: "".concat(className || '', " ").concat(name), style: image && image.length ? { backgroundImage: image } : undefined }, props)));
 };
 exports.MessageEmojiBase = MessageEmojiBase;
 
@@ -7902,6 +7946,28 @@ __exportStar(__webpack_require__(/*! ./MessageGenericPreviewIcon */ "./src/compo
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7909,8 +7975,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MessageHeader = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var MessageHeader = function (_a) {
-    var children = _a.children;
-    return (react_1.default.createElement("div", { className: 'rcx-box rcx-box--full rcx-message-header' },
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement("div", __assign({ className: 'rcx-box rcx-box--full rcx-message-header' }, props),
         react_1.default.createElement("div", { className: 'rcx-box rcx-box--full rcx-message-header__wrapper' }, children)));
 };
 exports.MessageHeader = MessageHeader;
@@ -8400,7 +8466,7 @@ exports.MessageReaction = (0, react_1.forwardRef)(function Reaction(_a, ref) {
             className,
         ]
             .filter(Boolean)
-            .join(' '), ref: ref }, props), children || (react_1.default.createElement(react_1.default.Fragment, null,
+            .join(' '), ref: ref, role: 'button', tabIndex: 0 }, props), children || (react_1.default.createElement(react_1.default.Fragment, null,
         name && react_1.default.createElement(MessageReactionEmoji_1.MessageReactionEmoji, { name: name }),
         counter && react_1.default.createElement(MessageReactionCounter_1.MessageReactionCounter, { counter: counter })))));
 });
@@ -8446,7 +8512,7 @@ var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var Icon_1 = __webpack_require__(/*! ../../Icon */ "./src/components/Icon/index.ts");
 var MessageReactionAction = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", __assign({ className: [
+    return (react_1.default.createElement("div", __assign({ role: 'button', tabIndex: 0, className: [
             'rcx-message-reactions__reaction rcx-message-reactions__reaction--action',
             className,
         ]
@@ -8488,6 +8554,28 @@ exports.MessageReactionCounter = MessageReactionCounter;
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8496,8 +8584,8 @@ exports.MessageReactionEmoji = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var MessageEmojiBase_1 = __webpack_require__(/*! ../MessageEmojiBase */ "./src/components/Message/MessageEmojiBase.tsx");
 var MessageReactionEmoji = function (_a) {
-    var name = _a.name, className = _a.className, image = _a.image, children = _a.children;
-    return (react_1.default.createElement(MessageEmojiBase_1.MessageEmojiBase, { className: "rcx-message-reactions__emoji ".concat(className || ''), name: name, image: image, children: children }));
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement(MessageEmojiBase_1.MessageEmojiBase, __assign({ className: "rcx-message-reactions__emoji ".concat(className || '') }, props)));
 };
 exports.MessageReactionEmoji = MessageReactionEmoji;
 
@@ -8522,16 +8610,37 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MessageReactions = void 0;
-var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var MessageBlock_1 = __webpack_require__(/*! ../MessageBlock */ "./src/components/Message/MessageBlock.tsx");
-var MessageReactions = function (props) { return (react_1.default.createElement(MessageBlock_1.MessageBlock, { className: 'rcx-message-reactions' },
-    react_1.default.createElement("div", __assign({ className: 'rcx-message-reactions__container' }, props)))); };
-exports.MessageReactions = MessageReactions;
+exports.MessageReactions = (0, react_1.forwardRef)(function MessageReactions(props, ref) {
+    return (react_1.default.createElement(MessageBlock_1.MessageBlock, { className: 'rcx-message-reactions' },
+        react_1.default.createElement("div", __assign({ ref: ref, className: 'rcx-message-reactions__container' }, props))));
+});
 
 
 /***/ }),
@@ -8556,7 +8665,13 @@ Object.defineProperty(exports, "MessageReactionEmoji", ({ enumerable: true, get:
 var MessageReactions_1 = __webpack_require__(/*! ./MessageReactions */ "./src/components/Message/MessageReactions/MessageReactions.tsx");
 Object.defineProperty(exports, "MessageReactions", ({ enumerable: true, get: function () { return MessageReactions_1.MessageReactions; } }));
 exports["default"] = Object.assign(MessageReactions_1.MessageReactions, {
+    /**
+     * @deprecated prefer using named imports
+     * */
     Reaction: MessageReaction_1.MessageReaction,
+    /**
+     * @deprecated prefer using named imports
+     * */
     Action: MessageReactionAction_1.MessageReactionAction,
 });
 
@@ -9405,6 +9520,28 @@ exports.ThreadMessageContainer = ThreadMessageContainer;
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9413,8 +9550,8 @@ exports.ThreadMessageEmoji = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var MessageEmojiBase_1 = __webpack_require__(/*! ../MessageEmojiBase */ "./src/components/Message/MessageEmojiBase.tsx");
 var ThreadMessageEmoji = function (_a) {
-    var name = _a.name, className = _a.className, image = _a.image, children = _a.children;
-    return (react_1.default.createElement(MessageEmojiBase_1.MessageEmojiBase, { className: "rcx-message-thread__emoji ".concat(className || ''), name: name, image: image, children: children }));
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement(MessageEmojiBase_1.MessageEmojiBase, __assign({ className: "rcx-message-thread__emoji ".concat(className || '') }, props)));
 };
 exports.ThreadMessageEmoji = ThreadMessageEmoji;