@alma-oss/spirit-web-react 4.0.0

package/components/FileUploader/FileUploaderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderInput.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"names":[],"mappings":"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"}

package/components/FileUploader/FileUploaderList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type SpiritFileUploaderListProps } from '../../types';
+declare const FileUploaderList: {
+    (props: SpiritFileUploaderListProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default FileUploaderList;

package/components/FileUploader/FileUploaderList.js

@@ -0,0 +1,42 @@
+'use client';
+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 classNames from 'classnames';
+import React, { useMemo } from 'react';
+import { useStyleProps } from "../../hooks/index.js";
+import { useFileUploaderContext } from "./FileUploaderContext.js";
+import { useFileUploaderStyleProps } from "./useFileUploaderStyleProps.js";
+const FileUploaderList = (props) => {
+    const { label, id, attachmentComponent, inputName, hasImagePreview } = props, restProps = __rest(props, ["label", "id", "attachmentComponent", "inputName", "hasImagePreview"]);
+    const { classProps } = useFileUploaderStyleProps();
+    const { styleProps, props: transferProps } = useStyleProps(restProps);
+    const { fileQueue, onDismiss } = useFileUploaderContext();
+    const renderAttachments = useMemo(() => {
+        const fileArray = Array.from(fileQueue, (entry) => ({ key: entry[0], file: entry[1].file, meta: entry[1].meta }));
+        return fileArray.map(({ key, file, meta }) => attachmentComponent &&
+            attachmentComponent({
+                id: key,
+                label: file.name,
+                name: inputName,
+                file,
+                meta,
+                onDismiss,
+                hasImagePreview,
+            }));
+    }, [attachmentComponent, fileQueue, inputName, onDismiss, hasImagePreview]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("h3", { id: id, hidden: true }, label),
+        React.createElement("ul", Object.assign({ "aria-labelledby": id }, transferProps, styleProps, { className: classNames(classProps.list, styleProps.className) }), renderAttachments)));
+};
+FileUploaderList.spiritComponent = 'FileUploaderList';
+export default FileUploaderList;
+//# sourceMappingURL=FileUploaderList.js.map

package/components/FileUploader/FileUploaderList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderList.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploaderList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,gBAAgB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC9D,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,eAAe,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAApF,sEAA4E,CAAQ,CAAC;IAE3F,MAAM,EAAE,UAAU,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACnD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IACtE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAE1D,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAElH,OAAO,SAAS,CAAC,GAAG,CAClB,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CACtB,mBAAmB;YACnB,mBAAmB,CAAC;gBAClB,EAAE,EAAE,GAAG;gBACP,KAAK,EAAE,IAAI,CAAC,IAAI;gBAChB,IAAI,EAAE,SAAS;gBACf,IAAI;gBACJ,IAAI;gBACJ,SAAS;gBACT,eAAe;aAChB,CAAC,CACL,CAAC;IACJ,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5E,OAAO,CACL;QACE,4BAAI,EAAE,EAAE,EAAE,EAAE,MAAM,UACf,KAAK,CACH;QACL,6DACmB,EAAE,IACf,aAAa,EACb,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,KAE3D,iBAAiB,CACf,CACJ,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,eAAe,GAAG,kBAAkB,CAAC;AAEtD,eAAe,gBAAgB,CAAC"}

package/components/FileUploader/UncontrolledFileUploader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type SpiritUncontrolledFileUploaderProps } from '../../types';
+declare const UncontrolledFileUploader: {
+    (props: SpiritUncontrolledFileUploaderProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default UncontrolledFileUploader;

package/components/FileUploader/UncontrolledFileUploader.js

@@ -0,0 +1,32 @@
+'use client';
+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, { useEffect } from 'react';
+import FileUploader from "./FileUploader.js";
+import FileUploaderInput from "./FileUploaderInput.js";
+import FileUploaderList from "./FileUploaderList.js";
+import { useFileQueue } from "./useFileQueue.js";
+const UncontrolledFileUploader = (props) => {
+    const { attachmentComponent, maxFileSize, maxUploadedFiles, helperText, iconName, inputId, inputLabel, inputName, inputProps, isLabelHidden, isDisabled, isFluid, queueLimitBehavior, isMultiple, isRequired, labelText, linkText, listId, listProps, onInputError, onChange, errorMessages, validationState, validationText } = props, restProps = __rest(props, ["attachmentComponent", "maxFileSize", "maxUploadedFiles", "helperText", "iconName", "inputId", "inputLabel", "inputName", "inputProps", "isLabelHidden", "isDisabled", "isFluid", "queueLimitBehavior", "isMultiple", "isRequired", "labelText", "linkText", "listId", "listProps", "onInputError", "onChange", "errorMessages", "validationState", "validationText"]);
+    const { fileQueue, addToQueue, clearQueue, onDismiss, findInQueue, updateQueue } = useFileQueue();
+    useEffect(() => {
+        if (onChange) {
+            onChange(fileQueue);
+        }
+    }, [fileQueue]);
+    return (React.createElement(FileUploader, Object.assign({ fileQueue: fileQueue, onDismiss: onDismiss, addToQueue: addToQueue, clearQueue: clearQueue, findInQueue: findInQueue, updateQueue: updateQueue, errorMessages: errorMessages, isFluid: isFluid }, restProps),
+        React.createElement(FileUploaderInput, Object.assign({ maxFileSize: maxFileSize, maxUploadedFiles: maxUploadedFiles, helperText: helperText, iconName: iconName, id: inputId, isLabelHidden: isLabelHidden, isDisabled: isDisabled, queueLimitBehavior: queueLimitBehavior, isMultiple: isMultiple, isRequired: isRequired, label: inputLabel, labelText: labelText, linkText: linkText, name: inputName, onError: onInputError, validationState: validationState, validationText: validationText }, inputProps)),
+        React.createElement(FileUploaderList, Object.assign({ id: listId, inputName: inputName, attachmentComponent: attachmentComponent }, listProps))));
+};
+UncontrolledFileUploader.spiritComponent = 'UncontrolledFileUploader';
+export default UncontrolledFileUploader;
+//# sourceMappingURL=UncontrolledFileUploader.js.map

package/components/FileUploader/UncontrolledFileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledFileUploader.js","sourceRoot":"","sources":["../../../src/components/FileUploader/UncontrolledFileUploader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,wBAAwB,GAAG,CAAC,KAA0C,EAAE,EAAE;IAC9E,MAAM,EACJ,mBAAmB,EACnB,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAU,EACV,SAAS,EACT,UAAU,EACV,aAAa,EACb,UAAU,EACV,OAAO,EACP,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,eAAe,EACf,cAAc,KAEZ,KAAK,EADJ,SAAS,UACV,KAAK,EA1BH,sWA0BL,CAAQ,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,YAAY,EAAE,CAAC;IAElG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IAGH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,YAAY,kBACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,IACZ,SAAS;QAEb,oBAAC,iBAAiB,kBAChB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,OAAO,EACX,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,YAAY,EACrB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,IAC1B,UAAU,EACd;QACF,oBAAC,gBAAgB,kBAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,mBAAmB,EAAE,mBAAmB,IAAM,SAAS,EAAI,CAClG,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,wBAAwB,CAAC,eAAe,GAAG,0BAA0B,CAAC;AAEtE,eAAe,wBAAwB,CAAC"}

package/components/FileUploader/constants.d.ts

@@ -0,0 +1,17 @@
+export declare const DEFAULT_FILE_SIZE_LIMIT = 10000000;
+export declare const DEFAULT_FILE_QUEUE_LIMIT = 1;
+export declare const IMAGE_DIMENSION = 54;
+export declare const IMAGE_PREVIEW_BASE64_MAX_WIDTH = 500;
+export declare const DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE = "The file size limit has been exceeded";
+export declare const DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY = "This file already exists in the queue";
+export declare const DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT = "You have exceeded the number of files allowed in the queue";
+export declare const DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE = "This file type is not supported";
+export declare const DEFAULT_ICON_NAME = "file";
+export declare const DEFAULT_BUTTON_LABEL = "Remove";
+export declare const DEFAULT_EDIT_BUTTON_LABEL = "Edit";
+export declare const FileUploaderCropCSS: {
+    readonly TOP: "--file-uploader-attachment-image-top";
+    readonly LEFT: "--file-uploader-attachment-image-left";
+    readonly WIDTH: "--file-uploader-attachment-image-width";
+    readonly HEIGHT: "--file-uploader-attachment-image-height";
+};

package/components/FileUploader/constants.js

@@ -0,0 +1,18 @@
+export const DEFAULT_FILE_SIZE_LIMIT = 10000000;
+export const DEFAULT_FILE_QUEUE_LIMIT = 1;
+export const IMAGE_DIMENSION = 54;
+export const IMAGE_PREVIEW_BASE64_MAX_WIDTH = 500;
+export const DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE = 'The file size limit has been exceeded';
+export const DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY = 'This file already exists in the queue';
+export const DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT = 'You have exceeded the number of files allowed in the queue';
+export const DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE = 'This file type is not supported';
+export const DEFAULT_ICON_NAME = 'file';
+export const DEFAULT_BUTTON_LABEL = 'Remove';
+export const DEFAULT_EDIT_BUTTON_LABEL = 'Edit';
+export const FileUploaderCropCSS = {
+    TOP: '--file-uploader-attachment-image-top',
+    LEFT: '--file-uploader-attachment-image-left',
+    WIDTH: '--file-uploader-attachment-image-width',
+    HEIGHT: '--file-uploader-attachment-image-height',
+};
+//# sourceMappingURL=constants.js.map

package/components/FileUploader/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/FileUploader/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC;AAChD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC;AAElD,MAAM,CAAC,MAAM,mCAAmC,GAAG,uCAAuC,CAAC;AAC3F,MAAM,CAAC,MAAM,qCAAqC,GAAG,uCAAuC,CAAC;AAC7F,MAAM,CAAC,MAAM,iCAAiC,GAAG,4DAA4D,CAAC;AAC9G,MAAM,CAAC,MAAM,sCAAsC,GAAG,iCAAiC,CAAC;AACxF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC;AAC7C,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAEhD,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,GAAG,EAAE,sCAAsC;IAC3C,IAAI,EAAE,uCAAuC;IAC7C,KAAK,EAAE,wCAAwC;IAC/C,MAAM,EAAE,yCAAyC;CACzC,CAAC"}

package/components/FileUploader/index.d.ts

@@ -0,0 +1,13 @@
+export { default as FileUploader } from './FileUploader';
+export { default as FileUploaderInput } from './FileUploaderInput';
+export { default as FileUploaderList } from './FileUploaderList';
+export { default as FileUploaderAttachment } from './FileUploaderAttachment';
+export { default as AttachmentActionButton } from './AttachmentActionButton';
+export { default as AttachmentDismissButton } from './AttachmentDismissButton';
+export { default as UncontrolledFileUploader } from './UncontrolledFileUploader';
+export * from './useFileUploaderStyleProps';
+export * from './useFileUploaderAttachment';
+export * from './useFileUploaderInput';
+export * from './useFileQueue';
+export * from './constants';
+export * from './utils';

package/components/FileUploader/index.js

@@ -0,0 +1,14 @@
+export { default as FileUploader } from "./FileUploader.js";
+export { default as FileUploaderInput } from "./FileUploaderInput.js";
+export { default as FileUploaderList } from "./FileUploaderList.js";
+export { default as FileUploaderAttachment } from "./FileUploaderAttachment.js";
+export { default as AttachmentActionButton } from "./AttachmentActionButton.js";
+export { default as AttachmentDismissButton } from "./AttachmentDismissButton.js";
+export { default as UncontrolledFileUploader } from "./UncontrolledFileUploader.js";
+export * from "./useFileUploaderStyleProps.js";
+export * from "./useFileUploaderAttachment.js";
+export * from "./useFileUploaderInput.js";
+export * from "./useFileQueue.js";
+export * from "./constants.js";
+export * from "./utils.js";
+//# sourceMappingURL=index.js.map

package/components/FileUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FileUploader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/components/FileUploader/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@alma-oss/spirit-web-react/components/FileUploader",
+  "type": "module",
+  "main": "FileUploader.cjs",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/useFileQueue.d.ts

@@ -0,0 +1,4 @@
+import { type FileUploaderHandlingProps } from '../../types';
+export interface FileQueueReturn extends FileUploaderHandlingProps {
+}
+export declare const useFileQueue: () => FileQueueReturn;

package/components/FileUploader/useFileQueue.js

@@ -0,0 +1,51 @@
+'use client';
+import { useState } from 'react';
+export const useFileQueue = () => {
+    const [queue, setQueue] = useState(new Map());
+    const onDismissHandler = (name) => {
+        setQueue((prev) => {
+            const newState = new Map(prev);
+            newState.delete(name);
+            return newState;
+        });
+        return queue;
+    };
+    const addToQueueHandler = (key, file, meta) => {
+        setQueue((prev) => {
+            const newValue = { file };
+            if (meta != null) {
+                newValue.meta = meta;
+            }
+            return new Map(prev.set(key, newValue));
+        });
+        return queue;
+    };
+    const findInQueueHandler = (key) => queue.get(key) || null;
+    const updateQueueHandler = (key, file, meta) => {
+        setQueue((prev) => {
+            const newState = new Map(prev);
+            const newValue = { file };
+            if (meta != null) {
+                newValue.meta = meta;
+            }
+            newState.set(key, newValue);
+            return newState;
+        });
+        return queue;
+    };
+    const clearQueueHandler = () => {
+        setQueue((prev) => {
+            prev.clear();
+            return new Map(prev);
+        });
+    };
+    return {
+        addToQueue: addToQueueHandler,
+        clearQueue: clearQueueHandler,
+        fileQueue: queue,
+        findInQueue: findInQueueHandler,
+        onDismiss: onDismissHandler,
+        updateQueue: updateQueueHandler,
+    };
+};
+//# sourceMappingURL=useFileQueue.js.map

package/components/FileUploader/useFileQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileQueue.js","sourceRoot":"","sources":["../../../src/components/FileUploader/useFileQueue.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAoB,EAAE;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAkC,IAAI,GAAG,EAAE,CAAC,CAAC;IAE/E,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC/B,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAEtB,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,IAAU,EAAE,IAAmB,EAAE,EAAE;QACzE,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,QAAQ,GAAuB,EAAE,IAAI,EAAE,CAAC;YAC9C,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;gBACjB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;YACvB,CAAC;YAED,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;IAEnE,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAE,IAAU,EAAE,IAAmB,EAAE,EAAE;QAC1E,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC/B,MAAM,QAAQ,GAAuB,EAAE,IAAI,EAAE,CAAC;YAE9C,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;gBACjB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;YACvB,CAAC;YAED,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YAE5B,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,IAAI,CAAC,KAAK,EAAE,CAAC;YAEb,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,UAAU,EAAE,iBAAiB;QAC7B,UAAU,EAAE,iBAAiB;QAC7B,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,kBAAkB;QAC/B,SAAS,EAAE,gBAAgB;QAC3B,WAAW,EAAE,kBAAkB;KAChC,CAAC;AACJ,CAAC,CAAC"}

package/components/FileUploader/useFileUploaderAttachment.d.ts

@@ -0,0 +1,10 @@
+import { type RefObject } from 'react';
+import { type FileMetadata } from '../../types/fileUploader';
+export interface UseFileUploaderAttachmentProps {
+    attachmentRef: RefObject<HTMLLIElement>;
+    file: File;
+    meta?: FileMetadata;
+    name: string;
+    onError?: (error: string) => void;
+}
+export declare const useFileUploaderAttachment: ({ attachmentRef, file, name, meta, onError, }: UseFileUploaderAttachmentProps) => void;

package/components/FileUploader/useFileUploaderAttachment.js

@@ -0,0 +1,18 @@
+import { useIsomorphicLayoutEffect } from "../../hooks/index.js";
+import { getAttachmentInput, getAttachmentMetaInput } from "./utils.js";
+export const useFileUploaderAttachment = ({ attachmentRef, file, name, meta, onError, }) => {
+    useIsomorphicLayoutEffect(() => {
+        const createAttachmentInput = (metadata) => {
+            var _a, _b, _c;
+            (_a = attachmentRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('input').forEach((element) => element.remove());
+            const attachmentInputElement = getAttachmentInput(file, name, onError);
+            attachmentInputElement && ((_b = attachmentRef.current) === null || _b === void 0 ? void 0 : _b.appendChild(attachmentInputElement));
+            if (metadata) {
+                const attachmentInputMetaElement = getAttachmentMetaInput(file, name, metadata);
+                (_c = attachmentRef.current) === null || _c === void 0 ? void 0 : _c.appendChild(attachmentInputMetaElement);
+            }
+        };
+        createAttachmentInput(meta);
+    }, [attachmentRef, file, name, meta, onError]);
+};
+//# sourceMappingURL=useFileUploaderAttachment.js.map

package/components/FileUploader/useFileUploaderAttachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderAttachment.js","sourceRoot":"","sources":["../../../src/components/FileUploader/useFileUploaderAttachment.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAUrE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,aAAa,EACb,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,GACwB,EAAE,EAAE;IACnC,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,qBAAqB,GAAG,CAAC,QAAuB,EAAE,EAAE;;YACxD,MAAA,aAAa,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;YACxF,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;YACvE,sBAAsB,KAAI,MAAA,aAAa,CAAC,OAAO,0CAAE,WAAW,CAAC,sBAAsB,CAAC,CAAA,CAAC;YAErF,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,0BAA0B,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAChF,MAAA,aAAa,CAAC,OAAO,0CAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;YACjE,CAAC;QACH,CAAC,CAAC;QAEF,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC"}

package/components/FileUploader/useFileUploaderInput.d.ts

@@ -0,0 +1,17 @@
+import { type ChangeEvent } from 'react';
+import { type DragAndDropHandlingProps, type FileUploaderQueueLimitBehaviorType } from '../../types';
+export interface UseFileUploaderInputProps {
+    accept?: string;
+    queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;
+    isMultiple?: boolean;
+    maxFileSize: number;
+    maxUploadedFiles: number;
+    onError?: (error: string | Error) => void;
+}
+export interface UseFileUploaderInputReturn extends DragAndDropHandlingProps<HTMLDivElement> {
+    isDragging: boolean;
+    isDropZoneHidden: boolean;
+    isDisabledByQueueLimitBehavior: boolean;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const useFileUploaderInput: (props: UseFileUploaderInputProps) => UseFileUploaderInputReturn;

package/components/FileUploader/useFileUploaderInput.js

@@ -0,0 +1,161 @@
+'use client';
+import { useEffect, useState } from 'react';
+import { warning } from "../../common/utilities/index.js";
+import { useDragAndDrop } from "../../hooks/index.js";
+import { useFileUploaderContext } from "./FileUploaderContext.js";
+export const useFileUploaderInput = (props) => {
+    const { maxFileSize, maxUploadedFiles, queueLimitBehavior, isMultiple, onError, accept } = props;
+    const [disabledByQueueLimitBehavior, setDisabledByQueueLimitBehavior] = useState(false);
+    const [dropZoneHidden, setDropZoneHidden] = useState(false);
+    const { fileQueue, addToQueue, clearQueue, errorMessages } = useFileUploaderContext();
+    const getUpdatedFileName = (name) => `file__${name.replace(/\./g, '_').replace(/\s/g, '_')}`;
+    const checkAllowedFileSize = (file) => {
+        if (file.size > maxFileSize) {
+            throw new Error(`${file.name}: ${errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.errorMaxFileSize}`);
+        }
+    };
+    const checkIsMultiple = () => {
+        if (maxUploadedFiles > 1 && !isMultiple) {
+            throw new Error('`isMultiple` props must be set when maxUploadedFiles is greater than `1`');
+        }
+    };
+    const checkFileDuplicity = (file) => {
+        if (isMultiple && fileQueue.has(getUpdatedFileName(file.name))) {
+            throw new Error(`${file.name}: ${errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.errorFileDuplicity}`);
+        }
+    };
+    const checkQueueSize = () => {
+        if (fileQueue.size >= maxUploadedFiles) {
+            throw new Error(errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.errorMaxUploadedFiles);
+        }
+    };
+    const checkAllowedFileType = (file) => {
+        var _a;
+        const fileExtension = (_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        const fileType = file.type;
+        const shouldValidate = accept && !(accept === '' || accept === '*' || accept === '*/*');
+        let isTypeSupported;
+        if (!shouldValidate) {
+            isTypeSupported = true;
+        }
+        else {
+            const acceptArray = accept.replace(/ /g, '').split(',');
+            const acceptExtensions = acceptArray.filter((exp) => exp.match(/\./g));
+            const acceptTypes = acceptArray.filter((exp) => exp.match(/\//g));
+            acceptExtensions.forEach((acceptExtension) => {
+                const expression = acceptExtension.replace('.', '').replace('*', '');
+                if (fileExtension.match(expression)) {
+                    isTypeSupported = true;
+                }
+            });
+            acceptTypes.forEach((acceptType) => {
+                const expression = acceptType.replace('*', '');
+                if (fileType.match(expression)) {
+                    isTypeSupported = true;
+                }
+            });
+        }
+        if (!isTypeSupported) {
+            throw new Error(`${file.name}: ${errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.errorFileNotSupported}`);
+        }
+    };
+    const updateDropZoneVisibility = (queue) => {
+        if (!queueLimitBehavior) {
+            return;
+        }
+        if (queueLimitBehavior === 'hide') {
+            setDropZoneHidden((queue === null || queue === void 0 ? void 0 : queue.size) >= maxUploadedFiles);
+        }
+        else {
+            setDisabledByQueueLimitBehavior((queue === null || queue === void 0 ? void 0 : queue.size) >= maxUploadedFiles);
+        }
+    };
+    const clearQueueHandler = () => {
+        if (!isMultiple) {
+            clearQueue();
+        }
+    };
+    const fileProcessHandler = (file) => {
+        try {
+            clearQueueHandler();
+            checkFileDuplicity(file);
+            checkAllowedFileSize(file);
+            checkAllowedFileType(file);
+            checkQueueSize();
+            checkIsMultiple();
+            addToQueue(getUpdatedFileName(file.name), file);
+        }
+        catch (error) {
+            if (onError) {
+                onError(error);
+            }
+            else {
+                warning(false, error);
+            }
+        }
+    };
+    const onDropHandler = (event) => {
+        const transferItems = Array.from(event.dataTransfer.items);
+        const transferFiles = Array.from(event.dataTransfer.files);
+        let counter = 0;
+        let overLimit;
+        counter += fileQueue.size;
+        if (event.dataTransfer.items) {
+            transferItems.forEach((item) => {
+                if (item.kind === 'file') {
+                    const file = item.getAsFile();
+                    if (file && counter < maxUploadedFiles) {
+                        fileProcessHandler(file);
+                        counter += 1;
+                    }
+                    else {
+                        overLimit = true;
+                    }
+                }
+            });
+        }
+        else {
+            transferFiles.forEach((file) => {
+                if (counter < maxUploadedFiles) {
+                    fileProcessHandler(file);
+                    counter += 1;
+                }
+                else {
+                    overLimit = true;
+                }
+            });
+        }
+        if (overLimit && onError && (errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.errorMaxUploadedFiles)) {
+            onError(new Error(errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.errorMaxUploadedFiles));
+        }
+    };
+    const onChangeHandler = (event) => {
+        const { files } = event.target;
+        const filesArray = Array.prototype.slice.call(files);
+        let counter = 0;
+        let overLimit;
+        counter += fileQueue.size;
+        filesArray.forEach((file) => {
+            if (counter < maxUploadedFiles) {
+                fileProcessHandler(file);
+                counter += 1;
+            }
+            else {
+                overLimit = true;
+            }
+        });
+        if (overLimit && onError && (errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.errorMaxUploadedFiles)) {
+            onError(new Error(errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.errorMaxUploadedFiles));
+        }
+        event.target.blur();
+        event.target.value = '';
+    };
+    useEffect(() => {
+        updateDropZoneVisibility(fileQueue);
+    }, [fileQueue]);
+    const dragAndDropProps = useDragAndDrop({
+        onDrop: onDropHandler,
+    });
+    return Object.assign({ isDropZoneHidden: dropZoneHidden, isDisabledByQueueLimitBehavior: disabledByQueueLimitBehavior, onChange: onChangeHandler }, dragAndDropProps);
+};
+//# sourceMappingURL=useFileUploaderInput.js.map

package/components/FileUploader/useFileUploaderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderInput.js","sourceRoot":"","sources":["../../../src/components/FileUploader/useFileUploaderInput.ts"],"names":[],"mappings":"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"}

package/components/FileUploader/useFileUploaderStyleProps.d.ts

@@ -0,0 +1,55 @@
+import { type CSSProperties } from 'react';
+import { type ObjectFit } from '../../constants';
+import { type FileMetadata, type FileUploaderQueueLimitBehaviorType, type Validation } from '../../types';
+import { FileUploaderCropCSS } from './constants';
+export interface FileUploaderStyleProps extends Validation {
+    imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];
+    isDisabled?: boolean;
+    isDisabledByQueueLimitBehavior?: boolean;
+    isDragAndDropSupported?: boolean;
+    isDragging?: boolean;
+    isDropZoneHidden?: boolean;
+    isFluid?: boolean;
+    isLabelHidden?: boolean;
+    meta?: FileMetadata;
+    queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;
+}
+type ImageCropCSS = {
+    [FileUploaderCropCSS.TOP]?: string;
+    [FileUploaderCropCSS.LEFT]?: string;
+    [FileUploaderCropCSS.WIDTH]?: string;
+    [FileUploaderCropCSS.HEIGHT]?: string;
+} & CSSProperties;
+type ImageObjectFit = {
+    '--file-uploader-attachment-image-object-fit': string;
+};
+export interface FileUploaderStyleReturn {
+    classProps: {
+        root: string;
+        input: {
+            root: string;
+            label: string;
+            input: string;
+            dropLabel: string;
+            helper: string;
+            link: string;
+            validationText: string;
+            dropZone: {
+                root: string;
+                label: string;
+            };
+        };
+        list: string;
+        attachment: {
+            root: string;
+            button: string;
+            name: string;
+            image: string;
+            slot: string;
+        };
+        imageCropStyles?: ImageCropCSS;
+        attachmentStyles?: ImageObjectFit;
+    };
+}
+export declare const useFileUploaderStyleProps: (props?: FileUploaderStyleProps) => FileUploaderStyleReturn;
+export {};