@veeqo/ui 12.4.0-beta-3 → 12.4.0-beta-4

package/dist/components/UploadFile/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/UploadFile/constants.ts"],"sourcesContent":["export enum AcceptedFileTypes {\n  CSV = '.csv',\n  JPEG = '.jpeg',\n  JPG = '.jpg',\n  GIF = '.gif',\n  PNG = '.png',\n}\n\nexport enum FileSizeUnit {\n  KB = 'KB',\n  MB = 'MB',\n}\n\nexport enum InputState {\n  VALID = '',\n  INVALID_FORMAT = 'File is incorrect format',\n  INVALID_SIZE = 'File size is too big',\n  INVALID_FORMAT_AND_SIZE = 'File is incorrect format and too big',\n}\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,iBAAiB,EAAA;AAC3B,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,MAAY;AACZ,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,OAAc;AACd,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,MAAY;AACZ,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,MAAY;AACZ,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,MAAY;AACd,CAAC,EANW,iBAAiB,KAAjB,iBAAiB,GAM5B,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,YAAY,EAAA;AACtB,IAAA,YAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,YAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACX,CAAC,EAHW,YAAY,KAAZ,YAAY,GAGvB,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,EAAU;AACV,IAAA,UAAA,CAAA,gBAAA,CAAA,GAAA,0BAA2C;AAC3C,IAAA,UAAA,CAAA,cAAA,CAAA,GAAA,sBAAqC;AACrC,IAAA,UAAA,CAAA,yBAAA,CAAA,GAAA,sCAAgE;AAClE,CAAC,EALW,UAAU,KAAV,UAAU,GAKrB,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/UploadFile/constants.ts"],"sourcesContent":["export enum AcceptedFileTypes {\n  // DATA FILES\n  CSV = '.csv',\n  JSON = '.json',\n  XML = '.xml',\n  TXT = '.txt',\n\n  // DOCUMENTS\n  PDF = '.pdf',\n  DOC = '.doc',\n  DOCX = '.docx',\n  XLS = '.xls',\n  XLSX = '.xlsx',\n  PPT = '.ppt',\n  PPTX = '.pptx',\n  ODT = '.odt',\n  ODS = '.ods',\n  ODP = '.odp',\n  RTF = '.rtf',\n\n  // IMAGES\n  JPEG = '.jpeg',\n  JPG = '.jpg',\n  PNG = '.png',\n  GIF = '.gif',\n  BMP = '.bmp',\n  WEBP = '.webp',\n  SVG = '.svg',\n  ICO = '.ico',\n  TIFF = '.tiff',\n  TIF = '.tif',\n\n  // AUDIO\n  MP3 = '.mp3',\n  WAV = '.wav',\n  OGG = '.ogg',\n  AAC = '.aac',\n  FLAC = '.flac',\n  M4A = '.m4a',\n  WMA = '.wma',\n\n  // VIDEO\n  MP4 = '.mp4',\n  AVI = '.avi',\n  MOV = '.mov',\n  WMV = '.wmv',\n  FLV = '.flv',\n  WEBM = '.webm',\n  MKV = '.mkv',\n  M4V = '.m4v',\n\n  // ARCHIVES\n  ZIP = '.zip',\n  RAR = '.rar',\n  SEVEN_Z = '.7z',\n  TAR = '.tar',\n  GZ = '.gz',\n}\n\nexport enum FileSizeUnit {\n  KB = 'KB',\n  MB = 'MB',\n}\n\nexport enum ErrorType {\n  critical = 'CRITICAL',\n  warning = 'WARNING',\n}\n\nexport const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;\n\nexport enum InputErrorStateMessages {\n  VALID = '',\n  INVALID_FORMAT = 'Please provide a file with a valid format.',\n  INVALID_FORMATS = 'Please provide files with a valid format.',\n  INVALID_SIZE = 'Please provide file with an acceptable size.',\n  INVALID_SIZES = 'Please provide files with an acceptable size.',\n  INVALID_FORMAT_AND_SIZE = 'Please provide files with an acceptable size and format.',\n}\n"],"names":[],"mappings":"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"}

package/dist/components/UploadFile/hooks/useFileErrorMessages/index.d.ts

@@ -0,0 +1 @@
+export { useFileErrorMessages } from './useFileErrorMessages';

package/dist/components/UploadFile/hooks/useFileErrorMessages/useFileErrorMessages.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+var constants = require('../../constants.cjs');
+var convertFileTypeToAcceptedFileType = require('../../utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileType.cjs');
+
+const useFileErrorMessages = ({ format, maxBytes, fileTypes, file, }) => {
+    const [errorMessages, setErrorMessages] = React.useState({ criticalErrors: [] });
+    React.useEffect(() => {
+        if (!file)
+            return;
+        const extension = convertFileTypeToAcceptedFileType.convertFileTypeToAcceptedFileExtension(file.type);
+        const isTypeValid = fileTypes.includes(extension);
+        const hasInvalidFormat = !isTypeValid;
+        const hasExceededMaxSize = file.size > maxBytes;
+        const errors = { criticalErrors: [] };
+        if (hasExceededMaxSize) {
+            errors.criticalErrors.push({
+                errorType: constants.ErrorType.critical,
+                errorMessage: 'File is too big',
+            });
+        }
+        if (hasInvalidFormat) {
+            errors.criticalErrors.push({
+                errorType: constants.ErrorType.critical,
+                errorMessage: 'Invalid format',
+            });
+        }
+        setErrorMessages(errors);
+    }, [file, fileTypes, format, maxBytes]);
+    const hasCriticalErrors = !!errorMessages.criticalErrors.length;
+    return {
+        hasCriticalErrors,
+        errorMessages,
+    };
+};
+
+exports.useFileErrorMessages = useFileErrorMessages;
+//# sourceMappingURL=useFileErrorMessages.cjs.map

package/dist/components/UploadFile/hooks/useFileErrorMessages/useFileErrorMessages.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileErrorMessages.cjs","sources":["../../../../../src/components/UploadFile/hooks/useFileErrorMessages/useFileErrorMessages.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { AcceptedFileTypes, ErrorType, FileSizeUnit } from '../../constants';\nimport { UploadFileErrors } from '../../types';\nimport { convertFileTypeToAcceptedFileExtension } from '../../utils/convertFileTypeToAcceptedFileExtension';\n\ntype UseFileErrorMessagesProps = {\n  file?: File | null;\n  format: FileSizeUnit;\n  maxBytes: number;\n  fileTypes: Array<AcceptedFileTypes>;\n};\n\nexport const useFileErrorMessages = ({\n  format,\n  maxBytes,\n  fileTypes,\n  file,\n}: UseFileErrorMessagesProps) => {\n  const [errorMessages, setErrorMessages] = useState<UploadFileErrors>({ criticalErrors: [] });\n\n  useEffect(() => {\n    if (!file) return;\n\n    const extension = convertFileTypeToAcceptedFileExtension(file.type);\n    const isTypeValid = (fileTypes as string[]).includes(extension);\n    const hasInvalidFormat = !isTypeValid;\n\n    const hasExceededMaxSize = file.size > maxBytes;\n\n    const errors: UploadFileErrors = { criticalErrors: [] };\n    if (hasExceededMaxSize) {\n      errors.criticalErrors.push({\n        errorType: ErrorType.critical,\n        errorMessage: 'File is too big',\n      });\n    }\n    if (hasInvalidFormat) {\n      errors.criticalErrors.push({\n        errorType: ErrorType.critical,\n        errorMessage: 'Invalid format',\n      });\n    }\n    setErrorMessages(errors);\n  }, [file, fileTypes, format, maxBytes]);\n\n  const hasCriticalErrors = !!errorMessages.criticalErrors.length;\n\n  return {\n    hasCriticalErrors,\n    errorMessages,\n  };\n};\n"],"names":["useState","useEffect","convertFileTypeToAcceptedFileExtension","ErrorType"],"mappings":";;;;;;AAYO,MAAM,oBAAoB,GAAG,CAAC,EACnC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,GACsB,KAAI;AAC9B,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAmB,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;IAE5FC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,IAAI;YAAE;QAEX,MAAM,SAAS,GAAGC,wEAAsC,CAAC,IAAI,CAAC,IAAI,CAAC;QACnE,MAAM,WAAW,GAAI,SAAsB,CAAC,QAAQ,CAAC,SAAS,CAAC;AAC/D,QAAA,MAAM,gBAAgB,GAAG,CAAC,WAAW;AAErC,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ;AAE/C,QAAA,MAAM,MAAM,GAAqB,EAAE,cAAc,EAAE,EAAE,EAAE;AACvD,QAAA,IAAI,kBAAkB,EAAE;AACtB,YAAA,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC;gBACzB,SAAS,EAAEC,mBAAS,CAAC,QAAQ;AAC7B,gBAAA,YAAY,EAAE,iBAAiB;AAChC,aAAA,CAAC;AACH;AACD,QAAA,IAAI,gBAAgB,EAAE;AACpB,YAAA,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC;gBACzB,SAAS,EAAEA,mBAAS,CAAC,QAAQ;AAC7B,gBAAA,YAAY,EAAE,gBAAgB;AAC/B,aAAA,CAAC;AACH;QACD,gBAAgB,CAAC,MAAM,CAAC;KACzB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEvC,MAAM,iBAAiB,GAAG,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM;IAE/D,OAAO;QACL,iBAAiB;QACjB,aAAa;KACd;AACH;;;;"}

package/dist/components/UploadFile/hooks/useFileErrorMessages/useFileErrorMessages.d.ts

@@ -0,0 +1,13 @@
+import { AcceptedFileTypes, FileSizeUnit } from '../../constants';
+import { UploadFileErrors } from '../../types';
+type UseFileErrorMessagesProps = {
+    file?: File | null;
+    format: FileSizeUnit;
+    maxBytes: number;
+    fileTypes: Array<AcceptedFileTypes>;
+};
+export declare const useFileErrorMessages: ({ format, maxBytes, fileTypes, file, }: UseFileErrorMessagesProps) => {
+    hasCriticalErrors: boolean;
+    errorMessages: UploadFileErrors;
+};
+export {};

package/dist/components/UploadFile/hooks/useFileErrorMessages/useFileErrorMessages.js

@@ -0,0 +1,37 @@
+import { useState, useEffect } from 'react';
+import { ErrorType } from '../../constants.js';
+import { convertFileTypeToAcceptedFileExtension } from '../../utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileType.js';
+
+const useFileErrorMessages = ({ format, maxBytes, fileTypes, file, }) => {
+    const [errorMessages, setErrorMessages] = useState({ criticalErrors: [] });
+    useEffect(() => {
+        if (!file)
+            return;
+        const extension = convertFileTypeToAcceptedFileExtension(file.type);
+        const isTypeValid = fileTypes.includes(extension);
+        const hasInvalidFormat = !isTypeValid;
+        const hasExceededMaxSize = file.size > maxBytes;
+        const errors = { criticalErrors: [] };
+        if (hasExceededMaxSize) {
+            errors.criticalErrors.push({
+                errorType: ErrorType.critical,
+                errorMessage: 'File is too big',
+            });
+        }
+        if (hasInvalidFormat) {
+            errors.criticalErrors.push({
+                errorType: ErrorType.critical,
+                errorMessage: 'Invalid format',
+            });
+        }
+        setErrorMessages(errors);
+    }, [file, fileTypes, format, maxBytes]);
+    const hasCriticalErrors = !!errorMessages.criticalErrors.length;
+    return {
+        hasCriticalErrors,
+        errorMessages,
+    };
+};
+
+export { useFileErrorMessages };
+//# sourceMappingURL=useFileErrorMessages.js.map

package/dist/components/UploadFile/hooks/useFileErrorMessages/useFileErrorMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileErrorMessages.js","sources":["../../../../../src/components/UploadFile/hooks/useFileErrorMessages/useFileErrorMessages.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { AcceptedFileTypes, ErrorType, FileSizeUnit } from '../../constants';\nimport { UploadFileErrors } from '../../types';\nimport { convertFileTypeToAcceptedFileExtension } from '../../utils/convertFileTypeToAcceptedFileExtension';\n\ntype UseFileErrorMessagesProps = {\n  file?: File | null;\n  format: FileSizeUnit;\n  maxBytes: number;\n  fileTypes: Array<AcceptedFileTypes>;\n};\n\nexport const useFileErrorMessages = ({\n  format,\n  maxBytes,\n  fileTypes,\n  file,\n}: UseFileErrorMessagesProps) => {\n  const [errorMessages, setErrorMessages] = useState<UploadFileErrors>({ criticalErrors: [] });\n\n  useEffect(() => {\n    if (!file) return;\n\n    const extension = convertFileTypeToAcceptedFileExtension(file.type);\n    const isTypeValid = (fileTypes as string[]).includes(extension);\n    const hasInvalidFormat = !isTypeValid;\n\n    const hasExceededMaxSize = file.size > maxBytes;\n\n    const errors: UploadFileErrors = { criticalErrors: [] };\n    if (hasExceededMaxSize) {\n      errors.criticalErrors.push({\n        errorType: ErrorType.critical,\n        errorMessage: 'File is too big',\n      });\n    }\n    if (hasInvalidFormat) {\n      errors.criticalErrors.push({\n        errorType: ErrorType.critical,\n        errorMessage: 'Invalid format',\n      });\n    }\n    setErrorMessages(errors);\n  }, [file, fileTypes, format, maxBytes]);\n\n  const hasCriticalErrors = !!errorMessages.criticalErrors.length;\n\n  return {\n    hasCriticalErrors,\n    errorMessages,\n  };\n};\n"],"names":[],"mappings":";;;;AAYO,MAAM,oBAAoB,GAAG,CAAC,EACnC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,GACsB,KAAI;AAC9B,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAmB,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;IAE5F,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,IAAI;YAAE;QAEX,MAAM,SAAS,GAAG,sCAAsC,CAAC,IAAI,CAAC,IAAI,CAAC;QACnE,MAAM,WAAW,GAAI,SAAsB,CAAC,QAAQ,CAAC,SAAS,CAAC;AAC/D,QAAA,MAAM,gBAAgB,GAAG,CAAC,WAAW;AAErC,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ;AAE/C,QAAA,MAAM,MAAM,GAAqB,EAAE,cAAc,EAAE,EAAE,EAAE;AACvD,QAAA,IAAI,kBAAkB,EAAE;AACtB,YAAA,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC;gBACzB,SAAS,EAAE,SAAS,CAAC,QAAQ;AAC7B,gBAAA,YAAY,EAAE,iBAAiB;AAChC,aAAA,CAAC;AACH;AACD,QAAA,IAAI,gBAAgB,EAAE;AACpB,YAAA,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC;gBACzB,SAAS,EAAE,SAAS,CAAC,QAAQ;AAC7B,gBAAA,YAAY,EAAE,gBAAgB;AAC/B,aAAA,CAAC;AACH;QACD,gBAAgB,CAAC,MAAM,CAAC;KACzB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEvC,MAAM,iBAAiB,GAAG,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM;IAE/D,OAAO;QACL,iBAAiB;QACjB,aAAa;KACd;AACH;;;;"}

package/dist/components/UploadFile/hooks/usePreviewImage/index.d.ts

@@ -0,0 +1 @@
+export { usePreviewImage } from './usePreviewImage';

package/dist/components/UploadFile/hooks/usePreviewImage/usePreviewImage.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var React = require('react');
+var isImageType = require('../../utils/isImageType/isImageType.cjs');
+
+const usePreviewImage = ({ file }) => {
+    const [previewSrc, setPreviewSrc] = React.useState('');
+    React.useEffect(() => {
+        if (!file) {
+            setPreviewSrc('');
+            return undefined;
+        }
+        if (!isImageType.isImageType(file)) {
+            setPreviewSrc('');
+            return undefined;
+        }
+        const fileReader = new FileReader();
+        fileReader.onload = (event) => {
+            var _a;
+            const imageUrl = (_a = event.target) === null || _a === undefined ? undefined : _a.result;
+            setPreviewSrc(String(imageUrl));
+        };
+        fileReader.readAsDataURL(file);
+        return () => {
+            fileReader.abort();
+        };
+    }, [file]);
+    const shouldShowPreview = file ? isImageType.isImageType(file) : false;
+    return {
+        previewSrc,
+        shouldShowPreview,
+    };
+};
+
+exports.usePreviewImage = usePreviewImage;
+//# sourceMappingURL=usePreviewImage.cjs.map

package/dist/components/UploadFile/hooks/usePreviewImage/usePreviewImage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviewImage.cjs","sources":["../../../../../src/components/UploadFile/hooks/usePreviewImage/usePreviewImage.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { isImageType } from '../../utils/isImageType';\n\ntype UsePreviewImageProps = {\n  file?: File | null;\n};\n\nexport const usePreviewImage = ({ file }: UsePreviewImageProps) => {\n  const [previewSrc, setPreviewSrc] = useState('');\n\n  useEffect(() => {\n    if (!file) {\n      setPreviewSrc('');\n      return undefined;\n    }\n\n    if (!isImageType(file)) {\n      setPreviewSrc('');\n      return undefined;\n    }\n\n    const fileReader = new FileReader();\n\n    fileReader.onload = (event) => {\n      const imageUrl = event.target?.result;\n      setPreviewSrc(String(imageUrl));\n    };\n\n    fileReader.readAsDataURL(file);\n\n    return () => {\n      fileReader.abort();\n    };\n  }, [file]);\n\n  const shouldShowPreview = file ? isImageType(file) : false;\n\n  return {\n    previewSrc,\n    shouldShowPreview,\n  };\n};\n"],"names":["useState","useEffect","isImageType"],"mappings":";;;;;MAOa,eAAe,GAAG,CAAC,EAAE,IAAI,EAAwB,KAAI;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC;IAEhDC,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,IAAI,EAAE;YACT,aAAa,CAAC,EAAE,CAAC;AACjB,YAAA,OAAO,SAAS;AACjB;AAED,QAAA,IAAI,CAACC,uBAAW,CAAC,IAAI,CAAC,EAAE;YACtB,aAAa,CAAC,EAAE,CAAC;AACjB,YAAA,OAAO,SAAS;AACjB;AAED,QAAA,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE;AAEnC,QAAA,UAAU,CAAC,MAAM,GAAG,CAAC,KAAK,KAAI;;YAC5B,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,MAAM;AACrC,YAAA,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AACjC,SAAC;AAED,QAAA,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC;AAE9B,QAAA,OAAO,MAAK;YACV,UAAU,CAAC,KAAK,EAAE;AACpB,SAAC;AACH,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAEV,IAAA,MAAM,iBAAiB,GAAG,IAAI,GAAGA,uBAAW,CAAC,IAAI,CAAC,GAAG,KAAK;IAE1D,OAAO;QACL,UAAU;QACV,iBAAiB;KAClB;AACH;;;;"}

package/dist/components/UploadFile/hooks/usePreviewImage/usePreviewImage.d.ts

@@ -0,0 +1,8 @@
+type UsePreviewImageProps = {
+    file?: File | null;
+};
+export declare const usePreviewImage: ({ file }: UsePreviewImageProps) => {
+    previewSrc: string;
+    shouldShowPreview: boolean;
+};
+export {};

package/dist/components/UploadFile/hooks/usePreviewImage/usePreviewImage.js

@@ -0,0 +1,34 @@
+import { useState, useEffect } from 'react';
+import { isImageType } from '../../utils/isImageType/isImageType.js';
+
+const usePreviewImage = ({ file }) => {
+    const [previewSrc, setPreviewSrc] = useState('');
+    useEffect(() => {
+        if (!file) {
+            setPreviewSrc('');
+            return undefined;
+        }
+        if (!isImageType(file)) {
+            setPreviewSrc('');
+            return undefined;
+        }
+        const fileReader = new FileReader();
+        fileReader.onload = (event) => {
+            var _a;
+            const imageUrl = (_a = event.target) === null || _a === undefined ? undefined : _a.result;
+            setPreviewSrc(String(imageUrl));
+        };
+        fileReader.readAsDataURL(file);
+        return () => {
+            fileReader.abort();
+        };
+    }, [file]);
+    const shouldShowPreview = file ? isImageType(file) : false;
+    return {
+        previewSrc,
+        shouldShowPreview,
+    };
+};
+
+export { usePreviewImage };
+//# sourceMappingURL=usePreviewImage.js.map

package/dist/components/UploadFile/hooks/usePreviewImage/usePreviewImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviewImage.js","sources":["../../../../../src/components/UploadFile/hooks/usePreviewImage/usePreviewImage.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { isImageType } from '../../utils/isImageType';\n\ntype UsePreviewImageProps = {\n  file?: File | null;\n};\n\nexport const usePreviewImage = ({ file }: UsePreviewImageProps) => {\n  const [previewSrc, setPreviewSrc] = useState('');\n\n  useEffect(() => {\n    if (!file) {\n      setPreviewSrc('');\n      return undefined;\n    }\n\n    if (!isImageType(file)) {\n      setPreviewSrc('');\n      return undefined;\n    }\n\n    const fileReader = new FileReader();\n\n    fileReader.onload = (event) => {\n      const imageUrl = event.target?.result;\n      setPreviewSrc(String(imageUrl));\n    };\n\n    fileReader.readAsDataURL(file);\n\n    return () => {\n      fileReader.abort();\n    };\n  }, [file]);\n\n  const shouldShowPreview = file ? isImageType(file) : false;\n\n  return {\n    previewSrc,\n    shouldShowPreview,\n  };\n};\n"],"names":[],"mappings":";;;MAOa,eAAe,GAAG,CAAC,EAAE,IAAI,EAAwB,KAAI;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAEhD,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,IAAI,EAAE;YACT,aAAa,CAAC,EAAE,CAAC;AACjB,YAAA,OAAO,SAAS;AACjB;AAED,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;YACtB,aAAa,CAAC,EAAE,CAAC;AACjB,YAAA,OAAO,SAAS;AACjB;AAED,QAAA,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE;AAEnC,QAAA,UAAU,CAAC,MAAM,GAAG,CAAC,KAAK,KAAI;;YAC5B,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,MAAM;AACrC,YAAA,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AACjC,SAAC;AAED,QAAA,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC;AAE9B,QAAA,OAAO,MAAK;YACV,UAAU,CAAC,KAAK,EAAE;AACpB,SAAC;AACH,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAEV,IAAA,MAAM,iBAAiB,GAAG,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK;IAE1D,OAAO;QACL,UAAU;QACV,iBAAiB;KAClB;AACH;;;;"}

package/dist/components/UploadFile/hooks/useUploadFile/index.d.ts

@@ -0,0 +1 @@
+export { useUploadFile } from './useUploadFile';

package/dist/components/UploadFile/hooks/useUploadFile/useUploadFile.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var React = require('react');
+
+const useUploadFile = () => {
+    const inputRef = React.useRef(null);
+    const [fileList, setFileList] = React.useState();
+    // Keep inputRef.current.files in sync with fileList
+    React.useEffect(() => {
+        if (inputRef.current && fileList) {
+            // Only update if not already the same (avoid unnecessary assignment)
+            if (inputRef.current.files !== fileList) {
+                const dt = new DataTransfer();
+                Array.from(fileList).forEach((file) => dt.items.add(file));
+                inputRef.current.files = dt.files;
+            }
+        }
+        // If fileList is undefined, clear the input
+        if (inputRef.current && !fileList) {
+            inputRef.current.value = '';
+        }
+    }, [fileList, inputRef]);
+    // Restores the previous file selection when user cancels the file dialog
+    const onCancel = React.useCallback(() => {
+        // If there are no existing files to restore, just return
+        if (!fileList || fileList.length === 0)
+            return;
+        const newFileList = new DataTransfer();
+        Array.from(fileList).forEach((file) => newFileList.items.add(file));
+        if (inputRef === null || inputRef === undefined ? undefined : inputRef.current) {
+            inputRef.current.files = newFileList.files;
+        }
+    }, [fileList]);
+    const removeFileFromList = (fileToRemove) => {
+        if (!fileList)
+            return;
+        const newFileList = new DataTransfer();
+        Array.from(fileList).forEach((file) => {
+            if (file.name === fileToRemove.name)
+                return; // Skip this file (remove it)
+            newFileList.items.add(file);
+        });
+        if (inputRef === null || inputRef === undefined ? undefined : inputRef.current) {
+            inputRef.current.files = newFileList.files;
+        }
+        setFileList(newFileList.files);
+    };
+    const clearFileSelection = () => {
+        var _a;
+        if ((_a = inputRef.current) === null || _a === undefined ? undefined : _a.value)
+            inputRef.current.value = '';
+        setFileList(undefined);
+    };
+    return {
+        clearFileSelection,
+        inputRef,
+        onCancel,
+        removeFileFromList,
+        setFileList,
+        fileList,
+    };
+};
+
+exports.useUploadFile = useUploadFile;
+//# sourceMappingURL=useUploadFile.cjs.map

package/dist/components/UploadFile/hooks/useUploadFile/useUploadFile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadFile.cjs","sources":["../../../../../src/components/UploadFile/hooks/useUploadFile/useUploadFile.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const useUploadFile = () => {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const [fileList, setFileList] = useState<FileList>();\n\n  // Keep inputRef.current.files in sync with fileList\n  useEffect(() => {\n    if (inputRef.current && fileList) {\n      // Only update if not already the same (avoid unnecessary assignment)\n      if (inputRef.current.files !== fileList) {\n        const dt = new DataTransfer();\n        Array.from(fileList).forEach((file) => dt.items.add(file));\n        inputRef.current.files = dt.files;\n      }\n    }\n    // If fileList is undefined, clear the input\n    if (inputRef.current && !fileList) {\n      inputRef.current.value = '';\n    }\n  }, [fileList, inputRef]);\n\n  // Restores the previous file selection when user cancels the file dialog\n  const onCancel = useCallback(() => {\n    // If there are no existing files to restore, just return\n    if (!fileList || fileList.length === 0) return;\n\n    const newFileList = new DataTransfer();\n    Array.from(fileList).forEach((file) => newFileList.items.add(file));\n\n    if (inputRef?.current) {\n      inputRef.current.files = newFileList.files;\n    }\n  }, [fileList]);\n\n  const removeFileFromList = (fileToRemove: File) => {\n    if (!fileList) return;\n\n    const newFileList = new DataTransfer();\n    Array.from(fileList).forEach((file) => {\n      if (file.name === fileToRemove.name) return; // Skip this file (remove it)\n      newFileList.items.add(file);\n    });\n\n    if (inputRef?.current) {\n      inputRef.current.files = newFileList.files;\n    }\n    setFileList(newFileList.files);\n  };\n\n  const clearFileSelection = () => {\n    if (inputRef.current?.value) inputRef.current.value = '';\n    setFileList(undefined);\n  };\n\n  return {\n    clearFileSelection,\n    inputRef,\n    onCancel,\n    removeFileFromList,\n    setFileList,\n    fileList,\n  };\n};\n"],"names":["useRef","useState","useEffect","useCallback"],"mappings":";;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAChC,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAA0B,IAAI,CAAC;IAEtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,EAAY;;IAGpDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,EAAE;;AAEhC,YAAA,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,KAAK,QAAQ,EAAE;AACvC,gBAAA,MAAM,EAAE,GAAG,IAAI,YAAY,EAAE;gBAC7B,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC1D,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC,KAAK;AAClC;AACF;;AAED,QAAA,IAAI,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE;AACjC,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;AAC5B;AACH,KAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;;AAGxB,IAAA,MAAM,QAAQ,GAAGC,iBAAW,CAAC,MAAK;;AAEhC,QAAA,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE;AAExC,QAAA,MAAM,WAAW,GAAG,IAAI,YAAY,EAAE;QACtC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAEnE,QAAA,IAAI,QAAQ,KAAR,IAAA,IAAA,QAAQ,6BAAR,QAAQ,CAAE,OAAO,EAAE;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK;AAC3C;AACH,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,MAAM,kBAAkB,GAAG,CAAC,YAAkB,KAAI;AAChD,QAAA,IAAI,CAAC,QAAQ;YAAE;AAEf,QAAA,MAAM,WAAW,GAAG,IAAI,YAAY,EAAE;QACtC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACpC,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI;AAAE,gBAAA,OAAO;AAC5C,YAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,SAAC,CAAC;AAEF,QAAA,IAAI,QAAQ,KAAR,IAAA,IAAA,QAAQ,6BAAR,QAAQ,CAAE,OAAO,EAAE;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK;AAC3C;AACD,QAAA,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC;AAChC,KAAC;IAED,MAAM,kBAAkB,GAAG,MAAK;;AAC9B,QAAA,IAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,gDAAE,KAAK;AAAE,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;QACxD,WAAW,CAAC,SAAS,CAAC;AACxB,KAAC;IAED,OAAO;QACL,kBAAkB;QAClB,QAAQ;QACR,QAAQ;QACR,kBAAkB;QAClB,WAAW;QACX,QAAQ;KACT;AACH;;;;"}

package/dist/components/UploadFile/hooks/useUploadFile/useUploadFile.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const useUploadFile: () => {
+    clearFileSelection: () => void;
+    inputRef: import("react").MutableRefObject<HTMLInputElement | null>;
+    onCancel: () => void;
+    removeFileFromList: (fileToRemove: File) => void;
+    setFileList: import("react").Dispatch<import("react").SetStateAction<FileList | undefined>>;
+    fileList: FileList | undefined;
+};

package/dist/components/UploadFile/hooks/useUploadFile/useUploadFile.js

@@ -0,0 +1,63 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+
+const useUploadFile = () => {
+    const inputRef = useRef(null);
+    const [fileList, setFileList] = useState();
+    // Keep inputRef.current.files in sync with fileList
+    useEffect(() => {
+        if (inputRef.current && fileList) {
+            // Only update if not already the same (avoid unnecessary assignment)
+            if (inputRef.current.files !== fileList) {
+                const dt = new DataTransfer();
+                Array.from(fileList).forEach((file) => dt.items.add(file));
+                inputRef.current.files = dt.files;
+            }
+        }
+        // If fileList is undefined, clear the input
+        if (inputRef.current && !fileList) {
+            inputRef.current.value = '';
+        }
+    }, [fileList, inputRef]);
+    // Restores the previous file selection when user cancels the file dialog
+    const onCancel = useCallback(() => {
+        // If there are no existing files to restore, just return
+        if (!fileList || fileList.length === 0)
+            return;
+        const newFileList = new DataTransfer();
+        Array.from(fileList).forEach((file) => newFileList.items.add(file));
+        if (inputRef === null || inputRef === undefined ? undefined : inputRef.current) {
+            inputRef.current.files = newFileList.files;
+        }
+    }, [fileList]);
+    const removeFileFromList = (fileToRemove) => {
+        if (!fileList)
+            return;
+        const newFileList = new DataTransfer();
+        Array.from(fileList).forEach((file) => {
+            if (file.name === fileToRemove.name)
+                return; // Skip this file (remove it)
+            newFileList.items.add(file);
+        });
+        if (inputRef === null || inputRef === undefined ? undefined : inputRef.current) {
+            inputRef.current.files = newFileList.files;
+        }
+        setFileList(newFileList.files);
+    };
+    const clearFileSelection = () => {
+        var _a;
+        if ((_a = inputRef.current) === null || _a === undefined ? undefined : _a.value)
+            inputRef.current.value = '';
+        setFileList(undefined);
+    };
+    return {
+        clearFileSelection,
+        inputRef,
+        onCancel,
+        removeFileFromList,
+        setFileList,
+        fileList,
+    };
+};
+
+export { useUploadFile };
+//# sourceMappingURL=useUploadFile.js.map

package/dist/components/UploadFile/hooks/useUploadFile/useUploadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadFile.js","sources":["../../../../../src/components/UploadFile/hooks/useUploadFile/useUploadFile.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const useUploadFile = () => {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const [fileList, setFileList] = useState<FileList>();\n\n  // Keep inputRef.current.files in sync with fileList\n  useEffect(() => {\n    if (inputRef.current && fileList) {\n      // Only update if not already the same (avoid unnecessary assignment)\n      if (inputRef.current.files !== fileList) {\n        const dt = new DataTransfer();\n        Array.from(fileList).forEach((file) => dt.items.add(file));\n        inputRef.current.files = dt.files;\n      }\n    }\n    // If fileList is undefined, clear the input\n    if (inputRef.current && !fileList) {\n      inputRef.current.value = '';\n    }\n  }, [fileList, inputRef]);\n\n  // Restores the previous file selection when user cancels the file dialog\n  const onCancel = useCallback(() => {\n    // If there are no existing files to restore, just return\n    if (!fileList || fileList.length === 0) return;\n\n    const newFileList = new DataTransfer();\n    Array.from(fileList).forEach((file) => newFileList.items.add(file));\n\n    if (inputRef?.current) {\n      inputRef.current.files = newFileList.files;\n    }\n  }, [fileList]);\n\n  const removeFileFromList = (fileToRemove: File) => {\n    if (!fileList) return;\n\n    const newFileList = new DataTransfer();\n    Array.from(fileList).forEach((file) => {\n      if (file.name === fileToRemove.name) return; // Skip this file (remove it)\n      newFileList.items.add(file);\n    });\n\n    if (inputRef?.current) {\n      inputRef.current.files = newFileList.files;\n    }\n    setFileList(newFileList.files);\n  };\n\n  const clearFileSelection = () => {\n    if (inputRef.current?.value) inputRef.current.value = '';\n    setFileList(undefined);\n  };\n\n  return {\n    clearFileSelection,\n    inputRef,\n    onCancel,\n    removeFileFromList,\n    setFileList,\n    fileList,\n  };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,aAAa,GAAG,MAAK;AAChC,IAAA,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC;IAEtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAY;;IAGpD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,EAAE;;AAEhC,YAAA,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,KAAK,QAAQ,EAAE;AACvC,gBAAA,MAAM,EAAE,GAAG,IAAI,YAAY,EAAE;gBAC7B,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC1D,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC,KAAK;AAClC;AACF;;AAED,QAAA,IAAI,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE;AACjC,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;AAC5B;AACH,KAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;;AAGxB,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAK;;AAEhC,QAAA,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE;AAExC,QAAA,MAAM,WAAW,GAAG,IAAI,YAAY,EAAE;QACtC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAEnE,QAAA,IAAI,QAAQ,KAAR,IAAA,IAAA,QAAQ,6BAAR,QAAQ,CAAE,OAAO,EAAE;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK;AAC3C;AACH,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,MAAM,kBAAkB,GAAG,CAAC,YAAkB,KAAI;AAChD,QAAA,IAAI,CAAC,QAAQ;YAAE;AAEf,QAAA,MAAM,WAAW,GAAG,IAAI,YAAY,EAAE;QACtC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACpC,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI;AAAE,gBAAA,OAAO;AAC5C,YAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,SAAC,CAAC;AAEF,QAAA,IAAI,QAAQ,KAAR,IAAA,IAAA,QAAQ,6BAAR,QAAQ,CAAE,OAAO,EAAE;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK;AAC3C;AACD,QAAA,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC;AAChC,KAAC;IAED,MAAM,kBAAkB,GAAG,MAAK;;AAC9B,QAAA,IAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,gDAAE,KAAK;AAAE,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;QACxD,WAAW,CAAC,SAAS,CAAC;AACxB,KAAC;IAED,OAAO;QACL,kBAAkB;QAClB,QAAQ;QACR,QAAQ;QACR,kBAAkB;QAClB,WAAW;QACX,QAAQ;KACT;AACH;;;;"}

package/dist/components/UploadFile/hooks/useValidateInput/index.d.ts

@@ -0,0 +1 @@
+export { useValidateInput } from './useValidateInput';

package/dist/components/UploadFile/hooks/useValidateInput/useValidateInput.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var React = require('react');
+var constants = require('../../constants.cjs');
+
+const useValidateInput = ({ fileList, fileTypes, inputRef, maxBytes, }) => {
+    // Tracks error states within the input element itself, using preset
+    // error messages and assigns these to the input component based on the file
+    const setInputValidation = React.useCallback(() => {
+        var _a, _b, _c, _d;
+        let errorMessage = constants.InputErrorStateMessages.VALID;
+        if (!((_b = (_a = inputRef.current) === null || _a === undefined ? undefined : _a.files) === null || _b === undefined ? undefined : _b.length)) {
+            (_c = inputRef.current) === null || _c === undefined ? undefined : _c.setCustomValidity(errorMessage);
+            return;
+        }
+        const results = {
+            numberOfInvalidFormatFiles: 0,
+            numberOfInvalidSizeFiles: 0,
+            totalFiles: inputRef.current.files.length,
+        };
+        Array.from(inputRef.current.files).forEach((file) => {
+            // Check file size
+            if (file.size > maxBytes) {
+                results.numberOfInvalidSizeFiles += 1;
+            }
+            // Check file type/format
+            const [, extension] = file.type.split('/');
+            const isTypeValid = fileTypes.find((validType) => validType.substring(1) === extension);
+            if (!isTypeValid) {
+                results.numberOfInvalidFormatFiles += 1;
+            }
+        });
+        // Determine appropriate error message based on validation results
+        const hasFormatErrors = results.numberOfInvalidFormatFiles > 0;
+        const hasSizeErrors = results.numberOfInvalidSizeFiles > 0;
+        const isSingleFile = results.totalFiles === 1;
+        if (hasFormatErrors && hasSizeErrors) {
+            // Both format and size errors exist
+            errorMessage = constants.InputErrorStateMessages.INVALID_FORMAT_AND_SIZE;
+        }
+        else if (hasFormatErrors && !hasSizeErrors) {
+            // Only format errors
+            if (isSingleFile) {
+                errorMessage = constants.InputErrorStateMessages.INVALID_FORMAT;
+            }
+            else {
+                errorMessage = constants.InputErrorStateMessages.INVALID_FORMATS;
+            }
+        }
+        else if (!hasFormatErrors && hasSizeErrors) {
+            // Only size errors
+            if (isSingleFile) {
+                errorMessage = constants.InputErrorStateMessages.INVALID_SIZE;
+            }
+            else {
+                errorMessage = constants.InputErrorStateMessages.INVALID_SIZES;
+            }
+        }
+        // If no errors, errorMessage remains VALID
+        (_d = inputRef.current) === null || _d === undefined ? undefined : _d.setCustomValidity(errorMessage);
+    }, [inputRef, maxBytes, fileTypes]);
+    // Validate input whenever fileList changes
+    React.useEffect(() => {
+        setInputValidation();
+    }, [fileList, setInputValidation]);
+};
+
+exports.useValidateInput = useValidateInput;
+//# sourceMappingURL=useValidateInput.cjs.map

package/dist/components/UploadFile/hooks/useValidateInput/useValidateInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateInput.cjs","sources":["../../../../../src/components/UploadFile/hooks/useValidateInput/useValidateInput.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react';\nimport { AcceptedFileTypes, InputErrorStateMessages } from '../../constants';\n\ntype UseValidateInputProps = {\n  fileTypes: Array<AcceptedFileTypes>;\n  maxBytes: number;\n  fileList: FileList | undefined;\n  inputRef: React.MutableRefObject<HTMLInputElement | null>;\n};\n\nexport const useValidateInput = ({\n  fileList,\n  fileTypes,\n  inputRef,\n  maxBytes,\n}: UseValidateInputProps) => {\n  // Tracks error states within the input element itself, using preset\n  // error messages and assigns these to the input component based on the file\n  const setInputValidation = useCallback(() => {\n    let errorMessage = InputErrorStateMessages.VALID;\n\n    if (!inputRef.current?.files?.length) {\n      inputRef.current?.setCustomValidity(errorMessage);\n      return;\n    }\n\n    const results = {\n      numberOfInvalidFormatFiles: 0,\n      numberOfInvalidSizeFiles: 0,\n      totalFiles: inputRef.current.files.length,\n    };\n\n    Array.from(inputRef.current.files).forEach((file) => {\n      // Check file size\n      if (file.size > maxBytes) {\n        results.numberOfInvalidSizeFiles += 1;\n      }\n\n      // Check file type/format\n      const [, extension] = file.type.split('/');\n      const isTypeValid = fileTypes.find((validType) => validType.substring(1) === extension);\n      if (!isTypeValid) {\n        results.numberOfInvalidFormatFiles += 1;\n      }\n    });\n\n    // Determine appropriate error message based on validation results\n    const hasFormatErrors = results.numberOfInvalidFormatFiles > 0;\n    const hasSizeErrors = results.numberOfInvalidSizeFiles > 0;\n    const isSingleFile = results.totalFiles === 1;\n\n    if (hasFormatErrors && hasSizeErrors) {\n      // Both format and size errors exist\n      errorMessage = InputErrorStateMessages.INVALID_FORMAT_AND_SIZE;\n    } else if (hasFormatErrors && !hasSizeErrors) {\n      // Only format errors\n      if (isSingleFile) {\n        errorMessage = InputErrorStateMessages.INVALID_FORMAT;\n      } else {\n        errorMessage = InputErrorStateMessages.INVALID_FORMATS;\n      }\n    } else if (!hasFormatErrors && hasSizeErrors) {\n      // Only size errors\n      if (isSingleFile) {\n        errorMessage = InputErrorStateMessages.INVALID_SIZE;\n      } else {\n        errorMessage = InputErrorStateMessages.INVALID_SIZES;\n      }\n    }\n    // If no errors, errorMessage remains VALID\n\n    inputRef.current?.setCustomValidity(errorMessage);\n  }, [inputRef, maxBytes, fileTypes]);\n\n  // Validate input whenever fileList changes\n  useEffect(() => {\n    setInputValidation();\n  }, [fileList, setInputValidation]);\n};\n"],"names":["useCallback","InputErrorStateMessages","useEffect"],"mappings":";;;;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACc,KAAI;;;AAG1B,IAAA,MAAM,kBAAkB,GAAGA,iBAAW,CAAC,MAAK;;AAC1C,QAAA,IAAI,YAAY,GAAGC,iCAAuB,CAAC,KAAK;AAEhD,QAAA,IAAI,EAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,MAAM,CAAA,EAAE;YACpC,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,iBAAiB,CAAC,YAAY,CAAC;YACjD;AACD;AAED,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,0BAA0B,EAAE,CAAC;AAC7B,YAAA,wBAAwB,EAAE,CAAC;AAC3B,YAAA,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM;SAC1C;AAED,QAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;;AAElD,YAAA,IAAI,IAAI,CAAC,IAAI,GAAG,QAAQ,EAAE;AACxB,gBAAA,OAAO,CAAC,wBAAwB,IAAI,CAAC;AACtC;;AAGD,YAAA,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YAC1C,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;YACvF,IAAI,CAAC,WAAW,EAAE;AAChB,gBAAA,OAAO,CAAC,0BAA0B,IAAI,CAAC;AACxC;AACH,SAAC,CAAC;;AAGF,QAAA,MAAM,eAAe,GAAG,OAAO,CAAC,0BAA0B,GAAG,CAAC;AAC9D,QAAA,MAAM,aAAa,GAAG,OAAO,CAAC,wBAAwB,GAAG,CAAC;AAC1D,QAAA,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,KAAK,CAAC;QAE7C,IAAI,eAAe,IAAI,aAAa,EAAE;;AAEpC,YAAA,YAAY,GAAGA,iCAAuB,CAAC,uBAAuB;AAC/D;AAAM,aAAA,IAAI,eAAe,IAAI,CAAC,aAAa,EAAE;;AAE5C,YAAA,IAAI,YAAY,EAAE;AAChB,gBAAA,YAAY,GAAGA,iCAAuB,CAAC,cAAc;AACtD;AAAM,iBAAA;AACL,gBAAA,YAAY,GAAGA,iCAAuB,CAAC,eAAe;AACvD;AACF;AAAM,aAAA,IAAI,CAAC,eAAe,IAAI,aAAa,EAAE;;AAE5C,YAAA,IAAI,YAAY,EAAE;AAChB,gBAAA,YAAY,GAAGA,iCAAuB,CAAC,YAAY;AACpD;AAAM,iBAAA;AACL,gBAAA,YAAY,GAAGA,iCAAuB,CAAC,aAAa;AACrD;AACF;;QAGD,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,iBAAiB,CAAC,YAAY,CAAC;KAClD,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;;IAGnCC,eAAS,CAAC,MAAK;AACb,QAAA,kBAAkB,EAAE;AACtB,KAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;AACpC;;;;"}

package/dist/components/UploadFile/hooks/useValidateInput/useValidateInput.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { AcceptedFileTypes } from '../../constants';
+type UseValidateInputProps = {
+    fileTypes: Array<AcceptedFileTypes>;
+    maxBytes: number;
+    fileList: FileList | undefined;
+    inputRef: React.MutableRefObject<HTMLInputElement | null>;
+};
+export declare const useValidateInput: ({ fileList, fileTypes, inputRef, maxBytes, }: UseValidateInputProps) => void;
+export {};

package/dist/components/UploadFile/hooks/useValidateInput/useValidateInput.js

@@ -0,0 +1,67 @@
+import { useCallback, useEffect } from 'react';
+import { InputErrorStateMessages } from '../../constants.js';
+
+const useValidateInput = ({ fileList, fileTypes, inputRef, maxBytes, }) => {
+    // Tracks error states within the input element itself, using preset
+    // error messages and assigns these to the input component based on the file
+    const setInputValidation = useCallback(() => {
+        var _a, _b, _c, _d;
+        let errorMessage = InputErrorStateMessages.VALID;
+        if (!((_b = (_a = inputRef.current) === null || _a === undefined ? undefined : _a.files) === null || _b === undefined ? undefined : _b.length)) {
+            (_c = inputRef.current) === null || _c === undefined ? undefined : _c.setCustomValidity(errorMessage);
+            return;
+        }
+        const results = {
+            numberOfInvalidFormatFiles: 0,
+            numberOfInvalidSizeFiles: 0,
+            totalFiles: inputRef.current.files.length,
+        };
+        Array.from(inputRef.current.files).forEach((file) => {
+            // Check file size
+            if (file.size > maxBytes) {
+                results.numberOfInvalidSizeFiles += 1;
+            }
+            // Check file type/format
+            const [, extension] = file.type.split('/');
+            const isTypeValid = fileTypes.find((validType) => validType.substring(1) === extension);
+            if (!isTypeValid) {
+                results.numberOfInvalidFormatFiles += 1;
+            }
+        });
+        // Determine appropriate error message based on validation results
+        const hasFormatErrors = results.numberOfInvalidFormatFiles > 0;
+        const hasSizeErrors = results.numberOfInvalidSizeFiles > 0;
+        const isSingleFile = results.totalFiles === 1;
+        if (hasFormatErrors && hasSizeErrors) {
+            // Both format and size errors exist
+            errorMessage = InputErrorStateMessages.INVALID_FORMAT_AND_SIZE;
+        }
+        else if (hasFormatErrors && !hasSizeErrors) {
+            // Only format errors
+            if (isSingleFile) {
+                errorMessage = InputErrorStateMessages.INVALID_FORMAT;
+            }
+            else {
+                errorMessage = InputErrorStateMessages.INVALID_FORMATS;
+            }
+        }
+        else if (!hasFormatErrors && hasSizeErrors) {
+            // Only size errors
+            if (isSingleFile) {
+                errorMessage = InputErrorStateMessages.INVALID_SIZE;
+            }
+            else {
+                errorMessage = InputErrorStateMessages.INVALID_SIZES;
+            }
+        }
+        // If no errors, errorMessage remains VALID
+        (_d = inputRef.current) === null || _d === undefined ? undefined : _d.setCustomValidity(errorMessage);
+    }, [inputRef, maxBytes, fileTypes]);
+    // Validate input whenever fileList changes
+    useEffect(() => {
+        setInputValidation();
+    }, [fileList, setInputValidation]);
+};
+
+export { useValidateInput };
+//# sourceMappingURL=useValidateInput.js.map

package/dist/components/UploadFile/hooks/useValidateInput/useValidateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateInput.js","sources":["../../../../../src/components/UploadFile/hooks/useValidateInput/useValidateInput.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react';\nimport { AcceptedFileTypes, InputErrorStateMessages } from '../../constants';\n\ntype UseValidateInputProps = {\n  fileTypes: Array<AcceptedFileTypes>;\n  maxBytes: number;\n  fileList: FileList | undefined;\n  inputRef: React.MutableRefObject<HTMLInputElement | null>;\n};\n\nexport const useValidateInput = ({\n  fileList,\n  fileTypes,\n  inputRef,\n  maxBytes,\n}: UseValidateInputProps) => {\n  // Tracks error states within the input element itself, using preset\n  // error messages and assigns these to the input component based on the file\n  const setInputValidation = useCallback(() => {\n    let errorMessage = InputErrorStateMessages.VALID;\n\n    if (!inputRef.current?.files?.length) {\n      inputRef.current?.setCustomValidity(errorMessage);\n      return;\n    }\n\n    const results = {\n      numberOfInvalidFormatFiles: 0,\n      numberOfInvalidSizeFiles: 0,\n      totalFiles: inputRef.current.files.length,\n    };\n\n    Array.from(inputRef.current.files).forEach((file) => {\n      // Check file size\n      if (file.size > maxBytes) {\n        results.numberOfInvalidSizeFiles += 1;\n      }\n\n      // Check file type/format\n      const [, extension] = file.type.split('/');\n      const isTypeValid = fileTypes.find((validType) => validType.substring(1) === extension);\n      if (!isTypeValid) {\n        results.numberOfInvalidFormatFiles += 1;\n      }\n    });\n\n    // Determine appropriate error message based on validation results\n    const hasFormatErrors = results.numberOfInvalidFormatFiles > 0;\n    const hasSizeErrors = results.numberOfInvalidSizeFiles > 0;\n    const isSingleFile = results.totalFiles === 1;\n\n    if (hasFormatErrors && hasSizeErrors) {\n      // Both format and size errors exist\n      errorMessage = InputErrorStateMessages.INVALID_FORMAT_AND_SIZE;\n    } else if (hasFormatErrors && !hasSizeErrors) {\n      // Only format errors\n      if (isSingleFile) {\n        errorMessage = InputErrorStateMessages.INVALID_FORMAT;\n      } else {\n        errorMessage = InputErrorStateMessages.INVALID_FORMATS;\n      }\n    } else if (!hasFormatErrors && hasSizeErrors) {\n      // Only size errors\n      if (isSingleFile) {\n        errorMessage = InputErrorStateMessages.INVALID_SIZE;\n      } else {\n        errorMessage = InputErrorStateMessages.INVALID_SIZES;\n      }\n    }\n    // If no errors, errorMessage remains VALID\n\n    inputRef.current?.setCustomValidity(errorMessage);\n  }, [inputRef, maxBytes, fileTypes]);\n\n  // Validate input whenever fileList changes\n  useEffect(() => {\n    setInputValidation();\n  }, [fileList, setInputValidation]);\n};\n"],"names":[],"mappings":";;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACc,KAAI;;;AAG1B,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;;AAC1C,QAAA,IAAI,YAAY,GAAG,uBAAuB,CAAC,KAAK;AAEhD,QAAA,IAAI,EAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,MAAM,CAAA,EAAE;YACpC,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,iBAAiB,CAAC,YAAY,CAAC;YACjD;AACD;AAED,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,0BAA0B,EAAE,CAAC;AAC7B,YAAA,wBAAwB,EAAE,CAAC;AAC3B,YAAA,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM;SAC1C;AAED,QAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;;AAElD,YAAA,IAAI,IAAI,CAAC,IAAI,GAAG,QAAQ,EAAE;AACxB,gBAAA,OAAO,CAAC,wBAAwB,IAAI,CAAC;AACtC;;AAGD,YAAA,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YAC1C,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;YACvF,IAAI,CAAC,WAAW,EAAE;AAChB,gBAAA,OAAO,CAAC,0BAA0B,IAAI,CAAC;AACxC;AACH,SAAC,CAAC;;AAGF,QAAA,MAAM,eAAe,GAAG,OAAO,CAAC,0BAA0B,GAAG,CAAC;AAC9D,QAAA,MAAM,aAAa,GAAG,OAAO,CAAC,wBAAwB,GAAG,CAAC;AAC1D,QAAA,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,KAAK,CAAC;QAE7C,IAAI,eAAe,IAAI,aAAa,EAAE;;AAEpC,YAAA,YAAY,GAAG,uBAAuB,CAAC,uBAAuB;AAC/D;AAAM,aAAA,IAAI,eAAe,IAAI,CAAC,aAAa,EAAE;;AAE5C,YAAA,IAAI,YAAY,EAAE;AAChB,gBAAA,YAAY,GAAG,uBAAuB,CAAC,cAAc;AACtD;AAAM,iBAAA;AACL,gBAAA,YAAY,GAAG,uBAAuB,CAAC,eAAe;AACvD;AACF;AAAM,aAAA,IAAI,CAAC,eAAe,IAAI,aAAa,EAAE;;AAE5C,YAAA,IAAI,YAAY,EAAE;AAChB,gBAAA,YAAY,GAAG,uBAAuB,CAAC,YAAY;AACpD;AAAM,iBAAA;AACL,gBAAA,YAAY,GAAG,uBAAuB,CAAC,aAAa;AACrD;AACF;;QAGD,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,iBAAiB,CAAC,YAAY,CAAC;KAClD,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;;IAGnC,SAAS,CAAC,MAAK;AACb,QAAA,kBAAkB,EAAE;AACtB,KAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;AACpC;;;;"}

package/dist/components/UploadFile/mocks/files.d.ts

@@ -1,2 +1,4 @@
 export declare const mockImageFile: File;
 export declare const mockCsvFile: File;
+export declare const mockOtherCsvFile: File;
+export declare const mockAnotherCsvFile: File;

package/dist/components/UploadFile/mocks/mockUseUploadFile.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="jest" />
+export declare const mockUseRemoveUploadFile: () => {
+    mockRemoveFileFromList: jest.Mock<any, any, any>;
+};
+export declare const mockUseUploadFile: () => {
+    mockRemoveFileFromList: jest.Mock<any, any, any>;
+    mockClearFileSelection: jest.Mock<any, any, any>;
+    mockInputRef: {
+        current: null;
+    };
+    mockOnCancel: jest.Mock<any, any, any>;
+    mockSetFileList: jest.Mock<any, any, any>;
+    mockFileList: undefined;
+};

package/dist/components/UploadFile/mocks/utils.d.ts

@@ -4,7 +4,6 @@ type MockHelperProps = {
 };
 export declare const mockDrop: ({ file, label }: MockHelperProps) => void;
 export declare const mockDragOver: ({ file, label }: MockHelperProps) => void;
-export declare const getDefaultInput: () => HTMLElement;
+export declare const getDefaultInput: () => HTMLInputElement;
 export declare const getStyledDropzoneContainer: () => HTMLElement;
-export declare const getUploadGraphic: () => HTMLElement;
 export {};