kamotive_ui 1.2.26 → 1.2.28

package/dist/Icons/IconAttach/IconAttach.js

@@ -17,9 +17,9 @@ export const IconAttachToString = (color = 'inherit', htmlColor, strokeWidth, on
     <path
       d="M6.37877 4.15256L2.88551 7.64632C2.63416 7.9059 2.49642 8.25544 2.50202 8.61952C2.50761 8.9836 2.65609 9.33302 2.91541 9.59238C3.17473 9.85173 3.5241 10.0002 3.88813 10.0058C4.25215 10.0114 4.60165 9.87367 4.86118 9.62229L9.44315 5.04607C9.66417 4.83039 9.83953 4.57234 9.95906 4.28687C10.0786 4.0014 10.1399 3.6942 10.1395 3.38306C10.139 3.07192 10.0768 2.76304 9.95651 2.47432C9.83618 2.1856 9.66009 1.92279 9.43845 1.70113C9.21682 1.47946 8.95405 1.30335 8.66537 1.18299C8.3767 1.06264 8.06786 1.00044 7.75676 1C7.44567 0.999565 7.13851 1.0609 6.85308 1.18044C6.56765 1.29999 6.30964 1.47537 6.094 1.69642L1.48439 6.30669C1.1725 6.6096 0.924855 6.9724 0.755862 7.374C0.58687 7.7756 0.499896 8.208 0.5 8.64604C0.500104 9.08408 0.587283 9.51903 0.756467 9.92561C0.925651 10.3322 1.17347 10.7023 1.4855 11.0144C1.79754 11.3264 2.16757 11.5743 2.57409 11.7435C2.98061 11.9127 3.4155 11.9999 3.85348 12C4.29146 12.0001 4.72379 11.9131 5.12533 11.7441C5.52688 11.5751 5.88963 11.3274 6.19249 11.0155L10.5 6.70734"
       stroke="${htmlColor || "#55534E"}"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-width="${strokeWidth || '1'}"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeWidth="${strokeWidth || '1'}"
     />
   </svg>`;
 };

package/dist/Icons/IconBold/IconBold.js

@@ -17,9 +17,9 @@ export const IconBoldToString = (color = 'inherit', htmlColor, strokeWidth, onCl
     <path
       d="M5.57143 6.5C6.27867 6.5 6.95695 6.21027 7.45705 5.69454C7.95714 5.17882 8.2381 4.47935 8.2381 3.75C8.2381 3.02065 7.95714 2.32118 7.45705 1.80546C6.95695 1.28973 6.27867 1 5.57143 1H1V6.5M5.57143 6.5H1M5.57143 6.5H6.33333C7.04058 6.5 7.71886 6.78973 8.21895 7.30546C8.71905 7.82118 9 8.52065 9 9.25C9 9.97935 8.71905 10.6788 8.21895 11.1945C7.71886 11.7103 7.04058 12 6.33333 12H1V6.5"
       stroke="${htmlColor || "#55534E"}"
-      stroke-linecap="round"
+      strokeLinecap="round"
       stroke-linejoin="round"
-      stroke-width="${strokeWidth || '1'}"
+      strokeWidth="${strokeWidth || '1'}"
     />
   </svg>`;
 };

package/dist/Icons/IconBulletlist/IconBulletlist.js

@@ -26,8 +26,8 @@ export const IconBulletlistToString = (color = 'inherit', htmlColor, strokeWidth
     <path
       d="M4.50732 0.886665H12.3508"
       stroke="${htmlColor || "#55534E"}"
-      stroke-width="${strokeWidth || "1.5"}"
-      stroke-linecap="round"
+      strokeWidth="${strokeWidth || "1.5"}"
+      strokeLinecap="round"
       stroke-linejoin="round"
     />
     <path
@@ -37,8 +37,8 @@ export const IconBulletlistToString = (color = 'inherit', htmlColor, strokeWidth
     <path
       d="M4.50732 5.5H12.3508"
       stroke="${htmlColor || "#55534E"}"
-      stroke-width="${strokeWidth || "1.5"}"
-      stroke-linecap="round"
+      strokeWidth="${strokeWidth || "1.5"}"
+      strokeLinecap="round"
       stroke-linejoin="round"
     />
     <path
@@ -48,8 +48,8 @@ export const IconBulletlistToString = (color = 'inherit', htmlColor, strokeWidth
     <path
       d="M4.50732 10.1133H12.3508"
       stroke="${htmlColor || "#55534E"}"
-      stroke-width="${strokeWidth || "1.5"}"
-      stroke-linecap="round"
+      strokeWidth="${strokeWidth || "1.5"}"
+      strokeLinecap="round"
       stroke-linejoin="round"
     />
   </svg>`;

package/dist/Icons/IconHeader2/IconHeader2.js

@@ -17,9 +17,9 @@ export const IconHeader2ToString = (color = 'inherit', htmlColor, strokeWidth, o
     <path
       d="M1 1H11M6 1V12"
       stroke="${htmlColor || "#55534E"}"
-      stroke-linecap="round"
+      strokeLinecap="round"
       stroke-linejoin="round"
-      stroke-width="${strokeWidth || '1'}"
+      strokeWidth="${strokeWidth || '1'}"
     />
   </svg>`;
 };

package/dist/Icons/IconItalic/IconItalic.js

@@ -17,9 +17,9 @@ export const IconItalicToString = (color = 'inherit', htmlColor, strokeWidth, on
     <path
       d="M4.9375 1.25L11.5 1.25M1 11.75H7.5625M8.21875 1.25L4.28125 11.75"
       stroke="${htmlColor || "#55534E"}"
-      stroke-linecap="round"
+      strokeLinecap="round"
       stroke-linejoin="round"
-      stroke-width="${strokeWidth || '1'}"
+      strokeWidth="${strokeWidth || '1'}"
     />
   </svg>`;
 };

package/dist/Icons/IconMultiselect/IconMultiselect.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconMultiselect: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    checkedStrokeWidth?: string;
+    style?: CSSProperties;
+    checked?: boolean;
+}>;

package/dist/Icons/IconMultiselect/IconMultiselect.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export const IconMultiselect = ({ color = 'inherit', htmlColor, strokeWidth, checkedStrokeWidth, style, checked = false }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("rect", { x: "5.5", y: "2.5", width: "12", height: "12", rx: "3", stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth || '1.5' } }),
+        React.createElement("rect", { x: "2.5", y: "5.5", width: "12", height: "12", rx: "3", fill: "white", stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth || '1.5' } }),
+        checked && React.createElement("path", { d: "M4.5 11.5L7.5 15.5C7.93 16.08 8.82 16.03 9.18 15.4L14 7.5", stroke: htmlColor || 'currentColor', style: { strokeWidth: checkedStrokeWidth || '2' }, strokeLinecap: "round" })));
+};

package/dist/Icons/IconRedo/IconRedo.js

@@ -17,8 +17,8 @@ export const IconRedoToString = (color = 'inherit', htmlColor, strokeWidth, onCl
     <path
       d="M1.35059 8C1.35059 4.32927 4.38392 1.34146 8.11059 1.34146C10.3639 1.42683 12.6173 2.62195 13.9173 4.5M14.3506 1V4.41463C14.3506 4.67073 14.1773 4.84146 13.9173 4.84146H10.4506"
       stroke="${htmlColor || "#55534E"}"
-      stroke-linecap="round"
-      stroke-width="${strokeWidth || '1'}"
+      strokeLinecap="round"
+      strokeWidth="${strokeWidth || '1'}"
     />
   </svg>`;
 };

package/dist/Icons/IconShare/IconShare.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconShare: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: number;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconShare/IconShare.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconShare = ({ color = 'inherit', htmlColor, strokeWidth = 1, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", d: "M16 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2m8-3l-4-4l-4 4m4 9V3" })));
+};

package/dist/Icons/IconStrikethrough/IconStrikethrough.js

@@ -17,9 +17,9 @@ export const IconStrikethroughToString = (color = 'inherit', htmlColor, strokeWi
     <path
       d="M6.5 6.49991C6.42902 6.48382 6.35834 6.46646 6.288 6.44782C5.23133 6.16825 4.352 5.62558 3.78133 4.97346C3.19933 4.30815 2.938 3.52942 3.136 2.79686C3.52933 1.34623 5.578 0.627508 7.71133 1.19325C8.35354 1.36002 8.95966 1.64111 9.5 2.02275M2.78 10.3322C3.35133 10.9843 4.23067 11.5263 5.28733 11.8066C7.42067 12.3723 9.47 11.6549 9.86267 10.2036C10.018 9.63129 9.892 9.0306 9.55267 8.47804M1 6.49991H12"
       stroke="${htmlColor || "#55534E"}"
-      stroke-linecap="round"
+      strokeLinecap="round"
       stroke-linejoin="round"
-      stroke-width="${strokeWidth || '1'}"
+      strokeWidth="${strokeWidth || '1'}"
     />
   </svg>`;
 };

package/dist/Icons/IconSubmit/IconSubmit.js

@@ -17,7 +17,7 @@ export const IconSubmitToString = (color = 'inherit', htmlColor, strokeWidth, on
     <path
       d="M9.5957 0.9C9.60588 0.9 9.61862 0.904148 9.62988 0.915625C9.64163 0.92768 9.65039 0.946815 9.65039 0.969336C9.65038 0.989162 9.64247 1.00515 9.63281 1.01719L9.62891 1.02207L3.72363 7.08359L3.72266 7.08457C3.71706 7.09032 3.71067 7.09391 3.70508 7.09629C3.69967 7.09855 3.69452 7.10017 3.68945 7.10019C3.68423 7.10019 3.67843 7.09866 3.67285 7.09629C3.66738 7.09393 3.66172 7.09015 3.65625 7.08457L3.65527 7.08359L1.07129 4.43223C1.06557 4.42636 1.06042 4.41815 1.05664 4.40879C1.05293 4.39954 1.05082 4.38923 1.05078 4.37852C1.05078 4.36763 1.05286 4.35664 1.05664 4.34727C1.06038 4.33806 1.06567 4.33062 1.07129 4.3248C1.07698 4.31896 1.08316 4.31453 1.08887 4.31211C1.09449 4.30974 1.10018 4.30918 1.10547 4.30918C1.11077 4.30919 1.11644 4.30972 1.12207 4.31211C1.12777 4.31453 1.13396 4.31896 1.13965 4.3248L3.33203 6.5748L3.68945 6.94199L4.04785 6.5748L9.5625 0.915625C9.57359 0.904352 9.58563 0.900112 9.5957 0.9Z"
       stroke="${htmlColor || "white"}"
-      stroke-width="${strokeWidth || '1'}"
+      strokeWidth="${strokeWidth || '1'}"
     />
   </svg>`;
 };

package/dist/Icons/IconUnderline/IconUnderline.js

@@ -17,9 +17,9 @@ export const IconUnderlineToString = (color = 'inherit', htmlColor, strokeWidth,
     <path
       d="M10.1667 1V6.14286C10.1667 7.05217 9.78036 7.92424 9.09273 8.56722C8.40509 9.21021 7.47246 9.57143 6.5 9.57143C5.52754 9.57143 4.59491 9.21021 3.90728 8.56722C3.21964 7.92424 2.83333 7.05217 2.83333 6.14286V1M1 13H12"
       stroke=${htmlColor || '#55534E'}
-      stroke-linecap="round"
+      strokeLinecap="round"
       stroke-linejoin="round"
-      stroke-width=${strokeWidth || '1'}
+      strokeWidth=${strokeWidth || '1'}
     />
   </svg>`;
 };

package/dist/Icons/IconUndo/IconUndo.js

@@ -17,8 +17,8 @@ export const IconUndoToString = (color = 'inherit', htmlColor, strokeWidth, onCl
     <path
       d="M14.3506 8C14.3506 4.32927 11.3173 1.34146 7.59059 1.34146C5.33725 1.42683 3.08392 2.62195 1.78392 4.5M1.35059 1V4.41463C1.35059 4.67073 1.52392 4.84146 1.78392 4.84146H5.25059"
       stroke="${htmlColor || "#55534E"}"
-      stroke-linecap="round"
-      stroke-width="${strokeWidth || '1'}"
+      strokeLinecap="round"
+      strokeWidth="${strokeWidth || '1'}"
     />
   </svg>`;
 };

package/dist/Icons/index.d.ts

@@ -45,3 +45,5 @@ export { IconFileVideo } from './IconFileVideo/IconFileVideo';
 export { IconFileDefault } from './IconFileDefault/IconFileDefault';
 export { IconPencilFilled } from './IconPencilFilled/IconPencilFilled';
 export { IconDeleteFilled } from './IconDeleteFilled/IconDeleteFilled';
+export { IconShare } from './IconShare/IconShare';
+export { IconMultiselect } from './IconMultiselect/IconMultiselect';

package/dist/Icons/index.js

@@ -45,3 +45,5 @@ export { IconFileVideo } from './IconFileVideo/IconFileVideo';
 export { IconFileDefault } from './IconFileDefault/IconFileDefault';
 export { IconPencilFilled } from './IconPencilFilled/IconPencilFilled';
 export { IconDeleteFilled } from './IconDeleteFilled/IconDeleteFilled';
+export { IconShare } from './IconShare/IconShare';
+export { IconMultiselect } from './IconMultiselect/IconMultiselect';

package/dist/components/Button/Button.js

@@ -92,10 +92,14 @@ export const Button = ({ label, variant = 'fill', size = 'md', style, condition,
             '--button-disabled-color': variant === 'fill' || variant === 'link' ? `color-mix(in srgb, ${color} 80%, white)` : `color-mix(in srgb, ${color} 10%, transparent)`,
             '--button-disabled-textColor': variant === 'fill' ? `color-mix(in srgb, ${color} 80%, white)` : `color-mix(in srgb, ${color} 50%, transparent)`,
         } : {}, onClick: onClick, disabled: disabled, "aria-disabled": disabled, type: type, name: name ? name : label ? `button-${label}` : 'button', form: form },
-        btnIcon && (buttonStyle === 'icon' || buttonStyle === 'default') &&
-            React.cloneElement(btnIcon, {
+        btnIcon && (buttonStyle === 'icon' || buttonStyle === 'default') && (() => {
+            var _a;
+            const iconElement = btnIcon;
+            const defaultStrokeWidth = size === 'lg' ? '0.5' : size === 'md' ? '0.3' : '0.0';
+            return React.cloneElement(iconElement, {
                 htmlColor: iconColorStyle,
-                strokeWidth: size === 'lg' ? '0.5' : size === 'md' ? '0.3' : '0.0',
-            }),
+                strokeWidth: (_a = iconElement.props.strokeWidth) !== null && _a !== void 0 ? _a : defaultStrokeWidth,
+            });
+        })(),
         (buttonStyle === 'text' || buttonStyle === 'default') && (React.createElement(Typography, { variant: "Body1" }, label ? label : typeof children === 'string' && children))));
 };

package/dist/components/Comment/Comment.js

@@ -6,10 +6,10 @@ import { TextEditor } from '../TextEditor/TextEditor';
 import { AttachedFilesPreview } from '../AttachedFilesPreview/AttachedFilesPreview';
 import { IconDeleteFilled, IconPencilFilled } from '../../Icons';
 import { IconButton } from '../IconButton/IconButton';
-export const Comment = ({ id, value, style, className, username, avatar, creationDate, isEdit = false, label, error = false, helperText, onChange, onSubmit, }) => {
+export const Comment = ({ id, value, style, className, username, avatar, creationDate, canAttachFiles = false, files = [], canEdit = false, isEdit = false, label, error = false, helperText, onChange, onSubmit, onDelete, }) => {
     const [commentText, setCommentText] = useState(value || '');
     const [isEditMode, setIsEditMode] = useState(isEdit);
-    const [attachedFiles, setAttachedFiles] = useState([]);
+    const [attachedFiles, setAttachedFiles] = useState(files);
     const wrapperClassess = classNames(styles['wrapper--input'], className, {
         [styles['wrapper--input-label']]: label,
         [styles['wrapper--input-helperText']]: error,
@@ -19,10 +19,12 @@ export const Comment = ({ id, value, style, className, username, avatar, creatio
     const handleEditClick = () => {
         setIsEditMode((prev) => !prev);
     };
-    const handleDeleteClick = () => { };
+    const handleDeleteClick = () => {
+        onDelete === null || onDelete === void 0 ? void 0 : onDelete(id);
+    };
     const handleSubmit = (value, files) => {
         if (onSubmit) {
-            onSubmit();
+            onSubmit(value, files);
         }
         setCommentText(value);
         setAttachedFiles(files);
@@ -36,15 +38,14 @@ export const Comment = ({ id, value, style, className, username, avatar, creatio
     return (React.createElement("div", { className: wrapperClassess, style: style },
         React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between' } },
             React.createElement("div", { className: styles.labelWrapper },
-                React.createElement("div", { className: "profile" },
-                    React.createElement("img", { src: avatar, alt: "Avatar", className: styles.avatar })),
+                React.createElement("div", { className: "profile" }, avatar ? (React.createElement("img", { src: avatar, alt: "Avatar", className: styles.avatar })) : (React.createElement("div", { className: styles.avatar }, "\uD83D\uDC64"))),
                 React.createElement("div", { className: styles.infoWrapper },
                     React.createElement(Typography, { variant: "Body2-Medium", className: labelClasses }, username),
                     React.createElement(Typography, { variant: "Caption", className: styles.label, style: { color: '#8E8E93' } }, creationDate))),
-            React.createElement("div", { className: styles.iconsWrapper },
-                React.createElement(IconButton, { icon: React.createElement(IconPencilFilled, null), onClick: handleEditClick, size: "sm" }),
-                React.createElement(IconButton, { icon: React.createElement(IconDeleteFilled, null), onClick: handleDeleteClick, size: "sm" }))),
-        isEditMode ? (React.createElement(TextEditor, { defaultValue: commentText, onSubmit: handleSubmit, onChange: handleChange, error: error, helperText: helperText, files: attachedFiles })) : (React.createElement("div", { className: styles.commentWrapper },
+            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("div", { id: id, className: inputClassess, dangerouslySetInnerHTML: { __html: commentText || '' } }))),
         error && helperText && (React.createElement(Typography, { variant: "Caption", className: classNames(styles.helperText) }, helperText))));

package/dist/components/Dialog/Dialog.module.css

@@ -5,7 +5,7 @@
     right: 0;
     bottom: 0;
     background-color: var(--dialog-overlay);
-    z-index: 999;
+    z-index: 1400;
 }
 .dialog {
     border: none;
@@ -13,7 +13,7 @@
     box-shadow: 0px 4px 16px var(--dialog-overlay);
     padding: 30px;
     background-color: var(--white);
-    z-index: 1000;
+    z-index: 1401;
     position: fixed; 
     top: 50%; 
     left: 50%; 

package/dist/components/Dropdown/Dropdown.js

@@ -172,7 +172,7 @@ export const DropdownListItem = ({ item, getOptionLabel, size = 'md', selectedIt
         })))));
     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 = 'Нет вариантов для выбора', }) => {
+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', }) => {
     const [isOpen, setIsOpen] = useState(isOpened);
     const [modifiedOptions, setModifiedOptions] = useState([]);
     const [selectedItem, setSelectedItem] = useState(null);
@@ -329,7 +329,7 @@ export const Dropdown = ({ options, id, label, placeholder, required = false, va
         setActiveIndex(-1);
         if (required) {
             setErrorInput(true);
-            setErrorInputHelperText(helperText !== null && helperText !== void 0 ? helperText : 'Поле обязательно для заполнения');
+            setErrorInputHelperText((helperText !== null && helperText !== void 0 ? helperText : lng === 'ru') ? 'Поле обязательно для заполнения' : 'Field is required');
         }
     };
     const [showSelectedTooltip, setShowSelectedTooltip] = useState(false);
@@ -354,7 +354,7 @@ export const Dropdown = ({ options, id, label, placeholder, required = false, va
                 }),
             isOpen && enableAutocomplete ? (React.createElement("input", { ref: inputRef, type: "text", value: searchValue, className: styles.inlineSearchInput, onChange: handleSearchChange, placeholder: getComparisonValue(selectedItem, getOptionLabel)
                     ? getComparisonValue(selectedItem, getOptionLabel).toString()
-                    : 'Поиск...', onClick: (e) => {
+                    : lng === 'ru' ? 'Поиск...' : 'Search...', onClick: (e) => {
                     e.stopPropagation();
                     e.preventDefault();
                     onClick === null || onClick === void 0 ? void 0 : onClick(e);
@@ -367,7 +367,7 @@ export const Dropdown = ({ options, id, label, placeholder, required = false, va
                 }, onBlur: (e) => {
                     e.stopPropagation();
                     onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                }, onKeyDown: handleKeyDown, autoFocus: true })) : selectedItem ? (getComparisonValue(selectedItem, getOptionLabel)) : (searchValue || ((_a = placeholder !== null && placeholder !== void 0 ? placeholder : label) !== null && _a !== void 0 ? _a : 'Выберите значение'))));
+                }, onKeyDown: handleKeyDown, autoFocus: true })) : selectedItem ? (getComparisonValue(selectedItem, getOptionLabel)) : (searchValue || ((_a = placeholder !== null && placeholder !== void 0 ? placeholder : label) !== null && _a !== void 0 ? _a : (lng === 'ru' ? 'Выберите значение' : 'Select value')))));
         return showSelectedTooltip ? (React.createElement("div", { className: styles.textField },
             React.createElement(Tooltip, { label: ((_b = getComparisonValue(selectedItem, getOptionLabel)) === null || _b === void 0 ? void 0 : _b.toString()) || '', position: "bottom-left", style: { width: '100% !important' } }, textFieldContent))) : (textFieldContent);
     };
@@ -376,7 +376,9 @@ export const Dropdown = ({ options, id, label, placeholder, required = false, va
         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' } }, noOptionsText))));
+        })) : (React.createElement("div", { className: `${styles['item-container']} ${styles['item-block']}`, style: { paddingLeft: '15px' } }, lng === 'ru' || lng.includes('ru')
+            ? noOptionsText || 'Нет вариантов для выбора'
+            : noOptionsText || 'No options to select'))));
         return isOpen ? menu : null;
     };
     useEffect(() => {

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, }) => {
+export const FileItem = ({ file, loading = false, error = '', onDownload, onDelete, canDelete = true, canDownload = true, style, isAddedFile, isRejectedFile, progressBarWidth }) => {
     const [isLoadingFinished, setIsLoadingFinished] = useState(false);
     const [animationDuration, setAnimationDuration] = useState(0);
     const [maxLength, setMaxLength] = useState(30);
@@ -107,6 +107,6 @@ export const FileItem = ({ file, loading = false, error = '', onDownload, onDele
             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" })))),
-        loading && !isLoadingFinished && (React.createElement(ProgressBar, { animated: true, size: "sm", value: 100, setIsLoadingFinished: setIsLoadingFinished, animationDuration: animationDuration })),
+        loading && !isLoadingFinished && (React.createElement(ProgressBar, { animated: true, size: "sm", value: 100, setIsLoadingFinished: setIsLoadingFinished, animationDuration: animationDuration, width: progressBarWidth })),
         error && (React.createElement(Typography, { variant: "Caption", color: "var(--error-main)" }, error))));
 };

package/dist/components/FileLoader/FileLoader.js

@@ -9,7 +9,7 @@ export const FileLoader = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats
     'image/*': ['.png', '.gif', '.jpeg', '.jpg'],
     'application/pdf': ['.pdf'],
     'application/msword': ['.doc', '.docx'],
-}, addedFiles, setAddedFiles, filesList = [], canAdd = true, lng = 'ru', className, style, fileValidator }) => {
+}, addedFiles, setAddedFiles, filesList = [], canAdd = true, lng = 'ru', className, style, fileValidator, progressBarWidth }) => {
     const [isLoadingFiles, setIsLoadingFiles] = useState(false);
     const [loadingFilesNames, setLoadingFilesNames] = useState([]);
     const [errorFiles, setErrorFiles] = useState([]);
@@ -43,6 +43,22 @@ export const FileLoader = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats
                 message: lng === 'ru' || lng.includes('ru') ? `Максимальное количество файлов ${maxFileCount}` : `Maximum number of files ${maxFileCount}`,
             };
         }
+        if (acceptedFormats) {
+            const acceptedExtensions = Object.values(acceptedFormats)
+                .reduce((acc, val) => acc.concat(val), []);
+            const fileParts = file.name.split('.');
+            const fileExtension = fileParts.length > 1
+                ? `.${fileParts.pop().toLowerCase()}`
+                : '';
+            if (!acceptedExtensions.includes(fileExtension)) {
+                return {
+                    code: 'file-invalid-type',
+                    message: lng === 'ru' || lng.includes('ru')
+                        ? `Файл должен быть одного из следующих типов: ${acceptedExtensions.join(', ')}`
+                        : `File must be one of: ${acceptedExtensions.join(', ')}`,
+                };
+            }
+        }
         if (fileValidator) {
             const customValidationResult = fileValidator(file);
             if (customValidationResult) {
@@ -113,7 +129,7 @@ export const FileLoader = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats
             }
         },
         validator: fileValidatorInner,
-        accept: acceptedFormats,
+        accept: undefined,
         maxFiles: maxFileCount,
         disabled: !canAdd,
     });
@@ -125,7 +141,7 @@ 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 }));
+        return (React.createElement(FileItem, { key: file.id, file: file, loading: loadingFilesNames.includes(file.filename), onDelete: handleDeleteFiles, isAddedFile: true, progressBarWidth: progressBarWidth }));
     });
     const handleDeleteRejectedFile = (id) => {
         setErrorFiles(errorFiles.filter((rejection) => rejection.file.id !== id));

package/dist/components/IconButton/IconButton.js

@@ -10,8 +10,13 @@ export const IconButton = ({ icon, size = 'md', color, style, disabled = false,
         '--hover-border-radius': style.borderRadius,
     }));
     return (React.createElement("button", { className: classNames(styles['iconButton'], styles[`iconButton--${size}`], className), disabled: disabled, "aria-disabled": disabled, type: "button", onClick: (e) => onClick(e), style: combinedStyle }, renderIcon &&
-        React.cloneElement(renderIcon, {
-            htmlColor: color,
-            strokeWidth: size === 'lg' ? '0.5' : size === 'md' ? '0.3' : '0.0',
-        })));
+        (() => {
+            var _a;
+            const iconElement = renderIcon;
+            const defaultStrokeWidth = size === 'lg' ? '0.5' : size === 'md' ? '0.3' : '0.0';
+            return React.cloneElement(iconElement, {
+                htmlColor: color,
+                strokeWidth: (_a = iconElement.props.strokeWidth) !== null && _a !== void 0 ? _a : defaultStrokeWidth,
+            });
+        })()));
 };

package/dist/components/Input/Input.js

@@ -6,7 +6,7 @@ import { Typography } from '../Typography/Typography';
 /**
  * Компонент Input для создания текстовых полей ввода различных стилей и размеров.
  */
-export const Input = ({ id, label, placeholder, size = 'lg', value, style, className, multiline = false, rows = 4, resize = false, disabled = false, readOnly = false, isLeftLabel = false, icon, error = false, helperText, onChange, required = false, }) => {
+export const Input = ({ id, label, placeholder, size = 'lg', value, style, className, multiline = false, rows = 4, resize = false, disabled = false, readOnly = false, isLeftLabel = false, icon, error = false, helperText, onChange, onBlur, required = false, }) => {
     const [inputLabel, setInputLabel] = useState(label);
     const handleChange = (event) => {
         event.stopPropagation();
@@ -21,6 +21,9 @@ export const Input = ({ id, label, placeholder, size = 'lg', value, style, class
             setInputLabel('');
         }
     };
+    const handleOnBlur = (event) => {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    };
     const wrapperClassess = classNames(styles['wrapper--input'], className, {
         [styles['wrapper--left']]: isLeftLabel,
         [styles['wrapper--input-label']]: label && !isLeftLabel && !required,
@@ -43,6 +46,6 @@ export const Input = ({ id, label, placeholder, size = 'lg', value, style, class
     return (React.createElement("div", { className: wrapperClassess, style: style },
         inputLabel && (React.createElement(Typography, { variant: "Caption", className: labelClasses }, inputLabel)),
         icon && React.createElement("div", { className: styles.icon }, icon),
-        multiline ? (React.createElement("textarea", { id: id, className: inputClassess, value: value, placeholder: placeholder, onChange: handleChange, disabled: disabled, style: { height: `${rows * 20}px` } })) : (React.createElement("input", { id: id, className: inputClassess, value: value, placeholder: placeholder, onChange: handleChange, disabled: disabled, readOnly: readOnly })),
+        multiline ? (React.createElement("textarea", { id: id, className: inputClassess, value: value, placeholder: placeholder, onChange: handleChange, onBlur: handleOnBlur, disabled: disabled, style: { height: `${rows * 20}px` } })) : (React.createElement("input", { id: id, className: inputClassess, value: value, placeholder: placeholder, onChange: handleChange, onBlur: handleOnBlur, disabled: disabled, readOnly: readOnly })),
         error && helperText && (React.createElement(Typography, { variant: "Caption", className: classNames(styles.helperText, styles[size]) }, helperText))));
 };

package/dist/components/List/List.js

@@ -5,7 +5,7 @@ import { Typography } from '../Typography/Typography';
 import { Checkbox } from '../Checkbox/Checkbox';
 import { RadioButton } from '../RadioButton/RadioButton';
 import { ChevronDown } from '../../Icons';
-export const List = ({ onClick, onCheck, onRadioSelect, checked = false, selected = false, disabled = false, label, id, style, className, collapsible = false, open = false, withCheckbox = false, checkboxColor, checkboxFilled, withRadioButton = false, customBullet, customItemBullet, bulletClassName, children, isHeader = false, parentChecked = false, }) => {
+export const List = ({ onClick, onCheck, onRadioSelect, checked = false, selected = false, disabled = false, label, id, style, className, collapsible = false, open = false, withCheckbox = false, checkboxColor, checkboxFilled, withRadioButton = false, customBullet, customItemBullet, bulletClassName, titleContent, children, isHeader = false, parentChecked = false, }) => {
     const [isOpen, setIsOpen] = useState(open);
     const [isChecked, setIsChecked] = useState(checked || parentChecked);
     const childIds = [];
@@ -57,14 +57,15 @@ export const List = ({ onClick, onCheck, onRadioSelect, checked = false, selecte
     const headerClassNames = classNames(styles.header, className);
     const contentClassNames = classNames(styles.content, isOpen ? styles['content--expanded'] : styles['content--collapsed']);
     return (React.createElement("div", { className: styles.collapsibleList },
-        label && (React.createElement("div", { className: headerClassNames, onClick: handleClick, style: style },
+        label || titleContent && (React.createElement("div", { className: headerClassNames, onClick: handleClick, style: style },
             !isHeader && (React.createElement("div", null,
                 withCheckbox && (React.createElement("span", { onClick: handleCheckboxClick },
                     React.createElement(Checkbox, { checked: isChecked, color: checkboxColor, filled: checkboxFilled, disabled: disabled }))),
                 withRadioButton && (React.createElement("span", { onClick: handleRadioClick },
                     React.createElement(RadioButton, { checked: selected, value: id, disabled: disabled }))),
                 customBullet && React.createElement("span", { className: classNames(styles.bullet, bulletClassName) }, customBullet))),
-            React.createElement(Typography, { variant: "Body1" }, label),
+            label && React.createElement(Typography, { variant: "Body1" }, label),
+            titleContent,
             collapsible && (React.createElement("span", { className: styles.indicator }, isOpen ? React.createElement(ChevronDown, null) : React.createElement(ChevronDown, { rotation: 270 }))))),
         React.createElement("div", { className: collapsible ? contentClassNames : styles.content, style: { paddingLeft: !label ? 0 : '16px' } }, React.Children.map(children, (child) => {
             if (React.isValidElement(child)) {

package/dist/components/ProgressBar/ProgressBar.js

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 /**
  * Компонент ProgressBar отображает прогресс в виде заполненной полосы.
  */
-export const ProgressBar = ({ value = 0, max = 100, size = 'md', showValue = true, animated = false, animationDuration = 8000, setIsLoadingFinished, }) => {
+export const ProgressBar = ({ value = 0, max = 100, size = 'md', showValue = true, animated = false, animationDuration = 8000, setIsLoadingFinished, width, }) => {
     const [percent, setPercent] = useState(value);
     const validPercentage = Math.min(Math.max(value, 0), max);
     const progressBarClasses = classNames(styles['progress-bar'], styles[size], {
@@ -38,7 +38,7 @@ export const ProgressBar = ({ value = 0, max = 100, size = 'md', showValue = tru
         }
     }, [animated, validPercentage, setIsLoadingFinished, animationDuration]);
     return (React.createElement("div", { className: styles['progress-bar--wrapper'] },
-        React.createElement("progress", { id: "linear-progress", className: progressBarClasses, value: percent, max: max }),
+        React.createElement("progress", { id: "linear-progress", className: progressBarClasses, value: percent, max: max, style: { width: width } }),
         React.createElement("label", { htmlFor: "progress", className: styles['progress-bar-percentage'] }, showValue && (React.createElement(Typography, { variant: "Body1", color: '#9CA0A7', className: styles['progress-bar-percentage'] },
             percent,
             "%")))));

package/dist/components/Snackbar/Snackbar.d.ts

@@ -17,7 +17,7 @@ export declare const icons: {
     warning: React.JSX.Element;
     info: React.JSX.Element;
 };
-export declare const title: {
+export declare const title: (lng: string) => {
     success: string;
     error: string;
     warning: string;

package/dist/components/Snackbar/Snackbar.js

@@ -20,35 +20,40 @@ export const icons = {
     warning: React.createElement(IconWarning, { htmlColor: "#ff9500" }),
     info: React.createElement(IconInfo, { htmlColor: "#6F6F6F" }),
 };
-export const title = {
-    success: 'Успешно',
-    error: 'Ошибка',
-    warning: 'Внимание',
-    info: 'Информация',
-};
-export const Snackbar = ({ children, type, duration = 10000, icon = true, onClose, style }) => {
+export const title = (lng) => ({
+    success: lng === 'ru' ? 'Успешно' : 'Success',
+    error: lng === 'ru' ? 'Ошибка' : 'Error',
+    warning: lng === 'ru' ? 'Внимание' : 'Warning',
+    info: lng === 'ru' ? 'Информация' : 'Info',
+});
+export const Snackbar = ({ children, type, duration = 10000, icon = true, onClose, style, lng = 'ru' }) => {
     const [isVisible, setIsVisible] = useState(true);
+    const [isExiting, setIsExiting] = useState(false);
     useEffect(() => {
         if (duration > 0) {
             const timer = setTimeout(() => {
-                setIsVisible(false);
-                onClose === null || onClose === void 0 ? void 0 : onClose();
+                handleClose();
             }, duration);
             return () => clearTimeout(timer);
         }
     }, [duration, onClose]);
     const handleClose = () => {
-        setIsVisible(false);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        setIsExiting(true);
+        setTimeout(() => {
+            setIsVisible(false);
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }, 300);
     };
     if (!isVisible)
         return null;
-    const snackbarClasses = classNames(styles['snackbar-wrapper'], styles[`snackbar--${type}`]);
+    const snackbarClasses = classNames(styles['snackbar-wrapper'], styles[`snackbar--${type}`], {
+        [styles['snackbar-wrapper--exiting']]: isExiting
+    });
     return (React.createElement("div", { className: snackbarClasses, style: style },
         React.createElement("div", { className: styles['snackbar-textAndIcon'] },
             icon && icons[type],
             React.createElement("div", { className: styles['snackbar-text'] },
-                React.createElement(Typography, { variant: "Body1-Medium", color: 'var(--text-dark)' }, title[type]),
+                React.createElement(Typography, { variant: "Body1-Medium", color: 'var(--text-dark)' }, title(lng)[type]),
                 React.createElement(Typography, { variant: "Body1", color: 'var(--text-btn-light)' }, children))),
         React.createElement("button", { className: styles.button, onClick: handleClose },
             React.createElement(IconClose, { htmlColor: 'var(--text-btn-light)' }))));

package/dist/components/Snackbar/Snackbar.module.css

@@ -18,6 +18,10 @@
   border-radius: 15px;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
   background-color: var(--white);
+  animation: fadeIn 0.3s ease-out;
+}
+.snackbar-wrapper--exiting {
+  animation: fadeOut 0.3s ease-in forwards;
 }
 .snackbar-textAndIcon {
   gap: 10px;
@@ -60,3 +64,23 @@
   background: rgba(130, 130, 134, 0.15);
   border-radius: 2px;
 }
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+}
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(-50%) translateY(-10px);
+  }
+}

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, files, required, className, isButtonDisabled, }) => {
+export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, helperText, canAttachFiles = false, files, required, className, isButtonDisabled, }) => {
     const editorRef = useRef(null);
     const uploaderRef = useRef(null);
     const submitButtonRef = useRef(null);
@@ -306,50 +306,55 @@ export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, hel
             return prev.filter((f) => f.id !== fileId);
         });
     };
-    const getEditorActions = useCallback(() => [
-        {
-            name: 'bold',
-            icon: IconBoldToString('', '', '1.5'),
-            title: 'Bold (Ctrl+B)',
-            result: () => { },
-        },
-        {
-            name: 'italic',
-            icon: IconItalicToString('', '', '1.5'),
-            title: 'Italic (Ctrl+I)',
-            result: () => { },
-        },
-        {
-            name: 'underline',
-            icon: IconUnderlineToString('', '', '1.5'),
-            title: 'Underline (Ctrl+U)',
-            result: () => { },
-        },
-        {
-            name: 'strikethrough',
-            icon: IconStrikethroughToString('', '', '1.5'),
-            title: 'Strike-through',
-            result: () => { },
-        },
-        {
-            name: 'heading2',
-            icon: IconHeader2ToString('', '', '1.5'),
-            title: 'Heading 2',
-            result: () => { },
-        },
-        {
-            name: 'ulist',
-            icon: IconBulletlistToString(),
-            title: 'Bullet List',
-            result: () => { },
-        },
-        {
-            name: 'image',
-            icon: IconAttachToString('', '', '1.5'),
-            title: 'Upload Image',
-            result: () => { },
-        },
-    ], []);
+    const getEditorActions = useCallback(() => {
+        const baseActions = [
+            {
+                name: 'bold',
+                icon: IconBoldToString('', '', '1.5'),
+                title: 'Bold (Ctrl+B)',
+                result: () => { },
+            },
+            {
+                name: 'italic',
+                icon: IconItalicToString('', '', '1.5'),
+                title: 'Italic (Ctrl+I)',
+                result: () => { },
+            },
+            {
+                name: 'underline',
+                icon: IconUnderlineToString('', '', '1.5'),
+                title: 'Underline (Ctrl+U)',
+                result: () => { },
+            },
+            {
+                name: 'strikethrough',
+                icon: IconStrikethroughToString('', '', '1.5'),
+                title: 'Strike-through',
+                result: () => { },
+            },
+            {
+                name: 'heading2',
+                icon: IconHeader2ToString('', '', '1.5'),
+                title: 'Heading 2',
+                result: () => { },
+            },
+            {
+                name: 'ulist',
+                icon: IconBulletlistToString(),
+                title: 'Bullet List',
+                result: () => { },
+            },
+        ];
+        if (canAttachFiles) {
+            baseActions.push({
+                name: 'image',
+                icon: IconAttachToString('', '', '1.5'),
+                title: 'Upload Image',
+                result: () => { },
+            });
+        }
+        return baseActions;
+    }, [canAttachFiles]);
     const getEditorClasses = useCallback(() => ({
         actionbar: styles.pellActionbar,
         button: styles.pellButton,
@@ -393,11 +398,15 @@ export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, hel
             editorRef.current.appendChild(actionbar);
         }
         const buttons = editorRef.current.querySelectorAll(`.${styles.pellButton}`);
-        const commands = ['bold', 'italic', 'underline', 'strikethrough', 'heading2', 'ulist', 'image'];
+        const commands = ['bold', 'italic', 'underline', 'strikethrough', 'heading2', 'ulist'];
+        if (canAttachFiles) {
+            commands.push('image');
+        }
         buttons.forEach((button, index) => {
             const command = commands[index];
             if (command) {
                 const htmlButton = button;
+                buttonRefs.current[command] = htmlButton;
                 htmlButton.setAttribute('data-command', command);
                 htmlButton.onclick = null;
                 htmlButton.addEventListener('mousedown', (e) => {
@@ -432,10 +441,10 @@ export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, hel
     };
     const handleEditorChange = useCallback(() => {
         updateActiveStates();
-    }, []);
-    if (onChange && (editor === null || editor === void 0 ? void 0 : editor.content)) {
-        onChange(editor.content.innerHTML, attachedFiles);
-    }
+        if (onChange && (editor === null || editor === void 0 ? void 0 : editor.content)) {
+            onChange(editor.content.innerHTML, attachedFiles);
+        }
+    }, [onChange, editor, attachedFiles, updateActiveStates]);
     const handleSubmit = useCallback(() => {
         if (!(editor === null || editor === void 0 ? void 0 : editor.content)) {
             return;
@@ -469,6 +478,7 @@ export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, hel
     };
     useEffect(() => {
         if (editorRef.current) {
+            editorRef.current.innerHTML = '';
             const pellEditor = initializePellEditor();
             pellEditor.content.innerHTML = defaultValue || '';
             setEditor(pellEditor);
@@ -487,6 +497,9 @@ export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, hel
                 pellEditorContent.removeEventListener('keyup', handleKeyUp);
                 pellEditorContent.removeEventListener('mouseup', handleMouseUp);
                 pellEditorContent.removeEventListener('focus', handleFocus);
+                if (editorRef.current) {
+                    editorRef.current.innerHTML = '';
+                }
             };
         }
         document.addEventListener('keydown', handleKeyDown);
@@ -524,6 +537,6 @@ export const TextEditor = ({ label, onSubmit, onChange, defaultValue, error, hel
         React.createElement("div", { className: inputClassess },
             attachedFiles.length > 0 && (React.createElement(AttachedFilesPreview, { files: attachedFiles, onDelete: (id) => removeAttachedFile(id), className: styles.attachedFilesContainer, isEdit: true })),
             React.createElement("div", { ref: editorRef }),
-            React.createElement("input", { ref: uploaderRef, type: "file", style: { display: 'none' }, multiple: true, onChange: handleUploadFiles, accept: ACCEPTED_FILE_TYPES })),
+            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/components/TextEditor/TextEditor.module.css

@@ -82,6 +82,7 @@
 	height: 24px;
 	display: flex;
 	align-items: center;
+	justify-content: center;
 	border: none;
 	border-radius: 100%;
 	cursor: pointer;

package/dist/components/Tooltip/Tooltip.js

@@ -189,7 +189,7 @@ export const Tooltip = ({ label, children, className, style, overlayChildren = f
             updateCoords(e.clientX, e.clientY);
         }
     };
-    const tooltipStyles = Object.assign(Object.assign({}, style), { position: 'fixed', left: `${coords.x}px`, top: `${coords.y}px`, backgroundColor: color ? hexToRgba(color, opacity) : `rgba(0, 0, 0, ${opacity})`, zIndex: 1000 });
+    const tooltipStyles = Object.assign(Object.assign({}, style), { position: 'fixed', left: `${coords.x}px`, top: `${coords.y}px`, backgroundColor: color ? hexToRgba(color, opacity) : `rgba(0, 0, 0, ${opacity})`, zIndex: 1500 });
     const tooltipClassNames = classNames(styles.tooltip, isVisible && styles['tooltip--visible'], className);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseMove: handleMouseMove, className: styles.wrapper, ref: childrenRef }, children),

package/dist/types/index.d.ts

@@ -90,6 +90,8 @@ export interface InputProps {
     helperText?: string;
     /** Callback при изменении значения */
     onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** Callback при потере фокуса */
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     /** Обязательное поле */
     required?: boolean;
 }
@@ -222,6 +224,8 @@ export interface DropdownProps {
     enableAutocomplete?: boolean;
     /** Текст при отсутствии опций */
     noOptionsText?: string;
+    /** Язык */
+    lng?: string;
 }
 /** @internal */
 export interface TypographyProps {
@@ -251,6 +255,8 @@ export interface ProgressBarProps {
     animationDuration?: number;
     /**Для выставления флага окончания загрузки */
     setIsLoadingFinished?: (value: boolean) => void;
+    /** Ширина прогресс бара */
+    width?: string;
 }
 export interface ProgressLoaderProps {
     /** Значение */
@@ -360,6 +366,8 @@ export type SnackbarProps = {
     onClose?: () => void;
     /** Стили передаваемые напрямую */
     style?: CSSProperties;
+    /** Язык */
+    lng?: string;
 };
 export type TAttachments = {
     id: string;
@@ -443,6 +451,8 @@ export interface FileItemProps {
     isAddedFile?: boolean;
     /** Флаг отклоненного файла */
     isRejectedFile?: boolean;
+    /** Ширина прогресс бара */
+    progressBarWidth?: string;
 }
 export interface FileLoaderProps {
     /** Максимальный размер файла */
@@ -467,6 +477,8 @@ export interface FileLoaderProps {
     style?: React.CSSProperties;
     /** Функция валидации файла */
     fileValidator?: (file: File) => FileError | FileError[] | null;
+    /** Ширина прогресс бара */
+    progressBarWidth?: string;
 }
 export interface DialogProps {
     /** Флаг открытия окна */
@@ -543,6 +555,8 @@ export interface ListItemProps extends BaseListProps {
     children?: ReactNode;
 }
 export interface ListProps extends BaseListProps {
+    /** Контент заголовка */
+    titleContent?: ReactNode;
     /** Дочерние элементы */
     children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];
     /** Возможность раскрытия списка */
@@ -587,6 +601,7 @@ export interface TextEditorProps {
     defaultValue?: string;
     error?: boolean;
     helperText?: string;
+    canAttachFiles?: boolean;
     files?: FilePreview[];
     required?: boolean;
     className?: string;
@@ -594,7 +609,7 @@ export interface TextEditorProps {
 }
 export interface CommentProps {
     /** Идентификатор элемента */
-    id?: string;
+    id: string;
     /** Знчение */
     value?: string;
     /** Стили передаваемые напрямую */
@@ -602,8 +617,11 @@ export interface CommentProps {
     /** Дополнительный класс */
     className?: string;
     username: string;
-    avatar: string;
+    avatar?: string | null;
     creationDate: string;
+    canAttachFiles?: boolean;
+    files?: FilePreview[];
+    canEdit?: boolean;
     isEdit?: boolean;
     /** Лейбл */
     label?: string;
@@ -615,7 +633,8 @@ export interface CommentProps {
     helperText?: string;
     /** Callback при изменении значения */
     onChange?: (value: string, files: FilePreview[]) => void;
-    onSubmit?: () => {};
+    onSubmit?: (value: string, files: FilePreview[]) => void;
+    onDelete?: (id: string) => void;
 }
 export interface LinkProps {
     /**Гипертекстовая ссылка */

package/package.json

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