stream-chat-react 11.8.0 → 11.10.0

package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v2.d.ts

@@ -1,25 +1,25 @@
-import { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 export type IconTypeV2 = 'standard' | 'alt';
 export type IconPropsV2 = {
     mimeType?: string;
     size?: number;
     type?: IconTypeV2;
 } & ComponentPropsWithoutRef<'svg'>;
-export declare const FilePdfIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileWordIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileWordIconAlt: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FilePowerPointIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FilePowerPointIconAlt: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileExcelIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileExcelIconAlt: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileArchiveIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileArchiveIconAlt: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileCodeIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileCodeIconAlt: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileAudioIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileAudioIconAlt: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileVideoIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileVideoIconAlt: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileFallbackIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
-export declare const FileImageIcon: ({ className, size, ...props }: IconPropsV2) => JSX.Element;
+export declare const FilePdfIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileWordIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileWordIconAlt: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FilePowerPointIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FilePowerPointIconAlt: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileExcelIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileExcelIconAlt: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileArchiveIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileArchiveIconAlt: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileCodeIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileCodeIconAlt: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileAudioIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileAudioIconAlt: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileVideoIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileVideoIconAlt: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileFallbackIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
+export declare const FileImageIcon: ({ className, size, ...props }: IconPropsV2) => React.JSX.Element;
 //# sourceMappingURL=v2.d.ts.map

package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReactFileUtilities/FileIcon/FileIconSet/v2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAIpC,eAAO,MAAM,WAAW,kCAAuD,WAAW,gBA8BzF,CAAC;AAEF,eAAO,MAAM,YAAY,kCAAuD,WAAW,gBAoB1F,CAAC;AAEF,eAAO,MAAM,eAAe,kCAAuD,WAAW,gBAgC7F,CAAC;AAEF,eAAO,MAAM,kBAAkB,kCAI5B,WAAW,gBA6Bb,CAAC;AAEF,eAAO,MAAM,qBAAqB,kCAI/B,WAAW,gBAmCb,CAAC;AAEF,eAAO,MAAM,aAAa,kCAAuD,WAAW,gBA6B3F,CAAC;AAEF,eAAO,MAAM,gBAAgB,kCAI1B,WAAW,gBAmCb,CAAC;AAEF,eAAO,MAAM,eAAe,kCAAuD,WAAW,gBA6B7F,CAAC;AAEF,eAAO,MAAM,kBAAkB,kCAI5B,WAAW,gBAmCb,CAAC;AAEF,eAAO,MAAM,YAAY,kCAAuD,WAAW,gBAuB1F,CAAC;AAEF,eAAO,MAAM,eAAe,kCAAuD,WAAW,gBAmC7F,CAAC;AAEF,eAAO,MAAM,aAAa,kCAAuD,WAAW,gBA6B3F,CAAC;AAEF,eAAO,MAAM,gBAAgB,kCAI1B,WAAW,gBAmCb,CAAC;AAEF,eAAO,MAAM,aAAa,kCAAuD,WAAW,gBA2B3F,CAAC;AAEF,eAAO,MAAM,gBAAgB,kCAI1B,WAAW,gBAiCb,CAAC;AAEF,eAAO,MAAM,gBAAgB,kCAI1B,WAAW,gBAgCb,CAAC;AAGF,eAAO,MAAM,aAAa,kCAAuD,WAAW,gBAc3F,CAAC"}
+{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReactFileUtilities/FileIcon/FileIconSet/v2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAIpC,eAAO,MAAM,WAAW,kCAAuD,WAAW,sBA8BzF,CAAC;AAEF,eAAO,MAAM,YAAY,kCAAuD,WAAW,sBAoB1F,CAAC;AAEF,eAAO,MAAM,eAAe,kCAAuD,WAAW,sBAgC7F,CAAC;AAEF,eAAO,MAAM,kBAAkB,kCAI5B,WAAW,sBA6Bb,CAAC;AAEF,eAAO,MAAM,qBAAqB,kCAI/B,WAAW,sBAmCb,CAAC;AAEF,eAAO,MAAM,aAAa,kCAAuD,WAAW,sBA6B3F,CAAC;AAEF,eAAO,MAAM,gBAAgB,kCAI1B,WAAW,sBAmCb,CAAC;AAEF,eAAO,MAAM,eAAe,kCAAuD,WAAW,sBA6B7F,CAAC;AAEF,eAAO,MAAM,kBAAkB,kCAI5B,WAAW,sBAmCb,CAAC;AAEF,eAAO,MAAM,YAAY,kCAAuD,WAAW,sBAuB1F,CAAC;AAEF,eAAO,MAAM,eAAe,kCAAuD,WAAW,sBAmC7F,CAAC;AAEF,eAAO,MAAM,aAAa,kCAAuD,WAAW,sBA6B3F,CAAC;AAEF,eAAO,MAAM,gBAAgB,kCAI1B,WAAW,sBAmCb,CAAC;AAEF,eAAO,MAAM,aAAa,kCAAuD,WAAW,sBA2B3F,CAAC;AAEF,eAAO,MAAM,gBAAgB,kCAI1B,WAAW,sBAiCb,CAAC;AAEF,eAAO,MAAM,gBAAgB,kCAI1B,WAAW,sBAgCb,CAAC;AAGF,eAAO,MAAM,aAAa,kCAAuD,WAAW,sBAc3F,CAAC"}

package/dist/components/ReactFileUtilities/FilePreviewer.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { FileUpload } from './types';
 import type { FileIconProps } from './FileIcon/FileIcon';
 export type FilePreviewerProps = {
@@ -10,5 +11,5 @@ export type FilePreviewerProps = {
 /**
  * Component that displays files which are being uploaded
  */
-export declare const FilePreviewer: ({ fileIconProps, uploads, handleRemove, handleRetry, }: FilePreviewerProps) => JSX.Element;
+export declare const FilePreviewer: ({ fileIconProps, uploads, handleRemove, handleRetry, }: FilePreviewerProps) => React.JSX.Element;
 //# sourceMappingURL=FilePreviewer.d.ts.map

package/dist/components/ReactFileUtilities/FilePreviewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewer.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/FilePreviewer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,2DAKvB,kBAAkB,gBA2CpB,CAAC"}
+{"version":3,"file":"FilePreviewer.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/FilePreviewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,2DAKvB,kBAAkB,sBA2CpB,CAAC"}

package/dist/components/ReactFileUtilities/FileUploadButton.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 export type FileUploadButtonProps = {
     handleFiles: (files: FileList | File[]) => void;
     accepts?: string | string[];
@@ -9,5 +9,5 @@ export type FileUploadButtonProps = {
 /**
  * @deprecated will be removed in the next major release
  */
-export declare const FileUploadButton: ({ disabled, multiple, children, handleFiles, accepts, resetOnChange, }: PropsWithChildren<FileUploadButtonProps>) => JSX.Element;
+export declare const FileUploadButton: ({ disabled, multiple, children, handleFiles, accepts, resetOnChange, }: PropsWithChildren<FileUploadButtonProps>) => React.JSX.Element;
 //# sourceMappingURL=FileUploadButton.d.ts.map

package/dist/components/ReactFileUtilities/FileUploadButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/FileUploadButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,2EAO1B,kBAAkB,qBAAqB,CAAC,gBAsB1C,CAAC"}
+{"version":3,"file":"FileUploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/FileUploadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,2EAO1B,kBAAkB,qBAAqB,CAAC,sBAuB1C,CAAC"}

package/dist/components/ReactFileUtilities/FileUploadButton.js

@@ -1,17 +1,19 @@
 import React from 'react';
 import { AttachmentIcon } from './icons';
 import { UploadButton } from './UploadButton';
+import { useTranslationContext } from '../../context';
 /**
  * @deprecated will be removed in the next major release
  */
 export var FileUploadButton = function (_a) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, _d = _a.children, children = _d === void 0 ? React.createElement(AttachmentIcon, null) : _d, handleFiles = _a.handleFiles, accepts = _a.accepts, _e = _a.resetOnChange, resetOnChange = _e === void 0 ? true : _e;
+    var t = useTranslationContext('FileUploadButton').t;
     var className = 'rfu-file-upload-button';
     if (disabled) {
         className = "".concat(className, " rfu-file-upload-button--disabled");
     }
     return (React.createElement("div", { className: className },
         React.createElement("label", null,
-            React.createElement(UploadButton, { accept: Array.isArray(accepts) ? accepts.join(',') : accepts, "aria-label": 'File input', className: 'rfu-file-input', disabled: disabled, multiple: multiple, onFileChange: handleFiles, resetOnChange: resetOnChange }),
+            React.createElement(UploadButton, { accept: Array.isArray(accepts) ? accepts.join(',') : accepts, "aria-label": t('aria/File input'), className: 'rfu-file-input', disabled: disabled, multiple: multiple, onFileChange: handleFiles, resetOnChange: resetOnChange }),
             children)));
 };

package/dist/components/ReactFileUtilities/IconButton.d.ts

@@ -1,9 +1,9 @@
-import { MouseEventHandler, PropsWithChildren } from 'react';
+import React, { MouseEventHandler, PropsWithChildren } from 'react';
 export type IconButtonProps = {
     onClick?: MouseEventHandler<HTMLButtonElement>;
 };
 /**
  * This is simply a button wrapper, adds a div with `role="button"` and a onClick
  */
-export declare const IconButton: ({ children, onClick }: PropsWithChildren<IconButtonProps>) => JSX.Element;
+export declare const IconButton: ({ children, onClick }: PropsWithChildren<IconButtonProps>) => React.JSX.Element;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/ReactFileUtilities/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAChD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,0BAA2B,kBAAkB,eAAe,CAAC,gBAUnF,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAChD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,0BAA2B,kBAAkB,eAAe,CAAC,sBAanF,CAAC"}

package/dist/components/ReactFileUtilities/IconButton.js

@@ -1,8 +1,10 @@
 import React from 'react';
+import { useTranslationContext } from '../../context';
 /**
  * This is simply a button wrapper, adds a div with `role="button"` and a onClick
  */
 export var IconButton = function (_a) {
     var children = _a.children, onClick = _a.onClick;
-    return (React.createElement("button", { "aria-label": 'Cancel upload', className: 'rfu-icon-button', "data-testid": 'cancel-upload-button', onClick: onClick, type: 'button' }, children));
+    var t = useTranslationContext('IconButton').t;
+    return (React.createElement("button", { "aria-label": t('aria/Cancel upload'), className: 'rfu-icon-button', "data-testid": 'cancel-upload-button', onClick: onClick, type: 'button' }, children));
 };

package/dist/components/ReactFileUtilities/ImageDropzone.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 export type ImageDropzoneProps = {
     /**
      * Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all.
@@ -13,5 +13,5 @@ export type ImageDropzoneProps = {
     /** Allow drag 'n' drop (or selection from the file dialog) of multiple files */
     multiple?: boolean;
 };
-export declare const ImageDropzone: ({ accept: acceptedFiles, children, disabled, handleFiles, maxNumberOfFiles, multiple, }: PropsWithChildren<ImageDropzoneProps>) => JSX.Element;
+export declare const ImageDropzone: ({ accept: acceptedFiles, children, disabled, handleFiles, maxNumberOfFiles, multiple, }: PropsWithChildren<ImageDropzoneProps>) => React.JSX.Element;
 //# sourceMappingURL=ImageDropzone.d.ts.map

package/dist/components/ReactFileUtilities/ImageDropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageDropzone.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAIvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,4FAOvB,kBAAkB,kBAAkB,CAAC,gBA8DvC,CAAC"}
+{"version":3,"file":"ImageDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageDropzone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAIvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,4FAOvB,kBAAkB,kBAAkB,CAAC,sBA8DvC,CAAC"}

package/dist/components/ReactFileUtilities/ImagePreviewer.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import React, { MouseEvent } from 'react';
 import type { ImageUpload } from './types';
 type CustomMouseEvent = (id: string, event: MouseEvent<HTMLButtonElement>) => void;
 export type ImagePreviewerProps = {
@@ -16,6 +16,6 @@ export type ImagePreviewerProps = {
     /** Allow drag 'n' drop (or selection from the file dialog) of multiple files */
     multiple?: boolean;
 };
-export declare const ImagePreviewer: ({ disabled, handleFiles, handleRemove, handleRetry, imageUploads, multiple, }: ImagePreviewerProps) => JSX.Element;
+export declare const ImagePreviewer: ({ disabled, handleFiles, handleRemove, handleRetry, imageUploads, multiple, }: ImagePreviewerProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ImagePreviewer.d.ts.map

package/dist/components/ReactFileUtilities/ImagePreviewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePreviewer.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImagePreviewer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AAOvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,KAAK,gBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;AAEnF,MAAM,MAAM,mBAAmB,GAAG;IAChC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACtC,yDAAyD;IACzD,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,wDAAwD;IACxD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,kFAOxB,mBAAmB,gBA4CrB,CAAC"}
+{"version":3,"file":"ImagePreviewer.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImagePreviewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AAOvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,KAAK,gBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;AAEnF,MAAM,MAAM,mBAAmB,GAAG;IAChC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACtC,yDAAyD;IACzD,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,wDAAwD;IACxD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,kFAOxB,mBAAmB,sBA8CrB,CAAC"}

package/dist/components/ReactFileUtilities/ImagePreviewer.js

@@ -4,8 +4,10 @@ import { Thumbnail } from './Thumbnail';
 import { ThumbnailPlaceholder } from './ThumbnailPlaceholder';
 import { RetryIcon } from './icons';
 import clsx from 'clsx';
+import { useTranslationContext } from '../../context';
 export var ImagePreviewer = function (_a) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, handleFiles = _a.handleFiles, handleRemove = _a.handleRemove, handleRetry = _a.handleRetry, imageUploads = _a.imageUploads, _c = _a.multiple, multiple = _c === void 0 ? true : _c;
+    var t = useTranslationContext('ImagePreviewer').t;
     var onClose = useCallback(function (id, event) {
         if (!id)
             return console.warn("image.id of closed image was \"null\", this shouldn't happen");
@@ -15,7 +17,7 @@ export var ImagePreviewer = function (_a) {
         imageUploads.map(function (image) {
             var url = image.url || image.previewUri;
             return (React.createElement("div", { className: clsx('rfu-image-previewer__image', image.state === 'finished' && 'rfu-image-previewer__image--loaded'), key: image.id },
-                image.state === 'failed' && (React.createElement("button", { "aria-label": 'Retry upload', className: 'rfu-image-previewer__retry', onClick: function (event) { return handleRetry === null || handleRetry === void 0 ? void 0 : handleRetry(image.id, event); }, type: 'button' },
+                image.state === 'failed' && (React.createElement("button", { "aria-label": t('aria/Retry upload'), className: 'rfu-image-previewer__retry', onClick: function (event) { return handleRetry === null || handleRetry === void 0 ? void 0 : handleRetry(image.id, event); }, type: 'button' },
                     React.createElement(RetryIcon, null))),
                 url && React.createElement(Thumbnail, { handleClose: function (event) { return onClose(image.id, event); }, image: url }),
                 image.state === 'uploading' && (React.createElement(LoadingIndicator, { backgroundColor: '#ffffff19', color: '#ffffffb2' }))));

package/dist/components/ReactFileUtilities/ImageUploadButton.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 export type ImageUploadButtonProps = {
     handleFiles: (files: File[]) => void;
     disabled?: boolean;
@@ -8,5 +8,5 @@ export type ImageUploadButtonProps = {
 /**
  * @deprecated will be removed in the next major release
  */
-export declare const ImageUploadButton: ({ multiple, disabled, handleFiles, children, resetOnChange, }: PropsWithChildren<ImageUploadButtonProps>) => JSX.Element;
+export declare const ImageUploadButton: ({ multiple, disabled, handleFiles, children, resetOnChange, }: PropsWithChildren<ImageUploadButtonProps>) => React.JSX.Element;
 //# sourceMappingURL=ImageUploadButton.d.ts.map

package/dist/components/ReactFileUtilities/ImageUploadButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageUploadButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,kEAM3B,kBAAkB,sBAAsB,CAAC,gBAe3C,CAAC"}
+{"version":3,"file":"ImageUploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageUploadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,kEAM3B,kBAAkB,sBAAsB,CAAC,sBAkB3C,CAAC"}

package/dist/components/ReactFileUtilities/ImageUploadButton.js

@@ -1,13 +1,15 @@
 import React from 'react';
 import { PictureIcon } from './icons';
 import { UploadButton } from './UploadButton';
+import { useTranslationContext } from '../../context';
 /**
  * @deprecated will be removed in the next major release
  */
 export var ImageUploadButton = function (_a) {
     var _b = _a.multiple, multiple = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, handleFiles = _a.handleFiles, _d = _a.children, children = _d === void 0 ? React.createElement(PictureIcon, null) : _d, _e = _a.resetOnChange, resetOnChange = _e === void 0 ? false : _e;
+    var t = useTranslationContext('ImageUploadButton').t;
     return (React.createElement("div", { className: 'rfu-image-upload-button' },
         React.createElement("label", null,
-            React.createElement(UploadButton, { accept: 'image/*', "aria-label": 'Image input', className: 'rfu-image-input', disabled: disabled, multiple: multiple, onFileChange: handleFiles, resetOnChange: resetOnChange }),
+            React.createElement(UploadButton, { accept: 'image/*', "aria-label": t('aria/Image input'), className: 'rfu-image-input', disabled: disabled, multiple: multiple, onFileChange: handleFiles, resetOnChange: resetOnChange }),
             children)));
 };

package/dist/components/ReactFileUtilities/LoadingIndicator.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 export type LoadingIndicatorProps = {
     backgroundColor?: string;
     color?: string;
     size?: number;
     width?: number;
 };
-export declare const LoadingIndicator: ({ backgroundColor, color, size, width, }: LoadingIndicatorProps) => JSX.Element;
+export declare const LoadingIndicator: ({ backgroundColor, color, size, width, }: LoadingIndicatorProps) => React.JSX.Element;
 //# sourceMappingURL=LoadingIndicator.d.ts.map

package/dist/components/ReactFileUtilities/LoadingIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/LoadingIndicator.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,6CAK1B,qBAAqB,gBAYvB,CAAC"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,6CAK1B,qBAAqB,sBAYvB,CAAC"}

package/dist/components/ReactFileUtilities/Thumbnail.d.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler } from 'react';
+import React, { MouseEventHandler } from 'react';
 export type ThumbnailProps = {
     image: string;
     alt?: string;
@@ -6,5 +6,5 @@ export type ThumbnailProps = {
     id?: string;
     size?: number;
 };
-export declare const Thumbnail: ({ alt, handleClose, image, size }: ThumbnailProps) => JSX.Element;
+export declare const Thumbnail: ({ alt, handleClose, image, size }: ThumbnailProps) => React.JSX.Element;
 //# sourceMappingURL=Thumbnail.d.ts.map

package/dist/components/ReactFileUtilities/Thumbnail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAK9D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,SAAS,sCAA6C,cAAc,gBAyBhF,CAAC"}
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAK9D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,SAAS,sCAA6C,cAAc,sBAyBhF,CAAC"}

package/dist/components/ReactFileUtilities/ThumbnailPlaceholder.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export type ThumbnailPlaceholderProps = {
     handleFiles: (files: File[]) => void;
     multiple: boolean;
 };
-export declare const ThumbnailPlaceholder: ({ handleFiles, multiple, }: ThumbnailPlaceholderProps) => JSX.Element;
+export declare const ThumbnailPlaceholder: ({ handleFiles, multiple, }: ThumbnailPlaceholderProps) => React.JSX.Element;
 //# sourceMappingURL=ThumbnailPlaceholder.d.ts.map

package/dist/components/ReactFileUtilities/ThumbnailPlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ThumbnailPlaceholder.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,+BAG9B,yBAAyB,gBAQ3B,CAAC"}
+{"version":3,"file":"ThumbnailPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ThumbnailPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,+BAG9B,yBAAyB,sBAQ3B,CAAC"}

package/dist/components/ReactFileUtilities/UploadButton.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 export type UploadButtonProps = {
     onFileChange: (files: Array<File>) => void;
     resetOnChange?: boolean;
 } & Omit<ComponentProps<'input'>, 'type' | 'onChange'>;
-export declare const UploadButton: ({ onFileChange, resetOnChange, ...rest }: UploadButtonProps) => JSX.Element;
+export declare const UploadButton: ({ onFileChange, resetOnChange, ...rest }: UploadButtonProps) => React.JSX.Element;
 //# sourceMappingURL=UploadButton.d.ts.map

package/dist/components/ReactFileUtilities/UploadButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/UploadButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAEvD,eAAO,MAAM,YAAY,6CAItB,iBAAiB,gBAInB,CAAC"}
+{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/UploadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAEvD,eAAO,MAAM,YAAY,6CAItB,iBAAiB,sBAInB,CAAC"}

package/dist/components/ReactFileUtilities/icons/AttachmentIcon.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 /**
  * An icon of a paperclip, which is used as the default icon for FileUploadButton
  */
-export declare const AttachmentIcon: () => JSX.Element;
+export declare const AttachmentIcon: () => React.JSX.Element;
 //# sourceMappingURL=AttachmentIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/AttachmentIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/AttachmentIcon.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,cAAc,mBAK1B,CAAC"}
+{"version":3,"file":"AttachmentIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/AttachmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,cAAc,yBAK1B,CAAC"}

package/dist/components/ReactFileUtilities/icons/CloseIcon.d.ts

@@ -1,2 +1,3 @@
-export declare const CloseIcon: () => JSX.Element;
+import React from 'react';
+export declare const CloseIcon: () => React.JSX.Element;
 //# sourceMappingURL=CloseIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/CloseIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/CloseIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,mBAwBrB,CAAC"}
+{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,SAAS,yBAwBrB,CAAC"}

package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.d.ts

@@ -1,3 +1,3 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare const FilePlaceholderIcon: (props: ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+import React, { ComponentPropsWithoutRef } from 'react';
+export declare const FilePlaceholderIcon: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
 //# sourceMappingURL=FilePlaceholderIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePlaceholderIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/FilePlaceholderIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAExD,eAAO,MAAM,mBAAmB,UAAW,yBAAyB,KAAK,CAAC,gBAiBzE,CAAC"}
+{"version":3,"file":"FilePlaceholderIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/FilePlaceholderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAExD,eAAO,MAAM,mBAAmB,UAAW,yBAAyB,KAAK,CAAC,sBAiBzE,CAAC"}

package/dist/components/ReactFileUtilities/icons/PictureIcon.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 /**
  * An icon of a picture, which is used as the default icon for ImageUploadButton
  */
-export declare const PictureIcon: () => JSX.Element;
+export declare const PictureIcon: () => React.JSX.Element;
 //# sourceMappingURL=PictureIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/PictureIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PictureIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/PictureIcon.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,WAAW,mBAOvB,CAAC"}
+{"version":3,"file":"PictureIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/PictureIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,WAAW,yBAOvB,CAAC"}

package/dist/components/ReactFileUtilities/icons/RetryIcon.d.ts

@@ -1,2 +1,3 @@
-export declare const RetryIcon: () => JSX.Element;
+import React from 'react';
+export declare const RetryIcon: () => React.JSX.Element;
 //# sourceMappingURL=RetryIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/RetryIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RetryIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/RetryIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,mBAQrB,CAAC"}
+{"version":3,"file":"RetryIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/RetryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,SAAS,yBAQrB,CAAC"}

package/dist/components/Reactions/ReactionsList.d.ts

@@ -1,7 +1,9 @@
+import React from 'react';
 import type { ReactionResponse } from 'stream-chat';
 import type { ReactEventHandler } from '../Message/types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { ReactionOptions } from './reactionOptions';
+import type { ReactionDetailsComparator, ReactionsComparator } from './types';
 import { MessageContextValue } from '../../context';
 export type ReactionsListProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<Pick<MessageContextValue<StreamChatGenerics>, 'handleFetchReactions'>> & {
     /** Custom on click handler for an individual reaction, defaults to `onReactionListClick` from the `MessageContext` */
@@ -16,9 +18,13 @@ export type ReactionsListProps<StreamChatGenerics extends DefaultStreamChatGener
     reactions?: ReactionResponse<StreamChatGenerics>[];
     /** Display the reactions in the list in reverse order, defaults to false */
     reverse?: boolean;
+    /** Comparator function to sort the list of reacted users, defaults to alphabetical order */
+    sortReactionDetails?: ReactionDetailsComparator;
+    /** Comparator function to sort reactions, defaults to alphabetical order */
+    sortReactions?: ReactionsComparator;
 };
 /**
  * Component that displays a list of reactions on a message.
  */
-export declare const ReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ReactionsListProps<StreamChatGenerics>) => JSX.Element | null;
+export declare const ReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ReactionsListProps<StreamChatGenerics>) => React.JSX.Element | null;
 //# sourceMappingURL=ReactionsList.d.ts.map

package/dist/components/Reactions/ReactionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,MAAM,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG;IACnF,sHAAsH;IACtH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iFAAiF;IACjF,aAAa,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACvD,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,+DAA+D;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACnD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA8EF;;GAEG;AACH,eAAO,MAAM,aAAa,yJAAwE,CAAC"}
+{"version":3,"file":"ReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9E,OAAO,EAAE,mBAAmB,EAAyB,MAAM,eAAe,CAAC;AAG3E,MAAM,MAAM,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG;IACnF,sHAAsH;IACtH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iFAAiF;IACjF,aAAa,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACvD,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,+DAA+D;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACnD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAChD,4EAA4E;IAC5E,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC,CAAC;AAgFF;;GAEG;AACH,eAAO,MAAM,aAAa,+JAAwE,CAAC"}

package/dist/components/Reactions/ReactionsList.js

@@ -3,11 +3,13 @@ import React, { useState } from 'react';
 import clsx from 'clsx';
 import { useProcessReactions } from './hooks/useProcessReactions';
 import { ReactionsListModal } from './ReactionsListModal';
+import { useTranslationContext } from '../../context';
 import { MAX_MESSAGE_REACTIONS_TO_FETCH } from '../Message/hooks';
 var UnMemoizedReactionsList = function (props) {
-    var handleFetchReactions = props.handleFetchReactions, _a = props.reverse, reverse = _a === void 0 ? false : _a, rest = __rest(props, ["handleFetchReactions", "reverse"]);
+    var handleFetchReactions = props.handleFetchReactions, _a = props.reverse, reverse = _a === void 0 ? false : _a, sortReactionDetails = props.sortReactionDetails, rest = __rest(props, ["handleFetchReactions", "reverse", "sortReactionDetails"]);
     var _b = useProcessReactions(rest), existingReactions = _b.existingReactions, hasReactions = _b.hasReactions, totalReactionCount = _b.totalReactionCount;
     var _c = useState(null), selectedReactionType = _c[0], setSelectedReactionType = _c[1];
+    var t = useTranslationContext('ReactionsList').t;
     var handleReactionButtonClick = function (reactionType) {
         if (totalReactionCount > MAX_MESSAGE_REACTIONS_TO_FETCH) {
             return;
@@ -17,7 +19,7 @@ var UnMemoizedReactionsList = function (props) {
     if (!hasReactions)
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { "aria-label": 'Reaction list', className: clsx('str-chat__reaction-list str-chat__message-reactions-container', {
+        React.createElement("div", { "aria-label": t('aria/Reaction list'), className: clsx('str-chat__reaction-list str-chat__message-reactions-container', {
                 'str-chat__reaction-list--reverse': reverse,
             }), "data-testid": 'reaction-list', role: 'figure' },
             React.createElement("ul", { className: 'str-chat__message-reactions' },
@@ -34,7 +36,7 @@ var UnMemoizedReactionsList = function (props) {
                 }),
                 React.createElement("li", null,
                     React.createElement("span", { className: 'str-chat__reaction-list--counter' }, totalReactionCount)))),
-        React.createElement(ReactionsListModal, { handleFetchReactions: handleFetchReactions, onClose: function () { return setSelectedReactionType(null); }, onSelectedReactionTypeChange: setSelectedReactionType, open: selectedReactionType !== null, reactions: existingReactions, selectedReactionType: selectedReactionType })));
+        React.createElement(ReactionsListModal, { handleFetchReactions: handleFetchReactions, onClose: function () { return setSelectedReactionType(null); }, onSelectedReactionTypeChange: setSelectedReactionType, open: selectedReactionType !== null, reactions: existingReactions, selectedReactionType: selectedReactionType, sortReactionDetails: sortReactionDetails })));
 };
 /**
  * Component that displays a list of reactions on a message.

package/dist/components/Reactions/ReactionsListModal.d.ts

@@ -1,13 +1,14 @@
-/// <reference types="react" />
+import React from 'react';
+import type { ReactionDetailsComparator, ReactionSummary } from './types';
 import { ModalProps } from '../Modal';
-import { ReactionSummary } from './types';
 import { MessageContextValue } from '../../context';
 import { DefaultStreamChatGenerics } from '../../types/types';
 type ReactionsListModalProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ModalProps & Partial<Pick<MessageContextValue<StreamChatGenerics>, 'handleFetchReactions'>> & {
     reactions: ReactionSummary[];
     selectedReactionType: string | null;
     onSelectedReactionTypeChange?: (reactionType: string) => void;
+    sortReactionDetails?: ReactionDetailsComparator;
 };
-export declare function ReactionsListModal({ handleFetchReactions, onSelectedReactionTypeChange, reactions, selectedReactionType, ...modalProps }: ReactionsListModalProps): JSX.Element;
+export declare function ReactionsListModal({ handleFetchReactions, onSelectedReactionTypeChange, reactions, selectedReactionType, sortReactionDetails: propSortReactionDetails, ...modalProps }: ReactionsListModalProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ReactionsListModal.d.ts.map

package/dist/components/Reactions/ReactionsListModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionsListModal.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsListModal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,KAAK,uBAAuB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,UAAU,GACZ,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG;IAC/E,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,4BAA4B,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEJ,wBAAgB,kBAAkB,CAAC,EACjC,oBAAoB,EACpB,4BAA4B,EAC5B,SAAS,EACT,oBAAoB,EACpB,GAAG,UAAU,EACd,EAAE,uBAAuB,eAyEzB"}
+{"version":3,"file":"ReactionsListModal.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsListModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1E,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAI7C,OAAO,EAAE,mBAAmB,EAAqB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,KAAK,uBAAuB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,UAAU,GACZ,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG;IAC/E,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,4BAA4B,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;CACjD,CAAC;AAQJ,wBAAgB,kBAAkB,CAAC,EACjC,oBAAoB,EACpB,4BAA4B,EAC5B,SAAS,EACT,oBAAoB,EACpB,mBAAmB,EAAE,uBAAuB,EAC5C,GAAG,UAAU,EACd,EAAE,uBAAuB,qBAgFzB"}

package/dist/components/Reactions/ReactionsListModal.js

@@ -5,24 +5,34 @@ import { Modal } from '../Modal';
 import { useFetchReactions } from './hooks/useFetchReactions';
 import { LoadingIndicator } from '../Loading';
 import { Avatar } from '../Avatar';
+import { useMessageContext } from '../../context';
+var defaultSortReactionDetails = function (a, b) {
+    var _a, _b, _c, _d, _e, _f;
+    var aName = (_b = (_a = a.user) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : (_c = a.user) === null || _c === void 0 ? void 0 : _c.id;
+    var bName = (_e = (_d = b.user) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : (_f = b.user) === null || _f === void 0 ? void 0 : _f.id;
+    return aName ? (bName ? aName.localeCompare(bName, 'en') : -1) : 1;
+};
 export function ReactionsListModal(_a) {
-    var _b;
-    var handleFetchReactions = _a.handleFetchReactions, onSelectedReactionTypeChange = _a.onSelectedReactionTypeChange, reactions = _a.reactions, selectedReactionType = _a.selectedReactionType, modalProps = __rest(_a, ["handleFetchReactions", "onSelectedReactionTypeChange", "reactions", "selectedReactionType"]);
+    var _b, _c;
+    var handleFetchReactions = _a.handleFetchReactions, onSelectedReactionTypeChange = _a.onSelectedReactionTypeChange, reactions = _a.reactions, selectedReactionType = _a.selectedReactionType, propSortReactionDetails = _a.sortReactionDetails, modalProps = __rest(_a, ["handleFetchReactions", "onSelectedReactionTypeChange", "reactions", "selectedReactionType", "sortReactionDetails"]);
     var selectedReaction = reactions.find(function (_a) {
         var reactionType = _a.reactionType;
         return reactionType === selectedReactionType;
     });
     var SelectedEmojiComponent = (_b = selectedReaction === null || selectedReaction === void 0 ? void 0 : selectedReaction.EmojiComponent) !== null && _b !== void 0 ? _b : null;
-    var _c = useFetchReactions({
+    var _d = useFetchReactions({
         handleFetchReactions: handleFetchReactions,
         shouldFetch: modalProps.open,
-    }), areReactionsLoading = _c.isLoading, allReactions = _c.reactions;
+    }), areReactionsLoading = _d.isLoading, allReactions = _d.reactions;
+    var contextSortReactionDetails = useMessageContext('ReactionsListModal').sortReactionDetails;
+    var sortReactionDetails = (_c = propSortReactionDetails !== null && propSortReactionDetails !== void 0 ? propSortReactionDetails : contextSortReactionDetails) !== null && _c !== void 0 ? _c : defaultSortReactionDetails;
     var currentReactions = useMemo(function () {
         if (!selectedReactionType) {
             return [];
         }
-        return allReactions.filter(function (reaction) { return reaction.type === selectedReactionType && reaction.user; });
-    }, [allReactions, selectedReactionType]);
+        var unsortedCurrentReactions = allReactions.filter(function (reaction) { return reaction.type === selectedReactionType && reaction.user; });
+        return unsortedCurrentReactions.sort(sortReactionDetails);
+    }, [allReactions, selectedReactionType, sortReactionDetails]);
     return (React.createElement(Modal, __assign({}, modalProps),
         React.createElement("div", { className: 'str-chat__message-reactions-details', "data-testid": 'reactions-list-modal' },
             React.createElement("div", { className: 'str-chat__message-reactions-details-reaction-types' }, reactions.map(function (_a) {
@@ -30,12 +40,12 @@ export function ReactionsListModal(_a) {
                 return EmojiComponent && (React.createElement("div", { className: clsx('str-chat__message-reactions-details-reaction-type', {
                         'str-chat__message-reactions-details-reaction-type--selected': selectedReactionType === reactionType,
                     }), "data-testid": "reaction-details-selector-".concat(reactionType), key: reactionType, onClick: function () { return onSelectedReactionTypeChange === null || onSelectedReactionTypeChange === void 0 ? void 0 : onSelectedReactionTypeChange(reactionType); } },
-                    React.createElement("span", { className: 'emoji str-chat__message-reaction-emoji' },
+                    React.createElement("span", { className: 'emoji str-chat__message-reaction-emoji str-chat__message-reaction-emoji--with-fallback' },
                         React.createElement(EmojiComponent, null)),
                     "\u00A0",
                     React.createElement("span", { className: 'str-chat__message-reaction-count' }, reactionCount)));
             })),
-            SelectedEmojiComponent && (React.createElement("div", { className: 'emoji str-chat__message-reaction-emoji str-chat__message-reaction-emoji-big' },
+            SelectedEmojiComponent && (React.createElement("div", { className: 'emoji str-chat__message-reaction-emoji str-chat__message-reaction-emoji--with-fallback str-chat__message-reaction-emoji-big' },
                 React.createElement(SelectedEmojiComponent, null))),
             React.createElement("div", { className: 'str-chat__message-reactions-details-reacting-users', "data-testid": 'all-reacting-users' }, areReactionsLoading ? (React.createElement(LoadingIndicator, null)) : (currentReactions.map(function (_a) {
                 var user = _a.user;

package/dist/components/Reactions/SimpleReactionsList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactionResponse } from 'stream-chat';
 import { MessageContextValue } from '../../context/MessageContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
@@ -14,5 +15,5 @@ export type SimpleReactionsListProps<StreamChatGenerics extends DefaultStreamCha
     /** An array of the reaction objects to display in the list */
     reactions?: ReactionResponse<StreamChatGenerics>[];
 };
-export declare const SimpleReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: SimpleReactionsListProps<StreamChatGenerics>) => JSX.Element | null;
+export declare const SimpleReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: SimpleReactionsListProps<StreamChatGenerics>) => React.JSX.Element | null;
 //# sourceMappingURL=SimpleReactionsList.d.ts.map

package/dist/components/Reactions/SimpleReactionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SimpleReactionsList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAKtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAoCzD,MAAM,MAAM,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,sBAAsB,GAAG,gBAAgB,CAAC,CAAC,GAAG;IAClF,iFAAiF;IACjF,aAAa,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACvD,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;CACpD,CAAC;AAyEF,eAAO,MAAM,mBAAmB,+JAES,CAAC"}
+{"version":3,"file":"SimpleReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SimpleReactionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAKtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAoCzD,MAAM,MAAM,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,sBAAsB,GAAG,gBAAgB,CAAC,CAAC,GAAG;IAClF,iFAAiF;IACjF,aAAa,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACvD,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;CACpD,CAAC;AAyEF,eAAO,MAAM,mBAAmB,qKAES,CAAC"}

package/dist/components/Reactions/SpriteImage.d.ts

@@ -6,7 +6,8 @@ export type SpriteImageProps = {
     spriteUrl: string;
     fallback?: React.ReactNode;
     height?: number;
+    style?: React.CSSProperties;
     width?: number;
 };
-export declare const SpriteImage: ({ columns, fallback, height, position, rows, spriteUrl, width, }: SpriteImageProps) => JSX.Element;
+export declare const SpriteImage: ({ columns, fallback, height, position, rows, spriteUrl, style, width, }: SpriteImageProps) => React.JSX.Element;
 //# sourceMappingURL=SpriteImage.d.ts.map

package/dist/components/Reactions/SpriteImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpriteImage.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SpriteImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,qEAQrB,gBAAgB,gBAgClB,CAAC"}
+{"version":3,"file":"SpriteImage.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SpriteImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,4EASrB,gBAAgB,sBAsClB,CAAC"}