hrm_ui_lib 1.6.14 → 1.6.16

package/{Button-cc4207a0.js → Alert-ca805215.js}

@@ -1,16 +1,23 @@
 import { _ as _extends } from './extends-7ebf6528.js';
+import React, { useMemo, forwardRef, useState, useCallback, useId, useEffect, useRef } from 'react';
+import { ICONS_MAPPING, TYPE_MAPPING } from './components/Alert/consts.js';
+import classNames from 'classnames';
+import { Text } from './components/Text/Text.js';
 import { _ as _defineProperty } from './defineProperty-cd2759b8.js';
 import { _ as _objectWithoutProperties } from './objectWithoutProperties-162f125b.js';
-import React, { useState, useId, useEffect, forwardRef, useRef, useMemo } from 'react';
-import classNames from 'classnames';
 import 'dayjs';
 import { Loader } from './helperComponents/Loader/Loader.js';
-import './consts/index.js';
+import { FILE_ACCEPT_TYPE } from './consts/index.js';
 import './hooks/useScreenSize.js';
 import 'react-hook-form';
-import 'react-dropzone';
-import 'react-toastify';
+import { _ as _toConsumableArray } from './toConsumableArray-38890490.js';
 import { _ as _slicedToArray } from './slicedToArray-7fbc5104.js';
+import { ErrorCode, useDropzone } from 'react-dropzone';
+import { IconUpload } from './components/SVGIcons/IconUpload.js';
+import { FileTypeEnum } from './type/file-upload.js';
+import { FileUploadMode } from './components/FileUpload/types.js';
+import { getTranslationLocale } from './helpers/locale.js';
+import 'react-toastify';
 import { useIsMobile } from './hooks/useGetIsMobile.js';
 import { motion } from 'framer-motion';
 import { AnimatePresenceWrapper } from './helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
@@ -18,16 +25,301 @@ import { useOnOutsideClick } from './hooks/useOnOutsideClick.js';
 import { useHideBodyScroll } from './hooks/useHideBodyScroll.js';
 import { IconDismiss } from './components/SVGIcons/IconDismiss.js';
 import { Positions } from './components/Tooltip/types.js';
-import { Text } from './components/Text/Text.js';
 import { Tooltip } from './components/Tooltip/Tooltip.js';
-import { noop } from './utils/helpers.js';
+import { uniqueFiles, noop } from './utils/helpers.js';
 import 'react-syntax-highlighter';
 import { Link } from './components/Link/Link.js';
 import { PopoverDesktop } from './components/Popover/PopoverDesktop.js';
 import { IconInfo } from './components/SVGIcons/IconInfo.js';
 import { IconDynamicComponent } from './helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import { IconDismissFilled } from './components/SVGIcons/IconDismissFilled.js';
+import { IconDelete } from './components/SVGIcons/IconDelete.js';
+import { FilePreview } from './components/FileUpload/DropzoneFileUpload/FilePreview.js';
+import { IconArrowDownloadFilled } from './components/SVGIcons/IconArrowDownloadFilled.js';
+import { downloadFile } from './helpers/download-file.js';
 import { LITE_LOADER_TYPES, ICON_SIZE_MAPPING, ICON_TYPE_MAPPING } from './components/Button/consts.js';
 
+var shortenFileName = function shortenFileName(fileName, maxLength) {
+  // Regular expression to split the name into three parts: start, middle, and extension
+  var regex = /^(.{10}).*?(.{10}\.[^.]*)$/;
+
+  // If the file name length exceeds maxLength, shorten it
+  if (fileName.length > maxLength) {
+    return fileName.replace(regex, '$1...$2');
+  }
+
+  // If it's short enough, return as is
+  return fileName;
+};
+var formatFileSize = function formatFileSize(sizeInBytes) {
+  var fractionDigits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (sizeInBytes < 1024) {
+    return "".concat(sizeInBytes, " B"); // Bytes
+  } else if (sizeInBytes < 1024 * 1024) {
+    return "".concat((sizeInBytes / 1024).toFixed(fractionDigits), " KB"); // Kilobytes
+  } else if (sizeInBytes < 1024 * 1024 * 1024) {
+    return "".concat((sizeInBytes / (1024 * 1024)).toFixed(fractionDigits), " MB"); // Megabytes
+  } else {
+    return "".concat((sizeInBytes / (1024 * 1024 * 1024)).toFixed(fractionDigits), " GB"); // Gigabytes
+  }
+};
+var generateAreaContent = function generateAreaContent(_ref) {
+  var accept = _ref.accept,
+    maxSize = _ref.maxSize,
+    locale = _ref.locale;
+  var acceptTypes = accept.map(function (type) {
+    return FILE_ACCEPT_TYPE[type];
+  }).flat();
+  var translation = getDropzoneLocale(locale);
+  var acceptTypesMessage = accept.length === 1 ? accept[0] : accept.reduce(function (acc, currentValue, _index, _arr) {
+    if (_index === _arr.length - 1) {
+      return "".concat(acc, " ").concat(translation.or, " ").concat(currentValue);
+    }
+    return acc ? "".concat(acc, ", ").concat(currentValue) : currentValue;
+  }, '');
+  return {
+    acceptTypes: acceptTypes,
+    maxSizeFormatted: formatFileSize(maxSize),
+    acceptTypesMessage: acceptTypesMessage
+  };
+};
+var getDropzoneLocale = function getDropzoneLocale(lang) {
+  var locale = lang || getTranslationLocale();
+  var translation = {
+    en: {
+      title: 'Choose a file or drop it here',
+      format: 'format',
+      formats: 'formats',
+      maxSize: 'Maximum size up to $1.',
+      fileInvalidType: 'The file type should be $1',
+      fileTooLarge: 'The file is too large (Max $1)',
+      tooManyFiles: 'Too many files. Please select one file.',
+      or: 'or'
+    },
+    ru: {
+      title: 'Выберите файл или перетащите его сюда',
+      format: 'формат',
+      formats: 'форматы',
+      maxSize: 'Максимальный размер до $1',
+      fileInvalidType: 'Тип файла должен быть $1',
+      fileTooLarge: 'Файл слишком большой (Максимум $1)',
+      tooManyFiles: 'Слишком много файлов. Пожалуйста, выберите один файл.',
+      or: 'или'
+    },
+    hy: {
+      title: 'Ընտրեք ֆայլ կամ քաշեք այն այստեղ',
+      format: 'ֆորմատ',
+      formats: 'ֆորմատներ',
+      maxSize: 'Առավելագույն չափը՝ մինչև $1',
+      fileInvalidType: 'Ֆայլի տեսակը պետք է լինի $1',
+      fileTooLarge: 'Ֆայլը չափազանց մեծ է (Առավելագույնը $1)',
+      tooManyFiles: 'Չափազանց շատ ֆայլեր։ Խնդրում ենք ընտրել միայն մեկ ֆայլ։',
+      or: 'կամ'
+    }
+  };
+  return translation[locale] || translation.en;
+};
+
+var ErrorItem = function ErrorItem(_ref) {
+  var code = _ref.code,
+    onRemove = _ref.onRemove,
+    areaContent = _ref.areaContent,
+    locale = _ref.locale;
+  var errorMessage = useMemo(function () {
+    var translation = getDropzoneLocale(locale);
+    if (code === ErrorCode.FileInvalidType) {
+      return translation.fileInvalidType.replace('$1', areaContent.acceptTypesMessage);
+    } else if (code === ErrorCode.FileTooLarge) {
+      return translation.fileTooLarge.replace('$1', areaContent.maxSizeFormatted);
+    } else if (code === ErrorCode.TooManyFiles) {
+      return translation.tooManyFiles;
+    }
+    return '';
+  }, [code]);
+  return errorMessage ? /*#__PURE__*/React.createElement(Alert, {
+    type: "error",
+    text: errorMessage,
+    closeIcon: true,
+    onClose: onRemove
+  }) : null;
+};
+
+var PreviewItem = function PreviewItem(_ref) {
+  var file = _ref.file,
+    onRemove = _ref.onRemove,
+    mode = _ref.mode;
+  var type = file.type.split('/')[0];
+  var preview = useMemo(function () {
+    return URL.createObjectURL(file);
+  }, [file.name]);
+  var handleItemClick = function handleItemClick() {
+    if (mode === FileUploadMode.view) {
+      window.open(preview, '_blank');
+    }
+  };
+  var onFileDownload = function onFileDownload(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    downloadFile(preview, file.name);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('dz-file-upload__files--item', {
+      'dz-file-upload__files--item--view': mode === FileUploadMode.view
+    }),
+    onClick: handleItemClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'dz-file-upload__files--item__preview'
+  }, /*#__PURE__*/React.createElement(FilePreview, {
+    preview: preview,
+    type: type
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'dz-file-upload__files--item__info'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "dz-file-upload__files--item__info-title"
+  }, /*#__PURE__*/React.createElement(Text, {
+    weight: "semibold"
+  }, shortenFileName(file.name, 40)), mode === FileUploadMode.attach && /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    type: "tertiary",
+    onClick: onRemove,
+    iconProps: {
+      Component: IconDelete
+    }
+  }), mode === FileUploadMode.view && /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    type: "tertiary",
+    onClick: onFileDownload,
+    iconProps: {
+      Component: IconArrowDownloadFilled
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "dz-file-upload__files--item__info-size"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "small"
+  }, formatFileSize(file.size)))));
+};
+
+var DropzoneFileUpload = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
+  var _ref2$maxSize = _ref2.maxSize,
+    maxSize = _ref2$maxSize === void 0 ? 10 * 1024 * 1024 : _ref2$maxSize,
+    _ref2$accept = _ref2.accept,
+    accept = _ref2$accept === void 0 ? [FileTypeEnum.IMAGE, FileTypeEnum.PDF, FileTypeEnum.DOC] : _ref2$accept,
+    name = _ref2.name,
+    setFiles = _ref2.setFiles,
+    setFieldValue = _ref2.setFieldValue,
+    value = _ref2.value,
+    selectedFiles = _ref2.selectedFiles,
+    _ref2$maxFiles = _ref2.maxFiles,
+    maxFiles = _ref2$maxFiles === void 0 ? 1 : _ref2$maxFiles,
+    _ref2$mode = _ref2.mode,
+    mode = _ref2$mode === void 0 ? FileUploadMode.attach : _ref2$mode,
+    locale = _ref2.locale,
+    _ref2$multiple = _ref2.multiple,
+    multiple = _ref2$multiple === void 0 ? false : _ref2$multiple;
+  var initialFiles = value || selectedFiles || [];
+  var initialMaxFiles = initialFiles.length >= maxFiles ? 0 : maxFiles - initialFiles.length;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    errors = _useState2[0],
+    setErrors = _useState2[1];
+  var areaContent = generateAreaContent({
+    accept: accept,
+    maxSize: maxSize
+  });
+  var translation = getDropzoneLocale(locale);
+  var onDrop = function onDrop(fileAccepted, fileRejections) {
+    if (initialMaxFiles === 0 && !multiple) {
+      setErrors([{
+        code: ErrorCode.TooManyFiles,
+        message: ''
+      }]);
+      return;
+    }
+    var newFiles = uniqueFiles([].concat(_toConsumableArray(initialFiles), _toConsumableArray(fileAccepted)));
+    var errors = fileRejections.map(function (fileRejection) {
+      return fileRejection.errors;
+    }).flat();
+    setFiles === null || setFiles === void 0 || setFiles(newFiles);
+    updateInForm(newFiles);
+    setErrors(errors);
+  };
+  var _useDropzone = useDropzone({
+      onDrop: onDrop,
+      accept: areaContent.acceptTypes,
+      maxSize: maxSize,
+      maxFiles: multiple ? 0 : initialMaxFiles,
+      multiple: multiple
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    isFocused = _useDropzone.isFocused,
+    isDragActive = _useDropzone.isDragActive;
+  var removeFile = function removeFile(fileName) {
+    var newFiles = initialFiles.filter(function (file) {
+      return file.name !== fileName;
+    });
+    if (newFiles.length === 0) {
+      setErrors([]);
+    }
+    setFiles === null || setFiles === void 0 || setFiles(newFiles);
+    updateInForm(newFiles);
+  };
+  var removeError = function removeError(index) {
+    setErrors(function (prevErrors) {
+      return prevErrors.filter(function (_error, i) {
+        return i !== index;
+      });
+    });
+  };
+  var updateInForm = useCallback(function (values) {
+    if (name && setFieldValue) {
+      setFieldValue(name, values);
+    }
+  }, [name, setFieldValue]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "dz-file-upload"
+  }, mode !== FileUploadMode.view ? /*#__PURE__*/React.createElement("div", _extends({}, getRootProps(), {
+    className: classNames('dz-file-upload__area', {
+      'dz-file-upload__area--focused': isFocused,
+      'dz-file-upload__area--active': isDragActive
+    })
+  }), /*#__PURE__*/React.createElement(IconUpload, {
+    className: "mb-20",
+    size: "xlarge"
+  }), /*#__PURE__*/React.createElement("input", _extends({}, getInputProps(), {
+    name: name
+  })), /*#__PURE__*/React.createElement(Text, {
+    type: "primary",
+    weight: "semibold",
+    className: "mb-6"
+  }, translation.title), /*#__PURE__*/React.createElement(Text, {
+    size: "small"
+  }, "".concat(areaContent.acceptTypesMessage, " ").concat(areaContent.acceptTypes.length === 1 ? translation.format : translation.formats, ", ").concat(translation.maxSize.replace('$1', areaContent.maxSizeFormatted)))) : null, /*#__PURE__*/React.createElement("div", {
+    className: "dz-file-upload__files"
+  }, errors.map(function (_ref3, index) {
+    var code = _ref3.code;
+    return /*#__PURE__*/React.createElement(ErrorItem, {
+      key: index,
+      code: code,
+      areaContent: areaContent,
+      onRemove: function onRemove() {
+        return removeError(index);
+      },
+      locale: locale
+    });
+  }), initialFiles.map(function (file, index) {
+    return /*#__PURE__*/React.createElement(PreviewItem, {
+      key: index,
+      file: file,
+      onRemove: function onRemove() {
+        return removeFile(file.name);
+      },
+      mode: mode
+    });
+  })));
+});
+DropzoneFileUpload.displayName = 'DropzoneFileUpload';
+
 var ModalContent = function ModalContent(_ref) {
   var title = _ref.title,
     subtitle = _ref.subtitle,
@@ -404,4 +696,54 @@ var Button = function Button(props) {
   }, buttonText || children) : null));
 };
 
-export { Button as B, Checkbox as C, Modal as M, Popover as P, MOBILE_ANIMATION as a, ModalContent as b, PopoverMobile as c };
+var Alert = function Alert(props) {
+  var buttonProps = props.buttonProps,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'information' : _props$type,
+    _props$position = props.position,
+    position = _props$position === void 0 ? 'inline' : _props$position,
+    text = props.text,
+    subtext = props.subtext,
+    closeIcon = props.closeIcon,
+    onClose = props.onClose,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('alert', "alert--".concat(type, " alert--").concat(position), className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "alert__content"
+  }, /*#__PURE__*/React.createElement(IconDynamicComponent, {
+    componentName: ICONS_MAPPING[type],
+    size: "small",
+    type: TYPE_MAPPING[type]
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "alert__text pl-8"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
+    type: "primary",
+    size: "standard",
+    weight: "regular",
+    lineHeight: "large"
+  }, text), subtext ? /*#__PURE__*/React.createElement(Text, {
+    className: 'mt-4',
+    type: "secondary",
+    size: "small",
+    weight: "regular",
+    lineHeight: "large"
+  }, subtext) : null), buttonProps ? /*#__PURE__*/React.createElement("div", {
+    className: "alert__actions"
+  }, buttonProps.confirm && /*#__PURE__*/React.createElement(Button, _extends({
+    size: "medium",
+    type: "secondary"
+  }, buttonProps.confirm)), buttonProps.cancel && /*#__PURE__*/React.createElement(Button, _extends({
+    size: "medium",
+    type: "tertiary",
+    className: "ml-12"
+  }, buttonProps.cancel))) : null), closeIcon ? /*#__PURE__*/React.createElement(IconDismissFilled, {
+    type: TYPE_MAPPING[type],
+    size: "xsmall",
+    className: "ml-12 pointer",
+    onClick: onClose
+  }) : null));
+};
+
+export { Alert as A, Button as B, Checkbox as C, DropzoneFileUpload as D, ErrorItem as E, Modal as M, Popover as P, MOBILE_ANIMATION as a, getDropzoneLocale as b, PreviewItem as c, ModalContent as d, PopoverMobile as e, formatFileSize as f, generateAreaContent as g, shortenFileName as s };

package/components/Alert/Alert.js

@@ -1,24 +1,31 @@
-import { _ as _extends } from '../../extends-7ebf6528.js';
-import React from 'react';
-import { ICONS_MAPPING, TYPE_MAPPING } from './consts.js';
-import classNames from 'classnames';
-import { Text } from '../Text/Text.js';
-import { B as Button } from '../../Button-cc4207a0.js';
-import { IconDismissFilled } from '../SVGIcons/IconDismissFilled.js';
-import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../extends-7ebf6528.js';
+import 'react';
+import './consts.js';
+import 'classnames';
+import '../Text/Text.js';
+export { A as Alert } from '../../Alert-ca805215.js';
+import '../SVGIcons/IconDismissFilled.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import 'dayjs';
 import '../../consts/index.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import 'react-dropzone';
-import 'react-toastify';
 import 'react-syntax-highlighter';
 import '../../utils/helpers.js';
 import '../../defineProperty-cd2759b8.js';
 import '../../typeof-2c59c5c4.js';
 import '../../objectWithoutProperties-162f125b.js';
 import '../../helperComponents/Loader/Loader.js';
+import '../../toConsumableArray-38890490.js';
 import '../../slicedToArray-7fbc5104.js';
+import 'react-dropzone';
+import '../SVGIcons/IconUpload.js';
+import '../../type/file-upload.js';
+import '../FileUpload/types.js';
+import '../../helpers/locale.js';
+import '../../type/locale.js';
+import '../../helpers/storage.js';
+import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
 import 'framer-motion';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
@@ -35,58 +42,10 @@ import '../../hooks/useHideOnScroll.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
+import '../SVGIcons/IconDelete.js';
+import '../FileUpload/DropzoneFileUpload/FilePreview.js';
+import '../Progress/Progress.js';
+import '../SVGIcons/IconArrowDownloadFilled.js';
+import '../../helpers/download-file.js';
 import '../Button/consts.js';
 import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../../type/file-upload.js';
-
-var Alert = function Alert(props) {
-  var buttonProps = props.buttonProps,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'information' : _props$type,
-    _props$position = props.position,
-    position = _props$position === void 0 ? 'inline' : _props$position,
-    text = props.text,
-    subtext = props.subtext,
-    closeIcon = props.closeIcon,
-    onClose = props.onClose,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('alert', "alert--".concat(type, " alert--").concat(position), className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "alert__content"
-  }, /*#__PURE__*/React.createElement(IconDynamicComponent, {
-    componentName: ICONS_MAPPING[type],
-    size: "small",
-    type: TYPE_MAPPING[type]
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "alert__text pl-8"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-    type: "primary",
-    size: "standard",
-    weight: "regular",
-    lineHeight: "large"
-  }, text), subtext ? /*#__PURE__*/React.createElement(Text, {
-    className: 'mt-4',
-    type: "secondary",
-    size: "small",
-    weight: "regular",
-    lineHeight: "large"
-  }, subtext) : null), buttonProps ? /*#__PURE__*/React.createElement("div", {
-    className: "alert__actions"
-  }, buttonProps.confirm && /*#__PURE__*/React.createElement(Button, _extends({
-    size: "medium",
-    type: "secondary"
-  }, buttonProps.confirm)), buttonProps.cancel && /*#__PURE__*/React.createElement(Button, _extends({
-    size: "medium",
-    type: "tertiary",
-    className: "ml-12"
-  }, buttonProps.cancel))) : null), closeIcon ? /*#__PURE__*/React.createElement(IconDismissFilled, {
-    type: TYPE_MAPPING[type],
-    size: "xsmall",
-    className: "ml-12 pointer",
-    onClick: onClose
-  }) : null));
-};
-
-export { Alert };

package/components/Alert/index.js

@@ -1,4 +1,4 @@
-export { Alert } from './Alert.js';
+export { A as Alert } from '../../Alert-ca805215.js';
 import '../../extends-7ebf6528.js';
 import 'react';
 import './consts.js';
@@ -6,7 +6,6 @@ import 'classnames';
 import '../Text/Text.js';
 import '../../utils/helpers.js';
 import 'dayjs';
-import '../../Button-cc4207a0.js';
 import '../../defineProperty-cd2759b8.js';
 import '../../typeof-2c59c5c4.js';
 import '../../objectWithoutProperties-162f125b.js';
@@ -16,7 +15,13 @@ import '../../type/file-upload.js';
 import '../../hooks/useScreenSize.js';
 import '../../slicedToArray-7fbc5104.js';
 import 'react-hook-form';
+import '../../toConsumableArray-38890490.js';
 import 'react-dropzone';
+import '../SVGIcons/IconUpload.js';
+import '../FileUpload/types.js';
+import '../../helpers/locale.js';
+import '../../type/locale.js';
+import '../../helpers/storage.js';
 import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
 import 'framer-motion';
@@ -37,5 +42,10 @@ import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
 import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../Button/consts.js';
 import '../SVGIcons/IconDismissFilled.js';
+import '../SVGIcons/IconDelete.js';
+import '../FileUpload/DropzoneFileUpload/FilePreview.js';
+import '../Progress/Progress.js';
+import '../SVGIcons/IconArrowDownloadFilled.js';
+import '../../helpers/download-file.js';
+import '../Button/consts.js';

package/components/Avatar/Avatar.js

@@ -2,19 +2,20 @@ import { _ as _slicedToArray } from '../../slicedToArray-7fbc5104.js';
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { FileUpload } from '../FileUpload/FileUpload.js';
-import 'react-dropzone';
-import 'dayjs';
+import '../../Alert-ca805215.js';
 import { FileUploadMode } from '../FileUpload/types.js';
-import '../../consts/index.js';
-import 'react-toastify';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Button-cc4207a0.js';
-import 'react-syntax-highlighter';
 import '../../toConsumableArray-38890490.js';
 import '../../helperComponents/Label/Label.js';
 import '../Text/Text.js';
 import '../../utils/helpers.js';
+import 'dayjs';
+import '../../consts/index.js';
+import '../../defineProperty-cd2759b8.js';
+import '../../typeof-2c59c5c4.js';
+import '../../type/file-upload.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import 'react-syntax-highlighter';
 import '../FileUpload/UploadItems.js';
 import '../../hooks/useFormProps.js';
 import '../../context/types.js';
@@ -22,15 +23,19 @@ import '../../helperComponents/ErrorMessage/ErrorMessage.js';
 import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import '../../helperComponents/IconDynamicComponent/constants.js';
 import '../SVGIcons/IconDelete.js';
-import '../../defineProperty-cd2759b8.js';
-import '../../typeof-2c59c5c4.js';
 import '../SVGIcons/IconEditFilled.js';
 import '../SVGIcons/IconEdit.js';
 import '../SVGIcons/IconAttach.js';
-import '../../type/file-upload.js';
 import '../../extends-7ebf6528.js';
+import '../Alert/consts.js';
 import '../../objectWithoutProperties-162f125b.js';
 import '../../helperComponents/Loader/Loader.js';
+import 'react-dropzone';
+import '../SVGIcons/IconUpload.js';
+import '../../helpers/locale.js';
+import '../../type/locale.js';
+import '../../helpers/storage.js';
+import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
 import 'framer-motion';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
@@ -47,6 +52,11 @@ import '../../hooks/useHideOnScroll.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
+import '../SVGIcons/IconDismissFilled.js';
+import '../FileUpload/DropzoneFileUpload/FilePreview.js';
+import '../Progress/Progress.js';
+import '../SVGIcons/IconArrowDownloadFilled.js';
+import '../../helpers/download-file.js';
 import '../Button/consts.js';
 
 var Avatar = function Avatar(_ref) {

package/components/Avatar/AvatarGroup.js

@@ -22,11 +22,16 @@ import '../../type/file-upload.js';
 import '../FileUpload/FileUpload.js';
 import '../../toConsumableArray-38890490.js';
 import '../FileUpload/types.js';
-import '../../Button-cc4207a0.js';
+import '../../Alert-ca805215.js';
 import '../../extends-7ebf6528.js';
+import '../Alert/consts.js';
 import '../../objectWithoutProperties-162f125b.js';
 import '../../helperComponents/Loader/Loader.js';
 import 'react-dropzone';
+import '../SVGIcons/IconUpload.js';
+import '../../helpers/locale.js';
+import '../../type/locale.js';
+import '../../helpers/storage.js';
 import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
 import 'framer-motion';
@@ -40,13 +45,18 @@ import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
 import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../SVGIcons/IconDismissFilled.js';
+import '../SVGIcons/IconDelete.js';
+import '../FileUpload/DropzoneFileUpload/FilePreview.js';
+import '../Progress/Progress.js';
+import '../SVGIcons/IconArrowDownloadFilled.js';
+import '../../helpers/download-file.js';
 import '../Button/consts.js';
 import '../../helperComponents/Label/Label.js';
 import '../FileUpload/UploadItems.js';
 import '../../hooks/useFormProps.js';
 import '../../context/types.js';
 import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../SVGIcons/IconDelete.js';
 import '../SVGIcons/IconEditFilled.js';
 import '../SVGIcons/IconEdit.js';
 import '../SVGIcons/IconAttach.js';