hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/FileUpload/DropzoneFileUpload/helpers.js

@@ -1,52 +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-V_kH4Snn.js';
-import 'react-syntax-highlighter';
-import '@babel/runtime/helpers/typeof';
-import '../../../type/file-upload.js';
-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 'framer-motion';
-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 '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.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 p}from"../../../consts/index.js";import"../../../helpers/format-date.js";import{getTranslationLocale as $}from"../../../helpers/locale.js";import"react/jsx-runtime";import"react-toastify";import"classnames";import"dayjs";import"../../Snackbar/consts.js";import"react";import"react-toastify/dist/ReactToastify.css";const C=(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`,v=({allowedTypes:e,maxSize:o,locale:t})=>{const a=e.map(e=>p[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||$()]||o.en};export{s as formatFileSize,v as generateAreaContent,c as getDropzoneLocale,C as shortenFileName};

package/components/FileUpload/DropzoneFileUpload/index.js

@@ -1,52 +1 @@
-export { D as DropzoneFileUpload } from '../../../Alert-V_kH4Snn.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 '../../../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';
-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 '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
-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,193 +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-V_kH4Snn.js';
-import { Label } from '../../helperComponents/Label/Label.js';
-import 'classnames';
-import { uniqueFiles, checkIsAllowedFileSize, checkIsAllowedTypes, getFormattedValues } from '../../utils/helpers.js';
-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 { 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 '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../../type/file-upload.js';
-import '../../helpers/format-date.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';
-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 '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-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,102 +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-V_kH4Snn.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-syntax-highlighter';
-import { IconDelete } from '../SVGIcons/IconDelete.js';
-import 'dayjs';
-import '../../type/file-upload.js';
-import '../../context/types.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import './types.js';
-import '../../helpers/format-date.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';
-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 '@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,61 +1 @@
-export { FileUpload } from './FileUpload.js';
-export { D as DropzoneFileUpload } from '../../Alert-V_kH4Snn.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/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 './UploadItems.js';
-import '../../hooks/useFormProps.js';
-import '../../context/types.js';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../SVGIcons/IconDelete.js';
-import '../SVGIcons/IconEditFilled.js';
-import '../SVGIcons/IconEdit.js';
-import '../SVGIcons/IconAttach.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../../helpers/format-date.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';
-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 '@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};

package/components/FormContainer/FormContainer.js

@@ -1,137 +1 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React from 'react';
-import { appendErrors, useForm } from 'react-hook-form';
-import { validateFieldsNatively, toNestErrors } from '@hookform/resolvers';
-import classNames from 'classnames';
-import { FormContext } from '../../context/types.js';
-import { B as Button } from '../../Alert-V_kH4Snn.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-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-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.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';
-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 '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-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';
-
-function o(o,n,s){return void 0===s&&(s={}),function(a,i,c){try{return Promise.resolve(function(t,r){try{var u=(null!=n&&n.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(o["sync"===s.mode?"validateSync":"validate"](a,Object.assign({abortEarly:!1},n,{context:i}))).then(function(t){return c.shouldUseNativeValidation&&validateFieldsNatively({},c),{values:s.raw?Object.assign({},a):t,errors:{}}}));}catch(e){return r(e)}return u&&u.then?u.then(void 0,r):u}(0,function(e){if(!e.inner)throw e;return {values:{},errors:toNestErrors((o=e,n=!c.shouldUseNativeValidation&&"all"===c.criteriaMode,(o.inner||[]).reduce(function(e,t){if(e[t.path]||(e[t.path]={message:t.message,type:t.type}),n){var o=e[t.path].types,s=o&&o[t.type];e[t.path]=appendErrors(t.path,n,e,t.type,s?[].concat(s,t.message):t.message);}return e},{})),c)};var o,n;}))}catch(e){return Promise.reject(e)}}}
-
-var FormContainer = function FormContainer(props) {
-  var children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    shouldUnregister = props.shouldUnregister,
-    _props$shouldFocusErr = props.shouldFocusError,
-    shouldFocusError = _props$shouldFocusErr === void 0 ? true : _props$shouldFocusErr,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'onBlur' : _props$mode,
-    initialValues = props.initialValues,
-    validationScheme = props.validationScheme,
-    buttonConfigs = props.buttonConfigs,
-    formId = props.formId,
-    onSubmit = props.onSubmit;
-  var _useForm = useForm({
-      mode: mode,
-      resolver: o(validationScheme),
-      defaultValues: initialValues,
-      shouldFocusError: shouldFocusError,
-      shouldUnregister: shouldUnregister
-    }),
-    handleSubmit = _useForm.handleSubmit,
-    register = _useForm.register,
-    setValue = _useForm.setValue,
-    control = _useForm.control,
-    formState = _useForm.formState,
-    getValues = _useForm.getValues,
-    watch = _useForm.watch,
-    reset = _useForm.reset,
-    clearErrors = _useForm.clearErrors,
-    setError = _useForm.setError,
-    trigger = _useForm.trigger,
-    getFieldState = _useForm.getFieldState,
-    unregister = _useForm.unregister;
-  var errors = formState.errors,
-    isDirty = formState.isDirty,
-    isSubmitted = formState.isSubmitted,
-    isSubmitting = formState.isSubmitting,
-    dirtyFields = formState.dirtyFields;
-  var customSubmit = function customSubmit(data) {
-    if (onSubmit) {
-      onSubmit(data, formState, dirtyFields);
-    }
-  };
-  return /*#__PURE__*/React.createElement("form", {
-    onSubmit: handleSubmit(customSubmit),
-    id: formId,
-    className: classNames('form-container', className)
-  }, /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: {
-      trigger: trigger,
-      register: register,
-      errors: errors,
-      control: control,
-      setValue: setValue,
-      getValues: getValues,
-      watch: watch,
-      reset: reset,
-      isDirty: isDirty,
-      isSubmitted: isSubmitted,
-      isSubmitting: isSubmitting,
-      clearErrors: clearErrors,
-      setError: setError,
-      dirtyFields: dirtyFields,
-      getFieldState: getFieldState,
-      unregister: unregister,
-      onSubmit: function onSubmit() {
-        return handleSubmit(customSubmit)();
-      }
-    }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, children, buttonConfigs && /*#__PURE__*/React.createElement("div", {
-    className: "form-container__buttons"
-  }, buttonConfigs.map(function (buttonConfig, index) {
-    return /*#__PURE__*/React.createElement(Button, _extends({}, buttonConfig, {
-      key: index
-    }));
-  })))));
-};
-
-export { FormContainer };
+import{jsx as t,jsxs as O,Fragment as P}from"react/jsx-runtime";import{useEffect as R,createElement as U}from"react";import{useForm as W}from"react-hook-form";import{yupResolver as q}from"@hookform/resolvers/yup";import z from"classnames";import{FormContext as A}from"../../context/types.js";import{Button as G}from"../Button/Button.js";const X=r=>{const{children:e,className:s="",shouldUnregister:o,shouldFocusError:i=!0,mode:a="onBlur",initialValues:m,validationScheme:n,buttonConfigs:l,formId:u,language:c,onSubmit:d}=r,{handleSubmit:g,register:f,setValue:h,control:S,formState:b,getValues:p,watch:F,reset:y,clearErrors:E,setError:v,trigger:j,getFieldState:x,unregister:V}=W({mode:a,resolver:q(n),defaultValues:m,shouldFocusError:i,shouldUnregister:o}),{errors:k,isDirty:B,isSubmitted:C,isSubmitting:N,dirtyFields:w}=b,D=r=>{d&&d(r,b,w)};return R(()=>{if(b.isSubmitted){const r=Object.keys(b.errors);r.length>0&&j(r)}},[c]),/* @__PURE__ */t("form",{onSubmit:g(D),id:u,className:z("form-container",s),children:/* @__PURE__ */t(A.Provider,{value:{trigger:j,register:f,errors:k,control:S,setValue:h,getValues:p,watch:F,reset:y,isDirty:B,isSubmitted:C,isSubmitting:N,clearErrors:E,setError:v,dirtyFields:w,getFieldState:x,unregister:V,onSubmit:()=>g(D)()},children:/* @__PURE__ */O(P,{children:[e,l&&/* @__PURE__ */t("div",{className:"form-container__buttons",children:l.map((r,e)=>/* @__PURE__ */U(G,{...r,key:e}))})]})})})};export{X as FormContainer};