diff --git a/package-lock.json b/package-lock.json
index 82dbeee1..02163d10 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22994,7 +22994,7 @@
},
"packages/pkg.fileuploader": {
"name": "@xipkg/fileuploader",
- "version": "2.0.12",
+ "version": "2.0.13",
"license": "MIT",
"dependencies": {
"@xipkg/icons": "^2.5.2",
diff --git a/packages/pkg.fileuploader/FileUploader.tsx b/packages/pkg.fileuploader/FileUploader.tsx
index 51f275b2..505c610e 100644
--- a/packages/pkg.fileuploader/FileUploader.tsx
+++ b/packages/pkg.fileuploader/FileUploader.tsx
@@ -20,9 +20,6 @@ const containerStyles = cva(
isDragOver: {
true: 'shadow-[0px_0px_0px_4px_var(--xi-brand-80)] outline-offset-4 outline-4 outline-brand-20 outline border-transparent dark:shadow-[0px_0px_0px_4px_var(--xi-brand-60)] dark:outline-brand-40',
},
- isError: {
- true: 'ring-2 ring-red-60 dark:ring-red-40 !border-transparent',
- },
isWarning: {
true: 'ring-2 ring-orange-80 dark:ring-orange-40 !border-transparent',
},
@@ -57,23 +54,22 @@ const DEFAULT_SIZE_LIMIT = 6 * 1024 * 1024; // 6 MB
const pluralFiles = ['файла', 'файлов', 'файлов'];
export const FileUploader = ({
- withError = true,
- withLargeError = true,
size = 'medium',
descriptionText,
disabled,
isWarning,
onChange,
+ onError,
+ enableErrorHandling = true,
limit = 3,
bytesSizeLimit = DEFAULT_SIZE_LIMIT,
children,
- multiple,
validateBeforeUpload,
fileTypesHint,
+ acceptedFileTypes,
...inputProps
}: FileUploaderProps & DefaultInputPropsT) => {
const [isDragOver, setIsDragOver] = useState(false);
- const [error, setError] = useState
{descriptionText || `${fileTypesHint.map((el) => el.toUpperCase()).join(', ')} до ${formatedSizeLimit}`} @@ -186,9 +241,6 @@ export const FileUploader = ({ )} - {error && withError && ( -
{error}
- )} ); }; diff --git a/packages/pkg.fileuploader/package.json b/packages/pkg.fileuploader/package.json index 16a1c167..51014659 100644 --- a/packages/pkg.fileuploader/package.json +++ b/packages/pkg.fileuploader/package.json @@ -1,6 +1,6 @@ { "name": "@xipkg/fileuploader", - "version": "2.0.12", + "version": "2.0.13", "main": "./dist/index.mjs", "module": "./dist/index.mjs", "types": "./dist/index.d.mts", diff --git a/packages/pkg.fileuploader/types.ts b/packages/pkg.fileuploader/types.ts index 61ac448c..b801c7cb 100644 --- a/packages/pkg.fileuploader/types.ts +++ b/packages/pkg.fileuploader/types.ts @@ -7,10 +7,10 @@ export type DefaultInputPropsT = Omit< >; export type FileUploaderProps = { - withError?: boolean; - withLargeError?: boolean; size?: SizeType; limit?: number; + onError?: (error: string) => void; + enableErrorHandling?: boolean; isWarning?: boolean; descriptionText?: string; onChange: (files: File[]) => void; @@ -18,6 +18,7 @@ export type FileUploaderProps = { bytesSizeLimit?: number; children?: React.ReactNode; fileTypesHint?: string[]; + acceptedFileTypes?: string[]; }; export type FileProps = {