kamotive_ui 2.10.5 → 8.12.25

package/dist/components/AttachedFilesPreview/AttachedFilesPreview.d.ts

@@ -3,9 +3,10 @@ export interface FilePreview {
     file: File;
     id: string;
     preview?: string;
+    lng: string;
 }
 export declare const getFileIcon: (file: File) => React.JSX.Element;
-export declare const formatFileSize: (bytes?: number) => string;
+export declare const formatFileSize: (bytes?: number, lng?: string) => string;
 interface AttachedFilesProps {
     files: FilePreview[];
     onDelete?: (id: string) => void;
@@ -14,6 +15,7 @@ interface AttachedFilesProps {
     className?: string;
     isEdit?: boolean;
     allowDownload?: boolean;
+    lng: string;
 }
 export declare const AttachedFilesPreview: React.FC<AttachedFilesProps>;
 export {};

package/dist/components/AttachedFilesPreview/AttachedFilesPreview.js

@@ -31,15 +31,18 @@ export const getFileIcon = (file) => {
     return React.createElement(IconFileDefault, null);
 };
 // Функция для форматирования размера файла
-export const formatFileSize = (bytes) => {
-    if (!bytes || bytes === 0)
-        return '0 Bytes';
+export const formatFileSize = (bytes, lng) => {
+    if (!bytes || bytes === 0) {
+        return lng === 'ru' || (lng === null || lng === void 0 ? void 0 : lng.includes('ru')) ? '0 Байт' : '0 Bytes';
+    }
     const k = 1024;
-    const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+    const sizesEn = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+    const sizesRu = ['Байт', 'КБ', 'МБ', 'ГБ', 'ТБ'];
     const i = Math.floor(Math.log(bytes) / Math.log(k));
+    const sizes = lng === 'ru' || (lng === null || lng === void 0 ? void 0 : lng.includes('ru')) ? sizesRu : sizesEn;
     return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
 };
-export const AttachedFilesPreview = ({ files, onDelete, onDownload, style, className, isEdit, allowDownload = true, }) => {
+export const AttachedFilesPreview = ({ files, onDelete, onDownload, style, className, isEdit, allowDownload = true, lng, }) => {
     const handleDelete = (event, id) => {
         event.stopPropagation();
         if (onDelete) {
@@ -65,5 +68,5 @@ export const AttachedFilesPreview = ({ files, onDelete, onDownload, style, class
         React.createElement("div", { onClick: allowDownload ? () => handleDownload(file.file) : undefined, className: styles.filePreview },
             file.preview ? (React.createElement("img", { src: file.preview, alt: file.file.name, className: styles.previewImage })) : (React.createElement("div", { className: styles.previewImage }, getFileIcon(file.file))),
             isEdit && (React.createElement("button", { className: styles.removeFileButton, onClick: (event) => handleDelete(event, file.id) }, "\u2715")),
-            React.createElement("div", { className: styles.fileSize }, formatFileSize(file.file.size))))))));
+            React.createElement("div", { className: styles.fileSize }, formatFileSize(file.file.size, lng))))))));
 };

package/dist/components/Comment/Comment.js

@@ -6,7 +6,7 @@ import { TextEditor } from '../TextEditor/TextEditor';
 import { AttachedFilesPreview } from '../AttachedFilesPreview/AttachedFilesPreview';
 import { IconAccount, IconDeleteFilled, IconPencilFilled } from '../../Icons';
 import { IconButton } from '../IconButton/IconButton';
-export const Comment = ({ id, value, style, className, username, avatar, creationDate, canAttachFiles = false, files = [], canEdit = false, isEdit = false, label, error = false, helperText, onChange, onSubmit, onDelete, }) => {
+export const Comment = ({ id, value, style, className, username, avatar, creationDate, canAttachFiles = false, files = [], canEdit = false, isEdit = false, label, error = false, helperText, onChange, onSubmit, onDelete, lng = 'ru', }) => {
     const [commentText, setCommentText] = useState(value || '');
     const [isEditMode, setIsEditMode] = useState(isEdit);
     const [attachedFiles, setAttachedFiles] = useState(files);
@@ -45,10 +45,10 @@ export const Comment = ({ id, value, style, className, username, avatar, creatio
                     React.createElement(Typography, { variant: "Body2-Medium", className: labelClasses }, username),
                     React.createElement(Typography, { variant: "Caption", className: styles.label, style: { color: '#8E8E93' } }, creationDate))),
             canEdit && (React.createElement("div", { className: styles.iconsWrapper },
-                React.createElement(IconButton, { icon: React.createElement(IconPencilFilled, null), onClick: handleEditClick, size: "sm", style: { aspectRatio: 0 } }),
-                React.createElement(IconButton, { icon: React.createElement(IconDeleteFilled, null), onClick: handleDeleteClick, size: "sm", style: { aspectRatio: 0 } })))),
-        isEditMode ? (React.createElement(TextEditor, { defaultValue: commentText, onSubmit: handleSubmit, onChange: handleChange, error: error, helperText: helperText, files: attachedFiles, canAttachFiles: canAttachFiles })) : (React.createElement("div", { className: styles.commentWrapper },
-            attachedFiles.length > 0 && (React.createElement(AttachedFilesPreview, { files: attachedFiles, className: styles.attachedFilesContainer })),
+                React.createElement(IconButton, { icon: React.createElement(IconPencilFilled, null), onClick: handleEditClick, size: "sm", style: { aspectRatio: 0, width: '30px', height: '30px' } }),
+                React.createElement(IconButton, { icon: React.createElement(IconDeleteFilled, null), onClick: handleDeleteClick, size: "sm", style: { aspectRatio: 0, width: '30px', height: '30px' } })))),
+        isEditMode ? (React.createElement(TextEditor, { defaultValue: commentText, onSubmit: handleSubmit, onChange: handleChange, error: error, helperText: helperText, files: attachedFiles, canAttachFiles: canAttachFiles, lng: lng })) : (React.createElement("div", { className: styles.commentWrapper },
+            attachedFiles.length > 0 && (React.createElement(AttachedFilesPreview, { files: attachedFiles, className: styles.attachedFilesContainer, lng: lng })),
             React.createElement("div", { id: id, className: inputClassess, dangerouslySetInnerHTML: { __html: commentText || '' } }))),
         error && helperText && (React.createElement(Typography, { variant: "Caption", className: classNames(styles.helperText) }, helperText))));
 };

package/dist/components/Comment/Comment.module.css

@@ -25,7 +25,7 @@
 .iconsWrapper {
 	display: flex;
 	flex-direction: row;
-	gap: 15px;
+	gap: 5px;
 }
 
 .commentWrapper {

package/dist/components/Dropdown/Dropdown.js

@@ -168,11 +168,11 @@ export const DropdownListItem = ({ item, getOptionLabel, size = 'md', selectedIt
             (item === null || item === void 0 ? void 0 : item.isDivider) && React.createElement("div", { className: styles.divider })),
         hasChildren && (React.createElement("div", { className: styles.nestedMenu }, (_a = item.children) === null || _a === void 0 ? void 0 : _a.map((child, childIndex) => {
             var _a;
-            return (React.createElement(DropdownListItem, { key: (_a = child === null || child === void 0 ? void 0 : child.key) !== null && _a !== void 0 ? _a : `${index}-${childIndex}`, item: child, getOptionLabel: getOptionLabel, size: size, selectedItem: selectedItem, onChange: onChange, isActive: false, activeIndex: activeIndex, index: childIndex, isChild: true }));
+            return (React.createElement(DropdownListItem, { key: (_a = child === null || child === void 0 ? void 0 : child.id) !== null && _a !== void 0 ? _a : `${index}-${childIndex}`, item: child, getOptionLabel: getOptionLabel, size: size, selectedItem: selectedItem, onChange: onChange, isActive: false, activeIndex: activeIndex, index: childIndex, isChild: true }));
         })))));
     return showTooltip ? (React.createElement(Tooltip, { label: ((_b = getComparisonValue(item, getOptionLabel)) === null || _b === void 0 ? void 0 : _b.toString()) || '', position: "bottom-left" }, itemContent)) : (itemContent);
 };
-export const Dropdown = ({ options, id, label, placeholder, required = false, value, defaultValue, onChange, getOptionLabel, variant = 'text', size = 'lg', style, className, isLeftLabel = false, isDivider = false, disabled = false, readOnly = false, isOpened = false, error = false, helperText, onClick, onBlur, onFocus, onClose, clearable = true, enableAutocomplete = false, noOptionsText = 'Нет вариантов для выбора', lng = 'ru', }) => {
+export const Dropdown = ({ options, id, label, placeholder, required = false, value, defaultValue, onChange, showLoadMore = false, loadMore, getOptionLabel, variant = 'text', size = 'lg', style, className, isLeftLabel = false, isDivider = false, disabled = false, readOnly = false, isOpened = false, error = false, helperText, onClick, onBlur, onFocus, onClose, clearable = true, enableAutocomplete = false, noOptionsText = 'Нет вариантов для выбора', lng = 'ru', }) => {
     const [isOpen, setIsOpen] = useState(isOpened);
     const [modifiedOptions, setModifiedOptions] = useState([]);
     const [selectedItem, setSelectedItem] = useState(null);
@@ -373,12 +373,18 @@ export const Dropdown = ({ options, id, label, placeholder, required = false, va
     };
     const getDropdownMenu = () => {
         const optionsToRender = enableAutocomplete && searchValue ? filteredOptions : modifiedOptions;
-        const menu = isOpen && (React.createElement("div", { className: dropdownClassess }, optionsToRender && optionsToRender.length > 0 ? (optionsToRender.map((optionsToRender, index) => {
-            var _a;
-            return (React.createElement(DropdownListItem, { key: (_a = optionsToRender === null || optionsToRender === void 0 ? void 0 : optionsToRender.key) !== null && _a !== void 0 ? _a : index, item: optionsToRender, getOptionLabel: getOptionLabel, size: size, selectedItem: selectedItem, variant: variant, onChange: onChangeHandler, isActive: activeIndex === index, activeIndex: activeIndex, index: index }));
-        })) : (React.createElement("div", { className: `${styles['item-container']} ${styles['item-block']}`, style: { paddingLeft: '15px' } }, lng === 'ru' || lng.includes('ru')
-            ? noOptionsText || 'Нет вариантов для выбора'
-            : noOptionsText || 'No options to select'))));
+        const menu = isOpen && (React.createElement("div", { className: dropdownClassess },
+            optionsToRender && optionsToRender.length > 0 ? (optionsToRender.map((optionsToRender, index) => {
+                var _a;
+                return (React.createElement(DropdownListItem, { key: (_a = optionsToRender === null || optionsToRender === void 0 ? void 0 : optionsToRender.id) !== null && _a !== void 0 ? _a : index, item: optionsToRender, getOptionLabel: getOptionLabel, size: size, selectedItem: selectedItem, variant: variant, onChange: onChangeHandler, isActive: activeIndex === index, activeIndex: activeIndex, index: index }));
+            })) : (React.createElement("div", { className: `${styles['item-container']} ${styles['item-block']}`, style: { paddingLeft: '15px' } }, lng === 'ru' || lng.includes('ru')
+                ? noOptionsText || 'Нет вариантов для выбора'
+                : noOptionsText || 'No options to select')),
+            showLoadMore && loadMore && React.createElement("div", { className: styles[`loadMore`], onClick: (e) => {
+                    e.stopPropagation();
+                    e.preventDefault();
+                    loadMore();
+                } }, 'Загрузить еще')));
         return isOpen ? menu : null;
     };
     useEffect(() => {

package/dist/components/Dropdown/Dropdown.module.css

@@ -337,3 +337,16 @@
   grid-template-columns: 1fr 20px;
   justify-content: space-between;
 }
+/* Кнопка Загрузить еще  */
+.loadMore {
+    /* align-self: flex-end; */
+    padding: 6px;
+    margin-left: 10px;
+    font-size: 12px;
+    color: var(--blue-secondary);
+    cursor: pointer;
+
+}
+.loadMore:hover {
+  color: var(--blue-dark);
+}

package/dist/components/FileAttach/FileAttach.js

@@ -3,15 +3,18 @@ import styles from './FileAttach.module.css';
 import classNames from 'classnames';
 import { FileLoader } from '../FileLoader/FileLoader';
 import { FileListAttaсhed } from '../FileListAttached/FileListAttaсhed';
-export const FileAttach = ({ filesList = [], maxFileSize = 2, maxFileCount = 10, acceptedFormats = {
+export const FileAttach = ({ filesList = [], maxFileSize = 2, maxFileCount = 10, maxFileName = 0, acceptedFormats = {
     'image/*': ['.png', '.gif', '.jpeg', '.jpg'],
     'application/pdf': ['.pdf'],
     'application/msword': ['.doc', '.docx'],
+    'model/gltf-binary': ['.glb'],
+    'application/octet-stream': ['.prt', '.step', '.stp'],
+    'text/plain': ['.syslog'],
 }, addedFiles, setAddedFiles, onDownload, onDelete, canAdd = true, canDelete = true, canDownload = true, position = 'bottom', lng = 'ru', className, style, fileValidator, }) => {
     const fileAttachClasses = classNames(styles['fileAttach'], className, {
         [styles[`fileAttach_position_${position}`]]: position,
     });
     return (React.createElement("div", { className: fileAttachClasses, style: style },
-        React.createElement(FileLoader, { maxFileSize: maxFileSize, maxFileCount: maxFileCount, acceptedFormats: acceptedFormats, addedFiles: addedFiles, setAddedFiles: setAddedFiles, filesList: filesList, canAdd: canAdd, lng: lng, fileValidator: fileValidator }),
+        React.createElement(FileLoader, { maxFileSize: maxFileSize, maxFileCount: maxFileCount, maxFileName: maxFileName, acceptedFormats: acceptedFormats, addedFiles: addedFiles, setAddedFiles: setAddedFiles, filesList: filesList, canAdd: canAdd, lng: lng, fileValidator: fileValidator }),
         React.createElement(FileListAttaсhed, { filesList: filesList, onDelete: onDelete, onDownload: onDownload, canDelete: canDelete, canDownload: canDownload, lng: lng })));
 };

package/dist/components/FileItem/FileItem.js

@@ -7,7 +7,7 @@ import { IconClose, IconDownload, IconFile } from '../../Icons';
 import { Tooltip } from '../Tooltip/Tooltip';
 import classNames from 'classnames';
 import { formatFileSize } from '../AttachedFilesPreview/AttachedFilesPreview';
-export const FileItem = ({ file, loading = false, error = '', onDownload, onDelete, canDelete = true, canDownload = true, style, isAddedFile, isRejectedFile, progressBarWidth }) => {
+export const FileItem = ({ file, loading = false, error = '', onDownload, onDelete, canDelete = true, canDownload = true, style, isAddedFile, isRejectedFile, progressBarWidth, lng }) => {
     const [isLoadingFinished, setIsLoadingFinished] = useState(false);
     const [animationDuration, setAnimationDuration] = useState(0);
     const [maxLength, setMaxLength] = useState(30);
@@ -103,7 +103,7 @@ export const FileItem = ({ file, loading = false, error = '', onDownload, onDele
                 React.createElement("div", { className: styles['fileItemName'], ref: fileNameRef },
                     file.filename.length > maxLength ? (React.createElement(Tooltip, { label: file.filename, position: "bottom-center", displayDelay: 300 },
                         React.createElement(Typography, { variant: "Body1", color: "var(--text-dark)" }, croppedName(file.filename)))) : (React.createElement(Typography, { variant: "Body1", color: "var(--text-dark)" }, croppedName(file.filename))),
-                    file.size !== 0 && (React.createElement(Typography, { variant: "Caption", color: "var(--grey-medium)" }, formatFileSize(file.size))))),
+                    file.size !== 0 && (React.createElement(Typography, { variant: "Caption", color: "var(--grey-medium)" }, formatFileSize(file.size, lng))))),
             React.createElement("div", { className: styles['fileItemActions'] },
                 !(isAddedFile || isRejectedFile) && canDownload && (React.createElement(IconButton, { className: styles.fileIcon, icon: React.createElement(IconDownload, null), onClick: (e) => handleDownloadClick(e, file), color: "var(--icons-grey)", size: "sm" })),
                 canDelete && (React.createElement(IconButton, { className: styles.fileIcon, icon: React.createElement(IconClose, null), onClick: (e) => handleDeleteClick(e, file.id || ''), color: "var(--icons-grey)", size: "sm" })))),

package/dist/components/FileListAttached/FileListAtta/321/201hed.js

@@ -10,5 +10,5 @@ export const FileListAttaсhed = ({ filesList, onDelete, onDownload, canDelete,
     return (React.createElement("div", { className: classNames(styles['fileList'], className), style: style },
         isInfoShown &&
             (lng === 'ru' || lng.includes('ru') ? (React.createElement(Typography, { variant: "Body2-SemiBold", color: "var(--text-dark)", style: { lineHeight: '20px' }, className: styles['fileListHeader'] }, `Прикрепленные файлы (${filesList.length})`)) : (React.createElement(Typography, { variant: "Body2-SemiBold", color: "var(--text-dark)", style: { lineHeight: '20px' }, className: styles['fileListHeader'] }, `Attached files (${filesList.length})`))),
-        React.createElement("div", { className: styles['fileListFiles'] }, filesList.map((file) => (React.createElement(FileItem, { key: file.id, file: file, onDownload: onDownload, onDelete: onDelete, canDelete: canDelete, canDownload: canDownload }))))));
+        React.createElement("div", { className: styles['fileListFiles'] }, filesList.map((file) => (React.createElement(FileItem, { key: file.id, file: file, onDownload: onDownload, onDelete: onDelete, canDelete: canDelete, canDownload: canDownload, lng: lng }))))));
 };

package/dist/components/FileLoader/FileLoader.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { FileLoaderProps } from '../../types';
-export declare const FileLoader: FC<FileLoaderProps>;
+import React from 'react';
+import { FileLoaderHandle, FileLoaderProps } from '../../types';
+export declare const FileLoader: React.ForwardRefExoticComponent<FileLoaderProps & React.RefAttributes<FileLoaderHandle>>;

package/dist/components/FileLoader/FileLoader.js

@@ -1,23 +1,34 @@
-import React, { useEffect, useState } from 'react';
+import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
 import styles from './FileLoader.module.css';
 import { Typography } from '../Typography/Typography';
 import { IconUpload } from '../../Icons';
 import { FileItem } from '../FileItem/FileItem';
 import classNames from 'classnames';
-export const FileLoader = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats = {
+export const FileLoader = forwardRef(({ maxFileSize = 2, maxFileCount = 10, maxFileName = 0, acceptedFormats = {
     'image/*': ['.png', '.gif', '.jpeg', '.jpg'],
     'application/pdf': ['.pdf'],
-    'application/msword': ['.doc', '.docx'],
-}, addedFiles, setAddedFiles, filesList = [], canAdd = true, lng = 'ru', className, style, fileValidator, progressBarWidth }) => {
+    'application/msword': ['.doc', '.docx', '.log', '.syslog', '.txt'],
+}, rejectedFormats, addedFiles, setAddedFiles, filesList = [], canAdd = true, lng = 'ru', className, style, fileValidator, progressBarWidth }, ref) => {
     const [isLoadingFiles, setIsLoadingFiles] = useState(false);
     const [loadingFilesNames, setLoadingFilesNames] = useState([]);
     const [errorFiles, setErrorFiles] = useState([]);
     const [addedFilesFormated, setAddedFilesFormatted] = useState([]);
+    useImperativeHandle(ref, () => ({
+        clearErrorFiles: () => {
+            setErrorFiles([]);
+        },
+        clearAllFiles: () => {
+            setErrorFiles([]);
+            setAddedFiles([]);
+            setAddedFilesFormatted([]);
+            setLoadingFilesNames([]);
+        }
+    }));
     const fileValidatorInner = (file) => {
         if (file.size > maxFileSize * 1024 * 1024 * 1024) {
             return {
-                code: 'name-too-large',
+                code: 'size-too-large',
                 message: lng === 'ru' || lng.includes('ru')
                     ? `Максимальный размер файла ${maxFileSize.toFixed(0)} ГБ`
                     : `Maximum file size ${maxFileSize.toFixed(0)} GB`,
@@ -43,7 +54,13 @@ export const FileLoader = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats
                 message: lng === 'ru' || lng.includes('ru') ? `Максимальное количество файлов ${maxFileCount}` : `Maximum number of files ${maxFileCount}`,
             };
         }
-        if (acceptedFormats) {
+        if (maxFileName && file.name.length > maxFileName) {
+            return {
+                code: 'name-too-large',
+                message: lng === 'ru' || lng.includes('ru') ? `Имя файла не может превышать ${maxFileName} символов` : `File name must be under ${maxFileName} symbols`,
+            };
+        }
+        if (acceptedFormats && !rejectedFormats) {
             const acceptedExtensions = Object.values(acceptedFormats)
                 .reduce((acc, val) => acc.concat(val), []);
             const fileParts = file.name.split('.');
@@ -59,6 +76,22 @@ export const FileLoader = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats
                 };
             }
         }
+        if (rejectedFormats) {
+            const rejectedExtensions = Object.values(rejectedFormats)
+                .reduce((acc, val) => acc.concat(val), []);
+            const fileParts = file.name.split('.');
+            const fileExtension = fileParts.length > 1
+                ? `.${fileParts.pop().toLowerCase()}`
+                : '';
+            if (rejectedExtensions.includes(fileExtension)) {
+                return {
+                    code: 'file-invalid-type',
+                    message: lng === 'ru' || lng.includes('ru')
+                        ? `Файл не должен быть одного из следующих типов: ${getAcceptedFormatsString(rejectedFormats)}`
+                        : `File must not be one of: ${getAcceptedFormatsString(rejectedFormats)}`,
+                };
+            }
+        }
         if (fileValidator) {
             const customValidationResult = fileValidator(file);
             if (customValidationResult) {
@@ -141,21 +174,23 @@ export const FileLoader = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats
         setLoadingFilesNames(loadingFilesNames.filter((id) => id !== id));
     };
     const acceptedFileItems = addedFilesFormated.map((file) => {
-        return (React.createElement(FileItem, { key: file.id, file: file, loading: loadingFilesNames.includes(file.filename), onDelete: handleDeleteFiles, isAddedFile: true, progressBarWidth: progressBarWidth }));
+        return (React.createElement(FileItem, { key: file.id, file: file, loading: loadingFilesNames.includes(file.filename), onDelete: handleDeleteFiles, isAddedFile: true, progressBarWidth: progressBarWidth, lng: lng }));
     });
     const handleDeleteRejectedFile = (id) => {
         setErrorFiles(errorFiles.filter((rejection) => rejection.file.id !== id));
     };
-    const fileRejectionItems = errorFiles.map(({ file, errors }) => (React.createElement(FileItem, { key: file.id, file: file, error: errors[0].message, onDelete: handleDeleteRejectedFile, isRejectedFile: true })));
+    const fileRejectionItems = errorFiles.map(({ file, errors }) => (React.createElement(FileItem, { key: file.id, file: file, error: errors[0].message, onDelete: handleDeleteRejectedFile, isRejectedFile: true, lng: lng })));
     // Функция для получения всех доступных форматов в виде строки
     const getAcceptedFormatsString = (acceptedFormats) => {
-        const formats = [];
+        const uniqueFormats = new Set();
         for (const key in acceptedFormats) {
             if (acceptedFormats.hasOwnProperty(key)) {
-                formats.push(...acceptedFormats[key].map((format) => format.replace('.', '')));
+                acceptedFormats[key].forEach((format) => {
+                    uniqueFormats.add(format.replace('.', ''));
+                });
             }
         }
-        return formats.join(', ');
+        return Array.from(uniqueFormats).join(', ');
     };
     useEffect(() => {
         if (addedFiles.length === 0) {
@@ -189,9 +224,9 @@ export const FileLoader = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats
                         React.createElement("br", null)))),
                 maxFileCount &&
                     (lng === 'ru' || lng.includes('ru') ? (React.createElement(Typography, { variant: "Body2", color: "var(--grey-medium)" }, `За раз можно загрузить ${maxFileCount} ${maxFileCount > 1 ? `файлов` : `файл`}`)) : (React.createElement(Typography, { variant: "Body2", color: "var(--grey-medium)" }, `You can upload ${maxFileCount} ${maxFileCount > 1 ? `files` : `file`}`))))),
-        acceptedFormats &&
-            (lng === 'ru' || lng.includes('ru') ? (React.createElement(Typography, { variant: "Body2", color: "var(--grey-medium)" }, `Поддерживаемые форматы: ${getAcceptedFormatsString(acceptedFormats)}`)) : (React.createElement(Typography, { variant: "Body2", color: "var(--grey-medium)" }, `Supported formats: ${getAcceptedFormatsString(acceptedFormats)}`))),
+        acceptedFormats && !rejectedFormats && (React.createElement(Typography, { variant: "Body2", color: "var(--grey-medium)" }, `${lng === 'ru' || lng.includes('ru') ? 'Поддерживаемые форматы:' : 'Supported formats:'} ${getAcceptedFormatsString(acceptedFormats)}`)),
+        rejectedFormats && (React.createElement(Typography, { variant: "Body2", color: "var(--grey-medium)" }, `${lng === 'ru' || lng.includes('ru') ? 'Неподдерживаемые форматы:' : 'Unsupported formats:'} ${getAcceptedFormatsString(rejectedFormats)}`)),
         (addedFiles === null || addedFiles === void 0 ? void 0 : addedFiles.length) > 0 || (errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.length) > 0 ? (React.createElement("div", { className: styles['addedFiles'] },
             acceptedFileItems,
             fileRejectionItems)) : lng === 'ru' || lng.includes('ru') ? (React.createElement(Typography, { variant: "Body2-SemiBold", color: "var(--grey-medium)", style: { marginTop: '5px' } }, "\u0424\u0430\u0439\u043B\u044B \u043D\u0435 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u044B")) : (React.createElement(Typography, { variant: "Body2-SemiBold", color: "var(--grey-medium)", style: { marginTop: '5px' } }, "Files not added"))));
-};
+});

package/dist/components/IconButton/IconButton.module.css

@@ -7,6 +7,7 @@
   align-items: center;
   justify-content: center;
   aspect-ratio: 1 / 1;
+  border-radius: var(--default-border-radius, 50%);
 }
 
 .iconButton--sm svg {

package/dist/components/TextEditor/TextEditor.js

@@ -23,7 +23,7 @@ const getElementFromRange = (range) => {
     const container = range.commonAncestorContainer;
     return container.nodeType === Node.TEXT_NODE ? container.parentElement : container;
 };
-export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, helperText, canAttachFiles = false, files, required, className, isButtonDisabled, }) => {
+export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, helperText, canAttachFiles = false, files, required, className, isButtonDisabled, lng = 'ru', }) => {
     const editorRef = useRef(null);
     const uploaderRef = useRef(null);
     const submitButtonRef = useRef(null);
@@ -293,6 +293,7 @@ export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, hel
             file,
             id: `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
             preview: file.type.startsWith('image/') ? URL.createObjectURL(file) : undefined,
+            lng,
         }));
         setAttachedFiles((prev) => [...prev, ...newAttachedFiles]);
         event.target.value = '';
@@ -535,7 +536,7 @@ export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, hel
     return (React.createElement("div", { className: wrapperClassess },
         label && (React.createElement(Typography, { variant: "Caption", className: labelClasses }, label)),
         React.createElement("div", { className: inputClassess },
-            attachedFiles.length > 0 && (React.createElement(AttachedFilesPreview, { files: attachedFiles, onDelete: (id) => removeAttachedFile(id), className: styles.attachedFilesContainer, isEdit: true })),
+            attachedFiles.length > 0 && (React.createElement(AttachedFilesPreview, { files: attachedFiles, onDelete: (id) => removeAttachedFile(id), className: styles.attachedFilesContainer, isEdit: true, lng: lng })),
             React.createElement("div", { ref: editorRef }),
             canAttachFiles && (React.createElement("input", { ref: uploaderRef, type: "file", style: { display: 'none' }, multiple: true, onChange: handleUploadFiles, accept: ACCEPTED_FILE_TYPES }))),
         error && helperText && (React.createElement(Typography, { variant: "Caption", className: classNames(styles.helperText) }, helperText))));

package/dist/types/index.d.ts

@@ -186,6 +186,10 @@ export interface DropdownProps {
     defaultValue?: string | number | TOptions | null;
     /** Callback, который будет вызван при изменении значения */
     onChange?: (event: any, value: string | number | TOptions | null) => void;
+    /** Флаг, является ли выпадающий список пагинированным */
+    showLoadMore?: boolean;
+    /** Функция для загрузки списка при пагинированных данных */
+    loadMore?: () => void;
     /** Функция для получения текста опции */
     getOptionLabel?: (option: TOptions) => string;
     /** Вариaнты выпадающего списка(текст + иконка, текст)' */
@@ -383,6 +387,8 @@ export interface FileAttachProps {
     maxFileSize?: number;
     /** Максимальное количество файлов */
     maxFileCount?: number;
+    /** Максимальное количество символов в названии файла */
+    maxFileName?: number;
     /**Поддерживаемые форматы файлов */
     acceptedFormats?: Accept;
     /**Добавленные файлы */
@@ -453,14 +459,20 @@ export interface FileItemProps {
     isRejectedFile?: boolean;
     /** Ширина прогресс бара */
     progressBarWidth?: string;
+    /** Язык интерфейса для типов данных*/
+    lng?: string;
 }
 export interface FileLoaderProps {
     /** Максимальный размер файла */
     maxFileSize?: number;
     /** Максимальное количество файлов */
     maxFileCount?: number;
+    /** Максимальное количество символов в названии файла */
+    maxFileName?: number;
     /**Поддерживаемые форматы файлов */
     acceptedFormats?: Accept;
+    /** Неподдерживаемые форматы файлов */
+    rejectedFormats?: Accept;
     /**Добавленные файлы */
     addedFiles: File[];
     /**Сосотояние для добавления файлов */
@@ -480,6 +492,10 @@ export interface FileLoaderProps {
     /** Ширина прогресс бара */
     progressBarWidth?: string;
 }
+export interface FileLoaderHandle {
+    clearErrorFiles: () => void;
+    clearAllFiles: () => void;
+}
 export interface DialogProps {
     /** Флаг открытия окна */
     open: boolean;
@@ -606,6 +622,8 @@ export interface TextEditorProps {
     required?: boolean;
     className?: string;
     isButtonDisabled?: boolean;
+    /** Язык */
+    lng?: string;
 }
 export interface CommentProps {
     /** Идентификатор элемента */
@@ -635,6 +653,8 @@ export interface CommentProps {
     onChange?: (value: string, files: FilePreview[]) => void;
     onSubmit?: (value: string, files: FilePreview[]) => void;
     onDelete?: (id: string) => void;
+    /** Язык */
+    lng?: string;
 }
 export interface LinkProps {
     /**Гипертекстовая ссылка */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kamotive_ui",
-  "version": "2.10.5",
+  "version": "8.12.25",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -27,7 +27,7 @@
     "react": "^18.3.1",
     "react-datepicker": "^8.2.1",
     "react-dom": "^18.3.1",
-    "react-dropzone": "^14.3.5"
+    "react-dropzone": "^14.3.8"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",