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

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/components/UploadedFile/UploadedFile.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"UploadedFile.cjs","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","UploadedFilesListStack","SingleLineText","Button","CrossIcon"],"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,sBAAA,CAAA,aAAA,CAACC,6BAAsB,EAAA,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAA;AAC7E,QAAAD,sBAAA,CAAA,aAAA,CAACE,qBAAc,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,IAAI,CAAkB;AAC5D,QAAAF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEH,sBAAC,CAAA,aAAA,CAAAI,wBAAS,EAAG,IAAA,CAAA,EAAA,YAAA,EACZ,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAAA,CAClB,CACqB;AAE7B;;;;"}
+{"version":3,"file":"UploadedFile.cjs","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":["usePreviewImage","useFileErrorMessages","getFileSizeString","React","Button","CrossIcon","FlexRow","CriticalIcon","theme","FlexCol","Error","uploadFileStyles","Text","Image"],"mappings":"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"}

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