kamotive_ui 4.12.25 → 9.12.25

package/dist/components/FileAttach/FileAttach.d.ts

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

package/dist/components/FileAttach/FileAttach.js

@@ -1,20 +1,20 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 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 = forwardRef(({ 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, }) => {
+}, addedFiles, setAddedFiles, onDownload, onDelete, canAdd = true, canDelete = true, canDownload = true, position = 'bottom', lng = 'ru', className, style, fileValidator, }, ref) => {
     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, { ref: ref, 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/FileLoader/FileLoader.js

@@ -5,7 +5,7 @@ import { Typography } from '../Typography/Typography';
 import { IconUpload } from '../../Icons';
 import { FileItem } from '../FileItem/FileItem';
 import classNames from 'classnames';
-export const FileLoader = forwardRef(({ 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', '.log', '.syslog', '.txt'],
@@ -28,7 +28,7 @@ export const FileLoader = forwardRef(({ maxFileSize = 2, maxFileCount = 10, acce
     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`,
@@ -54,6 +54,12 @@ export const FileLoader = forwardRef(({ maxFileSize = 2, maxFileCount = 10, acce
                 message: lng === 'ru' || lng.includes('ru') ? `Максимальное количество файлов ${maxFileCount}` : `Maximum number of files ${maxFileCount}`,
             };
         }
+        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), []);

package/dist/types/index.d.ts

@@ -387,6 +387,8 @@ export interface FileAttachProps {
     maxFileSize?: number;
     /** Максимальное количество файлов */
     maxFileCount?: number;
+    /** Максимальное количество символов в названии файла */
+    maxFileName?: number;
     /**Поддерживаемые форматы файлов */
     acceptedFormats?: Accept;
     /**Добавленные файлы */
@@ -465,6 +467,8 @@ export interface FileLoaderProps {
     maxFileSize?: number;
     /** Максимальное количество файлов */
     maxFileCount?: number;
+    /** Максимальное количество символов в названии файла */
+    maxFileName?: number;
     /**Поддерживаемые форматы файлов */
     acceptedFormats?: Accept;
     /** Неподдерживаемые форматы файлов */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kamotive_ui",
-  "version": "4.12.25",
+  "version": "9.12.25",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [