@veeqo/ui 12.5.1 → 13.0.0

package/dist/components/UploadedFile/utils/isImageType/index.d.ts

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

package/dist/components/UploadedFile/utils/isImageType/isImageType.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+const isImageType = (file) => {
+    if (!file)
+        return false;
+    const fileType = file.type.split('/');
+    if (fileType[0] === 'image') {
+        return true;
+    }
+    return false;
+};
+
+exports.isImageType = isImageType;
+//# sourceMappingURL=isImageType.cjs.map

package/dist/components/UploadedFile/utils/isImageType/isImageType.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isImageType.cjs","sources":["../../../../../src/components/UploadedFile/utils/isImageType/isImageType.ts"],"sourcesContent":["export const isImageType = (file?: File | null) => {\n  if (!file) return false;\n\n  const fileType = file.type.split('/');\n\n  if (fileType[0] === 'image') {\n    return true;\n  }\n\n  return false;\n};\n"],"names":[],"mappings":";;AAAa,MAAA,WAAW,GAAG,CAAC,IAAkB,KAAI;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK;IAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAErC,IAAA,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE;AAC3B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/components/UploadedFile/utils/isImageType/isImageType.d.ts

@@ -0,0 +1 @@
+export declare const isImageType: (file?: File | null) => boolean;

package/dist/components/UploadedFile/utils/isImageType/isImageType.js

@@ -0,0 +1,12 @@
+const isImageType = (file) => {
+    if (!file)
+        return false;
+    const fileType = file.type.split('/');
+    if (fileType[0] === 'image') {
+        return true;
+    }
+    return false;
+};
+
+export { isImageType };
+//# sourceMappingURL=isImageType.js.map

package/dist/components/UploadedFile/utils/isImageType/isImageType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isImageType.js","sources":["../../../../../src/components/UploadedFile/utils/isImageType/isImageType.ts"],"sourcesContent":["export const isImageType = (file?: File | null) => {\n  if (!file) return false;\n\n  const fileType = file.type.split('/');\n\n  if (fileType[0] === 'image') {\n    return true;\n  }\n\n  return false;\n};\n"],"names":[],"mappings":"AAAa,MAAA,WAAW,GAAG,CAAC,IAAkB,KAAI;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK;IAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAErC,IAAA,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE;AAC3B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/components/index.d.ts

@@ -56,7 +56,9 @@ export { ToastsLayout } from './ToastsLayout';
 export { Toggle } from './Toggle';
 export { ToggleButton } from './ToggleButton';
 export { Tooltip } from './Tooltip';
-export { UploadFile, AcceptedFileTypes, FileSizeUnit } from './UploadFile';
+export { UploadFile } from './UploadFile';
+export { AcceptedFileTypes, FileSizeUnit } from './UploadFile/constants';
+export { UploadedFile } from './UploadedFile';
 export { VeeqoLogo, LogoVariant, ColorVariant } from './VeeqoLogo';
 export { VideoModal, Popup } from './VideoModal';
 export { View } from './View';

package/dist/index.cjs

@@ -70,6 +70,7 @@ var ToggleButton = require('./components/ToggleButton/ToggleButton.cjs');
 var Tooltip = require('./components/Tooltip/Tooltip.cjs');
 var UploadFile = require('./components/UploadFile/UploadFile.cjs');
 var constants$1 = require('./components/UploadFile/constants.cjs');
+var UploadedFile = require('./components/UploadedFile/UploadedFile.cjs');
 var VeeqoLogo = require('./components/VeeqoLogo/VeeqoLogo.cjs');
 var VideoModal = require('./components/VideoModal/VideoModal.cjs');
 var Popup = require('./components/VideoModal/components/Popup.cjs');
@@ -397,6 +398,7 @@ Object.defineProperty(exports, "FileSizeUnit", {
 	enumerable: true,
 	get: function () { return constants$1.FileSizeUnit; }
 });
+exports.UploadedFile = UploadedFile.UploadedFile;
 exports.VeeqoLogo = VeeqoLogo.VeeqoLogo;
 exports.VideoModal = VideoModal.VideoModal;
 exports.Popup = Popup.Popup;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -68,6 +68,7 @@ export { ToggleButton } from './components/ToggleButton/ToggleButton.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
 export { UploadFile } from './components/UploadFile/UploadFile.js';
 export { AcceptedFileTypes, FileSizeUnit } from './components/UploadFile/constants.js';
+export { UploadedFile } from './components/UploadedFile/UploadedFile.js';
 export { VeeqoLogo } from './components/VeeqoLogo/VeeqoLogo.js';
 export { VideoModal } from './components/VideoModal/VideoModal.js';
 export { Popup } from './components/VideoModal/components/Popup.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "12.5.1",
+  "version": "13.0.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

package/dist/components/UploadFile/UploadGraphic.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const UploadGraphic = () => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "56", height: "56", fill: "none", role: "presentation" },
-    React__default.default.createElement("path", { fill: "#fff", d: "M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28" }),
-    React__default.default.createElement("path", { fill: "#37424D", d: "M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z" })));
-
-exports.UploadGraphic = UploadGraphic;
-//# sourceMappingURL=UploadGraphic.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UploadGraphic.cjs","sources":["../../../src/components/UploadFile/UploadGraphic.tsx"],"sourcesContent":["import React from 'react';\n\nexport const UploadGraphic = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"56\" height=\"56\" fill=\"none\" role=\"presentation\">\n    <path\n      fill=\"#fff\"\n      d=\"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28\"\n    />\n    <path\n      fill=\"#37424D\"\n      d=\"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAEa,MAAA,aAAa,GAAG,OAC3BA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAA;AAC5F,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,4EAA4E,EAC9E,CAAA;IACFA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,kzBAAkzB,EAAA,CACpzB,CACE;;;;"}

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const UploadGraphic: () => React.JSX.Element;

package/dist/components/UploadFile/UploadGraphic.js

@@ -1,8 +0,0 @@
-import React__default from 'react';
-
-const UploadGraphic = () => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "56", height: "56", fill: "none", role: "presentation" },
-    React__default.createElement("path", { fill: "#fff", d: "M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28" }),
-    React__default.createElement("path", { fill: "#37424D", d: "M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z" })));
-
-export { UploadGraphic };
-//# sourceMappingURL=UploadGraphic.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UploadGraphic.js","sources":["../../../src/components/UploadFile/UploadGraphic.tsx"],"sourcesContent":["import React from 'react';\n\nexport const UploadGraphic = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"56\" height=\"56\" fill=\"none\" role=\"presentation\">\n    <path\n      fill=\"#fff\"\n      d=\"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28\"\n    />\n    <path\n      fill=\"#37424D\"\n      d=\"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAEa,MAAA,aAAa,GAAG,OAC3BA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAA;AAC5F,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,4EAA4E,EAC9E,CAAA;IACFA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,kzBAAkzB,EAAA,CACpzB,CACE;;;;"}

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.cjs

@@ -1,31 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styled = require('../../../../hoc/withLabels/styled.cjs');
-var CriticalIcon = require('../../../../icons/design-system/components/CriticalIcon.cjs');
-var index = require('../../../../theme/index.cjs');
-var FlexRow = require('../../../Flex/FlexRow/FlexRow.cjs');
-var FlexCol = require('../../../Flex/FlexCol/FlexCol.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }) => {
-    if (!acceptedTypesCopy && !maxSizeCopy)
-        return null;
-    return (React__default.default.createElement(FlexRow.FlexRow, { alignItems: "baseline" },
-        React__default.default.createElement(CriticalIcon.ReactComponent, { width: 16, height: 16, color: index.theme.colors.secondary.red.base }),
-        React__default.default.createElement(FlexCol.FlexCol, null,
-            acceptedTypesCopy && React__default.default.createElement(styled.Error, null,
-                "Invalid format (",
-                acceptedTypesCopy,
-                ")"),
-            maxSizeCopy && React__default.default.createElement(styled.Error, null,
-                "File is too big (",
-                maxSizeCopy,
-                ")"))));
-};
-
-exports.UploadFileErrors = UploadFileErrors;
-//# sourceMappingURL=UploadFileErrors.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UploadFileErrors.cjs","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"sourcesContent":["import React from 'react';\nimport { Error } from '../../../../hoc/withLabels/styled';\nimport { CriticalIcon } from '../../../../icons';\nimport { theme } from '../../../../theme';\nimport { FlexRow } from '../../../Flex/FlexRow';\nimport { FlexCol } from '../../../Flex/FlexCol';\n\ntype UploadFileErrorsProps = {\n  acceptedTypesCopy?: string;\n  maxSizeCopy?: string;\n};\n\nexport const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => {\n  if (!acceptedTypesCopy && !maxSizeCopy) return null;\n\n  return (\n    <FlexRow alignItems=\"baseline\">\n      <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n      <FlexCol>\n        {acceptedTypesCopy && <Error>Invalid format ({acceptedTypesCopy})</Error>}\n        {maxSizeCopy && <Error>File is too big ({maxSizeCopy})</Error>}\n      </FlexCol>\n    </FlexRow>\n  );\n};\n"],"names":["React","FlexRow","CriticalIcon","theme","FlexCol","Error"],"mappings":";;;;;;;;;;;;;AAYa,MAAA,gBAAgB,GAAG,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAyB,KAAI;AAC5F,IAAA,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAEnD,IAAA,QACEA,sBAAC,CAAA,aAAA,CAAAC,eAAO,EAAC,EAAA,UAAU,EAAC,UAAU,EAAA;QAC5BD,sBAAC,CAAA,aAAA,CAAAE,2BAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAEC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;AAC/E,QAAAH,sBAAA,CAAA,aAAA,CAACI,eAAO,EAAA,IAAA;YACL,iBAAiB,IAAIJ,qCAACK,YAAK,EAAA,IAAA;;gBAAkB,iBAAiB;AAAU,gBAAA,GAAA,CAAA;YACxE,WAAW,IAAIL,qCAACK,YAAK,EAAA,IAAA;;gBAAmB,WAAW;oBAAU,CACtD,CACF;AAEd;;;;"}

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

@@ -1,7 +0,0 @@
-import React from 'react';
-type UploadFileErrorsProps = {
-    acceptedTypesCopy?: string;
-    maxSizeCopy?: string;
-};
-export declare const UploadFileErrors: ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => React.JSX.Element | null;
-export {};

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js

@@ -1,25 +0,0 @@
-import React__default from 'react';
-import { Error } from '../../../../hoc/withLabels/styled.js';
-import { ReactComponent as CriticalIcon } from '../../../../icons/design-system/components/CriticalIcon.js';
-import { theme } from '../../../../theme/index.js';
-import { FlexRow } from '../../../Flex/FlexRow/FlexRow.js';
-import { FlexCol } from '../../../Flex/FlexCol/FlexCol.js';
-
-const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }) => {
-    if (!acceptedTypesCopy && !maxSizeCopy)
-        return null;
-    return (React__default.createElement(FlexRow, { alignItems: "baseline" },
-        React__default.createElement(CriticalIcon, { width: 16, height: 16, color: theme.colors.secondary.red.base }),
-        React__default.createElement(FlexCol, null,
-            acceptedTypesCopy && React__default.createElement(Error, null,
-                "Invalid format (",
-                acceptedTypesCopy,
-                ")"),
-            maxSizeCopy && React__default.createElement(Error, null,
-                "File is too big (",
-                maxSizeCopy,
-                ")"))));
-};
-
-export { UploadFileErrors };
-//# sourceMappingURL=UploadFileErrors.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UploadFileErrors.js","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"sourcesContent":["import React from 'react';\nimport { Error } from '../../../../hoc/withLabels/styled';\nimport { CriticalIcon } from '../../../../icons';\nimport { theme } from '../../../../theme';\nimport { FlexRow } from '../../../Flex/FlexRow';\nimport { FlexCol } from '../../../Flex/FlexCol';\n\ntype UploadFileErrorsProps = {\n  acceptedTypesCopy?: string;\n  maxSizeCopy?: string;\n};\n\nexport const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => {\n  if (!acceptedTypesCopy && !maxSizeCopy) return null;\n\n  return (\n    <FlexRow alignItems=\"baseline\">\n      <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n      <FlexCol>\n        {acceptedTypesCopy && <Error>Invalid format ({acceptedTypesCopy})</Error>}\n        {maxSizeCopy && <Error>File is too big ({maxSizeCopy})</Error>}\n      </FlexCol>\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAYa,MAAA,gBAAgB,GAAG,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAyB,KAAI;AAC5F,IAAA,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAEnD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,UAAU,EAAC,UAAU,EAAA;QAC5BA,cAAC,CAAA,aAAA,CAAA,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;AAC/E,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA;YACL,iBAAiB,IAAIA,6BAAC,KAAK,EAAA,IAAA;;gBAAkB,iBAAiB;AAAU,gBAAA,GAAA,CAAA;YACxE,WAAW,IAAIA,6BAAC,KAAK,EAAA,IAAA;;gBAAmB,WAAW;oBAAU,CACtD,CACF;AAEd;;;;"}

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

@@ -1,21 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Button = require('../../../Button/Button.cjs');
-var CrossIcon = require('../../../../icons/design-system/components/CrossIcon.cjs');
-var styled = require('./styled.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 }) => {
-    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 })));
-};
-
-exports.UploadedFile = UploadedFile;
-//# sourceMappingURL=UploadedFile.cjs.map

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

@@ -1 +0,0 @@
-{"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;;;;"}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-type UploadedFileProps = {
-    file?: File;
-    resetSelection: () => void;
-    disabled?: boolean;
-};
-export declare const UploadedFile: ({ file, resetSelection, disabled }: UploadedFileProps) => React.JSX.Element | null;
-export {};

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

@@ -1,15 +0,0 @@
-import React__default from 'react';
-import { Button } from '../../../Button/Button.js';
-import { ReactComponent as CrossIcon } from '../../../../icons/design-system/components/CrossIcon.js';
-import { UploadedFilesListStack, SingleLineText } from './styled.js';
-
-const UploadedFile = ({ file, resetSelection, disabled }) => {
-    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 })));
-};
-
-export { UploadedFile };
-//# sourceMappingURL=UploadedFile.js.map

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

@@ -1 +0,0 @@
-{"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;;;;"}

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

@@ -1,20 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Text = require('../../../Text/Text.cjs');
-var colors = require('../../../../theme/modules/colors.cjs');
-var radius = require('../../../../theme/modules/radius.cjs');
-var sizes = require('../../../../theme/modules/sizes.cjs');
-var Stack = require('../../../Stack/Stack.cjs');
-require('../../../Stack/types.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const SingleLineText = styled__default.default(Text.Text).withConfig({ displayName: "vui--SingleLineText", componentId: "vui--1aguyhc" }) `display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`;
-const UploadedFilesListStack = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--UploadedFilesListStack", componentId: "vui--1g0ca18" }) `border:1px solid ${colors.colors.neutral.ink.lightest};border-radius:${radius.radius.base};padding:${sizes.sizes.xs};${Text.Text}{padding-left:${sizes.sizes.xs};}`;
-
-exports.SingleLineText = SingleLineText;
-exports.UploadedFilesListStack = UploadedFilesListStack;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/UploadFile/components/UploadedFile/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Text } from '../../../Text';\nimport { colors } from '../../../../theme/modules/colors';\nimport { radius } from '../../../../theme/modules/radius';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\n\nexport const SingleLineText = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n`;\n\nexport const UploadedFilesListStack = styled(Stack)`\n  border: 1px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  padding: ${sizes.xs};\n\n  ${Text} {\n    padding-left: ${sizes.xs};\n  }\n`;\n"],"names":["styled","Text","Stack","colors","radius","sizes"],"mappings":";;;;;;;;;;;;;;MAOa,cAAc,GAAGA,uBAAM,CAACC,SAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qFAAA;AAOnC,MAAM,sBAAsB,GAAGD,uBAAM,CAACE,WAAK,CAAC,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAAC,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9BC,aAAM,CAAC,IAAI,CAAA,SAAA,EACjBC,WAAK,CAAC,EAAE,CAEjB,CAAA,EAAAJ,SAAI,CACY,cAAA,EAAAI,WAAK,CAAC,EAAE;;;;;"}

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

@@ -1,2 +0,0 @@
-export declare const SingleLineText: import("styled-components").StyledComponent<"span", any, {} & import("../../../Text/types").TextProps, never>;
-export declare const UploadedFilesListStack: import("styled-components").StyledComponent<"div", any, import("../../../Stack").StackProps, never>;

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

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-import { Text } from '../../../Text/Text.js';
-import { colors } from '../../../../theme/modules/colors.js';
-import { radius } from '../../../../theme/modules/radius.js';
-import { sizes } from '../../../../theme/modules/sizes.js';
-import { Stack } from '../../../Stack/Stack.js';
-import '../../../Stack/types.js';
-
-const SingleLineText = styled(Text).withConfig({ displayName: "vui--SingleLineText", componentId: "vui--1aguyhc" }) `display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`;
-const UploadedFilesListStack = styled(Stack).withConfig({ displayName: "vui--UploadedFilesListStack", componentId: "vui--1g0ca18" }) `border:1px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};padding:${sizes.xs};${Text}{padding-left:${sizes.xs};}`;
-
-export { SingleLineText, UploadedFilesListStack };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Text } from '../../../Text';\nimport { colors } from '../../../../theme/modules/colors';\nimport { radius } from '../../../../theme/modules/radius';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\n\nexport const SingleLineText = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n`;\n\nexport const UploadedFilesListStack = styled(Stack)`\n  border: 1px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  padding: ${sizes.xs};\n\n  ${Text} {\n    padding-left: ${sizes.xs};\n  }\n`;\n"],"names":[],"mappings":";;;;;;;;MAOa,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qFAAA;AAOnC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9B,MAAM,CAAC,IAAI,CAAA,SAAA,EACjB,KAAK,CAAC,EAAE,CAEjB,CAAA,EAAA,IAAI,CACY,cAAA,EAAA,KAAK,CAAC,EAAE;;;;"}

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-/**
- * Updates the value of the files attribute held within an input elment. Used during DnD operations where
- * the input element's files need to kept in sync and updated.
- *
- * @param fileList - A list of files, typically extracted from the "files" attribute of an input element
- * @param elementId - The ID of the input element
- */
-const setInputElFile = ({ fileList, elementId }) => {
-    const inputEl = document.getElementById(elementId);
-    if (fileList.length) {
-        inputEl.files = fileList;
-    }
-};
-
-exports.setInputElFile = setInputElFile;
-//# sourceMappingURL=setInputElFile.cjs.map

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"setInputElFile.cjs","sources":["../../../../../src/components/UploadFile/utils/setInputElFile/setInputElFile.ts"],"sourcesContent":["type SetInputElFileProps = {\n  fileList: FileList;\n  elementId: string;\n};\n\n/**\n * Updates the value of the files attribute held within an input elment. Used during DnD operations where\n * the input element's files need to kept in sync and updated.\n *\n * @param fileList - A list of files, typically extracted from the \"files\" attribute of an input element\n * @param elementId - The ID of the input element\n */\nexport const setInputElFile = ({ fileList, elementId }: SetInputElFileProps) => {\n  const inputEl = document.getElementById(elementId) as HTMLInputElement;\n  if (fileList.length) {\n    inputEl.files = fileList;\n  }\n};\n"],"names":[],"mappings":";;AAKA;;;;;;AAMG;AACU,MAAA,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAuB,KAAI;IAC7E,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAqB;IACtE,IAAI,QAAQ,CAAC,MAAM,EAAE;AACnB,QAAA,OAAO,CAAC,KAAK,GAAG,QAAQ;AACzB;AACH;;;;"}

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

@@ -1,13 +0,0 @@
-type SetInputElFileProps = {
-    fileList: FileList;
-    elementId: string;
-};
-/**
- * Updates the value of the files attribute held within an input elment. Used during DnD operations where
- * the input element's files need to kept in sync and updated.
- *
- * @param fileList - A list of files, typically extracted from the "files" attribute of an input element
- * @param elementId - The ID of the input element
- */
-export declare const setInputElFile: ({ fileList, elementId }: SetInputElFileProps) => void;
-export {};

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.js

@@ -1,16 +0,0 @@
-/**
- * Updates the value of the files attribute held within an input elment. Used during DnD operations where
- * the input element's files need to kept in sync and updated.
- *
- * @param fileList - A list of files, typically extracted from the "files" attribute of an input element
- * @param elementId - The ID of the input element
- */
-const setInputElFile = ({ fileList, elementId }) => {
-    const inputEl = document.getElementById(elementId);
-    if (fileList.length) {
-        inputEl.files = fileList;
-    }
-};
-
-export { setInputElFile };
-//# sourceMappingURL=setInputElFile.js.map

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setInputElFile.js","sources":["../../../../../src/components/UploadFile/utils/setInputElFile/setInputElFile.ts"],"sourcesContent":["type SetInputElFileProps = {\n  fileList: FileList;\n  elementId: string;\n};\n\n/**\n * Updates the value of the files attribute held within an input elment. Used during DnD operations where\n * the input element's files need to kept in sync and updated.\n *\n * @param fileList - A list of files, typically extracted from the \"files\" attribute of an input element\n * @param elementId - The ID of the input element\n */\nexport const setInputElFile = ({ fileList, elementId }: SetInputElFileProps) => {\n  const inputEl = document.getElementById(elementId) as HTMLInputElement;\n  if (fileList.length) {\n    inputEl.files = fileList;\n  }\n};\n"],"names":[],"mappings":"AAKA;;;;;;AAMG;AACU,MAAA,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAuB,KAAI;IAC7E,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAqB;IACtE,IAAI,QAAQ,CAAC,MAAM,EAAE;AACnB,QAAA,OAAO,CAAC,KAAK,GAAG,QAAQ;AACzB;AACH;;;;"}