@cloud-ru/uikit-product-claudia 1.11.1 → 1.12.1

package/dist/esm/components/SshField/SshField.js

@@ -33,11 +33,11 @@ import { MobileFieldAi } from './components/MobileFieldAi';
 import { DropZoneContent } from './helperComponents/DropZoneContent';
 import { FieldSubmitButton } from './helperComponents/FieldSubmitButton';
 import { TextAreaActionsFooter } from './helperComponents/TextAreaActionsFooter';
+import { WithSshValidation } from './helperComponents/WithSshValidation';
 import styles from './styles.module.css';
-import { getFileErrorType } from './utils/handleFileError';
 import { isTouchDevice as isTouchDeviceHelper } from './utils/isTouchDevice';
 import { readFileContent } from './utils/readFileContent';
-import { validateFileSize, validateFileType, validateSSHKeyContent } from './utils/validateSSHKey';
+import { validateFileErrors, validateSshKeyErrors } from './utils/validateSSHKey';
 export const SshField = forwardRef((_a, ref) => {
     var { onSubmit: handleSubmitProp, onCancel, value, disabled, className } = _a, props = __rest(_a, ["onSubmit", "onCancel", "value", "disabled", "className"]);
     const { layoutType, validationState, onChange } = props;
@@ -46,36 +46,19 @@ export const SshField = forwardRef((_a, ref) => {
     const [isLoading, setIsLoading] = useState(false);
     const [isDragOver, setIsDragOver] = useState(false);
     const [isValueHidden, setIsValueHidden] = useState(true);
-    const [fileErrorType, setFileErrorType] = useState(null);
-    const isValueValid = typeof value === 'string' && value.trim().length > 0;
-    const showFileError = Boolean(fileErrorType);
-    const getErrorMessage = (errorType) => {
-        switch (errorType) {
-            case 'EMPTY_FILE':
-                return t('SshField.errors.emptyFile');
-            case 'BINARY_DATA':
-                return t('SshField.errors.binaryData');
-            case 'INVALID_SSH_KEY':
-                return t('SshField.errors.invalidSSHKey');
-            case 'INVALID_EXTENSION':
-            case 'INVALID_MIME_TYPE':
-            case 'INVALID_FILE_TYPE':
-                return t('SshField.errors.invalidFileExtension');
-            case 'FILE_TOO_LARGE':
-                return t('SshField.errors.fileTooLarge');
-            case 'READ_ERROR':
-                return t('SshField.errors.readError');
-            case 'UNKNOWN_ERROR':
-            default:
-                return t('SshField.errors.unknownError');
-        }
-    };
+    const [sshValidation, setSshValidation] = useState(null);
+    const isSshValid = !sshValidation || Object.values(sshValidation).every(value => !value);
+    const isValueValid = isSshValid && typeof value === 'string' && value.trim().length > 0;
     const handleChange = (newValue) => {
-        if (fileErrorType) {
-            setFileErrorType(null);
+        if (sshValidation) {
+            setSshValidation(null);
         }
-        if (onChange) {
-            onChange(newValue);
+        if (!onChange)
+            return;
+        onChange(newValue);
+        if (newValue) {
+            const sshValidationState = validateSshKeyErrors(newValue);
+            setSshValidation(sshValidationState);
         }
     };
     const handleDragOver = (event) => {
@@ -106,18 +89,22 @@ export const SshField = forwardRef((_a, ref) => {
     const onFileUpload = (file) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             setIsLoading(true);
-            setFileErrorType(null);
-            validateFileType(file);
-            validateFileSize(file);
-            const fileContent = yield readFileContent(file);
-            validateSSHKeyContent(fileContent);
-            if (onChange) {
-                onChange(fileContent);
+            setSshValidation(null);
+            const fileValidationErrorState = validateFileErrors(file);
+            if (fileValidationErrorState.fileType) {
+                setSshValidation(fileValidationErrorState);
+                return;
             }
-        }
-        catch (err) {
-            const errorType = getFileErrorType(err);
-            setFileErrorType(errorType);
+            const { error, fileContent } = yield readFileContent(file);
+            if (error || typeof fileContent !== 'string') {
+                setSshValidation(Object.assign(Object.assign({}, fileValidationErrorState), { readError: true }));
+                return;
+            }
+            const sshValidationState = validateSshKeyErrors(fileContent);
+            setSshValidation(Object.assign(Object.assign({}, fileValidationErrorState), sshValidationState));
+            if (!onChange)
+                return;
+            onChange(fileContent);
         }
         finally {
             setIsLoading(false);
@@ -125,11 +112,11 @@ export const SshField = forwardRef((_a, ref) => {
         }
     });
     if (isTouchDevice) {
-        return (_jsx(MobileFieldAi, Object.assign({}, props, getAdaptiveFieldProps(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })));
+        return (_jsx(WithSshValidation, { layoutType: layoutType, sshValidation: sshValidation, children: _jsx(MobileFieldAi, Object.assign({}, props, { onChange: handleChange, onFileUpload: onFileUpload }, getAdaptiveFieldProps(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })) }));
     }
-    return (_jsxs("div", { className: cn(styles.wrapper, className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, children: [_jsx(ChatStatusAnnouncement, { className: styles.chatStatus, layoutType: layoutType, icon: _jsx(PasswordLockSVG, { size: 16, color: themeVars.sys.neutral.textSupport }), content: [
-                    { content: t('SshField.chatStatusAnnouncement.content.option1') },
-                    { content: t('SshField.chatStatusAnnouncement.content.option2'), shouldFocusOnHover: true },
-                    { content: t('SshField.chatStatusAnnouncement.content.option3') },
-                ], actionLabel: t('SshField.chatStatusAnnouncement.cancel'), onActionClick: onCancel }), isDragOver ? (_jsx(DropZone, { description: _jsx(DropZoneContent, {}), className: styles.dropZone, mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]) })) : (_jsx(AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, onChange: handleChange, size: 'm', disabled: isLoading, minRows: 2, maxRows: 4, placeholder: t('SshField.placeholder'), className: isValueHidden ? styles.secured : undefined, onKeyDown: handleKeyDown, validationState: showFileError ? 'error' : validationState, hint: showFileError && fileErrorType ? getErrorMessage(fileErrorType) : props.hint, footer: _jsx(TextAreaActionsFooter, { left: _jsx(ButtonFunction, { size: 'xs', icon: isValueHidden ? _jsx(EyeSVG, {}) : _jsx(EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev), disabled: isLoading }), right: _jsxs(_Fragment, { children: [_jsx(Tooltip, { tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles.uploadTooltip, open: isTouchDevice ? false : undefined, children: _jsx(FileUpload, { mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]), children: _jsx(ButtonFunction, { disabled: isLoading, size: isTouchDevice ? 's' : 'xs', icon: _jsx(AttachmentSVG, {}) }) }) }), _jsx(FieldSubmitButton, { disabled: isLoading, showTooltip: !isTouchDevice, className: isTouchDevice ? styles.mobileSubmitButton : undefined, active: isValueValid && !disabled, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })))] }));
+    return (_jsx("div", { className: cn(styles.wrapper, className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, children: _jsxs(WithSshValidation, { layoutType: layoutType, sshValidation: sshValidation, children: [_jsx(ChatStatusAnnouncement, { className: styles.chatStatus, layoutType: layoutType, icon: _jsx(PasswordLockSVG, { size: 16, color: themeVars.sys.neutral.textSupport }), content: [
+                        { content: t('SshField.chatStatusAnnouncement.content.option1') },
+                        { content: t('SshField.chatStatusAnnouncement.content.option2'), shouldFocusOnHover: true },
+                        { content: t('SshField.chatStatusAnnouncement.content.option3') },
+                    ], actionLabel: t('SshField.chatStatusAnnouncement.cancel'), onActionClick: onCancel }), isDragOver ? (_jsx(DropZone, { description: _jsx(DropZoneContent, {}), className: styles.dropZone, mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]) })) : (_jsx(AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, onChange: handleChange, size: 'm', disabled: isLoading, minRows: 2, maxRows: 4, placeholder: t('SshField.placeholder'), className: isValueHidden ? styles.secured : undefined, onKeyDown: handleKeyDown, validationState: isSshValid ? validationState : 'error', hint: props.hint, footer: _jsx(TextAreaActionsFooter, { left: _jsx(ButtonFunction, { size: 'xs', icon: isValueHidden ? _jsx(EyeSVG, {}) : _jsx(EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev), disabled: isLoading }), right: _jsxs(_Fragment, { children: [_jsx(Tooltip, { tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles.uploadTooltip, open: isTouchDevice ? false : undefined, children: _jsx(FileUpload, { mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]), children: _jsx(ButtonFunction, { disabled: isLoading, size: isTouchDevice ? 's' : 'xs', icon: _jsx(AttachmentSVG, {}) }) }) }), _jsx(FieldSubmitButton, { disabled: isLoading, showTooltip: !isTouchDevice, className: isTouchDevice ? styles.mobileSubmitButton : undefined, active: isValueValid && !disabled, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })))] }) }));
 });

package/dist/esm/components/SshField/components/MobileFieldAi/MobileFieldAi.d.ts

@@ -1,5 +1,8 @@
 import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
 export declare const MobileFieldAi: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "label" | "size" | "placeholder" | "spellCheck" | "labelTooltip" | "required" | "footer"> & {
+    layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
+} & {
     onSubmit(): void;
     submitEnabled: boolean;
+    onFileUpload(file: File): void;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/SshField/components/MobileFieldAi/MobileFieldAi.js

@@ -23,7 +23,7 @@ import styles from './styles.module.css';
 const MIN_ROWS = 1;
 const MAX_ROWS = 6;
 export const MobileFieldAi = forwardRef((_a, ref) => {
-    var { onSubmit, value, submitEnabled } = _a, props = __rest(_a, ["onSubmit", "value", "submitEnabled"]);
+    var { onSubmit, value, submitEnabled, onFileUpload } = _a, props = __rest(_a, ["onSubmit", "value", "submitEnabled", "onFileUpload"]);
     const { t } = useLocale('Claudia');
-    return (_jsxs("div", { className: styles.mobileInputWrapper, style: { '--max-rows': MAX_ROWS, '--min-rows': MIN_ROWS }, "data-size": 'm', children: [_jsx(Scroll, { className: styles.scrollContainer, size: 's', barHideStrategy: 'never', children: _jsx(TextArea, Object.assign({}, props, { className: styles.textarea, ref: ref, value: value, minRows: MIN_ROWS, placeholder: t('SshField.placeholder'), spellCheck: true })) }), _jsxs("div", { className: styles.mobileSubmitButtonWrapper, children: [_jsx(Tooltip, { disableSpanWrapper: true, tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles.uploadTooltip, children: _jsx(FileUpload, { mode: 'multiple', onFilesUpload: () => { }, children: _jsx(ButtonFunction, { size: 's', icon: _jsx(AttachmentSVG, {}) }) }) }), _jsx(FieldSubmitButton, { showTooltip: false, className: styles.mobileSubmitButton, fullWidth: true, active: submitEnabled, handleClick: onSubmit, size: 's' })] })] }));
+    return (_jsxs("div", { className: styles.mobileInputWrapper, style: { '--max-rows': MAX_ROWS, '--min-rows': MIN_ROWS }, "data-size": 'm', children: [_jsx(Scroll, { className: styles.scrollContainer, size: 's', barHideStrategy: 'never', children: _jsx(TextArea, Object.assign({}, props, { className: styles.textarea, ref: ref, value: value, minRows: MIN_ROWS, placeholder: t('SshField.placeholder'), spellCheck: true })) }), _jsxs("div", { className: styles.mobileSubmitButtonWrapper, children: [_jsx(Tooltip, { disableSpanWrapper: true, tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles.uploadTooltip, children: _jsx(FileUpload, { mode: 'multiple', onFilesUpload: (files) => onFileUpload(files[0]), children: _jsx(ButtonFunction, { size: 's', icon: _jsx(AttachmentSVG, {}) }) }) }), _jsx(FieldSubmitButton, { showTooltip: false, className: styles.mobileSubmitButton, fullWidth: true, active: submitEnabled, handleClick: onSubmit, size: 's' })] })] }));
 });

package/dist/esm/components/SshField/helperComponents/CheckItem/CheckItem.d.ts

@@ -0,0 +1,6 @@
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+type CheckItemProps = WithLayoutType<{
+    label: string;
+}>;
+export declare function CheckItem({ label, layoutType }: CheckItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/SshField/helperComponents/CheckItem/CheckItem.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CrossFilledSVG } from '@cloud-ru/uikit-product-icons';
+import { Typography } from '@snack-uikit/typography';
+import styles from './styles.module.css';
+export function CheckItem({ label, layoutType }) {
+    return (_jsxs("div", { className: styles.checkItem, "data-layout-type": layoutType, children: [_jsx("div", { className: styles.iconWrapper, children: _jsx(CrossFilledSVG, { size: 16, className: styles.icon }) }), _jsx(Typography.SansBodyM, { "data-layout-type": layoutType, className: styles.label, children: label })] }));
+}

package/dist/esm/components/SshField/helperComponents/CheckItem/index.d.ts

@@ -0,0 +1 @@
+export * from './CheckItem';

package/dist/esm/components/SshField/helperComponents/CheckItem/index.js

@@ -0,0 +1 @@
+export * from './CheckItem';

package/dist/esm/components/SshField/helperComponents/CheckItem/styles.module.css

@@ -0,0 +1,25 @@
+.checkItem{
+  display:flex;
+  flex-direction:row;
+  gap:var(--dimension-050m, 4px);
+}
+.checkItem[data-layout-type=mobile], .checkItem[data-layout-type=tablet]{
+  gap:var(--dimension-1m, 8px);
+}
+
+.iconWrapper{
+  width:var(--dimension-2m, 16px);
+  height:var(--dimension-2m, 16px);
+  transform:translateY(var(--dimension-025m, 2px));
+}
+
+.icon{
+  color:var(--sys-red-accent-default, #cb3f3e);
+}
+
+.label{
+  color:var(--sys-red-decor-default, #fdd6cd);
+}
+.label[data-layout-type=mobile], .label[data-layout-type=tablet]{
+  color:var(--sys-red-text-main, #7a2d2d);
+}

package/dist/esm/components/SshField/helperComponents/DropZoneContent/styles.module.css

@@ -3,7 +3,7 @@
   flex-direction:column;
   justify-content:center;
   align-items:center;
-  gap:4px;
+  gap:var(--dimension-050m, 4px);
 }
 
 .defaultText{

package/dist/esm/components/SshField/helperComponents/SshValidation/SshValidation.d.ts

@@ -0,0 +1,6 @@
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+import { ValidationState } from '../../types';
+export type WithPasswordTooltipProps = WithLayoutType<{
+    sshValidation: ValidationState | null;
+}>;
+export declare function SshValidation({ sshValidation, layoutType }: WithPasswordTooltipProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/SshField/helperComponents/SshValidation/SshValidation.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocale } from '@cloud-ru/uikit-product-locale';
+import { CheckItem } from '../CheckItem';
+import styles from './styles.module.css';
+export function SshValidation({ sshValidation, layoutType }) {
+    const { t } = useLocale('Claudia');
+    if (!sshValidation)
+        return null;
+    return (_jsx("div", { className: styles.validationItemsContainer, "data-layout-type": layoutType, children: _jsxs("div", { className: styles.validationList, children: [sshValidation.fileSize && _jsx(CheckItem, { label: t('SshField.errors.fileSize'), layoutType: layoutType }), sshValidation.fileType && _jsx(CheckItem, { label: t('SshField.errors.fileType'), layoutType: layoutType }), sshValidation.binaryData && _jsx(CheckItem, { label: t('SshField.errors.binaryData'), layoutType: layoutType }), sshValidation.emptyFile && _jsx(CheckItem, { label: t('SshField.errors.emptyFile'), layoutType: layoutType }), sshValidation.invalidSSHKey && (_jsx(CheckItem, { label: t('SshField.errors.invalidSSHKey'), layoutType: layoutType })), sshValidation.readError && _jsx(CheckItem, { label: t('SshField.errors.readError'), layoutType: layoutType })] }) }));
+}

package/dist/esm/components/SshField/helperComponents/SshValidation/index.d.ts

@@ -0,0 +1 @@
+export * from './SshValidation';

package/dist/esm/components/SshField/helperComponents/SshValidation/index.js

@@ -0,0 +1 @@
+export * from './SshValidation';

package/dist/esm/components/SshField/helperComponents/SshValidation/styles.module.css

@@ -0,0 +1,35 @@
+.tooltipText{
+  display:flex;
+  flex-direction:column;
+}
+
+.validationList{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+}
+
+.validationItemsContainer{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-main, #41424e);
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+}
+.validationItemsContainer[data-layout-type=mobile], .validationItemsContainer[data-layout-type=tablet]{
+  gap:var(--dimension-1m, 8px);
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+}
+.validationItemsContainer[data-layout-type=mobile] .validationList, .validationItemsContainer[data-layout-type=tablet] .validationList{
+  gap:var(--dimension-025m, 2px);
+}

package/dist/esm/components/SshField/helperComponents/WithSshValidation/WithSshValidation.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+import { ValidationState } from '../../types';
+export type WithSshValidationProps = WithLayoutType<{
+    children: ReactNode;
+    sshValidation: ValidationState | null;
+}>;
+export declare function WithSshValidation({ sshValidation, layoutType, children }: WithSshValidationProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/SshField/helperComponents/WithSshValidation/WithSshValidation.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { AdaptiveTooltip } from '@cloud-ru/uikit-product-mobile-tooltip';
+import { isTouchDevice } from '../../utils/isTouchDevice';
+import { SshValidation } from '../SshValidation';
+import styles from './styles.module.css';
+export function WithSshValidation({ sshValidation, layoutType, children }) {
+    const isSshValidationError = useMemo(() => (sshValidation ? Object.values(sshValidation).some(item => item) : false), [sshValidation]);
+    if (isTouchDevice(layoutType)) {
+        return (_jsxs("div", { className: styles.validationContainer, children: [_jsx(SshValidation, { sshValidation: sshValidation, layoutType: layoutType }), children] }));
+    }
+    return (_jsx(AdaptiveTooltip, { placement: 'left-end', layoutType: layoutType, tip: _jsx(SshValidation, { sshValidation: sshValidation, layoutType: layoutType }), open: isSshValidationError, offset: 8, children: children }));
+}

package/dist/esm/components/SshField/helperComponents/WithSshValidation/index.d.ts

@@ -0,0 +1 @@
+export * from './WithSshValidation';

package/dist/esm/components/SshField/helperComponents/WithSshValidation/index.js

@@ -0,0 +1 @@
+export * from './WithSshValidation';

package/dist/esm/components/SshField/helperComponents/WithSshValidation/styles.module.css

@@ -0,0 +1,5 @@
+.validationContainer{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+}

package/dist/esm/components/SshField/types.d.ts

@@ -0,0 +1,12 @@
+type FileError = {
+    fileType: boolean;
+    fileSize: boolean;
+    readError: boolean;
+};
+type FileContentError = {
+    binaryData: boolean;
+    emptyFile: boolean;
+    invalidSSHKey: boolean;
+};
+export type ValidationState = Partial<FileError & FileContentError>;
+export {};

package/dist/esm/components/SshField/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/SshField/utils/readFileContent.d.ts

@@ -1 +1,6 @@
-export declare const readFileContent: (file: File) => Promise<string>;
+type ReadFileContentResult = {
+    error: boolean;
+    fileContent?: string;
+};
+export declare const readFileContent: (file: File) => Promise<ReadFileContentResult>;
+export {};

package/dist/esm/components/SshField/utils/readFileContent.js

@@ -1,20 +1,15 @@
-export const readFileContent = (file) => new Promise((resolve, reject) => {
+export const readFileContent = (file) => new Promise(resolve => {
     const reader = new FileReader();
     reader.onload = (e) => {
-        var _a;
-        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.result) && typeof e.target.result === 'string') {
-            resolve(e.target.result);
+        if (e.target && typeof e.target.result === 'string') {
+            resolve({ error: false, fileContent: e.target.result });
         }
         else {
-            reject(new Error('READ_ERROR: Не удалось прочитать содержимое файла'));
+            resolve({ error: true });
         }
     };
-    reader.onerror = () => {
-        reject(new Error('READ_ERROR: Не удалось прочитать файл'));
-    };
-    reader.onabort = () => {
-        reject(new Error('READ_ERROR: Чтение файла было прервано'));
-    };
+    reader.onerror = () => resolve({ error: true });
+    reader.onabort = () => resolve({ error: true });
     // Читаем как текст
     reader.readAsText(file);
 });

package/dist/esm/components/SshField/utils/validateSSHKey.d.ts

@@ -1,3 +1,9 @@
-export declare const validateSSHKeyContent: (content: string) => void;
-export declare const validateFileType: (file: File) => void;
-export declare const validateFileSize: (file: File) => void;
+export declare const validateFileErrors: (file: File) => {
+    fileSize: boolean;
+    fileType: boolean;
+};
+export declare const validateSshKeyErrors: (value: string) => {
+    binaryChars: boolean;
+    emptyFile: boolean;
+    invalidSSHKey: boolean;
+};

package/dist/esm/components/SshField/utils/validateSSHKey.js

@@ -1,60 +1,58 @@
-export const validateSSHKeyContent = (content) => {
-    const trimmedContent = content.trim();
-    // Проверка на пустой файл
-    if (trimmedContent.length === 0) {
-        throw new Error('INVALID_SSH_KEY: Файл пустой');
-    }
-    // Проверка на бинарный файл (простейшая проверка)
-    const binaryChars = content
-        .split('')
-        .filter(char => char.charCodeAt(0) < 32 && char !== '\n' && char !== '\r' && char !== '\t').length;
-    if (binaryChars > content.length * 0.1) {
-        // Если больше 10% бинарных символов
-        throw new Error('INVALID_SSH_KEY: Файл содержит бинарные данные, а не текстовый SSH ключ');
-    }
-    // Базовая проверка на формат SSH ключа
-    const sshKeyPatterns = [
-        /^-----BEGIN (?:RSA|DSA|EC|OPENSSH) PRIVATE KEY-----/,
-        /^ssh-(rsa|dsa|ecdsa|ed25519)/,
-        /^ecdsa-sha2-nistp/,
-        /^-----BEGIN.*PRIVATE KEY-----/,
-        /^-----BEGIN.*CERTIFICATE-----/,
-    ];
-    const isValidSSHKey = sshKeyPatterns.some(pattern => pattern.test(trimmedContent));
-    if (!isValidSSHKey) {
-        throw new Error('INVALID_SSH_KEY: Файл не содержит валидный SSH ключ. Поддерживаются: RSA, DSA, ECDSA, Ed25519 ключи и сертификаты');
-    }
-};
-const DEFAULT_ALLOWED_MIME_TYPES = ['text/plain'];
 const MAX_FILE_SIZE = 10 * 1024; // 10KB по умолчанию
-const getFileExtension = (filename) => {
-    const lastDotIndex = filename.lastIndexOf('.');
-    // Если точка не найдена или это первая точка в имени файла (скрытые файлы в Unix)
-    if (lastDotIndex <= 0) {
-        return '';
-    }
-    return filename.toLowerCase().slice(lastDotIndex);
+const SSH_KEY_BEGIN_PATTERN = [
+    /^-----BEGIN (?:RSA|DSA|EC|OPENSSH) PRIVATE KEY-----/,
+    /^-----BEGIN.*PRIVATE KEY-----/,
+    /^-----BEGIN.*CERTIFICATE-----/,
+];
+const SSH_KEY_END_PATTERN = [
+    /-----END (?:RSA|DSA|EC|OPENSSH) PRIVATE KEY-----/,
+    /-----END.*PRIVATE KEY-----/,
+    /-----END.*CERTIFICATE-----/,
+];
+const checkIsFileSizeError = (file) => file.size > MAX_FILE_SIZE;
+function getFileExtension(filename) {
+    return filename.includes('.') ? filename.split('.').pop() : '';
+}
+const checkIsFileTypeError = (file) => Boolean(getFileExtension(file.name));
+export const validateFileErrors = (file) => ({
+    fileSize: checkIsFileSizeError(file),
+    fileType: checkIsFileTypeError(file),
+});
+const checkIsEmptyContent = (value) => !value.trim().length;
+const checkIsBinaryCharsInContent = (value) => {
+    const binaryChars = value
+        .split('')
+        .filter(char => char.charCodeAt(0) < 32 && !['\n', '\r', '\t'].includes(char)).length;
+    return binaryChars > value.length * 0.1;
 };
-const getFileMimeType = (file) => file.type;
-export const validateFileType = (file) => {
-    const fileExtension = getFileExtension(file.name);
-    const mimeType = getFileMimeType(file);
-    // Проверка по MIME type (более надежный способ)
-    const isValidMimeType = DEFAULT_ALLOWED_MIME_TYPES.some(allowedMime => mimeType.includes(allowedMime) || allowedMime.includes(mimeType));
-    // Файл должен пройти хотя бы одну проверку
-    if (!isValidMimeType) {
-        throw new Error(`INVALID_MIME_TYPE: Неподходящий тип файла. MIME: ${mimeType}, расширение: ${fileExtension || 'нет'}. ` +
-            `Разрешенные MIME types: ${DEFAULT_ALLOWED_MIME_TYPES.join(', ')}, `);
-    }
+const removePEMBoundaries = (sshFileContent) => {
+    let replacedContent = sshFileContent.trim().replaceAll('\n', '');
+    let isBeginPartExist = false;
+    let isEndPartExist = false;
+    SSH_KEY_BEGIN_PATTERN.forEach(pattern => {
+        if (pattern.test(replacedContent)) {
+            isBeginPartExist = true;
+            replacedContent = replacedContent.replace(new RegExp(pattern, 'g'), '');
+        }
+    });
+    SSH_KEY_END_PATTERN.forEach(pattern => {
+        if (pattern.test(replacedContent)) {
+            isEndPartExist = true;
+            replacedContent = replacedContent.replace(new RegExp(pattern, 'g'), '');
+        }
+    });
+    return { isError: !(isBeginPartExist && isEndPartExist), content: replacedContent };
 };
-export const validateFileSize = (file) => {
-    if (file.size > MAX_FILE_SIZE) {
-        throw new Error(`FILE_TOO_LARGE: Файл слишком большой. Размер: ${(file.size / 1024).toFixed(2)}KB, ` +
-            `максимальный: ${MAX_FILE_SIZE / 1024}KB`);
-    }
-    // Минимальный размер для SSH ключа (примерно 100 байт)
-    const minFileSize = 100;
-    if (file.size < minFileSize) {
-        throw new Error(`INVALID_FILE_TYPE: Файл слишком маленький для SSH ключа. Минимальный размер: ${minFileSize} байт`);
+const checkIsSshKeyError = (value) => {
+    const { isError, content: base64content } = removePEMBoundaries(value);
+    if (isError) {
+        return true;
     }
+    const base64Regexp = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[+/=])[A-Za-z0-9+/=\r\n]+$/;
+    return !base64Regexp.test(base64content);
 };
+export const validateSshKeyErrors = (value) => ({
+    binaryChars: checkIsBinaryCharsInContent(value),
+    emptyFile: checkIsEmptyContent(value),
+    invalidSSHKey: checkIsSshKeyError(value),
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-claudia",
   "title": "Claudia",
-  "version": "1.11.1",
+  "version": "1.12.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,10 +36,11 @@
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "16.1.0",
-    "@cloud-ru/uikit-product-mobile-dropdown": "0.9.30",
-    "@cloud-ru/uikit-product-mobile-fields": "0.12.2",
-    "@cloud-ru/uikit-product-utils": "8.0.2",
+    "@cloud-ru/uikit-product-icons": "16.1.1",
+    "@cloud-ru/uikit-product-mobile-dropdown": "0.9.31",
+    "@cloud-ru/uikit-product-mobile-fields": "0.12.3",
+    "@cloud-ru/uikit-product-mobile-tooltip": "0.5.4",
+    "@cloud-ru/uikit-product-utils": "8.1.0",
     "@snack-uikit/button": "0.19.16",
     "@snack-uikit/divider": "3.2.3",
     "@snack-uikit/drop-zone": "0.9.6",
@@ -61,5 +62,5 @@
     "@cloud-ru/uikit-product-locale": "*",
     "@snack-uikit/figma-tokens": "*"
   },
-  "gitHead": "7303f734eef30f1ac7ac3a279bcf324dcd549059"
+  "gitHead": "1a98d6d9bff32edcbb3f9b0be0a14dce3f2abe5d"
 }