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

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

@@ -1,8 +1,12 @@
 import React from 'react';
+import { AcceptedFileTypes, FileSizeUnit } from '../../constants';
 type UploadedFileProps = {
-    file?: File;
-    resetSelection: () => void;
+    file?: File | null;
+    removeFileFromList: (file: File) => void;
     disabled?: boolean;
+    format: FileSizeUnit;
+    maxBytes: number;
+    fileTypes: Array<AcceptedFileTypes>;
 };
-export declare const UploadedFile: ({ file, resetSelection, disabled }: UploadedFileProps) => React.JSX.Element | null;
+export declare const UploadedFile: ({ file, removeFileFromList, disabled, format, fileTypes, maxBytes, }: UploadedFileProps) => React.JSX.Element | null;
 export {};

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js

@@ -1,14 +1,61 @@
 import React__default from 'react';
+import { theme } from '../../../../theme/index.js';
 import { Button } from '../../../Button/Button.js';
+import { ReactComponent as CriticalIcon } from '../../../../icons/design-system/components/CriticalIcon.js';
 import { ReactComponent as CrossIcon } from '../../../../icons/design-system/components/CrossIcon.js';
-import { UploadedFilesListStack, SingleLineText } from './styled.js';
+import { Text } from '../../../Text/Text.js';
+import { Image } from '../../../Image/Image.js';
+import { FlexCol } from '../../../Flex/FlexCol/FlexCol.js';
+import { getFileSizeString } from '../../utils/getFileSizeString/getFileSizeString.js';
+import { FlexRow } from '../../../Flex/FlexRow/FlexRow.js';
+import { Error } from '../../../../hoc/withLabels/styled.js';
+import { usePreviewImage } from '../../hooks/usePreviewImage/usePreviewImage.js';
+import uploadFileStyles from './UploadedFile.module.scss.js';
+import { useFileErrorMessages } from '../../hooks/useFileErrorMessages/useFileErrorMessages.js';
 
-const UploadedFile = ({ file, resetSelection, disabled }) => {
+const UploadedFile = ({ file, removeFileFromList, disabled, format, fileTypes, maxBytes, }) => {
+    const { previewSrc, shouldShowPreview } = usePreviewImage({ file });
+    const { errorMessages, hasCriticalErrors } = useFileErrorMessages({
+        file,
+        maxBytes,
+        fileTypes,
+        format,
+    });
+    const fileSizeCopy = getFileSizeString({ maxBytes: (file === null || file === undefined ? undefined : file.size) || 0, format, baseString: '' });
     if (!file)
         return null;
-    return (React__default.createElement(UploadedFilesListStack, { alignX: "between", direction: "horizontal", alignY: "center" },
-        React__default.createElement(SingleLineText, { variant: "body" }, file === null || file === undefined ? undefined : file.name),
-        React__default.createElement(Button, { size: "sm", variant: "flat", onClick: resetSelection, iconSlot: React__default.createElement(CrossIcon, null), "aria-label": "Remove file", disabled: disabled })));
+    const RemoveButton = (React__default.createElement(Button, { size: "sm", variant: "flat", onClick: () => removeFileFromList(file), iconSlot: React__default.createElement(CrossIcon, null), "aria-label": "Remove file", disabled: disabled }));
+    const ErrorMessages = hasCriticalErrors && (React__default.createElement(FlexRow, { alignItems: "flex-start" },
+        React__default.createElement(CriticalIcon, { width: 16, height: 16, color: theme.colors.secondary.red.base }),
+        React__default.createElement(FlexCol, { style: { flex: 1, minWidth: 0 } },
+            React__default.createElement(Error, { className: uploadFileStyles.singleLineTextWithoutFlex }, errorMessages.criticalErrors.map((error, index, array) => {
+                const isNotLast = !!(array.length > index + 1);
+                return `${error.errorMessage}${isNotLast ? ', ' : ''}`;
+            })))));
+    if (!shouldShowPreview) {
+        return (React__default.createElement("div", { className: hasCriticalErrors
+                ? uploadFileStyles.uploadedFileContainerCriticalError
+                : uploadFileStyles.uploadedFileContainer },
+            React__default.createElement(FlexRow, { justifyContent: "space-between", alignItems: "center" },
+                React__default.createElement(FlexRow, { alignItems: "center", style: { flex: 1, minWidth: 0 }, justifyContent: "space-between", flexWrap: "nowrap" },
+                    React__default.createElement(Text, { className: uploadFileStyles.singleLineText, variant: "body" }, file.name),
+                    React__default.createElement(Text, { variant: "body", className: uploadFileStyles.fileSizeText, style: { color: theme.colors.neutral.ink.light } }, fileSizeCopy)),
+                RemoveButton),
+            ErrorMessages));
+    }
+    return (React__default.createElement("div", { className: hasCriticalErrors
+            ? uploadFileStyles.uploadedFileContainerCriticalError
+            : uploadFileStyles.uploadedFileContainer },
+        React__default.createElement(FlexRow, { justifyContent: "space-between", alignItems: "flex-start" },
+            React__default.createElement(FlexRow, { alignItems: "center", style: { flex: 1, minWidth: 0 }, flexWrap: "nowrap" },
+                React__default.createElement(Image, { className: uploadFileStyles.previewImage, height: "44", width: "44", src: previewSrc }),
+                React__default.createElement(FlexCol, { gap: "xs", style: { flex: 1, minWidth: 0, marginLeft: '8px' } },
+                    React__default.createElement(Text, { className: uploadFileStyles.singleLineTextWithoutFlex, variant: "body" }, file === null || file === undefined ? undefined : file.name),
+                    React__default.createElement(Text, { variant: "body", className: uploadFileStyles.singleLineTextWithoutFlex, style: {
+                            color: theme.colors.neutral.ink.light,
+                        } }, fileSizeCopy))),
+            RemoveButton),
+        ErrorMessages));
 };
 
 export { UploadedFile };

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

@@ -1 +1 @@
-{"version":3,"file":"UploadedFile.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../../Button';\nimport { CrossIcon } from '../../../../icons';\nimport { SingleLineText, UploadedFilesListStack } from './styled';\n\ntype UploadedFileProps = {\n  file?: File;\n  resetSelection: () => void;\n  disabled?: boolean;\n};\n\nexport const UploadedFile = ({ file, resetSelection, disabled }: UploadedFileProps) => {\n  if (!file) return null;\n\n  return (\n    <UploadedFilesListStack alignX=\"between\" direction=\"horizontal\" alignY=\"center\">\n      <SingleLineText variant=\"body\">{file?.name}</SingleLineText>\n      <Button\n        size=\"sm\"\n        variant=\"flat\"\n        onClick={resetSelection}\n        iconSlot={<CrossIcon />}\n        aria-label=\"Remove file\"\n        disabled={disabled}\n      />\n    </UploadedFilesListStack>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAWO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAqB,KAAI;AACpF,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,sBAAsB,EAAA,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAA;AAC7E,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,IAAI,CAAkB;AAC5D,QAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAG,IAAA,CAAA,EAAA,YAAA,EACZ,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAAA,CAClB,CACqB;AAE7B;;;;"}
+{"version":3,"file":"UploadedFile.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from 'Theme';\nimport { Button } from '../../../Button';\nimport { CriticalIcon, CrossIcon } from '../../../../icons';\nimport { Text } from '../../../Text';\nimport { Image } from '../../../Image';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { AcceptedFileTypes, FileSizeUnit } from '../../constants';\nimport { getFileSizeString } from '../../utils';\nimport { FlexRow } from '../../../Flex/FlexRow';\nimport { Error } from '../../../../hoc/withLabels/styled';\nimport { usePreviewImage } from '../../hooks/usePreviewImage';\nimport uploadFileStyles from './UploadedFile.module.scss';\nimport { useFileErrorMessages } from '../../hooks/useFileErrorMessages';\n\ntype UploadedFileProps = {\n  file?: File | null;\n  removeFileFromList: (file: File) => void;\n  disabled?: boolean;\n  format: FileSizeUnit;\n  maxBytes: number;\n  fileTypes: Array<AcceptedFileTypes>;\n};\n\nexport const UploadedFile = ({\n  file,\n  removeFileFromList,\n  disabled,\n  format,\n  fileTypes,\n  maxBytes,\n}: UploadedFileProps) => {\n  const { previewSrc, shouldShowPreview } = usePreviewImage({ file });\n\n  const { errorMessages, hasCriticalErrors } = useFileErrorMessages({\n    file,\n    maxBytes,\n    fileTypes,\n    format,\n  });\n\n  const fileSizeCopy = getFileSizeString({ maxBytes: file?.size || 0, format, baseString: '' });\n\n  if (!file) return null;\n\n  const RemoveButton = (\n    <Button\n      size=\"sm\"\n      variant=\"flat\"\n      onClick={() => removeFileFromList(file)}\n      iconSlot={<CrossIcon />}\n      aria-label=\"Remove file\"\n      disabled={disabled}\n    />\n  );\n\n  const ErrorMessages = hasCriticalErrors && (\n    <FlexRow alignItems=\"flex-start\">\n      <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n      <FlexCol style={{ flex: 1, minWidth: 0 }}>\n        <Error className={uploadFileStyles.singleLineTextWithoutFlex}>\n          {errorMessages.criticalErrors.map((error, index, array) => {\n            const isNotLast = !!(array.length > index + 1);\n            return `${error.errorMessage}${isNotLast ? ', ' : ''}`;\n          })}\n        </Error>\n      </FlexCol>\n    </FlexRow>\n  );\n\n  if (!shouldShowPreview) {\n    return (\n      <div\n        className={\n          hasCriticalErrors\n            ? uploadFileStyles.uploadedFileContainerCriticalError\n            : uploadFileStyles.uploadedFileContainer\n        }\n      >\n        <FlexRow justifyContent=\"space-between\" alignItems=\"center\">\n          <FlexRow\n            alignItems=\"center\"\n            style={{ flex: 1, minWidth: 0 }}\n            justifyContent=\"space-between\"\n            flexWrap=\"nowrap\"\n          >\n            <Text className={uploadFileStyles.singleLineText} variant=\"body\">\n              {file.name}\n            </Text>\n            <Text\n              variant=\"body\"\n              className={uploadFileStyles.fileSizeText}\n              style={{ color: theme.colors.neutral.ink.light }}\n            >\n              {fileSizeCopy}\n            </Text>\n          </FlexRow>\n          {RemoveButton}\n        </FlexRow>\n        {ErrorMessages}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={\n        hasCriticalErrors\n          ? uploadFileStyles.uploadedFileContainerCriticalError\n          : uploadFileStyles.uploadedFileContainer\n      }\n    >\n      <FlexRow justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <FlexRow alignItems=\"center\" style={{ flex: 1, minWidth: 0 }} flexWrap=\"nowrap\">\n          <Image\n            className={uploadFileStyles.previewImage}\n            height=\"44\"\n            width=\"44\"\n            src={previewSrc}\n          />\n          <FlexCol gap=\"xs\" style={{ flex: 1, minWidth: 0, marginLeft: '8px' }}>\n            <Text className={uploadFileStyles.singleLineTextWithoutFlex} variant=\"body\">\n              {file?.name}\n            </Text>\n            <Text\n              variant=\"body\"\n              className={uploadFileStyles.singleLineTextWithoutFlex}\n              style={{\n                color: theme.colors.neutral.ink.light,\n              }}\n            >\n              {fileSizeCopy}\n            </Text>\n          </FlexCol>\n        </FlexRow>\n        {RemoveButton}\n      </FlexRow>\n      {ErrorMessages}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._uploadedFileContainer_1oqz0_1 {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n  border-radius: var(--radius-base);\n  padding: var(--sizes-3);\n  width: 100%;\n}\n\n._uploadedFileContainerCriticalError_1oqz0_8 {\n  border: 1px solid var(--colors-secondary-red-base);\n  border-radius: var(--radius-base);\n  padding: var(--sizes-3);\n  width: 100%;\n}\n\n._singleLineText_1oqz0_15 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 1 80%;\n  min-width: 0;\n}\n\n._singleLineTextWithoutFlex_1oqz0_23 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: none;\n  min-width: 0;\n  width: 100%;\n}\n\n._fileSizeText_1oqz0_32 {\n  white-space: nowrap;\n  flex: 0 0 20%;\n  text-align: right;\n}\n\n._previewImage_1oqz0_38 img {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n  border-radius: var(--sizes-xs);\n}");
+var uploadFileStyles = {"uploadedFileContainer":"_uploadedFileContainer_1oqz0_1","uploadedFileContainerCriticalError":"_uploadedFileContainerCriticalError_1oqz0_8","singleLineText":"_singleLineText_1oqz0_15","singleLineTextWithoutFlex":"_singleLineTextWithoutFlex_1oqz0_23","fileSizeText":"_fileSizeText_1oqz0_32","previewImage":"_previewImage_1oqz0_38"};
+
+module.exports = uploadFileStyles;
+//# sourceMappingURL=UploadedFile.module.scss.cjs.map

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadedFile.module.scss.cjs","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.module.scss"],"sourcesContent":[".uploadedFileContainer {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n  border-radius: var(--radius-base);\n  padding: var(--sizes-3);\n  width: 100%;\n}\n\n.uploadedFileContainerCriticalError {\n  border: 1px solid var(--colors-secondary-red-base);\n  border-radius: var(--radius-base);\n  padding: var(--sizes-3);\n  width: 100%;\n}\n\n.singleLineText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 1 80%;\n  min-width: 0;\n}\n\n.singleLineTextWithoutFlex {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: none;\n  min-width: 0;\n  width: 100%;\n}\n\n.fileSizeText {\n  white-space: nowrap;\n  flex: 0 0 20%;\n  text-align: right;\n}\n\n.previewImage {\n  img {\n    border: 1px solid var(--colors-neutral-ink-lightest);\n    border-radius: var(--sizes-xs);\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,m4BAAA;AACA,uBAAA,CAAA,uBAAA,CAAA,gCAAA,CAAA,oCAAA,CAAA,6CAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,qCAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,wBAAA;;;;"}

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../../../_virtual/____insertStyle.js';
+
+insertStyle("._uploadedFileContainer_1oqz0_1 {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n  border-radius: var(--radius-base);\n  padding: var(--sizes-3);\n  width: 100%;\n}\n\n._uploadedFileContainerCriticalError_1oqz0_8 {\n  border: 1px solid var(--colors-secondary-red-base);\n  border-radius: var(--radius-base);\n  padding: var(--sizes-3);\n  width: 100%;\n}\n\n._singleLineText_1oqz0_15 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 1 80%;\n  min-width: 0;\n}\n\n._singleLineTextWithoutFlex_1oqz0_23 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: none;\n  min-width: 0;\n  width: 100%;\n}\n\n._fileSizeText_1oqz0_32 {\n  white-space: nowrap;\n  flex: 0 0 20%;\n  text-align: right;\n}\n\n._previewImage_1oqz0_38 img {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n  border-radius: var(--sizes-xs);\n}");
+var uploadFileStyles = {"uploadedFileContainer":"_uploadedFileContainer_1oqz0_1","uploadedFileContainerCriticalError":"_uploadedFileContainerCriticalError_1oqz0_8","singleLineText":"_singleLineText_1oqz0_15","singleLineTextWithoutFlex":"_singleLineTextWithoutFlex_1oqz0_23","fileSizeText":"_fileSizeText_1oqz0_32","previewImage":"_previewImage_1oqz0_38"};
+
+export { uploadFileStyles as default };
+//# sourceMappingURL=UploadedFile.module.scss.js.map

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadedFile.module.scss.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.module.scss"],"sourcesContent":[".uploadedFileContainer {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n  border-radius: var(--radius-base);\n  padding: var(--sizes-3);\n  width: 100%;\n}\n\n.uploadedFileContainerCriticalError {\n  border: 1px solid var(--colors-secondary-red-base);\n  border-radius: var(--radius-base);\n  padding: var(--sizes-3);\n  width: 100%;\n}\n\n.singleLineText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 1 80%;\n  min-width: 0;\n}\n\n.singleLineTextWithoutFlex {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: none;\n  min-width: 0;\n  width: 100%;\n}\n\n.fileSizeText {\n  white-space: nowrap;\n  flex: 0 0 20%;\n  text-align: right;\n}\n\n.previewImage {\n  img {\n    border: 1px solid var(--colors-neutral-ink-lightest);\n    border-radius: var(--sizes-xs);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,m4BAAA;AACA,uBAAA,CAAA,uBAAA,CAAA,gCAAA,CAAA,oCAAA,CAAA,6CAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,qCAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,wBAAA;;;;"}

package/dist/components/UploadFile/constants.cjs

@@ -2,22 +2,78 @@
 
 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 = {}));
+const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;
+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_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 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":["AcceptedFileTypes","FileSizeUnit","ErrorType","InputErrorStateMessages"],"mappings":"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"}

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

@@ -1,17 +1,64 @@
 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 const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;
+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,77 @@
 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 = {}));
+const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;
+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, 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 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 {};