@rocket.chat/fuselage 0.32.0-dev.290 → 0.32.0-dev.291

package/dist/components/Avatar/Avatar.d.ts

@@ -1,12 +1,15 @@
-import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+import type { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
 export type AvatarProps = {
     size?: 'x16' | 'x18' | 'x20' | 'x24' | 'x28' | 'x32' | 'x36' | 'x40' | 'x48' | 'x124' | 'x200' | 'x332';
     rounded?: boolean;
     objectFit?: boolean;
     url: string;
+    children?: ReactNode;
+    image?: string;
+    emojiClassname?: string;
 } & HTMLAttributes<HTMLElement>;
 export declare const Avatar: {
-    ({ title, size, rounded, objectFit, url, ...props }: AvatarProps): JSX.Element;
+    ({ title, size, rounded, objectFit, url, children, image, emojiClassname, ...props }: AvatarProps): JSX.Element;
     Stack: ({ children, ...props }: AvatarStackProps) => JSX.Element;
 };
 type AvatarStackProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM/D,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,MAAM;yDAOhB,WAAW;oCA4B+B,gBAAgB;CAP5D,CAAC;AAEF,KAAK,gBAAgB,GAAG,iBAAiB,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1E,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,MAAM;0FAUhB,WAAW;oCAwC+B,gBAAgB;CAP5D,CAAC;AAEF,KAAK,gBAAgB,GAAG,iBAAiB,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf,CAAC"}

package/dist/components/Modal/index.d.ts

@@ -69,6 +69,9 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<{
         rounded?: boolean | undefined;
         objectFit?: boolean | undefined;
         url: string;
+        children?: import("react").ReactNode;
+        image?: string | undefined;
+        emojiClassname?: string | undefined;
     } & import("react").HTMLAttributes<HTMLElement>) => JSX.Element;
     Title: ({ children, ...props }: {
         is?: import("react").ElementType<any> | undefined;

package/dist/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG1C,wBAcG;AAEH,OAAO,EACL,aAAa,EACb,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG1C,wBAcG;AAEH,OAAO,EACL,aAAa,EACb,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,qBAAqB,GACtB,CAAC"}

package/dist/fuselage.development.js

@@ -4632,20 +4632,19 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 var Avatar = function (_a) {
-    var title = _a.title, _b = _a.size, size = _b === void 0 ? 'x36' : _b, _c = _a.rounded, rounded = _c === void 0 ? false : _c, _d = _a.objectFit, objectFit = _d === void 0 ? false : _d, url = _a.url, props = __rest(_a, ["title", "size", "rounded", "objectFit", "url"]);
+    var title = _a.title, _b = _a.size, size = _b === void 0 ? 'x36' : _b, _c = _a.rounded, rounded = _c === void 0 ? false : _c, _d = _a.objectFit, objectFit = _d === void 0 ? false : _d, url = _a.url, children = _a.children, image = _a.image, emojiClassname = _a.emojiClassname, props = __rest(_a, ["title", "size", "rounded", "objectFit", "url", "children", "image", "emojiClassname"]);
     props.className = (0,_helpers_prependClassName__WEBPACK_IMPORTED_MODULE_2__.prependClassName)(props.className, ['rcx-box rcx-box--full rcx-avatar', size && "rcx-avatar--".concat(size)]
         .filter(Boolean)
         .join(' '));
-    var innerClass = [
+    var innerClass = (0,_helpers_prependClassName__WEBPACK_IMPORTED_MODULE_2__.prependClassName)(emojiClassname, [
         'rcx-avatar__element',
         objectFit && 'rcx-avatar__element--object-fit',
         size && "rcx-avatar__element--".concat(size),
         rounded && 'rcx-avatar__element--rounded',
     ]
         .filter(Boolean)
-        .join(' ');
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("figure", __assign({ "aria-label": title }, props),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("img", { src: "".concat(url), className: "".concat(innerClass) })));
+        .join(' '));
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("figure", __assign({ "aria-label": title }, props), children || image ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "".concat(innerClass), style: image && image.length ? { backgroundImage: image } : undefined }, children)) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("img", { src: "".concat(url), className: "".concat(innerClass) }))));
 };
 var AvatarStack = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);