hrm_ui_lib 2.0.0-alpha.24 → 2.0.0-alpha.25

package/components/FileUpload/DropzoneFileUpload/PreviewItem.js

@@ -1,54 +1,7 @@
-import '../../Text/Text.js';
-export { c as PreviewItem } from '../../../Alert-C_U8td2x.js';
-import '../../SVGIcons/IconDelete.js';
-import 'react';
-import '../types.js';
-import './FilePreview.js';
-import '../../SVGIcons/IconArrowDownloadFilled.js';
-import 'classnames';
-import '../../../helpers/format-date.js';
-import '../../../helpers/download-file.js';
-import '@babel/runtime/helpers/extends';
-import 'react-toastify';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '../../Alert/consts.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../consts/index.js';
-import '../../../type/file-upload.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import '../../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useHideBodyScroll.js';
-import '../../SVGIcons/IconDismiss.js';
-import '../../Tooltip/types.js';
-import '../../Tooltip/Tooltip.js';
-import '../../../hooks/useGetTooltipStyles.js';
-import '../../../hooks/useGetElemSizes.js';
-import '../../../hooks/useGetElemPositions.js';
-import '../../../hooks/useGetTooltipPosition.js';
-import '../../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import '../../IconDynamicComponent/IconDynamicComponent.js';
-import '../../SVGIcons/IconDismissFilled.js';
-import '../../Button/consts.js';
-import '../../Progress/Progress.js';
-import 'dayjs/plugin/utc';
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Text as n}from"../../Text/Text.js";import{Button as s}from"../../Button/Button.js";import f from"../../SVGIcons/IconDelete.js";import{useMemo as _}from"react";import{FileUploadMode as t}from"../types.js";import{FilePreview as w}from"./FilePreview.js";import{shortenFileName as v,formatFileSize as z}from"./helpers.js";import h from"../../SVGIcons/IconArrowDownloadFilled.js";import u from"classnames";import"../../../helpers/format-date.js";import{downloadFile as F}from"../../../helpers/download-file.js";import"react-toastify";import"react-toastify/dist/ReactToastify.css";const R=({file:i,onRemove:o,mode:l})=>{const a=i.type.split("/")[0],m=_(()=>URL.createObjectURL(i),[i.name]);/* @__PURE__ */
+return r("div",{className:u("dz-file-upload__files--item",{"dz-file-upload__files--item--view":l===t.view}),onClick:()=>{l===t.view&&window.open(m,"_blank")},children:[
+/* @__PURE__ */e("div",{className:"dz-file-upload__files--item__preview",children:/* @__PURE__ */e(w,{preview:m,type:a})}),
+/* @__PURE__ */r("div",{className:"dz-file-upload__files--item__info",children:[
+/* @__PURE__ */r("div",{className:"dz-file-upload__files--item__info-title",children:[
+/* @__PURE__ */e(n,{weight:"semibold",children:v(i.name,40)}),l===t.attach&&/* @__PURE__ */e(s,{size:"small",type:"tertiary",onClick:o,iconProps:{Component:f}}),l===t.view&&/* @__PURE__ */e(s,{size:"small",type:"tertiary",onClick:e=>{e.preventDefault(),e.stopPropagation(),F(m,i.name)},iconProps:{Component:h}})]}),
+/* @__PURE__ */e("div",{className:"dz-file-upload__files--item__info-size",children:/* @__PURE__ */e(n,{size:"small",children:z(i.size)})})]})]})};export{R as PreviewItem};

package/components/FileUpload/DropzoneFileUpload/helpers.js

@@ -1,54 +1 @@
-import '../../../consts/index.js';
-import '../../../helpers/format-date.js';
-import '../../../helpers/locale.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'react-toastify';
-import 'classnames';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-export { f as formatFileSize, g as generateAreaContent, b as getDropzoneLocale, s as shortenFileName } from '../../../Alert-C_U8td2x.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../../../type/file-upload.js';
-import 'dayjs/plugin/utc';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import '../../Alert/consts.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import '../../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../types.js';
-import '../../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useHideBodyScroll.js';
-import '../../SVGIcons/IconDismiss.js';
-import '../../Tooltip/types.js';
-import '../../Tooltip/Tooltip.js';
-import '../../../hooks/useGetTooltipStyles.js';
-import '../../../hooks/useGetElemSizes.js';
-import '../../../hooks/useGetElemPositions.js';
-import '../../../hooks/useGetTooltipPosition.js';
-import '../../../hooks/useHideOnScroll.js';
-import '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import '../../IconDynamicComponent/IconDynamicComponent.js';
-import '../../SVGIcons/IconDismissFilled.js';
-import '../../SVGIcons/IconDelete.js';
-import './FilePreview.js';
-import '../../Progress/Progress.js';
-import '../../SVGIcons/IconArrowDownloadFilled.js';
-import '../../../helpers/download-file.js';
-import '../../Button/consts.js';
+import{FILE_ACCEPT_TYPE as $}from"../../../consts/index.js";import"../../../helpers/format-date.js";import{getTranslationLocale as p}from"../../../helpers/locale.js";import"react/jsx-runtime";import"react-toastify";import"classnames";import"dayjs";import"react";import"react-toastify/dist/ReactToastify.css";const S=(e,o)=>e.length>o?e.replace(/^(.{10}).*?(.{10}\.[^.]*)$/,"$1...$2"):e,s=(e,o=0)=>e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(o)} KB`:e<1073741824?`${(e/1048576).toFixed(o)} MB`:`${(e/1073741824).toFixed(o)} GB`,C=({allowedTypes:e,maxSize:o,locale:t})=>{const a=e.map(e=>$[e]).flat(),r=c(t),i=1===e.length?e[0]:e.reduce((e,o,t,a)=>t===a.length-1?`${e} ${r.or} ${o}`:e?`${e}, ${o}`:o,"");return{acceptTypes:a,maxSizeFormatted:s(o),acceptTypesMessage:i}},c=e=>{const o={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 o[e||p()]||o.en};export{s as formatFileSize,C as generateAreaContent,c as getDropzoneLocale,S as shortenFileName};

package/components/FileUpload/DropzoneFileUpload/index.js

@@ -1,54 +1 @@
-export { D as DropzoneFileUpload } from '../../../Alert-C_U8td2x.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../../Alert/consts.js';
-import 'classnames';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../consts/index.js';
-import '../../../type/file-upload.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../types.js';
-import '../../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useHideBodyScroll.js';
-import '../../SVGIcons/IconDismiss.js';
-import '../../Tooltip/types.js';
-import '../../Tooltip/Tooltip.js';
-import '../../../hooks/useGetTooltipStyles.js';
-import '../../../hooks/useGetElemSizes.js';
-import '../../../hooks/useGetElemPositions.js';
-import '../../../hooks/useGetTooltipPosition.js';
-import '../../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import '../../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../../SVGIcons/IconDismissFilled.js';
-import '../../SVGIcons/IconDelete.js';
-import './FilePreview.js';
-import '../../Progress/Progress.js';
-import '../../SVGIcons/IconArrowDownloadFilled.js';
-import '../../../helpers/download-file.js';
-import '../../Button/consts.js';
+import{DropzoneFileUpload as p}from"./DropzoneFileUpload.js";export{p as DropzoneFileUpload};

package/components/FileUpload/FileUpload.js

@@ -1,195 +1,6 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useRef, useState, useCallback } from 'react';
-import { FileUploadMode } from './types.js';
-import { B as Button } from '../../Alert-C_U8td2x.js';
-import { Label } from '../../helperComponents/Label/Label.js';
-import 'classnames';
-import { uniqueFiles, checkIsAllowedFileSize, checkIsAllowedTypes, getFormattedValues } from '../../utils/helpers.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/extends';
-import { FILE_UPLOAD_ERRORS } from '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import { UploadItems } from './UploadItems.js';
-import { IconEditFilled } from '../SVGIcons/IconEditFilled.js';
-import { IconEdit } from '../SVGIcons/IconEdit.js';
-import { IconAttach } from '../SVGIcons/IconAttach.js';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../../type/file-upload.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import './DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-import '../../hooks/useFormProps.js';
-import '../../context/types.js';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-
-var FileUpload = function FileUpload(props) {
-  var _props$allowedTypes = props.allowedTypes,
-    allowedTypes = _props$allowedTypes === void 0 ? 'application/pdf, .png, .jpg, .jpeg, image/jpeg, image/png, image/jpg, text/plain, image/*, .pdf, .doc, .docx, application/vnd' : _props$allowedTypes,
-    label = props.label,
-    getFiles = props.getFiles,
-    removeFiles = props.removeFiles,
-    handleFileClick = props.handleFileClick,
-    name = props.name,
-    setFieldValue = props.setFieldValue,
-    toBase64 = props.toBase64,
-    required = props.required,
-    disabled = props.disabled,
-    buttonText = props.buttonText,
-    _props$withFilePrevie = props.withFilePreview,
-    withFilePreview = _props$withFilePrevie === void 0 ? true : _props$withFilePrevie,
-    _props$multiple = props.multiple,
-    multiple = _props$multiple === void 0 ? true : _props$multiple,
-    uploadedFiles = props.uploadedFiles,
-    value = props.value,
-    labelAddons = props.labelAddons,
-    onError = props.onError,
-    fileAllowedSize = props.fileAllowedSize,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? FileUploadMode.attach : _props$mode;
-  var files = value || uploadedFiles || [];
-  var fileInputRef = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHovered = _useState2[0],
-    setHoverState = _useState2[1];
-  var onMouseEnterOrLeave = function onMouseEnterOrLeave() {
-    return setHoverState(!isHovered);
-  };
-  var onUploadClick = function onUploadClick() {
-    if (fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  };
-  var updateInForm = useCallback(function (values) {
-    if (name && setFieldValue) {
-      setFieldValue(name, values);
-    }
-  }, [name, setFieldValue]);
-  var setFiles = function setFiles(selectedFiles) {
-    var allowedFilesBySize = selectedFiles.filter(function (file) {
-      return !(fileAllowedSize && !checkIsAllowedFileSize(fileAllowedSize, file.size));
-    });
-    var allowedFilesByExtension = selectedFiles.filter(function (file) {
-      return !(allowedTypes && !checkIsAllowedTypes(allowedTypes, file.type));
-    });
-    if (allowedFilesByExtension.length !== selectedFiles.length) {
-      onError && onError(FILE_UPLOAD_ERRORS.type);
-      return;
-    }
-    if (allowedFilesBySize.length !== selectedFiles.length) {
-      onError && onError(FILE_UPLOAD_ERRORS.size);
-      return;
-    }
-    updateInForm(toBase64 ? getFormattedValues(selectedFiles) : selectedFiles);
-    if (getFiles) {
-      getFiles(selectedFiles);
-    }
-  };
-  var handleChange = useCallback(function (event) {
-    var _event$target;
-    var fileList = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.files;
-    var fileArray = multiple ? Array.from(fileList) : [fileList[0]];
-    if (fileArray) {
-      var updatedFiles = uniqueFiles(multiple ? [].concat(_toConsumableArray(fileArray), _toConsumableArray(files)) : fileArray);
-      setFiles(updatedFiles);
-    }
-    if (fileInputRef.current) {
-      fileInputRef.current.value = '';
-    }
-  }, [files, multiple]);
-  var handleFileRemove = useCallback(function (file, index) {
-    if (files) {
-      var filteredFiles = files.filter(function (_, i) {
-        return i !== index;
-      });
-      updateInForm(filteredFiles);
-      if (removeFiles) {
-        removeFiles(file);
-      }
-    }
-  }, [files, removeFiles]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "file-upload"
-  }, /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    required: required,
-    disabled: disabled,
-    labelAddons: labelAddons
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "file-upload__inner"
-  }, /*#__PURE__*/React.createElement("input", {
-    name: name,
-    type: "file",
-    multiple: multiple,
-    className: "hide",
-    ref: fileInputRef,
-    accept: allowedTypes,
-    onChange: handleChange
-  }), mode === FileUploadMode.edit && /*#__PURE__*/React.createElement("div", {
-    className: "edit__icon",
-    onMouseEnter: onMouseEnterOrLeave,
-    onMouseLeave: onMouseEnterOrLeave,
-    onClick: onUploadClick
-  }, isHovered ? /*#__PURE__*/React.createElement(IconEditFilled, {
-    size: "xxsmall",
-    type: "secondary"
-  }) : /*#__PURE__*/React.createElement(IconEdit, {
-    size: "xxsmall",
-    type: "secondary"
-  })), mode === FileUploadMode.attach && /*#__PURE__*/React.createElement(Button, {
-    type: "secondary",
-    size: "medium",
-    disabled: disabled,
-    iconProps: {
-      Component: IconAttach
-    },
-    onClick: onUploadClick,
-    buttonText: buttonText
-  }), /*#__PURE__*/React.createElement(UploadItems, {
-    handleFileClick: handleFileClick,
-    onRemove: handleFileRemove,
-    files: files,
-    withFilePreview: withFilePreview
-  })));
-};
-
-export { FileUpload };
+import{jsxs as k,jsx as t}from"react/jsx-runtime";import{useRef as T,useState as q,useCallback as u}from"react";import{FileUploadMode as g}from"./types.js";import{Button as H}from"../Button/Button.js";import{Label as V}from"../../helperComponents/Label/Label.js";import{UploadItems as D}from"./UploadItems.js";import{FILE_UPLOAD_ERRORS as z}from"../../consts/index.js";import{uniqueFiles as G,checkIsAllowedFileSize as J,checkIsAllowedTypes as K,getFormattedValues as Q}from"../../utils/helpers.js";import W from"../SVGIcons/IconEditFilled.js";import X from"../SVGIcons/IconEdit.js";import Y from"../SVGIcons/IconAttach.js";const ce=e=>{const{allowedTypes:l="application/pdf, .png, .jpg, .jpeg, image/jpeg, image/png, image/jpg, text/plain, image/*, .pdf, .doc, .docx, application/vnd",label:i,getFiles:o,removeFiles:s,handleFileClick:a,name:n,setFieldValue:r,toBase64:d,required:c,disabled:p,buttonText:m,withFilePreview:f=!0,multiple:h=!0,uploadedFiles:j,value:F,labelAddons:v,onError:b,fileAllowedSize:x,mode:y=g.attach}=e,I=F||j||[],w=T(null),[A,C]=q(!1),S=()=>C(!A),E=()=>{w.current&&w.current.click()},L=u(e=>{n&&r&&r(n,e)},[n,r]),_=u(e=>{var t;const i=null==(t=e.target)?void 0:t.files,s=h?Array.from(i):[i[0]];if(s){(e=>{const t=e.filter(e=>!(x&&!J(x,e.size)));e.filter(e=>!(l&&!K(l,e.type))).length===e.length?t.length===e.length?(L(d?Q(e):e),o&&o(e)):b&&b(z.size):b&&b(z.type)})(G(h?[...s,...I]:s))}w.current&&(w.current.value="")},[I,h]),R=u((e,t)=>{if(I){const l=I.filter((e,l)=>l!==t);L(l),s&&s(e)}},[I,s]);/* @__PURE__ */
+return k("div",{className:"file-upload",children:[
+/* @__PURE__ */t(V,{text:i,required:c,disabled:p,labelAddons:v}),
+/* @__PURE__ */k("div",{className:"file-upload__inner",children:[
+/* @__PURE__ */t("input",{name:n,type:"file",multiple:h,className:"hide",ref:w,accept:l,onChange:_}),y===g.edit&&/* @__PURE__ */t("div",{className:"edit__icon",onMouseEnter:S,onMouseLeave:S,onClick:E,children:/* @__PURE__ */t(A?W:X,{size:"xxsmall",type:"secondary"})}),y===g.attach&&/* @__PURE__ */t(H,{type:"secondary",size:"medium",disabled:p,iconProps:{Component:Y},onClick:E,buttonText:m}),
+/* @__PURE__ */t(D,{handleFileClick:a,onRemove:R,files:I,withFilePreview:f})]})]})};export{ce as FileUpload};

package/components/FileUpload/UploadItems.js

@@ -1,104 +1,6 @@
-import React from 'react';
-import { Text } from '../Text/Text.js';
-import '../../consts/index.js';
-import { useFormProps } from '../../hooks/useFormProps.js';
-import { openFileInNewWindow } from '../../utils/helpers.js';
-import '../../hooks/useScreenSize.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-hook-form';
-import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '@babel/runtime/helpers/extends';
-import 'classnames';
-import '@babel/runtime/helpers/toConsumableArray';
-import { B as Button } from '../../Alert-C_U8td2x.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import { IconDelete } from '../SVGIcons/IconDelete.js';
-import 'dayjs';
-import '../../type/file-upload.js';
-import '../../context/types.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import './types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import './DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var UploadItems = function UploadItems(props) {
-  var files = props.files,
-    onRemove = props.onRemove,
-    withFilePreview = props.withFilePreview,
-    handleFileClick = props.handleFileClick;
-  var _useFormProps = useFormProps(),
-    errors = _useFormProps.errors;
-  var filesErrors = errors && errors.files && errors.files.length > 0;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, files.map(function (file, index) {
-    var _errors$files$index, _errors$files$index2;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "upload-item mt-4 ".concat(filesErrors && (_errors$files$index = errors.files[index]) !== null && _errors$files$index !== void 0 && _errors$files$index.message ? 'upload-item--error' : ''),
-      key: index
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "upload-item__inner"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "upload-item__content mb-2"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "upload-item__content__inner pr-8"
-    }, /*#__PURE__*/React.createElement(Text, {
-      size: "small",
-      lineHeight: "medium",
-      className: "upload-item__text",
-      onClick: function onClick(e) {
-        return withFilePreview && openFileInNewWindow({
-          e: e,
-          file: file,
-          handleFileClick: handleFileClick
-        });
-      }
-    }, file.name), filesErrors && /*#__PURE__*/React.createElement(ErrorMessage, {
-      message: (_errors$files$index2 = errors.files[index]) === null || _errors$files$index2 === void 0 ? void 0 : _errors$files$index2.message
-    })), /*#__PURE__*/React.createElement(Button, {
-      type: "tertiary",
-      size: "small",
-      iconProps: {
-        Component: IconDelete
-      },
-      onClick: function onClick() {
-        onRemove(file, index);
-      }
-    }))));
-  }));
-};
-
-export { UploadItems };
+import{jsx as e,Fragment as u,jsxs as l}from"react/jsx-runtime";import{Text as h}from"../Text/Text.js";import"react";import"../../consts/index.js";import{useFormProps as _}from"../../hooks/useFormProps.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{openFileInNewWindow as g}from"../../utils/helpers.js";import{ErrorMessage as v}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Button as N}from"../Button/Button.js";import F from"../SVGIcons/IconDelete.js";const D=s=>{const{files:o,onRemove:r,withFilePreview:i,handleFileClick:t}=s,{errors:m}=_(),n=m&&m.files&&m.files.length>0;/* @__PURE__ */
+return e(u,{children:o.map((s,o)=>{var a,p;/* @__PURE__ */
+return e("div",{className:"upload-item mt-4 "+(n&&null!=(a=m.files[o])&&a.message?"upload-item--error":""),children:/* @__PURE__ */e("div",{className:"upload-item__inner",children:/* @__PURE__ */l("div",{className:"upload-item__content mb-2",children:[
+/* @__PURE__ */l("div",{className:"upload-item__content__inner pr-8",children:[
+/* @__PURE__ */e(h,{size:"small",lineHeight:"medium",className:"upload-item__text",onClick:e=>i&&g({e:e,file:s,handleFileClick:t}),children:s.name}),n&&/* @__PURE__ */e(v,{message:null==(p=m.files[o])?void 0:p.message})]}),
+/* @__PURE__ */e(N,{type:"tertiary",size:"small",iconProps:{Component:F},onClick:()=>{r(s,o)}})]})})},o)})})};export{D as UploadItems};

package/components/FileUpload/index.js

@@ -1,63 +1 @@
-export { FileUpload } from './FileUpload.js';
-export { D as DropzoneFileUpload } from '../../Alert-C_U8td2x.js';
-export { FileUploadMode } from './types.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import '../../helperComponents/Label/Label.js';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/extends';
-import '../../consts/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import './UploadItems.js';
-import '../../hooks/useFormProps.js';
-import '../../context/types.js';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import '../SVGIcons/IconDelete.js';
-import '../SVGIcons/IconEditFilled.js';
-import '../SVGIcons/IconEdit.js';
-import '../SVGIcons/IconAttach.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import './DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{FileUpload as p}from"./FileUpload.js";import{DropzoneFileUpload as l}from"./DropzoneFileUpload/DropzoneFileUpload.js";import{FileUploadMode as a}from"./types.js";export{l as DropzoneFileUpload,p as FileUpload,a as FileUploadMode};

package/components/FileUpload/types.js

@@ -1,10 +1 @@
-var FileUploadMode = /*#__PURE__*/function (FileUploadMode) {
-  FileUploadMode["edit"] = "edit";
-  FileUploadMode["attach"] = "attach";
-  FileUploadMode["view"] = "view";
-  return FileUploadMode;
-}({});
-
-// DnDFileUpload types
-
-export { FileUploadMode };
+var r=/* @__PURE__ */(a=>(a.edit="edit",a.attach="attach",a.view="view",a))(r||{});export{r as FileUploadMode};