@veeqo/ui 12.5.1 → 13.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropCopy.js","sources":["../../../../../src/components/UploadFile/components/DropCopy/DropCopy.tsx"],"sourcesContent":["import React from 'react';\nimport { motion } from 'framer-motion';\nimport { theme } from 'Theme';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Text } from '../../../Text';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { ArrowDownIcon } from '../../../../icons';\n\nexport const DropCopy = () => (\n  <FlexCol alignItems=\"center\" gap=\"sm\" style={{ pointerEvents: 'none' }}>\n    <div style={{ height: 24, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n      <motion.div\n        animate={{\n          y: [0, 8, 0],\n        }}\n        transition={{\n          duration: 1,\n          repeat: Infinity,\n          ease: 'easeInOut',\n        }}\n      >\n        <ArrowDownIcon height={24} width={24} />\n      </motion.div>\n    </div>\n    <Text variant=\"body\" style={{ paddingTop: sizes.sm, color: theme.colors.neutral.ink.base }}>\n      Drop to upload\n    </Text>\n  </FlexCol>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAQa,MAAA,QAAQ,GAAG,OACtBA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA;AACpE,IAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA;AACzF,QAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACT,OAAO,EAAE;AACP,gBAAA,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACb,aAAA,EACD,UAAU,EAAE;AACV,gBAAA,QAAQ,EAAE,CAAC;AACX,gBAAA,MAAM,EAAE,QAAQ;AAChB,gBAAA,IAAI,EAAE,WAAW;AAClB,aAAA,EAAA;YAEDA,cAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAI,CAAA,CAC7B,CACT;AACN,IAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,EAEnF,EAAA,gBAAA,CAAA,CACC;;;;"}

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
 var React = require('react');
-var UploadGraphic = require('../../UploadGraphic.cjs');
+var index = require('../../../../theme/index.cjs');
 var sizes = require('../../../../theme/modules/sizes.cjs');
-var Stack = require('../../../Stack/Stack.cjs');
-require('../../../Stack/types.cjs');
 var Text = require('../../../Text/Text.cjs');
+var FlexCol = require('../../../Flex/FlexCol/FlexCol.cjs');
+var CloudUploadIcon = require('../../../../icons/design-system/components/CloudUploadIcon.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const UploadCopy = () => (React__default.default.createElement(Stack.Stack, { alignX: "center", alignY: "center", spacing: "sm", style: { pointerEvents: 'none' } },
-    React__default.default.createElement(UploadGraphic.UploadGraphic, null),
-    React__default.default.createElement(Text.Text, { variant: "subheadingSmall", style: { paddingTop: sizes.sizes.sm } }, "Browse files or drag them here")));
+const UploadCopy = () => (React__default.default.createElement(FlexCol.FlexCol, { alignItems: "center", gap: "sm", style: { pointerEvents: 'none' } },
+    React__default.default.createElement(CloudUploadIcon.ReactComponent, { width: 24, height: 24 }),
+    React__default.default.createElement(Text.Text, { variant: "body", style: { paddingTop: sizes.sizes.sm, color: index.theme.colors.neutral.ink.base } }, "Browse files or drag them here")));
 
 exports.UploadCopy = UploadCopy;
 //# sourceMappingURL=UploadCopy.cjs.map

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadCopy.cjs","sources":["../../../../../src/components/UploadFile/components/UploadCopy/UploadCopy.tsx"],"sourcesContent":["import React from 'react';\nimport { UploadGraphic } from '../../UploadGraphic';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\nimport { Text } from '../../../Text';\n\nexport const UploadCopy = () => (\n  <Stack alignX=\"center\" alignY=\"center\" spacing=\"sm\" style={{ pointerEvents: 'none' }}>\n    <UploadGraphic />\n    <Text variant=\"subheadingSmall\" style={{ paddingTop: sizes.sm }}>\n      Browse files or drag them here\n    </Text>\n  </Stack>\n);\n"],"names":["React","Stack","UploadGraphic","Text","sizes"],"mappings":";;;;;;;;;;;;;AAMO,MAAM,UAAU,GAAG,OACxBA,sBAAC,CAAA,aAAA,CAAAC,WAAK,EAAC,EAAA,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA;AAClF,IAAAD,sBAAA,CAAA,aAAA,CAACE,2BAAa,EAAG,IAAA,CAAA;AACjB,IAAAF,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAC,EAAA,OAAO,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAEC,WAAK,CAAC,EAAE,EAAE,EAExD,EAAA,gCAAA,CAAA,CACD;;;;"}
+{"version":3,"file":"UploadCopy.cjs","sources":["../../../../../src/components/UploadFile/components/UploadCopy/UploadCopy.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from 'Theme';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Text } from '../../../Text';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { CloudUploadIcon } from '../../../../icons';\n\nexport const UploadCopy = () => (\n  <FlexCol alignItems=\"center\" gap=\"sm\" style={{ pointerEvents: 'none' }}>\n    <CloudUploadIcon width={24} height={24} />\n    <Text variant=\"body\" style={{ paddingTop: sizes.sm, color: theme.colors.neutral.ink.base }}>\n      Browse files or drag them here\n    </Text>\n  </FlexCol>\n);\n"],"names":["React","FlexCol","CloudUploadIcon","Text","sizes","theme"],"mappings":";;;;;;;;;;;;;AAOa,MAAA,UAAU,GAAG,OACxBA,sBAAC,CAAA,aAAA,CAAAC,eAAO,EAAC,EAAA,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA;IACpED,sBAAC,CAAA,aAAA,CAAAE,8BAAe,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAI,CAAA;AAC1C,IAAAF,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAEC,WAAK,CAAC,EAAE,EAAE,KAAK,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,EAEnF,EAAA,gCAAA,CAAA,CACC;;;;"}

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { UploadGraphic } from '../../UploadGraphic.js';
+import { theme } from '../../../../theme/index.js';
 import { sizes } from '../../../../theme/modules/sizes.js';
-import { Stack } from '../../../Stack/Stack.js';
-import '../../../Stack/types.js';
 import { Text } from '../../../Text/Text.js';
+import { FlexCol } from '../../../Flex/FlexCol/FlexCol.js';
+import { ReactComponent as CloudUploadIcon } from '../../../../icons/design-system/components/CloudUploadIcon.js';
 
-const UploadCopy = () => (React__default.createElement(Stack, { alignX: "center", alignY: "center", spacing: "sm", style: { pointerEvents: 'none' } },
-    React__default.createElement(UploadGraphic, null),
-    React__default.createElement(Text, { variant: "subheadingSmall", style: { paddingTop: sizes.sm } }, "Browse files or drag them here")));
+const UploadCopy = () => (React__default.createElement(FlexCol, { alignItems: "center", gap: "sm", style: { pointerEvents: 'none' } },
+    React__default.createElement(CloudUploadIcon, { width: 24, height: 24 }),
+    React__default.createElement(Text, { variant: "body", style: { paddingTop: sizes.sm, color: theme.colors.neutral.ink.base } }, "Browse files or drag them here")));
 
 export { UploadCopy };
 //# sourceMappingURL=UploadCopy.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UploadCopy.js","sources":["../../../../../src/components/UploadFile/components/UploadCopy/UploadCopy.tsx"],"sourcesContent":["import React from 'react';\nimport { UploadGraphic } from '../../UploadGraphic';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\nimport { Text } from '../../../Text';\n\nexport const UploadCopy = () => (\n  <Stack alignX=\"center\" alignY=\"center\" spacing=\"sm\" style={{ pointerEvents: 'none' }}>\n    <UploadGraphic />\n    <Text variant=\"subheadingSmall\" style={{ paddingTop: sizes.sm }}>\n      Browse files or drag them here\n    </Text>\n  </Stack>\n);\n"],"names":["React"],"mappings":";;;;;;;AAMO,MAAM,UAAU,GAAG,OACxBA,cAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA;AAClF,IAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAG,IAAA,CAAA;AACjB,IAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,EAExD,EAAA,gCAAA,CAAA,CACD;;;;"}
+{"version":3,"file":"UploadCopy.js","sources":["../../../../../src/components/UploadFile/components/UploadCopy/UploadCopy.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from 'Theme';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Text } from '../../../Text';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { CloudUploadIcon } from '../../../../icons';\n\nexport const UploadCopy = () => (\n  <FlexCol alignItems=\"center\" gap=\"sm\" style={{ pointerEvents: 'none' }}>\n    <CloudUploadIcon width={24} height={24} />\n    <Text variant=\"body\" style={{ paddingTop: sizes.sm, color: theme.colors.neutral.ink.base }}>\n      Browse files or drag them here\n    </Text>\n  </FlexCol>\n);\n"],"names":["React"],"mappings":";;;;;;;AAOa,MAAA,UAAU,GAAG,OACxBA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA;IACpEA,cAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAI,CAAA;AAC1C,IAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,EAEnF,EAAA,gCAAA,CAAA,CACC;;;;"}

package/dist/components/UploadFile/constants.cjs

@@ -2,22 +2,85 @@
 
 exports.AcceptedFileTypes = void 0;
 (function (AcceptedFileTypes) {
+    // DATA FILES
     AcceptedFileTypes["CSV"] = ".csv";
+    AcceptedFileTypes["JSON"] = ".json";
+    AcceptedFileTypes["XML"] = ".xml";
+    AcceptedFileTypes["TXT"] = ".txt";
+    // DOCUMENTS
+    AcceptedFileTypes["PDF"] = ".pdf";
+    AcceptedFileTypes["DOC"] = ".doc";
+    AcceptedFileTypes["DOCX"] = ".docx";
+    AcceptedFileTypes["XLS"] = ".xls";
+    AcceptedFileTypes["XLSX"] = ".xlsx";
+    AcceptedFileTypes["PPT"] = ".ppt";
+    AcceptedFileTypes["PPTX"] = ".pptx";
+    AcceptedFileTypes["ODT"] = ".odt";
+    AcceptedFileTypes["ODS"] = ".ods";
+    AcceptedFileTypes["ODP"] = ".odp";
+    AcceptedFileTypes["RTF"] = ".rtf";
+    // IMAGES
     AcceptedFileTypes["JPEG"] = ".jpeg";
     AcceptedFileTypes["JPG"] = ".jpg";
-    AcceptedFileTypes["GIF"] = ".gif";
     AcceptedFileTypes["PNG"] = ".png";
+    AcceptedFileTypes["GIF"] = ".gif";
+    AcceptedFileTypes["BMP"] = ".bmp";
+    AcceptedFileTypes["WEBP"] = ".webp";
+    AcceptedFileTypes["SVG"] = ".svg";
+    AcceptedFileTypes["ICO"] = ".ico";
+    AcceptedFileTypes["TIFF"] = ".tiff";
+    AcceptedFileTypes["TIF"] = ".tif";
+    // AUDIO
+    AcceptedFileTypes["MP3"] = ".mp3";
+    AcceptedFileTypes["WAV"] = ".wav";
+    AcceptedFileTypes["OGG"] = ".ogg";
+    AcceptedFileTypes["AAC"] = ".aac";
+    AcceptedFileTypes["FLAC"] = ".flac";
+    AcceptedFileTypes["M4A"] = ".m4a";
+    AcceptedFileTypes["WMA"] = ".wma";
+    // VIDEO
+    AcceptedFileTypes["MP4"] = ".mp4";
+    AcceptedFileTypes["AVI"] = ".avi";
+    AcceptedFileTypes["MOV"] = ".mov";
+    AcceptedFileTypes["WMV"] = ".wmv";
+    AcceptedFileTypes["FLV"] = ".flv";
+    AcceptedFileTypes["WEBM"] = ".webm";
+    AcceptedFileTypes["MKV"] = ".mkv";
+    AcceptedFileTypes["M4V"] = ".m4v";
+    // ARCHIVES
+    AcceptedFileTypes["ZIP"] = ".zip";
+    AcceptedFileTypes["RAR"] = ".rar";
+    AcceptedFileTypes["SEVEN_Z"] = ".7z";
+    AcceptedFileTypes["TAR"] = ".tar";
+    AcceptedFileTypes["GZ"] = ".gz";
 })(exports.AcceptedFileTypes || (exports.AcceptedFileTypes = {}));
 exports.FileSizeUnit = void 0;
 (function (FileSizeUnit) {
     FileSizeUnit["KB"] = "KB";
     FileSizeUnit["MB"] = "MB";
 })(exports.FileSizeUnit || (exports.FileSizeUnit = {}));
-exports.InputState = void 0;
-(function (InputState) {
-    InputState["VALID"] = "";
-    InputState["INVALID_FORMAT"] = "File is incorrect format";
-    InputState["INVALID_SIZE"] = "File size is too big";
-    InputState["INVALID_FORMAT_AND_SIZE"] = "File is incorrect format and too big";
-})(exports.InputState || (exports.InputState = {}));
+exports.ErrorType = void 0;
+(function (ErrorType) {
+    ErrorType["critical"] = "CRITICAL";
+    ErrorType["warning"] = "WARNING";
+})(exports.ErrorType || (exports.ErrorType = {}));
+exports.CriticalErrorMessages = void 0;
+(function (CriticalErrorMessages) {
+    CriticalErrorMessages["INVALID_FORMAT"] = "Invalid format";
+    CriticalErrorMessages["FILE_IS_TOO_BIG"] = "File is too big";
+})(exports.CriticalErrorMessages || (exports.CriticalErrorMessages = {}));
+const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;
+const DEFAULT_MAXIMUM_FILE_BYTES = 1000000;
+exports.InputErrorStateMessages = void 0;
+(function (InputErrorStateMessages) {
+    InputErrorStateMessages["VALID"] = "";
+    InputErrorStateMessages["INVALID_FORMAT"] = "Please provide a file with a valid format.";
+    InputErrorStateMessages["INVALID_FORMATS"] = "Please provide files with a valid format.";
+    InputErrorStateMessages["INVALID_SIZE"] = "Please provide file with an acceptable size.";
+    InputErrorStateMessages["INVALID_SIZES"] = "Please provide files with an acceptable size.";
+    InputErrorStateMessages["INVALID_FORMAT_AND_SIZE"] = "Please provide files with an acceptable size and format.";
+})(exports.InputErrorStateMessages || (exports.InputErrorStateMessages = {}));
+
+exports.DEFAULT_MAXIMUM_FILE_BYTES = DEFAULT_MAXIMUM_FILE_BYTES;
+exports.DEFAULT_MAXIMUM_MULTIPLE_FILES = DEFAULT_MAXIMUM_MULTIPLE_FILES;
 //# sourceMappingURL=constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","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":["AcceptedFileTypes","FileSizeUnit","InputState"],"mappings":";;AAAYA;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,EANWA,yBAAiB,KAAjBA,yBAAiB,GAM5B,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAY,YAAY,EAAA;AACtB,IAAA,YAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,YAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACX,CAAC,EAHWA,oBAAY,KAAZA,oBAAY,GAGvB,EAAA,CAAA,CAAA;AAEWC;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,EALWA,kBAAU,KAAVA,kBAAU,GAKrB,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"constants.cjs","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 enum CriticalErrorMessages {\n  INVALID_FORMAT = 'Invalid format',\n  FILE_IS_TOO_BIG = 'File is too big',\n}\n\nexport const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;\n\nexport const DEFAULT_MAXIMUM_FILE_BYTES = 1000000;\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":["AcceptedFileTypes","FileSizeUnit","ErrorType","CriticalErrorMessages","InputErrorStateMessages"],"mappings":"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"}

package/dist/components/UploadFile/constants.d.ts

@@ -1,17 +1,69 @@
 export declare enum AcceptedFileTypes {
     CSV = ".csv",
+    JSON = ".json",
+    XML = ".xml",
+    TXT = ".txt",
+    PDF = ".pdf",
+    DOC = ".doc",
+    DOCX = ".docx",
+    XLS = ".xls",
+    XLSX = ".xlsx",
+    PPT = ".ppt",
+    PPTX = ".pptx",
+    ODT = ".odt",
+    ODS = ".ods",
+    ODP = ".odp",
+    RTF = ".rtf",
     JPEG = ".jpeg",
     JPG = ".jpg",
+    PNG = ".png",
     GIF = ".gif",
-    PNG = ".png"
+    BMP = ".bmp",
+    WEBP = ".webp",
+    SVG = ".svg",
+    ICO = ".ico",
+    TIFF = ".tiff",
+    TIF = ".tif",
+    MP3 = ".mp3",
+    WAV = ".wav",
+    OGG = ".ogg",
+    AAC = ".aac",
+    FLAC = ".flac",
+    M4A = ".m4a",
+    WMA = ".wma",
+    MP4 = ".mp4",
+    AVI = ".avi",
+    MOV = ".mov",
+    WMV = ".wmv",
+    FLV = ".flv",
+    WEBM = ".webm",
+    MKV = ".mkv",
+    M4V = ".m4v",
+    ZIP = ".zip",
+    RAR = ".rar",
+    SEVEN_Z = ".7z",
+    TAR = ".tar",
+    GZ = ".gz"
 }
 export declare enum FileSizeUnit {
     KB = "KB",
     MB = "MB"
 }
-export declare enum InputState {
+export declare enum ErrorType {
+    critical = "CRITICAL",
+    warning = "WARNING"
+}
+export declare enum CriticalErrorMessages {
+    INVALID_FORMAT = "Invalid format",
+    FILE_IS_TOO_BIG = "File is too big"
+}
+export declare const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;
+export declare const DEFAULT_MAXIMUM_FILE_BYTES = 1000000;
+export declare enum InputErrorStateMessages {
     VALID = "",
-    INVALID_FORMAT = "File is incorrect format",
-    INVALID_SIZE = "File size is too big",
-    INVALID_FORMAT_AND_SIZE = "File is incorrect format and too big"
+    INVALID_FORMAT = "Please provide a file with a valid format.",
+    INVALID_FORMATS = "Please provide files with a valid format.",
+    INVALID_SIZE = "Please provide file with an acceptable size.",
+    INVALID_SIZES = "Please provide files with an acceptable size.",
+    INVALID_FORMAT_AND_SIZE = "Please provide files with an acceptable size and format."
 }

package/dist/components/UploadFile/constants.js

@@ -1,23 +1,83 @@
 var AcceptedFileTypes;
 (function (AcceptedFileTypes) {
+    // DATA FILES
     AcceptedFileTypes["CSV"] = ".csv";
+    AcceptedFileTypes["JSON"] = ".json";
+    AcceptedFileTypes["XML"] = ".xml";
+    AcceptedFileTypes["TXT"] = ".txt";
+    // DOCUMENTS
+    AcceptedFileTypes["PDF"] = ".pdf";
+    AcceptedFileTypes["DOC"] = ".doc";
+    AcceptedFileTypes["DOCX"] = ".docx";
+    AcceptedFileTypes["XLS"] = ".xls";
+    AcceptedFileTypes["XLSX"] = ".xlsx";
+    AcceptedFileTypes["PPT"] = ".ppt";
+    AcceptedFileTypes["PPTX"] = ".pptx";
+    AcceptedFileTypes["ODT"] = ".odt";
+    AcceptedFileTypes["ODS"] = ".ods";
+    AcceptedFileTypes["ODP"] = ".odp";
+    AcceptedFileTypes["RTF"] = ".rtf";
+    // IMAGES
     AcceptedFileTypes["JPEG"] = ".jpeg";
     AcceptedFileTypes["JPG"] = ".jpg";
-    AcceptedFileTypes["GIF"] = ".gif";
     AcceptedFileTypes["PNG"] = ".png";
+    AcceptedFileTypes["GIF"] = ".gif";
+    AcceptedFileTypes["BMP"] = ".bmp";
+    AcceptedFileTypes["WEBP"] = ".webp";
+    AcceptedFileTypes["SVG"] = ".svg";
+    AcceptedFileTypes["ICO"] = ".ico";
+    AcceptedFileTypes["TIFF"] = ".tiff";
+    AcceptedFileTypes["TIF"] = ".tif";
+    // AUDIO
+    AcceptedFileTypes["MP3"] = ".mp3";
+    AcceptedFileTypes["WAV"] = ".wav";
+    AcceptedFileTypes["OGG"] = ".ogg";
+    AcceptedFileTypes["AAC"] = ".aac";
+    AcceptedFileTypes["FLAC"] = ".flac";
+    AcceptedFileTypes["M4A"] = ".m4a";
+    AcceptedFileTypes["WMA"] = ".wma";
+    // VIDEO
+    AcceptedFileTypes["MP4"] = ".mp4";
+    AcceptedFileTypes["AVI"] = ".avi";
+    AcceptedFileTypes["MOV"] = ".mov";
+    AcceptedFileTypes["WMV"] = ".wmv";
+    AcceptedFileTypes["FLV"] = ".flv";
+    AcceptedFileTypes["WEBM"] = ".webm";
+    AcceptedFileTypes["MKV"] = ".mkv";
+    AcceptedFileTypes["M4V"] = ".m4v";
+    // ARCHIVES
+    AcceptedFileTypes["ZIP"] = ".zip";
+    AcceptedFileTypes["RAR"] = ".rar";
+    AcceptedFileTypes["SEVEN_Z"] = ".7z";
+    AcceptedFileTypes["TAR"] = ".tar";
+    AcceptedFileTypes["GZ"] = ".gz";
 })(AcceptedFileTypes || (AcceptedFileTypes = {}));
 var FileSizeUnit;
 (function (FileSizeUnit) {
     FileSizeUnit["KB"] = "KB";
     FileSizeUnit["MB"] = "MB";
 })(FileSizeUnit || (FileSizeUnit = {}));
-var InputState;
-(function (InputState) {
-    InputState["VALID"] = "";
-    InputState["INVALID_FORMAT"] = "File is incorrect format";
-    InputState["INVALID_SIZE"] = "File size is too big";
-    InputState["INVALID_FORMAT_AND_SIZE"] = "File is incorrect format and too big";
-})(InputState || (InputState = {}));
+var ErrorType;
+(function (ErrorType) {
+    ErrorType["critical"] = "CRITICAL";
+    ErrorType["warning"] = "WARNING";
+})(ErrorType || (ErrorType = {}));
+var CriticalErrorMessages;
+(function (CriticalErrorMessages) {
+    CriticalErrorMessages["INVALID_FORMAT"] = "Invalid format";
+    CriticalErrorMessages["FILE_IS_TOO_BIG"] = "File is too big";
+})(CriticalErrorMessages || (CriticalErrorMessages = {}));
+const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;
+const DEFAULT_MAXIMUM_FILE_BYTES = 1000000;
+var InputErrorStateMessages;
+(function (InputErrorStateMessages) {
+    InputErrorStateMessages["VALID"] = "";
+    InputErrorStateMessages["INVALID_FORMAT"] = "Please provide a file with a valid format.";
+    InputErrorStateMessages["INVALID_FORMATS"] = "Please provide files with a valid format.";
+    InputErrorStateMessages["INVALID_SIZE"] = "Please provide file with an acceptable size.";
+    InputErrorStateMessages["INVALID_SIZES"] = "Please provide files with an acceptable size.";
+    InputErrorStateMessages["INVALID_FORMAT_AND_SIZE"] = "Please provide files with an acceptable size and format.";
+})(InputErrorStateMessages || (InputErrorStateMessages = {}));
 
-export { AcceptedFileTypes, FileSizeUnit, InputState };
+export { AcceptedFileTypes, CriticalErrorMessages, DEFAULT_MAXIMUM_FILE_BYTES, DEFAULT_MAXIMUM_MULTIPLE_FILES, ErrorType, FileSizeUnit, InputErrorStateMessages };
 //# sourceMappingURL=constants.js.map

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 enum CriticalErrorMessages {\n  INVALID_FORMAT = 'Invalid format',\n  FILE_IS_TOO_BIG = 'File is too big',\n}\n\nexport const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;\n\nexport const DEFAULT_MAXIMUM_FILE_BYTES = 1000000;\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/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 = React.useCallback((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);
+    }, [fileList]);
+    const clearFileSelection = React.useCallback(() => {
+        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 = useCallback(\n    (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    [fileList],\n  );\n\n  const clearFileSelection = useCallback(() => {\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,GAAGA,iBAAW,CACpC,CAAC,YAAkB,KAAI;AACrB,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,EACD,CAAC,QAAQ,CAAC,CACX;AAED,IAAA,MAAM,kBAAkB,GAAGA,iBAAW,CAAC,MAAK;;AAC1C,QAAA,IAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,gDAAE,KAAK;AAAE,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;QACxD,WAAW,CAAC,SAAS,CAAC;KACvB,EAAE,EAAE,CAAC;IAEN,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 = useCallback((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);
+    }, [fileList]);
+    const clearFileSelection = useCallback(() => {
+        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 = useCallback(\n    (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    [fileList],\n  );\n\n  const clearFileSelection = useCallback(() => {\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,WAAW,CACpC,CAAC,YAAkB,KAAI;AACrB,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,EACD,CAAC,QAAQ,CAAC,CACX;AAED,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;;AAC1C,QAAA,IAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,gDAAE,KAAK;AAAE,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;QACxD,WAAW,CAAC,SAAS,CAAC;KACvB,EAAE,EAAE,CAAC;IAEN,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,48 @@
+'use strict';
+
+var React = require('react');
+var constants = require('../../constants.cjs');
+var getErrorMessage = require('../../utils/getErrorMessage/getErrorMessage.cjs');
+
+const useValidateInput = ({ fileList, fileTypes, inputRef, maxBytes, errorMessage: customErrorMessage, }) => {
+    // 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 = customErrorMessage || 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;
+        errorMessage = getErrorMessage.getErrorMessage({ hasFormatErrors, hasSizeErrors, isSingleFile });
+        (_d = inputRef.current) === null || _d === undefined ? undefined : _d.setCustomValidity(errorMessage);
+    }, [customErrorMessage, inputRef, maxBytes, fileTypes]);
+    // Validate input whenever fileList changes
+    React.useEffect(() => {
+        setInputValidation();
+    }, [fileList, setInputValidation, customErrorMessage]);
+};
+
+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';\nimport { getErrorMessage } from '../../utils/getErrorMessage';\n\ntype UseValidateInputProps = {\n  fileTypes: Array<AcceptedFileTypes>;\n  maxBytes: number;\n  fileList: FileList | undefined;\n  inputRef: React.MutableRefObject<HTMLInputElement | null>;\n  errorMessage?: string;\n};\n\nexport const useValidateInput = ({\n  fileList,\n  fileTypes,\n  inputRef,\n  maxBytes,\n  errorMessage: customErrorMessage,\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 = customErrorMessage || 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    errorMessage = getErrorMessage({ hasFormatErrors, hasSizeErrors, isSingleFile });\n\n    inputRef.current?.setCustomValidity(errorMessage);\n  }, [customErrorMessage, inputRef, maxBytes, fileTypes]);\n\n  // Validate input whenever fileList changes\n  useEffect(() => {\n    setInputValidation();\n  }, [fileList, setInputValidation, customErrorMessage]);\n};\n"],"names":["useCallback","InputErrorStateMessages","getErrorMessage","useEffect"],"mappings":";;;;;;AAYa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,kBAAkB,GACV,KAAI;;;AAG1B,IAAA,MAAM,kBAAkB,GAAGA,iBAAW,CAAC,MAAK;;AAC1C,QAAA,IAAI,YAAY,GAAG,kBAAkB,IAAIC,iCAAuB,CAAC,KAAK;AAEtE,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,YAAY,GAAGC,+BAAe,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;QAEhF,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,iBAAiB,CAAC,YAAY,CAAC;KAClD,EAAE,CAAC,kBAAkB,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;;IAGvDC,eAAS,CAAC,MAAK;AACb,QAAA,kBAAkB,EAAE;KACrB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;AACxD;;;;"}

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

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