stream-chat-react 10.9.0 → 10.10.0

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

@@ -0,0 +1,9 @@
+import { MouseEventHandler, PropsWithChildren } from 'react';
+export declare 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;
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +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,oBAAY,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"}

package/dist/components/ReactFileUtilities/IconButton.js

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * 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));
+};

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

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+export declare 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.
+     *
+     * One of type: `string, string[]`
+     */
+    accept?: string | string[];
+    /** Enable/disable the dropzone */
+    disabled?: boolean;
+    handleFiles?: (files: FileList | File[]) => void;
+    maxNumberOfFiles?: number;
+    /** 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;
+//# sourceMappingURL=ImageDropzone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageDropzone.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAGvE,oBAAY,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,gBA4DvC,CAAC"}

package/dist/components/ReactFileUtilities/ImageDropzone.js

@@ -0,0 +1,53 @@
+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);
+};
+import clsx from 'clsx';
+import React, { useCallback, useMemo } from 'react';
+import { useDropzone } from 'react-dropzone';
+export var ImageDropzone = function (_a) {
+    var _b = _a.accept, acceptedFiles = _b === void 0 ? [] : _b, children = _a.children, disabled = _a.disabled, handleFiles = _a.handleFiles, maxNumberOfFiles = _a.maxNumberOfFiles, multiple = _a.multiple;
+    var handleDrop = useCallback(function (accepted) {
+        if (!handleFiles) {
+            return;
+        }
+        if (accepted && accepted.length) {
+            handleFiles(accepted);
+        }
+    }, [handleFiles]);
+    var accept = useMemo(function () {
+        return (typeof acceptedFiles === 'string' ? acceptedFiles.split(',') : acceptedFiles).reduce(function (mediaTypeMap, mediaType) {
+            var _a;
+            (_a = mediaTypeMap[mediaType]) !== null && _a !== void 0 ? _a : (mediaTypeMap[mediaType] = []);
+            return mediaTypeMap;
+        }, {});
+    }, [acceptedFiles]);
+    var _c = useDropzone({
+        accept: accept,
+        disabled: disabled,
+        maxFiles: maxNumberOfFiles,
+        multiple: multiple,
+        noClick: true,
+        onDrop: handleDrop,
+    }), getRootProps = _c.getRootProps, isDragAccept = _c.isDragAccept, isDragReject = _c.isDragReject;
+    return (React.createElement("div", __assign({}, getRootProps({
+        className: clsx('rfu-dropzone', {
+            'rfu-dropzone--accept': isDragAccept,
+            'rfu-dropzone--reject': isDragReject,
+        }),
+        style: { position: 'relative' },
+    }), { tabIndex: -1 }),
+        React.createElement("div", { className: 'rfu-dropzone__notifier' },
+            React.createElement("div", { className: 'rfu-dropzone__inner' },
+                React.createElement("svg", { height: '41', viewBox: '0 0 41 41', width: '41', xmlns: 'http://www.w3.org/2000/svg' },
+                    React.createElement("path", { d: 'M40.517 28.002V3.997c0-2.197-1.808-3.992-4.005-3.992H12.507a4.004 4.004 0 0 0-3.992 3.993v24.004a4.004 4.004 0 0 0 3.992 3.993h24.005c2.197 0 4.005-1.795 4.005-3.993zm-22.002-7.997l4.062 5.42 5.937-7.423 7.998 10H12.507l6.008-7.997zM.517 8.003V36c0 2.198 1.795 4.005 3.993 4.005h27.997V36H4.51V8.002H.517z', fill: '#000', fillRule: 'nonzero' })),
+                React.createElement("p", null, "Drag your files here to add to your post"))),
+        children));
+};

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

@@ -0,0 +1,21 @@
+import { MouseEvent } from 'react';
+import type { ImageUpload } from './types';
+declare type CustomMouseEvent = (id: string, event: MouseEvent<HTMLButtonElement>) => void;
+export declare type ImagePreviewerProps = {
+    /** The list of image uploads that should be displayed */
+    disabled?: boolean;
+    /** A callback to call with newly selected files. If this is not provided no
+     * `ThumbnailPlaceholder` will be displayed.
+     */
+    handleFiles?: (files: File[]) => void;
+    /** A callback to call when the remove icon is clicked */
+    handleRemove?: CustomMouseEvent;
+    /** A callback to call when the retry icon is clicked */
+    handleRetry?: CustomMouseEvent;
+    imageUploads?: ImageUpload[];
+    /** 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 {};
+//# sourceMappingURL=ImagePreviewer.d.ts.map

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

@@ -0,0 +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,aAAK,gBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;AAEnF,oBAAY,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"}

package/dist/components/ReactFileUtilities/ImagePreviewer.js

@@ -0,0 +1,24 @@
+import React, { useCallback } from 'react';
+import { LoadingIndicator } from './LoadingIndicator';
+import { Thumbnail } from './Thumbnail';
+import { ThumbnailPlaceholder } from './ThumbnailPlaceholder';
+import { RetryIcon } from './icons';
+import clsx from 'clsx';
+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 onClose = useCallback(function (id, event) {
+        if (!id)
+            return console.warn("image.id of closed image was \"null\", this shouldn't happen");
+        handleRemove === null || handleRemove === void 0 ? void 0 : handleRemove(id, event);
+    }, [handleRemove]);
+    return (React.createElement("div", { className: 'rfu-image-previewer' }, imageUploads === null || imageUploads === void 0 ? void 0 :
+        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' },
+                    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' }))));
+        }),
+        handleFiles && !disabled && (React.createElement(ThumbnailPlaceholder, { handleFiles: handleFiles, multiple: multiple }))));
+};

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

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

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

@@ -0,0 +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,oBAAY,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"}

package/dist/components/ReactFileUtilities/ImageUploadButton.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PictureIcon } from './icons';
+import { UploadButton } from './UploadButton';
+/**
+ * @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;
+    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 }),
+            children)));
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/LoadingIndicator.tsx"],"names":[],"mappings":"AAEA,oBAAY,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"}

package/dist/components/ReactFileUtilities/LoadingIndicator.js

@@ -0,0 +1,12 @@
+import React from 'react';
+export var LoadingIndicator = function (_a) {
+    var backgroundColor = _a.backgroundColor, color = _a.color, _b = _a.size, size = _b === void 0 ? 20 : _b, _c = _a.width, width = _c === void 0 ? 2 : _c;
+    return (React.createElement("div", { className: 'rfu-loading-indicator__spinner', style: {
+            borderColor: backgroundColor ? backgroundColor : '',
+            borderTopColor: color ? color : '',
+            borderWidth: width ? width : '',
+            height: size ? size : '',
+            margin: '0 auto',
+            width: size ? size : '',
+        } }));
+};

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

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

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

@@ -0,0 +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,oBAAY,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"}

package/dist/components/ReactFileUtilities/Thumbnail.js

@@ -0,0 +1,11 @@
+import React, { useCallback } from 'react';
+import { IconButton } from './IconButton';
+import { CloseIcon, FilePlaceholderIcon } from './icons';
+export var Thumbnail = function (_a) {
+    var alt = _a.alt, handleClose = _a.handleClose, image = _a.image, _b = _a.size, size = _b === void 0 ? 100 : _b;
+    var onClose = useCallback(function (event) { return handleClose === null || handleClose === void 0 ? void 0 : handleClose(event); }, [handleClose]);
+    return (React.createElement("div", { className: 'rfu-thumbnail__wrapper', style: { height: size, width: size } },
+        React.createElement("div", { className: 'rfu-thumbnail__overlay' }, handleClose ? (React.createElement(IconButton, { onClick: onClose },
+            React.createElement(CloseIcon, null))) : null),
+        image ? (React.createElement("img", { alt: alt !== null && alt !== void 0 ? alt : '', className: 'rfu-thumbnail__image', src: image })) : (React.createElement(FilePlaceholderIcon, { className: 'rfu-thumbnail__image', preserveAspectRatio: 'xMinYMin slice' }))));
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ThumbnailPlaceholder.tsx"],"names":[],"mappings":"AAIA,oBAAY,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"}

package/dist/components/ReactFileUtilities/ThumbnailPlaceholder.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ImageUploadButton } from './ImageUploadButton';
+export var ThumbnailPlaceholder = function (_a) {
+    var handleFiles = _a.handleFiles, _b = _a.multiple, multiple = _b === void 0 ? false : _b;
+    return (React.createElement(ImageUploadButton, { handleFiles: handleFiles, multiple: multiple },
+        React.createElement("div", { className: 'rfu-thumbnail-placeholder' },
+            React.createElement("svg", { height: '15', viewBox: '0 0 14 15', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
+                React.createElement("path", { d: 'M14 8.998H8v6H6v-6H0v-2h6v-6h2v6h6z', fill: '#A0B2B8', fillRule: 'nonzero' })))));
+};

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

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

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

@@ -0,0 +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,oBAAY,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"}

package/dist/components/ReactFileUtilities/UploadButton.js

@@ -0,0 +1,29 @@
+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;
+};
+import React from 'react';
+import { useHandleFileChangeWrapper } from './utils';
+export var UploadButton = function (_a) {
+    var onFileChange = _a.onFileChange, _b = _a.resetOnChange, resetOnChange = _b === void 0 ? true : _b, rest = __rest(_a, ["onFileChange", "resetOnChange"]);
+    var handleInputChange = useHandleFileChangeWrapper(resetOnChange, onFileChange);
+    return React.createElement("input", __assign({ onChange: handleInputChange, type: 'file' }, rest));
+};

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

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

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

@@ -0,0 +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"}

package/dist/components/ReactFileUtilities/icons/AttachmentIcon.js

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * An icon of a paperclip, which is used as the default icon for FileUploadButton
+ */
+export var AttachmentIcon = function () { return (React.createElement("svg", { height: '20', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z' }),
+    React.createElement("path", { d: 'M0 0h24v24H0z', fill: 'none' }))); };

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

@@ -0,0 +1,2 @@
+export declare const CloseIcon: () => JSX.Element;
+//# sourceMappingURL=CloseIcon.d.ts.map

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

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

package/dist/components/ReactFileUtilities/icons/CloseIcon.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export var CloseIcon = function () { return (React.createElement("svg", { height: '28', viewBox: '0 0 28 28', width: '28', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink' },
+    React.createElement("defs", null,
+        React.createElement("path", { d: 'M465 5c5.53 0 10 4.47 10 10s-4.47 10-10 10-10-4.47-10-10 4.47-10 10-10zm3.59 5L465 13.59 461.41 10 460 11.41l3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41z', id: 'b' }),
+        React.createElement("filter", { filterUnits: 'objectBoundingBox', height: '160%', id: 'a', width: '160%', x: '-30%', y: '-30%' },
+            React.createElement("feOffset", { in: 'SourceAlpha', result: 'shadowOffsetOuter1' }),
+            React.createElement("feGaussianBlur", { in: 'shadowOffsetOuter1', result: 'shadowBlurOuter1', stdDeviation: '2' }),
+            React.createElement("feColorMatrix", { in: 'shadowBlurOuter1', values: '0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0' }))),
+    React.createElement("g", { fill: 'none', fillRule: 'nonzero', transform: 'translate(-451 -1)' },
+        React.createElement("use", { fill: '#000', filter: 'url(#a)', xlinkHref: '#b' }),
+        React.createElement("use", { fill: '#FFF', fillRule: 'evenodd', xlinkHref: '#b' })))); };

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

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

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

@@ -0,0 +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"}

package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.js

@@ -0,0 +1,16 @@
+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);
+};
+import React from 'react';
+export var FilePlaceholderIcon = function (props) { return (React.createElement("svg", __assign({ role: 'img', viewBox: '0 0 400 400', xmlns: 'http://www.w3.org/2000/svg' }, props),
+    React.createElement("g", null,
+        React.createElement("path", { d: 'M0.000 200.000 L 0.000 400.000 200.000 400.000 L 400.000 400.000 400.000 200.000 L 400.000 0.000 200.000 0.000 L 0.000 0.000 0.000 200.000 M243.085 68.180 C 251.168 72.240,252.758 82.164,246.332 88.456 C 242.609 92.102,249.072 91.774,176.600 92.000 L 112.600 92.200 111.000 93.165 C 107.620 95.203,105.382 98.131,104.780 101.304 C 104.548 102.526,104.400 132.258,104.400 177.461 C 104.400 261.065,104.646 254.561,101.340 258.340 C 95.134 265.435,84.540 263.898,80.562 255.326 L 79.600 253.251 79.600 170.356 L 79.600 87.460 80.613 84.526 C 83.246 76.897,91.469 68.511,96.439 68.386 C 96.747 68.378,97.450 68.114,98.000 67.800 C 98.856 67.311,109.214 67.226,170.067 67.214 L 241.134 67.200 243.085 68.180 M230.400 116.002 C 236.845 117.273,237.603 117.566,242.024 120.500 C 243.269 121.327,256.977 134.788,274.002 151.902 C 299.664 177.700,305.143 183.306,307.142 185.815 C 307.838 186.688,309.600 190.497,309.602 191.133 C 309.604 191.500,309.919 192.340,310.302 193.000 C 310.956 194.125,311.007 197.998,311.108 254.600 L 311.215 315.000 310.241 318.000 C 307.327 326.967,302.400 332.072,293.800 335.031 L 291.000 335.994 219.630 335.997 L 148.260 336.000 145.430 335.018 C 140.319 333.244,139.684 332.841,134.862 328.318 C 132.616 326.212,129.907 321.565,129.427 318.997 C 129.263 318.118,128.920 317.147,128.664 316.839 C 128.315 316.416,128.200 294.170,128.200 227.039 L 128.200 137.800 129.067 134.600 C 129.543 132.840,130.393 130.590,130.954 129.600 C 131.515 128.610,132.247 127.320,132.580 126.733 C 134.155 123.961,138.478 120.313,143.000 117.940 C 144.003 117.414,146.644 116.725,151.000 115.853 C 152.661 115.520,228.681 115.664,230.400 116.002 M226.250 137.650 C 225.849 139.656,225.987 187.508,226.403 190.713 C 227.174 196.647,230.700 200.107,237.136 201.245 C 239.519 201.666,290.972 201.562,291.398 201.135 C 291.727 200.807,227.629 136.400,226.974 136.400 C 226.713 136.400,226.388 136.963,226.250 137.650', fill: '#fcfcfc', fillRule: 'evenodd', stroke: 'none' }),
+        React.createElement("path", { d: 'M98.000 67.800 C 97.450 68.114,96.747 68.378,96.439 68.386 C 91.469 68.511,83.246 76.897,80.613 84.526 L 79.600 87.460 79.600 170.356 L 79.600 253.251 80.562 255.326 C 84.540 263.898,95.134 265.435,101.340 258.340 C 104.646 254.561,104.400 261.065,104.400 177.461 C 104.400 132.258,104.548 102.526,104.780 101.304 C 105.382 98.131,107.620 95.203,111.000 93.165 L 112.600 92.200 176.600 92.000 C 249.072 91.774,242.609 92.102,246.332 88.456 C 252.758 82.164,251.168 72.240,243.085 68.180 L 241.134 67.200 170.067 67.214 C 109.214 67.226,98.856 67.311,98.000 67.800 M151.000 115.853 C 146.644 116.725,144.003 117.414,143.000 117.940 C 138.478 120.313,134.155 123.961,132.580 126.733 C 132.247 127.320,131.515 128.610,130.954 129.600 C 130.393 130.590,129.543 132.840,129.067 134.600 L 128.200 137.800 128.200 227.039 C 128.200 294.170,128.315 316.416,128.664 316.839 C 128.920 317.147,129.263 318.118,129.427 318.997 C 129.907 321.565,132.616 326.212,134.862 328.318 C 139.684 332.841,140.319 333.244,145.430 335.018 L 148.260 336.000 219.630 335.997 L 291.000 335.994 293.800 335.031 C 302.400 332.072,307.327 326.967,310.241 318.000 L 311.215 315.000 311.108 254.600 C 311.007 197.998,310.956 194.125,310.302 193.000 C 309.919 192.340,309.604 191.500,309.602 191.133 C 309.600 190.497,307.838 186.688,307.142 185.815 C 305.143 183.306,299.664 177.700,274.002 151.902 C 238.906 116.622,240.594 118.012,230.400 116.002 C 228.681 115.664,152.661 115.520,151.000 115.853 M259.556 168.635 C 277.215 186.364,291.544 200.989,291.398 201.135 C 290.972 201.562,239.519 201.666,237.136 201.245 C 230.700 200.107,227.174 196.647,226.403 190.713 C 225.460 183.450,225.955 136.400,226.974 136.400 C 227.235 136.400,241.897 150.906,259.556 168.635', fill: '#e4e4e4', fillRule: 'evenodd', stroke: 'none' })))); };

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

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

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

@@ -0,0 +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"}

package/dist/components/ReactFileUtilities/icons/PictureIcon.js

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * An icon of a picture, which is used as the default icon for ImageUploadButton
+ */
+export var PictureIcon = function () { return (React.createElement("svg", { height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M2 0h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm3 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM2 16v2h16v-6l-3-3-6 6-3-3-4 4z', fillRule: 'nonzero' }))); };

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

@@ -0,0 +1,2 @@
+export declare const RetryIcon: () => JSX.Element;
+//# sourceMappingURL=RetryIcon.d.ts.map

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

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

package/dist/components/ReactFileUtilities/icons/RetryIcon.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var RetryIcon = function () { return (React.createElement("svg", { height: '20', viewBox: '0 0 22 20', width: '22', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M20 5.535V2a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1h-6a1 1 0 0 1 0-2h3.638l-2.975-2.653a8 8 0 1 0 1.884 8.32 1 1 0 1 1 1.886.666A10 10 0 1 1 5.175 1.245c3.901-2.15 8.754-1.462 11.88 1.667L20 5.535z', fill: '#FFF', fillRule: 'nonzero' }))); };

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

@@ -0,0 +1,6 @@
+export * from './AttachmentIcon';
+export * from './CloseIcon';
+export * from './FilePlaceholderIcon';
+export * from './PictureIcon';
+export * from './RetryIcon';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/dist/components/ReactFileUtilities/icons/index.js

@@ -0,0 +1,5 @@
+export * from './AttachmentIcon';
+export * from './CloseIcon';
+export * from './FilePlaceholderIcon';
+export * from './PictureIcon';
+export * from './RetryIcon';

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

@@ -0,0 +1,14 @@
+export * from './FileIcon';
+export * from './FilePreviewer';
+export * from './FileUploadButton';
+export * from './ImageDropzone';
+export * from './ImagePreviewer';
+export * from './ImageUploadButton';
+export * from './LoadingIndicator';
+export * from './Thumbnail';
+export * from './ThumbnailPlaceholder';
+export * from './UploadButton';
+export * from './types';
+export * from './utils';
+export { AttachmentIcon, PictureIcon } from './icons';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/ReactFileUtilities/index.js

@@ -0,0 +1,13 @@
+export * from './FileIcon';
+export * from './FilePreviewer';
+export * from './FileUploadButton';
+export * from './ImageDropzone';
+export * from './ImagePreviewer';
+export * from './ImageUploadButton';
+export * from './LoadingIndicator';
+export * from './Thumbnail';
+export * from './ThumbnailPlaceholder';
+export * from './UploadButton';
+export * from './types';
+export * from './utils';
+export { AttachmentIcon, PictureIcon } from './icons';

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

@@ -0,0 +1,31 @@
+export declare type UploadState = 'uploading' | 'finished' | 'failed';
+export declare type FileLike = Blob | File;
+export declare type UploadInfo = {
+    id: string;
+    state: UploadState;
+    url?: string;
+};
+export declare type FileUpload = {
+    file: {
+        name: string;
+        lastModified?: number;
+        lastModifiedDate?: Date;
+        size?: number;
+        type?: string;
+        uri?: string;
+    };
+} & UploadInfo;
+export declare type ImageUpload = {
+    file: {
+        name: string;
+        height?: number;
+        lastModified?: number;
+        lastModifiedDate?: Date;
+        size?: number;
+        type?: string;
+        uri?: string;
+        width?: number;
+    };
+    previewUri?: string;
+} & UploadInfo;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE9D,oBAAY,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,oBAAY,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH,GAAG,UAAU,CAAC;AAEf,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,UAAU,CAAC"}

package/dist/components/ReactFileUtilities/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+import type { FileLike } from './types';
+export declare const useHandleFileChangeWrapper: (resetOnChange?: boolean, handler?: ((files: Array<File>) => void) | undefined) => ({ currentTarget }: React.ChangeEvent<HTMLInputElement>) => void;
+export declare function dataTransferItemsHaveFiles(items?: DataTransferItem[]): boolean;
+export declare function dataTransferItemsToFiles(items?: DataTransferItem[]): Promise<FileLike[]>;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,0BAA0B,+CAEnB,MAAM,IAAI,CAAC,KAAK,IAAI,sCACf,MAAM,WAAW,CAAC,gBAAgB,CAAC,SAY3D,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAU9E;AAED,wBAAsB,wBAAwB,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CA+B9F"}