@alfalab/core-components 44.5.1-beta.4 → 44.6.0

package/modal/modern/mobile/index.js

@@ -6,11 +6,10 @@ import 'classnames';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 import '../components/content/Component.js';
-import '../getDataTestId-9f1ae57f.js';
-import '@alfalab/hooks';
+import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-aabcece6.js';
+import '../layout.module-80dc989b.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/modern';

package/modal/modern/shared/index.js

@@ -1,6 +1,4 @@
 export { ModalContext } from '../Context.js';
 export { getModalTestIds } from '../utils.js';
 import '../../../base-modal/modern';
-import '../getDataTestId-9f1ae57f.js';
-import 'react';
-import '@alfalab/hooks';
+import '../../../shared/modern';

package/modal/modern/utils.js

@@ -1,6 +1,4 @@
-import { g as getDataTestId } from './getDataTestId-9f1ae57f.js';
-import 'react';
-import '@alfalab/hooks';
+import { getDataTestId } from '../../shared/modern';
 
 function getModalTestIds(dataTestId) {
     return {

package/modal/utils.js

@@ -1,19 +1,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getDataTestId = require('./getDataTestId-df239bc2.js');
-require('react');
-require('@alfalab/hooks');
+var coreComponentsShared = require('../shared');
 
 function getModalTestIds(dataTestId) {
     return {
         modal: dataTestId,
-        content: getDataTestId.getDataTestId(dataTestId, 'content'),
-        footer: getDataTestId.getDataTestId(dataTestId, 'footer'),
-        controls: getDataTestId.getDataTestId(dataTestId, 'controls'),
-        header: getDataTestId.getDataTestId(dataTestId, 'header'),
-        title: getDataTestId.getDataTestId(dataTestId, 'header-title'),
-        closer: getDataTestId.getDataTestId(dataTestId, 'header-closer'),
-        backButton: getDataTestId.getDataTestId(dataTestId, 'header-back-button'),
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        controls: coreComponentsShared.getDataTestId(dataTestId, 'controls'),
+        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
+        title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
+        backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
     };
 }
 

package/navigation-bar/components/back-arrow-addon/index.css

@@ -27,6 +27,8 @@
 } .navigation-bar__component_1876c {
     height: 100%;
     background: var(--color-light-bg-primary-alpha-40);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     border-radius: var(--border-radius-pill)
 } .navigation-bar__component_1876c svg > path {
         transition: fill 0.2s ease;
@@ -57,6 +59,8 @@
     width: 32px;
     height: 32px;
     background: var(--color-light-neutral-translucent-100);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     margin: 0
 } .navigation-bar__mobileWrapper_1876c + .navigation-bar__text_1876c {
         margin: 0 var(--gap-s) 0 var(--gap-xs);

package/navigation-bar/components/closer/index.css

@@ -32,6 +32,8 @@
     justify-content: center;
 } .navigation-bar__button_uatey {
     background: var(--color-light-bg-primary-alpha-40);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     color: var(--color-light-neutral-1500)
 } .navigation-bar__button_uatey.navigation-bar__mobile_uatey {
         background: var(--color-light-neutral-translucent-100);

package/navigation-bar/cssm/components/back-arrow-addon/index.module.css

@@ -26,6 +26,8 @@
 } .component {
     height: 100%;
     background: var(--color-light-bg-primary-alpha-40);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     border-radius: var(--border-radius-pill)
 } .component svg > path {
         transition: fill 0.2s ease;
@@ -56,6 +58,8 @@
     width: 32px;
     height: 32px;
     background: var(--color-light-neutral-translucent-100);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     margin: 0
 } .mobileWrapper + .text {
         margin: 0 var(--gap-s) 0 var(--gap-xs);

package/navigation-bar/cssm/components/closer/index.module.css

@@ -31,6 +31,8 @@
     justify-content: center;
 } .button {
     background: var(--color-light-bg-primary-alpha-40);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     color: var(--color-light-neutral-1500)
 } .button.mobile {
         background: var(--color-light-neutral-translucent-100);

package/navigation-bar/esm/components/back-arrow-addon/index.css

@@ -27,6 +27,8 @@
 } .navigation-bar__component_1876c {
     height: 100%;
     background: var(--color-light-bg-primary-alpha-40);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     border-radius: var(--border-radius-pill)
 } .navigation-bar__component_1876c svg > path {
         transition: fill 0.2s ease;
@@ -57,6 +59,8 @@
     width: 32px;
     height: 32px;
     background: var(--color-light-neutral-translucent-100);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     margin: 0
 } .navigation-bar__mobileWrapper_1876c + .navigation-bar__text_1876c {
         margin: 0 var(--gap-s) 0 var(--gap-xs);

package/navigation-bar/esm/components/closer/index.css

@@ -32,6 +32,8 @@
     justify-content: center;
 } .navigation-bar__button_uatey {
     background: var(--color-light-bg-primary-alpha-40);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     color: var(--color-light-neutral-1500)
 } .navigation-bar__button_uatey.navigation-bar__mobile_uatey {
         background: var(--color-light-neutral-translucent-100);

package/navigation-bar/modern/components/back-arrow-addon/index.css

@@ -27,6 +27,8 @@
 } .navigation-bar__component_1876c {
     height: 100%;
     background: var(--color-light-bg-primary-alpha-40);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     border-radius: var(--border-radius-pill)
 } .navigation-bar__component_1876c svg > path {
         transition: fill 0.2s ease;
@@ -57,6 +59,8 @@
     width: 32px;
     height: 32px;
     background: var(--color-light-neutral-translucent-100);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     margin: 0
 } .navigation-bar__mobileWrapper_1876c + .navigation-bar__text_1876c {
         margin: 0 var(--gap-s) 0 var(--gap-xs);

package/navigation-bar/modern/components/closer/index.css

@@ -32,6 +32,8 @@
     justify-content: center;
 } .navigation-bar__button_uatey {
     background: var(--color-light-bg-primary-alpha-40);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
     color: var(--color-light-neutral-1500)
 } .navigation-bar__button_uatey.navigation-bar__mobile_uatey {
         background: var(--color-light-neutral-translucent-100);

package/number-input/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getNumberInputTestIds } from "../utils";

package/number-input/cssm/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getNumberInputTestIds = utils.getNumberInputTestIds;

package/number-input/cssm/utils.d.ts

@@ -20,4 +20,15 @@ declare function createMinMaxPlugin({ min, max }: {
     max: number;
 }): MaskitoPlugin;
 declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
-export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin };
+declare function getNumberInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+    decrementButton: string;
+    incrementButton: string;
+};
+export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds };

package/number-input/cssm/utils.js

@@ -244,6 +244,19 @@ function createNotEmptyPartsPlugin(separator) {
         return function () { return element.removeEventListener('blur', listener, evListenerOptions); };
     };
 }
+function getNumberInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
+        decrementButton: coreComponentsShared.getDataTestId(dataTestId, 'decrement-button'),
+        incrementButton: coreComponentsShared.getDataTestId(dataTestId, 'increment-button'),
+    };
+}
 
 exports.MAX_DIGITS = MAX_DIGITS;
 exports.MAX_SAFE_INTEGER = MAX_SAFE_INTEGER;
@@ -253,5 +266,6 @@ exports.SEPARATORS = SEPARATORS;
 exports.createMaskOptions = createMaskOptions;
 exports.createMinMaxPlugin = createMinMaxPlugin;
 exports.createNotEmptyPartsPlugin = createNotEmptyPartsPlugin;
+exports.getNumberInputTestIds = getNumberInputTestIds;
 exports.parseNumber = parseNumber;
 exports.stringifyNumberWithoutExp = stringifyNumberWithoutExp;

package/number-input/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getNumberInputTestIds } from "../utils";

package/number-input/esm/shared/index.js

@@ -0,0 +1,3 @@
+export { getNumberInputTestIds } from '../utils.js';
+import '@maskito/core';
+import '../../../shared/esm';

package/number-input/esm/utils.d.ts

@@ -20,4 +20,15 @@ declare function createMinMaxPlugin({ min, max }: {
     max: number;
 }): MaskitoPlugin;
 declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
-export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin };
+declare function getNumberInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+    decrementButton: string;
+    incrementButton: string;
+};
+export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds };

package/number-input/esm/utils.js

@@ -1,5 +1,5 @@
 import { maskitoTransform } from '@maskito/core';
-import { fnUtils } from '../../shared/esm';
+import { getDataTestId, fnUtils } from '../../shared/esm';
 
 /* eslint-disable no-param-reassign */
 var MINUS_SIGN = '-';
@@ -242,5 +242,18 @@ function createNotEmptyPartsPlugin(separator) {
         return function () { return element.removeEventListener('blur', listener, evListenerOptions); };
     };
 }
+function getNumberInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: getDataTestId(dataTestId, 'form-control-hint'),
+        decrementButton: getDataTestId(dataTestId, 'decrement-button'),
+        incrementButton: getDataTestId(dataTestId, 'increment-button'),
+    };
+}
 
-export { MAX_DIGITS, MAX_SAFE_INTEGER, MINUS_SIGN, MIN_SAFE_INTEGER, SEPARATORS, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, parseNumber, stringifyNumberWithoutExp };
+export { MAX_DIGITS, MAX_SAFE_INTEGER, MINUS_SIGN, MIN_SAFE_INTEGER, SEPARATORS, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds, parseNumber, stringifyNumberWithoutExp };

package/number-input/modern/shared/index.d.ts

@@ -0,0 +1 @@
+export { getNumberInputTestIds } from "../utils";

package/number-input/modern/shared/index.js

@@ -0,0 +1,3 @@
+export { getNumberInputTestIds } from '../utils.js';
+import '@maskito/core';
+import '../../../shared/modern';

package/number-input/modern/utils.d.ts

@@ -20,4 +20,15 @@ declare function createMinMaxPlugin({ min, max }: {
     max: number;
 }): MaskitoPlugin;
 declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
-export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin };
+declare function getNumberInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+    decrementButton: string;
+    incrementButton: string;
+};
+export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds };

package/number-input/modern/utils.js

@@ -1,5 +1,5 @@
 import { maskitoTransform } from '@maskito/core';
-import { fnUtils } from '../../shared/modern';
+import { getDataTestId, fnUtils } from '../../shared/modern';
 
 /* eslint-disable no-param-reassign */
 const MINUS_SIGN = '-';
@@ -229,5 +229,18 @@ function createNotEmptyPartsPlugin(separator) {
         return () => element.removeEventListener('blur', listener, evListenerOptions);
     };
 }
+function getNumberInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: getDataTestId(dataTestId, 'form-control-hint'),
+        decrementButton: getDataTestId(dataTestId, 'decrement-button'),
+        incrementButton: getDataTestId(dataTestId, 'increment-button'),
+    };
+}
 
-export { MAX_DIGITS, MAX_SAFE_INTEGER, MINUS_SIGN, MIN_SAFE_INTEGER, SEPARATORS, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, parseNumber, stringifyNumberWithoutExp };
+export { MAX_DIGITS, MAX_SAFE_INTEGER, MINUS_SIGN, MIN_SAFE_INTEGER, SEPARATORS, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds, parseNumber, stringifyNumberWithoutExp };

package/number-input/shared/index.d.ts

@@ -0,0 +1 @@
+export { getNumberInputTestIds } from "../utils";

package/number-input/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getNumberInputTestIds = utils.getNumberInputTestIds;

package/number-input/shared/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/shared/index.js"
+}

package/number-input/utils.d.ts

@@ -20,4 +20,15 @@ declare function createMinMaxPlugin({ min, max }: {
     max: number;
 }): MaskitoPlugin;
 declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
-export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin };
+declare function getNumberInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+    decrementButton: string;
+    incrementButton: string;
+};
+export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds };

package/number-input/utils.js

@@ -244,6 +244,19 @@ function createNotEmptyPartsPlugin(separator) {
         return function () { return element.removeEventListener('blur', listener, evListenerOptions); };
     };
 }
+function getNumberInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
+        decrementButton: coreComponentsShared.getDataTestId(dataTestId, 'decrement-button'),
+        incrementButton: coreComponentsShared.getDataTestId(dataTestId, 'increment-button'),
+    };
+}
 
 exports.MAX_DIGITS = MAX_DIGITS;
 exports.MAX_SAFE_INTEGER = MAX_SAFE_INTEGER;
@@ -253,5 +266,6 @@ exports.SEPARATORS = SEPARATORS;
 exports.createMaskOptions = createMaskOptions;
 exports.createMinMaxPlugin = createMinMaxPlugin;
 exports.createNotEmptyPartsPlugin = createNotEmptyPartsPlugin;
+exports.getNumberInputTestIds = getNumberInputTestIds;
 exports.parseNumber = parseNumber;
 exports.stringifyNumberWithoutExp = stringifyNumberWithoutExp;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "44.5.1-beta.4",
+  "version": "44.6.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/pass-code/components/KeyPad/Component.js

@@ -28,14 +28,14 @@ var KeyPad = function (_a) {
         }
         if (i === 11) {
             if (showClear) {
-                return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost' },
+                return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'backspace-button') },
                     React__default.default.createElement(BackspaceXxlIcon.BackspaceXxlIcon, null)));
             }
             if (rightAddons)
                 return rightAddons;
             return React__default.default.createElement("div", { key: 'right-addon-empty' });
         }
-        return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: digit, onClick: onClick, view: 'secondary', buttonClassName: styles.digit }, digit));
+        return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: digit, onClick: onClick, view: 'secondary', buttonClassName: styles.digit, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'keypad-button') }, digit));
     })));
 };
 

package/pass-code/components/KeyPadButton/Component.d.ts

@@ -23,6 +23,10 @@ type KeyPadButtonProps<T> = {
      * Коллбэк нажатия на кнопку.
      */
     onClick?: (payload: T) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     */
+    dataTestId?: string;
 };
-declare function KeyPadButton<T extends ReactNode>({ children, onClick, className, view, buttonClassName, }: KeyPadButtonProps<T>): React.JSX.Element;
+declare function KeyPadButton<T extends ReactNode>({ children, onClick, className, view, buttonClassName, dataTestId, }: KeyPadButtonProps<T>): React.JSX.Element;
 export { KeyPadButtonProps, KeyPadButton };

package/pass-code/components/KeyPadButton/Component.js

@@ -13,9 +13,9 @@ var styles = {"component":"pass-code__component_m6gfp","button":"pass-code__butt
 require('./index.css');
 
 function KeyPadButton(_a) {
-    var children = _a.children, onClick = _a.onClick, className = _a.className, _b = _a.view, view = _b === void 0 ? 'secondary' : _b, buttonClassName = _a.buttonClassName;
+    var children = _a.children, onClick = _a.onClick, className = _a.className, _b = _a.view, view = _b === void 0 ? 'secondary' : _b, buttonClassName = _a.buttonClassName, dataTestId = _a.dataTestId;
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className) },
-        React__default.default.createElement(mobile.ButtonMobile, { className: cn__default.default(styles.button, styles[view], buttonClassName), view: view, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(children); } }, children)));
+        React__default.default.createElement(mobile.ButtonMobile, { className: cn__default.default(styles.button, styles[view], buttonClassName), view: view, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(children); }, dataTestId: dataTestId }, children)));
 }
 
 exports.KeyPadButton = KeyPadButton;

package/pass-code/cssm/components/KeyPad/Component.js

@@ -27,14 +27,14 @@ var KeyPad = function (_a) {
         }
         if (i === 11) {
             if (showClear) {
-                return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost' },
+                return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'backspace-button') },
                     React__default.default.createElement(BackspaceXxlIcon.BackspaceXxlIcon, null)));
             }
             if (rightAddons)
                 return rightAddons;
             return React__default.default.createElement("div", { key: 'right-addon-empty' });
         }
-        return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: digit, onClick: onClick, view: 'secondary', buttonClassName: styles__default.default.digit }, digit));
+        return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: digit, onClick: onClick, view: 'secondary', buttonClassName: styles__default.default.digit, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'keypad-button') }, digit));
     })));
 };
 

package/pass-code/cssm/components/KeyPadButton/Component.d.ts

@@ -23,6 +23,10 @@ type KeyPadButtonProps<T> = {
      * Коллбэк нажатия на кнопку.
      */
     onClick?: (payload: T) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     */
+    dataTestId?: string;
 };
-declare function KeyPadButton<T extends ReactNode>({ children, onClick, className, view, buttonClassName, }: KeyPadButtonProps<T>): React.JSX.Element;
+declare function KeyPadButton<T extends ReactNode>({ children, onClick, className, view, buttonClassName, dataTestId, }: KeyPadButtonProps<T>): React.JSX.Element;
 export { KeyPadButtonProps, KeyPadButton };

package/pass-code/cssm/components/KeyPadButton/Component.js

@@ -12,9 +12,9 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 function KeyPadButton(_a) {
-    var children = _a.children, onClick = _a.onClick, className = _a.className, _b = _a.view, view = _b === void 0 ? 'secondary' : _b, buttonClassName = _a.buttonClassName;
+    var children = _a.children, onClick = _a.onClick, className = _a.className, _b = _a.view, view = _b === void 0 ? 'secondary' : _b, buttonClassName = _a.buttonClassName, dataTestId = _a.dataTestId;
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className) },
-        React__default.default.createElement(mobile.ButtonMobile, { className: cn__default.default(styles__default.default.button, styles__default.default[view], buttonClassName), view: view, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(children); } }, children)));
+        React__default.default.createElement(mobile.ButtonMobile, { className: cn__default.default(styles__default.default.button, styles__default.default[view], buttonClassName), view: view, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(children); }, dataTestId: dataTestId }, children)));
 }
 
 exports.KeyPadButton = KeyPadButton;

package/pass-code/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPassCodeTestIds } from "../utils";

package/pass-code/cssm/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getPassCodeTestIds = utils.getPassCodeTestIds;

package/pass-code/cssm/utils.d.ts

@@ -0,0 +1,10 @@
+declare function getPassCodeTestIds(dataTestId: string): {
+    passCode: string;
+    inputProgress: string;
+    keypad: string;
+    keypadButton: string;
+    backspaceButton: string;
+    error: string;
+    message: string;
+};
+export { getPassCodeTestIds };

package/pass-code/cssm/utils.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../../shared/cssm');
+
+function getPassCodeTestIds(dataTestId) {
+    return {
+        passCode: coreComponentsShared.getDataTestId(dataTestId, 'wrapper'),
+        inputProgress: coreComponentsShared.getDataTestId(dataTestId, 'input-progress'),
+        keypad: coreComponentsShared.getDataTestId(dataTestId, 'keypad'),
+        keypadButton: coreComponentsShared.getDataTestId(dataTestId, 'keypad-button'),
+        backspaceButton: coreComponentsShared.getDataTestId(dataTestId, 'backspace-button'),
+        error: coreComponentsShared.getDataTestId(dataTestId, 'error'),
+        message: coreComponentsShared.getDataTestId(dataTestId, 'message'),
+    };
+}
+
+exports.getPassCodeTestIds = getPassCodeTestIds;

package/pass-code/esm/components/KeyPad/Component.js

@@ -24,14 +24,14 @@ var KeyPad = function (_a) {
         }
         if (i === 11) {
             if (showClear) {
-                return (React.createElement(KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost' },
+                return (React.createElement(KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost', dataTestId: getDataTestId(dataTestId, 'backspace-button') },
                     React.createElement(BackspaceXxlIcon, null)));
             }
             if (rightAddons)
                 return rightAddons;
             return React.createElement("div", { key: 'right-addon-empty' });
         }
-        return (React.createElement(KeyPadButton, { key: digit, onClick: onClick, view: 'secondary', buttonClassName: styles.digit }, digit));
+        return (React.createElement(KeyPadButton, { key: digit, onClick: onClick, view: 'secondary', buttonClassName: styles.digit, dataTestId: getDataTestId(dataTestId, 'keypad-button') }, digit));
     })));
 };
 

package/pass-code/esm/components/KeyPadButton/Component.d.ts

@@ -23,6 +23,10 @@ type KeyPadButtonProps<T> = {
      * Коллбэк нажатия на кнопку.
      */
     onClick?: (payload: T) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     */
+    dataTestId?: string;
 };
-declare function KeyPadButton<T extends ReactNode>({ children, onClick, className, view, buttonClassName, }: KeyPadButtonProps<T>): React.JSX.Element;
+declare function KeyPadButton<T extends ReactNode>({ children, onClick, className, view, buttonClassName, dataTestId, }: KeyPadButtonProps<T>): React.JSX.Element;
 export { KeyPadButtonProps, KeyPadButton };

package/pass-code/esm/components/KeyPadButton/Component.js

@@ -6,9 +6,9 @@ var styles = {"component":"pass-code__component_m6gfp","button":"pass-code__butt
 require('./index.css');
 
 function KeyPadButton(_a) {
-    var children = _a.children, onClick = _a.onClick, className = _a.className, _b = _a.view, view = _b === void 0 ? 'secondary' : _b, buttonClassName = _a.buttonClassName;
+    var children = _a.children, onClick = _a.onClick, className = _a.className, _b = _a.view, view = _b === void 0 ? 'secondary' : _b, buttonClassName = _a.buttonClassName, dataTestId = _a.dataTestId;
     return (React.createElement("div", { className: cn(styles.component, className) },
-        React.createElement(ButtonMobile, { className: cn(styles.button, styles[view], buttonClassName), view: view, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(children); } }, children)));
+        React.createElement(ButtonMobile, { className: cn(styles.button, styles[view], buttonClassName), view: view, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(children); }, dataTestId: dataTestId }, children)));
 }
 
 export { KeyPadButton };

package/pass-code/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPassCodeTestIds } from "../utils";

package/pass-code/esm/shared/index.js

@@ -0,0 +1,2 @@
+export { getPassCodeTestIds } from '../utils.js';
+import '../../../shared/esm';

package/pass-code/esm/utils.d.ts

@@ -0,0 +1,10 @@
+declare function getPassCodeTestIds(dataTestId: string): {
+    passCode: string;
+    inputProgress: string;
+    keypad: string;
+    keypadButton: string;
+    backspaceButton: string;
+    error: string;
+    message: string;
+};
+export { getPassCodeTestIds };