@rocket.chat/fuselage 0.57.0 → 0.57.1

package/dist/fuselage.development.js

@@ -8322,12 +8322,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MessageBlock = void 0;
 var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var MessageBlock = function (_a) {
+exports.MessageBlock = (0, react_1.forwardRef)(function (_a, ref) {
     var _className = _a.className, fixedWidth = _a.fixedWidth, props = __rest(_a, ["className", "fixedWidth"]);
-    return ((0, jsx_runtime_1.jsx)(Box_1.default, __assign({ "rcx-message-block": true, "rcx-message-block--width-fixed": fixedWidth }, props)));
-};
-exports.MessageBlock = MessageBlock;
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, __assign({ "rcx-message-block": true, "rcx-message-block--width-fixed": fixedWidth, ref: ref }, props)));
+});
 
 
 /***/ }),
@@ -9113,8 +9113,8 @@ exports.MessageMetricsFollowing = void 0;
 var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
 var Button_1 = __webpack_require__(/*! ../../Button */ "./src/components/Button/index.ts");
 var MessageMetricsFollowing = function (_a) {
-    var name = _a.name, props = __rest(_a, ["name"]);
-    return (0, jsx_runtime_1.jsx)(Button_1.IconButton, __assign({}, props, { small: true, icon: name }));
+    var name = _a.name, badge = _a.badge, props = __rest(_a, ["name", "badge"]);
+    return ((0, jsx_runtime_1.jsx)(Button_1.IconButton, __assign({ position: 'relative', overflow: 'visible' }, props, { small: true, icon: name, children: badge && ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-message-metrics__item__follow-badge', children: badge })) })));
 };
 exports.MessageMetricsFollowing = MessageMetricsFollowing;
 
@@ -9139,13 +9139,112 @@ var __assign = (this && this.__assign) || function () {
     };
     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;
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MessageMetricsItem = void 0;
 var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
-var MessageMetricsItem = function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'rcx-message-metrics__item' }, props))); };
+var prependClassName_1 = __webpack_require__(/*! ../../../../helpers/prependClassName */ "./src/helpers/prependClassName.ts");
+var MessageMetricsItem = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, prependClassName_1.prependClassName)(className, 'rcx-message-metrics__item') }, props)));
+};
 exports.MessageMetricsItem = MessageMetricsItem;
 
 
+/***/ }),
+
+/***/ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemAvatarRow.tsx":
+/*!**************************************************************************************************!*\
+  !*** ./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemAvatarRow.tsx ***!
+  \**************************************************************************************************/
+/***/ (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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.MessageMetricsItemAvatarRow = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var prependClassName_1 = __webpack_require__(/*! ../../../../helpers/prependClassName */ "./src/helpers/prependClassName.ts");
+var MessageMetricsItemAvatarRow = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, prependClassName_1.prependClassName)(className, 'rcx-message-metrics__avatar-row') }, props)));
+};
+exports.MessageMetricsItemAvatarRow = MessageMetricsItemAvatarRow;
+
+
+/***/ }),
+
+/***/ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemAvatarRowContent.tsx":
+/*!*********************************************************************************************************!*\
+  !*** ./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemAvatarRowContent.tsx ***!
+  \*********************************************************************************************************/
+/***/ (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;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.MessageMetricsItemAvatarRowContent = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var prependClassName_1 = __webpack_require__(/*! ../../../../helpers/prependClassName */ "./src/helpers/prependClassName.ts");
+var MessageMetricsItemAvatarRowContent = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, prependClassName_1.prependClassName)(className, 'rcx-message-metrics__avatar-row__content') }, props)));
+};
+exports.MessageMetricsItemAvatarRowContent = MessageMetricsItemAvatarRowContent;
+
+
 /***/ }),
 
 /***/ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemIcon.tsx":
@@ -9211,9 +9310,13 @@ exports.MessageMetricsItemLabel = MessageMetricsItemLabel;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.MessageMetricsItemLabel = exports.MessageMetricsItemIcon = exports.MessageMetricsItem = void 0;
+exports.MessageMetricsItemAvatarRow = exports.MessageMetricsItemAvatarRowContent = exports.MessageMetricsItemLabel = exports.MessageMetricsItemIcon = exports.MessageMetricsItem = void 0;
 var MessageMetricsItem_1 = __webpack_require__(/*! ./MessageMetricsItem */ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItem.tsx");
 Object.defineProperty(exports, "MessageMetricsItem", ({ enumerable: true, get: function () { return MessageMetricsItem_1.MessageMetricsItem; } }));
+var MessageMetricsItemAvatarRow_1 = __webpack_require__(/*! ./MessageMetricsItemAvatarRow */ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemAvatarRow.tsx");
+Object.defineProperty(exports, "MessageMetricsItemAvatarRow", ({ enumerable: true, get: function () { return MessageMetricsItemAvatarRow_1.MessageMetricsItemAvatarRow; } }));
+var MessageMetricsItemAvatarRowContent_1 = __webpack_require__(/*! ./MessageMetricsItemAvatarRowContent */ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemAvatarRowContent.tsx");
+Object.defineProperty(exports, "MessageMetricsItemAvatarRowContent", ({ enumerable: true, get: function () { return MessageMetricsItemAvatarRowContent_1.MessageMetricsItemAvatarRowContent; } }));
 var MessageMetricsItemIcon_1 = __webpack_require__(/*! ./MessageMetricsItemIcon */ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemIcon.tsx");
 Object.defineProperty(exports, "MessageMetricsItemIcon", ({ enumerable: true, get: function () { return MessageMetricsItemIcon_1.MessageMetricsItemIcon; } }));
 var MessageMetricsItemLabel_1 = __webpack_require__(/*! ./MessageMetricsItemLabel */ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemLabel.tsx");
@@ -9258,7 +9361,7 @@ exports.MessageMetricsReply = void 0;
 var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
 var __1 = __webpack_require__(/*! ../.. */ "./src/components/index.ts");
 var MessageMetricsItem_1 = __importDefault(__webpack_require__(/*! ./MessageMetricsItem */ "./src/components/Message/MessageMetrics/MessageMetricsItem/index.ts"));
-var MessageMetricsReply = function (props) { return ((0, jsx_runtime_1.jsx)(MessageMetricsItem_1.default, { children: (0, jsx_runtime_1.jsx)(__1.Button, __assign({}, props, { small: true, primary: true })) })); };
+var MessageMetricsReply = function (props) { return ((0, jsx_runtime_1.jsx)(MessageMetricsItem_1.default, { children: (0, jsx_runtime_1.jsx)(__1.Button, __assign({ primary: true }, props, { small: true })) })); };
 exports.MessageMetricsReply = MessageMetricsReply;
 
 
@@ -9295,7 +9398,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.MessageMetricsReply = exports.MessageMetricsFollowing = exports.MessageMetricsItemLabel = exports.MessageMetricsItemIcon = exports.MessageMetricsItem = exports.MessageMetrics = void 0;
+exports.MessageMetricsReply = exports.MessageMetricsFollowing = exports.MessageMetricsItemLabel = exports.MessageMetricsItemIcon = exports.MessageMetricsItem = exports.MessageMetricsItemAvatarRowContent = exports.MessageMetricsItemAvatarRow = exports.MessageMetrics = void 0;
 var MessageMetrics_1 = __webpack_require__(/*! ./MessageMetrics */ "./src/components/Message/MessageMetrics/MessageMetrics.tsx");
 Object.defineProperty(exports, "MessageMetrics", ({ enumerable: true, get: function () { return MessageMetrics_1.MessageMetrics; } }));
 var MessageMetricsFollowing_1 = __webpack_require__(/*! ./MessageMetricsFollowing */ "./src/components/Message/MessageMetrics/MessageMetricsFollowing.tsx");
@@ -9303,6 +9406,8 @@ Object.defineProperty(exports, "MessageMetricsFollowing", ({ enumerable: true, g
 var MessageMetricsItem_1 = __importStar(__webpack_require__(/*! ./MessageMetricsItem */ "./src/components/Message/MessageMetrics/MessageMetricsItem/index.ts"));
 exports.MessageMetricsItem = MessageMetricsItem_1.default;
 Object.defineProperty(exports, "MessageMetricsItemIcon", ({ enumerable: true, get: function () { return MessageMetricsItem_1.MessageMetricsItemIcon; } }));
+Object.defineProperty(exports, "MessageMetricsItemAvatarRowContent", ({ enumerable: true, get: function () { return MessageMetricsItem_1.MessageMetricsItemAvatarRowContent; } }));
+Object.defineProperty(exports, "MessageMetricsItemAvatarRow", ({ enumerable: true, get: function () { return MessageMetricsItem_1.MessageMetricsItemAvatarRow; } }));
 Object.defineProperty(exports, "MessageMetricsItemLabel", ({ enumerable: true, get: function () { return MessageMetricsItem_1.MessageMetricsItemLabel; } }));
 var MessageMetricsReply_1 = __webpack_require__(/*! ./MessageMetricsReply */ "./src/components/Message/MessageMetrics/MessageMetricsReply.tsx");
 Object.defineProperty(exports, "MessageMetricsReply", ({ enumerable: true, get: function () { return MessageMetricsReply_1.MessageMetricsReply; } }));