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

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.12.0 (2025-12-17)
+
+
+### Features
+
+* **AINFR-4587:** add new ssh validation rules ([cf6ad31](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/cf6ad31b9549c73de2346a63fcd489fa2f39068f))
+
+
+
+
+
 ## 1.11.1 (2025-12-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/SshField/SshField.js

@@ -39,8 +39,8 @@ const MobileFieldAi_1 = require("./components/MobileFieldAi");
 const DropZoneContent_1 = require("./helperComponents/DropZoneContent");
 const FieldSubmitButton_1 = require("./helperComponents/FieldSubmitButton");
 const TextAreaActionsFooter_1 = require("./helperComponents/TextAreaActionsFooter");
+const WithSshValidation_1 = require("./helperComponents/WithSshValidation");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-const handleFileError_1 = require("./utils/handleFileError");
 const isTouchDevice_1 = require("./utils/isTouchDevice");
 const readFileContent_1 = require("./utils/readFileContent");
 const validateSSHKey_1 = require("./utils/validateSSHKey");
@@ -52,36 +52,19 @@ exports.SshField = (0, react_1.forwardRef)((_a, ref) => {
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [isDragOver, setIsDragOver] = (0, react_1.useState)(false);
     const [isValueHidden, setIsValueHidden] = (0, react_1.useState)(true);
-    const [fileErrorType, setFileErrorType] = (0, react_1.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] = (0, react_1.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 = (0, validateSSHKey_1.validateSshKeyErrors)(newValue);
+            setSshValidation(sshValidationState);
         }
     };
     const handleDragOver = (event) => {
@@ -112,18 +95,22 @@ exports.SshField = (0, react_1.forwardRef)((_a, ref) => {
     const onFileUpload = (file) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             setIsLoading(true);
-            setFileErrorType(null);
-            (0, validateSSHKey_1.validateFileType)(file);
-            (0, validateSSHKey_1.validateFileSize)(file);
-            const fileContent = yield (0, readFileContent_1.readFileContent)(file);
-            (0, validateSSHKey_1.validateSSHKeyContent)(fileContent);
-            if (onChange) {
-                onChange(fileContent);
+            setSshValidation(null);
+            const fileValidationErrorState = (0, validateSSHKey_1.validateFileErrors)(file);
+            if (fileValidationErrorState.fileType) {
+                setSshValidation(fileValidationErrorState);
+                return;
             }
-        }
-        catch (err) {
-            const errorType = (0, handleFileError_1.getFileErrorType)(err);
-            setFileErrorType(errorType);
+            const { error, fileContent } = yield (0, readFileContent_1.readFileContent)(file);
+            if (error || typeof fileContent !== 'string') {
+                setSshValidation(Object.assign(Object.assign({}, fileValidationErrorState), { readError: true }));
+                return;
+            }
+            const sshValidationState = (0, validateSSHKey_1.validateSshKeyErrors)(fileContent);
+            setSshValidation(Object.assign(Object.assign({}, fileValidationErrorState), sshValidationState));
+            if (!onChange)
+                return;
+            onChange(fileContent);
         }
         finally {
             setIsLoading(false);
@@ -131,11 +118,11 @@ exports.SshField = (0, react_1.forwardRef)((_a, ref) => {
         }
     });
     if (isTouchDevice) {
-        return ((0, jsx_runtime_1.jsx)(MobileFieldAi_1.MobileFieldAi, Object.assign({}, props, (0, uikit_product_mobile_fields_1.getAdaptiveFieldProps)(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })));
+        return ((0, jsx_runtime_1.jsx)(WithSshValidation_1.WithSshValidation, { layoutType: layoutType, sshValidation: sshValidation, children: (0, jsx_runtime_1.jsx)(MobileFieldAi_1.MobileFieldAi, Object.assign({}, props, { onChange: handleChange, onFileUpload: onFileUpload }, (0, uikit_product_mobile_fields_1.getAdaptiveFieldProps)(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })) }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, children: [(0, jsx_runtime_1.jsx)(ChatStatusAnnouncement_1.ChatStatusAnnouncement, { className: styles_module_scss_1.default.chatStatus, layoutType: layoutType, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.PasswordLockSVG, { size: 16, color: figma_tokens_1.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 ? ((0, jsx_runtime_1.jsx)(drop_zone_1.DropZone, { description: (0, jsx_runtime_1.jsx)(DropZoneContent_1.DropZoneContent, {}), className: styles_module_scss_1.default.dropZone, mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]) })) : ((0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.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_module_scss_1.default.secured : undefined, onKeyDown: handleKeyDown, validationState: showFileError ? 'error' : validationState, hint: showFileError && fileErrorType ? getErrorMessage(fileErrorType) : props.hint, footer: (0, jsx_runtime_1.jsx)(TextAreaActionsFooter_1.TextAreaActionsFooter, { left: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'xs', icon: isValueHidden ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev), disabled: isLoading }), right: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles_module_scss_1.default.uploadTooltip, open: isTouchDevice ? false : undefined, children: (0, jsx_runtime_1.jsx)(drop_zone_1.FileUpload, { mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]), children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { disabled: isLoading, size: isTouchDevice ? 's' : 'xs', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.AttachmentSVG, {}) }) }) }), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { disabled: isLoading, showTooltip: !isTouchDevice, className: isTouchDevice ? styles_module_scss_1.default.mobileSubmitButton : undefined, active: isValueValid && !disabled, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })))] }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, children: (0, jsx_runtime_1.jsxs)(WithSshValidation_1.WithSshValidation, { layoutType: layoutType, sshValidation: sshValidation, children: [(0, jsx_runtime_1.jsx)(ChatStatusAnnouncement_1.ChatStatusAnnouncement, { className: styles_module_scss_1.default.chatStatus, layoutType: layoutType, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.PasswordLockSVG, { size: 16, color: figma_tokens_1.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 ? ((0, jsx_runtime_1.jsx)(drop_zone_1.DropZone, { description: (0, jsx_runtime_1.jsx)(DropZoneContent_1.DropZoneContent, {}), className: styles_module_scss_1.default.dropZone, mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]) })) : ((0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.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_module_scss_1.default.secured : undefined, onKeyDown: handleKeyDown, validationState: isSshValid ? validationState : 'error', hint: props.hint, footer: (0, jsx_runtime_1.jsx)(TextAreaActionsFooter_1.TextAreaActionsFooter, { left: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'xs', icon: isValueHidden ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev), disabled: isLoading }), right: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles_module_scss_1.default.uploadTooltip, open: isTouchDevice ? false : undefined, children: (0, jsx_runtime_1.jsx)(drop_zone_1.FileUpload, { mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]), children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { disabled: isLoading, size: isTouchDevice ? 's' : 'xs', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.AttachmentSVG, {}) }) }) }), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { disabled: isLoading, showTooltip: !isTouchDevice, className: isTouchDevice ? styles_module_scss_1.default.mobileSubmitButton : undefined, active: isValueValid && !disabled, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })))] }) }));
 });

package/dist/cjs/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/cjs/components/SshField/components/MobileFieldAi/MobileFieldAi.js

@@ -29,7 +29,7 @@ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const MIN_ROWS = 1;
 const MAX_ROWS = 6;
 exports.MobileFieldAi = (0, react_1.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 } = (0, uikit_product_locale_1.useLocale)('Claudia');
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.mobileInputWrapper, style: { '--max-rows': MAX_ROWS, '--min-rows': MIN_ROWS }, "data-size": 'm', children: [(0, jsx_runtime_1.jsx)(scroll_1.Scroll, { className: styles_module_scss_1.default.scrollContainer, size: 's', barHideStrategy: 'never', children: (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, props, { className: styles_module_scss_1.default.textarea, ref: ref, value: value, minRows: MIN_ROWS, placeholder: t('SshField.placeholder'), spellCheck: true })) }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.mobileSubmitButtonWrapper, children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { disableSpanWrapper: true, tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles_module_scss_1.default.uploadTooltip, children: (0, jsx_runtime_1.jsx)(drop_zone_1.FileUpload, { mode: 'multiple', onFilesUpload: () => { }, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 's', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.AttachmentSVG, {}) }) }) }), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { showTooltip: false, className: styles_module_scss_1.default.mobileSubmitButton, fullWidth: true, active: submitEnabled, handleClick: onSubmit, size: 's' })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.mobileInputWrapper, style: { '--max-rows': MAX_ROWS, '--min-rows': MIN_ROWS }, "data-size": 'm', children: [(0, jsx_runtime_1.jsx)(scroll_1.Scroll, { className: styles_module_scss_1.default.scrollContainer, size: 's', barHideStrategy: 'never', children: (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, props, { className: styles_module_scss_1.default.textarea, ref: ref, value: value, minRows: MIN_ROWS, placeholder: t('SshField.placeholder'), spellCheck: true })) }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.mobileSubmitButtonWrapper, children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { disableSpanWrapper: true, tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles_module_scss_1.default.uploadTooltip, children: (0, jsx_runtime_1.jsx)(drop_zone_1.FileUpload, { mode: 'multiple', onFilesUpload: (files) => onFileUpload(files[0]), children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 's', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.AttachmentSVG, {}) }) }) }), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { showTooltip: false, className: styles_module_scss_1.default.mobileSubmitButton, fullWidth: true, active: submitEnabled, handleClick: onSubmit, size: 's' })] })] }));
 });

package/dist/cjs/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/cjs/components/SshField/helperComponents/CheckItem/CheckItem.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckItem = CheckItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function CheckItem({ label, layoutType }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.checkItem, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.iconWrapper, children: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CrossFilledSVG, { size: 16, className: styles_module_scss_1.default.icon }) }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { "data-layout-type": layoutType, className: styles_module_scss_1.default.label, children: label })] }));
+}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CheckItem"), exports);

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/SshField/helperComponents/SshValidation/SshValidation.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SshValidation = SshValidation;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
+const CheckItem_1 = require("../CheckItem");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SshValidation({ sshValidation, layoutType }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('Claudia');
+    if (!sshValidation)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.validationItemsContainer, "data-layout-type": layoutType, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.validationList, children: [sshValidation.fileSize && (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { label: t('SshField.errors.fileSize'), layoutType: layoutType }), sshValidation.fileType && (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { label: t('SshField.errors.fileType'), layoutType: layoutType }), sshValidation.binaryData && (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { label: t('SshField.errors.binaryData'), layoutType: layoutType }), sshValidation.emptyFile && (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { label: t('SshField.errors.emptyFile'), layoutType: layoutType }), sshValidation.invalidSSHKey && ((0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { label: t('SshField.errors.invalidSSHKey'), layoutType: layoutType })), sshValidation.readError && (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { label: t('SshField.errors.readError'), layoutType: layoutType })] }) }));
+}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SshValidation"), exports);

package/dist/cjs/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/cjs/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/cjs/components/SshField/helperComponents/WithSshValidation/WithSshValidation.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithSshValidation = WithSshValidation;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_mobile_tooltip_1 = require("@cloud-ru/uikit-product-mobile-tooltip");
+const isTouchDevice_1 = require("../../utils/isTouchDevice");
+const SshValidation_1 = require("../SshValidation");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function WithSshValidation({ sshValidation, layoutType, children }) {
+    const isSshValidationError = (0, react_1.useMemo)(() => (sshValidation ? Object.values(sshValidation).some(item => item) : false), [sshValidation]);
+    if ((0, isTouchDevice_1.isTouchDevice)(layoutType)) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.validationContainer, children: [(0, jsx_runtime_1.jsx)(SshValidation_1.SshValidation, { sshValidation: sshValidation, layoutType: layoutType }), children] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.AdaptiveTooltip, { placement: 'left-end', layoutType: layoutType, tip: (0, jsx_runtime_1.jsx)(SshValidation_1.SshValidation, { sshValidation: sshValidation, layoutType: layoutType }), open: isSshValidationError, offset: 8, children: children }));
+}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./WithSshValidation"), exports);

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

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

package/dist/cjs/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/cjs/components/SshField/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/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/cjs/components/SshField/utils/readFileContent.js

@@ -1,23 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.readFileContent = void 0;
-const readFileContent = (file) => new Promise((resolve, reject) => {
+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/cjs/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/cjs/components/SshField/utils/validateSSHKey.js

@@ -1,66 +1,63 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateFileSize = exports.validateFileType = exports.validateSSHKeyContent = void 0;
-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 ключи и сертификаты');
-    }
-};
-exports.validateSSHKeyContent = validateSSHKeyContent;
-const DEFAULT_ALLOWED_MIME_TYPES = ['text/plain'];
+exports.validateSshKeyErrors = exports.validateFileErrors = void 0;
 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));
+const validateFileErrors = (file) => ({
+    fileSize: checkIsFileSizeError(file),
+    fileType: checkIsFileTypeError(file),
+});
+exports.validateFileErrors = validateFileErrors;
+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;
-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 };
 };
-exports.validateFileType = validateFileType;
-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);
 };
-exports.validateFileSize = validateFileSize;
+const validateSshKeyErrors = (value) => ({
+    binaryChars: checkIsBinaryCharsInContent(value),
+    emptyFile: checkIsEmptyContent(value),
+    invalidSSHKey: checkIsSshKeyError(value),
+});
+exports.validateSshKeyErrors = validateSshKeyErrors;